@mui/codemod 7.3.0 → 7.3.3

package/CHANGELOG.md

@@ -1,5 +1,169 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.3
+
+<!-- generated comparing v7.3.2..master -->
+
+_Sep 30, 2025_
+
+A big thanks to the 14 contributors who made this release possible.
+
+### `@mui/material@7.3.3`
+
+- [Autocomplete] Sync highlighted index when popup is opened (#46894) @ZeeshanTamboli
+- [CircularProgress] Add track slot via enableTrackSlot (#46907) @monam2
+- [locale] Split locales into separate files (#46933) @christopherschroer
+- [Tabs] Fix not scrolling to correct tab after refresh when auto scrollable (#46869) @Jayesh-11
+
+### Docs
+
+- Add a guide for building extensible themes (#46896) @siriwatknp
+- Add v7 community course to resources page (#46944) @alelthomas
+- Improve performance of Default Theme Viewer (#46841) @sai6855
+- Fix typo in blog component MainContent (#46868) @jonyen
+- [Steppers] Replace TransitionProps with slotProps.transition (#46898) @sai6855
+
+### Core
+
+- [blog] Fix year in Punta Cana retreat post (#46943) @mapache-salvaje
+- [blog] Punta Cana retreat post (#46892) @mapache-salvaje
+- [code-infra] Publish from CI (#46851) @Janpot
+- [code-infra] Convert reportBrokenLink script to ts (#47002) @brijeshb42
+- [code-infra] Update module resolution for typescript@next (#46940) @Janpot
+- [code-infra] Run continuous releases during ci-check (#46948) @Janpot
+- [code-infra] Fix github actions check for continuous release (#46941) @Janpot
+- [code-infra] Address high/critical dependabot reports (#46937) @Janpot
+- [code-infra] Update ci.yml triggers (#46860) @Janpot
+- [code-infra] Exact match for renovate file name (#46916) @Janpot
+- [code-infra] Disable dependency update for `@material-ui/core` in codemod (#46899) @Janpot
+- [code-infra] Transpile `assertion-error` in karma tests (#46909) @Janpot
+- [code-infra] Disable browserstack on circleci cron jobs (#46905) @Janpot
+- [code-infra] Remove `copy-files` command usage from packages (#46902) @brijeshb42
+- [code-infra] Low-hanging ts conversion (#46903) @Janpot
+- [code-infra] Bring batch of changes from vitest PR (#46795) @Janpot
+- [code-infra] Remove dependency on `fs-extra` (#46755) @bernardobelchior
+- [code-infra] Make error code extraction independent of build (#46865) @brijeshb42
+- [docs-infra] Fix markdown generation script to find correct files (#46954) @siriwatknp
+- [docs-infra] Fix unnecessary redirects (#46951) @Janpot
+- [docs-infra] Remove `dangerouslySetInnerHTML` for ad description (#46936) @Janpot
+- [docs-infra] Display "View as Markdown" only on Material UI (#46861) @siriwatknp
+- [infra] Fix JSON files not being imported in TS demos (#47000) @bernardobelchior
+- [infra] Turn `literal | (string & {})` to `PropTypes.string` (#46934) @siriwatknp
+- [infra] Bump node.js version and make local usage strict (#46834) @brijeshb42
+- [infra] Remove "main" fields from publishable packages (#46856) @brijeshb42
+- [internal] Refactor `useForkRef` TS types: tighten `cleanupRef` and simplify ref typing (#46967) @wo-o29
+- [internal] Fix naming to match convention (2099cb0) @oliviertassinari
+- [internal] Fix naming to match convention (29aad62) @oliviertassinari
+- [internal] Use same option as other repositories (eabda77) @oliviertassinari
+- [internal] Normalize <meta name='viewport' (9d1922a) @oliviertassinari
+- [internal] Normalize charset='utf-8' (f1aae00) @oliviertassinari
+- [test] Split infinitive (0237fda) @oliviertassinari
+
+All contributors of this release in alphabetical order: @alelthomas, @bernardobelchior, @brijeshb42, @christopherschroer, @Janpot, @Jayesh-11, @jonyen, @mapache-salvaje, @monam2, @oliviertassinari, @sai6855, @siriwatknp, @wo-o29, @ZeeshanTamboli
+
+## 7.3.2
+
+<!-- generated comparing v7.3.1..master -->
+
+_Sep 1, 2025_
+
+A big thanks to the 16 contributors who made this release possible.
+
+### `@mui/material@7.3.2`
+
+- [Chip] Remove unnecessary optional chaining from key event handlers (#46752) @ZeeshanTamboli
+- [Drawer] Add dialog role and aria-modal for `temporary` variant (#46690) @Yashkanekar
+- [PaginationItem] Add slot descriptions and default components in API documentation (#46677) @sai6855
+- [utils] Remove duplicate isHostComponent function (#46721) @frontman-git
+
+### `@mui/codemod@7.3.2`
+
+- Add codemod to convert top-level to path imports (#46657) @neemski
+
+### Docs
+
+- Remove outdated Next.js lint command (#46847) @oliviertassinari
+- Add `View as Markdown` to component link header (#46835) @siriwatknp
+- Add a link to open `llms.txt` (#46832) @siriwatknp
+- Fix typos in Material UI API docs (#46787) @noritaka1166
+- Fix typo extra "to" word (#46783) @danpeleg4
+- Remove past employees from about page (#46780) @Janpot
+- Fix typos in `docs/pages` folder (#46761) @noritaka1166
+- Add clarification on `react-is` resolution with Material UI v6 and v7 for React 18 and below (#46633) @alisasanib
+- Fix typos in `joy` and `utils` package (#46713) @noritaka1166
+- [autocomplete] Fix console in unstyled demo (#46804) @oliviertassinari
+- [autocomplete] Fix Google Maps brand attribution (#46803) @oliviertassinari
+- [autocomplete] Fix header sentence case (#46805) @oliviertassinari
+- [autocomplete] Fix Google Maps demo (#46793) @oliviertassinari
+- [Select] Fix labeling issues in grouped select demo (#46722) @mj12albert
+- [table] Remove outdated unstyled section (#46786) @mj12albert
+- [TextField] Add note about removal of `sizeMedium` class from InputLabel in v7 upgrade guide (#46693) @checcoux
+
+### Core
+
+- Update `cipher-base` transitive dependency (#46800) @Janpot
+- [charts] Marked Treemap chart as Pro (#46691) @prakhargupta1
+- [code-infra] Remove some csbci references (#46797) @Janpot
+- [code-infra] update build tool (#46801) @Janpot
+- [code-infra] Align pkg.pr.new with other projects (#46467) @Janpot
+- [code-infra] Prepare for incoming `execa` update (#46781) @Janpot
+- [code-infra] Remove `@mui/internal-babel-plugin-resolve-imports` override config (#46754) @ZeeshanTamboli
+- [core] Fix typo in `docs/mui-vale` folder (#46760) @noritaka1166
+- [core] Fix typos in `docs/data/material` folder (#46757) @noritaka1166
+- [core] Fix typos in `netlify` folder (#46756) @noritaka1166
+- [core] Upgrade brace-expansion (#46747) @oliviertassinari
+- [core] Fix typos in Joy UI docs and `test` folder (#46738) @noritaka1166
+- [core] Upgrade KaTeX (#46731) @oliviertassinari
+- [core] Avoid Polynomial regex backtracking (#46732) @oliviertassinari
+- [core] Remove dead @toolpad/core dependency (#46730) @oliviertassinari
+- [core] Fix typos in `markdown` and `system` packages (#46720) @noritaka1166
+- [core] Fix typos in `api-docs-builder` package (#46719) @noritaka1166
+- [core] Fix typos in `codemod` package (#46715) @noritaka1166
+- [core] pnpm prettier:all (#46685) @oliviertassinari
+- [docs-infra] Set origin to generated `llms.txt` (#46833) @siriwatknp
+- [docs-infra] Fix AbortController error (#46408) @oliviertassinari
+- [docs-infra] Block than more feedback submissions (#46824) @oliviertassinari
+- [docs-infra] Fix ESLint references (#46680) @oliviertassinari
+- [infra] Migrate away from airbnb's eslint config (#46794) @brijeshb42
+- [infra] Remove `fs-extra` from docs scripts (#46749) @bernardobelchior
+- [infra] Remove dependency on `react-spring` (but keep `@react-spring/web`) (#46748) @bernardobelchior
+- [infra] Remove `fs-extra` from `mui-icons-material` (#46745) @bernardobelchior
+- [infra] Remove `api-docs-builder` dependency on `fs-extra` (#46742) @bernardobelchior
+- [infra] Migrate build command to code-infra (#46614) @brijeshb42
+- [infra] move testBuiltTypes step (#46735) @Janpot
+- [infra] Remove `fs-extra` from `netlify-plugin-cache-docs` (#46740) @bernardobelchior
+- [infra] Supply `document` to `userEvent.setup()` (#46714) @Janpot
+- [infra] Remove useless test step (#46679) @Janpot
+- [infra] Stagger daily cron jobs to avoid browserstack timeouts (#46676) @Janpot
+- [internal] Improve useControlled() strict mode handling (#46807) @oliviertassinari
+- [internal] Sentence case (55a9d8f) @oliviertassinari
+- [internal] Fix typos in code comments (#46784) @noritaka1166
+- [internal] Fix console regression in dev mode (925f02b) @oliviertassinari
+- [internal] Prettier all if dependencies changes (1f63b03) @oliviertassinari
+- [internal] Fix renovate.json (84be632) @oliviertassinari
+- [internal] Polish renovate schedule (#46727) @oliviertassinari
+- [internal] Update link to GitHub labels (8ab4813) @oliviertassinari
+- [internal] Bump brace-expansion (06de338) @oliviertassinari
+- [internal] Normalize Action description (4a2fbcb) @oliviertassinari
+- [toolpad] Remove it from website and docs (#46595) @prakhargupta1
+
+All contributors of this release in alphabetical order: @alisasanib, @bernardobelchior, @brijeshb42, @checcoux, @danpeleg4, @frontman-git, @Janpot, @mj12albert, @neemski, @noritaka1166, @oliviertassinari, @prakhargupta1, @sai6855, @siriwatknp, @Yashkanekar, @ZeeshanTamboli
+
+## 7.3.1
+
+<!-- generated comparing v7.3.0..master -->
+
+_Aug 6, 2025_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/material@7.3.1`
+
+- [PaginationItem] Fix inheritance of component (#46666) @sai6855
+- [Select] Revert - Implement pointer cancellation PR 45789 (#46672) @ZeeshanTamboli
+
+All contributors of this release in alphabetical order: @sai6855, @ZeeshanTamboli
+
 ## 7.3.0
 
 <!-- generated comparing v7.2.0..master -->
@@ -56,7 +220,7 @@ A big thanks to the 24 contributors who made this release possible. Here are som
 - Fix unpinned version regression (#46438) @oliviertassinari
 - [code-infra] Accomodate build requirements from mui-x (#46551) @brijeshb42
 - [code-infra] Extend renovate preset from infra repo (#46483) @brijeshb42
-- [code-infra] Use flat eslint config (#46258) @brijeshb42
+- [code-infra] Use flat ESLint config (#46258) @brijeshb42
 - [docs-infra] Remove comment saving in G-sheet option (#46617) @alexfauquette
 - [docs-infra] Move `Open in MUI Chat` to Demo toolbar and adjust styles (#46579) @siriwatknp
 - [docs-infra] Fix codeblock issues (#46323) @atharva3333
@@ -128,11 +292,11 @@ A big thanks to the 17 contributors who made this release possible. Here are the
 ### Core
 
 - pnpm docs:sync-team (3641a0b) @oliviertassinari
-- Add cross-env to eslint script (#46358) @ZeeshanTamboli
+- Add cross-env to ESLint script (#46358) @ZeeshanTamboli
 - Support merging of className and style from theme (#45975) @sai6855
 - [code-infra] Create bundle size package (#45911) @Janpot
 - [docs-infra] Add a script to generate Material UI `llms.txt` and docs markdown. (#46308) @siriwatknp
-- [docs-infra] Fix stackblitz for js projects (#46220) @Janpot
+- [docs-infra] Fix StackBlitz for js projects (#46220) @Janpot
 - [infra] Add emotion as external for bundle monitor (#46372) @Janpot
 - [infra] Create update PR on every canary publish for internal packages (#46367) @Janpot
 - [infra] Remove deprecated esmExternals (#46365) @Janpot
@@ -210,7 +374,7 @@ A big thanks to the 15 contributors who made this release possible.
 ### Core
 
 - [code-infra] Add plugin to check for index file access (#46178) @Janpot
-- [code-infra] Bump eslint to v9 (#46222) @brijeshb42
+- [code-infra] Bump ESLint to v9 (#46222) @brijeshb42
 - [code-infra] Move packages to mui/mui-public (#46155) @Janpot
 - [code-infra] Move `chai` to peerDep (#46227) @JCQuintas
 - [code-infra] Avoid loading barrel file during type checking (#46177) @Janpot

package/README.md

@@ -3466,6 +3466,26 @@ npx @mui/codemod@latest v5.0.0/pagination-round-circular <path>
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#pagination).
 
+#### `path-imports`
+
+Converts all `@mui/material` & `@mui/icons-material` top-level imports to path imports (essentially the reverse of `top-level-imports`, with the addition of `@mui/icons-material`):
+
+```diff
+-import { List, Grid } from '@mui/material';
++import List from '@mui/material/List';
++import Grid from '@mui/material/Grid';
+
+-import { Delete, People as PeopleIcon } from '@mui/icons-material';
++import Delete from '@mui/icons-material/Delete';
++import PeopleIcon from '@mui/icons-material/People';
+```
+
+```bash
+npx @mui/codemod@latest v5.0.0/path-imports <path>
+```
+
+Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
+
 #### `optimal-imports`
 
 Fix private import paths.
@@ -3719,7 +3739,7 @@ Converts all `@mui/material` submodule imports to the root module:
 npx @mui/codemod@latest v5.0.0/top-level-imports <path>
 ```
 
-Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
+Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
 
 #### `transitions`
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "7.3.0",
+  "version": "7.3.3",
   "author": "MUI Team",
   "description": "Codemod scripts for Material UI.",
   "bin": "./codemod.js",
@@ -23,9 +23,9 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/runtime": "^7.28.2",
-    "@babel/traverse": "^7.28.0",
+    "@babel/core": "^7.28.4",
+    "@babel/runtime": "^7.28.4",
+    "@babel/traverse": "^7.28.4",
     "jscodeshift": "^17.1.2",
     "jscodeshift-add-imports": "^1.0.11",
     "postcss": "^8.5.6",
@@ -39,30 +39,8 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "private": false,
+  "type": "commonjs",
   "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      }
-    },
-    "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
-      "import": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
-      }
-    },
-    "./esm": null,
-    "./modern": null
+    "./package.json": "./package.json"
   }
 }

package/util/migrateToVariants.js

@@ -121,9 +121,9 @@ const getObjectToArrowFunction = j => {
     /**
      *
      * @param {import('jscodeshift').ObjectExpression} objectExpression
-     * @param {import('jscodeshift').BinaryExpression} addtional
+     * @param {import('jscodeshift').BinaryExpression} additional
      */
-    function objectToArrowFunction(objectExpression, addtional) {
+    function objectToArrowFunction(objectExpression, additional) {
       const paramKeys = new Set();
       let left;
       objectExpression.properties.forEach((prop, index) => {
@@ -135,10 +135,10 @@ const getObjectToArrowFunction = j => {
           left = j.logicalExpression('&&', left, result);
         }
       });
-      if (addtional) {
-        paramKeys.add(getObjectKey(addtional.left).name);
+      if (additional) {
+        paramKeys.add(getObjectKey(additional.left).name);
       }
-      return buildArrowFunctionAST(paramKeys, addtional ? j.logicalExpression('&&', left, addtional) : left);
+      return buildArrowFunctionAST(paramKeys, additional ? j.logicalExpression('&&', left, additional) : left);
     }
   );
 };

package/v1.0.0/color-imports.js

@@ -30,7 +30,7 @@ function colorImportPath(colorPalette) {
 /**
  * Replace all expressions that use identifier to access color palettes.
  * e.g. colors.amber100 -> colors.amber['100']
- * @param {sting} identifier
+ * @param {string} identifier
  * @param {jscodeshift_api_object} j
  * @param {jscodeshift_ast_object} root
  */

package/v4.0.0/optimal-imports.js

@@ -8,11 +8,6 @@ exports.default = transformer;
 var _path = require("path");
 var _jscodeshiftAddImports = _interopRequireDefault(require("jscodeshift-add-imports"));
 var _getJSExports = _interopRequireDefault(require("../util/getJSExports"));
-// istanbul ignore next
-if (process.env.NODE_ENV === 'test') {
-  const resolve = require.resolve;
-  require.resolve = source => resolve(source.replace(/^@material-ui\/core\/es/, '../../../mui-material/src'));
-}
 function transformer(fileInfo, api, options) {
   const j = api.jscodeshift;
   const importModule = options.importModule || '@material-ui/core';

package/v4.0.0/top-level-imports.js

@@ -10,10 +10,7 @@ function transformer(fileInfo, api, options) {
   const j = api.jscodeshift;
   const importModule = options.importModule || '@material-ui/core';
   const targetModule = options.targetModule || '@material-ui/core';
-  let requirePath = importModule;
-  if (process.env.NODE_ENV === 'test') {
-    requirePath = requirePath.replace(/^@material-ui\/core/, '../../../mui-material/src');
-  }
+  const requirePath = importModule;
 
   // eslint-disable-next-line global-require, import/no-dynamic-require
   const whitelist = require(requirePath);

package/v5.0.0/base-remove-component-prop.test/actual.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 });
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
   component: CustomRoot,
-  ...others
+  ...other
 });
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   component: CustomRoot,

package/v5.0.0/base-remove-component-prop.test/expected.js

@@ -20,7 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
   slots: {
     root: CustomRoot
   },
-  ...others
+  ...other
 });
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   slots: {

package/v5.0.0/jss-to-styled.test/first.actual.js

@@ -164,7 +164,9 @@ class AppAppBar extends React.Component {
       essential: essential,
       position: position,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx.default)(classes.wrap, menuOpen && classes.wrapOpened),
+        className: (0, _clsx.default)(classes.wrap, {
+          [classes.wrapOpened]: menuOpen
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
           to: "/",
           "aria-label": "Back to homepage",
@@ -173,7 +175,10 @@ class AppAppBar extends React.Component {
             color: menuOpen ? 'inherit' : 'textPrimary'
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _clsx.default)(classes.content, menuOpen && [classes.contentOpened, 'mui-fixed']),
+          className: (0, _clsx.default)(classes.content, {
+            [classes.contentOpened]: menuOpen,
+            'mui-fixed': menuOpen
+          }),
           children: [children || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: classes.grow
           }), essential ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
@@ -197,9 +202,13 @@ class AppAppBar extends React.Component {
             href: "#",
             onClick: this.handleToggleMenu,
             children: menuOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
-              className: (0, _clsx.default)(classes.menuIcon, classes.closeIcon, classes.white, menuOpen && classes.hide)
+              className: (0, _clsx.default)(classes.menuIcon, classes.closeIcon, classes.white, {
+                [classes.hide]: menuOpen
+              })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
-              className: (0, _clsx.default)(classes.menuIcon, classes.burgerIcon, menuOpen && classes.hide)
+              className: (0, _clsx.default)(classes.menuIcon, classes.burgerIcon, {
+                [classes.hide]: menuOpen
+              })
             })
           })
         })]
@@ -207,13 +216,13 @@ class AppAppBar extends React.Component {
     });
   }
 }
-process.env.NODE_ENV !== "production" ? AppAppBar.propTypes = {
+AppAppBar.propTypes = {
   children: _propTypes.default.node,
   classes: _propTypes.default.object.isRequired,
   essential: _propTypes.default.bool,
   position: _propTypes.default.string,
   user: _propTypes.default.object
-} : void 0;
+};
 var _default = exports.default = (0, _recompose.compose)((0, _withStyles.default)(styles, {
   name: 'AppAppBar'
 }), (0, _reactRedux.connect)(state => ({

package/v5.0.0/jss-to-styled.test/first.expected.js

@@ -179,7 +179,9 @@ class AppAppBar extends React.Component {
       essential: essential,
       position: position,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx.default)(classes.wrap, menuOpen && classes.wrapOpened),
+        className: (0, _clsx.default)(classes.wrap, {
+          [classes.wrapOpened]: menuOpen
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
           to: "/",
           "aria-label": "Back to homepage",
@@ -188,7 +190,10 @@ class AppAppBar extends React.Component {
             color: menuOpen ? 'inherit' : 'textPrimary'
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _clsx.default)(classes.content, menuOpen && [classes.contentOpened, 'mui-fixed']),
+          className: (0, _clsx.default)(classes.content, {
+            [classes.contentOpened]: menuOpen,
+            'mui-fixed': menuOpen
+          }),
           children: [children || /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: classes.grow
           }), essential ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
@@ -212,9 +217,13 @@ class AppAppBar extends React.Component {
             href: "#",
             onClick: this.handleToggleMenu,
             children: menuOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
-              className: (0, _clsx.default)(classes.menuIcon, classes.closeIcon, classes.white, menuOpen && classes.hide)
+              className: (0, _clsx.default)(classes.menuIcon, classes.closeIcon, classes.white, {
+                [classes.hide]: menuOpen
+              })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
-              className: (0, _clsx.default)(classes.menuIcon, classes.burgerIcon, menuOpen && classes.hide)
+              className: (0, _clsx.default)(classes.menuIcon, classes.burgerIcon, {
+                [classes.hide]: menuOpen
+              })
             })
           })
         })]
@@ -222,13 +231,13 @@ class AppAppBar extends React.Component {
     });
   }
 }
-process.env.NODE_ENV !== "production" ? AppAppBar.propTypes = {
+AppAppBar.propTypes = {
   children: _propTypes.default.node,
   classes: _propTypes.default.object.isRequired,
   essential: _propTypes.default.bool,
   position: _propTypes.default.string,
   user: _propTypes.default.object
-} : void 0;
+};
 var _default = exports.default = (0, _recompose.compose)((0, _reactRedux.connect)(state => ({
   user: state.data.user
 })))(AppAppBar);

package/v5.0.0/jss-to-styled.test/sixth.actual.js

@@ -68,7 +68,9 @@ function AppAppBarCart(props) {
     }), count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
       color: "primary",
       classes: {
-        badge: (0, _clsx.default)(classes.badge, transparent && classes.transparentBadge)
+        badge: (0, _clsx.default)(classes.badge, {
+          [classes.transparentBadge]: transparent
+        })
       },
       badgeContent: count > 9 ? '+9' : count,
       children: ''
@@ -76,12 +78,12 @@ function AppAppBarCart(props) {
   });
 }
 AppAppBarCart.displayName = 'AppAppBarCart';
-process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
+AppAppBarCart.propTypes = {
   classes: _propTypes.default.object.isRequired,
   className: _propTypes.default.string,
   variant: _propTypes.default.oneOf(['text', 'icon']),
   transparent: _propTypes.default.bool
-} : void 0;
+};
 AppAppBarCart.defaultProps = {
   variant: 'icon'
 };

package/v5.0.0/jss-to-styled.test/sixth.expected.js

@@ -76,7 +76,9 @@ function AppAppBarCart(props) {
     }), count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
       color: "primary",
       classes: {
-        badge: (0, _clsx.default)(classes.badge, transparent && classes.transparentBadge)
+        badge: (0, _clsx.default)(classes.badge, {
+          [classes.transparentBadge]: transparent
+        })
       },
       badgeContent: count > 9 ? '+9' : count,
       children: ''
@@ -84,12 +86,12 @@ function AppAppBarCart(props) {
   });
 }
 AppAppBarCart.displayName = 'AppAppBarCart';
-process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
+AppAppBarCart.propTypes = {
   classes: _propTypes.default.object.isRequired,
   className: _propTypes.default.string,
   variant: _propTypes.default.oneOf(['text', 'icon']),
   transparent: _propTypes.default.bool
-} : void 0;
+};
 AppAppBarCart.defaultProps = {
   variant: 'icon'
 };

package/v5.0.0/optimal-imports.js

@@ -8,11 +8,6 @@ exports.default = transformer;
 var _path = require("path");
 var _jscodeshiftAddImports = _interopRequireDefault(require("jscodeshift-add-imports"));
 var _getJSExports = _interopRequireDefault(require("../util/getJSExports"));
-// istanbul ignore next
-if (process.env.NODE_ENV === 'test') {
-  const resolve = require.resolve;
-  require.resolve = source => resolve(source.replace(/^@material-ui\/core\/es/, '../../../mui-material/src').replace(/^@material-ui\/core\/modern/, '../../../mui-material/src'));
-}
 function transformer(fileInfo, api, options) {
   const j = api.jscodeshift;
   const importModule = options.importModule || '@material-ui/core';

package/v5.0.0/path-imports.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _jscodeshiftAddImports = _interopRequireDefault(require("jscodeshift-add-imports"));
+// istanbul ignore next
+if (process.env.NODE_ENV === 'test') {
+  const resolve = require.resolve;
+  require.resolve = source => resolve(source.replace(/^@mui\/material\/modern/, '../../../mui-material/src'));
+}
+const barrelImportsToTransform = {
+  material: {},
+  'icons-material': {}
+};
+const muiImportRegExp = /^@mui\/([^/]+)$/;
+function transformer(fileInfo, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const root = j(fileInfo.source);
+  root.find(j.ImportDeclaration).forEach(path => {
+    if (!path.node.specifiers.length) {
+      return;
+    }
+    if (path.value.importKind && path.value.importKind !== 'value') {
+      return;
+    }
+    const importPath = path.value.source.value;
+    const match = importPath.match(muiImportRegExp);
+    if (!match) {
+      return;
+    }
+    const moduleName = match[1];
+    const importsToAdd = barrelImportsToTransform[moduleName];
+    if (!importsToAdd) {
+      return;
+    }
+    const indexesToPrune = [];
+    path.node.specifiers.forEach((specifier, index) => {
+      if (specifier.importKind && specifier.importKind !== 'value') {
+        return;
+      }
+      if (specifier.type === 'ImportNamespaceSpecifier') {
+        return;
+      }
+      if (specifier.type === 'ImportSpecifier') {
+        const name = specifier.imported.name;
+        if (moduleName === 'material') {
+          if (name === 'ThemeProvider' || name === 'createTheme') {
+            importsToAdd.styles ?? (importsToAdd.styles = []);
+            importsToAdd.styles.push(specifier);
+            indexesToPrune.push(index);
+            return;
+          }
+          if (name.endsWith('Classes')) {
+            const base = name.replace(/Classes$/, '');
+            const componentName = base.charAt(0).toUpperCase() + base.slice(1); // autocomplete → Autocomplete
+            importsToAdd[componentName] ?? (importsToAdd[componentName] = []);
+            importsToAdd[componentName].push(j.importSpecifier(specifier.imported, specifier.local));
+            indexesToPrune.push(index);
+            return;
+          }
+        }
+        importsToAdd[name] ?? (importsToAdd[name] = []);
+        importsToAdd[name].push(j.importDefaultSpecifier(specifier.local));
+        indexesToPrune.push(index);
+      }
+    });
+
+    // We prune imports starting with the highest index as otherwise subsequent indexes would become
+    // invalid once an index that comes before it gets pruned.
+    indexesToPrune.sort((a, b) => a - b).reverse();
+    indexesToPrune.forEach(index => path.get('specifiers', index).prune());
+    if (!path.node.specifiers.length) {
+      path.prune();
+    }
+  });
+  Object.entries(barrelImportsToTransform).forEach(([moduleName, importsToAdd]) => {
+    Object.entries(importsToAdd).forEach(([module, specifiers]) => {
+      const fullTargetModule = `@mui/${moduleName}/${module}`;
+      (0, _jscodeshiftAddImports.default)(root, j.importDeclaration(specifiers, j.stringLiteral(fullTargetModule)));
+    });
+  });
+  return root.toSource(printOptions);
+}

package/v5.0.0/path-imports.test/actual.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/styles");
+var _colors = require("@mui/material/colors");
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");

package/v5.0.0/path-imports.test/expected.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/styles");
+var _colors = require("@mui/material/colors");
+var _styles2 = require("@mui/material/styles");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
+var _Autocomplete = require("@mui/material/Autocomplete");
+var _BottomNavigationAction = _interopRequireDefault(require("@mui/material/BottomNavigationAction"));
+var _BottomNavigation = _interopRequireDefault(require("@mui/material/BottomNavigation"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardMedia = _interopRequireDefault(require("@mui/material/CardMedia"));
+var _CardHeader = _interopRequireDefault(require("@mui/material/CardHeader"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _ListItemAvatar = _interopRequireDefault(require("@mui/material/ListItemAvatar"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _Slide = _interopRequireDefault(require("@mui/material/Slide"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _AccordionActions = _interopRequireDefault(require("@mui/material/AccordionActions"));
+var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
+var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
+var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
+var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
+var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
+var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
+var _Table = _interopRequireDefault(require("@mui/material/Table"));
+var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
+var _Tooltip = require("@mui/material/Tooltip");
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _Input = _interopRequireDefault(require("@mui/material/Input"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
+var _TableFooter = _interopRequireDefault(require("@mui/material/TableFooter"));
+var _Zoom = _interopRequireDefault(require("@mui/material/Zoom"));
+var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
+var _ListSubheader = _interopRequireDefault(require("@mui/material/ListSubheader"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _People = _interopRequireDefault(require("@mui/icons-material/People"));

package/v5.0.0/theme-spacing.test/large-actual.js

@@ -236,10 +236,10 @@ function DocSearchHit(props) {
     children: children
   });
 }
-process.env.NODE_ENV !== "production" ? DocSearchHit.propTypes = {
+DocSearchHit.propTypes = {
   children: _propTypes.default.node,
   hit: _propTypes.default.object.isRequired
-} : void 0;
+};
 function AppSearch() {
   (0, _useLazyCSS.default)('https://cdn.jsdelivr.net/npm/@docsearch/css@3.0.0-alpha.40/dist/style.min.css', '#app-search');
   const FADE_DURATION = 100; // ms

package/v5.0.0/theme-spacing.test/large-expected.js

@@ -236,10 +236,10 @@ function DocSearchHit(props) {
     children: children
   });
 }
-process.env.NODE_ENV !== "production" ? DocSearchHit.propTypes = {
+DocSearchHit.propTypes = {
   children: _propTypes.default.node,
   hit: _propTypes.default.object.isRequired
-} : void 0;
+};
 function AppSearch() {
   (0, _useLazyCSS.default)('https://cdn.jsdelivr.net/npm/@docsearch/css@3.0.0-alpha.40/dist/style.min.css', '#app-search');
   const FADE_DURATION = 100; // ms

package/v5.0.0/top-level-imports.js

@@ -8,16 +8,15 @@ exports.default = transformer;
 var _path = require("path");
 var _jscodeshiftAddImports = _interopRequireDefault(require("jscodeshift-add-imports"));
 var _getJSExports = _interopRequireDefault(require("../util/getJSExports"));
-// istanbul ignore next
-if (process.env.NODE_ENV === 'test') {
-  const resolve = require.resolve;
-  require.resolve = source => resolve(source.replace(/^@mui\/material\/modern/, '../../../mui-material/src'));
-}
 function transformer(fileInfo, api, options) {
   const j = api.jscodeshift;
   const importModule = options.importModule || '@mui/material';
   const targetModule = options.targetModule || '@mui/material';
-  const whitelist = (0, _getJSExports.default)(require.resolve(`${importModule}/modern`, {
+  let resolveModule = importModule;
+  if (process.env.NODE_ENV === 'test') {
+    resolveModule = resolveModule.replace(/^@mui\/material/, '@mui/material-v5');
+  }
+  const whitelist = (0, _getJSExports.default)(require.resolve(`${resolveModule}/modern`, {
     paths: [(0, _path.dirname)(fileInfo.path)]
   }));
   const printOptions = options.printOptions || {

package/v6.0.0/styled/styled-v6.js

@@ -29,7 +29,7 @@ function styledV6(file, api, options) {
       args = path.node.arguments;
     }
 
-    // 1. collecting styles that should be tranformed
+    // 1. collecting styles that should be transformed
     args.forEach(arg => {
       if (arg.type === 'ArrowFunctionExpression' && arg.params[0] && arg.params[0].type === 'ObjectPattern') {
         styles.push(arg);

package/v6.0.0/theme-v6/theme-v6.js

@@ -23,7 +23,7 @@ function themeV6(file, api, options) {
       args = [path.node];
     }
 
-    // 1. collecting styles that should be tranformed
+    // 1. collecting styles that should be transformed
     args.forEach(arg => {
       if (arg.type === 'ArrowFunctionExpression' && arg.params[0] && arg.params[0].type === 'ObjectPattern') {
         styles.push(arg);