@mui/codemod 7.1.0 → 7.2.0

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Grid = _interopRequireDefault(require("@org/ui/material/Grid2"));
+var _Grid2 = _interopRequireDefault(require("@org/ui/material/Grid"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+// Transforms on all the possible imports
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid2, {
+  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
+});
+/*#__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, {
+  xs: 2,
+  sm: 4,
+  md: 6,
+  lg: 8,
+  xl: 10
+});
+
+// Transforms all the possible size values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: true,
+  sm: "auto",
+  md: 2,
+  lg: true,
+  xl: false
+});
+
+// Doesn't add jsx object expression for single string values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: "auto"
+});
+
+// Transforms offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2
+});
+
+// Transforms responsive offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2,
+  smOffset: 4,
+  mdOffset: 6,
+  lgOffset: 8,
+  xlOffset: 10
+});
+
+// Transforms all the possible offset values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2,
+  smOffset: "auto"
+});
+
+// Transforms spread props
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: 2,
+  sm: 4,
+  xsOffset: 0,
+  smOffset: 2
+});
+
+// Doesn't transform Grid v1
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid2.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+  xs: 2
+});

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Grid = _interopRequireDefault(require("@org/ui/material/Grid2"));
+var _Grid2 = _interopRequireDefault(require("@org/ui/material/Grid"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+// Transforms on all the possible imports
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid2, {
+  size: 2
+});
+/*#__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, {
+  size: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible size values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: "grow",
+    sm: "auto",
+    md: 2,
+    lg: "grow",
+    xl: false
+  }
+});
+
+// Doesn't add jsx object expression for single string values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: "auto"
+});
+
+// Transforms offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: 2
+});
+
+// Transforms responsive offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible offset values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: "auto"
+  }
+});
+
+// Transforms spread props
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: 2,
+    sm: 4
+  },
+  offset: {
+    xs: 0,
+    sm: 2
+  }
+});
+
+// Doesn't transform Grid v1
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid2.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+  xs: 2
+});

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

@@ -15,6 +15,9 @@ function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
   const printOptions = options.printOptions;
+  const {
+    packageName = '@mui/material'
+  } = options;
   const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, {
     root,
     componentName: 'ListItem'
@@ -45,6 +48,7 @@ function transformer(file, api, options) {
   // Rename components that have ListItem button to ListItemButton
   (0, _findComponentJSX.default)(j, {
     root,
+    packageName,
     componentName: 'ListItem'
   }, elementPath => {
     const index = elementPath.node.openingElement.attributes.findIndex(attr => attr.type === 'JSXAttribute' && attr.name.name === 'button');
@@ -59,7 +63,7 @@ function transformer(file, api, options) {
     }
   });
   const importsToRemove = [...openTaggedHavingButtonProp].filter(item => !openTaggedNotHavingButtonProp.has(item));
-  root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material/ListItem').filter(path => {
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${packageName}(/ListItem)?$`))).filter(path => {
     path.node.specifiers.forEach(specifier => {
       if (specifier.type === 'ImportDefaultSpecifier') {
         if (importsToRemove.includes(specifier.local.name)) {
@@ -72,7 +76,7 @@ function transformer(file, api, options) {
     }
     return false;
   }).remove();
-  root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material').filter(path => {
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${packageName}$`))).filter(path => {
     path.node.specifiers.forEach(specifier => {
       if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'ListItem' && importsToRemove.includes(specifier.local.name)) {
         path.node.specifiers = path.node.specifiers.filter(spec => spec !== specifier);
@@ -85,12 +89,12 @@ function transformer(file, api, options) {
   }).remove();
 
   // If ListItemButton import does not already exist, add it at the end
-  const imports = root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material/ListItemButton');
+  const imports = root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${packageName}/ListItemButton$`)));
   if (addedListItemButton && imports.length === 0) {
     const lastImport = root.find(j.ImportDeclaration).at(-1);
 
     // Insert the import for 'ListItemButton' after the last import declaration
-    lastImport.insertAfter(j.importDeclaration([j.importDefaultSpecifier(j.identifier('ListItemButton'))], j.stringLiteral('@mui/material/ListItemButton')));
+    lastImport.insertAfter(j.importDeclaration([j.importDefaultSpecifier(j.identifier('ListItemButton'))], j.stringLiteral(`${packageName}/ListItemButton`)));
   }
   return root.toSource(printOptions);
 }

package/v6.0.0/list-item-button-prop/test-cases/package.actual.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _ListItem = _interopRequireDefault(require("@org/ui/material/ListItem"));
+var _material = require("@org/ui/material");
+var _ui = _interopRequireDefault(require("ui"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
+  button: true
+});

package/v6.0.0/list-item-button-prop/test-cases/package.expected.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _ListItem = _interopRequireDefault(require("@org/ui/material/ListItem"));
+var _material = require("@org/ui/material");
+var _ui = _interopRequireDefault(require("ui"));
+var _ListItemButton = _interopRequireDefault(require("@org/ui/material/ListItemButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
+  button: true
+});

package/v7.0.0/grid-props/grid-props.js

@@ -24,6 +24,11 @@ function gridV2Props(file, api, options) {
   const root = j(file.source);
   const breakpoints = options.muiBreakpoints?.split(',') || defaultBreakpoints;
   const printOptions = options.printOptions;
+  const packageName = options.packageName;
+  if (packageName) {
+    possibleDefaultImports.push(`${packageName}/Grid`);
+    possibleNamedImports[packageName] = 'Grid';
+  }
   const gridLocalNames = [];
   root.find(j.ImportDeclaration, decl => possibleDefaultImports.includes(decl.source.value)).forEach(decl => {
     decl.node.specifiers.forEach(spec => {

package/v7.0.0/grid-props/test-cases/package.actual.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Grid = _interopRequireDefault(require("@org/ui/material/Grid"));
+var _GridLegacy = _interopRequireDefault(require("@org/ui/material/GridLegacy"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+// Transforms on all the possible imports
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.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
+});
+/*#__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, {
+  xs: 2,
+  sm: 4,
+  md: 6,
+  lg: 8,
+  xl: 10
+});
+
+// Transforms all the possible size values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: true,
+  sm: "auto",
+  md: 2,
+  lg: true,
+  xl: false
+});
+
+// Doesn't add jsx object expression for single string values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: "auto"
+});
+
+// Transforms offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2
+});
+
+// Transforms responsive offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2,
+  smOffset: 4,
+  mdOffset: 6,
+  lgOffset: 8,
+  xlOffset: 10
+});
+
+// Transforms all the possible offset values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xsOffset: 2,
+  smOffset: "auto"
+});
+
+// Transforms spread props
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  xs: 2,
+  sm: 4,
+  xsOffset: 0,
+  smOffset: 2
+});
+
+// Doesn't transform Grid v1
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridLegacy.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.GridLegacy, {
+  xs: 2
+});

package/v7.0.0/grid-props/test-cases/package.expected.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Grid = _interopRequireDefault(require("@org/ui/material/Grid"));
+var _GridLegacy = _interopRequireDefault(require("@org/ui/material/GridLegacy"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+// Transforms on all the possible imports
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+  size: 2
+});
+/*#__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, {
+  size: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible size values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: "grow",
+    sm: "auto",
+    md: 2,
+    lg: "grow",
+    xl: false
+  }
+});
+
+// Doesn't add jsx object expression for single string values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: "auto"
+});
+
+// Transforms offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: 2
+});
+
+// Transforms responsive offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible offset values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: "auto"
+  }
+});
+
+// Transforms spread props
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: 2,
+    sm: 4
+  },
+  offset: {
+    xs: 0,
+    sm: 2
+  }
+});
+
+// Doesn't transform Grid v1
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridLegacy.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.GridLegacy, {
+  xs: 2
+});