@mui/codemod 6.4.6 → 6.4.9

package/README.md

@@ -11,8 +11,6 @@ Some of the codemods also run [postcss](https://github.com/postcss/postcss) plug
 
 ## Setup & run
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest <codemod> <paths...>
 
@@ -1605,6 +1603,21 @@ npx @mui/codemod@latest deprecations/popper-props <path>
 npx @mui/codemod@latest deprecations/outlined-input-props <path>
 ```
 
+#### `rating-props`
+
+```diff
+ <Snackbar
+-  IconContainerComponent={CustomContainer}
++  slots={{
++    icon: { component: CustomContainer }
++  }}
+ />
+```
+
+```bash
+npx @mui/codemod@next deprecations/snackbar-props <path>
+```
+
 #### `select-classes`
 
 JS transforms:
@@ -2580,8 +2593,6 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
 +<Autocomplete clearIcon={defaultClearIcon} />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon  <path>
 ```
@@ -2599,8 +2610,6 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
  />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/autocomplete-rename-option  <path>
 ```
@@ -2618,8 +2627,6 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
 +<Avatar classes={{ circular: 'className' }} />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/avatar-circle-circular <path>
 ```
@@ -2653,8 +2660,6 @@ Renames the badge's props.
  }}>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/badge-overlap-value <path>
 ```
@@ -2677,8 +2682,6 @@ This change only affects Base UI components.
  />;
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots <path>
 ```
@@ -2696,8 +2699,6 @@ Updates the Box API from separate system props to `sx`.
 +<Box borderRadius="16px">
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/box-borderradius-values <path>
 ```
@@ -2732,8 +2733,6 @@ Renames the Box `grid*Gap` props.
 +<Box rowGap={4}>Item 5</Box>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/box-rename-gap <path>
 ```
@@ -2749,8 +2748,6 @@ Removes the outdated `color` prop values.
 +<Button>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/button-color-prop <path>
 ```
@@ -2766,8 +2763,6 @@ Removes the Chip `variant` prop if the value is `"default"`.
 +<Chip>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/chip-variant-prop <path>
 ```
@@ -2783,8 +2778,6 @@ Renames the CircularProgress `static` variant to `determinate`.
 +<CircularProgress variant="determinate" classes={{ determinate: 'className' }} />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/circularprogress-variant <path>
 ```
@@ -2802,8 +2795,6 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
 +<Collapse classes={{ root: 'collapse' }} />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight <path>
 ```
@@ -2821,8 +2812,6 @@ A generic codemod to rename any component prop.
 +<Component newProp />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
 ```
@@ -2933,8 +2922,6 @@ Renames the `fade` style utility import and calls to `alpha()`.
 +const foo = alpha('#aaa');
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/fade-rename-alpha <path>
 ```
@@ -2950,8 +2937,6 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
 +<Grid item justifyContent="left">Item</Grid>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent <path>
 ```
@@ -3234,8 +3219,6 @@ or
 +import { SpeedDial } from '@material-ui/core';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/moved-lab-modules <path>
 ```
@@ -3278,8 +3261,6 @@ Fix private import paths.
 +import { createTheme } from '@material-ui/core/styles';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/optimal-imports <path>
 ```
@@ -3407,8 +3388,6 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
 +theme.breakpoints.between('sm', 'lg')
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/theme-breakpoints <path>
 ```
@@ -3481,8 +3460,6 @@ Removes the 'px' suffix from some template strings.
 +`${theme.spacing(2)} ${theme.spacing(4)}`
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/theme-spacing <path>
 ```
@@ -3514,8 +3491,6 @@ Converts all `@mui/material` submodule imports to the root module:
 +import { List, Grid } from '@mui/material';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/top-level-imports <path>
 ```
@@ -3566,8 +3541,6 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
  />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/use-transitionprops <path>
 ```
@@ -3596,8 +3569,6 @@ The diff should look like this:
 +<FormControl value="Standard" variant="standard" />
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v5.0.0/variant-prop <path>
 ```
