Use named imports

Signed-off-by: Florent MILLOT <[email protected]>
gridsuite · Feb 5, 2024 · 7fb34a3 · 7fb34a3
1 parent 1ebd77b
commit 7fb34a3
Show file tree

Hide file tree

Showing 27 changed files with 72 additions and 72 deletions.
diff --git a/demo/src/InputsTab.jsx b/demo/src/InputsTab.jsx
@@ -9,8 +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 Grid from '@mui/material/Grid/Grid.js';
-import Box from '@mui/material/Box/Box.js';
+import { Grid } from '@mui/material';
+import { Box } from '@mui/material';
 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';

diff --git a/demo/src/TableTab.jsx b/demo/src/TableTab.jsx
@@ -14,7 +14,7 @@ import { Box, FormControlLabel, Stack, Switch, TextField } from '@mui/material';
 import MuiVirtualizedTable, {
     generateMuiVirtualizedTableClass,
 } from '../../src/components/MuiVirtualizedTable';
-import Button from '@mui/material/Button/Button.js';
+import { Button } from '@mui/material';
 import { CHANGE_WAYS } from '../../src/components/MuiVirtualizedTable/KeyedColumnsRowIndexer';
 
 import { toNestedGlobalSelectors } from '../../src/utils/styles';

diff --git a/demo/src/TreeViewFinderConfig.jsx b/demo/src/TreeViewFinderConfig.jsx
@@ -6,13 +6,13 @@
  */
 import React from 'react';
 
-import Radio from '@mui/material/Radio/Radio.js';
-import RadioGroup from '@mui/material/RadioGroup/RadioGroup.js';
-import FormControlLabel from '@mui/material/FormControlLabel/FormControlLabel.js';
-import FormControl from '@mui/material/FormControl/FormControl.js';
-import FormLabel from '@mui/material/FormLabel/FormLabel.js';
-import FormGroup from '@mui/material/FormGroup/FormGroup.js';
-import Checkbox from '@mui/material/Checkbox/Checkbox.js';
+import { Radio } from '@mui/material';
+import { RadioGroup } from '@mui/material';
+import { FormControlLabel } from '@mui/material';
+import { FormControl } from '@mui/material';
+import { FormLabel } from '@mui/material';
+import { FormGroup } from '@mui/material';
+import { Checkbox } from '@mui/material';
 
 /**
  * TreeViewFinderConfig documentation :

diff --git a/demo/src/app.jsx b/demo/src/app.jsx
@@ -25,8 +25,8 @@ import {
 } from '../../src';
 import { useSnackMessage } from '../../src/hooks/useSnackMessage';
 
-import ThemeProvider from '@mui/material/styles/ThemeProvider.js';
-import createTheme from '@mui/material/styles/createTheme.js';
+import { ThemeProvider } from '@mui/material';
+import { createTheme } from '@mui/material';
 import StyledEngineProvider from '@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.js';
 import { makeStyles, withStyles } from '@mui/styles';
 import { styled } from '@mui/system';

diff --git a/demo/src/right-resizable-box.jsx b/demo/src/right-resizable-box.jsx
@@ -10,7 +10,7 @@ import { MoreVert as ResizePanelHandleIcon } from '@mui/icons-material';
 import { ResizableBox } from 'react-resizable';
 import { useWindowWidth } from '@react-hook/window-size';
 import PropTypes from 'prop-types';
-import Box from '@mui/material/Box/Box.js';
+import { Box } from '@mui/material';
 import { styled } from '@mui/system';
 import { mergeSx } from '../../src/utils/styles';
 

diff --git a/src/components/AuthenticationRouter/AuthenticationRouter.jsx b/src/components/AuthenticationRouter/AuthenticationRouter.jsx
@@ -19,8 +19,8 @@ import Login from '../Login';
 import Logout from '../Login/Logout';
 
 import { Grid } from '@mui/material';
-import Alert from '@mui/material/Alert/Alert.js';
-import AlertTitle from '@mui/material/AlertTitle/AlertTitle.js';
+import { Alert } from '@mui/material';
+import { AlertTitle } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 
 const AuthenticationRouter = ({

diff --git a/src/components/CardErrorBoundary/card-error-boundary.jsx b/src/components/CardErrorBoundary/card-error-boundary.jsx
@@ -10,17 +10,17 @@
 //    https://mui.com/material-ui/react-card/#complex-interaction
 
 import React from 'react';
-import Box from '@mui/material/Box/Box.js';
-import Card from '@mui/material/Card/Card.js';
-import CardHeader from '@mui/material/CardHeader/CardHeader.js';
-import CardContent from '@mui/material/CardContent/CardContent.js';
-import CardActions from '@mui/material/CardActions/CardActions.js';
-import Collapse from '@mui/material/Collapse/Collapse.js';
-import IconButton from '@mui/material/IconButton/IconButton.js';
+import { Box } from '@mui/material';
+import { Card } from '@mui/material';
+import { CardHeader } from '@mui/material';
+import { CardContent } from '@mui/material';
+import { CardActions } from '@mui/material';
+import { Collapse } from '@mui/material';
+import { IconButton } from '@mui/material';
 import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import { Replay as ReplayIcon } from '@mui/icons-material';
-import Typography from '@mui/material/Typography/Typography.js';
-import styled from '@mui/material/styles/styled.js';
+import { Typography } from '@mui/material';
+import { styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 
 const ExpandMore = styled((props) => {

diff --git a/src/components/ElementSearchDialog/equipment-item.jsx b/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/Box/Box.js';
+import { Box } from '@mui/material';
 import { mergeSx } from '../../utils/styles';
 
 export const EquipmentItem = ({

diff --git a/src/components/Login/Login.jsx b/src/components/Login/Login.jsx
@@ -6,13 +6,13 @@
  */
 
 import React from 'react';
