@mui/codemod 7.3.8 → 9.0.0-alpha.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 +74 -0
- package/README.md +150 -144
- package/codemod.js +68 -124
- package/package.json +6 -5
- package/v5.0.0/path-imports.js +0 -5
- package/v5.0.0/top-level-imports.js +1 -5
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 <codemod> <paths...>
|
|
17
|
+
npx @mui/codemod@next <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@next v4.0.0/theme-spacing-api src
|
|
38
|
+
npx @mui/codemod@next v5.0.0/component-rename-prop src --
|
|
39
39
|
--component=Grid --from=prop --to=newProp
|
|
40
|
-
npx @mui/codemod@
|
|
40
|
+
npx @mui/codemod@next 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@next --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@next --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@next <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
|
|
70
70
|
```
|
|
71
71
|
|
|
72
72
|
## Included scripts
|
|
@@ -82,7 +82,7 @@ npx @mui/codemod@latest <transform> <path> --jscodeshift="--printOptions='{\"quo
|
|
|
82
82
|
### Deprecations
|
|
83
83
|
|
|
84
84
|
```bash
|
|
85
|
-
npx @mui/codemod@
|
|
85
|
+
npx @mui/codemod@next 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@next 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@next 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@next deprecations/alert-classes <path>
|
|
244
244
|
```
|
|
245
245
|
|
|
246
246
|
#### `alert-props`
|
|
@@ -266,7 +266,7 @@ npx @mui/codemod@latest deprecations/alert-classes <path>
|
|
|
266
266
|
```
|
|
267
267
|
|
|
268
268
|
```bash
|
|
269
|
-
npx @mui/codemod@
|
|
269
|
+
npx @mui/codemod@next deprecations/alert-props <path>
|
|
270
270
|
```
|
|
271
271
|
|
|
272
272
|
#### `autocomplete-props`
|
|
@@ -336,7 +336,7 @@ npx @mui/codemod@latest deprecations/alert-props <path>
|
|
|
336
336
|
```
|
|
337
337
|
|
|
338
338
|
```bash
|
|
339
|
-
npx @mui/codemod@
|
|
339
|
+
npx @mui/codemod@next deprecations/autocomplete-props <path>
|
|
340
340
|
```
|
|
341
341
|
|
|
342
342
|
#### `avatar-group-props`
|
|
@@ -384,7 +384,7 @@ npx @mui/codemod@latest deprecations/autocomplete-props <path>
|
|
|
384
384
|
```
|
|
385
385
|
|
|
386
386
|
```bash
|
|
387
|
-
npx @mui/codemod@
|
|
387
|
+
npx @mui/codemod@next deprecations/avatar-group-props <path>
|
|
388
388
|
```
|
|
389
389
|
|
|
390
390
|
#### `avatar-props`
|
|
@@ -404,7 +404,7 @@ npx @mui/codemod@latest deprecations/avatar-group-props <path>
|
|
|
404
404
|
```
|
|
405
405
|
|
|
406
406
|
```bash
|
|
407
|
-
npx @mui/codemod@
|
|
407
|
+
npx @mui/codemod@next deprecations/avatar-props <path>
|
|
408
408
|
```
|
|
409
409
|
|
|
410
410
|
#### `backdrop-props`
|
|
@@ -437,7 +437,7 @@ npx @mui/codemod@latest deprecations/avatar-props <path>
|
|
|
437
437
|
```
|
|
438
438
|
|
|
439
439
|
```bash
|
|
440
|
-
npx @mui/codemod@
|
|
440
|
+
npx @mui/codemod@next deprecations/backdrop-props <path>
|
|
441
441
|
```
|
|
442
442
|
|
|
443
443
|
#### `badge-props`
|
|
@@ -463,7 +463,7 @@ npx @mui/codemod@latest deprecations/backdrop-props <path>
|
|
|
463
463
|
```
|
|
464
464
|
|
|
465
465
|
```bash
|
|
466
|
-
npx @mui/codemod@
|
|
466
|
+
npx @mui/codemod@next deprecations/badge-props <path>
|
|
467
467
|
```
|
|
468
468
|
|
|
469
469
|
#### `button-classes`
|
|
@@ -685,7 +685,7 @@ CSS transforms:
|
|
|
685
685
|
```
|
|
686
686
|
|
|
687
687
|
```bash
|
|
688
|
-
npx @mui/codemod@
|
|
688
|
+
npx @mui/codemod@next deprecations/button-classes <path>
|
|
689
689
|
```
|
|
690
690
|
|
|
691
691
|
#### `button-group-classes`
|
|
@@ -811,7 +811,7 @@ CSS transforms:
|
|
|
811
811
|
```
|
|
812
812
|
|
|
813
813
|
```bash
|
|
814
|
-
npx @mui/codemod@
|
|
814
|
+
npx @mui/codemod@next deprecations/button-group-classes <path>
|
|
815
815
|
```
|
|
816
816
|
|
|
817
817
|
#### `chip-classes`
|
|
@@ -992,7 +992,7 @@ CSS transforms:
|
|
|
992
992
|
```
|
|
993
993
|
|
|
994
994
|
```bash
|
|
995
|
-
npx @mui/codemod@
|
|
995
|
+
npx @mui/codemod@next deprecations/chip-classes <path>
|
|
996
996
|
```
|
|
997
997
|
|
|
998
998
|
#### `circular-progress-classes`
|
|
@@ -1031,7 +1031,7 @@ CSS transforms:
|
|
|
1031
1031
|
```
|
|
1032
1032
|
|
|
1033
1033
|
```bash
|
|
1034
|
-
npx @mui/codemod@
|
|
1034
|
+
npx @mui/codemod@next deprecations/circular-progress-classes <path>
|
|
1035
1035
|
```
|
|
1036
1036
|
|
|
1037
1037
|
#### `divider-props`
|
|
@@ -1044,7 +1044,7 @@ npx @mui/codemod@latest deprecations/circular-progress-classes <path>
|
|
|
1044
1044
|
```
|
|
1045
1045
|
|
|
1046
1046
|
```bash
|
|
1047
|
-
npx @mui/codemod@
|
|
1047
|
+
npx @mui/codemod@next deprecations/divider-props <path>
|
|
1048
1048
|
```
|
|
1049
1049
|
|
|
1050
1050
|
#### `dialog-classes`
|
|
@@ -1080,7 +1080,7 @@ CSS transforms:
|
|
|
1080
1080
|
```
|
|
1081
1081
|
|
|
1082
1082
|
```bash
|
|
1083
|
-
npx @mui/codemod@
|
|
1083
|
+
npx @mui/codemod@next deprecations/dialog-classes <path>
|
|
1084
1084
|
```
|
|
1085
1085
|
|
|
1086
1086
|
#### `dialog-props`
|
|
@@ -1102,7 +1102,7 @@ JS transforms:
|
|
|
1102
1102
|
```
|
|
1103
1103
|
|
|
1104
1104
|
```bash
|
|
1105
|
-
npx @mui/codemod@
|
|
1105
|
+
npx @mui/codemod@next deprecations/dialog-props <path>
|
|
1106
1106
|
```
|
|
1107
1107
|
|
|
1108
1108
|
#### `drawer-classes`
|
|
@@ -1174,7 +1174,7 @@ CSS transforms:
|
|
|
1174
1174
|
```
|
|
1175
1175
|
|
|
1176
1176
|
```bash
|
|
1177
|
-
npx @mui/codemod@
|
|
1177
|
+
npx @mui/codemod@next deprecations/drawer-classes <path>
|
|
1178
1178
|
```
|
|
1179
1179
|
|
|
1180
1180
|
#### `filled-input-props`
|
|
@@ -1200,7 +1200,7 @@ npx @mui/codemod@latest deprecations/drawer-classes <path>
|
|
|
1200
1200
|
```
|
|
1201
1201
|
|
|
1202
1202
|
```bash
|
|
1203
|
-
npx @mui/codemod@
|
|
1203
|
+
npx @mui/codemod@next deprecations/filled-input-props <path>
|
|
1204
1204
|
```
|
|
1205
1205
|
|
|
1206
1206
|
#### `form-control-label-props`
|
|
@@ -1222,7 +1222,7 @@ npx @mui/codemod@latest deprecations/filled-input-props <path>
|
|
|
1222
1222
|
```
|
|
1223
1223
|
|
|
1224
1224
|
```bash
|
|
1225
|
-
npx @mui/codemod@
|
|
1225
|
+
npx @mui/codemod@next deprecations/form-control-label-props <path>
|
|
1226
1226
|
|
|
1227
1227
|
```
|
|
1228
1228
|
|
|
@@ -1249,7 +1249,7 @@ npx @mui/codemod@latest deprecations/form-control-label-props <path>
|
|
|
1249
1249
|
```
|
|
1250
1250
|
|
|
1251
1251
|
```bash
|
|
1252
|
-
npx @mui/codemod@
|
|
1252
|
+
npx @mui/codemod@next deprecations/list-item-props <path>
|
|
1253
1253
|
```
|
|
1254
1254
|
|
|
1255
1255
|
#### `list-item-text-props`
|
|
@@ -1275,7 +1275,7 @@ npx @mui/codemod@latest deprecations/list-item-props <path>
|
|
|
1275
1275
|
```
|
|
1276
1276
|
|
|
1277
1277
|
```bash
|
|
1278
|
-
npx @mui/codemod@
|
|
1278
|
+
npx @mui/codemod@next deprecations/list-item-text-props <path>
|
|
1279
1279
|
```
|
|
1280
1280
|
|
|
1281
1281
|
#### `image-list-item-bar-classes`
|
|
@@ -1332,7 +1332,7 @@ CSS transforms:
|
|
|
1332
1332
|
```
|
|
1333
1333
|
|
|
1334
1334
|
```bash
|
|
1335
|
-
npx @mui/codemod@
|
|
1335
|
+
npx @mui/codemod@next deprecations/image-list-item-bar-classes <path>
|
|
1336
1336
|
```
|
|
1337
1337
|
|
|
1338
1338
|
#### `input-base-props`
|
|
@@ -1358,7 +1358,7 @@ npx @mui/codemod@latest deprecations/image-list-item-bar-classes <path>
|
|
|
1358
1358
|
```
|
|
1359
1359
|
|
|
1360
1360
|
```bash
|
|
1361
|
-
npx @mui/codemod@
|
|
1361
|
+
npx @mui/codemod@next deprecations/input-base-props <path>
|
|
1362
1362
|
```
|
|
1363
1363
|
|
|
1364
1364
|
#### `input-base-classes`
|
|
@@ -1412,7 +1412,7 @@ CSS transforms:
|
|
|
1412
1412
|
```
|
|
1413
1413
|
|
|
1414
1414
|
```bash
|
|
1415
|
-
npx @mui/codemod@
|
|
1415
|
+
npx @mui/codemod@next deprecations/input-base-classes <path>
|
|
1416
1416
|
```
|
|
1417
1417
|
|
|
1418
1418
|
#### `input-props`
|
|
@@ -1438,7 +1438,7 @@ npx @mui/codemod@latest deprecations/input-base-classes <path>
|
|
|
1438
1438
|
```
|
|
1439
1439
|
|
|
1440
1440
|
```bash
|
|
1441
|
-
npx @mui/codemod@
|
|
1441
|
+
npx @mui/codemod@next deprecations/input-props <path>
|
|
1442
1442
|
```
|
|
1443
1443
|
|
|
1444
1444
|
#### `linear-progress-classes`
|
|
@@ -1498,7 +1498,7 @@ CSS transforms:
|
|
|
1498
1498
|
```
|
|
1499
1499
|
|
|
1500
1500
|
```bash
|
|
1501
|
-
npx @mui/codemod@
|
|
1501
|
+
npx @mui/codemod@next deprecations/linear-progress-classes <path>
|
|
1502
1502
|
```
|
|
1503
1503
|
|
|
1504
1504
|
#### `modal-props`
|
|
@@ -1524,7 +1524,7 @@ npx @mui/codemod@latest deprecations/linear-progress-classes <path>
|
|
|
1524
1524
|
```
|
|
1525
1525
|
|
|
1526
1526
|
```bash
|
|
1527
|
-
npx @mui/codemod@
|
|
1527
|
+
npx @mui/codemod@next deprecations/modal-props <path>
|
|
1528
1528
|
```
|
|
1529
1529
|
|
|
1530
1530
|
#### `mobile-stepper-props`
|
|
@@ -1537,7 +1537,7 @@ npx @mui/codemod@latest deprecations/modal-props <path>
|
|
|
1537
1537
|
```
|
|
1538
1538
|
|
|
1539
1539
|
```bash
|
|
1540
|
-
npx @mui/codemod@
|
|
1540
|
+
npx @mui/codemod@next deprecations/mobile-stepper-props <path>
|
|
1541
1541
|
```
|
|
1542
1542
|
|
|
1543
1543
|
#### `pagination-item-classes`
|
|
@@ -1601,7 +1601,7 @@ CSS transforms:
|
|
|
1601
1601
|
```
|
|
1602
1602
|
|
|
1603
1603
|
```bash
|
|
1604
|
-
npx @mui/codemod@
|
|
1604
|
+
npx @mui/codemod@next deprecations/pagination-item-classes <path>
|
|
1605
1605
|
```
|
|
1606
1606
|
|
|
1607
1607
|
#### `pagination-item-props`
|
|
@@ -1623,7 +1623,7 @@ npx @mui/codemod@latest deprecations/pagination-item-classes <path>
|
|
|
1623
1623
|
```
|
|
1624
1624
|
|
|
1625
1625
|
```bash
|
|
1626
|
-
npx @mui/codemod@
|
|
1626
|
+
npx @mui/codemod@next deprecations/pagination-item-props <path>
|
|
1627
1627
|
```
|
|
1628
1628
|
|
|
1629
1629
|
#### `popper-props`
|
|
@@ -1649,7 +1649,7 @@ npx @mui/codemod@latest deprecations/pagination-item-props <path>
|
|
|
1649
1649
|
```
|
|
1650
1650
|
|
|
1651
1651
|
```bash
|
|
1652
|
-
npx @mui/codemod@
|
|
1652
|
+
npx @mui/codemod@next deprecations/popper-props <path>
|
|
1653
1653
|
```
|
|
1654
1654
|
|
|
1655
1655
|
#### `outlined-input-props`
|
|
@@ -1675,7 +1675,7 @@ npx @mui/codemod@latest deprecations/popper-props <path>
|
|
|
1675
1675
|
```
|
|
1676
1676
|
|
|
1677
1677
|
```bash
|
|
1678
|
-
npx @mui/codemod@
|
|
1678
|
+
npx @mui/codemod@next deprecations/outlined-input-props <path>
|
|
1679
1679
|
```
|
|
1680
1680
|
|
|
1681
1681
|
#### `rating-props`
|
|
@@ -1689,8 +1689,10 @@ npx @mui/codemod@latest deprecations/outlined-input-props <path>
|
|
|
1689
1689
|
/>
|
|
1690
1690
|
```
|
|
1691
1691
|
|
|
1692
|
+
<!-- #npm-tag-reference -->
|
|
1693
|
+
|
|
1692
1694
|
```bash
|
|
1693
|
-
npx @mui/codemod deprecations/rating-props <path>
|
|
1695
|
+
npx @mui/codemod@next deprecations/rating-props <path>
|
|
1694
1696
|
```
|
|
1695
1697
|
|
|
1696
1698
|
#### `select-classes`
|
|
@@ -1738,7 +1740,7 @@ CSS transforms:
|
|
|
1738
1740
|
```
|
|
1739
1741
|
|
|
1740
1742
|
```bash
|
|
1741
|
-
npx @mui/codemod@
|
|
1743
|
+
npx @mui/codemod@next deprecations/select-classes <path>
|
|
1742
1744
|
```
|
|
1743
1745
|
|
|
1744
1746
|
#### `slider-props`
|
|
@@ -1764,7 +1766,7 @@ npx @mui/codemod@latest deprecations/select-classes <path>
|
|
|
1764
1766
|
```
|
|
1765
1767
|
|
|
1766
1768
|
```bash
|
|
1767
|
-
npx @mui/codemod@
|
|
1769
|
+
npx @mui/codemod@next deprecations/slider-props <path>
|
|
1768
1770
|
```
|
|
1769
1771
|
|
|
1770
1772
|
#### `snackbar-props`
|
|
@@ -1784,8 +1786,10 @@ npx @mui/codemod@latest deprecations/slider-props <path>
|
|
|
1784
1786
|
/>
|
|
1785
1787
|
```
|
|
1786
1788
|
|
|
1789
|
+
<!-- #npm-tag-reference -->
|
|
1790
|
+
|
|
1787
1791
|
```bash
|
|
1788
|
-
npx @mui/codemod deprecations/snackbar-props <path>
|
|
1792
|
+
npx @mui/codemod@next deprecations/snackbar-props <path>
|
|
1789
1793
|
```
|
|
1790
1794
|
|
|
1791
1795
|
#### `slider-classes`
|
|
@@ -1857,7 +1861,7 @@ CSS transforms:
|
|
|
1857
1861
|
```
|
|
1858
1862
|
|
|
1859
1863
|
```bash
|
|
1860
|
-
npx @mui/codemod@
|
|
1864
|
+
npx @mui/codemod@next deprecations/slider-classes <path>
|
|
1861
1865
|
```
|
|
1862
1866
|
|
|
1863
1867
|
#### `tooltip-props`
|
|
@@ -1907,7 +1911,7 @@ npx @mui/codemod@latest deprecations/slider-classes <path>
|
|
|
1907
1911
|
```
|
|
1908
1912
|
|
|
1909
1913
|
```bash
|
|
1910
|
-
npx @mui/codemod@
|
|
1914
|
+
npx @mui/codemod@next deprecations/tooltip-props <path>
|
|
1911
1915
|
```
|
|
1912
1916
|
|
|
1913
1917
|
#### `step-connector-classes`
|
|
@@ -1945,8 +1949,10 @@ CSS transforms:
|
|
|
1945
1949
|
+.MuiStepConnector-vertical > .MuiStepConnector-line
|
|
1946
1950
|
```
|
|
1947
1951
|
|
|
1952
|
+
<!-- #npm-tag-reference -->
|
|
1953
|
+
|
|
1948
1954
|
```bash
|
|
1949
|
-
npx @mui/codemod deprecations/step-connector-classes <path>
|
|
1955
|
+
npx @mui/codemod@next deprecations/step-connector-classes <path>
|
|
1950
1956
|
```
|
|
1951
1957
|
|
|
1952
1958
|
#### `step-content-props`
|
|
@@ -1961,7 +1967,7 @@ npx @mui/codemod deprecations/step-connector-classes <path>
|
|
|
1961
1967
|
```
|
|
1962
1968
|
|
|
1963
1969
|
```bash
|
|
1964
|
-
npx @mui/codemod@
|
|
1970
|
+
npx @mui/codemod@next deprecations/step-content-props <path>
|
|
1965
1971
|
```
|
|
1966
1972
|
|
|
1967
1973
|
#### `step-label-props`
|
|
@@ -1991,7 +1997,7 @@ npx @mui/codemod@latest deprecations/step-content-props <path>
|
|
|
1991
1997
|
```
|
|
1992
1998
|
|
|
1993
1999
|
```bash
|
|
1994
|
-
npx @mui/codemod@
|
|
2000
|
+
npx @mui/codemod@next deprecations/step-label-props <path>
|
|
1995
2001
|
```
|
|
1996
2002
|
|
|
1997
2003
|
#### `text-field-props`
|
|
@@ -2014,7 +2020,7 @@ npx @mui/codemod@latest deprecations/step-label-props <path>
|
|
|
2014
2020
|
```
|
|
2015
2021
|
|
|
2016
2022
|
```bash
|
|
2017
|
-
npx @mui/codemod@
|
|
2023
|
+
npx @mui/codemod@next deprecations/text-field-props <path>
|
|
2018
2024
|
```
|
|
2019
2025
|
|
|
2020
2026
|
#### `toggle-button-group-classes`
|
|
@@ -2053,7 +2059,7 @@ CSS transforms:
|
|
|
2053
2059
|
```
|
|
2054
2060
|
|
|
2055
2061
|
```bash
|
|
2056
|
-
npx @mui/codemod@
|
|
2062
|
+
npx @mui/codemod@next deprecations/toggle-button-group-classes <path>
|
|
2057
2063
|
```
|
|
2058
2064
|
|
|
2059
2065
|
#### `tab-classes`
|
|
@@ -2083,7 +2089,7 @@ CSS transforms:
|
|
|
2083
2089
|
```
|
|
2084
2090
|
|
|
2085
2091
|
```bash
|
|
2086
|
-
npx @mui/codemod@
|
|
2092
|
+
npx @mui/codemod@next deprecations/tab-classes <path>
|
|
2087
2093
|
```
|
|
2088
2094
|
|
|
2089
2095
|
#### `table-sort-label-classes`
|
|
@@ -2122,7 +2128,7 @@ CSS transforms:
|
|
|
2122
2128
|
```
|
|
2123
2129
|
|
|
2124
2130
|
```bash
|
|
2125
|
-
npx @mui/codemod@
|
|
2131
|
+
npx @mui/codemod@next deprecations/table-sort-label-classes <path>
|
|
2126
2132
|
```
|
|
2127
2133
|
|
|
2128
2134
|
#### `typography-props`
|
|
@@ -2151,7 +2157,7 @@ npx @mui/codemod@latest deprecations/table-sort-label-classes <path>
|
|
|
2151
2157
|
```
|
|
2152
2158
|
|
|
2153
2159
|
```bash
|
|
2154
|
-
npx @mui/codemod@
|
|
2160
|
+
npx @mui/codemod@next deprecations/typography-props <path>
|
|
2155
2161
|
```
|
|
2156
2162
|
|
|
2157
2163
|
### v7.0.0
|
|
@@ -2159,7 +2165,7 @@ npx @mui/codemod@latest deprecations/typography-props <path>
|
|
|
2159
2165
|
#### `theme-color-functions`
|
|
2160
2166
|
|
|
2161
2167
|
```bash
|
|
2162
|
-
npx @mui/codemod@
|
|
2168
|
+
npx @mui/codemod@next v7.0.0/theme-color-functions <path>
|
|
2163
2169
|
```
|
|
2164
2170
|
|
|
2165
2171
|
Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `@mui/system/colorManipulator` to use the `theme` object instead.
|
|
@@ -2182,7 +2188,7 @@ Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `
|
|
|
2182
2188
|
<!-- #npm-tag-reference -->
|
|
2183
2189
|
|
|
2184
2190
|
```bash
|
|
2185
|
-
npx @mui/codemod v7.0.0/grid-props <path>
|
|
2191
|
+
npx @mui/codemod@next v7.0.0/grid-props <path>
|
|
2186
2192
|
```
|
|
2187
2193
|
|
|
2188
2194
|
Updates the usage of the `@mui/material/Grid`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2203,7 +2209,7 @@ You can provide the theme breakpoints via options, for example, `--jscodeshift='
|
|
|
2203
2209
|
<!-- #npm-tag-reference -->
|
|
2204
2210
|
|
|
2205
2211
|
```bash
|
|
2206
|
-
npx @mui/codemod v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2212
|
+
npx @mui/codemod@next v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2207
2213
|
```
|
|
2208
2214
|
|
|
2209
2215
|
```diff
|
|
@@ -2216,7 +2222,7 @@ npx @mui/codemod v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile
|
|
|
2216
2222
|
<!-- #npm-tag-reference -->
|
|
2217
2223
|
|
|
2218
2224
|
```bash
|
|
2219
|
-
npx @mui/codemod v7.0.0/lab-removed-components <path>
|
|
2225
|
+
npx @mui/codemod@next v7.0.0/lab-removed-components <path>
|
|
2220
2226
|
```
|
|
2221
2227
|
|
|
2222
2228
|
Update the import of the following components and hook moved from `@mui/lab` to `@mui/material`:
|
|
@@ -2262,7 +2268,7 @@ Updates the `InputLabel`'s `size` value from `normal` to `medium`.
|
|
|
2262
2268
|
<!-- #npm-tag-reference -->
|
|
2263
2269
|
|
|
2264
2270
|
```bash
|
|
2265
|
-
npx @mui/codemod v7.0.0/input-label-size-normal-medium <path>
|
|
2271
|
+
npx @mui/codemod@next v7.0.0/input-label-size-normal-medium <path>
|
|
2266
2272
|
```
|
|
2267
2273
|
|
|
2268
2274
|
<!-- #host-reference -->
|
|
@@ -2274,7 +2280,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
2274
2280
|
#### `sx-prop`
|
|
2275
2281
|
|
|
2276
2282
|
```bash
|
|
2277
|
-
npx @mui/codemod@
|
|
2283
|
+
npx @mui/codemod@next v6.0.0/sx-prop <path>
|
|
2278
2284
|
```
|
|
2279
2285
|
|
|
2280
2286
|
Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
@@ -2297,7 +2303,7 @@ Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
|
|
|
2297
2303
|
#### `system-props`
|
|
2298
2304
|
|
|
2299
2305
|
```bash
|
|
2300
|
-
npx @mui/codemod@
|
|
2306
|
+
npx @mui/codemod@next v6.0.0/system-props <path>
|
|
2301
2307
|
```
|
|
2302
2308
|
|
|
2303
2309
|
Remove system props and add them to the `sx` prop.
|
|
@@ -2310,7 +2316,7 @@ Remove system props and add them to the `sx` prop.
|
|
|
2310
2316
|
#### `theme-v6`
|
|
2311
2317
|
|
|
2312
2318
|
```bash
|
|
2313
|
-
npx @mui/codemod@
|
|
2319
|
+
npx @mui/codemod@next v6.0.0/theme-v6 <path>
|
|
2314
2320
|
```
|
|
2315
2321
|
|
|
2316
2322
|
Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2372,7 +2378,7 @@ Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-
|
|
|
2372
2378
|
#### `styled`
|
|
2373
2379
|
|
|
2374
2380
|
```bash
|
|
2375
|
-
npx @mui/codemod@
|
|
2381
|
+
npx @mui/codemod@next v6.0.0/styled <path>
|
|
2376
2382
|
```
|
|
2377
2383
|
|
|
2378
2384
|
Updates the usage of `styled` from `@mui/system@v5` to be compatible with `@pigment-css/react`.
|
|
@@ -2446,7 +2452,7 @@ However, it has some **limitations**:
|
|
|
2446
2452
|
#### `grid-v2-props`
|
|
2447
2453
|
|
|
2448
2454
|
```bash
|
|
2449
|
-
npx @mui/codemod@
|
|
2455
|
+
npx @mui/codemod@next v6.0.0/grid-v2-props <path>
|
|
2450
2456
|
```
|
|
2451
2457
|
|
|
2452
2458
|
Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
|
|
@@ -2465,7 +2471,7 @@ Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/jo
|
|
|
2465
2471
|
You can provide the theme breakpoints via options, for example, `--jscodeshift='--muiBreakpoints=mobile,desktop'`, to use your custom breakpoints in the transformation.
|
|
2466
2472
|
|
|
2467
2473
|
```bash
|
|
2468
|
-
npx @mui/codemod@
|
|
2474
|
+
npx @mui/codemod@next v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
|
|
2469
2475
|
```
|
|
2470
2476
|
|
|
2471
2477
|
```diff
|
|
@@ -2491,7 +2497,7 @@ This codemod updates the import and re-export statements.
|
|
|
2491
2497
|
```
|
|
2492
2498
|
|
|
2493
2499
|
```bash
|
|
2494
|
-
npx @mui/codemod@
|
|
2500
|
+
npx @mui/codemod@next v5.0.0/base-use-named-exports <path>
|
|
2495
2501
|
```
|
|
2496
2502
|
|
|
2497
2503
|
#### `base-remove-unstyled-suffix`
|
|
@@ -2504,7 +2510,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
|
|
|
2504
2510
|
```
|
|
2505
2511
|
|
|
2506
2512
|
```bash
|
|
2507
|
-
npx @mui/codemod@
|
|
2513
|
+
npx @mui/codemod@next v5.0.0/base-remove-unstyled-suffix <path>
|
|
2508
2514
|
```
|
|
2509
2515
|
|
|
2510
2516
|
#### `base-remove-component-prop`
|
|
@@ -2519,7 +2525,7 @@ This change only affects Base UI components.
|
|
|
2519
2525
|
```
|
|
2520
2526
|
|
|
2521
2527
|
```bash
|
|
2522
|
-
npx @mui/codemod@
|
|
2528
|
+
npx @mui/codemod@next v5.0.0/base-remove-component-prop <path>
|
|
2523
2529
|
```
|
|
2524
2530
|
|
|
2525
2531
|
#### `rename-css-variables`
|
|
@@ -2534,7 +2540,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
|
|
|
2534
2540
|
```
|
|
2535
2541
|
|
|
2536
2542
|
```bash
|
|
2537
|
-
npx @mui/codemod@
|
|
2543
|
+
npx @mui/codemod@next v5.0.0/rename-css-variables <path>
|
|
2538
2544
|
```
|
|
2539
2545
|
|
|
2540
2546
|
#### `base-hook-imports`
|
|
@@ -2547,7 +2553,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
|
|
|
2547
2553
|
```
|
|
2548
2554
|
|
|
2549
2555
|
```bash
|
|
2550
|
-
npx @mui/codemod@
|
|
2556
|
+
npx @mui/codemod@next v5.0.0/base-hook-imports <path>
|
|
2551
2557
|
```
|
|
2552
2558
|
|
|
2553
2559
|
#### `joy-rename-classname-prefix`
|
|
@@ -2562,7 +2568,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
|
|
|
2562
2568
|
```
|
|
2563
2569
|
|
|
2564
2570
|
```bash
|
|
2565
|
-
npx @mui/codemod@
|
|
2571
|
+
npx @mui/codemod@next v5.0.0/joy-rename-classname-prefix <path>
|
|
2566
2572
|
```
|
|
2567
2573
|
|
|
2568
2574
|
#### `joy-rename-row-prop`
|
|
@@ -2577,7 +2583,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
|
|
|
2577
2583
|
```
|
|
2578
2584
|
|
|
2579
2585
|
```bash
|
|
2580
|
-
npx @mui/codemod@
|
|
2586
|
+
npx @mui/codemod@next v5.0.0/joy-rename-row-prop <path>
|
|
2581
2587
|
```
|
|
2582
2588
|
|
|
2583
2589
|
#### `joy-avatar-remove-imgProps`
|
|
@@ -2595,7 +2601,7 @@ This change only affects Joy UI Avatar component.
|
|
|
2595
2601
|
```
|
|
2596
2602
|
|
|
2597
2603
|
```bash
|
|
2598
|
-
npx @mui/codemod@
|
|
2604
|
+
npx @mui/codemod@next v5.0.0/joy-avatar-remove-imgProps <path>
|
|
2599
2605
|
```
|
|
2600
2606
|
|
|
2601
2607
|
#### `joy-text-field-to-input`
|
|
@@ -2653,7 +2659,7 @@ This change only affects Joy UI components.
|
|
|
2653
2659
|
```
|
|
2654
2660
|
|
|
2655
2661
|
```bash
|
|
2656
|
-
npx @mui/codemod@
|
|
2662
|
+
npx @mui/codemod@next v5.0.0/joy-text-field-to-input <path>
|
|
2657
2663
|
```
|
|
2658
2664
|
|
|
2659
2665
|
#### `joy-rename-components-to-slots`
|
|
@@ -2672,7 +2678,7 @@ This change only affects Joy UI components.
|
|
|
2672
2678
|
```
|
|
2673
2679
|
|
|
2674
2680
|
```bash
|
|
2675
|
-
npx @mui/codemod@
|
|
2681
|
+
npx @mui/codemod@next v5.0.0/joy-rename-components-to-slots <path>
|
|
2676
2682
|
```
|
|
2677
2683
|
|
|
2678
2684
|
The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
|
|
@@ -2682,7 +2688,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
|
|
|
2682
2688
|
Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
|
|
2683
2689
|
|
|
2684
2690
|
```bash
|
|
2685
|
-
npx @mui/codemod@
|
|
2691
|
+
npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
|
|
2686
2692
|
```
|
|
2687
2693
|
|
|
2688
2694
|
#### `tree-view-moved-to-x`
|
|
@@ -2690,7 +2696,7 @@ npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>
|
|
|
2690
2696
|
Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
|
|
2691
2697
|
|
|
2692
2698
|
```bash
|
|
2693
|
-
npx @mui/codemod@
|
|
2699
|
+
npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
|
|
2694
2700
|
```
|
|
2695
2701
|
|
|
2696
2702
|
#### 🚀 `preset-safe`
|
|
@@ -2698,7 +2704,7 @@ npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x <path>
|
|
|
2698
2704
|
A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
|
|
2699
2705
|
|
|
2700
2706
|
```bash
|
|
2701
|
-
npx @mui/codemod@
|
|
2707
|
+
npx @mui/codemod@next v5.0.0/preset-safe <path|folder>
|
|
2702
2708
|
```
|
|
2703
2709
|
|
|
2704
2710
|
The list includes these transformers
|
|
@@ -2765,7 +2771,7 @@ Imports and inserts `adaptV4Theme` into `createTheme()` (or `createMuiTheme`)
|
|
|
2765
2771
|
```
|
|
2766
2772
|
|
|
2767
2773
|
```bash
|
|
2768
|
-
npx @mui/codemod@
|
|
2774
|
+
npx @mui/codemod@next v5.0.0/adapter-v4 <path>
|
|
2769
2775
|
```
|
|
2770
2776
|
|
|
2771
2777
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -2782,7 +2788,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
|
|
|
2782
2788
|
<!-- #npm-tag-reference -->
|
|
2783
2789
|
|
|
2784
2790
|
```bash
|
|
2785
|
-
npx @mui/codemod@
|
|
2791
|
+
npx @mui/codemod@next v5.0.0/autocomplete-rename-closeicon <path>
|
|
2786
2792
|
```
|
|
2787
2793
|
|
|
2788
2794
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -2801,7 +2807,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
|
|
|
2801
2807
|
<!-- #npm-tag-reference -->
|
|
2802
2808
|
|
|
2803
2809
|
```bash
|
|
2804
|
-
npx @mui/codemod@
|
|
2810
|
+
npx @mui/codemod@next v5.0.0/autocomplete-rename-option <path>
|
|
2805
2811
|
```
|
|
2806
2812
|
|
|
2807
2813
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
|
|
@@ -2820,7 +2826,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
|
|
|
2820
2826
|
<!-- #npm-tag-reference -->
|
|
2821
2827
|
|
|
2822
2828
|
```bash
|
|
2823
|
-
npx @mui/codemod@
|
|
2829
|
+
npx @mui/codemod@next v5.0.0/avatar-circle-circular <path>
|
|
2824
2830
|
```
|
|
2825
2831
|
|
|
2826
2832
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#avatar).
|
|
@@ -2855,7 +2861,7 @@ Renames the badge's props.
|
|
|
2855
2861
|
<!-- #npm-tag-reference -->
|
|
2856
2862
|
|
|
2857
2863
|
```bash
|
|
2858
|
-
npx @mui/codemod@
|
|
2864
|
+
npx @mui/codemod@next v5.0.0/badge-overlap-value <path>
|
|
2859
2865
|
```
|
|
2860
2866
|
|
|
2861
2867
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#badge).
|
|
@@ -2879,7 +2885,7 @@ This change only affects Base UI components.
|
|
|
2879
2885
|
<!-- #npm-tag-reference -->
|
|
2880
2886
|
|
|
2881
2887
|
```bash
|
|
2882
|
-
npx @mui/codemod@
|
|
2888
|
+
npx @mui/codemod@next v5.0.0/base-rename-components-to-slots <path>
|
|
2883
2889
|
```
|
|
2884
2890
|
|
|
2885
2891
|
The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
|
|
@@ -2898,7 +2904,7 @@ Updates the Box API from separate system props to `sx`.
|
|
|
2898
2904
|
<!-- #npm-tag-reference -->
|
|
2899
2905
|
|
|
2900
2906
|
```bash
|
|
2901
|
-
npx @mui/codemod@
|
|
2907
|
+
npx @mui/codemod@next v5.0.0/box-borderradius-values <path>
|
|
2902
2908
|
```
|
|
2903
2909
|
|
|
2904
2910
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2913,7 +2919,7 @@ Renames the Box `css` prop to `sx`
|
|
|
2913
2919
|
```
|
|
2914
2920
|
|
|
2915
2921
|
```bash
|
|
2916
|
-
npx @mui/codemod@
|
|
2922
|
+
npx @mui/codemod@next v5.0.0/box-rename-css <path>
|
|
2917
2923
|
```
|
|
2918
2924
|
|
|
2919
2925
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2934,7 +2940,7 @@ Renames the Box `grid*Gap` props.
|
|
|
2934
2940
|
<!-- #npm-tag-reference -->
|
|
2935
2941
|
|
|
2936
2942
|
```bash
|
|
2937
|
-
npx @mui/codemod@
|
|
2943
|
+
npx @mui/codemod@next v5.0.0/box-rename-gap <path>
|
|
2938
2944
|
```
|
|
2939
2945
|
|
|
2940
2946
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
|
|
@@ -2951,7 +2957,7 @@ Removes the outdated `color` prop values.
|
|
|
2951
2957
|
<!-- #npm-tag-reference -->
|
|
2952
2958
|
|
|
2953
2959
|
```bash
|
|
2954
|
-
npx @mui/codemod@
|
|
2960
|
+
npx @mui/codemod@next v5.0.0/button-color-prop <path>
|
|
2955
2961
|
```
|
|
2956
2962
|
|
|
2957
2963
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#button).
|
|
@@ -2968,7 +2974,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
|
|
|
2968
2974
|
<!-- #npm-tag-reference -->
|
|
2969
2975
|
|
|
2970
2976
|
```bash
|
|
2971
|
-
npx @mui/codemod@
|
|
2977
|
+
npx @mui/codemod@next v5.0.0/chip-variant-prop <path>
|
|
2972
2978
|
```
|
|
2973
2979
|
|
|
2974
2980
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#chip).
|
|
@@ -2985,7 +2991,7 @@ Renames the CircularProgress `static` variant to `determinate`.
|
|
|
2985
2991
|
<!-- #npm-tag-reference -->
|
|
2986
2992
|
|
|
2987
2993
|
```bash
|
|
2988
|
-
npx @mui/codemod@
|
|
2994
|
+
npx @mui/codemod@next v5.0.0/circularprogress-variant <path>
|
|
2989
2995
|
```
|
|
2990
2996
|
|
|
2991
2997
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#circularprogress).
|
|
@@ -3004,7 +3010,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
|
|
|
3004
3010
|
<!-- #npm-tag-reference -->
|
|
3005
3011
|
|
|
3006
3012
|
```bash
|
|
3007
|
-
npx @mui/codemod@
|
|
3013
|
+
npx @mui/codemod@next v5.0.0/collapse-rename-collapsedheight <path>
|
|
3008
3014
|
```
|
|
3009
3015
|
|
|
3010
3016
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#collapse).
|
|
@@ -3023,7 +3029,7 @@ A generic codemod to rename any component prop.
|
|
|
3023
3029
|
<!-- #npm-tag-reference -->
|
|
3024
3030
|
|
|
3025
3031
|
```bash
|
|
3026
|
-
npx @mui/codemod@
|
|
3032
|
+
npx @mui/codemod@next v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
|
|
3027
3033
|
```
|
|
3028
3034
|
|
|
3029
3035
|
#### `core-styles-import`
|
|
@@ -3036,7 +3042,7 @@ Renames private import from `core/styles/*` to `core/styles`
|
|
|
3036
3042
|
```
|
|
3037
3043
|
|
|
3038
3044
|
```bash
|
|
3039
|
-
npx @mui/codemod@
|
|
3045
|
+
npx @mui/codemod@next v5.0.0/core-styles-import <path>
|
|
3040
3046
|
```
|
|
3041
3047
|
|
|
3042
3048
|
#### `create-theme`
|
|
@@ -3049,7 +3055,7 @@ Renames the function `createMuiTheme()` to `createTheme()`
|
|
|
3049
3055
|
```
|
|
3050
3056
|
|
|
3051
3057
|
```bash
|
|
3052
|
-
npx @mui/codemod@
|
|
3058
|
+
npx @mui/codemod@next v5.0.0/create-theme <path>
|
|
3053
3059
|
```
|
|
3054
3060
|
|
|
3055
3061
|
#### `dialog-props`
|
|
@@ -3062,7 +3068,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
|
|
|
3062
3068
|
```
|
|
3063
3069
|
|
|
3064
3070
|
```bash
|
|
3065
|
-
npx @mui/codemod@
|
|
3071
|
+
npx @mui/codemod@next v5.0.0/dialog-props <path>
|
|
3066
3072
|
```
|
|
3067
3073
|
|
|
3068
3074
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3077,7 +3083,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
|
|
|
3077
3083
|
```
|
|
3078
3084
|
|
|
3079
3085
|
```bash
|
|
3080
|
-
npx @mui/codemod@
|
|
3086
|
+
npx @mui/codemod@next v5.0.0/dialog-title-props <path>
|
|
3081
3087
|
```
|
|
3082
3088
|
|
|
3083
3089
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3094,7 +3100,7 @@ Adds `prepend: true` to Emotion `createCache`
|
|
|
3094
3100
|
```
|
|
3095
3101
|
|
|
3096
3102
|
```bash
|
|
3097
|
-
npx @mui/codemod@
|
|
3103
|
+
npx @mui/codemod@next v5.0.0/create-theme <path>
|
|
3098
3104
|
```
|
|
3099
3105
|
|
|
3100
3106
|
#### `expansion-panel-component`
|
|
@@ -3102,7 +3108,7 @@ npx @mui/codemod@latest v5.0.0/create-theme <path>
|
|
|
3102
3108
|
Renames `ExpansionPanel*` to `Accordion*`
|
|
3103
3109
|
|
|
3104
3110
|
```bash
|
|
3105
|
-
npx @mui/codemod@
|
|
3111
|
+
npx @mui/codemod@next v5.0.0/expansion-panel-component <path>
|
|
3106
3112
|
```
|
|
3107
3113
|
|
|
3108
3114
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#expansionpanel).
|
|
@@ -3115,7 +3121,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3115
3121
|
```
|
|
3116
3122
|
|
|
3117
3123
|
```bash
|
|
3118
|
-
npx @mui/codemod@
|
|
3124
|
+
npx @mui/codemod@next v5.0.0/fab-variant <path>
|
|
3119
3125
|
```
|
|
3120
3126
|
|
|
3121
3127
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#fab).
|
|
@@ -3135,7 +3141,7 @@ Renames the `fade` style utility import and calls to `alpha()`.
|
|
|
3135
3141
|
<!-- #npm-tag-reference -->
|
|
3136
3142
|
|
|
3137
3143
|
```bash
|
|
3138
|
-
npx @mui/codemod@
|
|
3144
|
+
npx @mui/codemod@next v5.0.0/fade-rename-alpha <path>
|
|
3139
3145
|
```
|
|
3140
3146
|
|
|
3141
3147
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#styles).
|
|
@@ -3152,7 +3158,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
|
|
|
3152
3158
|
<!-- #npm-tag-reference -->
|
|
3153
3159
|
|
|
3154
3160
|
```bash
|
|
3155
|
-
npx @mui/codemod@
|
|
3161
|
+
npx @mui/codemod@next v5.0.0/grid-justify-justifycontent <path>
|
|
3156
3162
|
```
|
|
3157
3163
|
|
|
3158
3164
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#grid).
|
|
@@ -3162,7 +3168,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3162
3168
|
Renames `GridList*` to `ImageList*`
|
|
3163
3169
|
|
|
3164
3170
|
```bash
|
|
3165
|
-
npx @mui/codemod@
|
|
3171
|
+
npx @mui/codemod@next v5.0.0/grid-list-component <path>
|
|
3166
3172
|
```
|
|
3167
3173
|
|
|
3168
3174
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#gridlist).
|
|
@@ -3179,7 +3185,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
|
|
|
3179
3185
|
```
|
|
3180
3186
|
|
|
3181
3187
|
```bash
|
|
3182
|
-
npx @mui/codemod@
|
|
3188
|
+
npx @mui/codemod@next v5.0.0/icon-button-size <path>
|
|
3183
3189
|
```
|
|
3184
3190
|
|
|
3185
3191
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#iconbutton).
|
|
@@ -3244,7 +3250,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
|
|
|
3244
3250
|
```
|
|
3245
3251
|
|
|
3246
3252
|
```bash
|
|
3247
|
-
npx @mui/codemod@
|
|
3253
|
+
npx @mui/codemod@next v5.0.0/jss-to-styled <path>
|
|
3248
3254
|
```
|
|
3249
3255
|
|
|
3250
3256
|
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).
|
|
@@ -3316,7 +3322,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
|
|
|
3316
3322
|
```
|
|
3317
3323
|
|
|
3318
3324
|
```bash
|
|
3319
|
-
npx @mui/codemod@
|
|
3325
|
+
npx @mui/codemod@next v5.0.0/jss-to-tss-react <path>
|
|
3320
3326
|
```
|
|
3321
3327
|
|
|
3322
3328
|
The following scenarios are not currently handled by this codemod and will be marked with a
|
|
@@ -3344,7 +3350,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
|
|
|
3344
3350
|
```
|
|
3345
3351
|
|
|
3346
3352
|
```bash
|
|
3347
|
-
npx @mui/codemod@
|
|
3353
|
+
npx @mui/codemod@next v5.0.0/link-underline-hover <path>
|
|
3348
3354
|
```
|
|
3349
3355
|
|
|
3350
3356
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#link).
|
|
@@ -3382,7 +3388,7 @@ Moves JSS imports to `@material-ui/styles`
|
|
|
3382
3388
|
```
|
|
3383
3389
|
|
|
3384
3390
|
```bash
|
|
3385
|
-
npx @mui/codemod@
|
|
3391
|
+
npx @mui/codemod@next v5.0.0/material-ui-styles <path>
|
|
3386
3392
|
```
|
|
3387
3393
|
|
|
3388
3394
|
#### `material-ui-types`
|
|
@@ -3395,7 +3401,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
|
|
|
3395
3401
|
```
|
|
3396
3402
|
|
|
3397
3403
|
```bash
|
|
3398
|
-
npx @mui/codemod@
|
|
3404
|
+
npx @mui/codemod@next v5.0.0/material-ui-types <path>
|
|
3399
3405
|
```
|
|
3400
3406
|
|
|
3401
3407
|
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).
|
|
@@ -3412,7 +3418,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
|
|
|
3412
3418
|
```
|
|
3413
3419
|
|
|
3414
3420
|
```bash
|
|
3415
|
-
npx @mui/codemod@
|
|
3421
|
+
npx @mui/codemod@next v5.0.0/modal-props <path>
|
|
3416
3422
|
```
|
|
3417
3423
|
|
|
3418
3424
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#modal).
|
|
@@ -3436,7 +3442,7 @@ or
|
|
|
3436
3442
|
<!-- #npm-tag-reference -->
|
|
3437
3443
|
|
|
3438
3444
|
```bash
|
|
3439
|
-
npx @mui/codemod@
|
|
3445
|
+
npx @mui/codemod@next v5.0.0/moved-lab-modules <path>
|
|
3440
3446
|
```
|
|
3441
3447
|
|
|
3442
3448
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -3461,7 +3467,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
|
|
|
3461
3467
|
```
|
|
3462
3468
|
|
|
3463
3469
|
```bash
|
|
3464
|
-
npx @mui/codemod@
|
|
3470
|
+
npx @mui/codemod@next v5.0.0/pagination-round-circular <path>
|
|
3465
3471
|
```
|
|
3466
3472
|
|
|
3467
3473
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#pagination).
|
|
@@ -3481,7 +3487,7 @@ Converts all `@mui/material` & `@mui/icons-material` top-level imports to path i
|
|
|
3481
3487
|
```
|
|
3482
3488
|
|
|
3483
3489
|
```bash
|
|
3484
|
-
npx @mui/codemod@
|
|
3490
|
+
npx @mui/codemod@next v5.0.0/path-imports <path>
|
|
3485
3491
|
```
|
|
3486
3492
|
|
|
3487
3493
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3500,7 +3506,7 @@ Fix private import paths.
|
|
|
3500
3506
|
<!-- #npm-tag-reference -->
|
|
3501
3507
|
|
|
3502
3508
|
```bash
|
|
3503
|
-
npx @mui/codemod@
|
|
3509
|
+
npx @mui/codemod@next v5.0.0/optimal-imports <path>
|
|
3504
3510
|
```
|
|
3505
3511
|
|
|
3506
3512
|
#### `root-ref`
|
|
@@ -3508,7 +3514,7 @@ npx @mui/codemod@latest v5.0.0/optimal-imports <path>
|
|
|
3508
3514
|
Removes `RootRef` from the codebase.
|
|
3509
3515
|
|
|
3510
3516
|
```bash
|
|
3511
|
-
npx @mui/codemod@
|
|
3517
|
+
npx @mui/codemod@next v5.0.0/root-ref <path>
|
|
3512
3518
|
```
|
|
3513
3519
|
|
|
3514
3520
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#rootref).
|
|
@@ -3523,7 +3529,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3523
3529
|
```
|
|
3524
3530
|
|
|
3525
3531
|
```bash
|
|
3526
|
-
npx @mui/codemod@
|
|
3532
|
+
npx @mui/codemod@next v5.0.0/skeleton-variant <path>
|
|
3527
3533
|
```
|
|
3528
3534
|
|
|
3529
3535
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#skeleton).
|
|
@@ -3533,7 +3539,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3533
3539
|
Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
|
|
3534
3540
|
|
|
3535
3541
|
```bash
|
|
3536
|
-
npx @mui/codemod@
|
|
3542
|
+
npx @mui/codemod@next v5.0.0/styled-engine-provider <path>
|
|
3537
3543
|
```
|
|
3538
3544
|
|
|
3539
3545
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#style-library).
|
|
@@ -3559,7 +3565,7 @@ Renames props in `Table*` components.
|
|
|
3559
3565
|
```
|
|
3560
3566
|
|
|
3561
3567
|
```bash
|
|
3562
|
-
npx @mui/codemod@
|
|
3568
|
+
npx @mui/codemod@next v5.0.0/table-props <path>
|
|
3563
3569
|
```
|
|
3564
3570
|
|
|
3565
3571
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#table).
|
|
@@ -3578,7 +3584,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
|
|
|
3578
3584
|
```
|
|
3579
3585
|
|
|
3580
3586
|
```bash
|
|
3581
|
-
npx @mui/codemod@
|
|
3587
|
+
npx @mui/codemod@next v5.0.0/tabs-scroll-buttons <path>
|
|
3582
3588
|
```
|
|
3583
3589
|
|
|
3584
3590
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#tabs).
|
|
@@ -3597,7 +3603,7 @@ Renames `TextField`'s rows props.
|
|
|
3597
3603
|
```
|
|
3598
3604
|
|
|
3599
3605
|
```bash
|
|
3600
|
-
npx @mui/codemod@
|
|
3606
|
+
npx @mui/codemod@next v5.0.0/textarea-minmax-rows <path>
|
|
3601
3607
|
```
|
|
3602
3608
|
|
|
3603
3609
|
You can find more details about this breaking change in the migration guide.
|
|
@@ -3610,7 +3616,7 @@ You can find more details about this breaking change in the migration guide.
|
|
|
3610
3616
|
Adds `DefaultTheme` module augmentation to TypeScript projects.
|
|
3611
3617
|
|
|
3612
3618
|
```bash
|
|
3613
|
-
npx @mui/codemod@
|
|
3619
|
+
npx @mui/codemod@next v5.0.0/theme-augment <path>
|
|
3614
3620
|
```
|
|
3615
3621
|
|
|
3616
3622
|
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).
|
|
@@ -3629,7 +3635,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
|
|
|
3629
3635
|
<!-- #npm-tag-reference -->
|
|
3630
3636
|
|
|
3631
3637
|
```bash
|
|
3632
|
-
npx @mui/codemod@
|
|
3638
|
+
npx @mui/codemod@next v5.0.0/theme-breakpoints <path>
|
|
3633
3639
|
```
|
|
3634
3640
|
|
|
3635
3641
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3639,7 +3645,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3639
3645
|
Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
|
|
3640
3646
|
|
|
3641
3647
|
```bash
|
|
3642
|
-
npx @mui/codemod@
|
|
3648
|
+
npx @mui/codemod@next v5.0.0/theme-breakpoints-width <path>
|
|
3643
3649
|
```
|
|
3644
3650
|
|
|
3645
3651
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3652,7 +3658,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3652
3658
|
```
|
|
3653
3659
|
|
|
3654
3660
|
```bash
|
|
3655
|
-
npx @mui/codemod@
|
|
3661
|
+
npx @mui/codemod@next v5.0.0/theme-options <path>
|
|
3656
3662
|
```
|
|
3657
3663
|
|
|
3658
3664
|
#### `theme-palette-mode`
|
|
@@ -3674,7 +3680,7 @@ Renames `type` to `mode`.
|
|
|
3674
3680
|
```
|
|
3675
3681
|
|
|
3676
3682
|
```bash
|
|
3677
|
-
npx @mui/codemod@
|
|
3683
|
+
npx @mui/codemod@next v5.0.0/theme-palette-mode <path>
|
|
3678
3684
|
```
|
|
3679
3685
|
|
|
3680
3686
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3684,7 +3690,7 @@ You can find more details about this breaking change in [the migration guide](ht
|
|
|
3684
3690
|
Renames `MuiThemeProvider` to `ThemeProvider`.
|
|
3685
3691
|
|
|
3686
3692
|
```bash
|
|
3687
|
-
npx @mui/codemod@
|
|
3693
|
+
npx @mui/codemod@next v5.0.0/theme-provider <path>
|
|
3688
3694
|
```
|
|
3689
3695
|
|
|
3690
3696
|
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).
|
|
@@ -3703,7 +3709,7 @@ Removes the 'px' suffix from some template strings.
|
|
|
3703
3709
|
<!-- #npm-tag-reference -->
|
|
3704
3710
|
|
|
3705
3711
|
```bash
|
|
3706
|
-
npx @mui/codemod@
|
|
3712
|
+
npx @mui/codemod@next v5.0.0/theme-spacing <path>
|
|
3707
3713
|
```
|
|
3708
3714
|
|
|
3709
3715
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3718,7 +3724,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
|
|
|
3718
3724
|
```
|
|
3719
3725
|
|
|
3720
3726
|
```bash
|
|
3721
|
-
npx @mui/codemod@
|
|
3727
|
+
npx @mui/codemod@next v5.0.0/theme-typography-round <path>
|
|
3722
3728
|
```
|
|
3723
3729
|
|
|
3724
3730
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
|
|
@@ -3736,7 +3742,7 @@ Converts all `@mui/material` submodule imports to the root module:
|
|
|
3736
3742
|
<!-- #npm-tag-reference -->
|
|
3737
3743
|
|
|
3738
3744
|
```bash
|
|
3739
|
-
npx @mui/codemod@
|
|
3745
|
+
npx @mui/codemod@next v5.0.0/top-level-imports <path>
|
|
3740
3746
|
```
|
|
3741
3747
|
|
|
3742
3748
|
Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3746,7 +3752,7 @@ Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand
|
|
|
3746
3752
|
Renames import `transitions` to `createTransitions`
|
|
3747
3753
|
|
|
3748
3754
|
```bash
|
|
3749
|
-
npx @mui/codemod@
|
|
3755
|
+
npx @mui/codemod@next v5.0.0/transitions <path>
|
|
3750
3756
|
```
|
|
3751
3757
|
|
|
3752
3758
|
#### `use-autocomplete`
|
|
@@ -3759,7 +3765,7 @@ Renames `useAutocomplete` related import from lab to core
|
|
|
3759
3765
|
```
|
|
3760
3766
|
|
|
3761
3767
|
```bash
|
|
3762
|
-
npx @mui/codemod@
|
|
3768
|
+
npx @mui/codemod@next v5.0.0/use-autocomplete <path>
|
|
3763
3769
|
```
|
|
3764
3770
|
|
|
3765
3771
|
#### `use-transitionprops`
|
|
@@ -3788,7 +3794,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
|
|
|
3788
3794
|
<!-- #npm-tag-reference -->
|
|
3789
3795
|
|
|
3790
3796
|
```bash
|
|
3791
|
-
npx @mui/codemod@
|
|
3797
|
+
npx @mui/codemod@next v5.0.0/use-transitionprops <path>
|
|
3792
3798
|
```
|
|
3793
3799
|
|
|
3794
3800
|
You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3818,7 +3824,7 @@ The diff should look like this:
|
|
|
3818
3824
|
<!-- #npm-tag-reference -->
|
|
3819
3825
|
|
|
3820
3826
|
```bash
|
|
3821
|
-
npx @mui/codemod@
|
|
3827
|
+
npx @mui/codemod@next v5.0.0/variant-prop <path>
|
|
3822
3828
|
```
|
|
3823
3829
|
|
|
3824
3830
|
#### `with-mobile-dialog`
|
|
@@ -3832,7 +3838,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
|
|
|
3832
3838
|
```
|
|
3833
3839
|
|
|
3834
3840
|
```bash
|
|
3835
|
-
npx @mui/codemod@
|
|
3841
|
+
npx @mui/codemod@next v5.0.0/with-mobile-dialog <path>
|
|
3836
3842
|
```
|
|
3837
3843
|
|
|
3838
3844
|
You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
|
|
@@ -3848,7 +3854,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
|
|
|
3848
3854
|
```
|
|
3849
3855
|
|
|
3850
3856
|
```bash
|
|
3851
|
-
npx @mui/codemod@
|
|
3857
|
+
npx @mui/codemod@next v5.0.0/with-width <path>
|
|
3852
3858
|
```
|
|
3853
3859
|
|
|
3854
3860
|
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).
|
|
@@ -3909,7 +3915,7 @@ Replace every occurrence of `material-ui` related package with the new package n
|
|
|
3909
3915
|
```
|
|
3910
3916
|
|
|
3911
3917
|
```bash
|
|
3912
|
-
npx @mui/codemod@
|
|
3918
|
+
npx @mui/codemod@next v5.0.0/mui-replace <path>
|
|
3913
3919
|
```
|
|
3914
3920
|
|
|
3915
3921
|
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).
|
|
@@ -3929,7 +3935,7 @@ The diff should look like this:
|
|
|
3929
3935
|
<!-- #npm-tag-reference -->
|
|
3930
3936
|
|
|
3931
3937
|
```bash
|
|
3932
|
-
npx @mui/codemod@
|
|
3938
|
+
npx @mui/codemod@next v4.0.0/theme-spacing-api <path>
|
|
3933
3939
|
```
|
|
3934
3940
|
|
|
3935
3941
|
This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
|
|
@@ -3956,7 +3962,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
|
|
|
3956
3962
|
<!-- #npm-tag-reference -->
|
|
3957
3963
|
|
|
3958
3964
|
```bash
|
|
3959
|
-
npx @mui/codemod@
|
|
3965
|
+
npx @mui/codemod@next v4.0.0/optimal-imports <path>
|
|
3960
3966
|
```
|
|
3961
3967
|
|
|
3962
3968
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3974,7 +3980,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
|
|
|
3974
3980
|
<!-- #npm-tag-reference -->
|
|
3975
3981
|
|
|
3976
3982
|
```bash
|
|
3977
|
-
npx @mui/codemod@
|
|
3983
|
+
npx @mui/codemod@next v4.0.0/top-level-imports <path>
|
|
3978
3984
|
```
|
|
3979
3985
|
|
|
3980
3986
|
Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
|
|
@@ -3995,7 +4001,7 @@ The diff should look like this:
|
|
|
3995
4001
|
<!-- #npm-tag-reference -->
|
|
3996
4002
|
|
|
3997
4003
|
```bash
|
|
3998
|
-
npx @mui/codemod@
|
|
4004
|
+
npx @mui/codemod@next v1.0.0/import-path <path>
|
|
3999
4005
|
```
|
|
4000
4006
|
|
|
4001
4007
|
**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.:
|
|
@@ -4022,7 +4028,7 @@ The diff should look like this:
|
|
|
4022
4028
|
<!-- #npm-tag-reference -->
|
|
4023
4029
|
|
|
4024
4030
|
```bash
|
|
4025
|
-
npx @mui/codemod@
|
|
4031
|
+
npx @mui/codemod@next v1.0.0/color-imports <path>
|
|
4026
4032
|
```
|
|
4027
4033
|
|
|
4028
4034
|
**additional options**
|
|
@@ -4030,7 +4036,7 @@ npx @mui/codemod@latest v1.0.0/color-imports <path>
|
|
|
4030
4036
|
<!-- #npm-tag-reference -->
|
|
4031
4037
|
|
|
4032
4038
|
```bash
|
|
4033
|
-
npx @mui/codemod@
|
|
4039
|
+
npx @mui/codemod@next v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
|
|
4034
4040
|
```
|
|
4035
4041
|
|
|
4036
4042
|
#### `svg-icon-imports`
|
|
@@ -4048,7 +4054,7 @@ The diff should look like this:
|
|
|
4048
4054
|
<!-- #npm-tag-reference -->
|
|
4049
4055
|
|
|
4050
4056
|
```bash
|
|
4051
|
-
npx @mui/codemod@
|
|
4057
|
+
npx @mui/codemod@next v1.0.0/svg-icon-imports <path>
|
|
4052
4058
|
```
|
|
4053
4059
|
|
|
4054
4060
|
#### `menu-item-primary-text`
|
|
@@ -4066,7 +4072,7 @@ The diff should look like this:
|
|
|
4066
4072
|
<!-- #npm-tag-reference -->
|
|
4067
4073
|
|
|
4068
4074
|
```bash
|
|
4069
|
-
npx @mui/codemod@
|
|
4075
|
+
npx @mui/codemod@next v1.0.0/menu-item-primary-text <path>
|
|
4070
4076
|
```
|
|
4071
4077
|
|
|
4072
4078
|
### v0.15.0
|
|
@@ -4090,5 +4096,5 @@ The diff should look like this:
|
|
|
4090
4096
|
<!-- #npm-tag-reference -->
|
|
4091
4097
|
|
|
4092
4098
|
```bash
|
|
4093
|
-
npx @mui/codemod@
|
|
4099
|
+
npx @mui/codemod@next v0.15.0/import-path <path>
|
|
4094
4100
|
```
|