fix: mui 5 compatible components

Author: vip-git

demo/web/react/DemoHome.jsx

@@ -1,6 +1,6 @@
 // Library
 import React from 'react';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import VersionContext from './context/version.context';
 
 import Menu from './menu';

demo/web/react/MuiRoot.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'typeface-roboto'; // eslint-disable-line import/extensions
 import CssBaseline from '@mui/material/CssBaseline';
-import { ThemeProvider } from '@material-ui/styles';
+import { ThemeProvider } from '@mui/styles';
 import theme from './theme';
 
 export default ({ children }) => (

demo/web/react/body/Body.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import styles from './body-styles';
 import Example from './Example';
 import UIBundler from './ui-bundler';

demo/web/react/body/Source.jsx

@@ -16,7 +16,7 @@ import Typography from '@mui/material/Typography';
 import Valid from '@mui/icons-material/CheckCircle';
 import Invalid from '@mui/icons-material/HighlightOff';
 import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import sourceStyles from './editor-styles';
 
 const classNames = require('classnames');

demo/web/react/body/example-styles.js

@@ -1,4 +1,4 @@
-import { makeStyles, createStyles } from '@material-ui/styles';
+import { makeStyles, createStyles } from '@mui/styles';
 
 const rootStyle = (theme, type) => ({
   'position': 'relative',

demo/web/react/menu/LeftDrawer.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import Drawer from '@mui/material/Drawer';
 import Hidden from '@mui/material/Hidden';
 import MenuItems from './MenuItems';

demo/web/react/menu/Menu.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import GitHubIcon from '@mui/icons-material/GitHub';
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';

demo/web/react/menu/MenuItems.jsx

@@ -2,7 +2,7 @@
 /* eslint-disable no-undef */
 import React from 'react';
 import keys from 'lodash/keys';
-import { withStyles } from '@material-ui/styles';
+import { withStyles } from '@mui/styles';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';

demo/web/react/menu/material-version-select.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@mui/styles';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';

demo/web/react/menu/versionSelect.jsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@mui/styles';
 import InputLabel from '@mui/material/InputLabel';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';