[core] Import new line convention

docs/data/joy/components/button/ButtonColors.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/joy/Box';
 import Sheet from '@mui/joy/Sheet';
 import Button from '@mui/joy/Button';

docs/data/joy/components/button/ButtonColors.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { VariantProp } from '@mui/joy/styles';
 import Box from '@mui/joy/Box';
 import Sheet from '@mui/joy/Sheet';
 import Button from '@mui/joy/Button';
 import RadioGroup from '@mui/joy/RadioGroup';
 import Radio from '@mui/joy/Radio';
 import Typography from '@mui/joy/Typography';
+import { VariantProp } from '@mui/joy/styles';
 
 export default function ButtonColors() {
   const [variant, setVariant] = React.useState<VariantProp>('solid');

docs/data/joy/core-features/automatic-adjustment/InputIntegration.js

@@ -2,7 +2,6 @@ import * as React from 'react';
 import Box from '@mui/joy/Box';
 import IconButton from '@mui/joy/IconButton';
 import Input from '@mui/joy/Input';
-
 import KeyRoundedIcon from '@mui/icons-material/KeyRounded';
 import VisibilityRoundedIcon from '@mui/icons-material/VisibilityRounded';
 

docs/data/joy/core-features/automatic-adjustment/ListThemes.js

@@ -8,7 +8,6 @@ import List from '@mui/joy/List';
 import ListItem from '@mui/joy/ListItem';
 import ListItemDecorator from '@mui/joy/ListItemDecorator';
 import ListItemButton from '@mui/joy/ListItemButton';
-
 import ArticleRoundedIcon from '@mui/icons-material/ArticleRounded';
 import ToggleOffRoundedIcon from '@mui/icons-material/ToggleOffRounded';
 

docs/data/material/components/slider/SliderSizes.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Slider from '@mui/material/Slider';
 

docs/data/material/components/slider/SliderSizes.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Slider from '@mui/material/Slider';
 

docs/data/material/components/transitions/SimpleCollapse.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SimpleCollapse.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Collapse from '@mui/material/Collapse';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1 }} elevation={4}>

docs/data/material/components/transitions/SimpleFade.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SimpleFade.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Fade from '@mui/material/Fade';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1 }} elevation={4}>

docs/data/material/components/transitions/SimpleGrow.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SimpleGrow.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Grow from '@mui/material/Grow';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1 }} elevation={4}>

docs/data/material/components/transitions/SimpleSlide.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SimpleSlide.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1 }} elevation={4}>

docs/data/material/components/transitions/SimpleZoom.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SimpleZoom.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Zoom from '@mui/material/Zoom';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1 }} elevation={4}>

docs/data/material/components/transitions/SlideFromContainer.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';

docs/data/material/components/transitions/SlideFromContainer.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Theme } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Switch from '@mui/material/Switch';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
 import FormControlLabel from '@mui/material/FormControlLabel';
