@mui/codemod 6.0.0-alpha.9 → 6.0.0-beta.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.
Files changed (86) hide show
  1. package/README.md +423 -168
  2. package/codemod.js +0 -2
  3. package/node/deprecations/all/deprecations-all.js +34 -26
  4. package/node/deprecations/all/postcss.config.js +7 -1
  5. package/node/deprecations/autocomplete-props/autocomplete-props.js +0 -32
  6. package/node/deprecations/autocomplete-props/test-cases/actual.js +13 -35
  7. package/node/deprecations/autocomplete-props/test-cases/expected.js +13 -41
  8. package/node/deprecations/autocomplete-props/test-cases/theme.actual.js +0 -18
  9. package/node/deprecations/autocomplete-props/test-cases/theme.expected.js +0 -22
  10. package/node/deprecations/backdrop-props/backdrop-props.js +3 -5
  11. package/node/deprecations/backdrop-props/test-cases/actual.js +30 -14
  12. package/node/deprecations/backdrop-props/test-cases/expected.js +23 -13
  13. package/node/deprecations/backdrop-props/test-cases/theme.actual.js +32 -6
  14. package/node/deprecations/backdrop-props/test-cases/theme.expected.js +27 -5
  15. package/node/deprecations/filled-input-props/filled-input-props.js +22 -0
  16. package/node/deprecations/filled-input-props/index.js +13 -0
  17. package/node/deprecations/filled-input-props/test-cases/actual.js +60 -0
  18. package/node/deprecations/filled-input-props/test-cases/expected.js +52 -0
  19. package/node/deprecations/filled-input-props/test-cases/theme.actual.js +73 -0
  20. package/node/deprecations/filled-input-props/test-cases/theme.expected.js +65 -0
  21. package/node/deprecations/input-base-props/index.js +13 -0
  22. package/node/deprecations/input-base-props/input-base-props.js +22 -0
  23. package/node/deprecations/input-base-props/test-cases/actual.js +60 -0
  24. package/node/deprecations/input-base-props/test-cases/expected.js +52 -0
  25. package/node/deprecations/input-base-props/test-cases/theme.actual.js +73 -0
  26. package/node/deprecations/input-base-props/test-cases/theme.expected.js +65 -0
  27. package/node/deprecations/input-props/index.js +13 -0
  28. package/node/deprecations/input-props/input-props.js +22 -0
  29. package/node/deprecations/input-props/test-cases/actual.js +60 -0
  30. package/node/deprecations/input-props/test-cases/expected.js +52 -0
  31. package/node/deprecations/input-props/test-cases/theme.actual.js +73 -0
  32. package/node/deprecations/input-props/test-cases/theme.expected.js +65 -0
  33. package/node/deprecations/modal-props/index.js +13 -0
  34. package/node/deprecations/modal-props/modal-props.js +22 -0
  35. package/node/deprecations/modal-props/test-cases/actual.js +43 -0
  36. package/node/deprecations/modal-props/test-cases/expected.js +40 -0
  37. package/node/deprecations/modal-props/test-cases/theme.actual.js +56 -0
  38. package/node/deprecations/modal-props/test-cases/theme.expected.js +53 -0
  39. package/node/deprecations/outlined-input-props/index.js +13 -0
  40. package/node/deprecations/outlined-input-props/outlined-input-props.js +22 -0
  41. package/node/deprecations/outlined-input-props/test-cases/actual.js +60 -0
  42. package/node/deprecations/outlined-input-props/test-cases/expected.js +52 -0
  43. package/node/deprecations/outlined-input-props/test-cases/theme.actual.js +73 -0
  44. package/node/deprecations/outlined-input-props/test-cases/theme.expected.js +65 -0
  45. package/node/deprecations/step-label-props/step-label-props.js +0 -14
  46. package/node/deprecations/step-label-props/test-cases/actual.js +0 -23
  47. package/node/deprecations/step-label-props/test-cases/expected.js +0 -27
  48. package/node/deprecations/step-label-props/test-cases/theme.actual.js +0 -22
  49. package/node/deprecations/step-label-props/test-cases/theme.expected.js +0 -28
  50. package/node/deprecations/tab-classes/index.js +13 -0
  51. package/node/deprecations/tab-classes/postcss-plugin.js +30 -0
  52. package/node/deprecations/tab-classes/postcss.config.js +8 -0
  53. package/node/deprecations/tab-classes/tab-classes.js +53 -0
  54. package/node/deprecations/tab-classes/test-cases/actual.js +5 -0
  55. package/node/deprecations/tab-classes/test-cases/expected.js +5 -0
  56. package/node/deprecations/table-sort-label-classes/index.js +13 -0
  57. package/node/deprecations/table-sort-label-classes/postcss-plugin.js +33 -0
  58. package/node/deprecations/table-sort-label-classes/postcss.config.js +8 -0
  59. package/node/deprecations/table-sort-label-classes/table-sort-label-classes.js +77 -0
  60. package/node/deprecations/table-sort-label-classes/test-cases/actual.js +7 -0
  61. package/node/deprecations/table-sort-label-classes/test-cases/expected.js +7 -0
  62. package/node/util/migrateToVariants.js +91 -43
  63. package/node/v5.0.0/theme-spacing.test/large-actual.js +1 -1
  64. package/node/v5.0.0/theme-spacing.test/large-expected.js +1 -1
  65. package/node/v6.0.0/grid-v2-props/grid-v2-props.js +149 -0
  66. package/node/v6.0.0/grid-v2-props/index.js +13 -0
  67. package/node/v6.0.0/grid-v2-props/test-cases/actual.js +85 -0
  68. package/node/v6.0.0/grid-v2-props/test-cases/custom-breakpoints.actual.js +18 -0
  69. package/node/v6.0.0/grid-v2-props/test-cases/custom-breakpoints.expected.js +22 -0
  70. package/node/v6.0.0/grid-v2-props/test-cases/expected.js +97 -0
  71. package/node/v6.0.0/styled/test-cases/ConditionalStyled.expected.js +9 -22
  72. package/node/v6.0.0/styled/test-cases/DynamicPropsStyled.actual.js +39 -0
  73. package/node/v6.0.0/styled/test-cases/DynamicPropsStyled.expected.js +65 -0
  74. package/node/v6.0.0/styled/test-cases/LogicalStyled.actual.js +31 -1
  75. package/node/v6.0.0/styled/test-cases/LogicalStyled.expected.js +39 -1
  76. package/node/v6.0.0/styled/test-cases/NestedSpread.expected.js +11 -13
  77. package/node/v6.0.0/sx-prop/sx-v6.js +80 -30
  78. package/node/v6.0.0/sx-prop/test-cases/sx-css-vars.actual.js +14 -0
  79. package/node/v6.0.0/sx-prop/test-cases/sx-css-vars.expected.js +33 -16
  80. package/node/v6.0.0/sx-prop/test-cases/sx-dynamic.actual.js +21 -1
  81. package/node/v6.0.0/sx-prop/test-cases/sx-dynamic.expected.js +19 -1
  82. package/node/v6.0.0/sx-prop/test-cases/sx-line-break.actual.js +69 -0
  83. package/node/v6.0.0/sx-prop/test-cases/sx-line-break.expected.js +69 -0
  84. package/node/v6.0.0/sx-prop/test-cases/sx-value-callback.actual.js +102 -0
  85. package/node/v6.0.0/sx-prop/test-cases/sx-value-callback.expected.js +111 -0
  86. package/package.json +7 -7
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+
3
+ var _jsxRuntime = require("react/jsx-runtime");
4
+ function FacebookCircularProgress(props) {
5
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Box, {
6
+ sx: {
7
+ position: 'relative'
8
+ },
9
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
10
+ variant: "determinate",
11
+ sx: theme => ({
12
+ color: theme.palette.grey[800],
13
+ ...theme.applyStyles("light", {
14
+ color: theme.palette.grey[200]
15
+ })
16
+ }),
17
+ size: 40,
18
+ thickness: 4,
19
+ ...props,
20
+ value: 100
21
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
22
+ variant: "indeterminate",
23
+ disableShrink: true,
24
+ sx: theme => ({
25
+ color: '#308fe8',
26
+ animationDuration: '550ms',
27
+ position: 'absolute',
28
+ left: 0,
29
+ [`& .${circularProgressClasses.circle}`]: {
30
+ strokeLinecap: 'round'
31
+ },
32
+ ...theme.applyStyles("light", {
33
+ color: '#1a90ff'
34
+ })
35
+ }),
36
+ size: 40,
37
+ thickness: 4,
38
+ ...props
39
+ })]
40
+ });
41
+ }
42
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(Paper, {
43
+ elevation: 0,
44
+ sx: theme => ({
45
+ display: 'flex',
46
+ border: `1px solid ${theme.palette.divider}`,
47
+ flexWrap: 'wrap'
48
+ })
49
+ });
50
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
51
+ sx: theme => ({
52
+ border: `1px solid ${'#000'}`,
53
+ ...theme.applyStyles("dark", {
54
+ border: `1px solid ${'#fff'}`
55
+ })
56
+ })
57
+ });
58
+ /*#__PURE__*/(0, _jsxRuntime.jsxs)(Typography, {
59
+ component: "span",
60
+ variant: "subtitle1",
61
+ color: "inherit",
62
+ sx: theme => ({
63
+ position: 'relative',
64
+ p: 4,
65
+ pt: 2,
66
+ pb: `calc(${theme.spacing(1)} + 6px)`
67
+ }),
68
+ children: [image.title, /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageMarked, {
69
+ className: "MuiImageMarked-root"
70
+ })]
71
+ });
72
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(Autocomplete, {
73
+ sx: theme => ({
74
+ display: 'inline-block',
75
+ '& input': {
76
+ width: 200,
77
+ bgcolor: 'background.paper',
78
+ color: theme.palette.getContrastText(theme.palette.background.paper)
79
+ }
80
+ }),
81
+ id: "custom-input-demo",
82
+ options: options,
83
+ renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
84
+ ref: params.InputProps.ref,
85
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
86
+ type: "text",
87
+ ...params.inputProps
88
+ })
89
+ })
90
+ });
91
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
92
+ sx: theme => ({
93
+ position: 'relative',
94
+ width: 400,
95
+ bgcolor: 'background.paper',
96
+ border: '2px solid #000',
97
+ boxShadow: theme.shadows[5],
98
+ p: 4
99
+ })
100
+ });
101
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(Backdrop, {
102
+ sx: theme => ({
103
+ color: '#fff',
104
+ zIndex: theme.zIndex.drawer + 1
105
+ }),
106
+ open: open,
107
+ onClick: handleClose,
108
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
109
+ color: "inherit"
110
+ })
111
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/codemod",
3
- "version": "6.0.0-alpha.9",
3
+ "version": "6.0.0-beta.0",
4
4
  "bin": "./codemod.js",
5
5
  "private": false,
6
6
  "author": "MUI Team",
@@ -24,13 +24,13 @@
24
24
  "url": "https://opencollective.com/mui-org"
25
25
  },
26
26
  "dependencies": {
27
- "@babel/core": "^7.24.6",
28
- "@babel/runtime": "^7.24.6",
29
- "@babel/traverse": "^7.24.6",
30
- "jscodeshift": "^0.15.2",
27
+ "@babel/core": "^7.24.7",
28
+ "@babel/runtime": "^7.24.7",
29
+ "@babel/traverse": "^7.24.7",
30
+ "jscodeshift": "^0.16.1",
31
31
  "jscodeshift-add-imports": "^1.0.10",
32
- "postcss": "^8.4.38",
33
- "postcss-cli": "^8.3.1",
32
+ "postcss": "^8.4.39",
33
+ "postcss-cli": "^11.0.0",
34
34
  "yargs": "^17.7.2"
35
35
  },
36
36
  "devDependencies": {