@mui/codemod 6.0.2 → 6.1.1-dev.20240919-130050-82a6448768

package/README.md

@@ -1103,19 +1103,6 @@ npx @mui/codemod@latest deprecations/form-control-label-props <path>
 npx @mui/codemod@latest deprecations/list-item-props <path>
 ```
 
-#### `grid-props`
-
-```diff
- <Grid
--  wrap="nowrap"
-+  flexWrap="nowrap"
- />
-```
-
-```bash
-npx @mui/codemod@latest deprecations/grid-props <path>
-```
-
 #### `image-list-item-bar-classes`
 
 JS transforms:

package/node/deprecations/all/deprecations-all.js

@@ -17,7 +17,6 @@ var _circularProgressClasses = _interopRequireDefault(require("../circular-progr
 var _dividerProps = _interopRequireDefault(require("../divider-props"));
 var _filledInputProps = _interopRequireDefault(require("../filled-input-props"));
 var _formControlLabelProps = _interopRequireDefault(require("../form-control-label-props"));
-var _gridProps = _interopRequireDefault(require("../grid-props"));
 var _imageListItemBarClasses = _interopRequireDefault(require("../image-list-item-bar-classes"));
 var _inputBaseProps = _interopRequireDefault(require("../input-base-props"));
 var _inputProps = _interopRequireDefault(require("../input-props"));
@@ -47,7 +46,6 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _dividerProps.default)(file, api, options);
   file.source = (0, _filledInputProps.default)(file, api, options);
   file.source = (0, _formControlLabelProps.default)(file, api, options);
-  file.source = (0, _gridProps.default)(file, api, options);
   file.source = (0, _imageListItemBarClasses.default)(file, api, options);
   file.source = (0, _inputBaseProps.default)(file, api, options);
   file.source = (0, _inputProps.default)(file, api, options);

package/node/v1.0.0/color-imports.js

@@ -24,7 +24,7 @@ function colorAccent(colorIdentifier) {
  * @param {string} colorPalette
  */
 function colorImportPath(colorPalette) {
-  return commonColors.indexOf(colorPalette) !== -1 ? 'common' : colorPalette;
+  return commonColors.includes(colorPalette) ? 'common' : colorPalette;
 }
 
 /**
@@ -81,7 +81,7 @@ function transformMemberImports(j, root, importPath, targetPath) {
           const colorIdentifier = j.identifier(colorModuleName);
 
           // import color module (if not already imported)
-          if (importDeclarations.map(p => p.source.value).indexOf(modulePath) === -1) {
+          if (!importDeclarations.map(p => p.source.value).includes(modulePath)) {
             importDeclarations.push(j.importDeclaration([j.importDefaultSpecifier(colorIdentifier)], j.literal(modulePath)));
           }
 

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

@@ -248,8 +248,8 @@ function AppSearch() {
   const searchButtonRef = React.useRef(null);
   const [isOpen, setIsOpen] = React.useState(false);
   const [initialQuery, setInitialQuery] = React.useState(undefined);
-  const facetFilterLanguage = _config.LANGUAGES_SSR.indexOf(userLanguage) !== -1 ? `language:${userLanguage}` : `language:en`;
-  const macOS = window.navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+  const facetFilterLanguage = _config.LANGUAGES_SSR.includes(userLanguage) ? `language:${userLanguage}` : `language:en`;
+  const macOS = window.navigator.platform.toUpperCase().includes('MAC');
   const onOpen = React.useCallback(() => {
     setIsOpen(true);
   }, [setIsOpen]);
@@ -328,7 +328,7 @@ function AppSearch() {
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Shortcut, {
         children: [macOS ? '⌘' : 'Ctrl+', "K"]
       })]
-    }), isOpen && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.DocSearchModal, {
+    }), isOpen && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.DocSearchModal, {
       initialQuery: initialQuery,
       appId: 'TZGZ85B9TB',
       apiKey: '8177dfb3e2be72b241ffb8c5abafa899',

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

@@ -248,8 +248,8 @@ function AppSearch() {
   const searchButtonRef = React.useRef(null);
   const [isOpen, setIsOpen] = React.useState(false);
   const [initialQuery, setInitialQuery] = React.useState(undefined);
-  const facetFilterLanguage = _config.LANGUAGES_SSR.indexOf(userLanguage) !== -1 ? `language:${userLanguage}` : `language:en`;
-  const macOS = window.navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+  const facetFilterLanguage = _config.LANGUAGES_SSR.includes(userLanguage) ? `language:${userLanguage}` : `language:en`;
+  const macOS = window.navigator.platform.toUpperCase().includes('MAC');
   const onOpen = React.useCallback(() => {
     setIsOpen(true);
   }, [setIsOpen]);
@@ -328,7 +328,7 @@ function AppSearch() {
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Shortcut, {
         children: [macOS ? '⌘' : 'Ctrl+', "K"]
       })]
-    }), isOpen && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.DocSearchModal, {
+    }), isOpen && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.DocSearchModal, {
       initialQuery: initialQuery,
       appId: 'TZGZ85B9TB',
       apiKey: '8177dfb3e2be72b241ffb8c5abafa899',

package/node/v6.0.0/grid-v2-props/grid-v2-props.js

@@ -137,6 +137,10 @@ function gridV2Props(file, api, options) {
     }
     el.node.openingElement.attributes = el.node.openingElement.attributes.filter(attr => !breakpoints.includes(attr?.name?.name.replace('Offset', '')));
     el.node.openingElement.attributes = el.node.openingElement.attributes.filter(attr => !attributesToPrune.includes(attr));
+    const itemProp = el.node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'item');
+    if (itemProp) {
+      el.node.openingElement.attributes = el.node.openingElement.attributes.filter(attr => attr.type === 'JSXAttribute' && attr.name.name !== 'item');
+    }
   });
   return root.toSource(printOptions);
 }

package/node/v6.0.0/grid-v2-props/test-cases/actual.js

@@ -28,6 +28,15 @@ var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_joy.Grid, {
   xs: 2
 });
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  item: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  item: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  item: false
+});
 
 // Transforms responsive sizes
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {

package/node/v6.0.0/grid-v2-props/test-cases/expected.js

@@ -28,6 +28,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_joy.Grid, {
   size: 2
 });
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
 
 // Transforms responsive sizes
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {

package/node/v6.0.0/list-item-button-prop/list-item-button-prop.js

@@ -62,7 +62,7 @@ function transformer(file, api, options) {
   root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material/ListItem').filter(path => {
     path.node.specifiers.forEach(specifier => {
       if (specifier.type === 'ImportDefaultSpecifier') {
-        if (importsToRemove.indexOf(specifier.local.name) >= 0) {
+        if (importsToRemove.includes(specifier.local.name)) {
           path.node.specifiers = path.node.specifiers.filter(spec => spec !== specifier);
         }
       }
@@ -74,7 +74,7 @@ function transformer(file, api, options) {
   }).remove();
   root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material').filter(path => {
     path.node.specifiers.forEach(specifier => {
-      if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'ListItem' && importsToRemove.indexOf(specifier.local.name) >= 0) {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'ListItem' && importsToRemove.includes(specifier.local.name)) {
         path.node.specifiers = path.node.specifiers.filter(spec => spec !== specifier);
       }
     });

package/node/v6.0.0/styled/test-cases/ObjectMap.actual.js

@@ -7,8 +7,6 @@ const IconRoot = styled('span')(({
   userSelect: 'none',
   width: '1em',
   height: '1em',
-  // Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541
-  // To remove at some point.
   overflow: 'hidden',
   display: 'inline-block',
   // allow overflow hidden to take action

package/node/v6.0.0/styled/test-cases/ObjectMap.expected.js

@@ -6,8 +6,6 @@ const IconRoot = styled('span')(({
   userSelect: 'none',
   width: '1em',
   height: '1em',
-  // Chrome fix for https://bugs.chromium.org/p/chromium/issues/detail?id=820541
-  // To remove at some point.
   overflow: 'hidden',
   // allow overflow hidden to take action
   display: 'inline-block',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "6.0.2",
+  "version": "6.1.1-dev.20240919-130050-82a6448768",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -14,7 +14,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui/material-ui.git",
+    "url": "git+https://github.com/mui/material-ui.git",
     "directory": "packages/mui-codemod"
   },
   "license": "MIT",
@@ -25,11 +25,11 @@
   },
   "dependencies": {
     "@babel/core": "^7.25.2",
-    "@babel/runtime": "^7.25.0",
-    "@babel/traverse": "^7.25.3",
+    "@babel/runtime": "^7.25.6",
+    "@babel/traverse": "^7.25.6",
     "jscodeshift": "^0.16.1",
     "jscodeshift-add-imports": "^1.0.11",
-    "postcss": "^8.4.44",
+    "postcss": "^8.4.47",
     "postcss-cli": "^11.0.0",
     "yargs": "^17.7.2"
   },

package/node/deprecations/grid-props/grid-props.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = transformer;
-var _findComponentJSX = _interopRequireDefault(require("../../util/findComponentJSX"));
-/**
- * @param {import('jscodeshift').FileInfo} file
- * @param {import('jscodeshift').API} api
- */
-function transformer(file, api, options) {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-  const printOptions = options.printOptions;
-  const filterJSXAttr = (attr, name) => attr.type === 'JSXAttribute' && attr.name.name === name;
-  (0, _findComponentJSX.default)(j, {
-    root,
-    componentName: 'Grid'
-  }, gridElement => {
-    const attrs = gridElement.node.openingElement.attributes;
-    const wrapPropIndex = attrs.findIndex(attr => filterJSXAttr(attr, 'wrap'));
-    if (wrapPropIndex !== -1) {
-      if (attrs.findIndex(attr => filterJSXAttr(attr, 'flexWrap')) !== -1) {
-        attrs.splice(wrapPropIndex, 1);
-      } else {
-        attrs[wrapPropIndex].name.name = 'flexWrap';
-      }
-    }
-  });
-  root.find(j.ObjectProperty, {
-    key: {
-      name: 'MuiGrid'
-    }
-  }).forEach(path => {
-    const defaultProps = path.value.value.properties.find(({
-      key
-    }) => key.name === 'defaultProps');
-    const props = defaultProps.value.properties;
-    const wrapPropIndex = props.findIndex(prop => prop.key.name === 'wrap');
-    if (wrapPropIndex !== -1) {
-      if (props.findIndex(prop => prop.key.name === 'flexWrap') !== -1) {
-        props.splice(wrapPropIndex, 1);
-      } else {
-        props[wrapPropIndex].key.name = 'flexWrap';
-      }
-    }
-  });
-  return root.toSource(printOptions);
-}

package/node/deprecations/grid-props/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _gridProps.default;
-  }
-});
-var _gridProps = _interopRequireDefault(require("./grid-props"));

package/node/deprecations/grid-props/test-cases/actual.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-  wrap: "wrap-reverse"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-  wrap: "wrap-reverse"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-  wrap: "wrap-reverse",
-  flexWrap: "wrap"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-  wrap: "wrap-reverse",
-  flexWrap: "wrap"
-});
-
-// should skip non MUI components
-/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiGrid, {
-  wrap: "wrap-reverse"
-});

package/node/deprecations/grid-props/test-cases/expected.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-  flexWrap: "wrap-reverse"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-  flexWrap: "wrap-reverse"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
-  flexWrap: "wrap"
-});
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-  flexWrap: "wrap"
-});
-
-// should skip non MUI components
-/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiGrid, {
-  wrap: "wrap-reverse"
-});

package/node/deprecations/grid-props/test-cases/theme.actual.js

@@ -1,24 +0,0 @@
-"use strict";
-
-fn({
-  MuiGrid: {
-    defaultProps: {
-      wrap: 'wrap'
-    }
-  }
-});
-fn({
-  MuiGrid: {
-    defaultProps: {
-      wrap: 'wrap-reverse'
-    }
-  }
-});
-fn({
-  MuiGrid: {
-    defaultProps: {
-      wrap: 'wrap-reverse',
-      flexWrap: 'wrap'
-    }
-  }
-});

package/node/deprecations/grid-props/test-cases/theme.expected.js

@@ -1,23 +0,0 @@
-"use strict";
-
-fn({
-  MuiGrid: {
-    defaultProps: {
-      flexWrap: 'wrap'
-    }
-  }
-});
-fn({
-  MuiGrid: {
-    defaultProps: {
-      flexWrap: 'wrap-reverse'
-    }
-  }
-});
-fn({
-  MuiGrid: {
-    defaultProps: {
-      flexWrap: 'wrap'
-    }
-  }
-});