@mui/codemod 7.1.0 → 7.1.1

package/deprecations/input-base-props/test-cases/package.expected.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _InputBase = _interopRequireDefault(require("@org/ui/material/InputBase"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
+  slots: {
+    input: ComponentsInput
+  },
+  slotProps: {
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
+  slots: {
+    root: SlotsRoot,
+    input: ComponentsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: {
+      ...componentsInputProps,
+      ...slotsInputProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  slotProps: {
+    input: {
+      ...componentsInputProps,
+      ...slotsInputProps
+    },
+    root: {
+      ...componentsRootProps,
+      ...slotsRootProps
+    }
+  }
+});

package/deprecations/input-props/input-props.js

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

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Input = _interopRequireDefault(require("@org/ui/material/Input"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  components: {
+    Input: ComponentsInput
+  },
+  componentsProps: {
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot
+  },
+  components: {
+    Input: ComponentsInput
+  },
+  slotProps: {
+    root: slotsRootProps
+  },
+  componentsProps: {
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  components: {
+    Input: ComponentsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: slotsInputProps
+  },
+  componentsProps: {
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  components: {
+    Input: ComponentsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: slotsInputProps
+  },
+  componentsProps: {
+    input: componentsInputProps,
+    root: componentsRootProps
+  }
+});

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Input = _interopRequireDefault(require("@org/ui/material/Input"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    input: ComponentsInput
+  },
+  slotProps: {
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot,
+    input: ComponentsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: componentsInputProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  slotProps: {
+    root: slotsRootProps,
+    input: {
+      ...componentsInputProps,
+      ...slotsInputProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
+  slots: {
+    root: SlotsRoot,
+    input: SlotsInput
+  },
+  slotProps: {
+    input: {
+      ...componentsInputProps,
+      ...slotsInputProps
+    },
+    root: {
+      ...componentsRootProps,
+      ...slotsRootProps
+    }
+  }
+});

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

package/deprecations/linear-progress-classes/test-cases/package.actual.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _LinearProgress = require("@org/ui/material/LinearProgress");
+'& .MuiLinearProgress-bar1Buffer';
+'& .MuiLinearProgress-bar1Determinate';
+'& .MuiLinearProgress-bar1Indeterminate';
+'& .MuiLinearProgress-bar2Buffer';
+'& .MuiLinearProgress-bar2Indeterminate';
+'& .MuiLinearProgress-barColorPrimary';
+'& .MuiLinearProgress-barColorSecondary';
+'& .MuiLinearProgress-dashedColorPrimary';
+'& .MuiLinearProgress-dashedColorSecondary';
+`& .${_LinearProgress.linearProgressClasses.bar1Buffer}`;
+`& .${_LinearProgress.linearProgressClasses.bar1Determinate}`;
+`& .${_LinearProgress.linearProgressClasses.bar1Indeterminate}`;
+`& .${_LinearProgress.linearProgressClasses.bar2Buffer}`;
+`& .${_LinearProgress.linearProgressClasses.bar2Indeterminate}`;
+`& .${_LinearProgress.linearProgressClasses.barColorPrimary}`;
+`& .${_LinearProgress.linearProgressClasses.barColorSecondary}`;
+`& .${_LinearProgress.linearProgressClasses.dashedColorPrimary}`;
+`& .${_LinearProgress.linearProgressClasses.dashedColorSecondary}`;

package/deprecations/linear-progress-classes/test-cases/package.expected.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _LinearProgress = require("@org/ui/material/LinearProgress");
+'&.MuiLinearProgress-buffer > .MuiLinearProgress-bar1';
+'&.MuiLinearProgress-determinate > .MuiLinearProgress-bar1';
+'&.MuiLinearProgress-indeterminate > .MuiLinearProgress-bar1';
+'&.MuiLinearProgress-buffer > .MuiLinearProgress-bar2';
+'&.MuiLinearProgress-indeterminate > .MuiLinearProgress-bar2';
+'&.MuiLinearProgress-colorPrimary > .MuiLinearProgress-bar';
+'&.MuiLinearProgress-colorSecondary > .MuiLinearProgress-bar';
+'&.MuiLinearProgress-colorPrimary > .MuiLinearProgress-dashed';
+'&.MuiLinearProgress-colorSecondary > .MuiLinearProgress-dashed';
+`&.${_LinearProgress.linearProgressClasses.buffer} > .${_LinearProgress.linearProgressClasses.bar1}`;
+`&.${_LinearProgress.linearProgressClasses.determinate} > .${_LinearProgress.linearProgressClasses.bar1}`;
+`&.${_LinearProgress.linearProgressClasses.indeterminate} > .${_LinearProgress.linearProgressClasses.bar1}`;
+`&.${_LinearProgress.linearProgressClasses.buffer} > .${_LinearProgress.linearProgressClasses.bar2}`;
+`&.${_LinearProgress.linearProgressClasses.indeterminate} > .${_LinearProgress.linearProgressClasses.bar2}`;
+`&.${_LinearProgress.linearProgressClasses.colorPrimary} > .${_LinearProgress.linearProgressClasses.bar}`;
+`&.${_LinearProgress.linearProgressClasses.colorSecondary} > .${_LinearProgress.linearProgressClasses.bar}`;
+`&.${_LinearProgress.linearProgressClasses.colorPrimary} > .${_LinearProgress.linearProgressClasses.dashed}`;
+`&.${_LinearProgress.linearProgressClasses.colorSecondary} > .${_LinearProgress.linearProgressClasses.dashed}`;

package/deprecations/list-item-props/list-item-props.js

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

package/deprecations/list-item-props/test-cases/package.actual.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _ListItem = _interopRequireDefault(require("@org/ui/material/ListItem"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  components: {
+    Root: ComponentsRoot
+  },
+  componentsProps: {
+    root: componentsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  components: {
+    Root: ComponentsRoot
+  },
+  slotProps: {
+    root: slotsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  slots: {
+    root: SlotsRoot
+  },
+  componentsProps: {
+    root: componentsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  slots: {
+    root: SlotsRoot
+  },
+  components: {
+    Root: ComponentsRoot
+  },
+  slotProps: {
+    root: slotsRootProps
+  },
+  componentsProps: {
+    root: componentsRootProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  ContainerComponent: Container,
+  ContainerProps: {
+    id: 'test'
+  }
+});

package/deprecations/list-item-props/test-cases/package.expected.js

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

package/deprecations/list-item-text-props/list-item-text-props.js

@@ -17,16 +17,19 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   (0, _replaceComponentsWithSlots.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'ListItemText'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'ListItemText',
     propName: 'primaryTypographyProps',
     slotName: 'primary'
   });
   (0, _movePropIntoSlotProps.default)(j, {
     root,
+    packageName: options.packageName,
     componentName: 'ListItemText',
     propName: 'secondaryTypographyProps',
     slotName: 'secondary'

package/deprecations/list-item-text-props/test-cases/package.actual.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _ListItemText = _interopRequireDefault(require("@org/ui/material/ListItemText"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  secondaryTypographyProps: secondaryTypographyProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  primaryTypographyProps: primaryTypographyProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  primaryTypographyProps: primaryTypographyProps,
+  secondaryTypographyProps: secondaryTypographyProps
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  slotProps: {
+    primary: primarySlotProps
+  },
+  secondaryTypographyProps: secondaryTypographyProps
+});

package/deprecations/list-item-text-props/test-cases/package.expected.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _ListItemText = _interopRequireDefault(require("@org/ui/material/ListItemText"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  slotProps: {
+    secondary: secondaryTypographyProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  slotProps: {
+    primary: primaryTypographyProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  slotProps: {
+    primary: primaryTypographyProps,
+    secondary: secondaryTypographyProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+  slotProps: {
+    primary: primarySlotProps,
+    secondary: secondaryTypographyProps
+  }
+});

package/deprecations/menu-props/menu-props.js

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Menu = _interopRequireDefault(require("@org/ui/material/Menu"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  },
+  slotProps: {
+    root: {
+      disablePortal: true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  },
+  slotProps: {
+    root: {
+      disablePortal: true
+    },
+    list: {
+      disableListWrap: true
+    },
+    transition: {
+      'aria-hidden': true
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMenu, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});

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

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Menu = _interopRequireDefault(require("@org/ui/material/Menu"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  slotProps: {
+    list: {
+      disablePadding: true
+    },
+    transition: {
+      timeout: 200
+    }
+  },
+  slots: {
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  slotProps: {
+    root: {
+      disablePortal: true
+    },
+    list: {
+      disablePadding: true
+    },
+    transition: {
+      timeout: 200
+    }
+  },
+  slots: {
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+  slotProps: {
+    root: {
+      disablePortal: true
+    },
+    list: {
+      ...{
+        disablePadding: true
+      },
+      ...{
+        disableListWrap: true
+      }
+    },
+    transition: {
+      ...{
+        timeout: 200
+      },
+      ...{
+        'aria-hidden': true
+      }
+    }
+  },
+  slots: {
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+  slotProps: {
+    list: {
+      disablePadding: true
+    },
+    transition: {
+      timeout: 200
+    }
+  },
+  slots: {
+    transition: CustomTransition
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMenu, {
+  TransitionComponent: CustomTransition,
+  MenuListProps: {
+    disablePadding: true
+  },
+  TransitionProps: {
+    timeout: 200
+  }
+});

package/deprecations/mobile-stepper-props/mobile-stepper-props.js

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

package/deprecations/mobile-stepper-props/test-cases/package.actual.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _MobileStepper = _interopRequireDefault(require("@org/ui/material/MobileStepper"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileStepper.default, {
+  variant: "progress",
+  LinearProgressProps: {
+    variant: 'determinate'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MobileStepper, {
+  variant: "progress",
+  LinearProgressProps: {
+    variant: 'determinate'
+  },
+  slotProps: {
+    progress: {
+      sx: {
+        width: '100%'
+      }
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMobileStepper, {
+  LinearProgressProps: {
+    variant: 'determinate'
+  }
+});

package/deprecations/mobile-stepper-props/test-cases/package.expected.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _MobileStepper = _interopRequireDefault(require("@org/ui/material/MobileStepper"));
+var _material = require("@org/ui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileStepper.default, {
+  variant: "progress",
+  slotProps: {
+    progress: {
+      variant: 'determinate'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MobileStepper, {
+  variant: "progress",
+  slotProps: {
+    progress: {
+      ...{
+        variant: 'determinate'
+      },
+      ...{
+        sx: {
+          width: '100%'
+        }
+      }
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(CustomMobileStepper, {
+  LinearProgressProps: {
+    variant: 'determinate'
+  }
+});