@mui/codemod 5.3.0 → 5.4.4

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 (6) hide show
  1. package/README.md +19 -1
  2. package/node/v1.0.0/color-imports.js +1 -1
  3. package/node/v5.0.0/top-level-imports.js +100 -0
  4. package/node/v5.0.0/top-level-imports.test/actual.js +123 -0
  5. package/node/v5.0.0/top-level-imports.test/expected.js +11 -0
  6. package/package.json +6 -6
package/README.md CHANGED
@@ -959,6 +959,24 @@ npx @mui/codemod v5.0.0/theme-typography-round <path>
959
959
 
960
960
  You can find more details about this breaking change in [the migration guide](https://mui.com/guides/migration-v4/#theme).
961
961
 
962
+ #### `top-level-imports`
963
+
964
+ Converts all `@mui/material` submodule imports to the root module:
965
+
966
+ ```diff
967
+ -import List from '@mui/material/List';
968
+ -import Grid from '@mui/material/Grid';
969
+ +import { List, Grid } from '@mui/material';
970
+ ```
971
+
972
+ <!-- #default-branch-switch -->
973
+
974
+ ```sh
975
+ npx @mui/codemod v5.0.0/top-level-imports <path>
976
+ ```
977
+
978
+ Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
979
+
962
980
  #### `transitions`
963
981
 
964
982
  Renames import `transitions` to `createTransitions`
@@ -1073,7 +1091,7 @@ You can find more details about this breaking change in [the migration guide](ht
1073
1091
 
1074
1092
  #### `mui-replace`
1075
1093
 
1076
- Replace every occurrence of `material-ui` related package with the new package names (listed below) except these packages (`@material-ui/pickers`, `@material-ui/data-grid`, `@material-ui/x-grid` & `@material-ui/x-grid-data-generator`). [More details about why package names are changed](https://github.com/mui-org/material-ui/issues/27666)
1094
+ Replace every occurrence of `material-ui` related package with the new package names (listed below) except these packages (`@material-ui/pickers`, `@material-ui/data-grid`, `@material-ui/x-grid` & `@material-ui/x-grid-data-generator`). [More details about why package names are changed](https://github.com/mui/material-ui/issues/27666)
1077
1095
 
1078
1096
  **Material Design components**
1079
1097
 
package/node/v1.0.0/color-imports.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  // This codemod attempts to fix the color imports breaking change introduced in
4
- // https://github.com/mui-org/material-ui/releases/tag/v1.0.0-alpha.21
4
+ // https://github.com/mui/material-ui/releases/tag/v1.0.0-alpha.21
5
5
  // List of colors that are in the `common` module
6
6
  const commonColors = ['black', 'white', 'transparent', 'fullBlack', 'darkBlack', 'lightBlack', 'minBlack', 'faintBlack', 'fullWhite', 'darkWhite', 'lightWhite'];
7
7
  /**
package/node/v5.0.0/top-level-imports.js ADDED
@@ -0,0 +1,100 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = transformer;
9
+
10
+ var _jscodeshiftAddImports = _interopRequireDefault(require("jscodeshift-add-imports"));
11
+
12
+ function transformer(fileInfo, api, options) {
13
+ const j = api.jscodeshift;
14
+ const importModule = options.importModule || '@mui/material';
15
+ const targetModule = options.targetModule || '@mui/material';
16
+ let requirePath = importModule;
17
+
18
+ if (process.env.NODE_ENV === 'test') {
19
+ requirePath = requirePath.replace(/^@mui\/material/, '../../../mui-material/src');
20
+ } // eslint-disable-next-line global-require, import/no-dynamic-require
21
+
22
+
23
+ const whitelist = require(requirePath);
24
+
25
+ const printOptions = options.printOptions || {
26
+ quote: 'single',
27
+ trailingComma: true
28
+ };
29
+ const root = j(fileInfo.source);
30
+ const importRegExp = new RegExp(`^${importModule}/(?:[^/]+/)*([^/]+)$`);
31
+ const resultSpecifiers = [];
32
+ root.find(j.ImportDeclaration).forEach(path => {
33
+ if (!path.node.specifiers.length) {
34
+ return;
35
+ }
36
+
37
+ if (path.value.importKind && path.value.importKind !== 'value') {
38
+ return;
39
+ }
40
+
41
+ const importPath = path.value.source.value;
42
+ const match = importPath.match(importRegExp);
43
+
44
+ if (!match) {
45
+ return;
46
+ }
47
+
48
+ if (importPath.includes('internal/')) {
49
+ return;
50
+ }
51
+
52
+ path.node.specifiers.forEach((specifier, index) => {
53
+ if (specifier.importKind && specifier.importKind !== 'value') {
54
+ return;
55
+ }
56
+
57
+ if (specifier.type === 'ImportNamespaceSpecifier') {
58
+ return;
59
+ }
60
+
61
+ switch (specifier.type) {
62
+ case 'ImportDefaultSpecifier':
63
+ {
64
+ const localName = specifier.local.name;
65
+ const moduleName = match[1];
66
+
67
+ if (whitelist[moduleName] == null) {
68
+ return;
69
+ }
70
+
71
+ resultSpecifiers.push(j.importSpecifier(j.identifier(moduleName), j.identifier(localName)));
72
+ path.get('specifiers', index).prune();
73
+ break;
74
+ }
75
+
76
+ case 'ImportSpecifier':
77
+ if (whitelist[specifier.imported.name] == null && specifier.imported.name !== 'withStyles') {
78
+ return;
79
+ }
80
+
81
+ resultSpecifiers.push(specifier);
82
+ path.get('specifiers', index).prune();
83
+ break;
84
+
85
+ default:
86
+ break;
87
+ }
88
+ });
89
+
90
+ if (!path.node.specifiers.length) {
91
+ path.prune();
92
+ }
93
+ });
94
+
95
+ if (resultSpecifiers.length) {
96
+ (0, _jscodeshiftAddImports.default)(root, j.importDeclaration(resultSpecifiers, j.stringLiteral(targetModule)));
97
+ }
98
+
99
+ return root.toSource(printOptions);
100
+ }
package/node/v5.0.0/top-level-imports.test/actual.js ADDED
@@ -0,0 +1,123 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var React = _interopRequireWildcard(require("react"));
6
+
7
+ var _styles = require("@mui/styles");
8
+
9
+ var _material = require("@mui/material");
10
+
11
+ var _styles2 = require("@mui/material/styles");
12
+
13
+ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
14
+
15
+ var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
16
+
17
+ var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
18
+
19
+ var _BottomNavigationAction = _interopRequireDefault(require("@mui/material/BottomNavigationAction"));
20
+
21
+ var _BottomNavigation = _interopRequireDefault(require("@mui/material/BottomNavigation"));
22
+
23
+ var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
24
+
25
+ var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
26
+
27
+ var _Card = _interopRequireDefault(require("@mui/material/Card"));
28
+
29
+ var _CardMedia = _interopRequireDefault(require("@mui/material/CardMedia"));
30
+
31
+ var _CardHeader = _interopRequireDefault(require("@mui/material/CardHeader"));
32
+
33
+ var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
34
+
35
+ var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
36
+
37
+ var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
38
+
39
+ var _ListItemAvatar = _interopRequireDefault(require("@mui/material/ListItemAvatar"));
40
+
41
+ var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
42
+
43
+ var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
44
+
45
+ var _List = _interopRequireDefault(require("@mui/material/List"));
46
+
47
+ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
48
+
49
+ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
50
+
51
+ var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
52
+
53
+ var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
54
+
55
+ var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
56
+
57
+ var _Slide = _interopRequireDefault(require("@mui/material/Slide"));
58
+
59
+ var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
60
+
61
+ var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
62
+
63
+ var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
64
+
65
+ var _AccordionActions = _interopRequireDefault(require("@mui/material/AccordionActions"));
66
+
67
+ var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
68
+
69
+ var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
70
+
71
+ var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
72
+
73
+ var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
74
+
75
+ var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
76
+
77
+ var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
78
+
79
+ var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
80
+
81
+ var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
82
+
83
+ var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
84
+
85
+ var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
86
+
87
+ var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
88
+
89
+ var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
90
+
91
+ var _Step = _interopRequireDefault(require("@mui/material/Step"));
92
+
93
+ var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
94
+
95
+ var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
96
+
97
+ var _TablePagination = _interopRequireDefault(require("@mui/material/TablePagination"));
98
+
99
+ var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
100
+
101
+ var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
102
+
103
+ var _Table = _interopRequireDefault(require("@mui/material/Table"));
104
+
105
+ var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
106
+
107
+ var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
108
+
109
+ var _Input = _interopRequireDefault(require("@mui/material/Input"));
110
+
111
+ var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
112
+
113
+ var _TableFooter = _interopRequireDefault(require("@mui/material/TableFooter"));
114
+
115
+ var _Zoom = _interopRequireDefault(require("@mui/material/Zoom"));
116
+
117
+ var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
118
+
119
+ var _ListSubheader = _interopRequireDefault(require("@mui/material/ListSubheader"));
120
+
121
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
122
+
123
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
package/node/v5.0.0/top-level-imports.test/expected.js ADDED
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ var React = _interopRequireWildcard(require("react"));
4
+
5
+ var _styles = require("@mui/styles");
6
+
7
+ var _material = require("@mui/material");
8
+
9
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
10
+
11
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/codemod",
3
- "version": "5.3.0",
3
+ "version": "5.4.4",
4
4
  "bin": "./codemod.js",
5
5
  "private": false,
6
6
  "author": "MUI Team",
@@ -20,19 +20,19 @@
20
20
  },
21
21
  "repository": {
22
22
  "type": "git",
23
- "url": "https://github.com/mui-org/material-ui.git",
23
+ "url": "https://github.com/mui/material-ui.git",
24
24
  "directory": "packages/mui-codemod"
25
25
  },
26
26
  "license": "MIT",
27
- "homepage": "https://github.com/mui-org/material-ui/tree/master/packages/mui-codemod",
27
+ "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-codemod",
28
28
  "funding": {
29
29
  "type": "opencollective",
30
30
  "url": "https://opencollective.com/mui"
31
31
  },
32
32
  "dependencies": {
33
- "@babel/core": "^7.16.7",
34
- "@babel/runtime": "^7.16.7",
35
- "@babel/traverse": "^7.16.8",
33
+ "@babel/core": "^7.17.5",
34
+ "@babel/runtime": "^7.17.2",
35
+ "@babel/traverse": "^7.17.3",
36
36
  "jscodeshift": "^0.13.1",
37
37
  "jscodeshift-add-imports": "^1.0.10",
38
38
  "yargs": "^17.3.1"