Skip to content

Commit 27f05aa

Browse files
committed
feat: upgrade to mui 5
1 parent d949f85 commit 27f05aa

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+473
-476
lines changed

demo/web/react/MuiRoot.jsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import React from 'react';
22
import 'typeface-roboto'; // eslint-disable-line import/extensions
3-
import CssBaseline from '@material-ui/core/CssBaseline';
4-
import StyledEngineProvider from '@material-ui/styled-engine';
3+
import CssBaseline from '@mui/material/CssBaseline';
54
import { ThemeProvider } from '@material-ui/styles';
65
import theme from './theme';
76

demo/web/react/body/Example.jsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@ import React, { useState } from 'react';
44
import { isEqual } from 'lodash';
55

66
// Material UI
7-
import { useTheme } from '@material-ui/core';
8-
import IconButton from '@material-ui/core/IconButton';
9-
import FullscreenIcon from '@material-ui/icons/Fullscreen';
10-
import FullscreenExitIcon from '@material-ui/icons/FullscreenExit';
11-
import Paper from '@material-ui/core/Paper';
7+
import { useTheme } from '@mui/material';
8+
import IconButton from '@mui/material/IconButton';
9+
import FullscreenIcon from '@mui/icons-material/Fullscreen';
10+
import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
11+
import Paper from '@mui/material/Paper';
1212

1313
// Custom interceptors
1414
import translateRangeDate from '@react-jsonschema-form-interceptors/translate-range-date/dist';

demo/web/react/body/Source.jsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@
1111
import React from 'react';
1212
import { isEmpty } from 'lodash';
1313
import Editor, { loader } from '@monaco-editor/react';
14-
import Tooltip from '@material-ui/core/Tooltip';
15-
import Typography from '@material-ui/core/Typography';
16-
import Valid from '@material-ui/icons/CheckCircle';
17-
import Invalid from '@material-ui/icons/HighlightOff';
18-
import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
14+
import Tooltip from '@mui/material/Tooltip';
15+
import Typography from '@mui/material/Typography';
16+
import Valid from '@mui/icons-material/CheckCircle';
17+
import Invalid from '@mui/icons-material/HighlightOff';
18+
import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
1919
import { withStyles } from '@material-ui/styles';
2020
import sourceStyles from './editor-styles';
2121

demo/web/react/body/custom-components/custom.component.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
// Library
22
import React, { useState } from 'react';
3-
import { TextField } from '@material-ui/core';
3+
import { TextField } from '@mui/material';
44

55
const CustomComponent = ({ onChange, formData }) => {
66
const [data, setData] = useState(formData.customComponent || '');

demo/web/react/body/custom-components/range-picker.component.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import React from 'react';
44
import { DateRangePicker } from 'react-material-ui-5-date-range-picker';
55

66
// Material UI
7-
import Dialog from '@material-ui/core/Dialog';
8-
import { TextField } from '@material-ui/core';
7+
import Dialog from '@mui/material/Dialog';
8+
import { TextField } from '@mui/material';
99

1010
const CustomDateRangePicker = ({ onChange, formData, uiData = { object: { } } }) => {
1111
const [open, setOpen] = React.useState(false);

demo/web/react/body/custom-components/rating.component.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
/* eslint-disable no-mixed-spaces-and-tabs */
33
/* eslint-disable no-tabs */
44
import React from 'react';
5-
import Rating from '@material-ui/lab/Rating';
6-
import Typography from '@material-ui/core/Typography';
5+
import Rating from '@mui/lab/Rating';
6+
import Typography from '@mui/material/Typography';
77

88
const SimpleRating = ({
99
value: givenValue,

demo/web/react/menu/LeftDrawer.jsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import { withStyles } from '@material-ui/styles';
3-
import Drawer from '@material-ui/core/Drawer';
4-
import Hidden from '@material-ui/core/Hidden';
3+
import Drawer from '@mui/material/Drawer';
4+
import Hidden from '@mui/material/Hidden';
55
import MenuItems from './MenuItems';
66
import menuStyles from './menu-styles';
77

demo/web/react/menu/Menu.jsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import React from 'react';
22
import { withStyles } from '@material-ui/styles';
3-
import GitHubIcon from '@material-ui/icons/GitHub';
4-
import AppBar from '@material-ui/core/AppBar';
5-
import Toolbar from '@material-ui/core/Toolbar';
6-
import Typography from '@material-ui/core/Typography';
7-
import Hidden from '@material-ui/core/Hidden';
8-
import IconButton from '@material-ui/core/IconButton';
9-
import MenuIcon from '@material-ui/icons/Menu';
3+
import GitHubIcon from '@mui/icons-material/GitHub';
4+
import AppBar from '@mui/material/AppBar';
5+
import Toolbar from '@mui/material/Toolbar';
6+
import Typography from '@mui/material/Typography';
7+
import Hidden from '@mui/material/Hidden';
8+
import IconButton from '@mui/material/IconButton';
9+
import MenuIcon from '@mui/icons-material/Menu';
1010
import LeftDrawer from './LeftDrawer';
1111
import menuStyles from './menu-styles';
1212
import VersionSelect from './versionSelect';

demo/web/react/menu/MenuItems.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,10 @@
33
import React from 'react';
44
import keys from 'lodash/keys';
55
import { withStyles } from '@material-ui/styles';
6-
import List from '@material-ui/core/List';
7-
import ListItem from '@material-ui/core/ListItem';
8-
import ListItemText from '@material-ui/core/ListItemText';
9-
import ListSubheader from '@material-ui/core/ListSubheader';
6+
import List from '@mui/material/List';
7+
import ListItem from '@mui/material/ListItem';
8+
import ListItemText from '@mui/material/ListItemText';
9+
import ListSubheader from '@mui/material/ListSubheader';
1010
import examples from '../examples';
1111

1212
// Context

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from 'react';
22
import { makeStyles } from '@material-ui/styles';
3-
import InputLabel from '@material-ui/core/InputLabel';
4-
import MenuItem from '@material-ui/core/MenuItem';
5-
import FormControl from '@material-ui/core/FormControl';
6-
import Select from '@material-ui/core/Select';
3+
import InputLabel from '@mui/material/InputLabel';
4+
import MenuItem from '@mui/material/MenuItem';
5+
import FormControl from '@mui/material/FormControl';
6+
import Select from '@mui/material/Select';
77

88
const useStyles = makeStyles((theme) => ({
99
button: {

0 commit comments

Comments
 (0)