@mui/codemod 7.1.0 → 7.2.0

package/deprecations/toggle-button-group-classes/test-cases/package.actual.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _ToggleButtonGroup = require("@org/ui/material/ToggleButtonGroup");
+'& .MuiToggleButtonGroup-groupedHorizontal';
+'& .MuiToggleButtonGroup-groupedVertical';
+`& .${_ToggleButtonGroup.toggleButtonGroupClasses.groupedHorizontal}`;
+`& .${_ToggleButtonGroup.toggleButtonGroupClasses.groupedVertical}`;

package/deprecations/toggle-button-group-classes/test-cases/package.expected.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _ToggleButtonGroup = require("@org/ui/material/ToggleButtonGroup");
+"&.MuiToggleButtonGroup-horizontal > .MuiToggleButtonGroup-grouped";
+"&.MuiToggleButtonGroup-vertical > .MuiToggleButtonGroup-grouped";
+`&.${_ToggleButtonGroup.toggleButtonGroupClasses.horizontal} > .${_ToggleButtonGroup.toggleButtonGroupClasses.grouped}`;
+`&.${_ToggleButtonGroup.toggleButtonGroupClasses.vertical} > .${_ToggleButtonGroup.toggleButtonGroupClasses.grouped}`;

package/deprecations/toggle-button-group-classes/toggle-button-group-classes.js

@@ -18,7 +18,7 @@ function transformer(file, api, options) {
     replacementSelector
   }) => {
     const replacementSelectorPrefix = '&';
-    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(/^@mui\/material\/ToggleButtonGroup$/)).forEach(path => {
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${options.packageName || '@mui/material'}(/ToggleButtonGroup)?$`))).forEach(path => {
       path.node.specifiers.forEach(specifier => {
         if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'toggleButtonGroupClasses') {
           const deprecatedAtomicClass = deprecatedClass.replace(`${deprecatedClass.split('-')[0]}-`, '');

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

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Tooltip = _interopRequireDefault(require("@org/ui/material/Tooltip"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  components: {
+    Arrow: ComponentsArrow,
+    Popper: ComponentsPopper,
+    Tooltip: ComponentsTooltip,
+    Transition: ComponentsTransition
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: slotsArrowProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: slotsArrowProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    tooltip: componentsTooltipProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: SlotsArrow,
+    popper: SlotsPopper,
+    tooltip: SlotsTooltip,
+    transition: SlotsTransition
+  },
+  components: {
+    Arrow: ComponentsArrow,
+    Popper: ComponentsPopper,
+    Tooltip: ComponentsTooltip,
+    Transition: ComponentsTransition
+  },
+  slotProps: {
+    arrow: slotsArrowProps,
+    popper: slotsPopperProps,
+    tooltip: slotsTooltipProps,
+    transition: slotsTransitionProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  PopperComponent: CustomPopper,
+  TransitionComponent: CustomTransition,
+  PopperProps: {
+    disablePortal: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  PopperComponent: CustomPopper,
+  TransitionComponent: CustomTransition,
+  PopperProps: {
+    disablePortal: true
+  },
+  TransitionProps: {
+    timeout: 200
+  },
+  slotProps: {
+    tooltip: {
+      height: 20
+    }
+  },
+  slots: {
+    tooltip: "div"
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+  PopperComponent: CustomPopper,
+  TransitionComponent: CustomTransition,
+  PopperProps: {
+    disablePortal: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTooltip, {
+  PopperComponent: CustomPopper,
+  TransitionComponent: CustomTransition,
+  PopperProps: {
+    disablePortal: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});

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

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Tooltip = _interopRequireDefault(require("@org/ui/material/Tooltip"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: ComponentsArrow,
+    popper: ComponentsPopper,
+    tooltip: ComponentsTooltip,
+    transition: ComponentsTransition
+  },
+  slotProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  slotProps: {
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    },
+    tooltip: {
+      ...componentsTooltipProps,
+      ...slotsTooltipProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: SlotsArrow,
+    popper: SlotsPopper,
+    tooltip: SlotsTooltip,
+    transition: SlotsTransition
+  },
+  slotProps: {
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    },
+    popper: {
+      ...componentsPopperProps,
+      ...slotsPopperProps
+    },
+    tooltip: {
+      ...componentsTooltipProps,
+      ...slotsTooltipProps
+    },
+    transition: {
+      ...componentsTransitionProps,
+      ...slotsTransitionProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    popper: CustomPopper,
+    transition: CustomTransition
+  },
+  slotProps: {
+    popper: {
+      disablePortal: true
+    },
+    transition: {
+      timeout: 200
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slotProps: {
+    tooltip: {
+      height: 20
+    },
+    popper: {
+      disablePortal: true
+    },
+    transition: {
+      timeout: 200
+    }
+  },
+  slots: {
+    tooltip: "div",
+    popper: CustomPopper,
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+  slots: {
+    popper: CustomPopper,
+    transition: CustomTransition
+  },
+  slotProps: {
+    popper: {
+      disablePortal: true
+    },
+    transition: {
+      timeout: 200
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTooltip, {
+  PopperComponent: CustomPopper,
+  TransitionComponent: CustomTransition,
+  PopperProps: {
+    disablePortal: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});

package/deprecations/tooltip-props/tooltip-props.js

@@ -18,28 +18,33 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Tooltip'
   });
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Tooltip',
     propName: 'PopperComponent',
     slotName: 'popper'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Tooltip',
     propName: 'PopperProps',
     slotName: 'popper'
   });
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Tooltip',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Tooltip',
     propName: 'TransitionProps',
     slotName: 'transition'

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.2.0",
   "author": "MUI Team",
   "description": "Codemod scripts for Material UI.",
   "bin": "./codemod.js",
@@ -23,12 +23,12 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.27.1",
-    "@babel/runtime": "^7.27.1",
-    "@babel/traverse": "^7.27.1",
+    "@babel/core": "^7.27.4",
+    "@babel/runtime": "^7.27.6",
+    "@babel/traverse": "^7.27.4",
     "jscodeshift": "^17.1.2",
     "jscodeshift-add-imports": "^1.0.11",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "yargs": "^17.7.2"
   },

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