@mui/codemod 7.1.1 → 7.2.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 (11) hide show
  1. package/README.md +22 -0
  2. package/deprecations/all/deprecations-all.js +2 -0
  3. package/deprecations/dialog-props/dialog-props.js +40 -0
  4. package/deprecations/dialog-props/index.js +13 -0
  5. package/deprecations/dialog-props/test-cases/actual.js +47 -0
  6. package/deprecations/dialog-props/test-cases/expected.js +60 -0
  7. package/deprecations/dialog-props/test-cases/package.actual.js +47 -0
  8. package/deprecations/dialog-props/test-cases/package.expected.js +60 -0
  9. package/deprecations/dialog-props/test-cases/theme.actual.js +36 -0
  10. package/deprecations/dialog-props/test-cases/theme.expected.js +43 -0
  11. package/package.json +5 -5
package/README.md CHANGED
@@ -1083,6 +1083,28 @@ CSS transforms:
1083
1083
  npx @mui/codemod@latest deprecations/dialog-classes <path>
1084
1084
  ```
1085
1085
 
1086
+ #### `dialog-props`
1087
+
1088
+ JS transforms:
1089
+
1090
+ ```diff
1091
+ <Dialog
1092
+ - PaperProps={paperProps}
1093
+ + slotProps={{ paper: paperProps }}
1094
+ - TransitionComponent={CustomTransition}
1095
+ + slots={{ transition: CustomTransition }}
1096
+ - TransitionProps={CustomTransitionProps}
1097
+ + slotProps={{ transition: CustomTransitionProps }}
1098
+ />
1099
+ },
1100
+ },
1101
+ },
1102
+ ```
1103
+
1104
+ ```bash
1105
+ npx @mui/codemod@latest deprecations/dialog-props <path>
1106
+ ```
1107
+
1086
1108
  #### `drawer-classes`
1087
1109
 
1088
1110
  JS transforms:
package/deprecations/all/deprecations-all.js CHANGED
@@ -20,6 +20,7 @@ var _circularProgressClasses = _interopRequireDefault(require("../circular-progr
20
20
  var _dividerProps = _interopRequireDefault(require("../divider-props"));
21
21
  var _drawerClasses = _interopRequireDefault(require("../drawer-classes"));
22
22
  var _dialogClasses = _interopRequireDefault(require("../dialog-classes"));
23
+ var _dialogProps = _interopRequireDefault(require("../dialog-props"));
23
24
  var _filledInputProps = _interopRequireDefault(require("../filled-input-props"));
24
25
  var _formControlLabelProps = _interopRequireDefault(require("../form-control-label-props"));
25
26
  var _imageListItemBarClasses = _interopRequireDefault(require("../image-list-item-bar-classes"));
@@ -76,6 +77,7 @@ function deprecationsAll(file, api, options) {
76
77
  file.source = (0, _dividerProps.default)(file, api, options);
77
78
  file.source = (0, _drawerClasses.default)(file, api, options);
78
79
  file.source = (0, _dialogClasses.default)(file, api, options);
80
+ file.source = (0, _dialogProps.default)(file, api, options);
79
81
  file.source = (0, _filledInputProps.default)(file, api, options);
80
82
  file.source = (0, _formControlLabelProps.default)(file, api, options);
81
83
  file.source = (0, _imageListItemBarClasses.default)(file, api, options);
package/deprecations/dialog-props/dialog-props.js ADDED
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = transformer;
8
+ var _movePropIntoSlots = _interopRequireDefault(require("../utils/movePropIntoSlots"));
9
+ var _movePropIntoSlotProps = _interopRequireDefault(require("../utils/movePropIntoSlotProps"));
10
+ /**
11
+ * @param {import('jscodeshift').FileInfo} file
12
+ * @param {import('jscodeshift').API} api
13
+ */
14
+ function transformer(file, api, options) {
15
+ const j = api.jscodeshift;
16
+ const root = j(file.source);
17
+ const printOptions = options.printOptions;
18
+ (0, _movePropIntoSlots.default)(j, {
19
+ root,
20
+ packageName: options.packageName,
21
+ componentName: 'Dialog',
22
+ propName: 'TransitionComponent',
23
+ slotName: 'transition'
24
+ });
25
+ (0, _movePropIntoSlotProps.default)(j, {
26
+ root,
27
+ packageName: options.packageName,
28
+ componentName: 'Dialog',
29
+ propName: 'TransitionProps',
30
+ slotName: 'transition'
31
+ });
32
+ (0, _movePropIntoSlotProps.default)(j, {
33
+ root,
34
+ packageName: options.packageName,
35
+ componentName: 'Dialog',
36
+ propName: 'PaperProps',
37
+ slotName: 'paper'
38
+ });
39
+ return root.toSource(printOptions);
40
+ }
package/deprecations/dialog-props/index.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _dialogProps.default;
11
+ }
12
+ });
13
+ var _dialogProps = _interopRequireDefault(require("./dialog-props"));
package/deprecations/dialog-props/test-cases/actual.js ADDED
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
5
+ var _material = require("@mui/material");
6
+ var _jsxRuntime = require("react/jsx-runtime");
7
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
8
+ TransitionComponent: CustomTransition,
9
+ TransitionProps: CustomTransitionProps,
10
+ PaperProps: PaperProps
11
+ });
12
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
13
+ TransitionComponent: CustomTransition,
14
+ TransitionProps: CustomTransitionProps,
15
+ PaperProps: PaperProps
16
+ });
17
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
18
+ TransitionComponent: CustomTransition,
19
+ TransitionProps: CustomTransitionProps,
20
+ slots: {
21
+ root: 'div'
22
+ },
23
+ PaperProps: PaperProps
24
+ });
25
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
26
+ TransitionComponent: CustomTransition,
27
+ TransitionProps: CustomTransitionProps,
28
+ slots: {
29
+ ...outerSlots
30
+ },
31
+ PaperProps: PaperProps
32
+ });
33
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
34
+ TransitionComponent: ComponentTransition,
35
+ TransitionProps: CustomTransitionProps,
36
+ slots: {
37
+ root: 'div',
38
+ transition: SlotTransition
39
+ },
40
+ PaperProps: PaperProps
41
+ });
42
+ // should skip non MUI components
43
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiDialog, {
44
+ TransitionComponent: CustomTransition,
45
+ TransitionProps: CustomTransitionProps,
46
+ PaperProps: PaperProps
47
+ });
package/deprecations/dialog-props/test-cases/expected.js ADDED
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
5
+ var _material = require("@mui/material");
6
+ var _jsxRuntime = require("react/jsx-runtime");
7
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
8
+ slots: {
9
+ transition: CustomTransition
10
+ },
11
+ slotProps: {
12
+ transition: CustomTransitionProps,
13
+ paper: PaperProps
14
+ }
15
+ });
16
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
17
+ slots: {
18
+ transition: CustomTransition
19
+ },
20
+ slotProps: {
21
+ transition: CustomTransitionProps,
22
+ paper: PaperProps
23
+ }
24
+ });
25
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
26
+ slots: {
27
+ root: 'div',
28
+ transition: CustomTransition
29
+ },
30
+ slotProps: {
31
+ transition: CustomTransitionProps,
32
+ paper: PaperProps
33
+ }
34
+ });
35
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
36
+ slots: {
37
+ ...outerSlots,
38
+ transition: CustomTransition
39
+ },
40
+ slotProps: {
41
+ transition: CustomTransitionProps,
42
+ paper: PaperProps
43
+ }
44
+ });
45
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
46
+ slots: {
47
+ root: 'div',
48
+ transition: SlotTransition
49
+ },
50
+ slotProps: {
51
+ transition: CustomTransitionProps,
52
+ paper: PaperProps
53
+ }
54
+ });
55
+ // should skip non MUI components
56
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiDialog, {
57
+ TransitionComponent: CustomTransition,
58
+ TransitionProps: CustomTransitionProps,
59
+ PaperProps: PaperProps
60
+ });
package/deprecations/dialog-props/test-cases/package.actual.js ADDED
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _Dialog = _interopRequireDefault(require("@org/ui/material/Dialog"));
5
+ var _material = require("@org/ui/material");
6
+ var _jsxRuntime = require("react/jsx-runtime");
7
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
8
+ TransitionComponent: CustomTransition,
9
+ TransitionProps: CustomTransitionProps,
10
+ PaperProps: PaperProps
11
+ });
12
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
13
+ TransitionComponent: CustomTransition,
14
+ TransitionProps: CustomTransitionProps,
15
+ PaperProps: PaperProps
16
+ });
17
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
18
+ TransitionComponent: CustomTransition,
19
+ TransitionProps: CustomTransitionProps,
20
+ slots: {
21
+ root: 'div'
22
+ },
23
+ PaperProps: PaperProps
24
+ });
25
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
26
+ TransitionComponent: CustomTransition,
27
+ TransitionProps: CustomTransitionProps,
28
+ slots: {
29
+ ...outerSlots
30
+ },
31
+ PaperProps: PaperProps
32
+ });
33
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
34
+ TransitionComponent: ComponentTransition,
35
+ TransitionProps: CustomTransitionProps,
36
+ slots: {
37
+ root: 'div',
38
+ transition: SlotTransition
39
+ },
40
+ PaperProps: PaperProps
41
+ });
42
+ // should skip non MUI components
43
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiDialog, {
44
+ TransitionComponent: CustomTransition,
45
+ TransitionProps: CustomTransitionProps,
46
+ PaperProps: PaperProps
47
+ });
package/deprecations/dialog-props/test-cases/package.expected.js ADDED
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _Dialog = _interopRequireDefault(require("@org/ui/material/Dialog"));
5
+ var _material = require("@org/ui/material");
6
+ var _jsxRuntime = require("react/jsx-runtime");
7
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
8
+ slots: {
9
+ transition: CustomTransition
10
+ },
11
+ slotProps: {
12
+ transition: CustomTransitionProps,
13
+ paper: PaperProps
14
+ }
15
+ });
16
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
17
+ slots: {
18
+ transition: CustomTransition
19
+ },
20
+ slotProps: {
21
+ transition: CustomTransitionProps,
22
+ paper: PaperProps
23
+ }
24
+ });
25
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
26
+ slots: {
27
+ root: 'div',
28
+ transition: CustomTransition
29
+ },
30
+ slotProps: {
31
+ transition: CustomTransitionProps,
32
+ paper: PaperProps
33
+ }
34
+ });
35
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Dialog, {
36
+ slots: {
37
+ ...outerSlots,
38
+ transition: CustomTransition
39
+ },
40
+ slotProps: {
41
+ transition: CustomTransitionProps,
42
+ paper: PaperProps
43
+ }
44
+ });
45
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
46
+ slots: {
47
+ root: 'div',
48
+ transition: SlotTransition
49
+ },
50
+ slotProps: {
51
+ transition: CustomTransitionProps,
52
+ paper: PaperProps
53
+ }
54
+ });
55
+ // should skip non MUI components
56
+ /*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiDialog, {
57
+ TransitionComponent: CustomTransition,
58
+ TransitionProps: CustomTransitionProps,
59
+ PaperProps: PaperProps
60
+ });
package/deprecations/dialog-props/test-cases/theme.actual.js ADDED
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ fn({
4
+ MuiDialog: {
5
+ defaultProps: {
6
+ TransitionComponent: CustomTransition,
7
+ TransitionProps: CustomTransitionProps,
8
+ PaperProps: PaperProps
9
+ }
10
+ }
11
+ });
12
+ fn({
13
+ MuiDialog: {
14
+ defaultProps: {
15
+ TransitionComponent: CustomTransition,
16
+ TransitionProps: CustomTransitionProps,
17
+ slots: {
18
+ root: 'div'
19
+ },
20
+ PaperProps: PaperProps
21
+ }
22
+ }
23
+ });
24
+ fn({
25
+ MuiDialog: {
26
+ defaultProps: {
27
+ TransitionComponent: ComponentTransition,
28
+ TransitionProps: CustomTransitionProps,
29
+ slots: {
30
+ root: 'div',
31
+ transition: SlotTransition
32
+ },
33
+ PaperProps: PaperProps
34
+ }
35
+ }
36
+ });
package/deprecations/dialog-props/test-cases/theme.expected.js ADDED
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ fn({
4
+ MuiDialog: {
5
+ defaultProps: {
6
+ slots: {
7
+ transition: CustomTransition
8
+ },
9
+ slotProps: {
10
+ transition: CustomTransitionProps,
11
+ paper: PaperProps
12
+ }
13
+ }
14
+ }
15
+ });
16
+ fn({
17
+ MuiDialog: {
18
+ defaultProps: {
19
+ slots: {
20
+ root: 'div',
21
+ transition: CustomTransition
22
+ },
23
+ slotProps: {
24
+ transition: CustomTransitionProps,
25
+ paper: PaperProps
26
+ }
27
+ }
28
+ }
29
+ });
30
+ fn({
31
+ MuiDialog: {
32
+ defaultProps: {
33
+ slots: {
34
+ root: 'div',
35
+ transition: SlotTransition
36
+ },
37
+ slotProps: {
38
+ transition: CustomTransitionProps,
39
+ paper: PaperProps
40
+ }
41
+ }
42
+ }
43
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/codemod",
3
- "version": "7.1.1",
3
+ "version": "7.2.0",
4
4
  "author": "MUI Team",
5
5
  "description": "Codemod scripts for Material UI.",
6
6
  "bin": "./codemod.js",
@@ -23,12 +23,12 @@
23
23
  "url": "https://opencollective.com/mui-org"
24
24
  },
25
25
  "dependencies": {
26
- "@babel/core": "^7.27.1",
27
- "@babel/runtime": "^7.27.1",
28
- "@babel/traverse": "^7.27.1",
26
+ "@babel/core": "^7.27.4",
27
+ "@babel/runtime": "^7.27.6",
28
+ "@babel/traverse": "^7.27.4",
29
29
  "jscodeshift": "^17.1.2",
30
30
  "jscodeshift-add-imports": "^1.0.11",
31
- "postcss": "^8.5.3",
31
+ "postcss": "^8.5.6",
32
32
  "postcss-cli": "^11.0.1",
33
33
  "yargs": "^17.7.2"
34
34
  },