@mui/codemod 9.0.0-beta.0 → 9.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
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.
|
|
@@ -2550,7 +2550,7 @@ Compared to the v6 codemod, the v9 version also handles:
|
|
|
2550
2550
|
#### `theme-color-functions`
|
|
2551
2551
|
|
|
2552
2552
|
```bash
|
|
2553
|
-
npx @mui/codemod@
|
|
2553
|
+
npx @mui/codemod@latest v7.0.0/theme-color-functions <path>
|
|
2554
2554
|
```
|
|
2555
2555
|
|
|
2556
2556
|
Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `@mui/system/colorManipulator` to use the `theme` object instead.
|
|
@@ -2573,7 +2573,7 @@ Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `
|
|
|
2573
2573
|
<!-- #npm-tag-reference -->
|
|
2574
2574
|
|
|
2575
2575
|
```bash
|
|
2576
|
-
npx @mui/codemod@
|
|
2576
|
+
npx @mui/codemod@latest v7.0.0/grid-props <path>
|
|
2577
2577
|
```
|
|
2578
2578
|
|
|
2579
2579
|
Updates the usage of the `@mui/material/Grid`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2594,7 +2594,7 @@ You can provide the theme breakpoints via options, for example, `--jscodeshift='
|
|
|
2594
2594
|
<!-- #npm-tag-reference -->
|
|
2595
2595
|
|
|
2596
2596
|
```bash
|
|
2597
|
-
npx @mui/codemod@
|
|
2597
|
+
npx @mui/codemod@latest v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2598
2598
|
```
|
|
2599
2599
|
|
|
2600
2600
|
```diff
|
|
@@ -2607,7 +2607,7 @@ npx @mui/codemod@next v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=m
|
|
|
2607
2607
|
<!-- #npm-tag-reference -->
|
|
2608
2608
|
|
|
2609
2609
|
```bash
|
|
2610
|
-
npx @mui/codemod@
|
|
2610
|
+
npx @mui/codemod@latest v7.0.0/lab-removed-components <path>
|
|
2611
2611
|
```
|
|
2612
2612
|
|
|
2613
2613
|
Update the import of the following components and hook moved from `@mui/lab` to `@mui/material`:
|
|
@@ -2653,19 +2653,19 @@ Updates the `InputLabel`'s `size` value from `normal` to `medium`.
|
|
|
2653
2653
|
<!-- #npm-tag-reference -->
|
|
2654
2654
|
|
|
2655
2655
|
```bash
|
|
2656
|
-
npx @mui/codemod@
|
|
2656
|
+
npx @mui/codemod@latest v7.0.0/input-label-size-normal-medium <path>
|
|
2657
2657
|
```
|
|
2658
2658
|
|
|
2659
2659
|
<!-- #host-reference -->
|
|
2660
2660
|
|
|
2661
|
-
You can find more details about this breaking change in [the migration guide](https://
|
|
2661
|
+
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
|
|
2662
2662
|
|
|
2663
2663
|
### v6.0.0
|
|
2664
2664
|
|
|
2665
2665
|
#### `sx-prop`
|
|
2666
2666
|
|
|
2667
2667
|
```bash
|
|
2668
|
-
npx @mui/codemod@
|
|
2668
|
+
npx @mui/codemod@latest v6.0.0/sx-prop <path>
|
|
2669
2669
|
```
|
|
2670
2670
|
|
|
2671
2671
|
Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
@@ -2688,7 +2688,7 @@ Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
|
2688
2688
|
#### `system-props`
|
|
2689
2689
|
|
|
2690
2690
|
```bash
|
|
2691
|
-
npx @mui/codemod@
|
|
2691
|
+
npx @mui/codemod@latest v6.0.0/system-props <path>
|
|
2692
2692
|
```
|
|
2693
2693
|
|
|
2694
2694
|
Remove system props and add them to the `sx` prop.
|
|
@@ -2701,7 +2701,7 @@ Remove system props and add them to the `sx` prop.
|
|
|
2701
2701
|
#### `theme-v6`
|
|
2702
2702
|
|
|
2703
2703
|
```bash
|
|
2704
|
-
npx @mui/codemod@
|
|
2704
|
+
npx @mui/codemod@latest v6.0.0/theme-v6 <path>
|
|
2705
2705
|
```
|
|
2706
2706
|
|
|
2707
2707
|
Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2763,7 +2763,7 @@ Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-
|
|
|
2763
2763
|
#### `styled`
|
|
2764
2764
|
|
|
2765
2765
|
```bash
|
|
2766
|
-
npx @mui/codemod@
|
|
2766
|
+
npx @mui/codemod@latest v6.0.0/styled <path>
|
|
2767
2767
|
```
|
|
2768
2768
|
|
|
2769
2769
|
Updates the usage of `styled` from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2837,7 +2837,7 @@ However, it has some **limitations**:
|
|
|
2837
2837
|
#### `grid-v2-props`
|
|
2838
2838
|
|
|
2839
2839
|
```bash
|
|
2840
|
-
npx @mui/codemod@
|
|
2840
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path>
|
|
2841
2841
|
```
|
|
2842
2842
|
|
|
2843
2843
|
Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2856,7 +2856,7 @@ Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/jo
|
|
|
2856
2856
|
You can provide the theme breakpoints via options, for example, `--jscodeshift='--muiBreakpoints=mobile,desktop'`, to use your custom breakpoints in the transformation.
|
|
2857
2857
|
|
|
2858
2858
|
```bash
|
|
2859
|
-
npx @mui/codemod@
|
|
2859
|
+
npx @mui/codemod@latest v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2860
2860
|
```
|
|
2861
2861
|
|
|
2862
2862
|
```diff
|
|
@@ -2882,7 +2882,7 @@ This codemod updates the import and re-export statements.
|
|
|
2882
2882
|
```
|
|
2883
2883
|
|
|
2884
2884
|
```bash
|
|
2885
|
-
npx @mui/codemod@
|
|
2885
|
+
npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
|
|
2886
2886
|
```
|
|
2887
2887
|
|
|
2888
2888
|
#### `base-remove-unstyled-suffix`
|
|
@@ -2895,7 +2895,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
|
|
|
2895
2895
|
```
|
|
2896
2896
|
|
|
2897
2897
|
```bash
|
|
2898
|
-
npx @mui/codemod@
|
|
2898
|
+
npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
|
|
2899
2899
|
```
|
|
2900
2900
|
|
|
2901
2901
|
#### `base-remove-component-prop`
|
|
@@ -2910,7 +2910,7 @@ This change only affects Base UI components.
|
|
|
2910
2910
|
```
|
|
2911
2911
|
|
|
2912
2912
|
```bash
|
|
2913
|
-
npx @mui/codemod@
|
|
2913
|
+
npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
|
|
2914
2914
|
```
|
|
2915
2915
|
|
|
2916
2916
|
#### `rename-css-variables`
|
|
@@ -2925,7 +2925,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
|
|
|
2925
2925
|
```
|
|
2926
2926
|
|
|
2927
2927
|
```bash
|
|
2928
|
-
npx @mui/codemod@
|
|
2928
|
+
npx @mui/codemod@latest v5.0.0/rename-css-variables <path>
|
|
2929
2929
|
```
|
|
2930
2930
|
|
|
2931
2931
|
#### `base-hook-imports`
|
|
@@ -2938,7 +2938,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
|
|
|
2938
2938
|
```
|
|
2939
2939
|
|
|
2940
2940
|
```bash
|
|
2941
|
-
npx @mui/codemod@
|
|
2941
|
+
npx @mui/codemod@latest v5.0.0/base-hook-imports <path>
|
|
2942
2942
|
```
|
|
2943
2943
|
|
|
2944
2944
|
#### `joy-rename-classname-prefix`
|
|
@@ -2953,7 +2953,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
|
|
|
2953
2953
|
```
|
|
2954
2954
|
|
|
2955
2955
|
```bash
|
|
2956
|
-
npx @mui/codemod@
|
|
2956
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-classname-prefix <path>
|
|
2957
2957
|
```
|
|
2958
2958
|
|
|
2959
2959
|
#### `joy-rename-row-prop`
|
|
@@ -2968,7 +2968,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
|
|
|
2968
2968
|
```
|
|
2969
2969
|
|
|
2970
2970
|
```bash
|
|
2971
|
-
npx @mui/codemod@
|
|
2971
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-row-prop <path>
|
|
2972
2972
|
```
|
|
2973
2973
|
|
|
2974
2974
|
#### `joy-avatar-remove-imgProps`
|
|
@@ -2986,7 +2986,7 @@ This change only affects Joy UI Avatar component.
|
|
|
2986
2986
|
```
|
|
2987
2987
|
|
|
2988
2988
|
```bash
|
|
2989
|
-
npx @mui/codemod@
|
|
2989
|
+
npx @mui/codemod@latest v5.0.0/joy-avatar-remove-imgProps <path>
|
|
2990
2990
|
```
|
|
2991
2991
|
|
|
2992
2992
|
#### `joy-text-field-to-input`
|
|
@@ -3044,7 +3044,7 @@ This change only affects Joy UI components.
|
|
|
3044
3044
|
```
|
|
3045
3045
|
|
|
3046
3046
|
```bash
|
|
3047
|
-
npx @mui/codemod@
|
|
3047
|
+
npx @mui/codemod@latest v5.0.0/joy-text-field-to-input <path>
|
|
3048
3048
|
```
|
|
3049
3049
|
|
|
3050
3050
|
#### `joy-rename-components-to-slots`
|
|
@@ -3063,7 +3063,7 @@ This change only affects Joy UI components.
|
|
|
3063
3063
|
```
|
|
3064
3064
|
|
|
3065
3065
|
```bash
|
|
3066
|
-
npx @mui/codemod@
|
|
3066
|
+
npx @mui/codemod@latest v5.0.0/joy-rename-components-to-slots <path>
|
|
3067
3067
|
```
|
|
3068
3068
|
|
|
3069
3069
|
The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
|
|
@@ -3073,7 +3073,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
|
|
|
3073
3073
|
Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
|
|
3074
3074
|
|
|
3075
3075
|
```bash
|
|
3076
|
-
npx @mui/codemod@
|
|
3076
|
+
npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>
|
|
3077
3077
|
```
|
|
3078
3078
|
|
|
3079
3079
|
#### `tree-view-moved-to-x`
|
|
@@ -3081,7 +3081,7 @@ npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
|
|
|
3081
3081
|
Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
|
|
3082
3082
|
|
|
3083
3083
|
```bash
|
|
3084
|
-
npx @mui/codemod@
|
|
3084
|
+
npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x <path>
|
|
3085
3085
|
```
|
|
3086
3086
|
|
|
3087
3087
|
#### 🚀 `preset-safe`
|
|
@@ -3089,7 +3089,7 @@ npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
|
|
|
3089
3089
|
A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
|
|
3090
3090
|
|
|
3091
3091
|
```bash
|
|
3092
|
-
npx @mui/codemod@
|
|
3092
|
+
npx @mui/codemod@latest v5.0.0/preset-safe <path|folder>
|
|
3093
3093
|
```
|
|
3094
3094
|
|
|
3095
3095
|
The list includes these transformers
|
|
@@ -3156,7 +3156,7 @@ Imports and inserts `adaptV4Theme` into `createTheme()` (or `createMuiTheme`)
|
|
|
3156
3156
|
```
|
|
3157
3157
|
|
|
3158
3158
|
```bash
|
|
3159
|
-
npx @mui/codemod@
|
|
3159
|
+
npx @mui/codemod@latest v5.0.0/adapter-v4 <path>
|
|
3160
3160
|
```
|
|
3161
3161
|
|
|
3162
3162
|
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 +3173,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
|
|
|
3173
3173
|
<!-- #npm-tag-reference -->
|
|
3174
3174
|
|
|
3175
3175
|
```bash
|
|
3176
|
-
npx @mui/codemod@
|
|
3176
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon <path>
|
|
3177
3177
|
```
|
|
3178
3178
|
|
|
3179
3179
|
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 +3192,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
|
|
|
3192
3192
|
<!-- #npm-tag-reference -->
|
|
3193
3193
|
|
|
3194
3194
|
```bash
|
|
3195
|
-
npx @mui/codemod@
|
|
3195
|
+
npx @mui/codemod@latest v5.0.0/autocomplete-rename-option <path>
|
|
3196
3196
|
```
|
|
3197
3197
|
|
|
3198
3198
|
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 +3211,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
|
|
|
3211
3211
|
<!-- #npm-tag-reference -->
|
|
3212
3212
|
|
|
3213
3213
|
```bash
|
|
3214
|
-
npx @mui/codemod@
|
|
3214
|
+
npx @mui/codemod@latest v5.0.0/avatar-circle-circular <path>
|
|
3215
3215
|
```
|
|
3216
3216
|
|
|
3217
3217
|
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 +3246,7 @@ Renames the badge's props.
|
|
|
3246
3246
|
<!-- #npm-tag-reference -->
|
|
3247
3247
|
|
|
3248
3248
|
```bash
|
|
3249
|
-
npx @mui/codemod@
|
|
3249
|
+
npx @mui/codemod@latest v5.0.0/badge-overlap-value <path>
|
|
3250
3250
|
```
|
|
3251
3251
|
|
|
3252
3252
|
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 +3270,7 @@ This change only affects Base UI components.
|
|
|
3270
3270
|
<!-- #npm-tag-reference -->
|
|
3271
3271
|
|
|
3272
3272
|
```bash
|
|
3273
|
-
npx @mui/codemod@
|
|
3273
|
+
npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots <path>
|
|
3274
3274
|
```
|
|
3275
3275
|
|
|
3276
3276
|
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
|
|
@@ -3289,7 +3289,7 @@ Updates the Box API from separate system props to `sx`.
|
|
|
3289
3289
|
<!-- #npm-tag-reference -->
|
|
3290
3290
|
|
|
3291
3291
|
```bash
|
|
3292
|
-
npx @mui/codemod@
|
|
3292
|
+
npx @mui/codemod@latest v5.0.0/box-borderradius-values <path>
|
|
3293
3293
|
```
|
|
3294
3294
|
|
|
3295
3295
|
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 +3304,7 @@ Renames the Box `css` prop to `sx`
|
|
|
3304
3304
|
```
|
|
3305
3305
|
|
|
3306
3306
|
```bash
|
|
3307
|
-
npx @mui/codemod@
|
|
3307
|
+
npx @mui/codemod@latest v5.0.0/box-rename-css <path>
|
|
3308
3308
|
```
|
|
3309
3309
|
|
|
3310
3310
|
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 +3325,7 @@ Renames the Box `grid*Gap` props.
|
|
|
3325
3325
|
<!-- #npm-tag-reference -->
|
|
3326
3326
|
|
|
3327
3327
|
```bash
|
|
3328
|
-
npx @mui/codemod@
|
|
3328
|
+
npx @mui/codemod@latest v5.0.0/box-rename-gap <path>
|
|
3329
3329
|
```
|
|
3330
3330
|
|
|
3331
3331
|
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 +3342,7 @@ Removes the outdated `color` prop values.
|
|
|
3342
3342
|
<!-- #npm-tag-reference -->
|
|
3343
3343
|
|
|
3344
3344
|
```bash
|
|
3345
|
-
npx @mui/codemod@
|
|
3345
|
+
npx @mui/codemod@latest v5.0.0/button-color-prop <path>
|
|
3346
3346
|
```
|
|
3347
3347
|
|
|
3348
3348
|
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 +3359,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
|
|
|
3359
3359
|
<!-- #npm-tag-reference -->
|
|
3360
3360
|
|
|
3361
3361
|
```bash
|
|
3362
|
-
npx @mui/codemod@
|
|
3362
|
+
npx @mui/codemod@latest v5.0.0/chip-variant-prop <path>
|
|
3363
3363
|
```
|
|
3364
3364
|
|
|
3365
3365
|
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 +3376,7 @@ Renames the CircularProgress `static` variant to `determinate`.
|
|
|
3376
3376
|
<!-- #npm-tag-reference -->
|
|
3377
3377
|
|
|
3378
3378
|
```bash
|
|
3379
|
-
npx @mui/codemod@
|
|
3379
|
+
npx @mui/codemod@latest v5.0.0/circularprogress-variant <path>
|
|
3380
3380
|
```
|
|
3381
3381
|
|
|
3382
3382
|
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 +3395,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
|
|
|
3395
3395
|
<!-- #npm-tag-reference -->
|
|
3396
3396
|
|
|
3397
3397
|
```bash
|
|
3398
|
-
npx @mui/codemod@
|
|
3398
|
+
npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight <path>
|
|
3399
3399
|
```
|
|
3400
3400
|
|
|
3401
3401
|
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 +3414,7 @@ A generic codemod to rename any component prop.
|
|
|
3414
3414
|
<!-- #npm-tag-reference -->
|
|
3415
3415
|
|
|
3416
3416
|
```bash
|
|
3417
|
-
npx @mui/codemod@
|
|
3417
|
+
npx @mui/codemod@latest v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
|
|
3418
3418
|
```
|
|
3419
3419
|
|
|
3420
3420
|
#### `core-styles-import`
|
|
@@ -3427,7 +3427,7 @@ Renames private import from `core/styles/*` to `core/styles`
|
|
|
3427
3427
|
```
|
|
3428
3428
|
|
|
3429
3429
|
```bash
|
|
3430
|
-
npx @mui/codemod@
|
|
3430
|
+
npx @mui/codemod@latest v5.0.0/core-styles-import <path>
|
|
3431
3431
|
```
|
|
3432
3432
|
|
|
3433
3433
|
#### `create-theme`
|
|
@@ -3440,7 +3440,7 @@ Renames the function `createMuiTheme()` to `createTheme()`
|
|
|
3440
3440
|
```
|
|
3441
3441
|
|
|
3442
3442
|
```bash
|
|
3443
|
-
npx @mui/codemod@
|
|
3443
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
3444
3444
|
```
|
|
3445
3445
|
|
|
3446
3446
|
#### `dialog-props`
|
|
@@ -3453,7 +3453,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
|
|
|
3453
3453
|
```
|
|
3454
3454
|
|
|
3455
3455
|
```bash
|
|
3456
|
-
npx @mui/codemod@
|
|
3456
|
+
npx @mui/codemod@latest v5.0.0/dialog-props <path>
|
|
3457
3457
|
```
|
|
3458
3458
|
|
|
3459
3459
|
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 +3468,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
|
|
|
3468
3468
|
```
|
|
3469
3469
|
|
|
3470
3470
|
```bash
|
|
3471
|
-
npx @mui/codemod@
|
|
3471
|
+
npx @mui/codemod@latest v5.0.0/dialog-title-props <path>
|
|
3472
3472
|
```
|
|
3473
3473
|
|
|
3474
3474
|
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 +3485,7 @@ Adds `prepend: true` to Emotion `createCache`
|
|
|
3485
3485
|
```
|
|
3486
3486
|
|
|
3487
3487
|
```bash
|
|
3488
|
-
npx @mui/codemod@
|
|
3488
|
+
npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
3489
3489
|
```
|
|
3490
3490
|
|
|
3491
3491
|
#### `expansion-panel-component`
|
|
@@ -3493,7 +3493,7 @@ npx @mui/codemod@next v5.0.0/create-theme <path>
|
|
|
3493
3493
|
Renames `ExpansionPanel*` to `Accordion*`
|
|
3494
3494
|
|
|
3495
3495
|
```bash
|
|
3496
|
-
npx @mui/codemod@
|
|
3496
|
+
npx @mui/codemod@latest v5.0.0/expansion-panel-component <path>
|
|
3497
3497
|
```
|
|
3498
3498
|
|
|
3499
3499
|
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 +3506,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3506
3506
|
```
|
|
3507
3507
|
|
|
3508
3508
|
```bash
|
|
3509
|
-
npx @mui/codemod@
|
|
3509
|
+
npx @mui/codemod@latest v5.0.0/fab-variant <path>
|
|
3510
3510
|
```
|
|
3511
3511
|
|
|
3512
3512
|
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 +3526,7 @@ Renames the `fade` style utility import and calls to `alpha()`.
|
|
|
3526
3526
|
<!-- #npm-tag-reference -->
|
|
3527
3527
|
|
|
3528
3528
|
```bash
|
|
3529
|
-
npx @mui/codemod@
|
|
3529
|
+
npx @mui/codemod@latest v5.0.0/fade-rename-alpha <path>
|
|
3530
3530
|
```
|
|
3531
3531
|
|
|
3532
3532
|
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 +3543,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
|
|
|
3543
3543
|
<!-- #npm-tag-reference -->
|
|
3544
3544
|
|
|
3545
3545
|
```bash
|
|
3546
|
-
npx @mui/codemod@
|
|
3546
|
+
npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent <path>
|
|
3547
3547
|
```
|
|
3548
3548
|
|
|
3549
3549
|
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 +3553,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3553
3553
|
Renames `GridList*` to `ImageList*`
|
|
3554
3554
|
|
|
3555
3555
|
```bash
|
|
3556
|
-
npx @mui/codemod@
|
|
3556
|
+
npx @mui/codemod@latest v5.0.0/grid-list-component <path>
|
|
3557
3557
|
```
|
|
3558
3558
|
|
|
3559
3559
|
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 +3570,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
|
|
|
3570
3570
|
```
|
|
3571
3571
|
|
|
3572
3572
|
```bash
|
|
3573
|
-
npx @mui/codemod@
|
|
3573
|
+
npx @mui/codemod@latest v5.0.0/icon-button-size <path>
|
|
3574
3574
|
```
|
|
3575
3575
|
|
|
3576
3576
|
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 +3635,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
|
|
|
3635
3635
|
```
|
|
3636
3636
|
|
|
3637
3637
|
```bash
|
|
3638
|
-
npx @mui/codemod@
|
|
3638
|
+
npx @mui/codemod@latest v5.0.0/jss-to-styled <path>
|
|
3639
3639
|
```
|
|
3640
3640
|
|
|
3641
3641
|
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 +3707,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
|
|
|
3707
3707
|
```
|
|
3708
3708
|
|
|
3709
3709
|
```bash
|
|
3710
|
-
npx @mui/codemod@
|
|
3710
|
+
npx @mui/codemod@latest v5.0.0/jss-to-tss-react <path>
|
|
3711
3711
|
```
|
|
3712
3712
|
|
|
3713
3713
|
The following scenarios are not currently handled by this codemod and will be marked with a
|
|
@@ -3735,7 +3735,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
|
|
|
3735
3735
|
```
|
|
3736
3736
|
|
|
3737
3737
|
```bash
|
|
3738
|
-
npx @mui/codemod@
|
|
3738
|
+
npx @mui/codemod@latest v5.0.0/link-underline-hover <path>
|
|
3739
3739
|
```
|
|
3740
3740
|
|
|
3741
3741
|
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 +3773,7 @@ Moves JSS imports to `@material-ui/styles`
|
|
|
3773
3773
|
```
|
|
3774
3774
|
|
|
3775
3775
|
```bash
|
|
3776
|
-
npx @mui/codemod@
|
|
3776
|
+
npx @mui/codemod@latest v5.0.0/material-ui-styles <path>
|
|
3777
3777
|
```
|
|
3778
3778
|
|
|
3779
3779
|
#### `material-ui-types`
|
|
@@ -3786,7 +3786,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
|
|
|
3786
3786
|
```
|
|
3787
3787
|
|
|
3788
3788
|
```bash
|
|
3789
|
-
npx @mui/codemod@
|
|
3789
|
+
npx @mui/codemod@latest v5.0.0/material-ui-types <path>
|
|
3790
3790
|
```
|
|
3791
3791
|
|
|
3792
3792
|
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 +3803,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
|
|
|
3803
3803
|
```
|
|
3804
3804
|
|
|
3805
3805
|
```bash
|
|
3806
|
-
npx @mui/codemod@
|
|
3806
|
+
npx @mui/codemod@latest v5.0.0/modal-props <path>
|
|
3807
3807
|
```
|
|
3808
3808
|
|
|
3809
3809
|
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 +3827,7 @@ or
|
|
|
3827
3827
|
<!-- #npm-tag-reference -->
|
|
3828
3828
|
|
|
3829
3829
|
```bash
|
|
3830
|
-
npx @mui/codemod@
|
|
3830
|
+
npx @mui/codemod@latest v5.0.0/moved-lab-modules <path>
|
|
3831
3831
|
```
|
|
3832
3832
|
|
|
3833
3833
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -3852,7 +3852,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
|
|
|
3852
3852
|
```
|
|
3853
3853
|
|
|
3854
3854
|
```bash
|
|
3855
|
-
npx @mui/codemod@
|
|
3855
|
+
npx @mui/codemod@latest v5.0.0/pagination-round-circular <path>
|
|
3856
3856
|
```
|
|
3857
3857
|
|
|
3858
3858
|
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 +3872,7 @@ Converts all `@mui/material` & `@mui/icons-material` top-level imports to path i
|
|
|
3872
3872
|
```
|
|
3873
3873
|
|
|
3874
3874
|
```bash
|
|
3875
|
-
npx @mui/codemod@
|
|
3875
|
+
npx @mui/codemod@latest v5.0.0/path-imports <path>
|
|
3876
3876
|
```
|
|
3877
3877
|
|
|
3878
3878
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3891,7 +3891,7 @@ Fix private import paths.
|
|
|
3891
3891
|
<!-- #npm-tag-reference -->
|
|
3892
3892
|
|
|
3893
3893
|
```bash
|
|
3894
|
-
npx @mui/codemod@
|
|
3894
|
+
npx @mui/codemod@latest v5.0.0/optimal-imports <path>
|
|
3895
3895
|
```
|
|
3896
3896
|
|
|
3897
3897
|
#### `root-ref`
|
|
@@ -3899,7 +3899,7 @@ npx @mui/codemod@next v5.0.0/optimal-imports <path>
|
|
|
3899
3899
|
Removes `RootRef` from the codebase.
|
|
3900
3900
|
|
|
3901
3901
|
```bash
|
|
3902
|
-
npx @mui/codemod@
|
|
3902
|
+
npx @mui/codemod@latest v5.0.0/root-ref <path>
|
|
3903
3903
|
```
|
|
3904
3904
|
|
|
3905
3905
|
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 +3914,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3914
3914
|
```
|
|
3915
3915
|
|
|
3916
3916
|
```bash
|
|
3917
|
-
npx @mui/codemod@
|
|
3917
|
+
npx @mui/codemod@latest v5.0.0/skeleton-variant <path>
|
|
3918
3918
|
```
|
|
3919
3919
|
|
|
3920
3920
|
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 +3924,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3924
3924
|
Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
|
|
3925
3925
|
|
|
3926
3926
|
```bash
|
|
3927
|
-
npx @mui/codemod@
|
|
3927
|
+
npx @mui/codemod@latest v5.0.0/styled-engine-provider <path>
|
|
3928
3928
|
```
|
|
3929
3929
|
|
|
3930
3930
|
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 +3950,7 @@ Renames props in `Table*` components.
|
|
|
3950
3950
|
```
|
|
3951
3951
|
|
|
3952
3952
|
```bash
|
|
3953
|
-
npx @mui/codemod@
|
|
3953
|
+
npx @mui/codemod@latest v5.0.0/table-props <path>
|
|
3954
3954
|
```
|
|
3955
3955
|
|
|
3956
3956
|
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 +3969,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
|
|
|
3969
3969
|
```
|
|
3970
3970
|
|
|
3971
3971
|
```bash
|
|
3972
|
-
npx @mui/codemod@
|
|
3972
|
+
npx @mui/codemod@latest v5.0.0/tabs-scroll-buttons <path>
|
|
3973
3973
|
```
|
|
3974
3974
|
|
|
3975
3975
|
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 +3988,7 @@ Renames `TextField`'s rows props.
|
|
|
3988
3988
|
```
|
|
3989
3989
|
|
|
3990
3990
|
```bash
|
|
3991
|
-
npx @mui/codemod@
|
|
3991
|
+
npx @mui/codemod@latest v5.0.0/textarea-minmax-rows <path>
|
|
3992
3992
|
```
|
|
3993
3993
|
|
|
3994
3994
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -4001,7 +4001,7 @@ You can find more details about this breaking change in the migration guide.
|
|
|
4001
4001
|
Adds `DefaultTheme` module augmentation to TypeScript projects.
|
|
4002
4002
|
|
|
4003
4003
|
```bash
|
|
4004
|
-
npx @mui/codemod@
|
|
4004
|
+
npx @mui/codemod@latest v5.0.0/theme-augment <path>
|
|
4005
4005
|
```
|
|
4006
4006
|
|
|
4007
4007
|
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 +4020,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
|
|
|
4020
4020
|
<!-- #npm-tag-reference -->
|
|
4021
4021
|
|
|
4022
4022
|
```bash
|
|
4023
|
-
npx @mui/codemod@
|
|
4023
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints <path>
|
|
4024
4024
|
```
|
|
4025
4025
|
|
|
4026
4026
|
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 +4030,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4030
4030
|
Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
|
|
4031
4031
|
|
|
4032
4032
|
```bash
|
|
4033
|
-
npx @mui/codemod@
|
|
4033
|
+
npx @mui/codemod@latest v5.0.0/theme-breakpoints-width <path>
|
|
4034
4034
|
```
|
|
4035
4035
|
|
|
4036
4036
|
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 +4043,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4043
4043
|
```
|
|
4044
4044
|
|
|
4045
4045
|
```bash
|
|
4046
|
-
npx @mui/codemod@
|
|
4046
|
+
npx @mui/codemod@latest v5.0.0/theme-options <path>
|
|
4047
4047
|
```
|
|
4048
4048
|
|
|
4049
4049
|
#### `theme-palette-mode`
|
|
@@ -4065,7 +4065,7 @@ Renames `type` to `mode`.
|
|
|
4065
4065
|
```
|
|
4066
4066
|
|
|
4067
4067
|
```bash
|
|
4068
|
-
npx @mui/codemod@
|
|
4068
|
+
npx @mui/codemod@latest v5.0.0/theme-palette-mode <path>
|
|
4069
4069
|
```
|
|
4070
4070
|
|
|
4071
4071
|
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 +4075,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
4075
4075
|
Renames `MuiThemeProvider` to `ThemeProvider`.
|
|
4076
4076
|
|
|
4077
4077
|
```bash
|
|
4078
|
-
npx @mui/codemod@
|
|
4078
|
+
npx @mui/codemod@latest v5.0.0/theme-provider <path>
|
|
4079
4079
|
```
|
|
4080
4080
|
|
|
4081
4081
|
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 +4094,7 @@ Removes the 'px' suffix from some template strings.
|
|
|
4094
4094
|
<!-- #npm-tag-reference -->
|
|
4095
4095
|
|
|
4096
4096
|
```bash
|
|
4097
|
-
npx @mui/codemod@
|
|
4097
|
+
npx @mui/codemod@latest v5.0.0/theme-spacing <path>
|
|
4098
4098
|
```
|
|
4099
4099
|
|
|
4100
4100
|
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 +4109,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
|
|
|
4109
4109
|
```
|
|
4110
4110
|
|
|
4111
4111
|
```bash
|
|
4112
|
-
npx @mui/codemod@
|
|
4112
|
+
npx @mui/codemod@latest v5.0.0/theme-typography-round <path>
|
|
4113
4113
|
```
|
|
4114
4114
|
|
|
4115
4115
|
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 +4127,7 @@ Converts all `@mui/material` submodule imports to the root module:
|
|
|
4127
4127
|
<!-- #npm-tag-reference -->
|
|
4128
4128
|
|
|
4129
4129
|
```bash
|
|
4130
|
-
npx @mui/codemod@
|
|
4130
|
+
npx @mui/codemod@latest v5.0.0/top-level-imports <path>
|
|
4131
4131
|
```
|
|
4132
4132
|
|
|
4133
4133
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4137,7 +4137,7 @@ Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand
|
|
|
4137
4137
|
Renames import `transitions` to `createTransitions`
|
|
4138
4138
|
|
|
4139
4139
|
```bash
|
|
4140
|
-
npx @mui/codemod@
|
|
4140
|
+
npx @mui/codemod@latest v5.0.0/transitions <path>
|
|
4141
4141
|
```
|
|
4142
4142
|
|
|
4143
4143
|
#### `use-autocomplete`
|
|
@@ -4150,7 +4150,7 @@ Renames `useAutocomplete` related import from lab to core
|
|
|
4150
4150
|
```
|
|
4151
4151
|
|
|
4152
4152
|
```bash
|
|
4153
|
-
npx @mui/codemod@
|
|
4153
|
+
npx @mui/codemod@latest v5.0.0/use-autocomplete <path>
|
|
4154
4154
|
```
|
|
4155
4155
|
|
|
4156
4156
|
#### `use-transitionprops`
|
|
@@ -4179,7 +4179,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
|
|
|
4179
4179
|
<!-- #npm-tag-reference -->
|
|
4180
4180
|
|
|
4181
4181
|
```bash
|
|
4182
|
-
npx @mui/codemod@
|
|
4182
|
+
npx @mui/codemod@latest v5.0.0/use-transitionprops <path>
|
|
4183
4183
|
```
|
|
4184
4184
|
|
|
4185
4185
|
You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -4209,7 +4209,7 @@ The diff should look like this:
|
|
|
4209
4209
|
<!-- #npm-tag-reference -->
|
|
4210
4210
|
|
|
4211
4211
|
```bash
|
|
4212
|
-
npx @mui/codemod@
|
|
4212
|
+
npx @mui/codemod@latest v5.0.0/variant-prop <path>
|
|
4213
4213
|
```
|
|
4214
4214
|
|
|
4215
4215
|
#### `with-mobile-dialog`
|
|
@@ -4223,7 +4223,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
|
|
|
4223
4223
|
```
|
|
4224
4224
|
|
|
4225
4225
|
```bash
|
|
4226
|
-
npx @mui/codemod@
|
|
4226
|
+
npx @mui/codemod@latest v5.0.0/with-mobile-dialog <path>
|
|
4227
4227
|
```
|
|
4228
4228
|
|
|
4229
4229
|
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 +4239,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
|
|
|
4239
4239
|
```
|
|
4240
4240
|
|
|
4241
4241
|
```bash
|
|
4242
|
-
npx @mui/codemod@
|
|
4242
|
+
npx @mui/codemod@latest v5.0.0/with-width <path>
|
|
4243
4243
|
```
|
|
4244
4244
|
|
|
4245
4245
|
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 +4300,7 @@ Replace every occurrence of `material-ui` related package with the new package n
|
|
|
4300
4300
|
```
|
|
4301
4301
|
|
|
4302
4302
|
```bash
|
|
4303
|
-
npx @mui/codemod@
|
|
4303
|
+
npx @mui/codemod@latest v5.0.0/mui-replace <path>
|
|
4304
4304
|
```
|
|
4305
4305
|
|
|
4306
4306
|
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 +4320,7 @@ The diff should look like this:
|
|
|
4320
4320
|
<!-- #npm-tag-reference -->
|
|
4321
4321
|
|
|
4322
4322
|
```bash
|
|
4323
|
-
npx @mui/codemod@
|
|
4323
|
+
npx @mui/codemod@latest v4.0.0/theme-spacing-api <path>
|
|
4324
4324
|
```
|
|
4325
4325
|
|
|
4326
4326
|
This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
|
|
@@ -4347,7 +4347,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
|
|
|
4347
4347
|
<!-- #npm-tag-reference -->
|
|
4348
4348
|
|
|
4349
4349
|
```bash
|
|
4350
|
-
npx @mui/codemod@
|
|
4350
|
+
npx @mui/codemod@latest v4.0.0/optimal-imports <path>
|
|
4351
4351
|
```
|
|
4352
4352
|
|
|
4353
4353
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4365,7 +4365,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
|
|
|
4365
4365
|
<!-- #npm-tag-reference -->
|
|
4366
4366
|
|
|
4367
4367
|
```bash
|
|
4368
|
-
npx @mui/codemod@
|
|
4368
|
+
npx @mui/codemod@latest v4.0.0/top-level-imports <path>
|
|
4369
4369
|
```
|
|
4370
4370
|
|
|
4371
4371
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -4386,7 +4386,7 @@ The diff should look like this:
|
|
|
4386
4386
|
<!-- #npm-tag-reference -->
|
|
4387
4387
|
|
|
4388
4388
|
```bash
|
|
4389
|
-
npx @mui/codemod@
|
|
4389
|
+
npx @mui/codemod@latest v1.0.0/import-path <path>
|
|
4390
4390
|
```
|
|
4391
4391
|
|
|
4392
4392
|
**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 +4413,7 @@ The diff should look like this:
|
|
|
4413
4413
|
<!-- #npm-tag-reference -->
|
|
4414
4414
|
|
|
4415
4415
|
```bash
|
|
4416
|
-
npx @mui/codemod@
|
|
4416
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path>
|
|
4417
4417
|
```
|
|
4418
4418
|
|
|
4419
4419
|
**additional options**
|
|
@@ -4421,7 +4421,7 @@ npx @mui/codemod@next v1.0.0/color-imports <path>
|
|
|
4421
4421
|
<!-- #npm-tag-reference -->
|
|
4422
4422
|
|
|
4423
4423
|
```bash
|
|
4424
|
-
npx @mui/codemod@
|
|
4424
|
+
npx @mui/codemod@latest v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
|
|
4425
4425
|
```
|
|
4426
4426
|
|
|
4427
4427
|
#### `svg-icon-imports`
|
|
@@ -4439,7 +4439,7 @@ The diff should look like this:
|
|
|
4439
4439
|
<!-- #npm-tag-reference -->
|
|
4440
4440
|
|
|
4441
4441
|
```bash
|
|
4442
|
-
npx @mui/codemod@
|
|
4442
|
+
npx @mui/codemod@latest v1.0.0/svg-icon-imports <path>
|
|
4443
4443
|
```
|
|
4444
4444
|
|
|
4445
4445
|
#### `menu-item-primary-text`
|
|
@@ -4457,7 +4457,7 @@ The diff should look like this:
|
|
|
4457
4457
|
<!-- #npm-tag-reference -->
|
|
4458
4458
|
|
|
4459
4459
|
```bash
|
|
4460
|
-
npx @mui/codemod@
|
|
4460
|
+
npx @mui/codemod@latest v1.0.0/menu-item-primary-text <path>
|
|
4461
4461
|
```
|
|
4462
4462
|
|
|
4463
4463
|
### v0.15.0
|
|
@@ -4481,5 +4481,5 @@ The diff should look like this:
|
|
|
4481
4481
|
<!-- #npm-tag-reference -->
|
|
4482
4482
|
|
|
4483
4483
|
```bash
|
|
4484
|
-
npx @mui/codemod@
|
|
4484
|
+
npx @mui/codemod@latest v0.15.0/import-path <path>
|
|
4485
4485
|
```
|