@mui/codemod 5.12.3 → 5.14.0

package/README.md

@@ -43,7 +43,7 @@ Examples:
 
 To pass more options directly to jscodeshift, use `--jscodeshift="..."`. For example:
 
-```sh
+```bash
 npx @mui/codemod --jscodeshift="--run-in-band --verbose=2"
 ```
 
@@ -54,7 +54,7 @@ See all available options [here](https://github.com/facebook/jscodeshift#usage-c
 Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
 through jscodeshift's `printOptions` command line argument
 
-```sh
+```bash
 npx @mui/codemod <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
 ```
 
@@ -62,6 +62,19 @@ npx @mui/codemod <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"
 
 ### v5.0.0
 
+### `base-remove-unstyled-suffix`
+
+The `Unstyled` suffix has been removed from all Base UI component names, including names of types and other related identifiers.
+
+```diff
+-  <Input component='a' href='url' />;
++  <Input slots={{ root: 'a' }} href='url' />;
+```
+
+```bash
+npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
+```
+
 #### `base-remove-component-prop`
 
 Remove `component` prop from all Base UI components by transferring its value into `slots.root`.
@@ -73,7 +86,7 @@ This change only affects Base UI components.
 +  <Input slots={{ root: CustomRoot }} />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/base-remove-component-prop <path>
 ```
 
@@ -88,7 +101,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
 +  <Switch sx={{ '--Switch-trackWidth': '40px' }}>
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/rename-css-variables <path>
 ```
 
@@ -101,7 +114,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dire
 +  import useBadge from '@mui/base/useBadge';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/base-hook-imports <path>
 ```
 
@@ -116,7 +129,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
  />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/joy-rename-classname-prefix <path>
 ```
 
@@ -131,7 +144,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
  />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/joy-rename-row-prop <path>
 ```
 
@@ -149,7 +162,7 @@ This change only affects Joy UI Avatar component.
  />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/joy-avatar-remove-imgProps <path>
 ```
 
@@ -207,7 +220,7 @@ This change only affects Joy UI components.
 +</FormControl>
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/joy-text-field-to-input <path>
 ```
 
@@ -226,7 +239,7 @@ This change only affects Joy UI components.
  />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/joy-rename-components-to-slots <path>
 ```
 
@@ -236,7 +249,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
 
 Rename the imports of date and time pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/date-pickers-moved-to-x <path>
 ```
 
@@ -244,7 +257,7 @@ npx @mui/codemod v5.0.0/date-pickers-moved-to-x <path>
 
 A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/preset-safe <path|folder>
 ```
 
@@ -311,7 +324,7 @@ Imports and inserts `adaptV4Theme` into `createTheme` (or `createMuiTheme`)
 +createTheme(adaptV4Theme({ palette: { ... }}))
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/adapter-v4 <path>
 ```
 
@@ -328,7 +341,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/autocomplete-rename-closeicon  <path>
 ```
 
@@ -347,7 +360,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/autocomplete-rename-option  <path>
 ```
 
@@ -366,7 +379,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/avatar-circle-circular <path>
 ```
 
@@ -401,7 +414,7 @@ Renames the badge's props.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/badge-overlap-value <path>
 ```
 
@@ -425,7 +438,7 @@ This change only affects Base UI components.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/base-rename-components-to-slots <path>
 ```
 
@@ -444,7 +457,7 @@ Updates the Box API from separate system props to `sx`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/box-borderradius-values <path>
 ```
 
@@ -459,7 +472,7 @@ Renames the Box `css` prop to `sx`
 +<Box sx={{ m: 2 }}>
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/box-rename-css <path>
 ```
 
@@ -480,7 +493,7 @@ Renames the Box `grid*Gap` props.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/box-rename-gap <path>
 ```
 
@@ -497,7 +510,7 @@ Removes the outdated `color` prop values.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/button-color-prop <path>
 ```
 