@@ -3707,8 +3678,6 @@ The diff should look like this:
 +const spacing = theme.spacing(1);
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v4.0.0/theme-spacing-api <path>
 ```
@@ -3734,8 +3703,6 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
 +import { withStyles, createTheme } from '@material-ui/core/styles';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v4.0.0/optimal-imports <path>
 ```
@@ -3752,8 +3719,6 @@ Converts all `@material-ui/core` submodule imports to the root module:
 +import { List, withStyles } from '@material-ui/core';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v4.0.0/top-level-imports <path>
 ```
@@ -3773,8 +3738,6 @@ The diff should look like this:
 +import MenuItem from '@material-ui/core/MenuItem';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v1.0.0/import-path <path>
 ```
@@ -3800,16 +3763,12 @@ The diff should look like this:
 +const teal500 = teal['500'];
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v1.0.0/color-imports <path>
 ```
 
 **additional options**
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
 ```
@@ -3826,8 +3785,6 @@ The diff should look like this:
 +import ThreeDRotation from '@material-ui/icons/ThreeDRotation';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v1.0.0/svg-icon-imports <path>
 ```
@@ -3844,8 +3801,6 @@ The diff should look like this:
 +<MenuItem>{"Profile" + "!"}</MenuItem>
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v1.0.0/menu-item-primary-text <path>
 ```
