diff --git a/benchmark/browser/scripts/benchmark.js b/benchmark/browser/scripts/benchmark.js index 3547386bd3ae68..0b6529f82f3909 100644 --- a/benchmark/browser/scripts/benchmark.js +++ b/benchmark/browser/scripts/benchmark.js @@ -1,10 +1,10 @@ /* eslint-disable no-console */ /* eslint-disable no-await-in-loop */ -const fse = require('fs-extra'); const path = require('path'); +const http = require('http'); +const fse = require('fs-extra'); const playwright = require('playwright'); const handler = require('serve-handler'); -const http = require('http'); const PORT = 1122; diff --git a/benchmark/server/scenarios/docs.js b/benchmark/server/scenarios/docs.js index 9eb3308aae74c9..88d540cedf27f5 100644 --- a/benchmark/server/scenarios/docs.js +++ b/benchmark/server/scenarios/docs.js @@ -1,7 +1,7 @@ /* eslint-disable no-console */ -import Benchmark from 'benchmark'; import fs from 'fs'; import path from 'path'; +import Benchmark from 'benchmark'; import * as React from 'react'; import * as ReactDOMServer from 'react-dom/server'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; diff --git a/dangerfile.ts b/dangerfile.ts index 72d77fe2615db4..b4d75c1cd24a12 100644 --- a/dangerfile.ts +++ b/dangerfile.ts @@ -1,3 +1,4 @@ +/* eslint-disable import/order */ // inspire by reacts dangerfile // danger has to be the first thing required! import { danger, markdown } from 'danger'; diff --git a/docs/babel.config.js b/docs/babel.config.js index 8a20224a2c361d..2ac385186d98eb 100644 --- a/docs/babel.config.js +++ b/docs/babel.config.js @@ -1,5 +1,5 @@ -const fse = require('fs-extra'); const path = require('path'); +const fse = require('fs-extra'); const errorCodesPath = path.resolve(__dirname, './public/static/error-codes.json'); diff --git a/docs/data/joy/components/autocomplete/AutocompleteVariables.js b/docs/data/joy/components/autocomplete/AutocompleteVariables.js index c0c59e0f5ad52d..310c0f947e0876 100644 --- a/docs/data/joy/components/autocomplete/AutocompleteVariables.js +++ b/docs/data/joy/components/autocomplete/AutocompleteVariables.js @@ -1,8 +1,8 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Autocomplete from '@mui/joy/Autocomplete'; import Stack from '@mui/joy/Stack'; import LiveTv from '@mui/icons-material/LiveTv'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function ButtonVariables() { return ( diff --git a/docs/data/joy/components/avatar/AvatarGroupVariables.js b/docs/data/joy/components/avatar/AvatarGroupVariables.js index 8b9dc0f9d3905a..03381eaa2605da 100644 --- a/docs/data/joy/components/avatar/AvatarGroupVariables.js +++ b/docs/data/joy/components/avatar/AvatarGroupVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import AvatarGroup from '@mui/joy/AvatarGroup'; import Avatar from '@mui/joy/Avatar'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function AvatarGroupVariables() { return ( diff --git a/docs/data/joy/components/badge/BadgeAlignment.js b/docs/data/joy/components/badge/BadgeAlignment.js index 86c54c7556904f..7f680cd6156126 100644 --- a/docs/data/joy/components/badge/BadgeAlignment.js +++ b/docs/data/joy/components/badge/BadgeAlignment.js @@ -1,12 +1,12 @@ import * as React from 'react'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Avatar from '@mui/joy/Avatar'; import Badge from '@mui/joy/Badge'; import Box from '@mui/joy/Box'; import IconButton from '@mui/joy/IconButton'; import ArrowUpward from '@mui/icons-material/ArrowUpward'; import ArrowDownward from '@mui/icons-material/ArrowDownward'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; export default function BadgeAlignment() { const [anchorOrigin, setAnchorOrigin] = React.useState({ diff --git a/docs/data/joy/components/badge/BadgeAlignment.tsx b/docs/data/joy/components/badge/BadgeAlignment.tsx index 50c2354a1da82f..37171c79fe3161 100644 --- a/docs/data/joy/components/badge/BadgeAlignment.tsx +++ b/docs/data/joy/components/badge/BadgeAlignment.tsx @@ -1,12 +1,12 @@ import * as React from 'react'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Avatar from '@mui/joy/Avatar'; import Badge, { BadgeProps } from '@mui/joy/Badge'; import Box from '@mui/joy/Box'; import IconButton from '@mui/joy/IconButton'; import ArrowUpward from '@mui/icons-material/ArrowUpward'; import ArrowDownward from '@mui/icons-material/ArrowDownward'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; export default function BadgeAlignment() { const [anchorOrigin, setAnchorOrigin] = React.useState( diff --git a/docs/data/joy/components/button-group/ButtonGroupUsage.js b/docs/data/joy/components/button-group/ButtonGroupUsage.js index 9fcb44171445a7..0bee7cbf6e0344 100644 --- a/docs/data/joy/components/button-group/ButtonGroupUsage.js +++ b/docs/data/joy/components/button-group/ButtonGroupUsage.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import ButtonGroup from '@mui/joy/ButtonGroup'; import Button from '@mui/joy/Button'; import IconButton from '@mui/joy/IconButton'; import FavoriteBorder from '@mui/icons-material/FavoriteBorder'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function ButtonUsage() { return ( diff --git a/docs/data/joy/components/button/ButtonUsage.js b/docs/data/joy/components/button/ButtonUsage.js index ff59ef7c8e55c9..d461f2eee03af2 100644 --- a/docs/data/joy/components/button/ButtonUsage.js +++ b/docs/data/joy/components/button/ButtonUsage.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Box from '@mui/joy/Box'; import Button from '@mui/joy/Button'; import IconButton from '@mui/joy/IconButton'; import FavoriteBorder from '@mui/icons-material/FavoriteBorder'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function ButtonUsage() { return ( diff --git a/docs/data/joy/components/button/ButtonVariables.js b/docs/data/joy/components/button/ButtonVariables.js index 09c685a0fa87e2..1ae7b3b3b52e98 100644 --- a/docs/data/joy/components/button/ButtonVariables.js +++ b/docs/data/joy/components/button/ButtonVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Button from '@mui/joy/Button'; import FavoriteBorder from '@mui/icons-material/FavoriteBorder'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function ButtonVariables() { return ( diff --git a/docs/data/joy/components/button/IconButtonVariables.js b/docs/data/joy/components/button/IconButtonVariables.js index 7c89190d93fd15..3d1568ec452a6a 100644 --- a/docs/data/joy/components/button/IconButtonVariables.js +++ b/docs/data/joy/components/button/IconButtonVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import IconButton from '@mui/joy/IconButton'; import FavoriteBorder from '@mui/icons-material/FavoriteBorder'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function IconButtonVariables() { return ( diff --git a/docs/data/joy/components/card/CardUsage.js b/docs/data/joy/components/card/CardUsage.js index ff23573eda755e..dc8bd35863185e 100644 --- a/docs/data/joy/components/card/CardUsage.js +++ b/docs/data/joy/components/card/CardUsage.js @@ -3,8 +3,8 @@ import AspectRatio from '@mui/joy/AspectRatio'; import Button from '@mui/joy/Button'; import Card from '@mui/joy/Card'; import Typography from '@mui/joy/Typography'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import { CardActions, CardContent } from '@mui/joy'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function CardUsage() { return ( diff --git a/docs/data/joy/components/checkbox/CheckboxUsage.js b/docs/data/joy/components/checkbox/CheckboxUsage.js index 067fb685356504..0bb7a90ac75e58 100644 --- a/docs/data/joy/components/checkbox/CheckboxUsage.js +++ b/docs/data/joy/components/checkbox/CheckboxUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Checkbox from '@mui/joy/Checkbox'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function CheckboxUsage() { return ( diff --git a/docs/data/joy/components/chip/ChipUsage.js b/docs/data/joy/components/chip/ChipUsage.js index 96e52e75bb0455..39cd3ea011cb1b 100644 --- a/docs/data/joy/components/chip/ChipUsage.js +++ b/docs/data/joy/components/chip/ChipUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Chip from '@mui/joy/Chip'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function ChipUsages() { return ( diff --git a/docs/data/joy/components/chip/ChipVariables.js b/docs/data/joy/components/chip/ChipVariables.js index c627a5bb3f4363..0bf41a2cf76f30 100644 --- a/docs/data/joy/components/chip/ChipVariables.js +++ b/docs/data/joy/components/chip/ChipVariables.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Avatar from '@mui/joy/Avatar'; import Box from '@mui/joy/Box'; import Chip from '@mui/joy/Chip'; import ChipDelete from '@mui/joy/ChipDelete'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function ChipVariables() { return ( diff --git a/docs/data/joy/components/circular-progress/CircularProgressUsage.js b/docs/data/joy/components/circular-progress/CircularProgressUsage.js index 7c69368efecf30..6024f6c5191a27 100644 --- a/docs/data/joy/components/circular-progress/CircularProgressUsage.js +++ b/docs/data/joy/components/circular-progress/CircularProgressUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import CircularProgress from '@mui/joy/CircularProgress'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function CircularProgressUsage() { return ( diff --git a/docs/data/joy/components/circular-progress/CircularProgressVariables.js b/docs/data/joy/components/circular-progress/CircularProgressVariables.js index 4d1a1b81135603..f8bf6ce6cbf6b0 100644 --- a/docs/data/joy/components/circular-progress/CircularProgressVariables.js +++ b/docs/data/joy/components/circular-progress/CircularProgressVariables.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import CircularProgress from '@mui/joy/CircularProgress'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function CircularProgressVariables() { return ( diff --git a/docs/data/joy/components/divider/DividerUsage.js b/docs/data/joy/components/divider/DividerUsage.js index 62544ea532565c..b496635dec8c74 100644 --- a/docs/data/joy/components/divider/DividerUsage.js +++ b/docs/data/joy/components/divider/DividerUsage.js @@ -1,8 +1,8 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Stack from '@mui/joy/Stack'; import Sheet from '@mui/joy/Sheet'; import Divider from '@mui/joy/Divider'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function DividerUsage() { return ( diff --git a/docs/data/joy/components/divider/DividerUsage.tsx b/docs/data/joy/components/divider/DividerUsage.tsx index 62544ea532565c..b496635dec8c74 100644 --- a/docs/data/joy/components/divider/DividerUsage.tsx +++ b/docs/data/joy/components/divider/DividerUsage.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Stack from '@mui/joy/Stack'; import Sheet from '@mui/joy/Sheet'; import Divider from '@mui/joy/Divider'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function DividerUsage() { return ( diff --git a/docs/data/joy/components/grid/InteractiveGrid.js b/docs/data/joy/components/grid/InteractiveGrid.js index 041b8c53a2d51c..c2faa3bb5819c6 100644 --- a/docs/data/joy/components/grid/InteractiveGrid.js +++ b/docs/data/joy/components/grid/InteractiveGrid.js @@ -5,6 +5,7 @@ import FormLabel from '@mui/joy/FormLabel'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Sheet from '@mui/joy/Sheet'; + import BrandingProvider from 'docs/src/BrandingProvider'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; diff --git a/docs/data/joy/components/grid/InteractiveGrid.tsx b/docs/data/joy/components/grid/InteractiveGrid.tsx index 74b867e5e52615..00b0a52f1975a0 100644 --- a/docs/data/joy/components/grid/InteractiveGrid.tsx +++ b/docs/data/joy/components/grid/InteractiveGrid.tsx @@ -5,9 +5,9 @@ import FormLabel from '@mui/joy/FormLabel'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Sheet from '@mui/joy/Sheet'; +import { GridDirection } from '@mui/system'; import BrandingProvider from 'docs/src/BrandingProvider'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; -import { GridDirection } from '@mui/system'; type GridItemsAlignment = | 'flex-start' diff --git a/docs/data/joy/components/grid/SpacingGrid.js b/docs/data/joy/components/grid/SpacingGrid.js index 01ebc1d717b2aa..79d8eac75e8775 100644 --- a/docs/data/joy/components/grid/SpacingGrid.js +++ b/docs/data/joy/components/grid/SpacingGrid.js @@ -2,11 +2,11 @@ import * as React from 'react'; import Grid from '@mui/joy/Grid'; import FormLabel from '@mui/joy/FormLabel'; import FormControl from '@mui/joy/FormControl'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Sheet from '@mui/joy/Sheet'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/joy/components/grid/SpacingGrid.tsx b/docs/data/joy/components/grid/SpacingGrid.tsx index 09bedaf411eff4..6ae4b326be60a8 100644 --- a/docs/data/joy/components/grid/SpacingGrid.tsx +++ b/docs/data/joy/components/grid/SpacingGrid.tsx @@ -2,11 +2,11 @@ import * as React from 'react'; import Grid from '@mui/joy/Grid'; import FormLabel from '@mui/joy/FormLabel'; import FormControl from '@mui/joy/FormControl'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Sheet from '@mui/joy/Sheet'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/joy/components/input/InputUsage.js b/docs/data/joy/components/input/InputUsage.js index 4e6f5505b557d3..a5af9f36762d2f 100644 --- a/docs/data/joy/components/input/InputUsage.js +++ b/docs/data/joy/components/input/InputUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Input from '@mui/joy/Input'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function InputUsage() { return ( diff --git a/docs/data/joy/components/input/InputVariables.js b/docs/data/joy/components/input/InputVariables.js index 610c9bf29ab9e1..3eec2b9253d8d2 100644 --- a/docs/data/joy/components/input/InputVariables.js +++ b/docs/data/joy/components/input/InputVariables.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Box from '@mui/joy/Box'; import Input from '@mui/joy/Input'; import Button from '@mui/joy/Button'; import MailIcon from '@mui/icons-material/Mail'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function InputVariables() { return ( diff --git a/docs/data/joy/components/linear-progress/LinearProgressUsage.js b/docs/data/joy/components/linear-progress/LinearProgressUsage.js index f00ff4172b4ce1..b19c0971dec5dd 100644 --- a/docs/data/joy/components/linear-progress/LinearProgressUsage.js +++ b/docs/data/joy/components/linear-progress/LinearProgressUsage.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import LinearProgress from '@mui/joy/LinearProgress'; import Box from '@mui/joy/Box'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function LinearProgressUsage() { return ( diff --git a/docs/data/joy/components/linear-progress/LinearProgressVariables.js b/docs/data/joy/components/linear-progress/LinearProgressVariables.js index 990eb32516949c..f8c22a343b5ae9 100644 --- a/docs/data/joy/components/linear-progress/LinearProgressVariables.js +++ b/docs/data/joy/components/linear-progress/LinearProgressVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import LinearProgress from '@mui/joy/LinearProgress'; import Box from '@mui/joy/Box'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function LinearProgressVariables() { return ( diff --git a/docs/data/joy/components/linear-progress/LinearProgressVariables.tsx b/docs/data/joy/components/linear-progress/LinearProgressVariables.tsx index 990eb32516949c..f8c22a343b5ae9 100644 --- a/docs/data/joy/components/linear-progress/LinearProgressVariables.tsx +++ b/docs/data/joy/components/linear-progress/LinearProgressVariables.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import LinearProgress from '@mui/joy/LinearProgress'; import Box from '@mui/joy/Box'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function LinearProgressVariables() { return ( diff --git a/docs/data/joy/components/list/ListVariables.js b/docs/data/joy/components/list/ListVariables.js index 8e5ea9abc32789..6d8f75145a333a 100644 --- a/docs/data/joy/components/list/ListVariables.js +++ b/docs/data/joy/components/list/ListVariables.js @@ -1,5 +1,4 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Avatar from '@mui/joy/Avatar'; import IconButton from '@mui/joy/IconButton'; import List from '@mui/joy/List'; @@ -12,6 +11,7 @@ import Sheet from '@mui/joy/Sheet'; import Home from '@mui/icons-material/Home'; import Apps from '@mui/icons-material/Apps'; import MoreVert from '@mui/icons-material/MoreVert'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function ListVariables() { return ( diff --git a/docs/data/joy/components/menu/MenuUsage.js b/docs/data/joy/components/menu/MenuUsage.js index 8cf416fa18a89a..882575634610cc 100644 --- a/docs/data/joy/components/menu/MenuUsage.js +++ b/docs/data/joy/components/menu/MenuUsage.js @@ -1,11 +1,11 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Box from '@mui/joy/Box'; import MenuButton from '@mui/joy/MenuButton'; import Menu from '@mui/joy/Menu'; import MenuItem from '@mui/joy/MenuItem'; import ListDivider from '@mui/joy/ListDivider'; import Dropdown from '@mui/joy/Dropdown'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function MenuUsage() { return ( diff --git a/docs/data/joy/components/modal/ModalUsage.js b/docs/data/joy/components/modal/ModalUsage.js index 860a7cb427940f..7ef094c5ae9082 100644 --- a/docs/data/joy/components/modal/ModalUsage.js +++ b/docs/data/joy/components/modal/ModalUsage.js @@ -1,12 +1,12 @@ import * as React from 'react'; -import JoyUsageDemo, { - prependLinesSpace, -} from 'docs/src/modules/components/JoyUsageDemo'; import Button from '@mui/joy/Button'; import Modal from '@mui/joy/Modal'; import ModalClose from '@mui/joy/ModalClose'; import ModalDialog from '@mui/joy/ModalDialog'; import Typography from '@mui/joy/Typography'; +import JoyUsageDemo, { + prependLinesSpace, +} from 'docs/src/modules/components/JoyUsageDemo'; export default function ModalUsage() { const [open, setOpen] = React.useState(false); diff --git a/docs/data/joy/components/radio-button/RadioUsage.js b/docs/data/joy/components/radio-button/RadioUsage.js index 64ba200e024abb..e2c4730888fb01 100644 --- a/docs/data/joy/components/radio-button/RadioUsage.js +++ b/docs/data/joy/components/radio-button/RadioUsage.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import FormControl from '@mui/joy/FormControl'; import FormLabel from '@mui/joy/FormLabel'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function RadioUsage() { return ( diff --git a/docs/data/joy/components/sheet/SheetUsage.js b/docs/data/joy/components/sheet/SheetUsage.js index 9ce3cd1e425b71..e946c3d2f0b577 100644 --- a/docs/data/joy/components/sheet/SheetUsage.js +++ b/docs/data/joy/components/sheet/SheetUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Sheet from '@mui/joy/Sheet'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function SheetUsage() { return ( diff --git a/docs/data/joy/components/slider/SliderVariables.js b/docs/data/joy/components/slider/SliderVariables.js index e261cc3378e4a0..e3f58e6b455c94 100644 --- a/docs/data/joy/components/slider/SliderVariables.js +++ b/docs/data/joy/components/slider/SliderVariables.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Slider from '@mui/joy/Slider'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function SliderVariables() { return ( diff --git a/docs/data/joy/components/stack/InteractiveStack.js b/docs/data/joy/components/stack/InteractiveStack.js index febf8e63bfe255..c4b0904a9b2a82 100644 --- a/docs/data/joy/components/stack/InteractiveStack.js +++ b/docs/data/joy/components/stack/InteractiveStack.js @@ -2,13 +2,13 @@ import * as React from 'react'; import FormControl from '@mui/joy/FormControl'; import FormLabel from '@mui/joy/FormLabel'; import Grid from '@mui/joy/Grid'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Sheet from '@mui/joy/Sheet'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Stack from '@mui/joy/Stack'; import { styled } from '@mui/joy/styles'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; const Item = styled(Sheet)(({ theme }) => ({ backgroundColor: diff --git a/docs/data/joy/components/stack/InteractiveStack.tsx b/docs/data/joy/components/stack/InteractiveStack.tsx index a31100d97d8c36..05921a6f165f9b 100644 --- a/docs/data/joy/components/stack/InteractiveStack.tsx +++ b/docs/data/joy/components/stack/InteractiveStack.tsx @@ -2,13 +2,13 @@ import * as React from 'react'; import FormControl from '@mui/joy/FormControl'; import FormLabel from '@mui/joy/FormLabel'; import Grid from '@mui/joy/Grid'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Sheet from '@mui/joy/Sheet'; import RadioGroup from '@mui/joy/RadioGroup'; import Radio from '@mui/joy/Radio'; import Stack, { StackProps } from '@mui/joy/Stack'; import { styled } from '@mui/joy/styles'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; const Item = styled(Sheet)(({ theme }) => ({ backgroundColor: diff --git a/docs/data/joy/components/switch/SwitchVariables.js b/docs/data/joy/components/switch/SwitchVariables.js index 7d34379df82d7e..e071a2a924550d 100644 --- a/docs/data/joy/components/switch/SwitchVariables.js +++ b/docs/data/joy/components/switch/SwitchVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Switch from '@mui/joy/Switch'; import Typography from '@mui/joy/Typography'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function SwitchVariables() { return ( diff --git a/docs/data/joy/components/table/TableUsage.js b/docs/data/joy/components/table/TableUsage.js index 7b2da59f1d6bd7..958fc2ad5c043d 100644 --- a/docs/data/joy/components/table/TableUsage.js +++ b/docs/data/joy/components/table/TableUsage.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Box from '@mui/joy/Box'; import Table from '@mui/joy/Table'; import Sheet from '@mui/joy/Sheet'; import Typography from '@mui/joy/Typography'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function ButtonUsage() { return ( diff --git a/docs/data/joy/components/table/TableVariables.js b/docs/data/joy/components/table/TableVariables.js index 4c617f3edc38b6..e9c3adfc8ddb60 100644 --- a/docs/data/joy/components/table/TableVariables.js +++ b/docs/data/joy/components/table/TableVariables.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Table from '@mui/joy/Table'; import Sheet from '@mui/joy/Sheet'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function TableVariables() { return ( diff --git a/docs/data/joy/components/tabs/TabsUsage.js b/docs/data/joy/components/tabs/TabsUsage.js index f70c53e0f79e08..7f1f6d90958183 100644 --- a/docs/data/joy/components/tabs/TabsUsage.js +++ b/docs/data/joy/components/tabs/TabsUsage.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Tabs from '@mui/joy/Tabs'; import TabList from '@mui/joy/TabList'; import Tab from '@mui/joy/Tab'; import TabPanel from '@mui/joy/TabPanel'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function TabsUsage() { const [index, setIndex] = React.useState(0); diff --git a/docs/data/joy/components/tabs/TabsVariables.js b/docs/data/joy/components/tabs/TabsVariables.js index a0dea65bff441e..ab0bb97c7dfdee 100644 --- a/docs/data/joy/components/tabs/TabsVariables.js +++ b/docs/data/joy/components/tabs/TabsVariables.js @@ -1,9 +1,9 @@ import * as React from 'react'; -import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; import Tabs from '@mui/joy/Tabs'; import TabList from '@mui/joy/TabList'; import Tab from '@mui/joy/Tab'; import TabPanel from '@mui/joy/TabPanel'; +import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo'; export default function ListVariables() { return ( diff --git a/docs/data/joy/components/textarea/TextareaUsage.js b/docs/data/joy/components/textarea/TextareaUsage.js index bc353e8a738885..fd76f2e674e104 100644 --- a/docs/data/joy/components/textarea/TextareaUsage.js +++ b/docs/data/joy/components/textarea/TextareaUsage.js @@ -1,6 +1,6 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Textarea from '@mui/joy/Textarea'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function TextareaUsage() { return ( diff --git a/docs/data/joy/components/toggle-button-group/ToggleGroupUsage.js b/docs/data/joy/components/toggle-button-group/ToggleGroupUsage.js index 12bed693ab25ce..70e44cbb6775d2 100644 --- a/docs/data/joy/components/toggle-button-group/ToggleGroupUsage.js +++ b/docs/data/joy/components/toggle-button-group/ToggleGroupUsage.js @@ -1,11 +1,11 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Box from '@mui/joy/Box'; import Button from '@mui/joy/Button'; import IconButton from '@mui/joy/IconButton'; import ToggleButtonGroup from '@mui/joy/ToggleButtonGroup'; import FormatItalicIcon from '@mui/icons-material/FormatItalic'; import FormatUnderlinedIcon from '@mui/icons-material/FormatUnderlined'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function ToggleGroupUsage() { const [value, setValue] = React.useState('bold'); diff --git a/docs/data/joy/components/typography/TypographyUsage.js b/docs/data/joy/components/typography/TypographyUsage.js index 4e22f8a4643c0b..d86661bb1631c7 100644 --- a/docs/data/joy/components/typography/TypographyUsage.js +++ b/docs/data/joy/components/typography/TypographyUsage.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; import Box from '@mui/joy/Box'; import Typography from '@mui/joy/Typography'; +import JoyUsageDemo from 'docs/src/modules/components/JoyUsageDemo'; export default function TypographyUsages() { return ( diff --git a/docs/data/joy/customization/approaches/ButtonThemes.js b/docs/data/joy/customization/approaches/ButtonThemes.js index added9f2c7e51a..558e3bb782cc1a 100644 --- a/docs/data/joy/customization/approaches/ButtonThemes.js +++ b/docs/data/joy/customization/approaches/ButtonThemes.js @@ -1,12 +1,12 @@ import * as React from 'react'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import { CssVarsProvider, extendTheme } from '@mui/joy/styles'; import Box from '@mui/joy/Box'; import Button from '@mui/joy/Button'; import FormLabel from '@mui/joy/FormLabel'; import Select from '@mui/joy/Select'; import Option from '@mui/joy/Option'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; const githubTheme = extendTheme({ cssVarPrefix: 'gh', diff --git a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js index 85d5ee93348c32..14f1a83f38e797 100644 --- a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js +++ b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.js @@ -1,6 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ import * as React from 'react'; -import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; import { extendTheme, styled } from '@mui/joy/styles'; import Box from '@mui/joy/Box'; import Link from '@mui/joy/Link'; @@ -11,6 +10,7 @@ import LightMode from '@mui/icons-material/LightModeOutlined'; import DarkMode from '@mui/icons-material/DarkModeOutlined'; import InfoOutlined from '@mui/icons-material/InfoOutlined'; import Check from '@mui/icons-material/Check'; +import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; const defaultTheme = extendTheme(); diff --git a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx index 3ed93780fd4a41..fc5304e407a4d3 100644 --- a/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx +++ b/docs/data/joy/customization/theme-colors/PaletteThemeViewer.tsx @@ -1,6 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ import * as React from 'react'; -import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; import { extendTheme, Palette, styled } from '@mui/joy/styles'; import Box from '@mui/joy/Box'; import Link from '@mui/joy/Link'; @@ -11,6 +10,7 @@ import LightMode from '@mui/icons-material/LightModeOutlined'; import DarkMode from '@mui/icons-material/DarkModeOutlined'; import InfoOutlined from '@mui/icons-material/InfoOutlined'; import Check from '@mui/icons-material/Check'; +import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; const defaultTheme = extendTheme(); diff --git a/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.js b/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.js index 979230c710f208..e7f6dfbd2debf3 100644 --- a/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.js +++ b/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.js @@ -1,6 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ import * as React from 'react'; -import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; import { styled, extendTheme } from '@mui/joy/styles'; import Box from '@mui/joy/Box'; import Link from '@mui/joy/Link'; @@ -9,6 +8,7 @@ import Sheet from '@mui/joy/Sheet'; import LightMode from '@mui/icons-material/LightModeOutlined'; import DarkMode from '@mui/icons-material/DarkModeOutlined'; import Check from '@mui/icons-material/CheckCircle'; +import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; const Table = styled('table')(({ theme }) => ({ border: '1px solid', diff --git a/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.tsx b/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.tsx index 62b85a8b72c4f9..59cf17b6d46d19 100644 --- a/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.tsx +++ b/docs/data/joy/customization/theme-shadow/ShadowThemeViewer.tsx @@ -1,6 +1,5 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ import * as React from 'react'; -import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; import { styled, extendTheme, Shadow } from '@mui/joy/styles'; import Box from '@mui/joy/Box'; import Link from '@mui/joy/Link'; @@ -9,6 +8,7 @@ import Sheet from '@mui/joy/Sheet'; import LightMode from '@mui/icons-material/LightModeOutlined'; import DarkMode from '@mui/icons-material/DarkModeOutlined'; import Check from '@mui/icons-material/CheckCircle'; +import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; const Table = styled('table')(({ theme }) => ({ border: '1px solid', diff --git a/docs/data/joy/main-features/automatic-adjustment/ListThemes.js b/docs/data/joy/main-features/automatic-adjustment/ListThemes.js index 17ab64d8c7946c..b3878392c10c07 100644 --- a/docs/data/joy/main-features/automatic-adjustment/ListThemes.js +++ b/docs/data/joy/main-features/automatic-adjustment/ListThemes.js @@ -1,6 +1,4 @@ import * as React from 'react'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Box from '@mui/joy/Box'; import FormLabel from '@mui/joy/FormLabel'; import List from '@mui/joy/List'; @@ -11,6 +9,8 @@ import Select from '@mui/joy/Select'; import Option from '@mui/joy/Option'; import ArticleRoundedIcon from '@mui/icons-material/ArticleRounded'; import ToggleOffRoundedIcon from '@mui/icons-material/ToggleOffRounded'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; export default function ButtonThemes() { const [preset, setPreset] = React.useState(''); diff --git a/docs/data/material/components/badges/BadgeMaterialYouPlayground.js b/docs/data/material/components/badges/BadgeMaterialYouPlayground.js index 04671360538516..08edf42bd77ff3 100644 --- a/docs/data/material/components/badges/BadgeMaterialYouPlayground.js +++ b/docs/data/material/components/badges/BadgeMaterialYouPlayground.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; import Badge from '@mui/material-next/Badge'; import MailIcon from '@mui/icons-material/Mail'; +import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; export default function BadgeMaterialYouPlayground() { return ( diff --git a/docs/data/material/components/buttons/ButtonMaterialYouPlayground.js b/docs/data/material/components/buttons/ButtonMaterialYouPlayground.js index 434566d08a5abc..4f2fcac2257673 100644 --- a/docs/data/material/components/buttons/ButtonMaterialYouPlayground.js +++ b/docs/data/material/components/buttons/ButtonMaterialYouPlayground.js @@ -1,8 +1,8 @@ import * as React from 'react'; -import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; import Box from '@mui/material/Box'; import Button from '@mui/material-next/Button'; import FavoriteBorder from '@mui/icons-material/FavoriteBorder'; +import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; export default function ButtonUsage() { const [variant, setVariant] = React.useState('text'); diff --git a/docs/data/material/components/chips/ChipsPlayground.js b/docs/data/material/components/chips/ChipsPlayground.js index 8b68fa7a3051f4..fdcc7d5c36d2cd 100644 --- a/docs/data/material/components/chips/ChipsPlayground.js +++ b/docs/data/material/components/chips/ChipsPlayground.js @@ -1,5 +1,4 @@ import * as React from 'react'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Grid from '@mui/material/Grid'; import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; @@ -10,6 +9,7 @@ import Avatar from '@mui/material/Avatar'; import Chip from '@mui/material/Chip'; import FaceIcon from '@mui/icons-material/Face'; import DoneIcon from '@mui/icons-material/Done'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; function ChipsPlayground() { const [state, setState] = React.useState({ diff --git a/docs/data/material/components/grid/SpacingGrid.js b/docs/data/material/components/grid/SpacingGrid.js index 549ef36fb83e20..1ed84d0670f904 100644 --- a/docs/data/material/components/grid/SpacingGrid.js +++ b/docs/data/material/components/grid/SpacingGrid.js @@ -3,10 +3,10 @@ import Grid from '@mui/material/Grid'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/material/components/grid/SpacingGrid.tsx b/docs/data/material/components/grid/SpacingGrid.tsx index 989b19da7ab019..4b6f8030592ae6 100644 --- a/docs/data/material/components/grid/SpacingGrid.tsx +++ b/docs/data/material/components/grid/SpacingGrid.tsx @@ -3,10 +3,10 @@ import Grid from '@mui/material/Grid'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/material/components/grid2/SpacingGrid.js b/docs/data/material/components/grid2/SpacingGrid.js index 97d79b33841787..5669d5db208381 100644 --- a/docs/data/material/components/grid2/SpacingGrid.js +++ b/docs/data/material/components/grid2/SpacingGrid.js @@ -4,10 +4,10 @@ import Grid from '@mui/material/Unstable_Grid2'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/material/components/grid2/SpacingGrid.tsx b/docs/data/material/components/grid2/SpacingGrid.tsx index a3fcce0dd0198e..2db72e4043ae4e 100644 --- a/docs/data/material/components/grid2/SpacingGrid.tsx +++ b/docs/data/material/components/grid2/SpacingGrid.tsx @@ -4,10 +4,10 @@ import Grid from '@mui/material/Unstable_Grid2'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js index 73c52b5353fa7f..f6fe0ce018d375 100644 --- a/docs/data/material/components/material-icons/SearchIcons.js +++ b/docs/data/material/components/material-icons/SearchIcons.js @@ -9,7 +9,6 @@ import PropTypes from 'prop-types'; import { debounce } from '@mui/material/utils'; import Grid from '@mui/material/Grid'; import Dialog from '@mui/material/Dialog'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import DialogActions from '@mui/material/DialogActions'; import DialogContent from '@mui/material/DialogContent'; import DialogTitle from '@mui/material/DialogTitle'; @@ -22,6 +21,7 @@ import FormControlLabel from '@mui/material/FormControlLabel'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import SvgIcon from '@mui/material/SvgIcon'; +import * as mui from '@mui/icons-material'; import Link from 'docs/src/modules/components/Link'; import { useTranslate } from 'docs/src/modules/utils/i18n'; import useQueryParameterState from 'docs/src/modules/utils/useQueryParameterState'; @@ -46,7 +46,7 @@ import useQueryParameterState from 'docs/src/modules/utils/useQueryParameterStat // import DeleteForeverRounded from '@mui/icons-material/DeleteForeverRounded'; // import DeleteForeverTwoTone from '@mui/icons-material/DeleteForeverTwoTone'; // import DeleteForeverSharp from '@mui/icons-material/DeleteForeverSharp'; -import * as mui from '@mui/icons-material'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import synonyms from './synonyms'; const UPDATE_SEARCH_INDEX_WAIT_MS = 220; diff --git a/docs/data/material/components/popover/AnchorPlayground.js b/docs/data/material/components/popover/AnchorPlayground.js index 9b27d85ebc58e9..fc4b5f91e9cd17 100644 --- a/docs/data/material/components/popover/AnchorPlayground.js +++ b/docs/data/material/components/popover/AnchorPlayground.js @@ -4,7 +4,6 @@ import FormLabel from '@mui/material/FormLabel'; import FormControlLabel from '@mui/material/FormControlLabel'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Grid from '@mui/material/Grid'; import { green } from '@mui/material/colors'; import Typography from '@mui/material/Typography'; @@ -13,6 +12,7 @@ import Button from '@mui/material/Button'; import Popover from '@mui/material/Popover'; import Input from '@mui/material/Input'; import InputLabel from '@mui/material/InputLabel'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; const inlineStyles = { anchorVertical: { diff --git a/docs/data/material/components/popper/ScrollPlayground.js b/docs/data/material/components/popper/ScrollPlayground.js index a09e5872d367ee..d3bc2d9e8f34e6 100644 --- a/docs/data/material/components/popper/ScrollPlayground.js +++ b/docs/data/material/components/popper/ScrollPlayground.js @@ -1,7 +1,6 @@ import * as React from 'react'; import { styled } from '@mui/material/styles'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import Box from '@mui/material/Box'; @@ -15,6 +14,7 @@ import DialogTitle from '@mui/material/DialogTitle'; import Switch from '@mui/material/Switch'; import TextField from '@mui/material/TextField'; import FormGroup from '@mui/material/FormGroup'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; const Popper = styled(MuiPopper, { shouldForwardProp: (prop) => prop !== 'arrow', diff --git a/docs/data/material/components/slider/SliderMaterialYouPlayground.js b/docs/data/material/components/slider/SliderMaterialYouPlayground.js index 8fe59e7952f3ea..bfe723f2a3e282 100644 --- a/docs/data/material/components/slider/SliderMaterialYouPlayground.js +++ b/docs/data/material/components/slider/SliderMaterialYouPlayground.js @@ -1,7 +1,7 @@ import * as React from 'react'; -import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; import Slider from '@mui/material-next/Slider'; import Box from '@mui/material/Box'; +import MaterialYouUsageDemo from 'docs/src/modules/components/MaterialYouUsageDemo'; export default function ButtonUsage() { return ( diff --git a/docs/data/material/components/stack/InteractiveStack.js b/docs/data/material/components/stack/InteractiveStack.js index 9575caecc6be5f..8c61706ef15893 100644 --- a/docs/data/material/components/stack/InteractiveStack.js +++ b/docs/data/material/components/stack/InteractiveStack.js @@ -3,11 +3,11 @@ import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; import FormControlLabel from '@mui/material/FormControlLabel'; import Grid from '@mui/material/Grid'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Paper from '@mui/material/Paper'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Stack from '@mui/material/Stack'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function InteractiveStack() { const [direction, setDirection] = React.useState('row'); diff --git a/docs/data/material/components/stack/InteractiveStack.tsx b/docs/data/material/components/stack/InteractiveStack.tsx index 8239e1a135cd25..c6320ecb8a77c5 100644 --- a/docs/data/material/components/stack/InteractiveStack.tsx +++ b/docs/data/material/components/stack/InteractiveStack.tsx @@ -3,11 +3,11 @@ import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; import FormControlLabel from '@mui/material/FormControlLabel'; import Grid from '@mui/material/Grid'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Paper from '@mui/material/Paper'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Stack, { StackProps } from '@mui/material/Stack'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function InteractiveStack() { const [direction, setDirection] = React.useState('row'); diff --git a/docs/data/material/customization/density/DensityTool.js b/docs/data/material/customization/density/DensityTool.js index ccc3737acc4588..99060eda788a1c 100644 --- a/docs/data/material/customization/density/DensityTool.js +++ b/docs/data/material/customization/density/DensityTool.js @@ -7,9 +7,9 @@ import Button from '@mui/material/Button'; import IconButton from '@mui/material/IconButton'; import FormControlLabel from '@mui/material/FormControlLabel'; import Switch from '@mui/material/Switch'; -import { DispatchContext } from 'docs/src/modules/components/ThemeContext'; import IncreaseIcon from '@mui/icons-material/AddCircleOutline'; import DecreaseIcon from '@mui/icons-material/RemoveCircleOutline'; +import { DispatchContext } from 'docs/src/modules/components/ThemeContext'; import { useTranslate } from 'docs/src/modules/utils/i18n'; const minSpacing = 0; diff --git a/docs/data/system/components/grid/SpacingGrid.js b/docs/data/system/components/grid/SpacingGrid.js index 39c57967aeaa7e..4ffd3591650ef4 100644 --- a/docs/data/system/components/grid/SpacingGrid.js +++ b/docs/data/system/components/grid/SpacingGrid.js @@ -3,10 +3,10 @@ import Grid from '@mui/system/Unstable_Grid'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/system/components/grid/SpacingGrid.tsx b/docs/data/system/components/grid/SpacingGrid.tsx index d79ca6f09169f7..97c0d5fe114b2d 100644 --- a/docs/data/system/components/grid/SpacingGrid.tsx +++ b/docs/data/system/components/grid/SpacingGrid.tsx @@ -3,10 +3,10 @@ import Grid from '@mui/system/Unstable_Grid'; import FormLabel from '@mui/material/FormLabel'; import FormControl from '@mui/material/FormControl'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Paper from '@mui/material/Paper'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; export default function SpacingGrid() { const [spacing, setSpacing] = React.useState(2); diff --git a/docs/data/system/components/stack/InteractiveStack.js b/docs/data/system/components/stack/InteractiveStack.js index 2306a13563be50..25f978b8fe2827 100644 --- a/docs/data/system/components/stack/InteractiveStack.js +++ b/docs/data/system/components/stack/InteractiveStack.js @@ -2,13 +2,13 @@ import * as React from 'react'; import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Paper from '@mui/material/Paper'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Grid from '@mui/system/Unstable_Grid'; import Stack from '@mui/system/Stack'; import { styled } from '@mui/system'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; const Item = styled('div')(({ theme }) => ({ backgroundColor: theme.palette.mode === 'dark' ? '#262B32' : '#fff', diff --git a/docs/data/system/components/stack/InteractiveStack.tsx b/docs/data/system/components/stack/InteractiveStack.tsx index 9870165584c30c..026d18c5ff7d5f 100644 --- a/docs/data/system/components/stack/InteractiveStack.tsx +++ b/docs/data/system/components/stack/InteractiveStack.tsx @@ -2,13 +2,13 @@ import * as React from 'react'; import FormControl from '@mui/material/FormControl'; import FormLabel from '@mui/material/FormLabel'; import FormControlLabel from '@mui/material/FormControlLabel'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Paper from '@mui/material/Paper'; import RadioGroup from '@mui/material/RadioGroup'; import Radio from '@mui/material/Radio'; import Grid from '@mui/system/Unstable_Grid'; import Stack, { StackProps } from '@mui/system/Stack'; import { styled } from '@mui/system'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; const Item = styled('div')(({ theme }) => ({ backgroundColor: theme.palette.mode === 'dark' ? '#262B32' : '#fff', diff --git a/docs/pages/_app.js b/docs/pages/_app.js index 550460a5107752..1483d4a4abace2 100644 --- a/docs/pages/_app.js +++ b/docs/pages/_app.js @@ -4,6 +4,12 @@ import * as React from 'react'; import { loadCSS } from 'fg-loadcss/src/loadCSS'; import NextHead from 'next/head'; import PropTypes from 'prop-types'; +import { useRouter } from 'next/router'; +import { LicenseInfo } from '@mui/x-data-grid-pro'; +import materialPkgJson from 'packages/mui-material/package.json'; +import joyPkgJson from 'packages/mui-joy/package.json'; +import systemPkgJson from 'packages/mui-system/package.json'; +import basePkgJson from 'packages/mui-base/package.json'; import generalDocsPages from 'docs/data/docs/pages'; import basePages from 'docs/data/base/pages'; import docsInfraPages from 'docs/data/docs-infra/pages'; @@ -20,12 +26,6 @@ import { UserLanguageProvider } from 'docs/src/modules/utils/i18n'; import DocsStyledEngineProvider from 'docs/src/modules/utils/StyledEngineProvider'; import createEmotionCache from 'docs/src/createEmotionCache'; import findActivePage from 'docs/src/modules/utils/findActivePage'; -import { useRouter } from 'next/router'; -import { LicenseInfo } from '@mui/x-data-grid-pro'; -import materialPkgJson from 'packages/mui-material/package.json'; -import joyPkgJson from 'packages/mui-joy/package.json'; -import systemPkgJson from 'packages/mui-system/package.json'; -import basePkgJson from 'packages/mui-base/package.json'; import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; import getProductInfoFromUrl from 'docs/src/modules/utils/getProductInfoFromUrl'; import './global.css'; diff --git a/docs/pages/_document.js b/docs/pages/_document.js index 89f61613f85824..953908455743e4 100644 --- a/docs/pages/_document.js +++ b/docs/pages/_document.js @@ -4,12 +4,12 @@ import { ServerStyleSheets as JSSServerStyleSheets } from '@mui/styles'; import { ServerStyleSheet } from 'styled-components'; import createEmotionServer from '@emotion/server/create-instance'; import Document, { Html, Head, Main, NextScript } from 'next/document'; -import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; -import createEmotionCache from 'docs/src/createEmotionCache'; -import { getMetaThemeColor } from 'docs/src/modules/brandingTheme'; import GlobalStyles from '@mui/material/GlobalStyles'; import { getInitColorSchemeScript as getMuiInitColorSchemeScript } from '@mui/material/styles'; import { getInitColorSchemeScript as getJoyInitColorSchemeScript } from '@mui/joy/styles'; +import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; +import createEmotionCache from 'docs/src/createEmotionCache'; +import { getMetaThemeColor } from 'docs/src/modules/brandingTheme'; // You can find a benchmark of the available CSS minifiers under // https://github.com/GoalSmashers/css-minification-benchmark diff --git a/docs/pages/about.tsx b/docs/pages/about.tsx index dcf54664a54988..f6034700f4ddb3 100644 --- a/docs/pages/about.tsx +++ b/docs/pages/about.tsx @@ -1,5 +1,4 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; import Button from '@mui/material/Button'; @@ -13,6 +12,9 @@ import Tooltip from '@mui/material/Tooltip'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import TwitterIcon from '@mui/icons-material/Twitter'; import GitHubIcon from '@mui/icons-material/GitHub'; +import ForumRoundedIcon from '@mui/icons-material/ForumRounded'; +import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded'; +import LocalAtmRoundedIcon from '@mui/icons-material/LocalAtmRounded'; import Link from 'docs/src/modules/components/Link'; import AppHeader from 'docs/src/layouts/AppHeader'; import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References'; @@ -23,9 +25,7 @@ import GradientText from 'docs/src/components/typography/GradientText'; import ROUTES from 'docs/src/route'; import Section from 'docs/src/layouts/Section'; import IconImage from 'docs/src/components/icon/IconImage'; -import ForumRoundedIcon from '@mui/icons-material/ForumRounded'; -import PeopleRoundedIcon from '@mui/icons-material/PeopleRounded'; -import LocalAtmRoundedIcon from '@mui/icons-material/LocalAtmRounded'; +import Head from 'docs/src/modules/components/Head'; import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider'; import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner'; /** diff --git a/docs/pages/blog.tsx b/docs/pages/blog.tsx index 2a998399c00989..df57a6eeb71523 100644 --- a/docs/pages/blog.tsx +++ b/docs/pages/blog.tsx @@ -1,13 +1,11 @@ import * as React from 'react'; import { InferGetStaticPropsType } from 'next'; import { useRouter } from 'next/router'; -import { getAllBlogPosts, BlogPost } from 'docs/lib/sourcing'; import { alpha } from '@mui/material/styles'; import Avatar from '@mui/material/Avatar'; import AvatarGroup from '@mui/material/AvatarGroup'; import Box from '@mui/material/Box'; import Container from '@mui/material/Container'; -import Section from 'docs/src/layouts/Section'; import Divider from '@mui/material/Divider'; import Typography from '@mui/material/Typography'; import Paper from '@mui/material/Paper'; @@ -15,6 +13,10 @@ import Pagination from '@mui/material/Pagination'; import Button from '@mui/material/Button'; import KeyboardArrowRightRoundedIcon from '@mui/icons-material/KeyboardArrowRightRounded'; import Chip from '@mui/material/Chip'; +import TwitterIcon from '@mui/icons-material/Twitter'; +import GitHubIcon from '@mui/icons-material/GitHub'; +import LinkedInIcon from '@mui/icons-material/LinkedIn'; +import YouTubeIcon from '@mui/icons-material/YouTube'; import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import AppFooter from 'docs/src/layouts/AppFooter'; @@ -24,10 +26,8 @@ import { authors as AUTHORS } from 'docs/src/modules/components/TopLayoutBlog'; import HeroEnd from 'docs/src/components/home/HeroEnd'; import Link from 'docs/src/modules/components/Link'; import generateRssFeed from 'docs/scripts/generateRSSFeed'; -import TwitterIcon from '@mui/icons-material/Twitter'; -import GitHubIcon from '@mui/icons-material/GitHub'; -import LinkedInIcon from '@mui/icons-material/LinkedIn'; -import YouTubeIcon from '@mui/icons-material/YouTube'; +import Section from 'docs/src/layouts/Section'; +import { getAllBlogPosts, BlogPost } from 'docs/lib/sourcing'; export const getStaticProps = () => { const data = getAllBlogPosts(); diff --git a/docs/pages/careers.tsx b/docs/pages/careers.tsx index 51e3058aeaf62c..0b5a04f54f10c2 100644 --- a/docs/pages/careers.tsx +++ b/docs/pages/careers.tsx @@ -1,5 +1,4 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import { styled } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Container from '@mui/material/Container'; @@ -11,6 +10,9 @@ import Button from '@mui/material/Button'; import Typography from '@mui/material/Typography'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import KeyboardArrowDownRounded from '@mui/icons-material/KeyboardArrowDownRounded'; +import MuiAccordion from '@mui/material/Accordion'; +import MuiAccordionSummary from '@mui/material/AccordionSummary'; +import MuiAccordionDetail from '@mui/material/AccordionDetails'; import Link from 'docs/src/modules/components/Link'; import AppHeader from 'docs/src/layouts/AppHeader'; import AppFooter from 'docs/src/layouts/AppFooter'; @@ -19,9 +21,7 @@ import GradientText from 'docs/src/components/typography/GradientText'; import IconImage from 'docs/src/components/icon/IconImage'; import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider'; import Section from 'docs/src/layouts/Section'; -import MuiAccordion from '@mui/material/Accordion'; -import MuiAccordionSummary from '@mui/material/AccordionSummary'; -import MuiAccordionDetail from '@mui/material/AccordionDetails'; +import Head from 'docs/src/modules/components/Head'; import ROUTES from 'docs/src/route'; import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner'; diff --git a/docs/pages/components.tsx b/docs/pages/components.tsx index f99365c9920128..7d3194d4fa761c 100644 --- a/docs/pages/components.tsx +++ b/docs/pages/components.tsx @@ -1,5 +1,4 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import Box from '@mui/material/Box'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; @@ -7,6 +6,7 @@ import ListItemButton from '@mui/material/ListItemButton'; import Typography from '@mui/material/Typography'; import Divider from '@mui/material/Divider'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; +import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import AppFooter from 'docs/src/layouts/AppFooter'; import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider'; diff --git a/docs/pages/design-kits.tsx b/docs/pages/design-kits.tsx index f5f937f6e5e678..64eecfde906434 100644 --- a/docs/pages/design-kits.tsx +++ b/docs/pages/design-kits.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import Divider from '@mui/material/Divider'; +import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import AppFooter from 'docs/src/layouts/AppFooter'; import DesignKitHero from 'docs/src/components/productDesignKit/DesignKitHero'; diff --git a/docs/pages/experiments/index.js b/docs/pages/experiments/index.js index b16f134d1c0d74..1d636fe93b3b7a 100644 --- a/docs/pages/experiments/index.js +++ b/docs/pages/experiments/index.js @@ -7,9 +7,9 @@ import ListItem from '@mui/material/ListItem'; import ListItemButton from '@mui/material/ListItemButton'; import Container from '@mui/material/Container'; import Typography from '@mui/material/Typography'; +import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import GradientText from 'docs/src/components/typography/GradientText'; import Link from 'docs/src/modules/components/Link'; -import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; export default function Experiments({ experiments }) { const categories = {}; diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx index d7de6eefff4ffd..857126382f5afa 100644 --- a/docs/pages/index.tsx +++ b/docs/pages/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import NoSsr from '@mui/material/NoSsr'; import Divider from '@mui/material/Divider'; +import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import Hero from 'docs/src/components/home/Hero'; import References, { CORE_CUSTOMERS } from 'docs/src/components/home/References'; diff --git a/docs/pages/pricing.tsx b/docs/pages/pricing.tsx index 1b1f359b9c600f..be89bc44516160 100644 --- a/docs/pages/pricing.tsx +++ b/docs/pages/pricing.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import Container from '@mui/material/Container'; import Divider from '@mui/material/Divider'; +import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import HeroPricing from 'docs/src/components/pricing/HeroPricing'; import PricingTable from 'docs/src/components/pricing/PricingTable'; diff --git a/docs/pages/templates.tsx b/docs/pages/templates.tsx index 2bf1fe2679db3f..ea0669ee058b75 100644 --- a/docs/pages/templates.tsx +++ b/docs/pages/templates.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Head from 'docs/src/modules/components/Head'; import Divider from '@mui/material/Divider'; +import Head from 'docs/src/modules/components/Head'; import AppHeader from 'docs/src/layouts/AppHeader'; import AppFooter from 'docs/src/layouts/AppFooter'; import TemplateHero from 'docs/src/components/productTemplate/TemplateHero'; diff --git a/docs/scripts/formattedTSDemos.js b/docs/scripts/formattedTSDemos.js index b54a7843e09c6e..72d0bc39f5b905 100644 --- a/docs/scripts/formattedTSDemos.js +++ b/docs/scripts/formattedTSDemos.js @@ -11,8 +11,8 @@ */ const ignoreList = ['/pages.ts', 'docs/data/joy/getting-started/templates']; -const fse = require('fs-extra'); const path = require('path'); +const fse = require('fs-extra'); const babel = require('@babel/core'); const prettier = require('prettier'); const typescriptToProptypes = require('typescript-to-proptypes'); diff --git a/docs/scripts/generateTemplateScreenshots.ts b/docs/scripts/generateTemplateScreenshots.ts index 02ef0d2080c018..8279cda61c6ab5 100644 --- a/docs/scripts/generateTemplateScreenshots.ts +++ b/docs/scripts/generateTemplateScreenshots.ts @@ -1,6 +1,6 @@ -import { chromium } from 'playwright'; import fs from 'fs/promises'; import path from 'path'; +import { chromium } from 'playwright'; const host = process.env.DEPLOY_PREVIEW || 'http://localhost:3000'; const directory = 'docs/public/static/screenshots'; diff --git a/docs/scripts/updateIconSynonyms.js b/docs/scripts/updateIconSynonyms.js index 9aad301310a42d..3d609b4b9c293b 100644 --- a/docs/scripts/updateIconSynonyms.js +++ b/docs/scripts/updateIconSynonyms.js @@ -1,7 +1,7 @@ /* eslint-disable no-console */ +import path from 'path'; import fetch from 'cross-fetch'; import fse from 'fs-extra'; -import path from 'path'; import * as mui from '@mui/icons-material'; import synonyms from 'docs/data/material/components/material-icons/synonyms'; import myDestRewriter from '../../packages/mui-icons-material/renameFilters/material-design-icons'; diff --git a/docs/src/components/banner/AppFrameBanner.tsx b/docs/src/components/banner/AppFrameBanner.tsx index 8f840511d1d78c..93211bd139afd7 100644 --- a/docs/src/components/banner/AppFrameBanner.tsx +++ b/docs/src/components/banner/AppFrameBanner.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; +import { alpha } from '@mui/material/styles'; import Link from 'docs/src/modules/components/Link'; import FEATURE_TOGGLE from 'docs/src/featureToggle'; -import { alpha } from '@mui/material/styles'; export default function AppFrameBanner() { return FEATURE_TOGGLE.enable_docsnav_banner ? ( diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx index 4aa672fa46a682..0be8950f7e92c1 100644 --- a/docs/src/components/banner/TableOfContentsBanner.tsx +++ b/docs/src/components/banner/TableOfContentsBanner.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import Box from '@mui/material/Box'; import Typography from '@mui/material/Typography'; +import { alpha } from '@mui/material/styles'; import Link from 'docs/src/modules/components/Link'; import FEATURE_TOGGLE from 'docs/src/featureToggle'; -import { alpha } from '@mui/material/styles'; export default function TableOfContentsBanner() { return FEATURE_TOGGLE.enable_toc_banner ? ( diff --git a/docs/src/components/home/CoreShowcase.tsx b/docs/src/components/home/CoreShowcase.tsx index f2f8bacfc9432f..ea4826cebb9b4a 100644 --- a/docs/src/components/home/CoreShowcase.tsx +++ b/docs/src/components/home/CoreShowcase.tsx @@ -3,12 +3,12 @@ import { ThemeProvider, createTheme, useTheme } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Button, { buttonClasses } from '@mui/material/Button'; import Typography from '@mui/material/Typography'; +import TouchAppRounded from '@mui/icons-material/TouchAppRounded'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import MarkdownElement from 'docs/src/components/markdown/MarkdownElement'; import MaterialDesignDemo, { componentCode } from 'docs/src/components/home/MaterialDesignDemo'; import ShowcaseContainer from 'docs/src/components/home/ShowcaseContainer'; import PointerContainer, { Data } from 'docs/src/components/home/ElementPointer'; -import TouchAppRounded from '@mui/icons-material/TouchAppRounded'; import StylingInfo from 'docs/src/components/action/StylingInfo'; import FlashCode from 'docs/src/components/animation/FlashCode'; diff --git a/docs/src/components/home/DesignSystemComponents.tsx b/docs/src/components/home/DesignSystemComponents.tsx index 8ca84926b30afe..4a85a36229ee96 100644 --- a/docs/src/components/home/DesignSystemComponents.tsx +++ b/docs/src/components/home/DesignSystemComponents.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import dynamic from 'next/dynamic'; import { useInView } from 'react-intersection-observer'; import Box from '@mui/material/Box'; -import Section from 'docs/src/layouts/Section'; import Typography from '@mui/material/Typography'; +import Section from 'docs/src/layouts/Section'; import GradientText from 'docs/src/components/typography/GradientText'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; diff --git a/docs/src/components/home/HeroEnd.tsx b/docs/src/components/home/HeroEnd.tsx index fafe468f4f849e..b4de79eebd3cf1 100644 --- a/docs/src/components/home/HeroEnd.tsx +++ b/docs/src/components/home/HeroEnd.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import dynamic from 'next/dynamic'; import { useInView } from 'react-intersection-observer'; import Box from '@mui/material/Box'; -import Section from 'docs/src/layouts/Section'; import { alpha } from '@mui/material/styles'; +import Section from 'docs/src/layouts/Section'; function Placeholder() { return ; diff --git a/docs/src/components/home/MaterialDesignDemo.tsx b/docs/src/components/home/MaterialDesignDemo.tsx index cb3098357e12f6..91e4c17f2e7a3a 100644 --- a/docs/src/components/home/MaterialDesignDemo.tsx +++ b/docs/src/components/home/MaterialDesignDemo.tsx @@ -10,8 +10,8 @@ import MuiTypography from '@mui/material/Typography'; import MuiStack from '@mui/material/Stack'; import MuiEdit from '@mui/icons-material/Edit'; import MuiLocationOn from '@mui/icons-material/LocationOn'; -import { withPointer } from 'docs/src/components/home/ElementPointer'; import { grey } from '@mui/material/colors'; +import { withPointer } from 'docs/src/components/home/ElementPointer'; export const componentCode = ` diff --git a/docs/src/components/home/ProductsSwitcher.tsx b/docs/src/components/home/ProductsSwitcher.tsx index 5ecac474c8eb46..b5aed5e5000126 100644 --- a/docs/src/components/home/ProductsSwitcher.tsx +++ b/docs/src/components/home/ProductsSwitcher.tsx @@ -6,10 +6,10 @@ import { visuallyHidden } from '@mui/utils'; import useMediaQuery from '@mui/material/useMediaQuery'; import Typography from '@mui/material/Typography'; import Stack from '@mui/material/Stack'; +import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; 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'; const SwipeableViews = dynamic(() => import('react-swipeable-views'), { ssr: false }); diff --git a/docs/src/components/home/References.tsx b/docs/src/components/home/References.tsx index 313ae9465e0f14..290c13e6c61824 100644 --- a/docs/src/components/home/References.tsx +++ b/docs/src/components/home/References.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import dynamic from 'next/dynamic'; import { useInView } from 'react-intersection-observer'; import Box from '@mui/material/Box'; -import Section from 'docs/src/layouts/Section'; import Typography from '@mui/material/Typography'; +import Section from 'docs/src/layouts/Section'; import { CORE_CUSTOMERS, ADVANCED_CUSTOMERS, diff --git a/docs/src/components/home/SponsorCard.tsx b/docs/src/components/home/SponsorCard.tsx index be9338d3a5798d..7072c4fc7e8023 100644 --- a/docs/src/components/home/SponsorCard.tsx +++ b/docs/src/components/home/SponsorCard.tsx @@ -3,8 +3,8 @@ import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; import Typography from '@mui/material/Typography'; import Paper from '@mui/material/Paper'; -import Link from 'docs/src/modules/components/Link'; import LaunchRounded from '@mui/icons-material/LaunchRounded'; +import Link from 'docs/src/modules/components/Link'; export default function SponsorCard({ item, diff --git a/docs/src/components/home/StartToday.tsx b/docs/src/components/home/StartToday.tsx index e1ed74712eadc9..b0cdc669d36cce 100644 --- a/docs/src/components/home/StartToday.tsx +++ b/docs/src/components/home/StartToday.tsx @@ -2,9 +2,9 @@ import * as React from 'react'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import Paper from '@mui/material/Paper'; +import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import Link from 'docs/src/modules/components/Link'; import GradientText from 'docs/src/components/typography/GradientText'; -import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import ROUTES from 'docs/src/route'; import GetStartedButtons from 'docs/src/components/home/GetStartedButtons'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; diff --git a/docs/src/components/home/Testimonials.tsx b/docs/src/components/home/Testimonials.tsx index 9196df13daf844..6134fd02c2924c 100644 --- a/docs/src/components/home/Testimonials.tsx +++ b/docs/src/components/home/Testimonials.tsx @@ -4,8 +4,8 @@ import { useInView } from 'react-intersection-observer'; import Box from '@mui/material/Box'; import Container from '@mui/material/Container'; import Grid from '@mui/material/Grid'; -import MuiStatistics from 'docs/src/components/home/MuiStatistics'; import { alpha } from '@mui/material/styles'; +import MuiStatistics from 'docs/src/components/home/MuiStatistics'; const UserFeedbacks = dynamic(() => import('./UserFeedbacks')); diff --git a/docs/src/components/home/ValueProposition.tsx b/docs/src/components/home/ValueProposition.tsx index 68ab2e3afaa85c..2170753f040312 100644 --- a/docs/src/components/home/ValueProposition.tsx +++ b/docs/src/components/home/ValueProposition.tsx @@ -3,12 +3,12 @@ import Box from '@mui/material/Box'; import Paper from '@mui/material/Paper'; import Typography from '@mui/material/Typography'; import Grid from '@mui/material/Grid'; -import Section from 'docs/src/layouts/Section'; -import GradientText from 'docs/src/components/typography/GradientText'; import InvertColorsRoundedIcon from '@mui/icons-material/InvertColorsRounded'; import HandymanRoundedIcon from '@mui/icons-material/HandymanRounded'; import ArticleRoundedIcon from '@mui/icons-material/ArticleRounded'; import AccessibilityNewRounded from '@mui/icons-material/AccessibilityNewRounded'; +import GradientText from 'docs/src/components/typography/GradientText'; +import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; const content = [ diff --git a/docs/src/components/pricing/EarlyBird.tsx b/docs/src/components/pricing/EarlyBird.tsx index 6babff9cd1b4e7..4add94aa8715fb 100644 --- a/docs/src/components/pricing/EarlyBird.tsx +++ b/docs/src/components/pricing/EarlyBird.tsx @@ -4,9 +4,9 @@ import Container from '@mui/material/Container'; import Typography from '@mui/material/Typography'; import Stack from '@mui/material/Stack'; import Button from '@mui/material/Button'; -import Link from 'docs/src/modules/components/Link'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import { alpha } from '@mui/material/styles'; +import Link from 'docs/src/modules/components/Link'; export default function EarlyBird() { return ( diff --git a/docs/src/components/pricing/PricingTable.tsx b/docs/src/components/pricing/PricingTable.tsx index bae6c8b46db814..3fe9cea4b44a20 100644 --- a/docs/src/components/pricing/PricingTable.tsx +++ b/docs/src/components/pricing/PricingTable.tsx @@ -10,10 +10,10 @@ import Tooltip from '@mui/material/Tooltip'; import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'; import { useRouter } from 'next/router'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; -import Link from 'docs/src/modules/components/Link'; -import IconImage from 'docs/src/components/icon/IconImage'; import LaunchRounded from '@mui/icons-material/LaunchRounded'; import UnfoldMoreRounded from '@mui/icons-material/UnfoldMoreRounded'; +import Link from 'docs/src/modules/components/Link'; +import IconImage from 'docs/src/components/icon/IconImage'; import LicensingModelSwitch from 'docs/src/components/pricing/LicensingModelSwitch'; import { useLicensingModel } from 'docs/src/components/pricing/LicensingModelContext'; diff --git a/docs/src/components/pricing/PricingWhatToExpect.tsx b/docs/src/components/pricing/PricingWhatToExpect.tsx index eaffbfa7838be5..f8d4810d925e1e 100644 --- a/docs/src/components/pricing/PricingWhatToExpect.tsx +++ b/docs/src/components/pricing/PricingWhatToExpect.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; import Box from '@mui/material/Box'; -import Section from 'docs/src/layouts/Section'; import Typography from '@mui/material/Typography'; import Paper from '@mui/material/Paper'; import LocalOfferOutlinedIcon from '@mui/icons-material/LocalOfferOutlined'; @@ -9,6 +8,7 @@ import AllInclusiveOutlinedIcon from '@mui/icons-material/AllInclusiveOutlined'; import ReplayRoundedIcon from '@mui/icons-material/ReplayRounded'; import AcUnitIcon from '@mui/icons-material/AcUnit'; import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined'; +import Section from 'docs/src/layouts/Section'; import Link from 'docs/src/modules/components/Link'; import GradientText from 'docs/src/components/typography/GradientText'; diff --git a/docs/src/components/productBaseUI/BaseUIComponents.tsx b/docs/src/components/productBaseUI/BaseUIComponents.tsx index 88b07591d1edb3..6b2bc789763fec 100644 --- a/docs/src/components/productBaseUI/BaseUIComponents.tsx +++ b/docs/src/components/productBaseUI/BaseUIComponents.tsx @@ -2,23 +2,23 @@ import * as React from 'react'; import { styled as materialStyled } from '@mui/material/styles'; import Button from '@mui/material/Button'; import Box from '@mui/material/Box'; +import Grid from '@mui/material/Unstable_Grid2'; +import Typography from '@mui/material/Typography'; +import SmartButtonRoundedIcon from '@mui/icons-material/SmartButtonRounded'; +import TabUnselectedRoundedIcon from '@mui/icons-material/TabUnselectedRounded'; +import InputRoundedIcon from '@mui/icons-material/InputRounded'; +import MenuOpenRoundedIcon from '@mui/icons-material/MenuOpenRounded'; +import LinearScaleRoundedIcon from '@mui/icons-material/LinearScaleRounded'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; import Highlighter from 'docs/src/components/action/Highlighter'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; -import Grid from '@mui/material/Unstable_Grid2'; -import Typography from '@mui/material/Typography'; import More from 'docs/src/components/action/More'; import Frame from 'docs/src/components/action/Frame'; import ROUTES from 'docs/src/route'; // switcher icons -import SmartButtonRoundedIcon from '@mui/icons-material/SmartButtonRounded'; -import TabUnselectedRoundedIcon from '@mui/icons-material/TabUnselectedRounded'; -import InputRoundedIcon from '@mui/icons-material/InputRounded'; -import MenuOpenRoundedIcon from '@mui/icons-material/MenuOpenRounded'; -import LinearScaleRoundedIcon from '@mui/icons-material/LinearScaleRounded'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import MarkdownElement from 'docs/src/components/markdown/MarkdownElement'; diff --git a/docs/src/components/productBaseUI/BaseUIEnd.tsx b/docs/src/components/productBaseUI/BaseUIEnd.tsx index a4bd619da68627..1aed4a2e6ce5ce 100644 --- a/docs/src/components/productBaseUI/BaseUIEnd.tsx +++ b/docs/src/components/productBaseUI/BaseUIEnd.tsx @@ -5,15 +5,15 @@ import Grid from '@mui/material/Unstable_Grid2'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; import Typography from '@mui/material/Typography'; +import CompareIcon from '@mui/icons-material/Compare'; +import StyleRoundedIcon from '@mui/icons-material/StyleRounded'; +import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; +import { alpha } from '@mui/material/styles'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Link from 'docs/src/modules/components/Link'; -import CompareIcon from '@mui/icons-material/Compare'; -import StyleRoundedIcon from '@mui/icons-material/StyleRounded'; -import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import ROUTES from 'docs/src/route'; -import { alpha } from '@mui/material/styles'; export default function BaseUIEnd() { return ( diff --git a/docs/src/components/productBaseUI/BaseUISummary.tsx b/docs/src/components/productBaseUI/BaseUISummary.tsx index 0d6a058efa7750..0d7c45f983da4d 100644 --- a/docs/src/components/productBaseUI/BaseUISummary.tsx +++ b/docs/src/components/productBaseUI/BaseUISummary.tsx @@ -4,11 +4,11 @@ import Container from '@mui/material/Container'; import Paper from '@mui/material/Paper'; import Typography from '@mui/material/Typography'; import Grid from '@mui/material/Grid'; -import GradientText from 'docs/src/components/typography/GradientText'; import StyleRoundedIcon from '@mui/icons-material/StyleRounded'; import AccessibilityNewRounded from '@mui/icons-material/AccessibilityNewRounded'; -import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import PhishingRoundedIcon from '@mui/icons-material/PhishingRounded'; +import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; +import GradientText from 'docs/src/components/typography/GradientText'; import Link from 'docs/src/modules/components/Link'; const content = [ diff --git a/docs/src/components/productBaseUI/BaseUITestimonial.tsx b/docs/src/components/productBaseUI/BaseUITestimonial.tsx index c63bf5e968bd7c..8ab69481592143 100644 --- a/docs/src/components/productBaseUI/BaseUITestimonial.tsx +++ b/docs/src/components/productBaseUI/BaseUITestimonial.tsx @@ -2,11 +2,11 @@ import * as React from 'react'; import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; import Grid from '@mui/material/Unstable_Grid2'; -import Section from 'docs/src/layouts/Section'; import Divider from '@mui/material/Divider'; import Typography from '@mui/material/Typography'; -import Link from 'docs/src/modules/components/Link'; import ArrowForward from '@mui/icons-material/ArrowForward'; +import Link from 'docs/src/modules/components/Link'; +import Section from 'docs/src/layouts/Section'; export default function BaseUITestimonial() { return ( diff --git a/docs/src/components/productCore/CoreHeroEnd.tsx b/docs/src/components/productCore/CoreHeroEnd.tsx index 35f555eeebaf61..d76dbf6342fa8f 100644 --- a/docs/src/components/productCore/CoreHeroEnd.tsx +++ b/docs/src/components/productCore/CoreHeroEnd.tsx @@ -4,13 +4,13 @@ import Button from '@mui/material/Button'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; +import { alpha } from '@mui/material/styles'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Link from 'docs/src/modules/components/Link'; import ROUTES from 'docs/src/route'; import MuiStatistics from 'docs/src/components/home/MuiStatistics'; -import { alpha } from '@mui/material/styles'; export default function CoreHeroEnd() { return ( diff --git a/docs/src/components/productDesignKit/DesignKitDemo.tsx b/docs/src/components/productDesignKit/DesignKitDemo.tsx index ea818a4a0acd37..0cc47d4d01b2e0 100644 --- a/docs/src/components/productDesignKit/DesignKitDemo.tsx +++ b/docs/src/components/productDesignKit/DesignKitDemo.tsx @@ -7,12 +7,12 @@ import Fade from '@mui/material/Fade'; import Typography from '@mui/material/Typography'; import LaunchRounded from '@mui/icons-material/LaunchRounded'; import TextFieldsRounded from '@mui/icons-material/TextFieldsRounded'; +import WidgetsRounded from '@mui/icons-material/WidgetsRounded'; +import ToggleOnRounded from '@mui/icons-material/ToggleOnRounded'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; -import WidgetsRounded from '@mui/icons-material/WidgetsRounded'; -import ToggleOnRounded from '@mui/icons-material/ToggleOnRounded'; import Highlighter from 'docs/src/components/action/Highlighter'; import More from 'docs/src/components/action/More'; import Frame from 'docs/src/components/action/Frame'; diff --git a/docs/src/components/productDesignKit/DesignKitFAQ.tsx b/docs/src/components/productDesignKit/DesignKitFAQ.tsx index 34f26ba29de3af..8798cf07bdecdf 100644 --- a/docs/src/components/productDesignKit/DesignKitFAQ.tsx +++ b/docs/src/components/productDesignKit/DesignKitFAQ.tsx @@ -4,14 +4,14 @@ import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Button from '@mui/material/Button'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; -import Section from 'docs/src/layouts/Section'; -import InternalLink from 'docs/src/modules/components/Link'; import Paper from '@mui/material/Paper'; import Typography from '@mui/material/Typography'; import MuiAccordion from '@mui/material/Accordion'; import MuiAccordionSummary from '@mui/material/AccordionSummary'; import MuiAccordionDetail from '@mui/material/AccordionDetails'; import KeyboardArrowDownRounded from '@mui/icons-material/KeyboardArrowDownRounded'; +import InternalLink from 'docs/src/modules/components/Link'; +import Section from 'docs/src/layouts/Section'; const faqData = [ { diff --git a/docs/src/components/productDesignKit/DesignKitValues.tsx b/docs/src/components/productDesignKit/DesignKitValues.tsx index 32bd4d4e364b54..3b18d41bac872b 100644 --- a/docs/src/components/productDesignKit/DesignKitValues.tsx +++ b/docs/src/components/productDesignKit/DesignKitValues.tsx @@ -3,11 +3,11 @@ import Box from '@mui/material/Box'; import Paper from '@mui/material/Paper'; import Typography from '@mui/material/Typography'; import Grid from '@mui/material/Grid'; -import Section from 'docs/src/layouts/Section'; -import GradientText from 'docs/src/components/typography/GradientText'; import Palette from '@mui/icons-material/Palette'; import LibraryBooks from '@mui/icons-material/LibraryBooks'; import CodeRounded from '@mui/icons-material/CodeRounded'; +import GradientText from 'docs/src/components/typography/GradientText'; +import Section from 'docs/src/layouts/Section'; const content = [ { diff --git a/docs/src/components/productMaterial/MaterialHero.tsx b/docs/src/components/productMaterial/MaterialHero.tsx index 66e62e67967a7a..9e03cae16014c8 100644 --- a/docs/src/components/productMaterial/MaterialHero.tsx +++ b/docs/src/components/productMaterial/MaterialHero.tsx @@ -38,10 +38,6 @@ import AcUnitRounded from '@mui/icons-material/AcUnitRounded'; import FavoriteBorderRounded from '@mui/icons-material/FavoriteBorderRounded'; import ShareRounded from '@mui/icons-material/ShareRounded'; import RateReviewOutlined from '@mui/icons-material/RateReviewOutlined'; -import GradientText from 'docs/src/components/typography/GradientText'; -import GetStartedButtons from 'docs/src/components/home/GetStartedButtons'; -import HeroContainer from 'docs/src/layouts/HeroContainer'; -import IconImage from 'docs/src/components/icon/IconImage'; import Accordion from '@mui/material/Accordion'; import AccordionSummary from '@mui/material/AccordionSummary'; import AccordionDetails from '@mui/material/AccordionDetails'; @@ -58,6 +54,10 @@ import Badge from '@mui/material/Badge'; import AddIcon from '@mui/icons-material/Add'; import RemoveIcon from '@mui/icons-material/Remove'; import ButtonGroup from '@mui/material/ButtonGroup'; +import IconImage from 'docs/src/components/icon/IconImage'; +import HeroContainer from 'docs/src/layouts/HeroContainer'; +import GetStartedButtons from 'docs/src/components/home/GetStartedButtons'; +import GradientText from 'docs/src/components/typography/GradientText'; import { getDesignTokens } from 'docs/src/modules/brandingTheme'; import Link from 'docs/src/modules/components/Link'; import ROUTES from 'docs/src/route'; diff --git a/docs/src/components/productMaterial/MaterialStyling.tsx b/docs/src/components/productMaterial/MaterialStyling.tsx index 19d85637631044..874ad0e2be83b3 100644 --- a/docs/src/components/productMaterial/MaterialStyling.tsx +++ b/docs/src/components/productMaterial/MaterialStyling.tsx @@ -2,17 +2,17 @@ import * as React from 'react'; import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; +import AutoAwesomeRounded from '@mui/icons-material/AutoAwesomeRounded'; +import DragHandleRounded from '@mui/icons-material/DragHandleRounded'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; import Highlighter from 'docs/src/components/action/Highlighter'; -import AutoAwesomeRounded from '@mui/icons-material/AutoAwesomeRounded'; import Frame from 'docs/src/components/action/Frame'; import RealEstateCard from 'docs/src/components/showcase/RealEstateCard'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import MarkdownElement from 'docs/src/components/markdown/MarkdownElement'; -import DragHandleRounded from '@mui/icons-material/DragHandleRounded'; import FlashCode from 'docs/src/components/animation/FlashCode'; const code = ` diff --git a/docs/src/components/productMaterial/MaterialTheming.tsx b/docs/src/components/productMaterial/MaterialTheming.tsx index 6246e5e484366e..35f3678414ad64 100644 --- a/docs/src/components/productMaterial/MaterialTheming.tsx +++ b/docs/src/components/productMaterial/MaterialTheming.tsx @@ -3,12 +3,12 @@ import { Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/s import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; +import AutoAwesomeRounded from '@mui/icons-material/AutoAwesomeRounded'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; import Highlighter from 'docs/src/components/action/Highlighter'; -import AutoAwesomeRounded from '@mui/icons-material/AutoAwesomeRounded'; import SvgMaterialDesign from 'docs/src/icons/SvgMaterialDesign'; import Frame from 'docs/src/components/action/Frame'; import PlayerCard from 'docs/src/components/showcase/PlayerCard'; diff --git a/docs/src/components/productTemplate/TemplateDemo.tsx b/docs/src/components/productTemplate/TemplateDemo.tsx index 9333e696f26a88..44d6735a90819a 100644 --- a/docs/src/components/productTemplate/TemplateDemo.tsx +++ b/docs/src/components/productTemplate/TemplateDemo.tsx @@ -5,19 +5,19 @@ import Box from '@mui/material/Box'; import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; +import LaunchRounded from '@mui/icons-material/LaunchRounded'; +import DashboardRounded from '@mui/icons-material/DashboardRounded'; +import Layers from '@mui/icons-material/Layers'; +import ShoppingBag from '@mui/icons-material/ShoppingBag'; +import KeyboardArrowLeftRounded from '@mui/icons-material/KeyboardArrowLeftRounded'; +import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; import Highlighter from 'docs/src/components/action/Highlighter'; import Frame from 'docs/src/components/action/Frame'; -import LaunchRounded from '@mui/icons-material/LaunchRounded'; import Link from 'docs/src/modules/components/Link'; -import DashboardRounded from '@mui/icons-material/DashboardRounded'; -import Layers from '@mui/icons-material/Layers'; -import ShoppingBag from '@mui/icons-material/ShoppingBag'; -import KeyboardArrowLeftRounded from '@mui/icons-material/KeyboardArrowLeftRounded'; -import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; import More from 'docs/src/components/action/More'; const DEMOS = ['Dashboard', 'Landing Pages', 'E-commerce']; diff --git a/docs/src/components/productX/XChartsDemo.tsx b/docs/src/components/productX/XChartsDemo.tsx index 8b37d8f9326617..8ee82295400507 100644 --- a/docs/src/components/productX/XChartsDemo.tsx +++ b/docs/src/components/productX/XChartsDemo.tsx @@ -4,9 +4,9 @@ import Grid from '@mui/material/Grid'; import Chip from '@mui/material/Chip'; import { alpha, styled } from '@mui/material/styles'; import { shouldForwardProp } from '@mui/system'; -import Frame from 'docs/src/components/action/Frame'; import Typography from '@mui/material/Typography'; import Button from '@mui/material/Button'; +import Frame from 'docs/src/components/action/Frame'; const AspectRatioImage = styled('div', { shouldForwardProp: (prop) => shouldForwardProp(prop) && prop !== 'src' && prop !== 'ratio', diff --git a/docs/src/components/productX/XComponents.tsx b/docs/src/components/productX/XComponents.tsx index f46555e673a724..1ed0dfef69b12e 100644 --- a/docs/src/components/productX/XComponents.tsx +++ b/docs/src/components/productX/XComponents.tsx @@ -3,16 +3,16 @@ import Box from '@mui/material/Box'; import Fade from '@mui/material/Fade'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; -import Section from 'docs/src/layouts/Section'; -import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; -import GradientText from 'docs/src/components/typography/GradientText'; -import Item, { Group } from 'docs/src/components/action/Item'; -import Highlighter from 'docs/src/components/action/Highlighter'; import TableChartRounded from '@mui/icons-material/TableChartRounded'; import DateRangeRounded from '@mui/icons-material/DateRangeRounded'; import AccountTreeRounded from '@mui/icons-material/AccountTreeRounded'; import ShowChartRounded from '@mui/icons-material/ShowChartRounded'; import BarChartRounded from '@mui/icons-material/BarChartRounded'; +import Section from 'docs/src/layouts/Section'; +import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; +import GradientText from 'docs/src/components/typography/GradientText'; +import Item, { Group } from 'docs/src/components/action/Item'; +import Highlighter from 'docs/src/components/action/Highlighter'; import XGridFullDemo from 'docs/src/components/productX/XGridFullDemo'; import XDateRangeDemo from 'docs/src/components/productX/XDateRangeDemo'; import XTreeViewDemo from 'docs/src/components/productX/XTreeViewDemo'; diff --git a/docs/src/components/productX/XDataGrid.tsx b/docs/src/components/productX/XDataGrid.tsx index 57e45379adf471..e603e5e9cd583e 100644 --- a/docs/src/components/productX/XDataGrid.tsx +++ b/docs/src/components/productX/XDataGrid.tsx @@ -5,17 +5,17 @@ import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import Paper from '@mui/material/Paper'; +import EditRoundedIcon from '@mui/icons-material/EditRounded'; +import LibraryAddCheckRounded from '@mui/icons-material/LibraryAddCheckRounded'; +import SortByAlphaRounded from '@mui/icons-material/SortByAlphaRounded'; +import AutoStoriesOutlined from '@mui/icons-material/AutoStoriesOutlined'; +import FilterAltRounded from '@mui/icons-material/FilterAltRounded'; import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Item, { Group } from 'docs/src/components/action/Item'; import Highlighter from 'docs/src/components/action/Highlighter'; import More from 'docs/src/components/action/More'; -import EditRoundedIcon from '@mui/icons-material/EditRounded'; -import LibraryAddCheckRounded from '@mui/icons-material/LibraryAddCheckRounded'; -import SortByAlphaRounded from '@mui/icons-material/SortByAlphaRounded'; -import AutoStoriesOutlined from '@mui/icons-material/AutoStoriesOutlined'; -import FilterAltRounded from '@mui/icons-material/FilterAltRounded'; import Frame from 'docs/src/components/action/Frame'; import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import MarkdownElement from 'docs/src/components/markdown/MarkdownElement'; diff --git a/docs/src/components/productX/XDateRangeDemo.tsx b/docs/src/components/productX/XDateRangeDemo.tsx index 10b9ef1da0f243..c8c6587c07e4ec 100644 --- a/docs/src/components/productX/XDateRangeDemo.tsx +++ b/docs/src/components/productX/XDateRangeDemo.tsx @@ -8,12 +8,12 @@ import Chip from '@mui/material/Chip'; import Divider from '@mui/material/Divider'; import List from '@mui/material/List'; import ListItem from '@mui/material/ListItem'; -import Frame from 'docs/src/components/action/Frame'; import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker'; import { PickersShortcutsItem, PickersShortcutsProps, DateRange } from '@mui/x-date-pickers-pro'; import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { startOfWeek, endOfWeek, subDays } from 'date-fns'; +import Frame from 'docs/src/components/action/Frame'; const startDate = new Date(); startDate.setDate(10); diff --git a/docs/src/components/productX/XHero.tsx b/docs/src/components/productX/XHero.tsx index 819579bb9c5968..1e0b559ad09258 100644 --- a/docs/src/components/productX/XHero.tsx +++ b/docs/src/components/productX/XHero.tsx @@ -7,20 +7,19 @@ import Typography from '@mui/material/Typography'; import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker'; import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; -import GradientText from 'docs/src/components/typography/GradientText'; -import GetStartedButtons from 'docs/src/components/home/GetStartedButtons'; -import HeroContainer from 'docs/src/layouts/HeroContainer'; -import IconImage from 'docs/src/components/icon/IconImage'; -import FolderTreeView from 'docs/src/components/showcase/FolderTreeView'; -import ROUTES from 'docs/src/route'; import { alpha } from '@mui/material/styles'; - import { DataGridPremium, useGridApiRef, useKeepGroupedColumnsHidden, } from '@mui/x-data-grid-premium'; import { useDemoData } from '@mui/x-data-grid-generator'; +import GradientText from 'docs/src/components/typography/GradientText'; +import GetStartedButtons from 'docs/src/components/home/GetStartedButtons'; +import HeroContainer from 'docs/src/layouts/HeroContainer'; +import IconImage from 'docs/src/components/icon/IconImage'; +import FolderTreeView from 'docs/src/components/showcase/FolderTreeView'; +import ROUTES from 'docs/src/route'; const startDate = new Date(); startDate.setDate(10); diff --git a/docs/src/components/productX/XPlans.tsx b/docs/src/components/productX/XPlans.tsx index d3b8e439c81d42..f1820af8ed10ee 100644 --- a/docs/src/components/productX/XPlans.tsx +++ b/docs/src/components/productX/XPlans.tsx @@ -3,9 +3,9 @@ import { styled } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; -import Section from 'docs/src/layouts/Section'; import Button from '@mui/material/Button'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; +import Section from 'docs/src/layouts/Section'; import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; import GradientText from 'docs/src/components/typography/GradientText'; import Link from 'docs/src/modules/components/Link'; diff --git a/docs/src/components/productX/XRoadmap.tsx b/docs/src/components/productX/XRoadmap.tsx index f4c496292221f8..59123b164f1ce5 100644 --- a/docs/src/components/productX/XRoadmap.tsx +++ b/docs/src/components/productX/XRoadmap.tsx @@ -5,10 +5,6 @@ import Grid from '@mui/material/Grid'; import Paper from '@mui/material/Paper'; import Typography from '@mui/material/Typography'; import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded'; -import Section from 'docs/src/layouts/Section'; -import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; -import Link from 'docs/src/modules/components/Link'; -import ROUTES from 'docs/src/route'; import TableChartRounded from '@mui/icons-material/TableChartRounded'; import DateRangeRounded from '@mui/icons-material/DateRangeRounded'; import AccountTreeRounded from '@mui/icons-material/AccountTreeRounded'; @@ -18,6 +14,10 @@ import FileUploadRounded from '@mui/icons-material/FileUploadRounded'; import PendingActionsRounded from '@mui/icons-material/PendingActions'; import SpeedRounded from '@mui/icons-material/SpeedRounded'; import { alpha } from '@mui/material/styles'; +import ROUTES from 'docs/src/route'; +import Link from 'docs/src/modules/components/Link'; +import SectionHeadline from 'docs/src/components/typography/SectionHeadline'; +import Section from 'docs/src/layouts/Section'; export default function XRoadmap() { function renderList(content: React.ReactElement, nested?: boolean) { diff --git a/docs/src/components/productX/XSparklineDemo.tsx b/docs/src/components/productX/XSparklineDemo.tsx index 62e8f9c0c49952..10fa632bf81984 100644 --- a/docs/src/components/productX/XSparklineDemo.tsx +++ b/docs/src/components/productX/XSparklineDemo.tsx @@ -3,10 +3,10 @@ import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; import Chip from '@mui/material/Chip'; -import EmailSubscribe from 'docs/src/components/footer/EmailSubscribe'; -import Frame from 'docs/src/components/action/Frame'; import { styled } from '@mui/material/styles'; import { shouldForwardProp } from '@mui/system'; +import EmailSubscribe from 'docs/src/components/footer/EmailSubscribe'; +import Frame from 'docs/src/components/action/Frame'; const AspectRatioImage = styled('div', { shouldForwardProp: (prop) => shouldForwardProp(prop) && prop !== 'src' && prop !== 'ratio', diff --git a/docs/src/components/productX/XTreeViewDemo.tsx b/docs/src/components/productX/XTreeViewDemo.tsx index b5c367e61bc8ef..156c899b3e736a 100644 --- a/docs/src/components/productX/XTreeViewDemo.tsx +++ b/docs/src/components/productX/XTreeViewDemo.tsx @@ -15,8 +15,8 @@ import PhotoOutlined from '@mui/icons-material/PhotoOutlined'; import PictureAsPdfOutlined from '@mui/icons-material/PictureAsPdfOutlined'; import VideocamOutlined from '@mui/icons-material/VideocamOutlined'; import FourKOutlined from '@mui/icons-material/FourKOutlined'; -import Frame from 'docs/src/components/action/Frame'; import Button from '@mui/material/Button'; +import Frame from 'docs/src/components/action/Frame'; const CustomContent = React.forwardRef(function CustomContent( props: TreeItemContentProps & { lastNestedChild?: boolean }, diff --git a/docs/src/layouts/AppFooter.tsx b/docs/src/layouts/AppFooter.tsx index 35d91653e8e8f1..61ad1be3c2fb52 100644 --- a/docs/src/layouts/AppFooter.tsx +++ b/docs/src/layouts/AppFooter.tsx @@ -10,12 +10,12 @@ import GitHubIcon from '@mui/icons-material/GitHub'; import LinkedInIcon from '@mui/icons-material/LinkedIn'; import YouTubeIcon from '@mui/icons-material/YouTube'; import RssFeedIcon from '@mui/icons-material/RssFeed'; +import { alpha } from '@mui/material/styles'; import SvgMuiLogotype from 'docs/src/icons/SvgMuiLogotype'; import EmailSubscribe from 'docs/src/components/footer/EmailSubscribe'; import ROUTES from 'docs/src/route'; import Link from 'docs/src/modules/components/Link'; import SvgStackOverflow from 'docs/src/icons/SvgStackOverflow'; -import { alpha } from '@mui/material/styles'; interface AppFooterProps { stackOverflowUrl?: string; diff --git a/docs/src/layouts/AppHeader.tsx b/docs/src/layouts/AppHeader.tsx index 293cf21428944d..9f52f8e0d1289d 100644 --- a/docs/src/layouts/AppHeader.tsx +++ b/docs/src/layouts/AppHeader.tsx @@ -5,6 +5,9 @@ import GlobalStyles from '@mui/material/GlobalStyles'; import Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; import Container from '@mui/material/Container'; +import Tooltip from '@mui/material/Tooltip'; +import IconButton from '@mui/material/IconButton'; +import GitHubIcon from '@mui/icons-material/GitHub'; import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark'; import HeaderNavBar from 'docs/src/components/header/HeaderNavBar'; import HeaderNavDropdown from 'docs/src/components/header/HeaderNavDropdown'; @@ -12,9 +15,6 @@ import ThemeModeToggle from 'docs/src/components/header/ThemeModeToggle'; import { useChangeTheme } from 'docs/src/modules/components/ThemeContext'; import Link from 'docs/src/modules/components/Link'; import { DeferredAppSearch } from 'docs/src/modules/components/AppFrame'; -import Tooltip from '@mui/material/Tooltip'; -import IconButton from '@mui/material/IconButton'; -import GitHubIcon from '@mui/icons-material/GitHub'; import { useTranslate } from 'docs/src/modules/utils/i18n'; const Header = styled('header')(({ theme }) => [ diff --git a/docs/src/modules/components/ApiPage/ApiItem.tsx b/docs/src/modules/components/ApiPage/ApiItem.tsx index 14d137dff203fb..68f1f61a7ecfc7 100644 --- a/docs/src/modules/components/ApiPage/ApiItem.tsx +++ b/docs/src/modules/components/ApiPage/ApiItem.tsx @@ -2,13 +2,13 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import { alpha, styled } from '@mui/material/styles'; +import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; +import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; +import { IconButton } from '@mui/material'; import { brandingDarkTheme as darkTheme, brandingLightTheme as lightTheme, } from 'docs/src/modules/brandingTheme'; -import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; -import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; -import { IconButton } from '@mui/material'; type DescriptionType = 'props' | 'classes' | 'CSS' | 'slots'; diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js index 4ba38920c857e0..34ff270ec019a5 100644 --- a/docs/src/modules/components/AppFrame.js +++ b/docs/src/modules/components/AppFrame.js @@ -9,12 +9,14 @@ import AppBar from '@mui/material/AppBar'; import Stack from '@mui/material/Stack'; import Toolbar from '@mui/material/Toolbar'; import IconButton from '@mui/material/IconButton'; -import SvgHamburgerMenu from 'docs/src/icons/SvgHamburgerMenu'; import Tooltip from '@mui/material/Tooltip'; import Box from '@mui/material/Box'; import SettingsIcon from '@mui/icons-material/SettingsOutlined'; import GitHubIcon from '@mui/icons-material/GitHub'; import NProgressBar from '@mui/docs/NProgressBar'; +import { debounce } from '@mui/material/utils'; +import NextLink from 'next/link'; +import SvgHamburgerMenu from 'docs/src/icons/SvgHamburgerMenu'; import AppNavDrawer from 'docs/src/modules/components/AppNavDrawer'; import AppSettingsDrawer from 'docs/src/modules/components/AppSettingsDrawer'; import Notifications from 'docs/src/modules/components/Notifications'; @@ -22,8 +24,6 @@ import MarkdownLinks from 'docs/src/modules/components/MarkdownLinks'; import SkipLink from 'docs/src/modules/components/SkipLink'; import PageContext from 'docs/src/modules/components/PageContext'; import { useTranslate } from 'docs/src/modules/utils/i18n'; -import { debounce } from '@mui/material/utils'; -import NextLink from 'next/link'; import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark'; import AppFrameBanner from 'docs/src/components/banner/AppFrameBanner'; diff --git a/docs/src/modules/components/AppNavDrawer.js b/docs/src/modules/components/AppNavDrawer.js index 8b556aa7672c32..d41aafc053277a 100644 --- a/docs/src/modules/components/AppNavDrawer.js +++ b/docs/src/modules/components/AppNavDrawer.js @@ -13,14 +13,14 @@ import SwipeableDrawer from '@mui/material/SwipeableDrawer'; import useMediaQuery from '@mui/material/useMediaQuery'; import Box from '@mui/material/Box'; import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils'; +import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded'; +import DoneRounded from '@mui/icons-material/DoneRounded'; import SvgMuiLogomark from 'docs/src/icons/SvgMuiLogomark'; import DiamondSponsors from 'docs/src/modules/components/DiamondSponsors'; import AppNavDrawerItem from 'docs/src/modules/components/AppNavDrawerItem'; import { pageToTitleI18n } from 'docs/src/modules/utils/helpers'; import PageContext from 'docs/src/modules/components/PageContext'; import { useTranslate } from 'docs/src/modules/utils/i18n'; -import ArrowDropDownRoundedIcon from '@mui/icons-material/ArrowDropDownRounded'; -import DoneRounded from '@mui/icons-material/DoneRounded'; import MuiProductSelector from 'docs/src/modules/components/MuiProductSelector'; const savedScrollTop = {}; diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js index c518520458895d..a3a9427744ed5e 100644 --- a/docs/src/modules/components/AppSearch.js +++ b/docs/src/modules/components/AppSearch.js @@ -1,6 +1,5 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; -import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; import * as ReactDOMServer from 'react-dom/server'; import PropTypes from 'prop-types'; import NextLink from 'next/link'; @@ -15,6 +14,7 @@ import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRou import SearchIcon from '@mui/icons-material/Search'; import GlobalStyles from '@mui/material/GlobalStyles'; import { alpha, styled } from '@mui/material/styles'; +import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; import { LANGUAGES_SSR } from 'docs/config'; import Link from 'docs/src/modules/components/Link'; import { useTranslate, useUserLanguage } from 'docs/src/modules/utils/i18n'; diff --git a/docs/src/modules/components/CodeCopyButton.tsx b/docs/src/modules/components/CodeCopyButton.tsx index 598fb49f02037b..0e148930db7b9e 100644 --- a/docs/src/modules/components/CodeCopyButton.tsx +++ b/docs/src/modules/components/CodeCopyButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; -import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; import ContentCopyRoundedIcon from '@mui/icons-material/ContentCopyRounded'; import LibraryAddCheckRoundedIcon from '@mui/icons-material/LibraryAddCheckRounded'; +import useClipboardCopy from 'docs/src/modules/utils/useClipboardCopy'; interface CodeCopyButtonProps { code: string; diff --git a/docs/src/modules/components/ComponentLinkHeader.js b/docs/src/modules/components/ComponentLinkHeader.js index 0f1399fd702731..8db20fa33e46a1 100644 --- a/docs/src/modules/components/ComponentLinkHeader.js +++ b/docs/src/modules/components/ComponentLinkHeader.js @@ -2,14 +2,14 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import Chip from '@mui/material/Chip'; import Tooltip from '@mui/material/Tooltip'; +import ChatRounded from '@mui/icons-material/ChatRounded'; +import { styled } from '@mui/material/styles'; import SketchIcon from 'docs/src/modules/components/SketchIcon'; import FigmaIcon from 'docs/src/modules/components/FigmaIcon'; import AdobeXDIcon from 'docs/src/modules/components/AdobeXDIcon'; import BundleSizeIcon from 'docs/src/modules/components/BundleSizeIcon'; -import ChatRounded from '@mui/icons-material/ChatRounded'; import W3CIcon from 'docs/src/modules/components/W3CIcon'; import MaterialDesignIcon from 'docs/src/modules/components/MaterialDesignIcon'; -import { styled } from '@mui/material/styles'; import { useTranslate } from 'docs/src/modules/utils/i18n'; const Root = styled('ul')({ diff --git a/docs/src/modules/components/ComponentPageTabs.js b/docs/src/modules/components/ComponentPageTabs.js index 0d5b5e3b4b01e7..8faff8f260c39c 100644 --- a/docs/src/modules/components/ComponentPageTabs.js +++ b/docs/src/modules/components/ComponentPageTabs.js @@ -1,11 +1,11 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import { useRouter } from 'next/router'; -import { useTranslate } from 'docs/src/modules/utils/i18n'; import { styled } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Tabs, { tabsClasses } from '@mui/material/Tabs'; import Tab, { tabClasses } from '@mui/material/Tab'; +import { useTranslate } from 'docs/src/modules/utils/i18n'; import Link from 'docs/src/modules/components/Link'; export const HEIGHT = 50; diff --git a/docs/src/modules/components/DemoToolbar.js b/docs/src/modules/components/DemoToolbar.js index f2707c3fad6ac6..2fab90d1fd0713 100644 --- a/docs/src/modules/components/DemoToolbar.js +++ b/docs/src/modules/components/DemoToolbar.js @@ -22,12 +22,12 @@ import Tooltip from '@mui/material/Tooltip'; import Divider from '@mui/material/Divider'; import RefreshRoundedIcon from '@mui/icons-material/RefreshRounded'; import ResetFocusIcon from '@mui/icons-material/CenterFocusWeak'; +import { useRouter } from 'next/router'; import { getCookie } from 'docs/src/modules/utils/helpers'; import { CODE_VARIANTS, CODE_STYLING } from 'docs/src/modules/constants'; import { useSetCodeVariant } from 'docs/src/modules/utils/codeVariant'; import { useSetCodeStyling, useCodeStyling } from 'docs/src/modules/utils/codeStylingSolution'; import { useTranslate } from 'docs/src/modules/utils/i18n'; -import { useRouter } from 'next/router'; import stylingSolutionMapping from 'docs/src/modules/utils/stylingSolutionMapping'; import codeSandbox from '../sandbox/CodeSandbox'; import stackBlitz from '../sandbox/StackBlitz'; diff --git a/docs/src/modules/components/DiamondSponsors.js b/docs/src/modules/components/DiamondSponsors.js index 92f92c14e80ee3..3142f104c591fc 100644 --- a/docs/src/modules/components/DiamondSponsors.js +++ b/docs/src/modules/components/DiamondSponsors.js @@ -3,9 +3,9 @@ import Box from '@mui/material/Box'; import Stack from '@mui/material/Stack'; import Button from '@mui/material/Button'; import { styled } from '@mui/material/styles'; -import { useTranslate } from 'docs/src/modules/utils/i18n'; import DiamondOutlinedIcon from '@mui/icons-material/DiamondOutlined'; import Divider from '@mui/material/Divider'; +import { useTranslate } from 'docs/src/modules/utils/i18n'; // import Link from 'docs/src/modules/components/Link'; const Root = styled('div')(() => ({ diff --git a/docs/src/modules/components/EditPage.js b/docs/src/modules/components/EditPage.js index d101fcbb83e2dd..c75f0a30802613 100644 --- a/docs/src/modules/components/EditPage.js +++ b/docs/src/modules/components/EditPage.js @@ -1,8 +1,8 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import Button from '@mui/material/Button'; -import { useUserLanguage, useTranslate } from 'docs/src/modules/utils/i18n'; import GitHubIcon from '@mui/icons-material/GitHub'; +import { useUserLanguage, useTranslate } from 'docs/src/modules/utils/i18n'; const LOCALES = { zh: 'zh-CN', pt: 'pt-BR', es: 'es-ES' }; diff --git a/docs/src/modules/components/GoogleAnalytics.js b/docs/src/modules/components/GoogleAnalytics.js index cf5130b0d680cc..9eb34272d53062 100644 --- a/docs/src/modules/components/GoogleAnalytics.js +++ b/docs/src/modules/components/GoogleAnalytics.js @@ -1,12 +1,12 @@ import * as React from 'react'; -import loadScript from 'docs/src/modules/utils/loadScript'; import { useTheme } from '@mui/material/styles'; import useMediaQuery from '@mui/material/useMediaQuery'; +import { useRouter } from 'next/router'; +import loadScript from 'docs/src/modules/utils/loadScript'; import { useNoSsrCodeVariant } from 'docs/src/modules/utils/codeVariant'; import { useNoSsrCodeStyling } from 'docs/src/modules/utils/codeStylingSolution'; import { useUserLanguage } from 'docs/src/modules/utils/i18n'; import { pathnameToLanguage } from 'docs/src/modules/utils/helpers'; -import { useRouter } from 'next/router'; // So we can write code like: // diff --git a/docs/src/modules/components/JoyVariablesDemo.tsx b/docs/src/modules/components/JoyVariablesDemo.tsx index 6f5a757cb7e4f5..918efc2538ce1d 100644 --- a/docs/src/modules/components/JoyVariablesDemo.tsx +++ b/docs/src/modules/components/JoyVariablesDemo.tsx @@ -9,11 +9,11 @@ import Sheet from '@mui/joy/Sheet'; import FormControl from '@mui/joy/FormControl'; import FormLabel from '@mui/joy/FormLabel'; import FormHelperText from '@mui/joy/FormHelperText'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import Input, { inputClasses } from '@mui/joy/Input'; import ReplayRoundedIcon from '@mui/icons-material/ReplayRounded'; import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; +import BrandingProvider from 'docs/src/BrandingProvider'; interface DataItem { var: string; diff --git a/docs/src/modules/components/MaterialFreeTemplatesCollection.js b/docs/src/modules/components/MaterialFreeTemplatesCollection.js index 5fb06bbbc5c46b..5bf45835f41739 100644 --- a/docs/src/modules/components/MaterialFreeTemplatesCollection.js +++ b/docs/src/modules/components/MaterialFreeTemplatesCollection.js @@ -6,8 +6,8 @@ import CardMedia from '@mui/material/CardMedia'; import Button from '@mui/material/Button'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; -import { useTranslate } from 'docs/src/modules/utils/i18n'; import { alpha } from '@mui/material/styles'; +import { useTranslate } from 'docs/src/modules/utils/i18n'; const sourcePrefix = `${process.env.SOURCE_CODE_REPO}/tree/v${process.env.LIB_VERSION}`; diff --git a/docs/src/modules/components/MaterialShowcase.js b/docs/src/modules/components/MaterialShowcase.js index 8f3bff3f12879e..162d2b99de3911 100644 --- a/docs/src/modules/components/MaterialShowcase.js +++ b/docs/src/modules/components/MaterialShowcase.js @@ -8,9 +8,9 @@ import CardMedia from '@mui/material/CardMedia'; import Typography from '@mui/material/Typography'; import IconButton from '@mui/material/IconButton'; import GitHubIcon from '@mui/icons-material/GitHub'; +import { alpha } from '@mui/material/styles'; import Link from 'docs/src/modules/components/Link'; import { useTranslate } from 'docs/src/modules/utils/i18n'; -import { alpha } from '@mui/material/styles'; /** * The app structure: diff --git a/docs/src/modules/components/MaterialYouUsageDemo.tsx b/docs/src/modules/components/MaterialYouUsageDemo.tsx index 3b83d82462d8a3..4cf46145b0477f 100644 --- a/docs/src/modules/components/MaterialYouUsageDemo.tsx +++ b/docs/src/modules/components/MaterialYouUsageDemo.tsx @@ -9,13 +9,13 @@ import MenuItem from '@mui/material/MenuItem'; import Select from '@mui/material/Select'; import Switch from '@mui/material/Switch'; import Typography from '@mui/material/Typography'; -import BrandingProvider from 'docs/src/BrandingProvider'; -import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; import { extendTheme, CssVarsProvider as MaterialYouCssVarsProvider, useColorScheme, } from '@mui/material-next/styles'; +import BrandingProvider from 'docs/src/BrandingProvider'; +import HighlightedCode from 'docs/src/modules/components/HighlightedCode'; type Mode = 'light' | 'dark' | 'system'; diff --git a/docs/src/modules/components/RichMarkdownElement.js b/docs/src/modules/components/RichMarkdownElement.js index e9a6a2bf74727b..cd12171c0bbf3e 100644 --- a/docs/src/modules/components/RichMarkdownElement.js +++ b/docs/src/modules/components/RichMarkdownElement.js @@ -1,5 +1,5 @@ -import * as React from 'react'; import path from 'path'; +import * as React from 'react'; import PropTypes from 'prop-types'; import { useTranslate, useUserLanguage } from 'docs/src/modules/utils/i18n'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; diff --git a/docs/src/modules/components/TopLayoutCareers.js b/docs/src/modules/components/TopLayoutCareers.js index f53b8400507a8e..76aa72775ade88 100644 --- a/docs/src/modules/components/TopLayoutCareers.js +++ b/docs/src/modules/components/TopLayoutCareers.js @@ -1,10 +1,10 @@ import * as React from 'react'; import PropTypes from 'prop-types'; import { styled } from '@mui/material/styles'; +import Divider from '@mui/material/Divider'; import Head from 'docs/src/modules/components/Head'; import AppContainer from 'docs/src/modules/components/AppContainer'; import AppFooter from 'docs/src/layouts/AppFooter'; -import Divider from '@mui/material/Divider'; import AppHeader from 'docs/src/layouts/AppHeader'; import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; diff --git a/docs/src/pages/production-error/ErrorDecoder.js b/docs/src/pages/production-error/ErrorDecoder.js index 1179897376646d..e8f59535a8a0df 100644 --- a/docs/src/pages/production-error/ErrorDecoder.js +++ b/docs/src/pages/production-error/ErrorDecoder.js @@ -3,8 +3,8 @@ import { useRouter } from 'next/router'; import Link from '@mui/material/Link'; import Typography from '@mui/material/Typography'; import { styled } from '@mui/material/styles'; -import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; import { renderInline as renderInlineMarkdown } from '@mui/markdown'; +import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; const ErrorMessageSection = styled('div')({ // reset display: block from Demo diff --git a/netlify/functions/feedback-management.js b/netlify/functions/feedback-management.js index 515487962c93eb..0072704a92142e 100644 --- a/netlify/functions/feedback-management.js +++ b/netlify/functions/feedback-management.js @@ -1,6 +1,6 @@ +const querystring = require('node:querystring'); const { WebClient } = require('@slack/web-api'); const { App, AwsLambdaReceiver } = require('@slack/bolt'); -const querystring = require('node:querystring'); const { JWT } = require('google-auth-library'); const { sheets } = require('@googleapis/sheets'); diff --git a/package.json b/package.json index 0378f9a52de66b..99263c27677625 100644 --- a/package.json +++ b/package.json @@ -144,7 +144,7 @@ "eslint-import-resolver-webpack": "^0.13.2", "eslint-plugin-babel": "^5.3.1", "eslint-plugin-filenames": "^1.3.2", - "eslint-plugin-import": "^2.27.5", + "eslint-plugin-import": "^2.28.0", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-mocha": "^10.1.0", "eslint-plugin-react": "^7.32.2", diff --git a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts index 6cb92534d110ae..45385acead99ce 100644 --- a/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts +++ b/packages/api-docs-builder/ApiBuilders/HookApiBuilder.ts @@ -1,11 +1,11 @@ +import { mkdirSync, readFileSync, writeFileSync } from 'fs'; +import path from 'path'; import * as ts from 'typescript'; import * as astTypes from 'ast-types'; import * as _ from 'lodash'; import * as babel from '@babel/core'; import traverse from '@babel/traverse'; import { defaultHandlers, parse as docgenParse, ReactDocgenApi } from 'react-docgen'; -import { mkdirSync, readFileSync, writeFileSync } from 'fs'; -import path from 'path'; import kebabCase from 'lodash/kebabCase'; import upperFirst from 'lodash/upperFirst'; import { renderInline as renderMarkdownInline } from '@mui/markdown'; diff --git a/packages/api-docs-builder/buildApi.ts b/packages/api-docs-builder/buildApi.ts index e98f511e32e2a7..4b2bab7882ed38 100644 --- a/packages/api-docs-builder/buildApi.ts +++ b/packages/api-docs-builder/buildApi.ts @@ -1,6 +1,6 @@ import { mkdirSync } from 'fs'; -import * as fse from 'fs-extra'; import path from 'path'; +import * as fse from 'fs-extra'; import kebabCase from 'lodash/kebabCase'; import * as yargs from 'yargs'; import findComponents from './utils/findComponents'; diff --git a/packages/api-docs-builder/buildApiUtils.ts b/packages/api-docs-builder/buildApiUtils.ts index b2dcce41a390f6..e1367282b1f060 100644 --- a/packages/api-docs-builder/buildApiUtils.ts +++ b/packages/api-docs-builder/buildApiUtils.ts @@ -1,7 +1,7 @@ -import * as ts from 'typescript'; -import * as prettier from 'prettier'; import fs from 'fs'; import path from 'path'; +import * as ts from 'typescript'; +import * as prettier from 'prettier'; import kebabCase from 'lodash/kebabCase'; import { getHeaders, getTitle } from '@mui/markdown'; import { getLineFeed } from '@mui-internal/docs-utilities'; diff --git a/packages/api-docs-builder/utils/createTypeScriptProject.ts b/packages/api-docs-builder/utils/createTypeScriptProject.ts index 76bb428fc9ae0b..f6c19d309cdd54 100644 --- a/packages/api-docs-builder/utils/createTypeScriptProject.ts +++ b/packages/api-docs-builder/utils/createTypeScriptProject.ts @@ -1,6 +1,6 @@ -import * as ts from 'typescript'; import path from 'path'; import fs from 'fs'; +import * as ts from 'typescript'; export interface TypeScriptProject { name: string; diff --git a/packages/api-docs-builder/utils/parseTest.ts b/packages/api-docs-builder/utils/parseTest.ts index 0c9b2d4a56a4d3..1331f49afb5fa9 100644 --- a/packages/api-docs-builder/utils/parseTest.ts +++ b/packages/api-docs-builder/utils/parseTest.ts @@ -1,6 +1,6 @@ +import * as path from 'path'; import * as babel from '@babel/core'; import { readFile } from 'fs-extra'; -import * as path from 'path'; import glob from 'fast-glob'; const workspaceRoot = path.join(__dirname, '../../../'); diff --git a/packages/mui-base/scripts/testModuleAugmentation.js b/packages/mui-base/scripts/testModuleAugmentation.js index 10b722335cd22b..8b23912c5030d2 100644 --- a/packages/mui-base/scripts/testModuleAugmentation.js +++ b/packages/mui-base/scripts/testModuleAugmentation.js @@ -1,7 +1,7 @@ const childProcess = require('child_process'); +const path = require('path'); const { chunk } = require('lodash'); const glob = require('fast-glob'); -const path = require('path'); const { promisify } = require('util'); const exec = promisify(childProcess.exec); diff --git a/packages/mui-base/src/Badge/Badge.spec.tsx b/packages/mui-base/src/Badge/Badge.spec.tsx index 970ff73baf15ed..5915f5c401437a 100644 --- a/packages/mui-base/src/Badge/Badge.spec.tsx +++ b/packages/mui-base/src/Badge/Badge.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Badge, { BadgeBadgeSlotProps, BadgeRootSlotProps } from '@mui/base/Badge'; import { expectType } from '@mui/types'; +import Badge, { BadgeBadgeSlotProps, BadgeRootSlotProps } from '@mui/base/Badge'; const Root = React.forwardRef(function Root( props: BadgeRootSlotProps, diff --git a/packages/mui-base/src/Button/Button.spec.tsx b/packages/mui-base/src/Button/Button.spec.tsx index 4126a4192721cd..97214ac5e69f43 100644 --- a/packages/mui-base/src/Button/Button.spec.tsx +++ b/packages/mui-base/src/Button/Button.spec.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import clsx from 'clsx'; -import Button, { ButtonProps, ButtonRootSlotProps } from '@mui/base/Button'; import { expectType } from '@mui/types'; +import Button, { ButtonProps, ButtonRootSlotProps } from '@mui/base/Button'; const CustomButtonRoot = React.forwardRef(function CustomButtonRoot(props: ButtonRootSlotProps) { const { ownerState, ...other } = props; diff --git a/packages/mui-base/src/FormControl/FormControl.spec.tsx b/packages/mui-base/src/FormControl/FormControl.spec.tsx index f13a167aa9ab2e..1629ec46fe1cd1 100644 --- a/packages/mui-base/src/FormControl/FormControl.spec.tsx +++ b/packages/mui-base/src/FormControl/FormControl.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import FormControl from '@mui/base/FormControl'; import { expectType } from '@mui/types'; +import FormControl from '@mui/base/FormControl'; import { FormControlRootSlotProps } from './FormControl.types'; const CustomComponent: React.FC<{ stringProp: string; numberProp: number }> = diff --git a/packages/mui-base/src/Input/Input.spec.tsx b/packages/mui-base/src/Input/Input.spec.tsx index 1fe1463fef4c8b..a70537edba2317 100644 --- a/packages/mui-base/src/Input/Input.spec.tsx +++ b/packages/mui-base/src/Input/Input.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Input, { InputInputSlotProps, InputRootSlotProps } from '@mui/base/Input'; import { expectType } from '@mui/types'; +import Input, { InputInputSlotProps, InputRootSlotProps } from '@mui/base/Input'; const InputRoot = React.forwardRef(function InputRoot( props: InputRootSlotProps, diff --git a/packages/mui-base/src/Modal/Modal.spec.tsx b/packages/mui-base/src/Modal/Modal.spec.tsx index fe3f92641fb8f6..6512437dedefe7 100644 --- a/packages/mui-base/src/Modal/Modal.spec.tsx +++ b/packages/mui-base/src/Modal/Modal.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Modal, { ModalBackdropSlotProps, ModalRootSlotProps } from '@mui/base/Modal'; import { expectType } from '@mui/types'; +import Modal, { ModalBackdropSlotProps, ModalRootSlotProps } from '@mui/base/Modal'; function Root(props: ModalRootSlotProps) { const { ownerState, ...other } = props; diff --git a/packages/mui-base/src/Popper/Popper.spec.tsx b/packages/mui-base/src/Popper/Popper.spec.tsx index 4b8f363526a1ed..6c032207608fa4 100644 --- a/packages/mui-base/src/Popper/Popper.spec.tsx +++ b/packages/mui-base/src/Popper/Popper.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Popper, { PopperRootSlotProps } from '@mui/base/Popper'; import { expectType } from '@mui/types'; +import Popper, { PopperRootSlotProps } from '@mui/base/Popper'; function Root(props: PopperRootSlotProps) { const { ownerState, ...other } = props; diff --git a/packages/mui-base/src/Select/Select.test.tsx b/packages/mui-base/src/Select/Select.test.tsx index e75d824c9559e0..ed9af8354cf1a2 100644 --- a/packages/mui-base/src/Select/Select.test.tsx +++ b/packages/mui-base/src/Select/Select.test.tsx @@ -1,10 +1,6 @@ import * as React from 'react'; import { expect } from 'chai'; import { spy } from 'sinon'; -import Select, { SelectListboxSlotProps, selectClasses } from '@mui/base/Select'; -import useOption, { SelectOption } from '@mui/base/useOption'; -import Option, { OptionProps, optionClasses } from '@mui/base/Option'; -import OptionGroup from '@mui/base/OptionGroup'; import { createMount, createRenderer, @@ -14,6 +10,10 @@ import { act, screen, } from 'test/utils'; +import Select, { SelectListboxSlotProps, selectClasses } from '@mui/base/Select'; +import useOption, { SelectOption } from '@mui/base/useOption'; +import Option, { OptionProps, optionClasses } from '@mui/base/Option'; +import OptionGroup from '@mui/base/OptionGroup'; describe('; diff --git a/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx b/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx index 8b2197300f0872..ceb9ced2abb27a 100644 --- a/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx +++ b/packages/mui-joy/src/LinearProgress/LinearProgress.test.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import { expect } from 'chai'; import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import { ThemeProvider } from '@mui/joy/styles'; import LinearProgress, { linearProgressClasses as classes } from '@mui/joy/LinearProgress'; -import { unstable_capitalize as capitalize } from '@mui/utils'; describe('', () => { const { render } = createRenderer(); diff --git a/packages/mui-joy/src/Link/Link.spec.tsx b/packages/mui-joy/src/Link/Link.spec.tsx index fa34417c4d0787..5c933883c3e102 100644 --- a/packages/mui-joy/src/Link/Link.spec.tsx +++ b/packages/mui-joy/src/Link/Link.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Link, { LinkOwnerState } from '@mui/joy/Link'; import { expectType } from '@mui/types'; +import Link, { LinkOwnerState } from '@mui/joy/Link'; ; ; diff --git a/packages/mui-joy/src/Link/Link.test.tsx b/packages/mui-joy/src/Link/Link.test.tsx index 84e84136cb56b3..33c188aa2fab95 100644 --- a/packages/mui-joy/src/Link/Link.test.tsx +++ b/packages/mui-joy/src/Link/Link.test.tsx @@ -8,10 +8,10 @@ import { describeConformance, describeJoyColorInversion, } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import Link, { LinkClassKey, linkClasses as classes } from '@mui/joy/Link'; import Typography from '@mui/joy/Typography'; import { ThemeProvider, TypographySystem } from '@mui/joy/styles'; -import { unstable_capitalize as capitalize } from '@mui/utils'; function focusVisible(element: HTMLAnchorElement | null) { act(() => { diff --git a/packages/mui-joy/src/ListItem/ListItem.spec.tsx b/packages/mui-joy/src/ListItem/ListItem.spec.tsx index 3856ea9402ab1a..a429e1c4e13159 100644 --- a/packages/mui-joy/src/ListItem/ListItem.spec.tsx +++ b/packages/mui-joy/src/ListItem/ListItem.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import ListItem, { ListItemOwnerState } from '@mui/joy/ListItem'; import { expectType } from '@mui/types'; +import ListItem, { ListItemOwnerState } from '@mui/joy/ListItem'; ; diff --git a/packages/mui-joy/src/Menu/Menu.test.tsx b/packages/mui-joy/src/Menu/Menu.test.tsx index 586df4e18c6f35..0e7fb1df61ca17 100644 --- a/packages/mui-joy/src/Menu/Menu.test.tsx +++ b/packages/mui-joy/src/Menu/Menu.test.tsx @@ -9,13 +9,13 @@ import { fireEvent, describeJoyColorInversion, } from 'test/utils'; +import PopperUnstyled from '@mui/base/Popper'; +import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown'; import { ThemeProvider } from '@mui/joy/styles'; import Menu, { menuClasses as classes } from '@mui/joy/Menu'; import Dropdown from '@mui/joy/Dropdown'; import MenuItem from '@mui/joy/MenuItem'; import MenuButton from '@mui/joy/MenuButton'; -import PopperUnstyled from '@mui/base/Popper'; -import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown'; const testContext: DropdownContextValue = { dispatch: () => {}, diff --git a/packages/mui-joy/src/MenuButton/MenuButton.test.tsx b/packages/mui-joy/src/MenuButton/MenuButton.test.tsx index eed4eff1a044b2..e858f4e6a60936 100644 --- a/packages/mui-joy/src/MenuButton/MenuButton.test.tsx +++ b/packages/mui-joy/src/MenuButton/MenuButton.test.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; import { createRenderer, describeConformance } from 'test/utils'; +import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown'; import { ThemeProvider } from '@mui/joy/styles'; import MenuButton, { menuButtonClasses as classes } from '@mui/joy/MenuButton'; -import { DropdownContext, DropdownContextValue } from '@mui/base/useDropdown'; const testContext: DropdownContextValue = { dispatch: () => {}, diff --git a/packages/mui-joy/src/Modal/Modal.spec.tsx b/packages/mui-joy/src/Modal/Modal.spec.tsx index e14851ec9e2d63..79af95c0aecf4e 100644 --- a/packages/mui-joy/src/Modal/Modal.spec.tsx +++ b/packages/mui-joy/src/Modal/Modal.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Modal, { ModalOwnerState } from '@mui/joy/Modal'; import { expectType } from '@mui/types'; +import Modal, { ModalOwnerState } from '@mui/joy/Modal';
diff --git a/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx b/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx index 8f662d9a776760..437c52036b6fc8 100644 --- a/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx +++ b/packages/mui-joy/src/ModalDialog/ModalDialog.test.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import { expect } from 'chai'; import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import { ThemeProvider } from '@mui/joy/styles'; import ModalDialog, { modalDialogClasses as classes } from '@mui/joy/ModalDialog'; -import { unstable_capitalize as capitalize } from '@mui/utils'; describe('', () => { const { render } = createRenderer(); diff --git a/packages/mui-joy/src/Radio/Radio.spec.tsx b/packages/mui-joy/src/Radio/Radio.spec.tsx index 2493d3a3ce7a74..f845e7a1e45e5c 100644 --- a/packages/mui-joy/src/Radio/Radio.spec.tsx +++ b/packages/mui-joy/src/Radio/Radio.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Radio, { RadioOwnerState } from '@mui/joy/Radio'; import { expectType } from '@mui/types'; +import Radio, { RadioOwnerState } from '@mui/joy/Radio'; ; diff --git a/packages/mui-joy/src/Sheet/Sheet.spec.tsx b/packages/mui-joy/src/Sheet/Sheet.spec.tsx index 6edcad9bc4be4d..e3df3091fd960d 100644 --- a/packages/mui-joy/src/Sheet/Sheet.spec.tsx +++ b/packages/mui-joy/src/Sheet/Sheet.spec.tsx @@ -1,5 +1,5 @@ -import Sheet from '@mui/joy/Sheet'; import * as React from 'react'; +import Sheet from '@mui/joy/Sheet'; ; diff --git a/packages/mui-joy/src/Sheet/Sheet.test.tsx b/packages/mui-joy/src/Sheet/Sheet.test.tsx index 14a3da949c54fa..210529638d6d8c 100644 --- a/packages/mui-joy/src/Sheet/Sheet.test.tsx +++ b/packages/mui-joy/src/Sheet/Sheet.test.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import { expect } from 'chai'; import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import { ThemeProvider } from '@mui/joy/styles'; import Sheet, { sheetClasses as classes, SheetClassKey } from '@mui/joy/Sheet'; -import { unstable_capitalize as capitalize } from '@mui/utils'; describe('', () => { const { render } = createRenderer(); diff --git a/packages/mui-joy/src/SvgIcon/SvgIcon.spec.tsx b/packages/mui-joy/src/SvgIcon/SvgIcon.spec.tsx index 6a87e5de2d2b1b..4c1040580faa91 100644 --- a/packages/mui-joy/src/SvgIcon/SvgIcon.spec.tsx +++ b/packages/mui-joy/src/SvgIcon/SvgIcon.spec.tsx @@ -1,5 +1,5 @@ -import SvgIcon from '@mui/joy/SvgIcon'; import * as React from 'react'; +import SvgIcon from '@mui/joy/SvgIcon'; function HomeIcon() { return ; diff --git a/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx b/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx index 8c3549d6a908e7..a24cf0f87cfe4c 100644 --- a/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx +++ b/packages/mui-joy/src/SvgIcon/SvgIcon.test.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; import { expect } from 'chai'; import { createRenderer, describeConformance } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import SvgIcon, { svgIconClasses as classes, SvgIconClassKey, SvgIconProps, } from '@mui/joy/SvgIcon'; import { ThemeProvider } from '@mui/joy/styles'; -import { unstable_capitalize as capitalize } from '@mui/utils'; describe('', () => { const { render } = createRenderer(); diff --git a/packages/mui-joy/src/Switch/Switch.spec.tsx b/packages/mui-joy/src/Switch/Switch.spec.tsx index 3454532dab8b27..19d4d50b9bef55 100644 --- a/packages/mui-joy/src/Switch/Switch.spec.tsx +++ b/packages/mui-joy/src/Switch/Switch.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Switch, { SwitchOwnerState } from '@mui/joy/Switch'; import { expectType } from '@mui/types'; +import Switch, { SwitchOwnerState } from '@mui/joy/Switch'; ; diff --git a/packages/mui-joy/src/Table/Table.test.tsx b/packages/mui-joy/src/Table/Table.test.tsx index 1b77517ff149f5..13c88b34a59962 100644 --- a/packages/mui-joy/src/Table/Table.test.tsx +++ b/packages/mui-joy/src/Table/Table.test.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; import { expect } from 'chai'; import { createRenderer, describeConformance, describeJoyColorInversion } from 'test/utils'; +import { unstable_capitalize as capitalize } from '@mui/utils'; import { ThemeProvider } from '@mui/joy/styles'; import Table, { tableClasses as classes } from '@mui/joy/Table'; -import { unstable_capitalize as capitalize } from '@mui/utils'; describe('', () => { const { render } = createRenderer(); diff --git a/packages/mui-joy/src/Textarea/Textarea.spec.tsx b/packages/mui-joy/src/Textarea/Textarea.spec.tsx index d201329d187706..6beb4aec6cd856 100644 --- a/packages/mui-joy/src/Textarea/Textarea.spec.tsx +++ b/packages/mui-joy/src/Textarea/Textarea.spec.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import Textarea, { TextareaOwnerState } from '@mui/joy/Textarea'; import { expectType } from '@mui/types'; +import Textarea, { TextareaOwnerState } from '@mui/joy/Textarea';