@mui/codemod 6.1.4 → 6.1.6

package/README.md

@@ -2136,7 +2136,7 @@ The list includes these transformers
 
 #### `adapter-v4`
 
-Imports and inserts `adaptV4Theme` into `createTheme` (or `createMuiTheme`)
+Imports and inserts `adaptV4Theme` into `createTheme()` (or `createMuiTheme`)
 
 ```diff
 +import { adaptV4Theme } from '@material-ui/core/styles';
@@ -2422,7 +2422,7 @@ npx @mui/codemod@latest v5.0.0/core-styles-import <path>
 
 #### `create-theme`
 
-Renames the function `createMuiTheme` to `createTheme`
+Renames the function `createMuiTheme()` to `createTheme()`
 
 ```diff
 -import { createMuiTheme } from '@material-ui/core/styles';
@@ -2503,7 +2503,7 @@ You can find more details about this breaking change in [the migration guide](ht
 
 #### `fade-rename-alpha`
 
-Renames the `fade` style utility import and calls to `alpha`.
+Renames the `fade` style utility import and calls to `alpha()`.
 
 ```diff
 -import { fade, lighten } from '@material-ui/core/styles';

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

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

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

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

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

@@ -31,6 +31,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {});
+/*#__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/system-props/removeSystemProps.js

@@ -143,7 +143,7 @@ function removeSystemProps(file, api, options) {
   const deprecatedElements = [];
   const customReplacement = {
     Typography: {
-      matcher: (key, val) => key !== 'color' || val.value?.includes('.') && val.value !== 'inherit' || val.value === 'divider'
+      matcher: (key, val) => key !== 'color' || val.value?.includes('.') && val.value !== 'inherit' || val.value === 'divider' || val.value.startsWith('#') || val.value.match(/\(.*\)/)
     },
     Link: {
       matcher: key => key !== 'color'
@@ -153,8 +153,12 @@ function removeSystemProps(file, api, options) {
   root.find(j.ImportDeclaration, decl => decl.source.value.includes('@mui')).forEach(decl => {
     decl.node.specifiers.forEach(spec => {
       if (spec.type === 'ImportSpecifier') {
-        if (components.includes(spec.imported.name)) {
+        const name = spec.imported.name;
+        if (components.includes(name)) {
           deprecatedElements.push(spec.local.name);
+          if (customReplacement[name]) {
+            elementReplacement[spec.local.name] = customReplacement[name];
+          }
         }
       }
       if (spec.type === 'ImportDefaultSpecifier') {

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

@@ -27,6 +27,14 @@ const sx = {
   display: 'flex'
 };
 const ml = 2;
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  color: "#fff",
+  mb: 5
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  color: "hsl(200 30% 30%)",
+  mb: 5
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
   variant: "body1",
   color: "primary.main",

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

@@ -33,6 +33,18 @@ const sx = {
   display: 'flex'
 };
 const ml = 2;
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    color: "#fff",
+    mb: 5
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    color: "hsl(200 30% 30%)",
+    mb: 5
+  }
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
   variant: "body1",
   sx: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -24,10 +24,10 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/runtime": "^7.25.7",
-    "@babel/traverse": "^7.25.7",
-    "jscodeshift": "^0.16.1",
+    "@babel/core": "^7.26.0",
+    "@babel/runtime": "^7.26.0",
+    "@babel/traverse": "^7.25.9",
+    "jscodeshift": "^17.0.0",
     "jscodeshift-add-imports": "^1.0.11",
     "postcss": "^8.4.47",
     "postcss-cli": "^11.0.0",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@types/chai": "^4.3.20",
-    "@types/jscodeshift": "0.11.11",
+    "@types/jscodeshift": "0.12.0",
     "chai": "^4.5.0"
   },
   "sideEffects": false,
@@ -47,7 +47,7 @@
     "node": ">=14.0.0"
   },
   "scripts": {
-    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-codemod/**/*.test.js'",
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/mui-codemod/**/*.test.?(c|m)[jt]s?(x)'",
     "prebuild": "rimraf build",
     "build": "node ../../scripts/build.mjs node --out-dir ./build && cpy README.md build && cpy package.json build && cpy codemod.js build",
     "release": "pnpm build && pnpm publish"