@mui/codemod 7.0.2 → 7.1.1

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Popover = _interopRequireDefault(require("@org/ui/material/Popover"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+  slots: {
+    backdrop: CustomBackdrop,
+    transition: CustomTransition
+  },
+  slotProps: {
+    backdrop: {
+      timeout: 200
+    },
+    paper: {
+      elevation: 4
+    },
+    transition: {
+      timeout: 200
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+  slotProps: {
+    backdrop: {
+      ...{
+        timeout: 200
+      },
+      ...{
+        sx: {
+          backgroundColor: 'red'
+        }
+      }
+    },
+    paper: {
+      ...{
+        elevation: 4
+      },
+      ...{
+        sx: {
+          backgroundColor: 'blue'
+        }
+      }
+    },
+    transition: {
+      ...{
+        timeout: 200
+      },
+      ...{
+        onEnter: () => {}
+      }
+    }
+  },
+  slots: {
+    backdrop: CustomBackdrop,
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popover, {
+  slots: {
+    backdrop: CustomBackdrop,
+    transition: CustomTransition
+  },
+  slotProps: {
+    backdrop: {
+      timeout: 200
+    },
+    paper: {
+      elevation: 4
+    },
+    transition: {
+      timeout: 200
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomPopover, {
+  BackdropComponent: CustomBackdrop,
+  BackdropProps: {
+    timeout: 200
+  },
+  PaperProps: {
+    elevation: 4
+  },
+  TransitionComponent: CustomTransition,
+  TransitionProps: {
+    timeout: 200
+  }
+});

package/deprecations/popper-props/popper-props.js

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Popper'
   });
   return root.toSource(printOptions);

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Popper = _interopRequireDefault(require("@org/ui/material/Popper"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+  components: {
+    Root: ComponentsRoot
+  },
+  componentsProps: {
+    root: componentsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+  slots: {
+    root: SlotsRoot
+  },
+  components: {
+    Root: ComponentsRoot
+  },
+  slotProps: {
+    root: slotsRootProps
+  },
+  componentsProps: {
+    root: componentsRootProps
+  }
+});

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Popper = _interopRequireDefault(require("@org/ui/material/Popper"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+  slots: {
+    root: ComponentsRoot
+  },
+  slotProps: {
+    root: componentsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+  slots: {
+    root: SlotsRoot
+  },
+  slotProps: {
+    root: {
+      ...componentsRootProps,
+      ...slotsRootProps
+    }
+  }
+});

package/deprecations/rating-props/rating-props.js

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Rating',
     propName: 'IconContainerComponent',
     slotName: 'icon',

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Rating = _interopRequireDefault(require("@org/ui/material/Rating"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  IconContainerComponent: CustomIconContainer
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Rating, {
+  IconContainerComponent: CustomIconContainer
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  IconContainerComponent: CustomIconContainer,
+  slots: {
+    root: 'div'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Rating, {
+  IconContainerComponent: CustomIconContainer,
+  slots: {
+    ...outerSlots
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  IconContainerComponent: CustomIconContainer,
+  slotProps: {
+    icon: {
+      id: 'my-rating-icon'
+    }
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiRating, {
+  IconContainerComponent: CustomIconContainer
+});

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Rating = _interopRequireDefault(require("@org/ui/material/Rating"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  slotProps: {
+    icon: {
+      component: CustomIconContainer
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Rating, {
+  slotProps: {
+    icon: {
+      component: CustomIconContainer
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  slots: {
+    root: 'div'
+  },
+  slotProps: {
+    icon: {
+      component: CustomIconContainer
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Rating, {
+  slots: {
+    ...outerSlots
+  },
+  slotProps: {
+    icon: {
+      component: CustomIconContainer
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
+  slotProps: {
+    icon: {
+      id: 'my-rating-icon',
+      component: CustomIconContainer
+    }
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiRating, {
+  IconContainerComponent: CustomIconContainer
+});

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+var _Select = require("@org/ui/material/Select");
+'& .MuiSelect-iconFilled';
+'& .MuiSelect-iconOutlined';
+'& .MuiSelect-iconStandard';
+`& .${_Select.selectClasses.iconFilled}`;
+`& .${_Select.selectClasses.iconOutlined}`;
+`& .${_Select.selectClasses.iconStandard}`;

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

@@ -0,0 +1,9 @@
+"use strict";
+
+var _Select = require("@org/ui/material/Select");
+"& .MuiSelect-filled ~ .MuiSelect-icon";
+"& .MuiSelect-outlined ~ .MuiSelect-icon";
+"& .MuiSelect-standard ~ .MuiSelect-icon";
+`& .${_Select.selectClasses.filled} ~ .${_Select.selectClasses.icon}`;
+`& .${_Select.selectClasses.outlined} ~ .${_Select.selectClasses.icon}`;
+`& .${_Select.selectClasses.standard} ~ .${_Select.selectClasses.icon}`;

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Slider = require("@org/ui/material/Slider");
+'& .MuiSlider-thumbSizeSmall';
+'& .MuiSlider-thumbSizeMedium';
+'& .MuiSlider-thumbColorPrimary';
+'& .MuiSlider-thumbColorSecondary';
+'& .MuiSlider-thumbColorError';
+'& .MuiSlider-thumbColorInfo';
+'& .MuiSlider-thumbColorSuccess';
+'& .MuiSlider-thumbColorWarning';
+`& .${_Slider.sliderClasses.thumbSizeSmall}`;
+`& .${_Slider.sliderClasses.thumbSizeMedium}`;
+`& .${_Slider.sliderClasses.thumbColorPrimary}`;
+`& .${_Slider.sliderClasses.thumbColorSecondary}`;
+`& .${_Slider.sliderClasses.thumbColorError}`;
+`& .${_Slider.sliderClasses.thumbColorInfo}`;
+`& .${_Slider.sliderClasses.thumbColorSuccess}`;
+`& .${_Slider.sliderClasses.thumbColorWarning}`;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _Slider = require("@org/ui/material/Slider");
+"&.MuiSlider-sizeSmall > .MuiSlider-thumb";
+"&.MuiSlider-sizeMedium > .MuiSlider-thumb";
+"&.MuiSlider-colorPrimary > .MuiSlider-thumb";
+"&.MuiSlider-colorSecondary > .MuiSlider-thumb";
+"&.MuiSlider-colorError > .MuiSlider-thumb";
+"&.MuiSlider-colorInfo > .MuiSlider-thumb";
+"&.MuiSlider-colorSuccess > .MuiSlider-thumb";
+"&.MuiSlider-colorWarning > .MuiSlider-thumb";
+`&.${_Slider.sliderClasses.sizeSmall} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.sizeMedium} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorPrimary} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorSecondary} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorError} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorInfo} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorSuccess} > .${_Slider.sliderClasses.thumb}`;
+`&.${_Slider.sliderClasses.colorWarning} > .${_Slider.sliderClasses.thumb}`;

package/deprecations/slider-props/slider-props.js

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Slider'
   });
   return root.toSource(printOptions);

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Slider = _interopRequireDefault(require("@org/ui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  components: {
+    Track: ComponentsTrack
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  },
+  componentsProps: {
+    track: componentsTrackProps,
+    rail: componentsRailProps
+  }
+});

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Slider = _interopRequireDefault(require("@org/ui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    track: ComponentsTrack
+  },
+  slotProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: {
+      ...componentsTrackProps,
+      ...slotsTrackProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  slotProps: {
+    track: {
+      ...componentsTrackProps,
+      ...slotsTrackProps
+    },
+    rail: {
+      ...componentsRailProps,
+      ...slotsRailProps
+    }
+  }
+});

package/deprecations/snackbar-props/snackbar-props.js

@@ -17,24 +17,28 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'TransitionComponent',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'TransitionProps',
     slotName: 'transition'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'ContentProps',
     slotName: 'content'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'Snackbar',
     propName: 'ClickAwayListenerProps',
     slotName: 'clickAwayListener'

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Snackbar = _interopRequireDefault(require("@org/ui/material/Snackbar"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  slots: {
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    root: 'div',
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+  slots: {
+    ...outerSlots,
+    transition: CustomTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Snackbar.default, {
+  slots: {
+    root: 'div',
+    transition: SlotTransition
+  },
+  slotProps: {
+    transition: CustomTransitionProps,
+    content: CustomContentProps,
+    clickAwayListener: CustomListenerProps
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiSnackbar, {
+  ClickAwayListenerProps: CustomListenerProps,
+  ContentProps: CustomContentProps,
+  TransitionComponent: CustomTransition,
+  TransitionProps: CustomTransitionProps
+});

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

@@ -16,6 +16,7 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipTitle',
     slotName: 'tooltip',
@@ -23,6 +24,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipPlacement',
     slotName: 'tooltip',
@@ -30,6 +32,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'tooltipOpen',
     slotName: 'tooltip',
@@ -37,6 +40,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'TooltipClasses',
     slotName: 'tooltip',
@@ -44,6 +48,7 @@ function transformer(file, api, options) {
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'SpeedDialAction',
     propName: 'FabProps',
     slotName: 'fab'