-import Avatar from '@mui/material/Avatar/Avatar.js';
-import Button from '@mui/material/Button/Button.js';
-import Link from '@mui/material/Link/Link.js';
-import Box from '@mui/material/Box/Box.js';
+import { Avatar } from '@mui/material';
+import { Button } from '@mui/material';
+import { Link } from '@mui/material';
+import { Box } from '@mui/material';
 import { LockOutlined as LockOutlinedIcon } from '@mui/icons-material';
-import Typography from '@mui/material/Typography/Typography.js';
-import Container from '@mui/material/Container/Container.js';
+import { Typography } from '@mui/material';
+import { Container } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 
 const styles = {

diff --git a/src/components/Login/Logout.jsx b/src/components/Login/Logout.jsx
@@ -6,13 +6,13 @@
  */
 
 import React from 'react';
-import Avatar from '@mui/material/Avatar/Avatar.js';
-import Button from '@mui/material/Button/Button.js';
-import Link from '@mui/material/Link/Link.js';
-import Box from '@mui/material/Box/Box.js';
+import { Avatar } from '@mui/material';
+import { Button } from '@mui/material';
+import { Link } from '@mui/material';
+import { Box } from '@mui/material';
 import { LogoutOutlined as LogoutOutlinedIcon } from '@mui/icons-material';
-import Typography from '@mui/material/Typography/Typography.js';
-import Container from '@mui/material/Container/Container.js';
+import { Typography } from '@mui/material';
+import { Container } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 
 const styles = {

diff --git a/src/components/MuiVirtualizedTable/ColumnHeader.jsx b/src/components/MuiVirtualizedTable/ColumnHeader.jsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { FilterAltOutlined as FilterAltOutlinedIcon } from '@mui/icons-material';
 
 import { styled } from '@mui/system';
-import Box from '@mui/material/Box/Box.js';
+import { Box } from '@mui/material';
 import { ArrowUpward as ArrowUpwardIcon } from '@mui/icons-material';
 import { ArrowDownward as ArrowDownwardIcon } from '@mui/icons-material';
 import { mergeSx } from '../../utils/styles';

diff --git a/src/components/MultipleSelectionDialog/MultipleSelectionDialog.jsx b/src/components/MultipleSelectionDialog/MultipleSelectionDialog.jsx
@@ -6,14 +6,14 @@
  */
 
 import { Dialog, DialogContent, List } from '@mui/material';
-import DialogTitle from '@mui/material/DialogTitle/DialogTitle.js';
+import { DialogTitle } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import FormControlLabel from '@mui/material/FormControlLabel/FormControlLabel.js';
-import Checkbox from '@mui/material/Checkbox/Checkbox.js';
+import { FormControlLabel } from '@mui/material';
+import { Checkbox } from '@mui/material';
 import React, { useState } from 'react';
-import DialogActions from '@mui/material/DialogActions/DialogActions.js';
-import Button from '@mui/material/Button/Button.js';
-import Grid from '@mui/material/Grid/Grid.js';
+import { DialogActions } from '@mui/material';
+import { Button } from '@mui/material';
+import { Grid } from '@mui/material';
 
 const MultipleSelectionDialog = ({
     options,

diff --git a/src/components/ReportViewer/log-table.jsx b/src/components/ReportViewer/log-table.jsx
@@ -6,10 +6,10 @@
  */
 import React, { memo, useCallback, useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
-import TableCell from '@mui/material/TableCell/TableCell.js';
+import { TableCell } from '@mui/material';
 import { styled } from '@mui/system';
 import MuiVirtualizedTable from '../MuiVirtualizedTable';
-import useTheme from '@mui/material/styles/useTheme.js';
+import { useTheme } from '@mui/material';
 import { FilterButton } from './filter-button';
 
 const SEVERITY_COLUMN_FIXED_WIDTH = 115;

diff --git a/src/components/ReportViewer/multi-select-list.jsx b/src/components/ReportViewer/multi-select-list.jsx
@@ -5,8 +5,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import React from 'react';
-import Menu from '@mui/material/Menu/Menu.js';
-import MenuItem from '@mui/material/MenuItem/MenuItem.js';
+import { Menu } from '@mui/material';
+import { MenuItem } from '@mui/material';
 import { Checkbox, FormControlLabel } from '@mui/material';
 
 const styles = {

diff --git a/src/components/ReportViewer/report-item.jsx b/src/components/ReportViewer/report-item.jsx
@@ -6,11 +6,11 @@
  */
 
 import React, { useContext } from 'react';
-import Box from '@mui/material/Box/Box.js';
+import { Box } from '@mui/material';
 import { styled } from '@mui/system';
 import PropTypes from 'prop-types';
 import TreeItem from '@mui/lab/TreeItem/TreeItem.js';
-import Typography from '@mui/material/Typography/Typography.js';
+import { Typography } from '@mui/material';
 import { Label } from '@mui/icons-material';
 import ReportTreeViewContext from './report-tree-view-context';
 import { alpha } from '@mui/system';

diff --git a/src/components/ReportViewer/report-viewer.jsx b/src/components/ReportViewer/report-viewer.jsx
@@ -17,7 +17,7 @@ import { ArrowDropDown as ArrowDropDownIcon } from '@mui/icons-material';
 import { ArrowRight as ArrowRightIcon } from '@mui/icons-material';
 import ReportItem from './report-item';
 import LogReport from './log-report';
-import Grid from '@mui/material/Grid/Grid.js';
+import { Grid } from '@mui/material';
 import LogTable from './log-table';
 import ReportTreeViewContext from './report-tree-view-context';
 import LogReportItem from './log-report-item';

diff --git a/src/components/ReportViewerDialog/report-viewer-dialog.jsx b/src/components/ReportViewerDialog/report-viewer-dialog.jsx
@@ -6,9 +6,9 @@
  */
 
 import React, { useState } from 'react';
-import DialogTitle from '@mui/material/DialogTitle/DialogTitle.js';
-import DialogActions from '@mui/material/DialogActions/DialogActions.js';
-import Button from '@mui/material/Button/Button.js';
+import { DialogTitle } from '@mui/material';
+import { DialogActions } from '@mui/material';
+import { Button } from '@mui/material';
 import { Fullscreen as FullscreenIcon } from '@mui/icons-material';
 import { FullscreenExit as FullscreenExitIcon } from '@mui/icons-material';
 import { FormattedMessage } from 'react-intl';

diff --git a/src/components/SnackbarProvider/SnackbarProvider.jsx b/src/components/SnackbarProvider/SnackbarProvider.jsx
@@ -6,7 +6,7 @@
  */
 
 import React, { useRef } from 'react';
-import Button from '@mui/material/Button/Button.js';
+import { Button } from '@mui/material';
 
 import { SnackbarProvider as OrigSnackbarProvider } from 'notistack';
 

diff --git a/src/components/TopBar/TopBar.test.js b/src/components/TopBar/TopBar.test.js
@@ -17,8 +17,8 @@ import { top_bar_en } from '../../';
 import PowsyblLogo from '../images/powsybl_logo.svg';
 
 import { red } from '@mui/material/colors';
-import ThemeProvider from '@mui/material/styles/ThemeProvider.js';
-import createTheme from '@mui/material/styles/createTheme.js';
+import { ThemeProvider } from '@mui/material';
+import { createTheme } from '@mui/material';
 
 let container = null;
 beforeEach(() => {

diff --git a/src/components/TreeViewFinder/TreeViewFinder.jsx b/src/components/TreeViewFinder/TreeViewFinder.jsx
@@ -15,16 +15,16 @@ import {
 
 import { styled } from '@mui/system';
 
-import Dialog from '@mui/material/Dialog/Dialog.js';
-import DialogActions from '@mui/material/DialogActions/DialogActions.js';
-import DialogContent from '@mui/material/DialogContent/DialogContent.js';
-import DialogContentText from '@mui/material/DialogContentText/DialogContentText.js';
-import DialogTitle from '@mui/material/DialogTitle/DialogTitle.js';
-import Button from '@mui/material/Button/Button.js';
+import { Dialog } from '@mui/material';
+import { DialogActions } from '@mui/material';
+import { DialogContent } from '@mui/material';
+import { DialogContentText } from '@mui/material';
+import { DialogTitle } from '@mui/material';
+import { Button } from '@mui/material';
 
 import TreeItem from '@mui/lab/TreeItem/TreeItem.js';
 import TreeView from '@mui/lab/TreeView/TreeView.js';
-import Typography from '@mui/material/Typography/Typography.js';
+import { Typography } from '@mui/material';
 import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';
 import { ChevronRight as ChevronRightIcon } from '@mui/icons-material';
 import { Check as CheckIcon } from '@mui/icons-material';

diff --git a/src/components/react-hook-form/booleans/boolean-input.jsx b/src/components/react-hook-form/booleans/boolean-input.jsx
@@ -8,7 +8,7 @@
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import FormControlLabel from '@mui/material/FormControlLabel/FormControlLabel.js';
+import { FormControlLabel } from '@mui/material';
 import { useController } from 'react-hook-form';
 
 const BooleanInput = ({ name, label, formProps, Input }) => {

diff --git a/src/components/react-hook-form/booleans/checkbox-input.jsx b/src/components/react-hook-form/booleans/checkbox-input.jsx
@@ -8,7 +8,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BooleanInput from './boolean-input';
-import Checkbox from '@mui/material/Checkbox/Checkbox.js';
+import { Checkbox } from '@mui/material';
 
 const CheckboxInput = ({ name, label, formProps }) => {
     return (

diff --git a/src/components/react-hook-form/booleans/switch-input.jsx b/src/components/react-hook-form/booleans/switch-input.jsx
@@ -8,7 +8,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BooleanInput from './boolean-input';
-import Switch from '@mui/material/Switch/Switch.js';
+import { Switch } from '@mui/material';
 
 const SwitchInput = ({ name, label, formProps }) => {
     return (

diff --git a/src/components/react-hook-form/error-management/mid-form-error.jsx b/src/components/react-hook-form/error-management/mid-form-error.jsx
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import Box from '@mui/material/Box/Box.js';
+import { Box } from '@mui/material';
 
 // component to display error message in the middle of dialog
 const MidFormError = ({ message }) => {

diff --git a/src/components/react-hook-form/radio-input.jsx b/src/components/react-hook-form/radio-input.jsx
@@ -7,7 +7,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import FormControl from '@mui/material/FormControl/FormControl.js';
+import { FormControl } from '@mui/material';
 import { FormControlLabel, FormLabel, Radio, RadioGroup } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useController } from 'react-hook-form';

diff --git a/src/components/react-hook-form/utils/text-field-with-adornment.jsx b/src/components/react-hook-form/utils/text-field-with-adornment.jsx
@@ -9,8 +9,8 @@ import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Clear as ClearIcon } from '@mui/icons-material';
 import { TextField } from '@mui/material';
-import IconButton from '@mui/material/IconButton/IconButton.js';
-import InputAdornment from '@mui/material/InputAdornment/InputAdornment.js';
+import { IconButton } from '@mui/material';
+import { InputAdornment } from '@mui/material';
 
 const TextFieldWithAdornment = (props) => {
     const {

diff --git a/src/hooks/useDebounce.js b/src/hooks/useDebounce.js
@@ -6,7 +6,7 @@
  */
 
 import { useEffect, useMemo } from 'react';
-import debounce from '@mui/material/utils/debounce.js';
+import { debounce } from '@mui/material';
 
 export const useDebounce = (func, delay = 700) => {
     const debouncedChangeHandler = useMemo(