@@ -3868,8 +3823,6 @@ The diff should look like this:
 +import RaisedButton from 'material-ui/RaisedButton';
 ```
 
-<!-- #default-branch-switch -->
-
 ```bash
 npx @mui/codemod@latest v0.15.0/import-path <path>
 ```

package/node/deprecations/all/deprecations-all.js

@@ -8,6 +8,7 @@ exports.default = deprecationsAll;
 var _accordionSummaryClasses = _interopRequireDefault(require("../accordion-summary-classes"));
 var _accordionProps = _interopRequireDefault(require("../accordion-props"));
 var _alertClasses = _interopRequireDefault(require("../alert-classes"));
+var _alertProps = _interopRequireDefault(require("../alert-props"));
 var _avatarGroupProps = _interopRequireDefault(require("../avatar-group-props"));
 var _autocompleteProps = _interopRequireDefault(require("../autocomplete-props"));
 var _avatarProps = _interopRequireDefault(require("../avatar-props"));
@@ -28,7 +29,9 @@ var _listItemTextProps = _interopRequireDefault(require("../list-item-text-props
 var _linearProgressClasses = _interopRequireDefault(require("../linear-progress-classes"));
 var _modalProps = _interopRequireDefault(require("../modal-props"));
 var _outlinedInputProps = _interopRequireDefault(require("../outlined-input-props"));
+var _paginationItemProps = _interopRequireDefault(require("../pagination-item-props"));
 var _paginationItemClasses = _interopRequireDefault(require("../pagination-item-classes"));
+var _popperProps = _interopRequireDefault(require("../popper-props"));
 var _speedDialProps = _interopRequireDefault(require("../speed-dial-props"));
 var _tableSortLabelClasses = _interopRequireDefault(require("../table-sort-label-classes"));
 var _selectClasses = _interopRequireDefault(require("../select-classes"));
@@ -42,13 +45,16 @@ var _tooltipProps = _interopRequireDefault(require("../tooltip-props"));
 var _tablePaginationProps = _interopRequireDefault(require("../table-pagination-props"));
 var _cardHeaderProps = _interopRequireDefault(require("../card-header-props"));
 var _popoverProps = _interopRequireDefault(require("../popover-props"));
+var _snackbarProps = _interopRequireDefault(require("../snackbar-props"));
+var _sliderProps = _interopRequireDefault(require("../slider-props"));
 var _sliderClasses = _interopRequireDefault(require("../slider-classes"));
 var _mobileStepperProps = _interopRequireDefault(require("../mobile-stepper-props"));
-var _snackbarProps = _interopRequireDefault(require("../snackbar-props"));
 var _tabsProps = _interopRequireDefault(require("../tabs-props"));
 var _tabsClasses = _interopRequireDefault(require("../tabs-classes"));
 var _drawerProps = _interopRequireDefault(require("../drawer-props"));
 var _menuProps = _interopRequireDefault(require("../menu-props"));
+var _ratingProps = _interopRequireDefault(require("../rating-props"));
+var _typographyProps = _interopRequireDefault(require("../typography-props"));
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
@@ -57,6 +63,7 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _accordionSummaryClasses.default)(file, api, options);
   file.source = (0, _accordionProps.default)(file, api, options);
   file.source = (0, _alertClasses.default)(file, api, options);
+  file.source = (0, _alertProps.default)(file, api, options);
   file.source = (0, _avatarGroupProps.default)(file, api, options);
   file.source = (0, _autocompleteProps.default)(file, api, options);
   file.source = (0, _avatarProps.default)(file, api, options);
@@ -78,6 +85,8 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _modalProps.default)(file, api, options);
   file.source = (0, _outlinedInputProps.default)(file, api, options);
   file.source = (0, _paginationItemClasses.default)(file, api, options);
+  file.source = (0, _paginationItemProps.default)(file, api, options);
+  file.source = (0, _popperProps.default)(file, api, options);
   file.source = (0, _speedDialProps.default)(file, api, options);
   file.source = (0, _stepConnectorClasses.default)(file, api, options);
   file.source = (0, _stepContentProps.default)(file, api, options);
@@ -91,6 +100,8 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _tablePaginationProps.default)(file, api, options);
   file.source = (0, _cardHeaderProps.default)(file, api, options);
   file.source = (0, _popoverProps.default)(file, api, options);
+  file.source = (0, _snackbarProps.default)(file, api, options);
+  file.source = (0, _sliderProps.default)(file, api, options);
   file.source = (0, _sliderClasses.default)(file, api, options);
   file.source = (0, _mobileStepperProps.default)(file, api, options);
   file.source = (0, _snackbarProps.default)(file, api, options);
@@ -98,5 +109,7 @@ function deprecationsAll(file, api, options) {
   file.source = (0, _tabsClasses.default)(file, api, options);
   file.source = (0, _drawerProps.default)(file, api, options);
   file.source = (0, _menuProps.default)(file, api, options);
+  file.source = (0, _ratingProps.default)(file, api, options);
+  file.source = (0, _typographyProps.default)(file, api, options);
   return file.source;
 }

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ratingProps.default;
+  }
+});
+var _ratingProps = _interopRequireDefault(require("./rating-props"));

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _movePropIntoSlotProps = _interopRequireDefault(require("../utils/movePropIntoSlotProps"));
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+  (0, _movePropIntoSlotProps.default)(j, {
+    root,
+    componentName: 'Rating',
+    propName: 'IconContainerComponent',
+    slotName: 'icon',
+    slotPropName: 'component'
+  });
+  return root.toSource(printOptions);
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
+var _material = require("@mui/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/node/deprecations/rating-props/test-cases/expected.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
+var _material = require("@mui/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/node/deprecations/rating-props/test-cases/theme.actual.js

@@ -0,0 +1,31 @@
+"use strict";
+
+fn({
+  MuiRating: {
+    defaultProps: {
+      IconContainerComponent: CustomContainer
+    }
+  }
+});
+fn({
+  MuiRating: {
+    defaultProps: {
+      IconContainerComponent: CustomContainer,
+      slotProps: {
+        root: {}
+      }
+    }
+  }
+});
+fn({
+  MuiRating: {
+    defaultProps: {
+      IconContainerComponent: CustomContainer,
+      slotProps: {
+        icon: {
+          id: 'my-rating-icon'
+        }
+      }
+    }
+  }
+});

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

@@ -0,0 +1,37 @@
+"use strict";
+
+fn({
+  MuiRating: {
+    defaultProps: {
+      slotProps: {
+        icon: {
+          component: CustomContainer
+        }
+      }
+    }
+  }
+});
+fn({
+  MuiRating: {
+    defaultProps: {
+      slotProps: {
+        root: {},
+        icon: {
+          component: CustomContainer
+        }
+      }
+    }
+  }
+});
+fn({
+  MuiRating: {
+    defaultProps: {
+      slotProps: {
+        icon: {
+          id: 'my-rating-icon',
+          component: CustomContainer
+        }
+      }
+    }
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "6.4.6",
+  "version": "6.4.9",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",