@@ -514,7 +527,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/chip-variant-prop <path>
 ```
 
@@ -531,7 +544,7 @@ Renames the CircularProgress `static` variant to `determinate`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/circularprogress-variant <path>
 ```
 
@@ -550,7 +563,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/collapse-rename-collapsedheight <path>
 ```
 
@@ -569,7 +582,7 @@ A generic codemod to rename any component prop.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
 ```
 
@@ -582,7 +595,7 @@ Renames private import from `core/styles/*` to `core/styles`
 +import { darken, lighten } from '@material-ui/core/styles';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/core-styles-import <path>
 ```
 
@@ -595,7 +608,7 @@ Renames the function `createMuiTheme` to `createTheme`
 +import { createTheme } from '@material-ui/core/styles';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/create-theme <path>
 ```
 
@@ -608,7 +621,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
 +<Dialog />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/dialog-props <path>
 ```
 
@@ -623,7 +636,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
 +<DialogTitle />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/dialog-title-props <path>
 ```
 
@@ -640,7 +653,7 @@ Adds `prepend: true` to Emotion `createCache`
  });
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/create-theme <path>
 ```
 
@@ -648,7 +661,7 @@ npx @mui/codemod v5.0.0/create-theme <path>
 
 Renames `ExpansionPanel*` to `Accordion*`
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/expansion-panel-component <path>
 ```
 
