@mui/codemod 7.1.0 → 7.1.1

package/deprecations/typography-props/test-cases/package.actual.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Typography = _interopRequireDefault(require("@org/ui/material/Typography"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: false,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: false,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: paragraph,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: paragraph,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  sx: {
+    marginBottom: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  sx: {
+    marginBottom: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  sx: {
+    mb: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  sx: {
+    mb: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  sx: {
+    color: "black"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  sx: {
+    color: "black"
+  }
+});

package/deprecations/typography-props/test-cases/package.expected.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Typography = _interopRequireDefault(require("@org/ui/material/Typography"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class",
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class",
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class",
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class",
+  sx: {
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class",
+  sx: paragraph ? {
+    marginBottom: "16px"
+  } : undefined
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class",
+  sx: paragraph ? {
+    marginBottom: "16px"
+  } : undefined
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    marginBottom: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  sx: {
+    marginBottom: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    mb: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  sx: {
+    mb: "32px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  sx: {
+    color: "black",
+    marginBottom: "16px"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  sx: {
+    color: "black",
+    marginBottom: "16px"
+  }
+});

package/deprecations/typography-props/typography-props.js

@@ -18,6 +18,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _findComponentJSX.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Typography'
   }, elementPath => {
     const paragraphProp = elementPath.node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'paragraph');

package/deprecations/utils/movePropIntoSlotProps.js

@@ -108,21 +108,13 @@ function moveDefaultPropsPropIntoslotProps(j, defaultPropsPathCollection, propNa
  */
 function movePropIntoSlotProps(j, options) {
   const {
-    root,
-    componentName,
     propName,
     slotName,
     slotPropName
   } = options;
-  (0, _findComponentJSX.default)(j, {
-    root,
-    componentName
-  }, elementPath => {
+  (0, _findComponentJSX.default)(j, options, elementPath => {
     moveJsxPropIntoSlotProps(j, elementPath.node, propName, slotName, slotPropName);
   });
-  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, {
-    root,
-    componentName
-  });
+  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, options);
   moveDefaultPropsPropIntoslotProps(j, defaultPropsPathCollection, propName, slotName, slotPropName);
 }

package/deprecations/utils/movePropIntoSlots.js

@@ -75,20 +75,12 @@ function moveDefaultPropsPropIntoSlots(j, defaultPropsPathCollection, propName,
  */
 function movePropIntoSlots(j, options) {
   const {
-    root,
-    componentName,
     propName,
     slotName
   } = options;
-  (0, _findComponentJSX.default)(j, {
-    root,
-    componentName
-  }, elementPath => {
+  (0, _findComponentJSX.default)(j, options, elementPath => {
     moveJsxPropIntoSlots(j, elementPath.node, propName, slotName);
   });
-  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, {
-    root,
-    componentName
-  });
+  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, options);
   moveDefaultPropsPropIntoSlots(j, defaultPropsPathCollection, propName, slotName);
 }

package/deprecations/utils/replaceComponentsWithSlots.js

@@ -176,26 +176,16 @@ function replaceDefaultPropsComponentsPropsProp(j, defaultPropsPathCollection) {
  * If there are duplicated values, the slots values will be used.
  *
  * @param {import('jscodeshift')} j
- * @param {{ element: import('jscodeshift').JSXElement }} options
+ * @param {{ element: import('jscodeshift').JSXElement, packageName?: string }} options
  *
  * @example <Component componentsProps={{ root: { 'testid': 'root-id'} }} /> => <Component slotProps={{ root: { 'testid': 'root-id'} }} />
  */
 function replaceComponentsWithSlots(j, options) {
-  const {
-    root,
-    componentName
-  } = options;
-  (0, _findComponentJSX.default)(j, {
-    root,
-    componentName
-  }, elementPath => {
+  (0, _findComponentJSX.default)(j, options, elementPath => {
     replaceJsxComponentsProp(j, elementPath);
     replaceJsxComponentsPropsProp(j, elementPath.node);
   });
-  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, {
-    root,
-    componentName
-  });
+  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, options);
   replaceDefaultPropsComponentsProp(j, defaultPropsPathCollection);
   replaceDefaultPropsComponentsPropsProp(j, defaultPropsPathCollection);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "author": "MUI Team",
   "description": "Codemod scripts for Material UI.",
   "bin": "./codemod.js",

package/util/findComponentJSX.js

@@ -8,14 +8,15 @@ exports.default = findComponentJSX;
  * Find all the JSXElements of a given component name.
  *
  * @param {import('jscodeshift')} j
- * @param {{ root: import('jscodeshift').Collection; componentName: string }} options
+ * @param {{ root: import('jscodeshift').Collection; componentName: string; packageName?: string }} options
  * @param {(path: import('jscodeshift').ASTPath<import('jscodeshift').JSXElement>) => void} callback
  *
  */
 function findComponentJSX(j, options, callback) {
   const {
     root,
-    componentName
+    componentName,
+    packageName = '@mui/material'
   } = options;
 
   // case 1: import ComponentName from '@mui/material/ComponentName';
@@ -23,7 +24,7 @@ function findComponentJSX(j, options, callback) {
   // case 3: import { ComponentName as SomethingElse } from '@mui/material';
 
   const importName = new Set();
-  root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^@mui/material(/${componentName})?$`))).forEach(path => {
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${packageName}(/${componentName})?$`))).forEach(path => {
     path.node.specifiers.forEach(specifier => {
       if (specifier.type === 'ImportDefaultSpecifier') {
         importName.add(specifier.local.name);

package/v6.0.0/grid-v2-props/grid-v2-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}/Grid2`);
+    possibleNamedImports[packageName] = 'Grid2';
+  }
   const gridLocalNames = [];
   root.find(j.ImportDeclaration, decl => possibleDefaultImports.includes(decl.source.value)).forEach(decl => {
     decl.node.specifiers.forEach(spec => {

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 => {