Revert all the import modifications

Signed-off-by: Florent MILLOT <millotflo@gmail.com>

demo/data/TreeViewFinder.jsx

@@ -7,15 +7,13 @@
 import React from 'react';
 
 /* Icons for customization*/
-import {
-    AcUnit as AcUnitIcon,
-    Coronavirus as CoronavirusIcon,
-    FiberNew as FiberNewIcon,
-    FlashOn as FlashOnIcon,
-    FolderOpen as FolderOpenIcon,
-    Waves as WavesIcon,
-    Whatshot as WhatshotIcon,
-} from '@mui/icons-material';
+import FlashOnIcon from '@mui/icons-material/FlashOn';
+import WhatshotIcon from '@mui/icons-material/Whatshot';
+import WavesIcon from '@mui/icons-material/Waves';
+import CoronavirusIcon from '@mui/icons-material/Coronavirus';
+import AcUnitIcon from '@mui/icons-material/AcUnit';
+import FolderOpenIcon from '@mui/icons-material/FolderOpen';
+import FiberNewIcon from '@mui/icons-material/FiberNew';
 
 var PokemonTree = [
     {

demo/src/InputsTab.jsx

@@ -9,7 +9,8 @@ import React from 'react';
 import * as yup from 'yup';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { FormProvider, useForm } from 'react-hook-form';
-import { Box, Grid } from '@mui/material';
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
 import AutocompleteInput from '../../src/components/react-hook-form/autocomplete-input';
 import TextInput from '../../src/components/react-hook-form/text-input';
 import RadioInput from '../../src/components/react-hook-form/radio-input';

demo/src/TableTab.jsx

@@ -8,19 +8,13 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import { DEFAULT_CELL_PADDING, KeyedColumnsRowIndexer } from '../../src';
 import { styled } from '@mui/system';
-import { withStyles } from '@mui/styles';
+import withStyles from '@mui/styles/withStyles';
 
-import {
-    Box,
-    Button,
-    FormControlLabel,
-    Stack,
-    Switch,
-    TextField,
-} from '@mui/material';
+import { Box, FormControlLabel, Stack, Switch, TextField } from '@mui/material';
 import MuiVirtualizedTable, {
     generateMuiVirtualizedTableClass,
 } from '../../src/components/MuiVirtualizedTable';
+import Button from '@mui/material/Button';
 import { CHANGE_WAYS } from '../../src/components/MuiVirtualizedTable/KeyedColumnsRowIndexer';
 
 import { toNestedGlobalSelectors } from '../../src/utils/styles';

demo/src/TreeViewFinderConfig.jsx

@@ -6,15 +6,13 @@
  */
 import React from 'react';
 
-import {
-    Checkbox,
-    FormControl,
-    FormControlLabel,
-    FormGroup,
-    FormLabel,
-    Radio,
-    RadioGroup,
-} from '@mui/material';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormControl from '@mui/material/FormControl';
+import FormLabel from '@mui/material/FormLabel';
+import FormGroup from '@mui/material/FormGroup';
+import Checkbox from '@mui/material/Checkbox';
 
 /**
  * TreeViewFinderConfig documentation :

demo/src/app.jsx

@@ -25,11 +25,17 @@ import {
 } from '../../src';
 import { useSnackMessage } from '../../src/hooks/useSnackMessage';
 
+import {
+    createTheme,
+    StyledEngineProvider,
+    ThemeProvider,
+} from '@mui/material/styles';
+import { makeStyles, withStyles } from '@mui/styles';
+import { styled } from '@mui/system';
 import {
     Box,
     Button,
     Checkbox,
-    createTheme,
     CssBaseline,
     FormControl,
     FormControlLabel,
@@ -41,12 +47,8 @@ import {
     Tab,
     Tabs,
     TextField,
-    ThemeProvider,
     Typography,
 } from '@mui/material';
-import { StyledEngineProvider } from '@mui/styled-engine';
-import { makeStyles, withStyles } from '@mui/styles';
-import { styled } from '@mui/system';
 
 import { useMatch } from 'react-router';
 import { IntlProvider, useIntl } from 'react-intl';

demo/src/right-resizable-box.jsx

@@ -6,11 +6,11 @@
  */
 
 import React, { useState } from 'react';
-import { MoreVert as ResizePanelHandleIcon } from '@mui/icons-material';
+import ResizePanelHandleIcon from '@mui/icons-material/MoreVert';
 import { ResizableBox } from 'react-resizable';
 import { useWindowWidth } from '@react-hook/window-size';
 import PropTypes from 'prop-types';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 import { styled } from '@mui/system';
 import { mergeSx } from '../../src/utils/styles';
 

src/components/AuthenticationRouter/AuthenticationRouter.jsx

@@ -18,7 +18,9 @@ import SilentRenewCallbackHandler from '../SilentRenewCallbackHandler';
 import Login from '../Login';
 import Logout from '../Login/Logout';
 
-import { Alert, AlertTitle, Grid } from '@mui/material';
+import { Grid } from '@mui/material';
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
 import { FormattedMessage } from 'react-intl';
 
 const AuthenticationRouter = ({

src/components/CardErrorBoundary/card-error-boundary.jsx

@@ -9,22 +9,18 @@
 //    https://reactjs.org/docs/error-boundaries.html
 //    https://mui.com/material-ui/react-card/#complex-interaction
 
-import React from 'react';
-import {
-    Box,
-    Card,
-    CardActions,
-    CardContent,
-    CardHeader,
-    Collapse,
-    IconButton,
-    styled,
-    Typography,
-} from '@mui/material';
-import {
-    ExpandMore as ExpandMoreIcon,
-    Replay as ReplayIcon,
-} from '@mui/icons-material';
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import Collapse from '@mui/material/Collapse';
+import IconButton from '@mui/material/IconButton';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ReplayIcon from '@mui/icons-material/Replay';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
 import { FormattedMessage } from 'react-intl';
 
 const ExpandMore = styled((props) => {

src/components/ElementSearchDialog/equipment-item.jsx

@@ -12,7 +12,7 @@ import { FormattedMessage } from 'react-intl';
 import OverflowableText from '../OverflowableText';
 import React from 'react';
 import { EQUIPMENT_TYPE } from '../../utils/EquipmentType';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
 import { mergeSx } from '../../utils/styles';
 
 export const EquipmentItem = ({

src/components/FlatParameters/FlatParameters.jsx

@@ -9,8 +9,6 @@ import React, { useCallback, useState } from 'react';
 import {
     Autocomplete,
     Chip,
-    Divider,
-    IconButton,
     List,
     ListItem,
     MenuItem,
@@ -19,8 +17,10 @@ import {
     TextField,
     Tooltip,
     Typography,
+    Divider,
+    IconButton,
 } from '@mui/material';
-import { Tune as TuneIcon } from '@mui/icons-material';
+import TuneIcon from '@mui/icons-material/Tune';
 import { FormattedMessage, useIntl } from 'react-intl';
 import MultipleSelectionDialog from '../MultipleSelectionDialog/MultipleSelectionDialog';
 

src/components/Login/Login.jsx

@@ -6,15 +6,13 @@
  */
 
 import React from 'react';
-import {
-    Avatar,
-    Box,
-    Button,
-    Container,
-    Link,
-    Typography,
-} from '@mui/material';
-import { LockOutlined as LockOutlinedIcon } from '@mui/icons-material';
+import Avatar from '@mui/material/Avatar';
+import Button from '@mui/material/Button';
+import Link from '@mui/material/Link';
+import Box from '@mui/material/Box';
+import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
 import { FormattedMessage } from 'react-intl';
 
 const styles = {

src/components/Login/Logout.jsx

@@ -6,15 +6,13 @@
  */
 
 import React from 'react';
-import {
-    Avatar,
-    Box,
-    Button,
-    Container,
-    Link,
-    Typography,
-} from '@mui/material';
-import { LogoutOutlined as LogoutOutlinedIcon } from '@mui/icons-material';
+import Avatar from '@mui/material/Avatar';
+import Button from '@mui/material/Button';
+import Link from '@mui/material/Link';
+import Box from '@mui/material/Box';
+import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
 import { FormattedMessage } from 'react-intl';
 
 const styles = {

src/components/MuiVirtualizedTable/ColumnHeader.jsx

@@ -7,14 +7,12 @@
 
 import React, { useRef } from 'react';
 
-import {
-    ArrowDownward as ArrowDownwardIcon,
-    ArrowUpward as ArrowUpwardIcon,
-    FilterAltOutlined as FilterAltOutlinedIcon,
-} from '@mui/icons-material';
+import FilterAltOutlinedIcon from '@mui/icons-material/FilterAltOutlined';
 
 import { styled } from '@mui/system';
-import { Box } from '@mui/material';
+import Box from '@mui/material/Box';
+import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
+import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
 import { mergeSx } from '../../utils/styles';
 
 const styles = {

src/components/MuiVirtualizedTable/MuiVirtualizedTable.jsx

@@ -22,13 +22,13 @@ import {
     TextField,
 } from '@mui/material';
 import { styled } from '@mui/system';
-import { GetApp as GetAppIcon } from '@mui/icons-material';
+import GetAppIcon from '@mui/icons-material/GetApp';
 import { AutoSizer, Column, Table } from 'react-virtualized';
 import CsvDownloader from 'react-csv-downloader';
 import OverflowableText from '../OverflowableText/overflowable-text';
 import {
-    makeComposeClasses,
     toNestedGlobalSelectors,
+    makeComposeClasses,
 } from '../../utils/styles';
 import {
     CHANGE_WAYS,

src/components/MultipleSelectionDialog/MultipleSelectionDialog.jsx

@@ -5,19 +5,15 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import {
-    Button,
-    Checkbox,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogTitle,
-    FormControlLabel,
-    Grid,
-    List,
-} from '@mui/material';
+import { Dialog, DialogContent, List } from '@mui/material';
+import DialogTitle from '@mui/material/DialogTitle';
 import { FormattedMessage } from 'react-intl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/Checkbox';
 import React, { useState } from 'react';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
 
 const MultipleSelectionDialog = ({
     options,

src/components/ReportViewer/filter-button.jsx

@@ -6,7 +6,7 @@
  */
 import React, { useMemo, useState } from 'react';
 import { Box, IconButton } from '@mui/material';
-import { Menu as MenuIcon } from '@mui/icons-material';
+import MenuIcon from '@mui/icons-material/Menu';
 import { MultiSelectList } from './multi-select-list';
 
 const styles = {

src/components/ReportViewer/log-table.jsx

@@ -6,9 +6,10 @@
  */
 import React, { memo, useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { TableCell, useTheme } from '@mui/material';
+import TableCell from '@mui/material/TableCell';
 import { styled } from '@mui/system';
 import MuiVirtualizedTable from '../MuiVirtualizedTable';
+import { useTheme } from '@mui/material/styles';
 import { FilterButton } from './filter-button';
 
 const SEVERITY_COLUMN_FIXED_WIDTH = 115;

src/components/ReportViewer/multi-select-list.jsx

@@ -5,7 +5,9 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import React from 'react';
-import { Checkbox, FormControlLabel, Menu, MenuItem } from '@mui/material';
+import Menu from '@mui/material/Menu';
+import MenuItem from '@mui/material/MenuItem';
+import { Checkbox, FormControlLabel } from '@mui/material';
 
 const styles = {
     label: {

src/components/ReportViewer/report-item.jsx

@@ -6,12 +6,14 @@
  */
 
 import React, { useContext } from 'react';
-import { Box, Typography } from '@mui/material';
-import { alpha, styled } from '@mui/system';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/system';
 import PropTypes from 'prop-types';
-import { TreeItem } from '@mui/lab';
-import { Label } from '@mui/icons-material';
+import TreeItem from '@mui/lab/TreeItem';
+import Typography from '@mui/material/Typography';
+import Label from '@mui/icons-material/Label';
 import ReportTreeViewContext from './report-tree-view-context';
+import { alpha } from '@mui/system';
 
 const styles = {
     root: (theme) => ({

src/components/ReportViewer/report-viewer.jsx

@@ -12,14 +12,12 @@ import React, {
     useRef,
     useState,
 } from 'react';
-import { TreeView } from '@mui/lab';
-import {
-    ArrowDropDown as ArrowDropDownIcon,
-    ArrowRight as ArrowRightIcon,
-} from '@mui/icons-material';
+import TreeView from '@mui/lab/TreeView';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import ArrowRightIcon from '@mui/icons-material/ArrowRight';
 import ReportItem from './report-item';
 import LogReport from './log-report';
-import { Grid } from '@mui/material';
+import Grid from '@mui/material/Grid';
 import LogTable from './log-table';
 import ReportTreeViewContext from './report-tree-view-context';
 import LogReportItem from './log-report-item';