@mui/codemod 9.0.0-beta.0 → 9.0.1
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/CHANGELOG.md +208 -1245
- package/README.md +163 -156
- package/package.json +3 -3
- package/v5.0.0/jss-to-styled.test/fifth.actual.js +1 -1
- package/v5.0.0/jss-to-styled.test/fifth.expected.js +1 -1
- package/v5.0.0/jss-to-styled.test/second.actual.js +1 -1
- package/v5.0.0/jss-to-styled.test/second.expected.js +1 -1
- package/v5.0.0/theme-spacing.test/large-actual.js +1 -1
- package/v5.0.0/theme-spacing.test/large-expected.js +1 -1
- package/v6.0.0/styled/test-cases/NestedSpread.actual.js +1 -1
- package/v6.0.0/styled/test-cases/NestedSpread.expected.js +1 -1
- package/v9.0.0/system-props/removeSystemProps.js +18 -1
- package/v9.0.0/system-props/test-cases/system-props-jsx-custom.actual.js +18 -0
- package/v9.0.0/system-props/test-cases/system-props-jsx-custom.expected.js +24 -0
- package/v9.0.0/system-props/test-cases/system-props-jsx.actual.js +32 -0
- package/v9.0.0/system-props/test-cases/system-props-jsx.expected.js +41 -0
- package/v9.0.0/system-props/test-cases/system-props-package-name-similar.actual.js +15 -0
- package/v9.0.0/system-props/test-cases/system-props-package-name-similar.expected.js +15 -0
- package/v9.0.0/system-props/test-cases/system-props-package-name.actual.js +20 -0
- package/v9.0.0/system-props/test-cases/system-props-package-name.expected.js +26 -0
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ Some of the codemods also run [postcss](https://github.com/postcss/postcss) plug
|
|
|
14
14
|
<!-- #npm-tag-reference -->
|
|
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
|
### package name
|
|
@@ -45,7 +45,7 @@ Examples:
|
|
|
45
45
|
Use this flag if you have a custom package name that reexports Material UI components. For example:
|
|
46
46
|
|
|
47
47
|
```bash
|
|
48
|
-
npx @mui/codemod@
|
|
48
|
+
npx @mui/codemod@latest --packageName="@org/ui"
|
|
49
49
|
```
|
|
50
50
|
|
|
51
51
|
The snippet above will look for `@org/ui` instead of `@mui/material` in the codemod.
|
|
@@ -55,7 +55,7 @@ The snippet above will look for `@org/ui` instead of `@mui/material` in the code
|
|
|
55
55
|
To pass more options directly to jscodeshift, use `--jscodeshift="..."`. For example:
|
|
56
56
|
|
|
57
57
|
```bash
|
|
58
|
-
npx @mui/codemod@
|
|
58
|
+
npx @mui/codemod@latest --jscodeshift="--run-in-band --verbose=2"
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
|
|
@@ -66,7 +66,7 @@ Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
|
|
|
66
66
|
through jscodeshift's `printOptions` command line argument
|
|
67
67
|
|
|
68
68
|
```bash
|
|
69
|
-
npx @mui/codemod@
|
|
69
|
+
npx @mui/codemod@latest <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
## Included scripts
|
|
@@ -82,7 +82,7 @@ npx @mui/codemod@next <transform> <path> --jscodeshift="--printOptions='{\"quote
|
|
|
82
82
|
### Deprecations
|
|
83
83
|
|
|
84
84
|
```bash
|
|
85
|
-
npx @mui/codemod@
|
|
85
|
+
npx @mui/codemod@latest deprecations/all <path>
|
|
86
86
|
```
|
|
87
87
|
|
|
88
88
|
#### `all`
|
|
@@ -101,7 +101,7 @@ A combination of all deprecations.
|
|
|
101
101
|
```
|
|
102
102
|
|
|
103
103
|
```bash
|
|
104
|
-
npx @mui/codemod@
|
|
104
|
+
npx @mui/codemod@latest deprecations/accordion-props <path>
|
|
105
105
|
```
|
|
106
106
|
|
|
107
107
|
#### `accordion-summary-classes`
|
|
@@ -144,7 +144,7 @@ CSS transforms:
|
|
|
144
144
|
```
|
|
145
145
|
|
|
146
146
|
```bash
|
|
147
|
-
npx @mui/codemod@
|
|
147
|
+
npx @mui/codemod@latest deprecations/accordion-summary-classes <path>
|
|
148
148
|
```
|
|
149
149
|
|
|
150
150
|
#### `alert-classes`
|
|
@@ -240,7 +240,7 @@ CSS transforms:
|
|
|
240
240
|
```
|
|
241
241
|
|
|
242
242
|
```bash
|
|
243
|
-
npx @mui/codemod@
|
|
243
|
+
npx @mui/codemod@latest deprecations/alert-classes <path>
|
|
244
244
|
```
|
|
245
245
|
|
|
246
246
|
#### `alert-props`
|
|
@@ -266,7 +266,7 @@ npx @mui/codemod@next deprecations/alert-classes <path>
|
|
|
266
266
|
```
|
|
267
267
|
|
|
268
268
|
```bash
|
|
269
|
-
npx @mui/codemod@
|
|
269
|
+
npx @mui/codemod@latest deprecations/alert-props <path>
|
|
270
270
|
```
|
|
271
271
|
|
|
272
272
|
#### `autocomplete-props`
|
|
@@ -392,7 +392,7 @@ npx @mui/codemod@next deprecations/alert-props <path>
|
|
|
392
392
|
```
|
|
393
393
|
|
|
394
394
|
```bash
|
|
395
|
-
npx @mui/codemod@
|
|
395
|
+
npx @mui/codemod@latest deprecations/autocomplete-props <path>
|
|
396
396
|
```
|
|
397
397
|
|
|
398
398
|
#### `avatar-group-props`
|
|
@@ -440,7 +440,7 @@ npx @mui/codemod@next deprecations/autocomplete-props <path>
|
|
|
440
440
|
```
|
|
441
441
|
|
|
442
442
|
```bash
|
|
443
|
-
npx @mui/codemod@
|
|
443
|
+
npx @mui/codemod@latest deprecations/avatar-group-props <path>
|
|
444
444
|
```
|
|
445
445
|
|
|
446
446
|
#### `avatar-props`
|
|
@@ -460,7 +460,7 @@ npx @mui/codemod@next deprecations/avatar-group-props <path>
|
|
|
460
460
|
```
|
|
461
461
|
|
|
462
462
|
```bash
|
|
463
|
-
npx @mui/codemod@
|
|
463
|
+
npx @mui/codemod@latest deprecations/avatar-props <path>
|
|
464
464
|
```
|
|
465
465
|
|
|
466
466
|
#### `backdrop-props`
|
|
@@ -493,7 +493,7 @@ npx @mui/codemod@next deprecations/avatar-props <path>
|
|
|
493
493
|
```
|
|
494
494
|
|
|
495
495
|
```bash
|
|
496
|
-
npx @mui/codemod@
|
|
496
|
+
npx @mui/codemod@latest deprecations/backdrop-props <path>
|
|
497
497
|
```
|
|
498
498
|
|
|
499
499
|
#### `badge-props`
|
|
@@ -519,7 +519,7 @@ npx @mui/codemod@next deprecations/backdrop-props <path>
|
|
|
519
519
|
```
|
|
520
520
|
|
|
521
521
|
```bash
|
|
522
|
-
npx @mui/codemod@
|
|
522
|
+
npx @mui/codemod@latest deprecations/badge-props <path>
|
|
523
523
|
```
|
|
524
524
|
|
|
525
525
|
#### `button-classes`
|
|
@@ -741,7 +741,7 @@ CSS transforms:
|
|
|
741
741
|
```
|
|
742
742
|
|
|
743
743
|
```bash
|
|
744
|
-
npx @mui/codemod@
|
|
744
|
+
npx @mui/codemod@latest deprecations/button-classes <path>
|
|
745
745
|
```
|
|
746
746
|
|
|
747
747
|
#### `button-group-classes`
|
|
@@ -867,7 +867,7 @@ CSS transforms:
|
|
|
867
867
|
```
|
|
868
868
|
|
|
869
869
|
```bash
|
|
870
|
-
npx @mui/codemod@
|
|
870
|
+
npx @mui/codemod@latest deprecations/button-group-classes <path>
|
|
871
871
|
```
|
|
872
872
|
|
|
873
873
|
#### `card-header-props`
|
|
@@ -897,7 +897,7 @@ npx @mui/codemod@next deprecations/button-group-classes <path>
|
|
|
897
897
|
```
|
|
898
898
|
|
|
899
899
|
```bash
|
|
900
|
-
npx @mui/codemod@
|
|
900
|
+
npx @mui/codemod@latest deprecations/card-header-props <path>
|
|
901
901
|
```
|
|
902
902
|
|
|
903
903
|
#### `checkbox-props`
|
|
@@ -911,7 +911,7 @@ npx @mui/codemod@next deprecations/card-header-props <path>
|
|
|
911
911
|
```
|
|
912
912
|
|
|
913
913
|
```bash
|
|
914
|
-
npx @mui/codemod@
|
|
914
|
+
npx @mui/codemod@latest deprecations/checkbox-props <path>
|
|
915
915
|
```
|
|
916
916
|
|
|
917
917
|
#### `chip-classes`
|
|
@@ -1092,7 +1092,7 @@ CSS transforms:
|
|
|
1092
1092
|
```
|
|
1093
1093
|
|
|
1094
1094
|
```bash
|
|
1095
|
-
npx @mui/codemod@
|
|
1095
|
+
npx @mui/codemod@latest deprecations/chip-classes <path>
|
|
1096
1096
|
```
|
|
1097
1097
|
|
|
1098
1098
|
#### `circular-progress-classes`
|
|
@@ -1131,7 +1131,7 @@ CSS transforms:
|
|
|
1131
1131
|
```
|
|
1132
1132
|
|
|
1133
1133
|
```bash
|
|
1134
|
-
npx @mui/codemod@
|
|
1134
|
+
npx @mui/codemod@latest deprecations/circular-progress-classes <path>
|
|
1135
1135
|
```
|
|
1136
1136
|
|
|
1137
1137
|
#### `divider-props`
|
|
@@ -1144,7 +1144,7 @@ npx @mui/codemod@next deprecations/circular-progress-classes <path>
|
|
|
1144
1144
|
```
|
|
1145
1145
|
|
|
1146
1146
|
```bash
|
|
1147
|
-
npx @mui/codemod@
|
|
1147
|
+
npx @mui/codemod@latest deprecations/divider-props <path>
|
|
1148
1148
|
```
|
|
1149
1149
|
|
|
1150
1150
|
#### `dialog-classes`
|
|
@@ -1180,7 +1180,7 @@ CSS transforms:
|
|
|
1180
1180
|
```
|
|
1181
1181
|
|
|
1182
1182
|
```bash
|
|
1183
|
-
npx @mui/codemod@
|
|
1183
|
+
npx @mui/codemod@latest deprecations/dialog-classes <path>
|
|
1184
1184
|
```
|
|
1185
1185
|
|
|
1186
1186
|
#### `dialog-props`
|
|
@@ -1202,7 +1202,7 @@ JS transforms:
|
|
|
1202
1202
|
```
|
|
1203
1203
|
|
|
1204
1204
|
```bash
|
|
1205
|
-
npx @mui/codemod@
|
|
1205
|
+
npx @mui/codemod@latest deprecations/dialog-props <path>
|
|
1206
1206
|
```
|
|
1207
1207
|
|
|
1208
1208
|
#### `drawer-classes`
|
|
@@ -1274,7 +1274,7 @@ CSS transforms:
|
|
|
1274
1274
|
```
|
|
1275
1275
|
|
|
1276
1276
|
```bash
|
|
1277
|
-
npx @mui/codemod@
|
|
1277
|
+
npx @mui/codemod@latest deprecations/drawer-classes <path>
|
|
1278
1278
|
```
|
|
1279
1279
|
|
|
1280
1280
|
#### `drawer-props`
|
|
@@ -1314,7 +1314,7 @@ The same applies to `SwipeableDrawer`.
|
|
|
1314
1314
|
```
|
|
1315
1315
|
|
|
1316
1316
|
```bash
|
|
1317
|
-
npx @mui/codemod@
|
|
1317
|
+
npx @mui/codemod@latest deprecations/drawer-props <path>
|
|
1318
1318
|
```
|
|
1319
1319
|
|
|
1320
1320
|
#### `filled-input-props`
|
|
@@ -1340,7 +1340,7 @@ npx @mui/codemod@next deprecations/drawer-props <path>
|
|
|
1340
1340
|
```
|
|
1341
1341
|
|
|
1342
1342
|
```bash
|
|
1343
|
-
npx @mui/codemod@
|
|
1343
|
+
npx @mui/codemod@latest deprecations/filled-input-props <path>
|
|
1344
1344
|
```
|
|
1345
1345
|
|
|
1346
1346
|
#### `form-control-label-props`
|
|
@@ -1362,7 +1362,7 @@ npx @mui/codemod@next deprecations/filled-input-props <path>
|
|
|
1362
1362
|
```
|
|
1363
1363
|
|
|
1364
1364
|
```bash
|
|
1365
|
-
npx @mui/codemod@
|
|
1365
|
+
npx @mui/codemod@latest deprecations/form-control-label-props <path>
|
|
1366
1366
|
|
|
1367
1367
|
```
|
|
1368
1368
|
|
|
@@ -1389,7 +1389,7 @@ npx @mui/codemod@next deprecations/form-control-label-props <path>
|
|
|
1389
1389
|
```
|
|
1390
1390
|
|
|
1391
1391
|
```bash
|
|
1392
|
-
npx @mui/codemod@
|
|
1392
|
+
npx @mui/codemod@latest deprecations/list-item-props <path>
|
|
1393
1393
|
```
|
|
1394
1394
|
|
|
1395
1395
|
#### `list-item-text-props`
|
|
@@ -1415,7 +1415,7 @@ npx @mui/codemod@next deprecations/list-item-props <path>
|
|
|
1415
1415
|
```
|
|
1416
1416
|
|
|
1417
1417
|
```bash
|
|
1418
|
-
npx @mui/codemod@
|
|
1418
|
+
npx @mui/codemod@latest deprecations/list-item-text-props <path>
|
|
1419
1419
|
```
|
|
1420
1420
|
|
|
1421
1421
|
#### `image-list-item-bar-classes`
|
|
@@ -1472,7 +1472,7 @@ CSS transforms:
|
|
|
1472
1472
|
```
|
|
1473
1473
|
|
|
1474
1474
|
```bash
|
|
1475
|
-
npx @mui/codemod@
|
|
1475
|
+
npx @mui/codemod@latest deprecations/image-list-item-bar-classes <path>
|
|
1476
1476
|
```
|
|
1477
1477
|
|
|
1478
1478
|
#### `input-base-props`
|
|
@@ -1498,7 +1498,7 @@ npx @mui/codemod@next deprecations/image-list-item-bar-classes <path>
|
|
|
1498
1498
|
```
|
|
1499
1499
|
|
|
1500
1500
|
```bash
|
|
1501
|
-
npx @mui/codemod@
|
|
1501
|
+
npx @mui/codemod@latest deprecations/input-base-props <path>
|
|
1502
1502
|
```
|
|
1503
1503
|
|
|
1504
1504
|
#### `input-base-classes`
|
|
@@ -1552,7 +1552,7 @@ CSS transforms:
|
|
|
1552
1552
|
```
|
|
1553
1553
|
|
|
1554
1554
|
```bash
|
|
1555
|
-
npx @mui/codemod@
|
|
1555
|
+
npx @mui/codemod@latest deprecations/input-base-classes <path>
|
|
1556
1556
|
```
|
|
1557
1557
|
|
|
1558
1558
|
#### `input-props`
|
|
@@ -1578,7 +1578,7 @@ npx @mui/codemod@next deprecations/input-base-classes <path>
|
|
|
1578
1578
|
```
|
|
1579
1579
|
|
|
1580
1580
|
```bash
|
|
1581
|
-
npx @mui/codemod@
|
|
1581
|
+
npx @mui/codemod@latest deprecations/input-props <path>
|
|
1582
1582
|
```
|
|
1583
1583
|
|
|
1584
1584
|
#### `linear-progress-classes`
|
|
@@ -1638,7 +1638,7 @@ CSS transforms:
|
|
|
1638
1638
|
```
|
|
1639
1639
|
|
|
1640
1640
|
```bash
|
|
1641
|
-
npx @mui/codemod@
|
|
1641
|
+
npx @mui/codemod@latest deprecations/linear-progress-classes <path>
|
|
1642
1642
|
```
|
|
1643
1643
|
|
|
1644
1644
|
#### `modal-props`
|
|
@@ -1664,7 +1664,7 @@ npx @mui/codemod@next deprecations/linear-progress-classes <path>
|
|
|
1664
1664
|
```
|
|
1665
1665
|
|
|
1666
1666
|
```bash
|
|
1667
|
-
npx @mui/codemod@
|
|
1667
|
+
npx @mui/codemod@latest deprecations/modal-props <path>
|
|
1668
1668
|
```
|
|
1669
1669
|
|
|
1670
1670
|
#### `mobile-stepper-props`
|
|
@@ -1677,7 +1677,7 @@ npx @mui/codemod@next deprecations/modal-props <path>
|
|
|
1677
1677
|
```
|
|
1678
1678
|
|
|
1679
1679
|
```bash
|
|
1680
|
-
npx @mui/codemod@
|
|
1680
|
+
npx @mui/codemod@latest deprecations/mobile-stepper-props <path>
|
|
1681
1681
|
```
|
|
1682
1682
|
|
|
1683
1683
|
#### `menu-props`
|
|
@@ -1711,7 +1711,7 @@ npx @mui/codemod@next deprecations/mobile-stepper-props <path>
|
|
|
1711
1711
|
```
|
|
1712
1712
|
|
|
1713
1713
|
```bash
|
|
1714
|
-
npx @mui/codemod@
|
|
1714
|
+
npx @mui/codemod@latest deprecations/menu-props <path>
|
|
1715
1715
|
```
|
|
1716
1716
|
|
|
1717
1717
|
#### `pagination-item-classes`
|
|
@@ -1775,7 +1775,7 @@ CSS transforms:
|
|
|
1775
1775
|
```
|
|
1776
1776
|
|
|
1777
1777
|
```bash
|
|
1778
|
-
npx @mui/codemod@
|
|
1778
|
+
npx @mui/codemod@latest deprecations/pagination-item-classes <path>
|
|
1779
1779
|
```
|
|
1780
1780
|
|
|
1781
1781
|
#### `pagination-item-props`
|
|
@@ -1797,7 +1797,7 @@ npx @mui/codemod@next deprecations/pagination-item-classes <path>
|
|
|
1797
1797
|
```
|
|
1798
1798
|
|
|
1799
1799
|
```bash
|
|
1800
|
-
npx @mui/codemod@
|
|
1800
|
+
npx @mui/codemod@latest deprecations/pagination-item-props <path>
|
|
1801
1801
|
```
|
|
1802
1802
|
|
|
1803
1803
|
#### `popover-props`
|
|
@@ -1837,7 +1837,7 @@ npx @mui/codemod@next deprecations/pagination-item-props <path>
|
|
|
1837
1837
|
```
|
|
1838
1838
|
|
|
1839
1839
|
```bash
|
|
1840
|
-
npx @mui/codemod@
|
|
1840
|
+
npx @mui/codemod@latest deprecations/popover-props <path>
|
|
1841
1841
|
```
|
|
1842
1842
|
|
|
1843
1843
|
#### `popper-props`
|
|
@@ -1863,7 +1863,7 @@ npx @mui/codemod@next deprecations/popover-props <path>
|
|
|
1863
1863
|
```
|
|
1864
1864
|
|
|
1865
1865
|
```bash
|
|
1866
|
-
npx @mui/codemod@
|
|
1866
|
+
npx @mui/codemod@latest deprecations/popper-props <path>
|
|
1867
1867
|
```
|
|
1868
1868
|
|
|
1869
1869
|
#### `outlined-input-props`
|
|
@@ -1889,7 +1889,7 @@ npx @mui/codemod@next deprecations/popper-props <path>
|
|
|
1889
1889
|
```
|
|
1890
1890
|
|
|
1891
1891
|
```bash
|
|
1892
|
-
npx @mui/codemod@
|
|
1892
|
+
npx @mui/codemod@latest deprecations/outlined-input-props <path>
|
|
1893
1893
|
```
|
|
1894
1894
|
|
|
1895
1895
|
#### `rating-props`
|
|
@@ -1906,7 +1906,7 @@ npx @mui/codemod@next deprecations/outlined-input-props <path>
|
|
|
1906
1906
|
<!-- #npm-tag-reference -->
|
|
1907
1907
|
|
|
1908
1908
|
```bash
|
|
1909
|
-
npx @mui/codemod@
|
|
1909
|
+
npx @mui/codemod@latest deprecations/rating-props <path>
|
|
1910
1910
|
```
|
|
1911
1911
|
|
|
1912
1912
|
#### `radio-props`
|
|
@@ -1920,7 +1920,7 @@ npx @mui/codemod@next deprecations/rating-props <path>
|
|
|
1920
1920
|
```
|
|
1921
1921
|
|
|
1922
1922
|
```bash
|
|
1923
|
-
npx @mui/codemod@
|
|
1923
|
+
npx @mui/codemod@latest deprecations/radio-props <path>
|
|
1924
1924
|
```
|
|
1925
1925
|
|
|
1926
1926
|
#### `select-classes`
|
|
@@ -1968,7 +1968,7 @@ CSS transforms:
|
|
|
1968
1968
|
```
|
|
1969
1969
|
|
|
1970
1970
|
```bash
|
|
1971
|
-
npx @mui/codemod@
|
|
1971
|
+
npx @mui/codemod@latest deprecations/select-classes <path>
|
|
1972
1972
|
```
|
|
1973
1973
|
|
|
1974
1974
|
#### `slider-props`
|
|
@@ -1994,7 +1994,7 @@ npx @mui/codemod@next deprecations/select-classes <path>
|
|
|
1994
1994
|
```
|
|
1995
1995
|
|
|
1996
1996
|
```bash
|
|
1997
|
-
npx @mui/codemod@
|
|
1997
|
+
npx @mui/codemod@latest deprecations/slider-props <path>
|
|
1998
1998
|
```
|
|
1999
1999
|
|
|
2000
2000
|
#### `snackbar-props`
|
|
@@ -2017,7 +2017,7 @@ npx @mui/codemod@next deprecations/slider-props <path>
|
|
|
2017
2017
|
<!-- #npm-tag-reference -->
|
|
2018
2018
|
|
|
2019
2019
|
```bash
|
|
2020
|
-
npx @mui/codemod@
|
|
2020
|
+
npx @mui/codemod@latest deprecations/snackbar-props <path>
|
|
2021
2021
|
```
|
|
2022
2022
|
|
|
2023
2023
|
#### `speed-dial-props`
|
|
@@ -2043,7 +2043,7 @@ npx @mui/codemod@next deprecations/snackbar-props <path>
|
|
|
2043
2043
|
```
|
|
2044
2044
|
|
|
2045
2045
|
```bash
|
|
2046
|
-
npx @mui/codemod@
|
|
2046
|
+
npx @mui/codemod@latest deprecations/speed-dial-props <path>
|
|
2047
2047
|
```
|
|
2048
2048
|
|
|
2049
2049
|
#### `speed-dial-action-props`
|
|
@@ -2089,7 +2089,7 @@ npx @mui/codemod@next deprecations/speed-dial-props <path>
|
|
|
2089
2089
|
```
|
|
2090
2090
|
|
|
2091
2091
|
```bash
|
|
2092
|
-
npx @mui/codemod@
|
|
2092
|
+
npx @mui/codemod@latest deprecations/speed-dial-action-props <path>
|
|
2093
2093
|
```
|
|
2094
2094
|
|
|
2095
2095
|
#### `slider-classes`
|
|
@@ -2161,7 +2161,7 @@ CSS transforms:
|
|
|
2161
2161
|
```
|
|
2162
2162
|
|
|
2163
2163
|
```bash
|
|
2164
|
-
npx @mui/codemod@
|
|
2164
|
+
npx @mui/codemod@latest deprecations/slider-classes <path>
|
|
2165
2165
|
```
|
|
2166
2166
|
|
|
2167
2167
|
#### `tabs-props`
|
|
@@ -2204,7 +2204,7 @@ npx @mui/codemod@next deprecations/slider-classes <path>
|
|
|
2204
2204
|
```
|
|
2205
2205
|
|
|
2206
2206
|
```bash
|
|
2207
|
-
npx @mui/codemod@
|
|
2207
|
+
npx @mui/codemod@latest deprecations/tabs-props <path>
|
|
2208
2208
|
```
|
|
2209
2209
|
|
|
2210
2210
|
#### `tooltip-props`
|
|
@@ -2258,7 +2258,7 @@ npx @mui/codemod@next deprecations/tabs-props <path>
|
|
|
2258
2258
|
```
|
|
2259
2259
|
|
|
2260
2260
|
```bash
|
|
2261
|
-
npx @mui/codemod@
|
|
2261
|
+
npx @mui/codemod@latest deprecations/tooltip-props <path>
|
|
2262
2262
|
```
|
|
2263
2263
|
|
|
2264
2264
|
#### `step-connector-classes`
|
|
@@ -2299,7 +2299,7 @@ CSS transforms:
|
|
|
2299
2299
|
<!-- #npm-tag-reference -->
|
|
2300
2300
|
|
|
2301
2301
|
```bash
|
|
2302
|
-
npx @mui/codemod@
|
|
2302
|
+
npx @mui/codemod@latest deprecations/step-connector-classes <path>
|
|
2303
2303
|
```
|
|
2304
2304
|
|
|
2305
2305
|
#### `step-content-props`
|
|
@@ -2314,7 +2314,7 @@ npx @mui/codemod@next deprecations/step-connector-classes <path>
|
|
|
2314
2314
|
```
|
|
2315
2315
|
|
|
2316
2316
|
```bash
|
|
2317
|
-
npx @mui/codemod@
|
|
2317
|
+
npx @mui/codemod@latest deprecations/step-content-props <path>
|
|
2318
2318
|
```
|
|
2319
2319
|
|
|
2320
2320
|
#### `step-label-props`
|
|
@@ -2344,7 +2344,7 @@ npx @mui/codemod@next deprecations/step-content-props <path>
|
|
|
2344
2344
|
```
|
|
2345
2345
|
|
|
2346
2346
|
```bash
|
|
2347
|
-
npx @mui/codemod@
|
|
2347
|
+
npx @mui/codemod@latest deprecations/step-label-props <path>
|
|
2348
2348
|
```
|
|
2349
2349
|
|
|
2350
2350
|
#### `switch-props`
|
|
@@ -2358,7 +2358,7 @@ npx @mui/codemod@next deprecations/step-label-props <path>
|
|
|
2358
2358
|
```
|
|
2359
2359
|
|
|
2360
2360
|
```bash
|
|
2361
|
-
npx @mui/codemod@
|
|
2361
|
+
npx @mui/codemod@latest deprecations/switch-props <path>
|
|
2362
2362
|
```
|
|
2363
2363
|
|
|
2364
2364
|
#### `text-field-props`
|
|
@@ -2381,7 +2381,7 @@ npx @mui/codemod@next deprecations/switch-props <path>
|
|
|
2381
2381
|
```
|
|
2382
2382
|
|
|
2383
2383
|
```bash
|
|
2384
|
-
npx @mui/codemod@
|
|
2384
|
+
npx @mui/codemod@latest deprecations/text-field-props <path>
|
|
2385
2385
|
```
|
|
2386
2386
|
|
|
2387
2387
|
#### `toggle-button-group-classes`
|
|
@@ -2420,7 +2420,7 @@ CSS transforms:
|
|
|
2420
2420
|
```
|
|
2421
2421
|
|
|
2422
2422
|
```bash
|
|
2423
|
-
npx @mui/codemod@
|
|
2423
|
+
npx @mui/codemod@latest deprecations/toggle-button-group-classes <path>
|
|
2424
2424
|
```
|
|
2425
2425
|
|
|
2426
2426
|
#### `tab-classes`
|
|
@@ -2450,7 +2450,7 @@ CSS transforms:
|
|
|
2450
2450
|
```
|
|
2451
2451
|
|
|
2452
2452
|
```bash
|
|
2453
|
-
npx @mui/codemod@
|
|
2453
|
+
npx @mui/codemod@latest deprecations/tab-classes <path>
|
|
2454
2454
|
```
|
|
2455
2455
|
|
|
2456
2456
|
#### `table-sort-label-classes`
|
|
@@ -2489,7 +2489,7 @@ CSS transforms:
|
|
|
2489
2489
|
```
|
|
2490
2490
|
|
|
2491
2491
|
```bash
|
|
2492
|
-
npx @mui/codemod@
|
|
2492
|
+
npx @mui/codemod@latest deprecations/table-sort-label-classes <path>
|
|
2493
2493
|
```
|
|
2494
2494
|
|
|
2495
2495
|
#### `typography-props`
|
|
@@ -2518,7 +2518,7 @@ npx @mui/codemod@next deprecations/table-sort-label-classes <path>
|
|
|
2518
2518
|
```
|
|
2519
2519
|
|
|
2520
2520
|
```bash
|
|
2521
|
-
npx @mui/codemod@
|
|
2521
|
+
npx @mui/codemod@latest deprecations/typography-props <path>
|
|
2522
2522
|
```
|
|
2523
2523
|
|
|
2524
2524
|
### v9.0.0
|
|
@@ -2526,7 +2526,7 @@ npx @mui/codemod@next deprecations/typography-props <path>
|
|
|
2526
2526
|
#### `system-props`
|
|
2527
2527
|
|
|
2528
2528
|
```bash
|
|
2529
|
-
npx @mui/codemod@
|
|
2529
|
+
npx @mui/codemod@latest v9.0.0/system-props <path>
|
|
2530
2530
|
```
|
|
2531
2531
|
|
|
2532
2532
|
Remove system props from Box, Stack, Typography, Link, Grid, DialogContentText, TimelineContent, and TimelineOppositeContent components and move them to the `sx` prop.
|
|
@@ -2545,12 +2545,19 @@ Compared to the v6 codemod, the v9 version also handles:
|
|
|
2545
2545
|
+<Link href="#" sx={{ color: "text.secondary" }} />
|
|
2546
2546
|
```
|
|
2547
2547
|
|
|
2548
|
+
You can also pass `--jsx` to specify JSX element names directly, bypassing import detection.
|
|
2549
|
+
This is useful for projects using auto-import plugins (for example `unplugin-auto-import`) where Material UI components are available without explicit import statements:
|
|
2550
|
+
|
|
2551
|
+
```bash
|
|
2552
|
+
npx @mui/codemod@latest v9.0.0/system-props <path> -- --jsx=Box,Typography,Stack,Link,Grid,DialogContentText
|
|
2553
|
+
```
|
|
2554
|
+
|
|
2548
2555
|
### v7.0.0
|
|
2549
2556
|
|
|
2550
2557
|
#### `theme-color-functions`
|
|
2551
2558
|
|
|
2552
2559
|
```bash
|
|
2553
|
-
npx @mui/codemod@
|
|
2560
|
+
npx @mui/codemod@latest v7.0.0/theme-color-functions <path>
|
|
2554
2561
|
```
|
|
2555
2562
|
|
|
2556
2563
|
Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `@mui/system/colorManipulator` to use the `theme` object instead.
|
|
@@ -2573,7 +2580,7 @@ Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `
|
|
|
2573
2580
|
<!-- #npm-tag-reference -->
|
|
2574
2581
|
|
|
2575
2582
|
```bash
|
|
2576
|
-
npx @mui/codemod@
|
|
2583
|
+
npx @mui/codemod@latest v7.0.0/grid-props <path>
|
|
2577
2584
|
```
|
|
2578
2585
|
|
|
2579
2586
|
Updates the usage of the `@mui/material/Grid`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2594,7 +2601,7 @@ You can provide the theme breakpoints via options, for example, `--jscodeshift='
|
|
|
2594
2601
|
<!-- #npm-tag-reference -->
|
|
2595
2602
|
|
|
2596
2603
|
```bash
|
|
2597
|
-
npx @mui/codemod@
|
|
2604
|
+
npx @mui/codemod@latest v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2598
2605
|
```
|
|
2599
2606
|
|
|
2600
2607
|
```diff
|
|
@@ -2607,7 +2614,7 @@ npx @mui/codemod@next v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=m
|
|
|
2607
2614
|
<!-- #npm-tag-reference -->
|
|
2608
2615
|
|
|
2609
2616
|
```bash
|
|
2610
|
-
npx @mui/codemod@
|
|
2617
|
+
npx @mui/codemod@latest v7.0.0/lab-removed-components <path>
|
|
2611
2618
|
```
|
|
2612
2619
|
|
|
2613
2620
|
Update the import of the following components and hook moved from `@mui/lab` to `@mui/material`:
|
|
@@ -2653,19 +2660,19 @@ Updates the `InputLabel`'s `size` value from `normal` to `medium`.
|
|
|
2653
2660
|
<!-- #npm-tag-reference -->
|
|
2654
2661
|
|
|
2655
2662
|
```bash
|
|
2656
|
-
npx @mui/codemod@
|
|
2663
|
+
npx @mui/codemod@latest v7.0.0/input-label-size-normal-medium <path>
|
|
2657
2664
|
```
|
|
2658
2665
|
|
|
2659
2666
|
<!-- #host-reference -->
|
|
2660
2667
|
|
|
2661
|
-
You can find more details about this breaking change in [the migration guide](https://
|
|
2668
|
+
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
|
|
2662
2669
|
|
|
2663
2670
|
### v6.0.0
|
|
2664
2671
|
|
|
2665
2672
|
#### `sx-prop`
|
|
2666
2673
|
|
|
2667
2674
|
```bash
|
|
2668
|
-
npx @mui/codemod@
|
|
2675
|
+
npx @mui/codemod@latest v6.0.0/sx-prop <path>
|
|
2669
2676
|
```
|
|
2670
2677
|
|
|
2671
2678
|
Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
@@ -2688,7 +2695,7 @@ Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
|
2688
2695
|
#### `system-props`
|
|
2689
2696
|
|
|
2690
2697
|
```bash
|
|
2691
|
-
npx @mui/codemod@
|
|
2698
|
+
npx @mui/codemod@latest v6.0.0/system-props <path>
|
|
2692
2699
|
```
|
|
2693
2700
|
|
|
2694
2701
|
Remove system props and add them to the `sx` prop.
|
|
@@ -2701,7 +2708,7 @@ Remove system props and add them to the `sx` prop.
|
|
|
2701
2708
|
#### `theme-v6`
|
|
2702
2709
|
|
|
2703
2710
|
```bash
|
|
2704
|
-
npx @mui/codemod@
|
|
2711
|
+
npx @mui/codemod@latest v6.0.0/theme-v6 <path>
|
|
2705
2712
|
```
|
|
2706
2713
|
|
|
2707
2714
|
Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2763,7 +2770,7 @@ Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-
|
|
|
2763
2770
|
#### `styled`
|
|
2764
2771
|
|
|
2765
2772
|
```bash
|
|
2766
|
-
npx @mui/codemod@
|
|
2773
|
+
npx @mui/codemod@latest v6.0.0/styled <path>
|
|
2767
2774
|
```
|
|
2768
2775
|
|
|
2769
2776
|
Updates the usage of `styled` from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2837,7 +2844,7 @@ However, it has some **limitations**:
|
|
|
2837
2844
|
#### `grid-v2-props`
|
|
2838
2845
|
|
|
2839
2846
|
```bash
|
|
2840
|
-
npx @mui/codemod@
|
|
2847
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path>
|
|
2841
2848
|
```
|
|
2842
2849
|
|
|
2843
2850
|
Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2856,7 +2863,7 @@ Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/jo
|
|
|
2856
2863
|
You can provide the theme breakpoints via options, for example, `--jscodeshift='--muiBreakpoints=mobile,desktop'`, to use your custom breakpoints in the transformation.
|
|
2857
2864
|
|
|
2858
2865
|
```bash
|
|
2859
|
-
npx @mui/codemod@
|
|
2866
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2860
2867
|
```
|
|
2861
2868
|
|
|
2862
2869
|
```diff
|
|
@@ -2882,7 +2889,7 @@ This codemod updates the import and re-export statements.
|
|
|
2882
2889
|
```
|
|
2883
2890
|
|
|
2884
2891
|
```bash
|
|
2885
|
-
npx @mui/codemod@
|
|
2892
|
+
npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
|
|
2886
2893
|
```
|
|
2887
2894
|
|
|
2888
2895
|
#### `base-remove-unstyled-suffix`
|
|
@@ -2895,7 +2902,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
|
|
|
2895
2902
|
```
|
|
2896
2903
|
|
|
2897
2904
|
```bash
|
|
2898
|
-
npx @mui/codemod@
|
|
2905
|
+
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
|
|
2899
2906
|
```
|
|
2900
2907
|
|
|
2901
2908
|
#### `base-remove-component-prop`
|
|
@@ -2910,7 +2917,7 @@ This change only affects Base UI components.
|
|
|
2910
2917
|
```
|
|
2911
2918
|
|
|
2912
2919
|
```bash
|
|
2913
|
-
npx @mui/codemod@
|
|
2920
|
+
npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
|
|
2914
2921
|
```
|
|
2915
2922
|
|
|
2916
2923
|
#### `rename-css-variables`
|
|
@@ -2925,7 +2932,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
|
|
|
2925
2932
|
```
|
|
2926
2933
|
|
|
2927
2934
|
```bash
|
|
2928
|
-
npx @mui/codemod@
|
|
2935
|
+
npx @mui/codemod@latest v5.0.0/rename-css-variables <path>
|
|
2929
2936
|
```
|
|
2930
2937
|
|
|
2931
2938
|
#### `base-hook-imports`
|
|
@@ -2938,7 +2945,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
|
|
|
2938
2945
|
```
|
|
2939
2946
|
|
|
2940
2947
|
```bash
|
|
2941
|
-
npx @mui/codemod@
|
|
2948
|
+
npx @mui/codemod@latest v5.0.0/base-hook-imports <path>
|
|
2942
2949
|
```
|
|
2943
2950
|
|
|
2944
2951
|
#### `joy-rename-classname-prefix`
|
|
@@ -2953,7 +2960,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
|
|
|
2953
2960
|
```
|
|
2954
2961
|
|
|
2955
2962
|
```bash
|
|
2956
|
-
npx @mui/codemod@
|
|
2963
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-classname-prefix <path>
|
|
2957
2964
|
```
|
|
2958
2965
|
|
|
2959
2966
|
#### `joy-rename-row-prop`
|
|
@@ -2968,7 +2975,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
|
|
|
2968
2975
|
```
|
|
2969
2976
|
|
|
2970
2977
|
```bash
|
|
2971
|
-
npx @mui/codemod@
|
|
2978
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-row-prop <path>
|
|
2972
2979
|
```
|
|
2973
2980
|
|
|
2974
2981
|
#### `joy-avatar-remove-imgProps`
|
|
@@ -2986,7 +2993,7 @@ This change only affects Joy UI Avatar component.
|
|
|
2986
2993
|
```
|
|
2987
2994
|
|
|
2988
2995
|
```bash
|
|
2989
|
-
npx @mui/codemod@
|
|
2996
|
+
npx @mui/codemod@latest v5.0.0/joy-avatar-remove-imgProps <path>
|
|
2990
2997
|
```
|
|
2991
2998
|
|
|
2992
2999
|
#### `joy-text-field-to-input`
|
|
@@ -3044,7 +3051,7 @@ This change only affects Joy UI components.
|
|
|
3044
3051
|
```
|
|
3045
3052
|
|
|
3046
3053
|
```bash
|
|
3047
|
-
npx @mui/codemod@
|
|
3054
|
+
npx @mui/codemod@latest v5.0.0/joy-text-field-to-input <path>
|
|
3048
3055
|
```
|
|
3049
3056
|
|
|
3050
3057
|
#### `joy-rename-components-to-slots`
|
|
@@ -3063,7 +3070,7 @@ This change only affects Joy UI components.
|
|
|
3063
3070
|
```
|
|
3064
3071
|
|
|
3065
3072
|
```bash
|
|
3066
|
-
npx @mui/codemod@
|
|
3073
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-components-to-slots <path>
|
|
3067
3074
|
```
|
|
3068
3075
|
|
|
3069
3076
|
The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
|
|
@@ -3073,7 +3080,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
|
|
|
3073
3080
|
Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
|
|
3074
3081
|
|
|
3075
3082
|
```bash
|
|
3076
|
-
npx @mui/codemod@
|
|
3083
|
+
npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>
|
|
3077
3084
|
```
|
|
3078
3085
|
|
|
3079
3086
|
#### `tree-view-moved-to-x`
|
|
@@ -3081,7 +3088,7 @@ npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
|
|
|
3081
3088
|
Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
|
|
3082
3089
|
|
|
3083
3090
|
```bash
|
|
3084
|
-
npx @mui/codemod@
|
|
3091
|
+
npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x <path>
|
|
3085
3092
|
```
|
|
3086
3093
|
|
|
3087
3094
|
#### 🚀 `preset-safe`
|
|
@@ -3089,7 +3096,7 @@ npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
|
|
|
3089
3096
|
A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
|
|
3090
3097
|
|
|
3091
3098
|
```bash
|
|
3092
|
-
npx @mui/codemod@
|
|
3099
|
+
npx @mui/codemod@latest v5.0.0/preset-safe <path|folder>
|
|
3093
3100
|
```
|
|
3094
3101
|
|
|
3095
3102
|
The list includes these transformers
|
|
@@ -3156,7 +3163,7 @@ Imports and inserts `adaptV4Theme` into `createTheme()` (or `createMuiTheme`)
|
|
|
3156
3163
|
```
|
|
3157
3164
|
|
|
3158
3165
|
```bash
|
|
3159
|
-
npx @mui/codemod@
|
|
3166
|
+
npx @mui/codemod@latest v5.0.0/adapter-v4 <path>
|
|
3160
3167
|
```
|
|
3161
3168
|
|
|
3162
3169
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3173,7 +3180,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
|
|
|
3173
3180
|
<!-- #npm-tag-reference -->
|
|
3174
3181
|
|
|
3175
3182
|
```bash
|
|
3176
|
-
npx @mui/codemod@
|
|
3183
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon <path>
|
|
3177
3184
|
```
|
|
3178
3185
|
|
|
3179
3186
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -3192,7 +3199,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
|
|
|
3192
3199
|
<!-- #npm-tag-reference -->
|
|
3193
3200
|
|
|
3194
3201
|
```bash
|
|
3195
|
-
npx @mui/codemod@
|
|
3202
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-option <path>
|
|
3196
3203
|
```
|
|
3197
3204
|
|
|
3198
3205
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -3211,7 +3218,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
|
|
|
3211
3218
|
<!-- #npm-tag-reference -->
|
|
3212
3219
|
|
|
3213
3220
|
```bash
|
|
3214
|
-
npx @mui/codemod@
|
|
3221
|
+
npx @mui/codemod@latest v5.0.0/avatar-circle-circular <path>
|
|
3215
3222
|
```
|
|
3216
3223
|
|
|
3217
3224
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#avatar).
|
|
@@ -3246,7 +3253,7 @@ Renames the badge's props.
|
|
|
3246
3253
|
<!-- #npm-tag-reference -->
|
|
3247
3254
|
|
|
3248
3255
|
```bash
|
|
3249
|
-
npx @mui/codemod@
|
|
3256
|
+
npx @mui/codemod@latest v5.0.0/badge-overlap-value <path>
|
|
3250
3257
|
```
|
|
3251
3258
|
|
|
3252
3259
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#badge).
|
|
@@ -3270,7 +3277,7 @@ This change only affects Base UI components.
|
|
|
3270
3277
|
<!-- #npm-tag-reference -->
|
|
3271
3278
|
|
|
3272
3279
|
```bash
|
|
3273
|
-
npx @mui/codemod@
|
|
3280
|
+
npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots <path>
|
|
3274
3281
|
```
|
|
3275
3282
|
|
|
3276
3283
|
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
|
|
@@ -3289,7 +3296,7 @@ Updates the Box API from separate system props to `sx`.
|
|
|
3289
3296
|
<!-- #npm-tag-reference -->
|
|
3290
3297
|
|
|
3291
3298
|
```bash
|
|
3292
|
-
npx @mui/codemod@
|
|
3299
|
+
npx @mui/codemod@latest v5.0.0/box-borderradius-values <path>
|
|
3293
3300
|
```
|
|
3294
3301
|
|
|
3295
3302
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -3304,7 +3311,7 @@ Renames the Box `css` prop to `sx`
|
|
|
3304
3311
|
```
|
|
3305
3312
|
|
|
3306
3313
|
```bash
|
|
3307
|
-
npx @mui/codemod@
|
|
3314
|
+
npx @mui/codemod@latest v5.0.0/box-rename-css <path>
|
|
3308
3315
|
```
|
|
3309
3316
|
|
|
3310
3317
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -3325,7 +3332,7 @@ Renames the Box `grid*Gap` props.
|
|
|
3325
3332
|
<!-- #npm-tag-reference -->
|
|
3326
3333
|
|
|
3327
3334
|
```bash
|
|
3328
|
-
npx @mui/codemod@
|
|
3335
|
+
npx @mui/codemod@latest v5.0.0/box-rename-gap <path>
|
|
3329
3336
|
```
|
|
3330
3337
|
|
|
3331
3338
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -3342,7 +3349,7 @@ Removes the outdated `color` prop values.
|
|
|
3342
3349
|
<!-- #npm-tag-reference -->
|
|
3343
3350
|
|
|
3344
3351
|
```bash
|
|
3345
|
-
npx @mui/codemod@
|
|
3352
|
+
npx @mui/codemod@latest v5.0.0/button-color-prop <path>
|
|
3346
3353
|
```
|
|
3347
3354
|
|
|
3348
3355
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#button).
|
|
@@ -3359,7 +3366,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
|
|
|
3359
3366
|
<!-- #npm-tag-reference -->
|
|
3360
3367
|
|
|
3361
3368
|
```bash
|
|
3362
|
-
npx @mui/codemod@
|
|
3369
|
+
npx @mui/codemod@latest v5.0.0/chip-variant-prop <path>
|
|
3363
3370
|
```
|
|
3364
3371
|
|
|
3365
3372
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#chip).
|
|
@@ -3376,7 +3383,7 @@ Renames the CircularProgress `static` variant to `determinate`.
|
|
|
3376
3383
|
<!-- #npm-tag-reference -->
|
|
3377
3384
|
|
|
3378
3385
|
```bash
|
|
3379
|
-
npx @mui/codemod@
|
|
3386
|
+
npx @mui/codemod@latest v5.0.0/circularprogress-variant <path>
|
|
3380
3387
|
```
|
|
3381
3388
|
|
|
3382
3389
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#circularprogress).
|
|
@@ -3395,7 +3402,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
|
|
|
3395
3402
|
<!-- #npm-tag-reference -->
|
|
3396
3403
|
|
|
3397
3404
|
```bash
|
|
3398
|
-
npx @mui/codemod@
|
|
3405
|
+
npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight <path>
|
|
3399
3406
|
```
|
|
3400
3407
|
|
|
3401
3408
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#collapse).
|
|
@@ -3414,7 +3421,7 @@ A generic codemod to rename any component prop.
|
|
|
3414
3421
|
<!-- #npm-tag-reference -->
|
|
3415
3422
|
|
|
3416
3423
|
```bash
|
|
3417
|
-
npx @mui/codemod@
|
|
3424
|
+
npx @mui/codemod@latest v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
|
|
3418
3425
|
```
|
|
3419
3426
|
|
|
3420
3427
|
#### `core-styles-import`
|
|
@@ -3427,7 +3434,7 @@ Renames private import from `core/styles/*` to `core/styles`
|
|
|
3427
3434
|
```
|
|
3428
3435
|
|
|
3429
3436
|
```bash
|
|
3430
|
-
npx @mui/codemod@
|
|
3437
|
+
npx @mui/codemod@latest v5.0.0/core-styles-import <path>
|
|
3431
3438
|
```
|
|
3432
3439
|
|
|
3433
3440
|
#### `create-theme`
|
|
@@ -3440,7 +3447,7 @@ Renames the function `createMuiTheme()` to `createTheme()`
|
|
|
3440
3447
|
```
|
|
3441
3448
|
|
|
3442
3449
|
```bash
|
|
3443
|
-
npx @mui/codemod@
|
|
3450
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
3444
3451
|
```
|
|
3445
3452
|
|
|
3446
3453
|
#### `dialog-props`
|
|
@@ -3453,7 +3460,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
|
|
|
3453
3460
|
```
|
|
3454
3461
|
|
|
3455
3462
|
```bash
|
|
3456
|
-
npx @mui/codemod@
|
|
3463
|
+
npx @mui/codemod@latest v5.0.0/dialog-props <path>
|
|
3457
3464
|
```
|
|
3458
3465
|
|
|
3459
3466
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3468,7 +3475,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
|
|
|
3468
3475
|
```
|
|
3469
3476
|
|
|
3470
3477
|
```bash
|
|
3471
|
-
npx @mui/codemod@
|
|
3478
|
+
npx @mui/codemod@latest v5.0.0/dialog-title-props <path>
|
|
3472
3479
|
```
|
|
3473
3480
|
|
|
3474
3481
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3485,7 +3492,7 @@ Adds `prepend: true` to Emotion `createCache`
|
|
|
3485
3492
|
```
|
|
3486
3493
|
|
|
3487
3494
|
```bash
|
|
3488
|
-
npx @mui/codemod@
|
|
3495
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
3489
3496
|
```
|
|
3490
3497
|
|
|
3491
3498
|
#### `expansion-panel-component`
|
|
@@ -3493,7 +3500,7 @@ npx @mui/codemod@next v5.0.0/create-theme <path>
|
|
|
3493
3500
|
Renames `ExpansionPanel*` to `Accordion*`
|
|
3494
3501
|
|
|
3495
3502
|
```bash
|
|
3496
|
-
npx @mui/codemod@
|
|
3503
|
+
npx @mui/codemod@latest v5.0.0/expansion-panel-component <path>
|
|
3497
3504
|
```
|
|
3498
3505
|
|
|
3499
3506
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#expansionpanel).
|
|
@@ -3506,7 +3513,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3506
3513
|
```
|
|
3507
3514
|
|
|
3508
3515
|
```bash
|
|
3509
|
-
npx @mui/codemod@
|
|
3516
|
+
npx @mui/codemod@latest v5.0.0/fab-variant <path>
|
|
3510
3517
|
```
|
|
3511
3518
|
|
|
3512
3519
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#fab).
|
|
@@ -3526,7 +3533,7 @@ Renames the `fade` style utility import and calls to `alpha()`.
|
|
|
3526
3533
|
<!-- #npm-tag-reference -->
|
|
3527
3534
|
|
|
3528
3535
|
```bash
|
|
3529
|
-
npx @mui/codemod@
|
|
3536
|
+
npx @mui/codemod@latest v5.0.0/fade-rename-alpha <path>
|
|
3530
3537
|
```
|
|
3531
3538
|
|
|
3532
3539
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#styles).
|
|
@@ -3543,7 +3550,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
|
|
|
3543
3550
|
<!-- #npm-tag-reference -->
|
|
3544
3551
|
|
|
3545
3552
|
```bash
|
|
3546
|
-
npx @mui/codemod@
|
|
3553
|
+
npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent <path>
|
|
3547
3554
|
```
|
|
3548
3555
|
|
|
3549
3556
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#grid).
|
|
@@ -3553,7 +3560,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3553
3560
|
Renames `GridList*` to `ImageList*`
|
|
3554
3561
|
|
|
3555
3562
|
```bash
|
|
3556
|
-
npx @mui/codemod@
|
|
3563
|
+
npx @mui/codemod@latest v5.0.0/grid-list-component <path>
|
|
3557
3564
|
```
|
|
3558
3565
|
|
|
3559
3566
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#gridlist).
|
|
@@ -3570,7 +3577,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
|
|
|
3570
3577
|
```
|
|
3571
3578
|
|
|
3572
3579
|
```bash
|
|
3573
|
-
npx @mui/codemod@
|
|
3580
|
+
npx @mui/codemod@latest v5.0.0/icon-button-size <path>
|
|
3574
3581
|
```
|
|
3575
3582
|
|
|
3576
3583
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#iconbutton).
|
|
@@ -3635,7 +3642,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
|
|
|
3635
3642
|
```
|
|
3636
3643
|
|
|
3637
3644
|
```bash
|
|
3638
|
-
npx @mui/codemod@
|
|
3645
|
+
npx @mui/codemod@latest v5.0.0/jss-to-styled <path>
|
|
3639
3646
|
```
|
|
3640
3647
|
|
|
3641
3648
|
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).
|
|
@@ -3707,7 +3714,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
|
|
|
3707
3714
|
```
|
|
3708
3715
|
|
|
3709
3716
|
```bash
|
|
3710
|
-
npx @mui/codemod@
|
|
3717
|
+
npx @mui/codemod@latest v5.0.0/jss-to-tss-react <path>
|
|
3711
3718
|
```
|
|
3712
3719
|
|
|
3713
3720
|
The following scenarios are not currently handled by this codemod and will be marked with a
|
|
@@ -3735,7 +3742,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
|
|
|
3735
3742
|
```
|
|
3736
3743
|
|
|
3737
3744
|
```bash
|
|
3738
|
-
npx @mui/codemod@
|
|
3745
|
+
npx @mui/codemod@latest v5.0.0/link-underline-hover <path>
|
|
3739
3746
|
```
|
|
3740
3747
|
|
|
3741
3748
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#link).
|
|
@@ -3773,7 +3780,7 @@ Moves JSS imports to `@material-ui/styles`
|
|
|
3773
3780
|
```
|
|
3774
3781
|
|
|
3775
3782
|
```bash
|
|
3776
|
-
npx @mui/codemod@
|
|
3783
|
+
npx @mui/codemod@latest v5.0.0/material-ui-styles <path>
|
|
3777
3784
|
```
|
|
3778
3785
|
|
|
3779
3786
|
#### `material-ui-types`
|
|
@@ -3786,7 +3793,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
|
|
|
3786
3793
|
```
|
|
3787
3794
|
|
|
3788
3795
|
```bash
|
|
3789
|
-
npx @mui/codemod@
|
|
3796
|
+
npx @mui/codemod@latest v5.0.0/material-ui-types <path>
|
|
3790
3797
|
```
|
|
3791
3798
|
|
|
3792
3799
|
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).
|
|
@@ -3803,7 +3810,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
|
|
|
3803
3810
|
```
|
|
3804
3811
|
|
|
3805
3812
|
```bash
|
|
3806
|
-
npx @mui/codemod@
|
|
3813
|
+
npx @mui/codemod@latest v5.0.0/modal-props <path>
|
|
3807
3814
|
```
|
|
3808
3815
|
|
|
3809
3816
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#modal).
|
|
@@ -3827,7 +3834,7 @@ or
|
|
|
3827
3834
|
<!-- #npm-tag-reference -->
|
|
3828
3835
|
|
|
3829
3836
|
```bash
|
|
3830
|
-
npx @mui/codemod@
|
|
3837
|
+
npx @mui/codemod@latest v5.0.0/moved-lab-modules <path>
|
|
3831
3838
|
```
|
|
3832
3839
|
|
|
3833
3840
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -3852,7 +3859,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
|
|
|
3852
3859
|
```
|
|
3853
3860
|
|
|
3854
3861
|
```bash
|
|
3855
|
-
npx @mui/codemod@
|
|
3862
|
+
npx @mui/codemod@latest v5.0.0/pagination-round-circular <path>
|
|
3856
3863
|
```
|
|
3857
3864
|
|
|
3858
3865
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#pagination).
|
|
@@ -3872,7 +3879,7 @@ Converts all `@mui/material` & `@mui/icons-material` top-level imports to path i
|
|
|
3872
3879
|
```
|
|
3873
3880
|
|
|
3874
3881
|
```bash
|
|
3875
|
-
npx @mui/codemod@
|
|
3882
|
+
npx @mui/codemod@latest v5.0.0/path-imports <path>
|
|
3876
3883
|
```
|
|
3877
3884
|
|
|
3878
3885
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3891,7 +3898,7 @@ Fix private import paths.
|
|
|
3891
3898
|
<!-- #npm-tag-reference -->
|
|
3892
3899
|
|
|
3893
3900
|
```bash
|
|
3894
|
-
npx @mui/codemod@
|
|
3901
|
+
npx @mui/codemod@latest v5.0.0/optimal-imports <path>
|
|
3895
3902
|
```
|
|
3896
3903
|
|
|
3897
3904
|
#### `root-ref`
|
|
@@ -3899,7 +3906,7 @@ npx @mui/codemod@next v5.0.0/optimal-imports <path>
|
|
|
3899
3906
|
Removes `RootRef` from the codebase.
|
|
3900
3907
|
|
|
3901
3908
|
```bash
|
|
3902
|
-
npx @mui/codemod@
|
|
3909
|
+
npx @mui/codemod@latest v5.0.0/root-ref <path>
|
|
3903
3910
|
```
|
|
3904
3911
|
|
|
3905
3912
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#rootref).
|
|
@@ -3914,7 +3921,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3914
3921
|
```
|
|
3915
3922
|
|
|
3916
3923
|
```bash
|
|
3917
|
-
npx @mui/codemod@
|
|
3924
|
+
npx @mui/codemod@latest v5.0.0/skeleton-variant <path>
|
|
3918
3925
|
```
|
|
3919
3926
|
|
|
3920
3927
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#skeleton).
|
|
@@ -3924,7 +3931,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3924
3931
|
Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
|
|
3925
3932
|
|
|
3926
3933
|
```bash
|
|
3927
|
-
npx @mui/codemod@
|
|
3934
|
+
npx @mui/codemod@latest v5.0.0/styled-engine-provider <path>
|
|
3928
3935
|
```
|
|
3929
3936
|
|
|
3930
3937
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#style-library).
|
|
@@ -3950,7 +3957,7 @@ Renames props in `Table*` components.
|
|
|
3950
3957
|
```
|
|
3951
3958
|
|
|
3952
3959
|
```bash
|
|
3953
|
-
npx @mui/codemod@
|
|
3960
|
+
npx @mui/codemod@latest v5.0.0/table-props <path>
|
|
3954
3961
|
```
|
|
3955
3962
|
|
|
3956
3963
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#table).
|
|
@@ -3969,7 +3976,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
|
|
|
3969
3976
|
```
|
|
3970
3977
|
|
|
3971
3978
|
```bash
|
|
3972
|
-
npx @mui/codemod@
|
|
3979
|
+
npx @mui/codemod@latest v5.0.0/tabs-scroll-buttons <path>
|
|
3973
3980
|
```
|
|
3974
3981
|
|
|
3975
3982
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#tabs).
|
|
@@ -3988,7 +3995,7 @@ Renames `TextField`'s rows props.
|
|
|
3988
3995
|
```
|
|
3989
3996
|
|
|
3990
3997
|
```bash
|
|
3991
|
-
npx @mui/codemod@
|
|
3998
|
+
npx @mui/codemod@latest v5.0.0/textarea-minmax-rows <path>
|
|
3992
3999
|
```
|
|
3993
4000
|
|
|
3994
4001
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -4001,7 +4008,7 @@ You can find more details about this breaking change in the migration guide.
|
|
|
4001
4008
|
Adds `DefaultTheme` module augmentation to TypeScript projects.
|
|
4002
4009
|
|
|
4003
4010
|
```bash
|
|
4004
|
-
npx @mui/codemod@
|
|
4011
|
+
npx @mui/codemod@latest v5.0.0/theme-augment <path>
|
|
4005
4012
|
```
|
|
4006
4013
|
|
|
4007
4014
|
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).
|
|
@@ -4020,7 +4027,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
|
|
|
4020
4027
|
<!-- #npm-tag-reference -->
|
|
4021
4028
|
|
|
4022
4029
|
```bash
|
|
4023
|
-
npx @mui/codemod@
|
|
4030
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints <path>
|
|
4024
4031
|
```
|
|
4025
4032
|
|
|
4026
4033
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -4030,7 +4037,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4030
4037
|
Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
|
|
4031
4038
|
|
|
4032
4039
|
```bash
|
|
4033
|
-
npx @mui/codemod@
|
|
4040
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints-width <path>
|
|
4034
4041
|
```
|
|
4035
4042
|
|
|
4036
4043
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -4043,7 +4050,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4043
4050
|
```
|
|
4044
4051
|
|
|
4045
4052
|
```bash
|
|
4046
|
-
npx @mui/codemod@
|
|
4053
|
+
npx @mui/codemod@latest v5.0.0/theme-options <path>
|
|
4047
4054
|
```
|
|
4048
4055
|
|
|
4049
4056
|
#### `theme-palette-mode`
|
|
@@ -4065,7 +4072,7 @@ Renames `type` to `mode`.
|
|
|
4065
4072
|
```
|
|
4066
4073
|
|
|
4067
4074
|
```bash
|
|
4068
|
-
npx @mui/codemod@
|
|
4075
|
+
npx @mui/codemod@latest v5.0.0/theme-palette-mode <path>
|
|
4069
4076
|
```
|
|
4070
4077
|
|
|
4071
4078
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -4075,7 +4082,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4075
4082
|
Renames `MuiThemeProvider` to `ThemeProvider`.
|
|
4076
4083
|
|
|
4077
4084
|
```bash
|
|
4078
|
-
npx @mui/codemod@
|
|
4085
|
+
npx @mui/codemod@latest v5.0.0/theme-provider <path>
|
|
4079
4086
|
```
|
|
4080
4087
|
|
|
4081
4088
|
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).
|
|
@@ -4094,7 +4101,7 @@ Removes the 'px' suffix from some template strings.
|
|
|
4094
4101
|
<!-- #npm-tag-reference -->
|
|
4095
4102
|
|
|
4096
4103
|
```bash
|
|
4097
|
-
npx @mui/codemod@
|
|
4104
|
+
npx @mui/codemod@latest v5.0.0/theme-spacing <path>
|
|
4098
4105
|
```
|
|
4099
4106
|
|
|
4100
4107
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -4109,7 +4116,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
|
|
|
4109
4116
|
```
|
|
4110
4117
|
|
|
4111
4118
|
```bash
|
|
4112
|
-
npx @mui/codemod@
|
|
4119
|
+
npx @mui/codemod@latest v5.0.0/theme-typography-round <path>
|
|
4113
4120
|
```
|
|
4114
4121
|
|
|
4115
4122
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -4127,7 +4134,7 @@ Converts all `@mui/material` submodule imports to the root module:
|
|
|
4127
4134
|
<!-- #npm-tag-reference -->
|
|
4128
4135
|
|
|
4129
4136
|
```bash
|
|
4130
|
-
npx @mui/codemod@
|
|
4137
|
+
npx @mui/codemod@latest v5.0.0/top-level-imports <path>
|
|
4131
4138
|
```
|
|
4132
4139
|
|
|
4133
4140
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4137,7 +4144,7 @@ Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand
|
|
|
4137
4144
|
Renames import `transitions` to `createTransitions`
|
|
4138
4145
|
|
|
4139
4146
|
```bash
|
|
4140
|
-
npx @mui/codemod@
|
|
4147
|
+
npx @mui/codemod@latest v5.0.0/transitions <path>
|
|
4141
4148
|
```
|
|
4142
4149
|
|
|
4143
4150
|
#### `use-autocomplete`
|
|
@@ -4150,7 +4157,7 @@ Renames `useAutocomplete` related import from lab to core
|
|
|
4150
4157
|
```
|
|
4151
4158
|
|
|
4152
4159
|
```bash
|
|
4153
|
-
npx @mui/codemod@
|
|
4160
|
+
npx @mui/codemod@latest v5.0.0/use-autocomplete <path>
|
|
4154
4161
|
```
|
|
4155
4162
|
|
|
4156
4163
|
#### `use-transitionprops`
|
|
@@ -4179,7 +4186,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
|
|
|
4179
4186
|
<!-- #npm-tag-reference -->
|
|
4180
4187
|
|
|
4181
4188
|
```bash
|
|
4182
|
-
npx @mui/codemod@
|
|
4189
|
+
npx @mui/codemod@latest v5.0.0/use-transitionprops <path>
|
|
4183
4190
|
```
|
|
4184
4191
|
|
|
4185
4192
|
You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -4209,7 +4216,7 @@ The diff should look like this:
|
|
|
4209
4216
|
<!-- #npm-tag-reference -->
|
|
4210
4217
|
|
|
4211
4218
|
```bash
|
|
4212
|
-
npx @mui/codemod@
|
|
4219
|
+
npx @mui/codemod@latest v5.0.0/variant-prop <path>
|
|
4213
4220
|
```
|
|
4214
4221
|
|
|
4215
4222
|
#### `with-mobile-dialog`
|
|
@@ -4223,7 +4230,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
|
|
|
4223
4230
|
```
|
|
4224
4231
|
|
|
4225
4232
|
```bash
|
|
4226
|
-
npx @mui/codemod@
|
|
4233
|
+
npx @mui/codemod@latest v5.0.0/with-mobile-dialog <path>
|
|
4227
4234
|
```
|
|
4228
4235
|
|
|
4229
4236
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -4239,7 +4246,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
|
|
|
4239
4246
|
```
|
|
4240
4247
|
|
|
4241
4248
|
```bash
|
|
4242
|
-
npx @mui/codemod@
|
|
4249
|
+
npx @mui/codemod@latest v5.0.0/with-width <path>
|
|
4243
4250
|
```
|
|
4244
4251
|
|
|
4245
4252
|
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).
|
|
@@ -4300,7 +4307,7 @@ Replace every occurrence of `material-ui` related package with the new package n
|
|
|
4300
4307
|
```
|
|
4301
4308
|
|
|
4302
4309
|
```bash
|
|
4303
|
-
npx @mui/codemod@
|
|
4310
|
+
npx @mui/codemod@latest v5.0.0/mui-replace <path>
|
|
4304
4311
|
```
|
|
4305
4312
|
|
|
4306
4313
|
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).
|
|
@@ -4320,7 +4327,7 @@ The diff should look like this:
|
|
|
4320
4327
|
<!-- #npm-tag-reference -->
|
|
4321
4328
|
|
|
4322
4329
|
```bash
|
|
4323
|
-
npx @mui/codemod@
|
|
4330
|
+
npx @mui/codemod@latest v4.0.0/theme-spacing-api <path>
|
|
4324
4331
|
```
|
|
4325
4332
|
|
|
4326
4333
|
This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
|
|
@@ -4347,7 +4354,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
|
|
|
4347
4354
|
<!-- #npm-tag-reference -->
|
|
4348
4355
|
|
|
4349
4356
|
```bash
|
|
4350
|
-
npx @mui/codemod@
|
|
4357
|
+
npx @mui/codemod@latest v4.0.0/optimal-imports <path>
|
|
4351
4358
|
```
|
|
4352
4359
|
|
|
4353
4360
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4365,7 +4372,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
|
|
|
4365
4372
|
<!-- #npm-tag-reference -->
|
|
4366
4373
|
|
|
4367
4374
|
```bash
|
|
4368
|
-
npx @mui/codemod@
|
|
4375
|
+
npx @mui/codemod@latest v4.0.0/top-level-imports <path>
|
|
4369
4376
|
```
|
|
4370
4377
|
|
|
4371
4378
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4386,7 +4393,7 @@ The diff should look like this:
|
|
|
4386
4393
|
<!-- #npm-tag-reference -->
|
|
4387
4394
|
|
|
4388
4395
|
```bash
|
|
4389
|
-
npx @mui/codemod@
|
|
4396
|
+
npx @mui/codemod@latest v1.0.0/import-path <path>
|
|
4390
4397
|
```
|
|
4391
4398
|
|
|
4392
4399
|
**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.:
|
|
@@ -4413,7 +4420,7 @@ The diff should look like this:
|
|
|
4413
4420
|
<!-- #npm-tag-reference -->
|
|
4414
4421
|
|
|
4415
4422
|
```bash
|
|
4416
|
-
npx @mui/codemod@
|
|
4423
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path>
|
|
4417
4424
|
```
|
|
4418
4425
|
|
|
4419
4426
|
**additional options**
|
|
@@ -4421,7 +4428,7 @@ npx @mui/codemod@next v1.0.0/color-imports <path>
|
|
|
4421
4428
|
<!-- #npm-tag-reference -->
|
|
4422
4429
|
|
|
4423
4430
|
```bash
|
|
4424
|
-
npx @mui/codemod@
|
|
4431
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
|
|
4425
4432
|
```
|
|
4426
4433
|
|
|
4427
4434
|
#### `svg-icon-imports`
|
|
@@ -4439,7 +4446,7 @@ The diff should look like this:
|
|
|
4439
4446
|
<!-- #npm-tag-reference -->
|
|
4440
4447
|
|
|
4441
4448
|
```bash
|
|
4442
|
-
npx @mui/codemod@
|
|
4449
|
+
npx @mui/codemod@latest v1.0.0/svg-icon-imports <path>
|
|
4443
4450
|
```
|
|
4444
4451
|
|
|
4445
4452
|
#### `menu-item-primary-text`
|
|
@@ -4457,7 +4464,7 @@ The diff should look like this:
|
|
|
4457
4464
|
<!-- #npm-tag-reference -->
|
|
4458
4465
|
|
|
4459
4466
|
```bash
|
|
4460
|
-
npx @mui/codemod@
|
|
4467
|
+
npx @mui/codemod@latest v1.0.0/menu-item-primary-text <path>
|
|
4461
4468
|
```
|
|
4462
4469
|
|
|
4463
4470
|
### v0.15.0
|
|
@@ -4481,5 +4488,5 @@ The diff should look like this:
|
|
|
4481
4488
|
<!-- #npm-tag-reference -->
|
|
4482
4489
|
|
|
4483
4490
|
```bash
|
|
4484
|
-
npx @mui/codemod@
|
|
4491
|
+
npx @mui/codemod@latest v0.15.0/import-path <path>
|
|
4485
4492
|
```
|