refactor: update material ui imports

Signed-off-by: Timothy Deakin <cftad@protonmail.com>
2024-03-14 14:31:13 +00:00
parent b7d787cb37
commit 9507618b60
18 changed files with 39 additions and 44 deletions
@@ -23,7 +23,10 @@ import {
  ItemCardGrid,
  ItemCardHeader,
 } from '@backstage/core-components';
-import { Card, CardActions, CardContent, CardMedia } from '@material-ui/core';
+import Card from '@material-ui/core/Card';
+import CardActions from '@material-ui/core/CardActions';
+import CardContent from '@material-ui/core/CardContent';
+import CardMedia from '@material-ui/core/CardMedia';
 import React from 'react';

 /**
@@ -28,7 +28,7 @@ import {
  useEntityList,
  useEntityOwnership,
 } from '@backstage/plugin-catalog-react';
-import { Typography } from '@material-ui/core';
+import Typography from '@material-ui/core/Typography';
 import React from 'react';

 /**
@@ -17,7 +17,7 @@
 import React from 'react';
 import ShareIcon from '@material-ui/icons/Share';
 import { DocsTableRow } from './types';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@material-ui/core/styles';
 import Star from '@material-ui/icons/Star';
 import StarBorder from '@material-ui/icons/StarBorder';

@@ -16,8 +16,8 @@

 import React, { useState } from 'react';
 import useAsync from 'react-use/lib/useAsync';
-import { makeStyles } from '@material-ui/core';
-import { CSSProperties } from '@material-ui/styles';
+import { makeStyles } from '@material-ui/core/styles';
+import CSSProperties from '@material-ui/styles/CSSProperties';
 import {
  CATALOG_FILTER_EXISTS,
  catalogApiRef,
@@ -15,16 +15,12 @@
 */

 import { LogViewer } from '@backstage/core-components';
-import {
-  Button,
-  createStyles,
-  Drawer,
-  Grid,
-  IconButton,
-  makeStyles,
-  Theme,
-  Typography,
-} from '@material-ui/core';
+import Button from '@material-ui/core/Button';
+import Drawer from '@material-ui/core/Drawer';
+import Grid from '@material-ui/core/Grid';
+import IconButton from '@material-ui/core/IconButton';
+import Typography from '@material-ui/core/Typography';
+import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import Close from '@material-ui/icons/Close';
 import React, { useState } from 'react';

@@ -19,7 +19,7 @@ import { ErrorPanel } from '@backstage/core-components';
 import { techdocsApiRef } from '@backstage/plugin-techdocs-react';
 import { useApi, useApp } from '@backstage/core-plugin-api';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
-import { Button } from '@material-ui/core';
+import Button from '@material-ui/core/Button';

 type TechDocsRefreshCookieMessage = MessageEvent<{
  action: string;
@@ -17,7 +17,7 @@
 import React from 'react';
 import { renderHook, waitFor } from '@testing-library/react';

-import { ThemeProvider } from '@material-ui/core';
+import ThemeProvider from '@material-ui/core/ThemeProvider';

 import { lightTheme } from '@backstage/theme';
 import { TestApiProvider } from '@backstage/test-utils';
@@ -16,7 +16,8 @@

 import React, { useCallback, useEffect } from 'react';

-import { makeStyles, Grid } from '@material-ui/core';
+import Grid from '@material-ui/core/Grid';
+import { makeStyles } from '@material-ui/core/styles';

 import {
  TechDocsShadowDom,
@@ -15,7 +15,7 @@
 */

 import React from 'react';
-import { Portal } from '@material-ui/core';
+import Portal from '@material-ui/core/Portal';
 import {
  useTechDocsAddons,
  TechDocsAddonLocations as locations,
@@ -16,7 +16,8 @@

 import { useCallback, useEffect, useState } from 'react';

-import { useTheme, useMediaQuery } from '@material-ui/core';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { useTheme } from '@material-ui/core/styles';

 import { CompoundEntityRef } from '@backstage/catalog-model';
 import { useAnalytics, useApi } from '@backstage/core-plugin-api';
@@ -17,8 +17,8 @@
 import React, { PropsWithChildren, useEffect } from 'react';
 import Helmet from 'react-helmet';

-import { Grid } from '@material-ui/core';
-import { Skeleton } from '@material-ui/lab';
+import Grid from '@material-ui/core/Grid';
+import Skeleton from '@material-ui/lab/Skeleton';
 import { useTheme } from '@material-ui/core/styles';
 import CodeIcon from '@material-ui/icons/Code';

@@ -16,15 +16,7 @@

 import React, { MouseEvent, useState, useCallback } from 'react';

-import {
-  Box,
-  makeStyles,
-  Toolbar,
-  ToolbarProps,
-  Menu,
-  Tooltip,
-  IconButton,
-} from '@material-ui/core';
+import Box, { ToolbarProps } from '@material-ui/core/Box';
 import SettingsIcon from '@material-ui/icons/Settings';

 import {
@@ -15,8 +15,10 @@
 */

 import React from 'react';
-import { CircularProgress, Button, makeStyles } from '@material-ui/core';
-import { Alert } from '@material-ui/lab';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import Button from '@material-ui/core/Button';
+import { makeStyles } from '@material-ui/core/styles';
+import Alert from '@material-ui/lab/Alert';

 import { TechDocsBuildLogs } from './TechDocsBuildLogs';
 import { TechDocsNotFound } from './TechDocsNotFound';
@@ -16,13 +16,10 @@

 import React, { useState, useCallback } from 'react';
 import { renderReactElement } from './renderReactElement';
-import {
-  withStyles,
-  Theme,
-  ThemeProvider,
-  SvgIcon,
-  Tooltip,
-} from '@material-ui/core';
+import ThemeProvider from '@material-ui/core/ThemeProvider';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import Tooltip from '@material-ui/core/Tooltip';
+import { withStyles, Theme } from '@material-ui/core/styles';
 import IconButton from '@material-ui/core/IconButton';
 import type { Transformer } from './transformer';
 import useCopyToClipboard from 'react-use/lib/useCopyToClipboard';
@@ -14,7 +14,7 @@
 * limitations under the License.
 */

-import { Theme } from '@material-ui/core';
+import { Theme } from '@material-ui/core/styles';

 /**
 * A Backstage sidebar object that contains properties such as its pin state.
@@ -14,7 +14,8 @@
 * limitations under the License.
 */

-import { alpha, lighten } from '@material-ui/core';
+import alpha from '@material-ui/core/alpha';
+import lighten from '@material-ui/core/lighten';
 import { RuleOptions } from './types';

 export default ({ theme }: RuleOptions) => `
@@ -15,7 +15,7 @@
 */

 import { useCallback, useMemo } from 'react';
-import { useTheme } from '@material-ui/core';
+import { useTheme } from '@material-ui/core/styles';
 import { useSidebarPinState } from '@backstage/core-components';
 import { Transformer } from '../transformer';
 import { rules } from './rules';
@@ -15,7 +15,9 @@
 */

 import React, { PropsWithChildren, ReactNode } from 'react';
-import { ListItemIcon, ListItemText, makeStyles } from '@material-ui/core';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import { Link } from '@backstage/core-components';
 import { ResultHighlight } from '@backstage/plugin-search-common';