@mui/codemod 7.0.2 → 7.1.1

package/deprecations/speed-dial-action-props/test-cases/package.actual.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDialAction = _interopRequireDefault(require("@org/ui/material/SpeedDialAction"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipOpen: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  tooltipPlacement: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test",
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipTitle: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipOpen: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  tooltipPlacement: "test"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  TooltipClasses: TooltipClasses
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  FabProps: FabProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  TooltipClasses: TooltipClasses,
+  tooltipOpen: true,
+  tooltipPlacement: "top",
+  tooltipTitle: "test",
+  FabProps: FabProps
+});

package/deprecations/speed-dial-action-props/test-cases/package.expected.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDialAction = _interopRequireDefault(require("@org/ui/material/SpeedDialAction"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      open: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      placement: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    },
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      title: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      open: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      placement: "test"
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      classes: TooltipClasses
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    fab: FabProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDialAction, {
+  slotProps: {
+    tooltip: {
+      title: "test",
+      placement: "top",
+      open: true,
+      classes: TooltipClasses
+    },
+    fab: FabProps
+  }
+});

package/deprecations/speed-dial-props/speed-dial-props.js

@@ -17,12 +17,14 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDial',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDial',
     propName: 'TransitionProps',
     slotName: 'transition'

package/deprecations/speed-dial-props/test-cases/package.actual.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDial = _interopRequireDefault(require("@org/ui/material/SpeedDial"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    ...outerSlots
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  TransitionComponent: ComponentTransition,
+  TransitionProps: CustomTransitionProps,
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/speed-dial-props/test-cases/package.expected.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _SpeedDial = _interopRequireDefault(require("@org/ui/material/SpeedDial"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    root: 'div',
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SpeedDial, {
+  slots: {
+    ...outerSlots,
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSpeedDial, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

package/deprecations/step-connector-classes/step-connector-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\/StepConnector$/)).forEach(path => {
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${options.packageName || '@mui/material'}(/StepConnector)?$`))).forEach(path => {
       path.node.specifiers.forEach(specifier => {
         if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'stepConnectorClasses') {
           const deprecatedAtomicClass = deprecatedClass.replace(`${deprecatedClass.split('-')[0]}-`, '');

package/deprecations/step-connector-classes/test-cases/package.actual.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _StepConnector = require("@org/ui/material/StepConnector");
+'& .MuiStepConnector-lineHorizontal';
+'& .MuiStepConnector-lineVertical';
+`& .${_StepConnector.stepConnectorClasses.lineHorizontal}`;
+`& .${_StepConnector.stepConnectorClasses.lineVertical}`;

package/deprecations/step-connector-classes/test-cases/package.expected.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _StepConnector = require("@org/ui/material/StepConnector");
+"&.MuiStepConnector-horizontal > .MuiStepConnector-line";
+"&.MuiStepConnector-vertical > .MuiStepConnector-line";
+`&.${_StepConnector.stepConnectorClasses.horizontal} > .${_StepConnector.stepConnectorClasses.line}`;
+`&.${_StepConnector.stepConnectorClasses.vertical} > .${_StepConnector.stepConnectorClasses.line}`;

package/deprecations/step-content-props/step-content-props.js

@@ -17,12 +17,14 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepContent',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepContent',
     propName: 'TransitionProps',
     slotName: 'transition'

package/deprecations/step-content-props/test-cases/package.actual.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _StepContent = _interopRequireDefault(require("@org/ui/material/StepContent"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    unmountOnExit: true
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepContent, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: transitionVars
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    unmountOnExit: true
+  },
+  slots: {
+    root: 'div'
+  },
+  slotProps: {
+    root: {
+      className: 'foo'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepContent, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    unmountOnExit: true
+  },
+  slots: {
+    ...outerSlots
+  },
+  slotProps: {
+    ...outerSlotProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  TransitionComponent: ComponentTransition,
+  slots: {
+    transition: SlotTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  TransitionProps: {
+    unmountOnExit: true
+  },
+  slotProps: {
+    transition: {
+      id: 'test'
+    }
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiStepContent, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    unmountOnExit: true
+  }
+});

package/deprecations/step-content-props/test-cases/package.expected.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _StepContent = _interopRequireDefault(require("@org/ui/material/StepContent"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: {
+      unmountOnExit: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepContent, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: transitionVars
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  slots: {
+    root: 'div',
+    transition: CustomTransition
+  },
+  slotProps: {
+    root: {
+      className: 'foo'
+    },
+    transition: {
+      unmountOnExit: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepContent, {
+  slots: {
+    ...outerSlots,
+    transition: CustomTransition
+  },
+  slotProps: {
+    ...outerSlotProps,
+    transition: {
+      unmountOnExit: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  slots: {
+    transition: SlotTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepContent.default, {
+  slotProps: {
+    transition: {
+      ...{
+        unmountOnExit: true
+      },
+      ...{
+        id: 'test'
+      }
+    }
+  }
+});
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiStepContent, {
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    unmountOnExit: true
+  }
+});

package/deprecations/step-label-props/step-label-props.js

@@ -18,16 +18,19 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepLabel'
   });
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepLabel',
     propName: 'StepIconComponent',
     slotName: 'stepIcon'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'StepLabel',
     propName: 'StepIconProps',
     slotName: 'stepIcon'

package/deprecations/step-label-props/test-cases/package.actual.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _StepLabel = _interopRequireDefault(require("@org/ui/material/StepLabel"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  componentsProps: {
+    label: componentsLabelProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slots: {
+    label: SlotsLabel
+  },
+  slotProps: {
+    label: slotLabelProps
+  },
+  componentsProps: {
+    label: componentsLabelProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  componentsProps: {
+    label: componentsLabelProps
+  },
+  StepIconProps: StepIconProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slots: {
+    label: SlotsLabel
+  },
+  slotProps: {
+    label: slotLabelProps
+  },
+  componentsProps: {
+    label: componentsLabelProps
+  },
+  StepIconComponent: StepIconComponent,
+  StepIconProps: StepIconProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  StepIconComponent: StepIconComponent,
+  StepIconProps: StepIconProps
+});

package/deprecations/step-label-props/test-cases/package.expected.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _StepLabel = _interopRequireDefault(require("@org/ui/material/StepLabel"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slotProps: {
+    label: componentsLabelProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slots: {
+    label: SlotsLabel
+  },
+  slotProps: {
+    label: {
+      ...componentsLabelProps,
+      ...slotLabelProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slotProps: {
+    label: componentsLabelProps,
+    stepIcon: StepIconProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slots: {
+    label: SlotsLabel,
+    stepIcon: StepIconComponent
+  },
+  slotProps: {
+    label: {
+      ...componentsLabelProps,
+      ...slotLabelProps
+    },
+    stepIcon: StepIconProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
+  slots: {
+    stepIcon: StepIconComponent
+  },
+  slotProps: {
+    stepIcon: StepIconProps
+  }
+});

package/deprecations/tab-classes/tab-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\/Tab$/)).forEach(path => {
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(new RegExp(`^${options.packageName || '@mui/material'}(/Tab)?$`))).forEach(path => {
       path.node.specifiers.forEach(specifier => {
         if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'tabClasses') {
           const deprecatedAtomicClass = deprecatedClass.replace(`${deprecatedClass.split('-')[0]}-`, '');

package/deprecations/tab-classes/test-cases/package.actual.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _Tab = require("@org/ui/material/Tab");
+'& .MuiTab-iconWrapper';
+`& .${_Tab.tabClasses.iconWrapper}`;

package/deprecations/tab-classes/test-cases/package.expected.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _Tab = require("@org/ui/material/Tab");
+"& .MuiTab-icon";
+`& .${_Tab.tabClasses.icon}`;

package/deprecations/table-pagination-props/table-pagination-props.js

@@ -17,12 +17,14 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'TablePagination',
     propName: 'ActionsComponent',
     slotName: 'actions'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'TablePagination',
     propName: 'SelectProps',
     slotName: 'select'

package/deprecations/table-pagination-props/test-cases/package.actual.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _TablePagination = _interopRequireDefault(require("@org/ui/material/TablePagination"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_TablePagination.default, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_TablePagination.default, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  },
+  slots: {
+    actions: 'div',
+    select: 'div'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_TablePagination.default, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  },
+  slots: {
+    root: 'div'
+  },
+  slotProps: {
+    root: {
+      'aria-label': ''
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_TablePagination.default, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  },
+  slots: {
+    actions: () => null
+  },
+  slotProps: {
+    select: {
+      native: false
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TablePagination, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomTablePagination, {
+  ActionsComponent: "div",
+  SelectProps: {
+    native: true
+  }
+});