@@ -661,7 +674,7 @@ You can find more details about this breaking change in [the migration guide](ht
 +<Fab variant="circular" />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/fab-variant <path>
 ```
 
@@ -681,7 +694,7 @@ Renames the `fade` style utility import and calls to `alpha`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/fade-rename-alpha <path>
 ```
 
@@ -698,7 +711,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/grid-justify-justifycontent <path>
 ```
 
@@ -708,7 +721,7 @@ You can find more details about this breaking change in [the migration guide](ht
 
 Renames `GridList*` to `ImageList*`
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/grid-list-component <path>
 ```
 
@@ -725,7 +738,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
 +<IconButton size="large" />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/icon-button-size <path>
 ```
 
@@ -790,7 +803,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
  }
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/jss-to-styled <path>
 ```
 
@@ -862,7 +875,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
  export default App;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/jss-to-tss-react <path>
 ```
 
@@ -890,7 +903,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
 +<Link underline="hover" />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/link-underline-hover <path>
 ```
 
@@ -928,7 +941,7 @@ Moves JSS imports to `@material-ui/styles`
  import mergeClasses from '@material-ui/styles/mergeClasses';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/material-ui-styles <path>
 ```
 
@@ -941,7 +954,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
 +import { DistributiveOmit } from '@material-ui/types';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/material-ui-types <path>
 ```
 
@@ -958,7 +971,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
  />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/modal-props <path>
 ```
 
@@ -982,7 +995,7 @@ or
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/moved-lab-modules <path>
 ```
 
@@ -1007,7 +1020,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
 +<PaginationItem shape="circular" />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/pagination-round-circular <path>
 ```
 
@@ -1026,7 +1039,7 @@ Fix private import paths.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/optimal-imports <path>
 ```
 
@@ -1034,7 +1047,7 @@ npx @mui/codemod v5.0.0/optimal-imports <path>
 
 Removes `RootRef` from the codebase.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/root-ref <path>
 ```
 
@@ -1049,7 +1062,7 @@ You can find more details about this breaking change in [the migration guide](ht
 +<Skeleton variant="rectangular" />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/skeleton-variant <path>
 ```
 
@@ -1059,7 +1072,7 @@ You can find more details about this breaking change in [the migration guide](ht
 
 Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/styled-engine-provider <path>
 ```
 
@@ -1085,7 +1098,7 @@ Renames props in `Table*` components.
 
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/table-props <path>
 ```
 
@@ -1104,7 +1117,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
 +<Tabs scrollButtons={false} />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/tabs-scroll-buttons <path>
 ```
 
@@ -1123,7 +1136,7 @@ Renames `TextField`'s rows props.
 +<TextareaAutosize minRows={3} maxRows={6} />
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/textarea-minmax-rows <path>
 ```
 
@@ -1136,7 +1149,7 @@ You can find more details about this breaking change in the migration guide.
 
 Adds `DefaultTheme` module augmentation to typescript projects.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-augment <path>
 ```
 
@@ -1155,7 +1168,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-breakpoints <path>
 ```
 
@@ -1165,7 +1178,7 @@ You can find more details about this breaking change in [the migration guide](ht
 
 Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-breakpoints-width <path>
 ```
 
@@ -1178,7 +1191,7 @@ You can find more details about this breaking change in [the migration guide](ht
 +import { DeprecatedThemeOptions } from '@material-ui/core';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-options <path>
 ```
 
@@ -1200,7 +1213,7 @@ Renames `type` to `mode`.
 +theme.palette.mode === 'dark'
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-palette-mode <path>
 ```
 
@@ -1210,7 +1223,7 @@ You can find more details about this breaking change in [the migration guide](ht
 
 Renames `MuiThemeProvider` to `ThemeProvider`.
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-provider <path>
 ```
 
@@ -1229,7 +1242,7 @@ Removes the 'px' suffix from some template strings.
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-spacing <path>
 ```
 
@@ -1244,7 +1257,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
 +`${Math.round($number * 1e5) / 1e5}`
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/theme-typography-round <path>
 ```
 
@@ -1262,7 +1275,7 @@ Converts all `@mui/material` submodule imports to the root module:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/top-level-imports <path>
 ```
 
@@ -1272,7 +1285,7 @@ Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's u
 
 Renames import `transitions` to `createTransitions`
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/transitions <path>
 ```
 
@@ -1285,7 +1298,7 @@ Renames `useAutocomplete` related import from lab to core
 +import useAutocomplete from '@material-ui/core/useAutocomplete';
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/use-autocomplete <path>
 ```
 
@@ -1314,7 +1327,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/use-transitionprops <path>
 ```
 
@@ -1344,7 +1357,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/variant-prop <path>
 ```
 
@@ -1358,7 +1371,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
 +const withMobileDialog = () => (WrappedComponent) => (props) => <WrappedComponent {...props} width="lg" fullScreen={false} />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/with-mobile-dialog <path>
 ```
 
@@ -1374,7 +1387,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
 +const withWidth = () => (WrappedComponent) => (props) => <WrappedComponent {...props} width="xs" />;
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/with-width <path>
 ```
 
@@ -1435,7 +1448,7 @@ Replace every occurrence of `material-ui` related package with the new package n
 +"@mui/styled-engine-sc": "next",
 ```
 
-```sh
+```bash
 npx @mui/codemod v5.0.0/mui-replace <path>
 ```
 
@@ -1455,7 +1468,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v4.0.0/theme-spacing-api <path>
 ```
 
@@ -1482,7 +1495,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v4.0.0/optimal-imports <path>
 ```
 
@@ -1500,7 +1513,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v4.0.0/top-level-imports <path>
 ```
 
@@ -1521,7 +1534,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v1.0.0/import-path <path>
 ```
 
@@ -1548,7 +1561,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v1.0.0/color-imports <path>
 ```
 
@@ -1556,7 +1569,7 @@ npx @mui/codemod v1.0.0/color-imports <path>
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
 ```
 
@@ -1574,7 +1587,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v1.0.0/svg-icon-imports <path>
 ```
 
@@ -1592,7 +1605,7 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v1.0.0/menu-item-primary-text <path>
 ```
 
@@ -1616,6 +1629,6 @@ The diff should look like this:
 
 <!-- #default-branch-switch -->
 
-```sh
+```bash
 npx @mui/codemod v0.15.0/import-path <path>
 ```