+import { Theme } from '@mui/material/styles';
 
 const icon = (
   <Paper sx={{ m: 1, width: 100, height: 100 }} elevation={4}>

docs/pages/_app.js

@@ -1,9 +1,3 @@
-/* eslint-disable import/first */
-import { LicenseInfo } from '@mui/x-data-grid-pro';
-
-// Remove the license warning from demonstration purposes
-LicenseInfo.setLicenseKey(process.env.NEXT_PUBLIC_MUI_LICENSE);
-
 import 'docs/src/modules/components/bootstrap';
 // --- Post bootstrap -----
 import * as React from 'react';
@@ -34,6 +28,10 @@ import DocsStyledEngineProvider from 'docs/src/modules/utils/StyledEngineProvide
 import createEmotionCache from 'docs/src/createEmotionCache';
 import findActivePage from 'docs/src/modules/utils/findActivePage';
 import useRouterExtra from 'docs/src/modules/utils/useRouterExtra';
+import { LicenseInfo } from '@mui/x-data-grid-pro';
+
+// Remove the license warning from demonstration purposes
+LicenseInfo.setLicenseKey(process.env.NEXT_PUBLIC_MUI_LICENSE);
 
 // Client-side cache, shared for the whole session of the user in the browser.
 const clientSideEmotionCache = createEmotionCache();

docs/pages/experiments/material-ui/drawer.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Moon from '@mui/icons-material/DarkMode';
 import Sun from '@mui/icons-material/LightMode';
 import MailIcon from '@mui/icons-material/Mail';

docs/pages/experiments/material-ui/menu-item.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 import Moon from '@mui/icons-material/DarkMode';
 import Sun from '@mui/icons-material/LightMode';
 import Box from '@mui/material/Box';

docs/src/components/home/ProductsSwitcher.tsx

@@ -8,7 +8,6 @@ import Stack from '@mui/material/Stack';
 import IconImage from 'docs/src/components/icon/IconImage';
 import Highlighter from 'docs/src/components/action/Highlighter';
 import Link from 'docs/src/modules/components/Link';
-
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import ROUTES from 'docs/src/route';
 

docs/src/components/showcase/ViewToggleButton.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { ThemeProvider, createTheme, useTheme } from '@mui/material/styles';
 import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-
 import ViewQuiltRounded from '@mui/icons-material/ViewQuiltRounded';
 import ViewModuleRounded from '@mui/icons-material/ViewModuleRounded';
 import ViewAgendaRounded from '@mui/icons-material/ViewAgendaRounded';

docs/src/sw.js

@@ -2,7 +2,6 @@
 // https://github.com/airbnb/javascript/issues/1632
 /* eslint-disable no-restricted-globals */
 /* global workbox */
-
 importScripts('https://storage.googleapis.com/workbox-cdn/releases/4.0.0-alpha.0/workbox-sw.js');
 
 workbox.core.setCacheNameDetails({

examples/remix-with-typescript/app/entry.client.tsx

@@ -5,7 +5,6 @@ import { RemixBrowser } from 'remix';
 import { CacheProvider } from '@emotion/react';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-
 import ClientStyleContext from './src/ClientStyleContext';
 import createEmotionCache from './src/createEmotionCache';
 import theme from './src/theme';

examples/remix-with-typescript/app/entry.server.tsx

@@ -2,10 +2,8 @@ import * as React from 'react';
 import { renderToString } from 'react-dom/server';
 import { RemixServer } from 'remix';
 import type { EntryContext } from 'remix';
-
 import createEmotionCache from './src/createEmotionCache';
 import theme from './src/theme';
-
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 import { CacheProvider } from '@emotion/react';

packages/mui-base/src/BadgeUnstyled/BadgeUnstyled.test.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { createRenderer, createMount, describeConformanceUnstyled } from 'test/utils';
-
 import BadgeUnstyled, { badgeUnstyledClasses as classes } from '@mui/base/BadgeUnstyled';
 
 describe('<BadgeUnstyled />', () => {

packages/mui-base/src/MultiSelectUnstyled/MultiSelectUnstyled.test.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { expect } from 'chai';
-
 import MultiSelectUnstyled from '@mui/base/MultiSelectUnstyled';
 import { selectUnstyledClasses } from '@mui/base/SelectUnstyled';
 import OptionUnstyled from '@mui/base/OptionUnstyled';

packages/mui-base/src/index.test.js

@@ -3,7 +3,6 @@
  * Important: This test also serves as a point to
  * import the entire lib for coverage reporting
  */
-
 import { expect } from 'chai';
 import * as MaterialUI from './index';
 

packages/mui-joy/src/index.test.js

@@ -3,7 +3,6 @@
  * Important: This test also serves as a point to
  * import the entire lib for coverage reporting
  */
-
 import { expect } from 'chai';
 import * as joy from './index';
 

packages/mui-lab/src/index.test.js

@@ -3,7 +3,6 @@
  * Important: This test also serves as a point to
  * import the entire lib for coverage reporting
  */
-
 import { expect } from 'chai';
 import * as MaterialUI from './index';
 

packages/mui-material-next/src/index.test.js

@@ -3,7 +3,6 @@
  * Important: This test also serves as a point to
  * import the entire lib for coverage reporting
  */
-
 import { expect } from 'chai';
 import * as materialNext from './index';
 

packages/mui-material/src/Grid/Grid.js

@@ -8,7 +8,6 @@
 //
 // Follow this flexbox Guide to better understand the underlying model:
 // - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

packages/mui-material/src/SpeedDialAction/SpeedDialAction.js

@@ -1,5 +1,4 @@
 // @inheritedComponent Tooltip
-
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

packages/mui-material/src/index.test.js

@@ -3,7 +3,6 @@
  * Important: This test also serves as a point to
  * import the entire lib for coverage reporting
  */
-
 import { expect } from 'chai';
 import * as MaterialUI from './index';