@mui/codemod 6.0.0-rc.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +122 -122
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ Some of the codemods also run [postcss](https://github.com/postcss/postcss) plug
|
|
|
14
14
|
<!-- #default-branch-switch -->
|
|
15
15
|
|
|
16
16
|
```bash
|
|
17
|
-
npx @mui/codemod@
|
|
17
|
+
npx @mui/codemod@latest <codemod> <paths...>
|
|
18
18
|
|
|
19
19
|
Applies a `@mui/codemod` to the specified paths
|
|
20
20
|
|
|
@@ -34,10 +34,10 @@ Options:
|
|
|
34
34
|
--jscodeshift [string] [default: false]
|
|
35
35
|
|
|
36
36
|
Examples:
|
|
37
|
-
npx @mui/codemod@
|
|
38
|
-
npx @mui/codemod@
|
|
37
|
+
npx @mui/codemod@latest v4.0.0/theme-spacing-api src
|
|
38
|
+
npx @mui/codemod@latest v5.0.0/component-rename-prop src --
|
|
39
39
|
--component=Grid --from=prop --to=newProp
|
|
40
|
-
npx @mui/codemod@
|
|
40
|
+
npx @mui/codemod@latest v5.0.0/preset-safe src --parser=flow
|
|
41
41
|
```
|
|
42
42
|
|
|
43
43
|
### jscodeshift options
|
|
@@ -45,7 +45,7 @@ Examples:
|
|
|
45
45
|
To pass more options directly to jscodeshift, use `--jscodeshift="..."`. For example:
|
|
46
46
|
|
|
47
47
|
```bash
|
|
48
|
-
npx @mui/codemod@
|
|
48
|
+
npx @mui/codemod@latest --jscodeshift="--run-in-band --verbose=2"
|
|
49
49
|
```
|
|
50
50
|
|
|
51
51
|
See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
|
|
@@ -56,7 +56,7 @@ Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
|
|
|
56
56
|
through jscodeshift's `printOptions` command line argument
|
|
57
57
|
|
|
58
58
|
```bash
|
|
59
|
-
npx @mui/codemod@
|
|
59
|
+
npx @mui/codemod@latest <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
|
|
60
60
|
```
|
|
61
61
|
|
|
62
62
|
## Included scripts
|
|
@@ -71,7 +71,7 @@ npx @mui/codemod@next <transform> <path> --jscodeshift="--printOptions='{\"quote
|
|
|
71
71
|
### Deprecations
|
|
72
72
|
|
|
73
73
|
```bash
|
|
74
|
-
npx @mui/codemod@
|
|
74
|
+
npx @mui/codemod@latest deprecations/all <path>
|
|
75
75
|
```
|
|
76
76
|
|
|
77
77
|
#### `all`
|
|
@@ -90,7 +90,7 @@ A combination of all deprecations.
|
|
|
90
90
|
```
|
|
91
91
|
|
|
92
92
|
```bash
|
|
93
|
-
npx @mui/codemod@
|
|
93
|
+
npx @mui/codemod@latest deprecations/accordion-props <path>
|
|
94
94
|
```
|
|
95
95
|
|
|
96
96
|
#### `accordion-summary-classes`
|
|
@@ -133,7 +133,7 @@ CSS transforms:
|
|
|
133
133
|
```
|
|
134
134
|
|
|
135
135
|
```bash
|
|
136
|
-
npx @mui/codemod@
|
|
136
|
+
npx @mui/codemod@latest deprecations/accordion-summary-classes <path>
|
|
137
137
|
```
|
|
138
138
|
|
|
139
139
|
#### `alert-classes`
|
|
@@ -229,7 +229,7 @@ CSS transforms:
|
|
|
229
229
|
```
|
|
230
230
|
|
|
231
231
|
```bash
|
|
232
|
-
npx @mui/codemod@
|
|
232
|
+
npx @mui/codemod@latest deprecations/alert-classes <path>
|
|
233
233
|
```
|
|
234
234
|
|
|
235
235
|
#### `alert-props`
|
|
@@ -255,7 +255,7 @@ npx @mui/codemod@next deprecations/alert-classes <path>
|
|
|
255
255
|
```
|
|
256
256
|
|
|
257
257
|
```bash
|
|
258
|
-
npx @mui/codemod@
|
|
258
|
+
npx @mui/codemod@latest deprecations/alert-props <path>
|
|
259
259
|
```
|
|
260
260
|
|
|
261
261
|
#### `autocomplete-props`
|
|
@@ -321,7 +321,7 @@ npx @mui/codemod@next deprecations/alert-props <path>
|
|
|
321
321
|
```
|
|
322
322
|
|
|
323
323
|
```bash
|
|
324
|
-
npx @mui/codemod@
|
|
324
|
+
npx @mui/codemod@latest deprecations/autocomplete-props <path>
|
|
325
325
|
```
|
|
326
326
|
|
|
327
327
|
#### `avatar-group-props`
|
|
@@ -369,7 +369,7 @@ npx @mui/codemod@next deprecations/autocomplete-props <path>
|
|
|
369
369
|
```
|
|
370
370
|
|
|
371
371
|
```bash
|
|
372
|
-
npx @mui/codemod@
|
|
372
|
+
npx @mui/codemod@latest deprecations/avatar-group-props <path>
|
|
373
373
|
```
|
|
374
374
|
|
|
375
375
|
#### `avatar-props`
|
|
@@ -418,7 +418,7 @@ npx @mui/codemod@next deprecations/avatar-group-props <path>
|
|
|
418
418
|
```
|
|
419
419
|
|
|
420
420
|
```bash
|
|
421
|
-
npx @mui/codemod@
|
|
421
|
+
npx @mui/codemod@latest deprecations/backdrop-props <path>
|
|
422
422
|
```
|
|
423
423
|
|
|
424
424
|
#### `badge-props`
|
|
@@ -444,7 +444,7 @@ npx @mui/codemod@next deprecations/backdrop-props <path>
|
|
|
444
444
|
```
|
|
445
445
|
|
|
446
446
|
```bash
|
|
447
|
-
npx @mui/codemod@
|
|
447
|
+
npx @mui/codemod@latest deprecations/badge-props <path>
|
|
448
448
|
```
|
|
449
449
|
|
|
450
450
|
#### `button-classes`
|
|
@@ -666,7 +666,7 @@ CSS transforms:
|
|
|
666
666
|
```
|
|
667
667
|
|
|
668
668
|
```bash
|
|
669
|
-
npx @mui/codemod@
|
|
669
|
+
npx @mui/codemod@latest deprecations/button-classes <path>
|
|
670
670
|
```
|
|
671
671
|
|
|
672
672
|
#### `button-group-classes`
|
|
@@ -973,7 +973,7 @@ CSS transforms:
|
|
|
973
973
|
```
|
|
974
974
|
|
|
975
975
|
```bash
|
|
976
|
-
npx @mui/codemod@
|
|
976
|
+
npx @mui/codemod@latest deprecations/chip-classes <path>
|
|
977
977
|
```
|
|
978
978
|
|
|
979
979
|
#### `circular-progress-classes`
|
|
@@ -1012,7 +1012,7 @@ CSS transforms:
|
|
|
1012
1012
|
```
|
|
1013
1013
|
|
|
1014
1014
|
```bash
|
|
1015
|
-
npx @mui/codemod@
|
|
1015
|
+
npx @mui/codemod@latest deprecations/circular-progress-classes <path>
|
|
1016
1016
|
```
|
|
1017
1017
|
|
|
1018
1018
|
#### `divider-props`
|
|
@@ -1025,7 +1025,7 @@ npx @mui/codemod@next deprecations/circular-progress-classes <path>
|
|
|
1025
1025
|
```
|
|
1026
1026
|
|
|
1027
1027
|
```bash
|
|
1028
|
-
npx @mui/codemod@
|
|
1028
|
+
npx @mui/codemod@latest deprecations/divider-props <path>
|
|
1029
1029
|
```
|
|
1030
1030
|
|
|
1031
1031
|
#### `filled-input-props`
|
|
@@ -1051,7 +1051,7 @@ npx @mui/codemod@next deprecations/divider-props <path>
|
|
|
1051
1051
|
```
|
|
1052
1052
|
|
|
1053
1053
|
```bash
|
|
1054
|
-
npx @mui/codemod@
|
|
1054
|
+
npx @mui/codemod@latest deprecations/filled-input-props <path>
|
|
1055
1055
|
```
|
|
1056
1056
|
|
|
1057
1057
|
#### `form-control-label-props`
|
|
@@ -1073,7 +1073,7 @@ npx @mui/codemod@next deprecations/filled-input-props <path>
|
|
|
1073
1073
|
```
|
|
1074
1074
|
|
|
1075
1075
|
```bash
|
|
1076
|
-
npx @mui/codemod@
|
|
1076
|
+
npx @mui/codemod@latest deprecations/form-control-label-props <path>
|
|
1077
1077
|
|
|
1078
1078
|
```
|
|
1079
1079
|
|
|
@@ -1100,7 +1100,7 @@ npx @mui/codemod@next deprecations/form-control-label-props <path>
|
|
|
1100
1100
|
```
|
|
1101
1101
|
|
|
1102
1102
|
```bash
|
|
1103
|
-
npx @mui/codemod@
|
|
1103
|
+
npx @mui/codemod@latest deprecations/list-item-props <path>
|
|
1104
1104
|
```
|
|
1105
1105
|
|
|
1106
1106
|
#### `grid-props`
|
|
@@ -1113,7 +1113,7 @@ npx @mui/codemod@next deprecations/list-item-props <path>
|
|
|
1113
1113
|
```
|
|
1114
1114
|
|
|
1115
1115
|
```bash
|
|
1116
|
-
npx @mui/codemod@
|
|
1116
|
+
npx @mui/codemod@latest deprecations/grid-props <path>
|
|
1117
1117
|
```
|
|
1118
1118
|
|
|
1119
1119
|
#### `image-list-item-bar-classes`
|
|
@@ -1170,7 +1170,7 @@ CSS transforms:
|
|
|
1170
1170
|
```
|
|
1171
1171
|
|
|
1172
1172
|
```bash
|
|
1173
|
-
npx @mui/codemod@
|
|
1173
|
+
npx @mui/codemod@latest deprecations/image-list-item-bar-classes <path>
|
|
1174
1174
|
```
|
|
1175
1175
|
|
|
1176
1176
|
#### `input-base-props`
|
|
@@ -1196,7 +1196,7 @@ npx @mui/codemod@next deprecations/image-list-item-bar-classes <path>
|
|
|
1196
1196
|
```
|
|
1197
1197
|
|
|
1198
1198
|
```bash
|
|
1199
|
-
npx @mui/codemod@
|
|
1199
|
+
npx @mui/codemod@latest deprecations/input-base-props <path>
|
|
1200
1200
|
```
|
|
1201
1201
|
|
|
1202
1202
|
#### `input-props`
|
|
@@ -1222,7 +1222,7 @@ npx @mui/codemod@next deprecations/input-base-props <path>
|
|
|
1222
1222
|
```
|
|
1223
1223
|
|
|
1224
1224
|
```bash
|
|
1225
|
-
npx @mui/codemod@
|
|
1225
|
+
npx @mui/codemod@latest deprecations/input-props <path>
|
|
1226
1226
|
```
|
|
1227
1227
|
|
|
1228
1228
|
#### `modal-props`
|
|
@@ -1248,7 +1248,7 @@ npx @mui/codemod@next deprecations/input-props <path>
|
|
|
1248
1248
|
```
|
|
1249
1249
|
|
|
1250
1250
|
```bash
|
|
1251
|
-
npx @mui/codemod@
|
|
1251
|
+
npx @mui/codemod@latest deprecations/modal-props <path>
|
|
1252
1252
|
```
|
|
1253
1253
|
|
|
1254
1254
|
#### `pagination-item-classes`
|
|
@@ -1312,7 +1312,7 @@ CSS transforms:
|
|
|
1312
1312
|
```
|
|
1313
1313
|
|
|
1314
1314
|
```bash
|
|
1315
|
-
npx @mui/codemod@
|
|
1315
|
+
npx @mui/codemod@latest deprecations/pagination-item-classes <path>
|
|
1316
1316
|
```
|
|
1317
1317
|
|
|
1318
1318
|
#### `pagination-item-props`
|
|
@@ -1334,7 +1334,7 @@ npx @mui/codemod@next deprecations/pagination-item-classes <path>
|
|
|
1334
1334
|
```
|
|
1335
1335
|
|
|
1336
1336
|
```bash
|
|
1337
|
-
npx @mui/codemod@
|
|
1337
|
+
npx @mui/codemod@latest deprecations/pagination-item-props <path>
|
|
1338
1338
|
```
|
|
1339
1339
|
|
|
1340
1340
|
#### `popper-props`
|
|
@@ -1360,7 +1360,7 @@ npx @mui/codemod@next deprecations/pagination-item-props <path>
|
|
|
1360
1360
|
```
|
|
1361
1361
|
|
|
1362
1362
|
```bash
|
|
1363
|
-
npx @mui/codemod@
|
|
1363
|
+
npx @mui/codemod@latest deprecations/popper-props <path>
|
|
1364
1364
|
```
|
|
1365
1365
|
|
|
1366
1366
|
#### `outlined-input-props`
|
|
@@ -1386,7 +1386,7 @@ npx @mui/codemod@next deprecations/popper-props <path>
|
|
|
1386
1386
|
```
|
|
1387
1387
|
|
|
1388
1388
|
```bash
|
|
1389
|
-
npx @mui/codemod@
|
|
1389
|
+
npx @mui/codemod@latest deprecations/outlined-input-props <path>
|
|
1390
1390
|
```
|
|
1391
1391
|
|
|
1392
1392
|
#### `slider-props`
|
|
@@ -1412,7 +1412,7 @@ npx @mui/codemod@next deprecations/outlined-input-props <path>
|
|
|
1412
1412
|
```
|
|
1413
1413
|
|
|
1414
1414
|
```bash
|
|
1415
|
-
npx @mui/codemod@
|
|
1415
|
+
npx @mui/codemod@latest deprecations/slider-props <path>
|
|
1416
1416
|
```
|
|
1417
1417
|
|
|
1418
1418
|
#### `tooltip-props`
|
|
@@ -1438,7 +1438,7 @@ npx @mui/codemod@next deprecations/slider-props <path>
|
|
|
1438
1438
|
```
|
|
1439
1439
|
|
|
1440
1440
|
```bash
|
|
1441
|
-
npx @mui/codemod@
|
|
1441
|
+
npx @mui/codemod@latest deprecations/tooltip-props <path>
|
|
1442
1442
|
```
|
|
1443
1443
|
|
|
1444
1444
|
#### `step-connector-classes`
|
|
@@ -1514,7 +1514,7 @@ npx @mui/codemod@latest deprecations/step-label-props <path>
|
|
|
1514
1514
|
```
|
|
1515
1515
|
|
|
1516
1516
|
```bash
|
|
1517
|
-
npx @mui/codemod@
|
|
1517
|
+
npx @mui/codemod@latest deprecations/text-field-props <path>
|
|
1518
1518
|
```
|
|
1519
1519
|
|
|
1520
1520
|
#### `toggle-button-group-classes`
|
|
@@ -1569,7 +1569,7 @@ CSS transforms:
|
|
|
1569
1569
|
```
|
|
1570
1570
|
|
|
1571
1571
|
```bash
|
|
1572
|
-
npx @mui/codemod@
|
|
1572
|
+
npx @mui/codemod@latest deprecations/step-connector-classes <path>
|
|
1573
1573
|
```
|
|
1574
1574
|
|
|
1575
1575
|
#### `tab-classes`
|
|
@@ -1599,7 +1599,7 @@ CSS transforms:
|
|
|
1599
1599
|
```
|
|
1600
1600
|
|
|
1601
1601
|
```bash
|
|
1602
|
-
npx @mui/codemod@
|
|
1602
|
+
npx @mui/codemod@latest deprecations/tab-classes <path>
|
|
1603
1603
|
```
|
|
1604
1604
|
|
|
1605
1605
|
#### `table-sort-label-classes`
|
|
@@ -1638,7 +1638,7 @@ CSS transforms:
|
|
|
1638
1638
|
```
|
|
1639
1639
|
|
|
1640
1640
|
```bash
|
|
1641
|
-
npx @mui/codemod@
|
|
1641
|
+
npx @mui/codemod@latest deprecations/table-sort-label-classes <path>
|
|
1642
1642
|
```
|
|
1643
1643
|
|
|
1644
1644
|
#### `typography-props`
|
|
@@ -1660,7 +1660,7 @@ npx @mui/codemod@next deprecations/table-sort-label-classes <path>
|
|
|
1660
1660
|
```
|
|
1661
1661
|
|
|
1662
1662
|
```bash
|
|
1663
|
-
npx @mui/codemod@
|
|
1663
|
+
npx @mui/codemod@latest deprecations/typography-props <path>
|
|
1664
1664
|
```
|
|
1665
1665
|
|
|
1666
1666
|
### v6.0.0
|
|
@@ -1668,7 +1668,7 @@ npx @mui/codemod@next deprecations/typography-props <path>
|
|
|
1668
1668
|
#### `sx-prop`
|
|
1669
1669
|
|
|
1670
1670
|
```bash
|
|
1671
|
-
npx @mui/codemod@
|
|
1671
|
+
npx @mui/codemod@latest v6.0.0/sx-prop <path>
|
|
1672
1672
|
```
|
|
1673
1673
|
|
|
1674
1674
|
Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
@@ -1691,7 +1691,7 @@ Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
|
1691
1691
|
#### `system-props`
|
|
1692
1692
|
|
|
1693
1693
|
```bash
|
|
1694
|
-
npx @mui/codemod@
|
|
1694
|
+
npx @mui/codemod@latest v6.0.0/system-props <path>
|
|
1695
1695
|
```
|
|
1696
1696
|
|
|
1697
1697
|
Remove system props and add them to the `sx` prop.
|
|
@@ -1704,7 +1704,7 @@ Remove system props and add them to the `sx` prop.
|
|
|
1704
1704
|
#### `theme-v6`
|
|
1705
1705
|
|
|
1706
1706
|
```bash
|
|
1707
|
-
npx @mui/codemod@
|
|
1707
|
+
npx @mui/codemod@latest v6.0.0/theme-v6 <path>
|
|
1708
1708
|
```
|
|
1709
1709
|
|
|
1710
1710
|
Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -1766,7 +1766,7 @@ Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-
|
|
|
1766
1766
|
#### `styled`
|
|
1767
1767
|
|
|
1768
1768
|
```bash
|
|
1769
|
-
npx @mui/codemod@
|
|
1769
|
+
npx @mui/codemod@latest v6.0.0/styled <path>
|
|
1770
1770
|
```
|
|
1771
1771
|
|
|
1772
1772
|
Updates the usage of `styled` from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -1840,7 +1840,7 @@ However, it has some **limitations**:
|
|
|
1840
1840
|
#### `grid-v2-props`
|
|
1841
1841
|
|
|
1842
1842
|
```bash
|
|
1843
|
-
npx @mui/codemod@
|
|
1843
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path>
|
|
1844
1844
|
```
|
|
1845
1845
|
|
|
1846
1846
|
Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -1859,7 +1859,7 @@ Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/jo
|
|
|
1859
1859
|
You can provide the theme breakpoints via options, for example, `--jscodeshift='--muiBreakpoints=mobile,desktop'`, to use your custom breakpoints in the transformation.
|
|
1860
1860
|
|
|
1861
1861
|
```bash
|
|
1862
|
-
npx @mui/codemod@
|
|
1862
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
1863
1863
|
```
|
|
1864
1864
|
|
|
1865
1865
|
```diff
|
|
@@ -1885,7 +1885,7 @@ This codemod updates the import and re-export statements.
|
|
|
1885
1885
|
```
|
|
1886
1886
|
|
|
1887
1887
|
```bash
|
|
1888
|
-
npx @mui/codemod@
|
|
1888
|
+
npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
|
|
1889
1889
|
```
|
|
1890
1890
|
|
|
1891
1891
|
#### `base-remove-unstyled-suffix`
|
|
@@ -1898,7 +1898,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
|
|
|
1898
1898
|
```
|
|
1899
1899
|
|
|
1900
1900
|
```bash
|
|
1901
|
-
npx @mui/codemod@
|
|
1901
|
+
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
|
|
1902
1902
|
```
|
|
1903
1903
|
|
|
1904
1904
|
#### `base-remove-component-prop`
|
|
@@ -1913,7 +1913,7 @@ This change only affects Base UI components.
|
|
|
1913
1913
|
```
|
|
1914
1914
|
|
|
1915
1915
|
```bash
|
|
1916
|
-
npx @mui/codemod@
|
|
1916
|
+
npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
|
|
1917
1917
|
```
|
|
1918
1918
|
|
|
1919
1919
|
#### `rename-css-variables`
|
|
@@ -1928,7 +1928,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
|
|
|
1928
1928
|
```
|
|
1929
1929
|
|
|
1930
1930
|
```bash
|
|
1931
|
-
npx @mui/codemod@
|
|
1931
|
+
npx @mui/codemod@latest v5.0.0/rename-css-variables <path>
|
|
1932
1932
|
```
|
|
1933
1933
|
|
|
1934
1934
|
#### `base-hook-imports`
|
|
@@ -1941,7 +1941,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
|
|
|
1941
1941
|
```
|
|
1942
1942
|
|
|
1943
1943
|
```bash
|
|
1944
|
-
npx @mui/codemod@
|
|
1944
|
+
npx @mui/codemod@latest v5.0.0/base-hook-imports <path>
|
|
1945
1945
|
```
|
|
1946
1946
|
|
|
1947
1947
|
#### `joy-rename-classname-prefix`
|
|
@@ -1956,7 +1956,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
|
|
|
1956
1956
|
```
|
|
1957
1957
|
|
|
1958
1958
|
```bash
|
|
1959
|
-
npx @mui/codemod@
|
|
1959
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-classname-prefix <path>
|
|
1960
1960
|
```
|
|
1961
1961
|
|
|
1962
1962
|
#### `joy-rename-row-prop`
|
|
@@ -1971,7 +1971,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
|
|
|
1971
1971
|
```
|
|
1972
1972
|
|
|
1973
1973
|
```bash
|
|
1974
|
-
npx @mui/codemod@
|
|
1974
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-row-prop <path>
|
|
1975
1975
|
```
|
|
1976
1976
|
|
|
1977
1977
|
#### `joy-avatar-remove-imgProps`
|
|
@@ -1989,7 +1989,7 @@ This change only affects Joy UI Avatar component.
|
|
|
1989
1989
|
```
|
|
1990
1990
|
|
|
1991
1991
|
```bash
|
|
1992
|
-
npx @mui/codemod@
|
|
1992
|
+
npx @mui/codemod@latest v5.0.0/joy-avatar-remove-imgProps <path>
|
|
1993
1993
|
```
|
|
1994
1994
|
|
|
1995
1995
|
#### `joy-text-field-to-input`
|
|
@@ -2047,7 +2047,7 @@ This change only affects Joy UI components.
|
|
|
2047
2047
|
```
|
|
2048
2048
|
|
|
2049
2049
|
```bash
|
|
2050
|
-
npx @mui/codemod@
|
|
2050
|
+
npx @mui/codemod@latest v5.0.0/joy-text-field-to-input <path>
|
|
2051
2051
|
```
|
|
2052
2052
|
|
|
2053
2053
|
#### `joy-rename-components-to-slots`
|
|
@@ -2066,7 +2066,7 @@ This change only affects Joy UI components.
|
|
|
2066
2066
|
```
|
|
2067
2067
|
|
|
2068
2068
|
```bash
|
|
2069
|
-
npx @mui/codemod@
|
|
2069
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-components-to-slots <path>
|
|
2070
2070
|
```
|
|
2071
2071
|
|
|
2072
2072
|
The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
|
|
@@ -2076,7 +2076,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
|
|
|
2076
2076
|
Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
|
|
2077
2077
|
|
|
2078
2078
|
```bash
|
|
2079
|
-
npx @mui/codemod@
|
|
2079
|
+
npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>
|
|
2080
2080
|
```
|
|
2081
2081
|
|
|
2082
2082
|
#### `tree-view-moved-to-x`
|
|
@@ -2084,7 +2084,7 @@ npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
|
|
|
2084
2084
|
Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
|
|
2085
2085
|
|
|
2086
2086
|
```bash
|
|
2087
|
-
npx @mui/codemod@
|
|
2087
|
+
npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x <path>
|
|
2088
2088
|
```
|
|
2089
2089
|
|
|
2090
2090
|
#### 🚀 `preset-safe`
|
|
@@ -2092,7 +2092,7 @@ npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
|
|
|
2092
2092
|
A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
|
|
2093
2093
|
|
|
2094
2094
|
```bash
|
|
2095
|
-
npx @mui/codemod@
|
|
2095
|
+
npx @mui/codemod@latest v5.0.0/preset-safe <path|folder>
|
|
2096
2096
|
```
|
|
2097
2097
|
|
|
2098
2098
|
The list includes these transformers
|
|
@@ -2159,7 +2159,7 @@ Imports and inserts `adaptV4Theme` into `createTheme` (or `createMuiTheme`)
|
|
|
2159
2159
|
```
|
|
2160
2160
|
|
|
2161
2161
|
```bash
|
|
2162
|
-
npx @mui/codemod@
|
|
2162
|
+
npx @mui/codemod@latest v5.0.0/adapter-v4 <path>
|
|
2163
2163
|
```
|
|
2164
2164
|
|
|
2165
2165
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -2176,7 +2176,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
|
|
|
2176
2176
|
<!-- #default-branch-switch -->
|
|
2177
2177
|
|
|
2178
2178
|
```bash
|
|
2179
|
-
npx @mui/codemod@
|
|
2179
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon <path>
|
|
2180
2180
|
```
|
|
2181
2181
|
|
|
2182
2182
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -2195,7 +2195,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
|
|
|
2195
2195
|
<!-- #default-branch-switch -->
|
|
2196
2196
|
|
|
2197
2197
|
```bash
|
|
2198
|
-
npx @mui/codemod@
|
|
2198
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-option <path>
|
|
2199
2199
|
```
|
|
2200
2200
|
|
|
2201
2201
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -2214,7 +2214,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
|
|
|
2214
2214
|
<!-- #default-branch-switch -->
|
|
2215
2215
|
|
|
2216
2216
|
```bash
|
|
2217
|
-
npx @mui/codemod@
|
|
2217
|
+
npx @mui/codemod@latest v5.0.0/avatar-circle-circular <path>
|
|
2218
2218
|
```
|
|
2219
2219
|
|
|
2220
2220
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#avatar).
|
|
@@ -2249,7 +2249,7 @@ Renames the badge's props.
|
|
|
2249
2249
|
<!-- #default-branch-switch -->
|
|
2250
2250
|
|
|
2251
2251
|
```bash
|
|
2252
|
-
npx @mui/codemod@
|
|
2252
|
+
npx @mui/codemod@latest v5.0.0/badge-overlap-value <path>
|
|
2253
2253
|
```
|
|
2254
2254
|
|
|
2255
2255
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#badge).
|
|
@@ -2273,7 +2273,7 @@ This change only affects Base UI components.
|
|
|
2273
2273
|
<!-- #default-branch-switch -->
|
|
2274
2274
|
|
|
2275
2275
|
```bash
|
|
2276
|
-
npx @mui/codemod@
|
|
2276
|
+
npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots <path>
|
|
2277
2277
|
```
|
|
2278
2278
|
|
|
2279
2279
|
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
|
|
@@ -2292,7 +2292,7 @@ Updates the Box API from separate system props to `sx`.
|
|
|
2292
2292
|
<!-- #default-branch-switch -->
|
|
2293
2293
|
|
|
2294
2294
|
```bash
|
|
2295
|
-
npx @mui/codemod@
|
|
2295
|
+
npx @mui/codemod@latest v5.0.0/box-borderradius-values <path>
|
|
2296
2296
|
```
|
|
2297
2297
|
|
|
2298
2298
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2307,7 +2307,7 @@ Renames the Box `css` prop to `sx`
|
|
|
2307
2307
|
```
|
|
2308
2308
|
|
|
2309
2309
|
```bash
|
|
2310
|
-
npx @mui/codemod@
|
|
2310
|
+
npx @mui/codemod@latest v5.0.0/box-rename-css <path>
|
|
2311
2311
|
```
|
|
2312
2312
|
|
|
2313
2313
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2328,7 +2328,7 @@ Renames the Box `grid*Gap` props.
|
|
|
2328
2328
|
<!-- #default-branch-switch -->
|
|
2329
2329
|
|
|
2330
2330
|
```bash
|
|
2331
|
-
npx @mui/codemod@
|
|
2331
|
+
npx @mui/codemod@latest v5.0.0/box-rename-gap <path>
|
|
2332
2332
|
```
|
|
2333
2333
|
|
|
2334
2334
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2345,7 +2345,7 @@ Removes the outdated `color` prop values.
|
|
|
2345
2345
|
<!-- #default-branch-switch -->
|
|
2346
2346
|
|
|
2347
2347
|
```bash
|
|
2348
|
-
npx @mui/codemod@
|
|
2348
|
+
npx @mui/codemod@latest v5.0.0/button-color-prop <path>
|
|
2349
2349
|
```
|
|
2350
2350
|
|
|
2351
2351
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#button).
|
|
@@ -2362,7 +2362,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
|
|
|
2362
2362
|
<!-- #default-branch-switch -->
|
|
2363
2363
|
|
|
2364
2364
|
```bash
|
|
2365
|
-
npx @mui/codemod@
|
|
2365
|
+
npx @mui/codemod@latest v5.0.0/chip-variant-prop <path>
|
|
2366
2366
|
```
|
|
2367
2367
|
|
|
2368
2368
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#chip).
|
|
@@ -2379,7 +2379,7 @@ Renames the CircularProgress `static` variant to `determinate`.
|
|
|
2379
2379
|
<!-- #default-branch-switch -->
|
|
2380
2380
|
|
|
2381
2381
|
```bash
|
|
2382
|
-
npx @mui/codemod@
|
|
2382
|
+
npx @mui/codemod@latest v5.0.0/circularprogress-variant <path>
|
|
2383
2383
|
```
|
|
2384
2384
|
|
|
2385
2385
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#circularprogress).
|
|
@@ -2398,7 +2398,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
|
|
|
2398
2398
|
<!-- #default-branch-switch -->
|
|
2399
2399
|
|
|
2400
2400
|
```bash
|
|
2401
|
-
npx @mui/codemod@
|
|
2401
|
+
npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight <path>
|
|
2402
2402
|
```
|
|
2403
2403
|
|
|
2404
2404
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#collapse).
|
|
@@ -2417,7 +2417,7 @@ A generic codemod to rename any component prop.
|
|
|
2417
2417
|
<!-- #default-branch-switch -->
|
|
2418
2418
|
|
|
2419
2419
|
```bash
|
|
2420
|
-
npx @mui/codemod@
|
|
2420
|
+
npx @mui/codemod@latest v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
|
|
2421
2421
|
```
|
|
2422
2422
|
|
|
2423
2423
|
#### `core-styles-import`
|
|
@@ -2430,7 +2430,7 @@ Renames private import from `core/styles/*` to `core/styles`
|
|
|
2430
2430
|
```
|
|
2431
2431
|
|
|
2432
2432
|
```bash
|
|
2433
|
-
npx @mui/codemod@
|
|
2433
|
+
npx @mui/codemod@latest v5.0.0/core-styles-import <path>
|
|
2434
2434
|
```
|
|
2435
2435
|
|
|
2436
2436
|
#### `create-theme`
|
|
@@ -2443,7 +2443,7 @@ Renames the function `createMuiTheme` to `createTheme`
|
|
|
2443
2443
|
```
|
|
2444
2444
|
|
|
2445
2445
|
```bash
|
|
2446
|
-
npx @mui/codemod@
|
|
2446
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
2447
2447
|
```
|
|
2448
2448
|
|
|
2449
2449
|
#### `dialog-props`
|
|
@@ -2456,7 +2456,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
|
|
|
2456
2456
|
```
|
|
2457
2457
|
|
|
2458
2458
|
```bash
|
|
2459
|
-
npx @mui/codemod@
|
|
2459
|
+
npx @mui/codemod@latest v5.0.0/dialog-props <path>
|
|
2460
2460
|
```
|
|
2461
2461
|
|
|
2462
2462
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -2471,7 +2471,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
|
|
|
2471
2471
|
```
|
|
2472
2472
|
|
|
2473
2473
|
```bash
|
|
2474
|
-
npx @mui/codemod@
|
|
2474
|
+
npx @mui/codemod@latest v5.0.0/dialog-title-props <path>
|
|
2475
2475
|
```
|
|
2476
2476
|
|
|
2477
2477
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -2488,7 +2488,7 @@ Adds `prepend: true` to Emotion `createCache`
|
|
|
2488
2488
|
```
|
|
2489
2489
|
|
|
2490
2490
|
```bash
|
|
2491
|
-
npx @mui/codemod@
|
|
2491
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
2492
2492
|
```
|
|
2493
2493
|
|
|
2494
2494
|
#### `expansion-panel-component`
|
|
@@ -2496,7 +2496,7 @@ npx @mui/codemod@next v5.0.0/create-theme <path>
|
|
|
2496
2496
|
Renames `ExpansionPanel*` to `Accordion*`
|
|
2497
2497
|
|
|
2498
2498
|
```bash
|
|
2499
|
-
npx @mui/codemod@
|
|
2499
|
+
npx @mui/codemod@latest v5.0.0/expansion-panel-component <path>
|
|
2500
2500
|
```
|
|
2501
2501
|
|
|
2502
2502
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#expansionpanel).
|
|
@@ -2509,7 +2509,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
2509
2509
|
```
|
|
2510
2510
|
|
|
2511
2511
|
```bash
|
|
2512
|
-
npx @mui/codemod@
|
|
2512
|
+
npx @mui/codemod@latest v5.0.0/fab-variant <path>
|
|
2513
2513
|
```
|
|
2514
2514
|
|
|
2515
2515
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#fab).
|
|
@@ -2529,7 +2529,7 @@ Renames the `fade` style utility import and calls to `alpha`.
|
|
|
2529
2529
|
<!-- #default-branch-switch -->
|
|
2530
2530
|
|
|
2531
2531
|
```bash
|
|
2532
|
-
npx @mui/codemod@
|
|
2532
|
+
npx @mui/codemod@latest v5.0.0/fade-rename-alpha <path>
|
|
2533
2533
|
```
|
|
2534
2534
|
|
|
2535
2535
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#styles).
|
|
@@ -2546,7 +2546,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
|
|
|
2546
2546
|
<!-- #default-branch-switch -->
|
|
2547
2547
|
|
|
2548
2548
|
```bash
|
|
2549
|
-
npx @mui/codemod@
|
|
2549
|
+
npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent <path>
|
|
2550
2550
|
```
|
|
2551
2551
|
|
|
2552
2552
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#grid).
|
|
@@ -2556,7 +2556,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
2556
2556
|
Renames `GridList*` to `ImageList*`
|
|
2557
2557
|
|
|
2558
2558
|
```bash
|
|
2559
|
-
npx @mui/codemod@
|
|
2559
|
+
npx @mui/codemod@latest v5.0.0/grid-list-component <path>
|
|
2560
2560
|
```
|
|
2561
2561
|
|
|
2562
2562
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#gridlist).
|
|
@@ -2573,7 +2573,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
|
|
|
2573
2573
|
```
|
|
2574
2574
|
|
|
2575
2575
|
```bash
|
|
2576
|
-
npx @mui/codemod@
|
|
2576
|
+
npx @mui/codemod@latest v5.0.0/icon-button-size <path>
|
|
2577
2577
|
```
|
|
2578
2578
|
|
|
2579
2579
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#iconbutton).
|
|
@@ -2638,7 +2638,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
|
|
|
2638
2638
|
```
|
|
2639
2639
|
|
|
2640
2640
|
```bash
|
|
2641
|
-
npx @mui/codemod@
|
|
2641
|
+
npx @mui/codemod@latest v5.0.0/jss-to-styled <path>
|
|
2642
2642
|
```
|
|
2643
2643
|
|
|
2644
2644
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#1-use-styled-or-sx-api).
|
|
@@ -2710,7 +2710,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
|
|
|
2710
2710
|
```
|
|
2711
2711
|
|
|
2712
2712
|
```bash
|
|
2713
|
-
npx @mui/codemod@
|
|
2713
|
+
npx @mui/codemod@latest v5.0.0/jss-to-tss-react <path>
|
|
2714
2714
|
```
|
|
2715
2715
|
|
|
2716
2716
|
The following scenarios are not currently handled by this codemod and will be marked with a
|
|
@@ -2738,7 +2738,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
|
|
|
2738
2738
|
```
|
|
2739
2739
|
|
|
2740
2740
|
```bash
|
|
2741
|
-
npx @mui/codemod@
|
|
2741
|
+
npx @mui/codemod@latest v5.0.0/link-underline-hover <path>
|
|
2742
2742
|
```
|
|
2743
2743
|
|
|
2744
2744
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#link).
|
|
@@ -2776,7 +2776,7 @@ Moves JSS imports to `@material-ui/styles`
|
|
|
2776
2776
|
```
|
|
2777
2777
|
|
|
2778
2778
|
```bash
|
|
2779
|
-
npx @mui/codemod@
|
|
2779
|
+
npx @mui/codemod@latest v5.0.0/material-ui-styles <path>
|
|
2780
2780
|
```
|
|
2781
2781
|
|
|
2782
2782
|
#### `material-ui-types`
|
|
@@ -2789,7 +2789,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
|
|
|
2789
2789
|
```
|
|
2790
2790
|
|
|
2791
2791
|
```bash
|
|
2792
|
-
npx @mui/codemod@
|
|
2792
|
+
npx @mui/codemod@latest v5.0.0/material-ui-types <path>
|
|
2793
2793
|
```
|
|
2794
2794
|
|
|
2795
2795
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-types).
|
|
@@ -2806,7 +2806,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
|
|
|
2806
2806
|
```
|
|
2807
2807
|
|
|
2808
2808
|
```bash
|
|
2809
|
-
npx @mui/codemod@
|
|
2809
|
+
npx @mui/codemod@latest v5.0.0/modal-props <path>
|
|
2810
2810
|
```
|
|
2811
2811
|
|
|
2812
2812
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#modal).
|
|
@@ -2830,7 +2830,7 @@ or
|
|
|
2830
2830
|
<!-- #default-branch-switch -->
|
|
2831
2831
|
|
|
2832
2832
|
```bash
|
|
2833
|
-
npx @mui/codemod@
|
|
2833
|
+
npx @mui/codemod@latest v5.0.0/moved-lab-modules <path>
|
|
2834
2834
|
```
|
|
2835
2835
|
|
|
2836
2836
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -2855,7 +2855,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
|
|
|
2855
2855
|
```
|
|
2856
2856
|
|
|
2857
2857
|
```bash
|
|
2858
|
-
npx @mui/codemod@
|
|
2858
|
+
npx @mui/codemod@latest v5.0.0/pagination-round-circular <path>
|
|
2859
2859
|
```
|
|
2860
2860
|
|
|
2861
2861
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#pagination).
|
|
@@ -2874,7 +2874,7 @@ Fix private import paths.
|
|
|
2874
2874
|
<!-- #default-branch-switch -->
|
|
2875
2875
|
|
|
2876
2876
|
```bash
|
|
2877
|
-
npx @mui/codemod@
|
|
2877
|
+
npx @mui/codemod@latest v5.0.0/optimal-imports <path>
|
|
2878
2878
|
```
|
|
2879
2879
|
|
|
2880
2880
|
#### `root-ref`
|
|
@@ -2882,7 +2882,7 @@ npx @mui/codemod@next v5.0.0/optimal-imports <path>
|
|
|
2882
2882
|
Removes `RootRef` from the codebase.
|
|
2883
2883
|
|
|
2884
2884
|
```bash
|
|
2885
|
-
npx @mui/codemod@
|
|
2885
|
+
npx @mui/codemod@latest v5.0.0/root-ref <path>
|
|
2886
2886
|
```
|
|
2887
2887
|
|
|
2888
2888
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#rootref).
|
|
@@ -2897,7 +2897,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
2897
2897
|
```
|
|
2898
2898
|
|
|
2899
2899
|
```bash
|
|
2900
|
-
npx @mui/codemod@
|
|
2900
|
+
npx @mui/codemod@latest v5.0.0/skeleton-variant <path>
|
|
2901
2901
|
```
|
|
2902
2902
|
|
|
2903
2903
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#skeleton).
|
|
@@ -2907,7 +2907,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
2907
2907
|
Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
|
|
2908
2908
|
|
|
2909
2909
|
```bash
|
|
2910
|
-
npx @mui/codemod@
|
|
2910
|
+
npx @mui/codemod@latest v5.0.0/styled-engine-provider <path>
|
|
2911
2911
|
```
|
|
2912
2912
|
|
|
2913
2913
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#style-library).
|
|
@@ -2933,7 +2933,7 @@ Renames props in `Table*` components.
|
|
|
2933
2933
|
```
|
|
2934
2934
|
|
|
2935
2935
|
```bash
|
|
2936
|
-
npx @mui/codemod@
|
|
2936
|
+
npx @mui/codemod@latest v5.0.0/table-props <path>
|
|
2937
2937
|
```
|
|
2938
2938
|
|
|
2939
2939
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#table).
|
|
@@ -2952,7 +2952,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
|
|
|
2952
2952
|
```
|
|
2953
2953
|
|
|
2954
2954
|
```bash
|
|
2955
|
-
npx @mui/codemod@
|
|
2955
|
+
npx @mui/codemod@latest v5.0.0/tabs-scroll-buttons <path>
|
|
2956
2956
|
```
|
|
2957
2957
|
|
|
2958
2958
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#tabs).
|
|
@@ -2971,7 +2971,7 @@ Renames `TextField`'s rows props.
|
|
|
2971
2971
|
```
|
|
2972
2972
|
|
|
2973
2973
|
```bash
|
|
2974
|
-
npx @mui/codemod@
|
|
2974
|
+
npx @mui/codemod@latest v5.0.0/textarea-minmax-rows <path>
|
|
2975
2975
|
```
|
|
2976
2976
|
|
|
2977
2977
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -2984,7 +2984,7 @@ You can find more details about this breaking change in the migration guide.
|
|
|
2984
2984
|
Adds `DefaultTheme` module augmentation to TypeScript projects.
|
|
2985
2985
|
|
|
2986
2986
|
```bash
|
|
2987
|
-
npx @mui/codemod@
|
|
2987
|
+
npx @mui/codemod@latest v5.0.0/theme-augment <path>
|
|
2988
2988
|
```
|
|
2989
2989
|
|
|
2990
2990
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-styles).
|
|
@@ -3003,7 +3003,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
|
|
|
3003
3003
|
<!-- #default-branch-switch -->
|
|
3004
3004
|
|
|
3005
3005
|
```bash
|
|
3006
|
-
npx @mui/codemod@
|
|
3006
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints <path>
|
|
3007
3007
|
```
|
|
3008
3008
|
|
|
3009
3009
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3013,7 +3013,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3013
3013
|
Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
|
|
3014
3014
|
|
|
3015
3015
|
```bash
|
|
3016
|
-
npx @mui/codemod@
|
|
3016
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints-width <path>
|
|
3017
3017
|
```
|
|
3018
3018
|
|
|
3019
3019
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3026,7 +3026,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3026
3026
|
```
|
|
3027
3027
|
|
|
3028
3028
|
```bash
|
|
3029
|
-
npx @mui/codemod@
|
|
3029
|
+
npx @mui/codemod@latest v5.0.0/theme-options <path>
|
|
3030
3030
|
```
|
|
3031
3031
|
|
|
3032
3032
|
#### `theme-palette-mode`
|
|
@@ -3048,7 +3048,7 @@ Renames `type` to `mode`.
|
|
|
3048
3048
|
```
|
|
3049
3049
|
|
|
3050
3050
|
```bash
|
|
3051
|
-
npx @mui/codemod@
|
|
3051
|
+
npx @mui/codemod@latest v5.0.0/theme-palette-mode <path>
|
|
3052
3052
|
```
|
|
3053
3053
|
|
|
3054
3054
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3058,7 +3058,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3058
3058
|
Renames `MuiThemeProvider` to `ThemeProvider`.
|
|
3059
3059
|
|
|
3060
3060
|
```bash
|
|
3061
|
-
npx @mui/codemod@
|
|
3061
|
+
npx @mui/codemod@latest v5.0.0/theme-provider <path>
|
|
3062
3062
|
```
|
|
3063
3063
|
|
|
3064
3064
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-core-styles).
|
|
@@ -3077,7 +3077,7 @@ Removes the 'px' suffix from some template strings.
|
|
|
3077
3077
|
<!-- #default-branch-switch -->
|
|
3078
3078
|
|
|
3079
3079
|
```bash
|
|
3080
|
-
npx @mui/codemod@
|
|
3080
|
+
npx @mui/codemod@latest v5.0.0/theme-spacing <path>
|
|
3081
3081
|
```
|
|
3082
3082
|
|
|
3083
3083
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3092,7 +3092,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
|
|
|
3092
3092
|
```
|
|
3093
3093
|
|
|
3094
3094
|
```bash
|
|
3095
|
-
npx @mui/codemod@
|
|
3095
|
+
npx @mui/codemod@latest v5.0.0/theme-typography-round <path>
|
|
3096
3096
|
```
|
|
3097
3097
|
|
|
3098
3098
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3110,7 +3110,7 @@ Converts all `@mui/material` submodule imports to the root module:
|
|
|
3110
3110
|
<!-- #default-branch-switch -->
|
|
3111
3111
|
|
|
3112
3112
|
```bash
|
|
3113
|
-
npx @mui/codemod@
|
|
3113
|
+
npx @mui/codemod@latest v5.0.0/top-level-imports <path>
|
|
3114
3114
|
```
|
|
3115
3115
|
|
|
3116
3116
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3120,7 +3120,7 @@ Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's u
|
|
|
3120
3120
|
Renames import `transitions` to `createTransitions`
|
|
3121
3121
|
|
|
3122
3122
|
```bash
|
|
3123
|
-
npx @mui/codemod@
|
|
3123
|
+
npx @mui/codemod@latest v5.0.0/transitions <path>
|
|
3124
3124
|
```
|
|
3125
3125
|
|
|
3126
3126
|
#### `use-autocomplete`
|
|
@@ -3133,7 +3133,7 @@ Renames `useAutocomplete` related import from lab to core
|
|
|
3133
3133
|
```
|
|
3134
3134
|
|
|
3135
3135
|
```bash
|
|
3136
|
-
npx @mui/codemod@
|
|
3136
|
+
npx @mui/codemod@latest v5.0.0/use-autocomplete <path>
|
|
3137
3137
|
```
|
|
3138
3138
|
|
|
3139
3139
|
#### `use-transitionprops`
|
|
@@ -3162,7 +3162,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
|
|
|
3162
3162
|
<!-- #default-branch-switch -->
|
|
3163
3163
|
|
|
3164
3164
|
```bash
|
|
3165
|
-
npx @mui/codemod@
|
|
3165
|
+
npx @mui/codemod@latest v5.0.0/use-transitionprops <path>
|
|
3166
3166
|
```
|
|
3167
3167
|
|
|
3168
3168
|
You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3192,7 +3192,7 @@ The diff should look like this:
|
|
|
3192
3192
|
<!-- #default-branch-switch -->
|
|
3193
3193
|
|
|
3194
3194
|
```bash
|
|
3195
|
-
npx @mui/codemod@
|
|
3195
|
+
npx @mui/codemod@latest v5.0.0/variant-prop <path>
|
|
3196
3196
|
```
|
|
3197
3197
|
|
|
3198
3198
|
#### `with-mobile-dialog`
|
|
@@ -3206,7 +3206,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
|
|
|
3206
3206
|
```
|
|
3207
3207
|
|
|
3208
3208
|
```bash
|
|
3209
|
-
npx @mui/codemod@
|
|
3209
|
+
npx @mui/codemod@latest v5.0.0/with-mobile-dialog <path>
|
|
3210
3210
|
```
|
|
3211
3211
|
|
|
3212
3212
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3222,7 +3222,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
|
|
|
3222
3222
|
```
|
|
3223
3223
|
|
|
3224
3224
|
```bash
|
|
3225
|
-
npx @mui/codemod@
|
|
3225
|
+
npx @mui/codemod@latest v5.0.0/with-width <path>
|
|
3226
3226
|
```
|
|
3227
3227
|
|
|
3228
3228
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#material-ui-core-styles).
|
|
@@ -3283,7 +3283,7 @@ Replace every occurrence of `material-ui` related package with the new package n
|
|
|
3283
3283
|
```
|
|
3284
3284
|
|
|
3285
3285
|
```bash
|
|
3286
|
-
npx @mui/codemod@
|
|
3286
|
+
npx @mui/codemod@latest v5.0.0/mui-replace <path>
|
|
3287
3287
|
```
|
|
3288
3288
|
|
|
3289
3289
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/migration-v4/#update-material-ui-version).
|
|
@@ -3303,7 +3303,7 @@ The diff should look like this:
|
|
|
3303
3303
|
<!-- #default-branch-switch -->
|
|
3304
3304
|
|
|
3305
3305
|
```bash
|
|
3306
|
-
npx @mui/codemod@
|
|
3306
|
+
npx @mui/codemod@latest v4.0.0/theme-spacing-api <path>
|
|
3307
3307
|
```
|
|
3308
3308
|
|
|
3309
3309
|
This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
|
|
@@ -3330,7 +3330,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
|
|
|
3330
3330
|
<!-- #default-branch-switch -->
|
|
3331
3331
|
|
|
3332
3332
|
```bash
|
|
3333
|
-
npx @mui/codemod@
|
|
3333
|
+
npx @mui/codemod@latest v4.0.0/optimal-imports <path>
|
|
3334
3334
|
```
|
|
3335
3335
|
|
|
3336
3336
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3348,7 +3348,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
|
|
|
3348
3348
|
<!-- #default-branch-switch -->
|
|
3349
3349
|
|
|
3350
3350
|
```bash
|
|
3351
|
-
npx @mui/codemod@
|
|
3351
|
+
npx @mui/codemod@latest v4.0.0/top-level-imports <path>
|
|
3352
3352
|
```
|
|
3353
3353
|
|
|
3354
3354
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3369,7 +3369,7 @@ The diff should look like this:
|
|
|
3369
3369
|
<!-- #default-branch-switch -->
|
|
3370
3370
|
|
|
3371
3371
|
```bash
|
|
3372
|
-
npx @mui/codemod@
|
|
3372
|
+
npx @mui/codemod@latest v1.0.0/import-path <path>
|
|
3373
3373
|
```
|
|
3374
3374
|
|
|
3375
3375
|
**Notice**: if you are migrating from pre-v1.0, and your imports use `material-ui`, you will need to manually find and replace all references to `material-ui` in your code to `@material-ui/core`. E.g.:
|
|
@@ -3396,7 +3396,7 @@ The diff should look like this:
|
|
|
3396
3396
|
<!-- #default-branch-switch -->
|
|
3397
3397
|
|
|
3398
3398
|
```bash
|
|
3399
|
-
npx @mui/codemod@
|
|
3399
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path>
|
|
3400
3400
|
```
|
|
3401
3401
|
|
|
3402
3402
|
**additional options**
|
|
@@ -3404,7 +3404,7 @@ npx @mui/codemod@next v1.0.0/color-imports <path>
|
|
|
3404
3404
|
<!-- #default-branch-switch -->
|
|
3405
3405
|
|
|
3406
3406
|
```bash
|
|
3407
|
-
npx @mui/codemod@
|
|
3407
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
|
|
3408
3408
|
```
|
|
3409
3409
|
|
|
3410
3410
|
#### `svg-icon-imports`
|
|
@@ -3422,7 +3422,7 @@ The diff should look like this:
|
|
|
3422
3422
|
<!-- #default-branch-switch -->
|
|
3423
3423
|
|
|
3424
3424
|
```bash
|
|
3425
|
-
npx @mui/codemod@
|
|
3425
|
+
npx @mui/codemod@latest v1.0.0/svg-icon-imports <path>
|
|
3426
3426
|
```
|
|
3427
3427
|
|
|
3428
3428
|
#### `menu-item-primary-text`
|
|
@@ -3440,7 +3440,7 @@ The diff should look like this:
|
|
|
3440
3440
|
<!-- #default-branch-switch -->
|
|
3441
3441
|
|
|
3442
3442
|
```bash
|
|
3443
|
-
npx @mui/codemod@
|
|
3443
|
+
npx @mui/codemod@latest v1.0.0/menu-item-primary-text <path>
|
|
3444
3444
|
```
|
|
3445
3445
|
|
|
3446
3446
|
### v0.15.0
|
|
@@ -3464,5 +3464,5 @@ The diff should look like this:
|
|
|
3464
3464
|
<!-- #default-branch-switch -->
|
|
3465
3465
|
|
|
3466
3466
|
```bash
|
|
3467
|
-
npx @mui/codemod@
|
|
3467
|
+
npx @mui/codemod@latest v0.15.0/import-path <path>
|
|
3468
3468
|
```
|