@mui/codemod 5.13.3 → 5.14.1

package/node/v5.0.0/preset-safe.test/actual.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _CssBaseline2 = _interopRequireDefault(require("@material-ui/core/CssBaseline"));
 var _yellow = _interopRequireDefault(require("@material-ui/core/colors/yellow"));
@@ -31,7 +31,9 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Box, _Box2, _CssBaseline, _Header, _Box3, _Grid, _DialogTitle, _DialogContent;
-const DarkContext = /*#__PURE__*/_react.default.createContext();
+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); }
+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; }
+const DarkContext = /*#__PURE__*/React.createContext();
 const Test = (0, _withWidth.default)()(props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box4.default, {
   p: 2,
   bgcolor: "divider",
@@ -105,7 +107,7 @@ const Header = () => {
   const {
     dark,
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
     color: "default",
     position: "sticky",
@@ -138,11 +140,11 @@ const Header = () => {
   });
 };
 function App() {
-  const [open, setOpen] = _react.default.useState(false);
+  const [open, setOpen] = React.useState(false);
   const handleClose = () => setOpen(false);
   const {
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_CssBaseline || (_CssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CssBaseline2.default, {})), _Header || (_Header = /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
@@ -227,8 +229,8 @@ function App() {
   });
 }
 const withThemeProvider = Component => props => {
-  const [dark, setDark] = _react.default.useState(false);
-  const theme = _react.default.useMemo(() => (0, _styles.createMuiTheme)({
+  const [dark, setDark] = React.useState(false);
+  const theme = React.useMemo(() => (0, _styles.createMuiTheme)({
     palette: {
       type: dark ? 'dark' : 'light'
     }

package/node/v5.0.0/preset-safe.test/expected.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 var _StylesProvider = _interopRequireDefault(require("@mui/styles/StylesProvider"));
@@ -32,10 +32,12 @@ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _colors = require("@mui/material/colors");
 var _jsxRuntime = require("react/jsx-runtime");
 var _Box, _Box2, _CssBaseline, _Header, _Box3, _Grid, _DialogTitle, _DialogContent; // FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
+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); }
+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; }
 const withWidth = () => WrappedComponent => props => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, (0, _extends2.default)({}, props, {
   width: "xs"
 }));
-const DarkContext = /*#__PURE__*/_react.default.createContext();
+const DarkContext = /*#__PURE__*/React.createContext();
 const Test = withWidth()(props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box4.default, {
   p: 2,
   bgcolor: "divider",
@@ -109,7 +111,7 @@ const Header = () => {
   const {
     dark,
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
     color: "default",
     position: "sticky",
@@ -142,11 +144,11 @@ const Header = () => {
   });
 };
 function App() {
-  const [open, setOpen] = _react.default.useState(false);
+  const [open, setOpen] = React.useState(false);
   const handleClose = () => setOpen(false);
   const {
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_CssBaseline || (_CssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CssBaseline2.default, {})), _Header || (_Header = /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
@@ -232,8 +234,8 @@ function App() {
   });
 }
 const withThemeProvider = Component => props => {
-  const [dark, setDark] = _react.default.useState(false);
-  const theme = _react.default.useMemo(() => (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
+  const [dark, setDark] = React.useState(false);
+  const theme = React.useMemo(() => (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
     palette: {
       mode: dark ? 'dark' : 'light'
     }

package/node/v5.0.0/skeleton-variant.js

@@ -23,8 +23,8 @@ function transformer(file, api, options) {
         }
       }
       if (node.type === 'JSXAttribute' && node.name.name === 'classes') {
-        var _node$value, _node$value$expressio3, _node$value$expressio4;
-        (_node$value = node.value) == null ? void 0 : (_node$value$expressio3 = _node$value.expression) == null ? void 0 : (_node$value$expressio4 = _node$value$expressio3.properties) == null ? void 0 : _node$value$expressio4.forEach(subNode => {
+        var _node$value;
+        (_node$value = node.value) == null || (_node$value = _node$value.expression) == null || (_node$value = _node$value.properties) == null ? void 0 : _node$value.forEach(subNode => {
           if (subNode.key.name === 'circle') {
             subNode.key.name = 'circular';
           }

package/node/v5.0.0/styled-engine-provider.test/mui-theme-provider.actual.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _core = require("@material-ui/core");
 var _contexts = require("./contexts");
 var _pages = _interopRequireDefault(require("./pages"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _OtherProvider;
+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); }
+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; }
 const App = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Providers, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.MuiThemeProvider, {

package/node/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _core = require("@material-ui/core");
 var _contexts = require("./contexts");
 var _pages = _interopRequireDefault(require("./pages"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _OtherProvider;
+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); }
+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; }
 const App = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Providers, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.StyledEngineProvider, {

package/node/v5.0.0/styled-engine-provider.test/theme-provider.actual.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _contexts = require("./contexts");
 var _pages = _interopRequireDefault(require("./pages"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _OtherProvider;
+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); }
+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; }
 const App = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
     theme: (0, _styles.createTheme)(),

package/node/v5.0.0/styled-engine-provider.test/theme-provider.expected.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _contexts = require("./contexts");
 var _pages = _interopRequireDefault(require("./pages"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _OtherProvider;
+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); }
+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; }
 const App = () => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledEngineProvider, {
     injectFirst: true,

package/node/v5.0.0/table-props.js

@@ -21,8 +21,8 @@ function transformer(file, api, options) {
     node
   }) => {
     node.openingElement.attributes.forEach(attr => {
-      var _attr$name, _attr$value, _attr$value2, _attr$value2$expressi;
-      if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'padding' && (((_attr$value = attr.value) == null ? void 0 : _attr$value.value) === 'default' || ((_attr$value2 = attr.value) == null ? void 0 : (_attr$value2$expressi = _attr$value2.expression) == null ? void 0 : _attr$value2$expressi.value) === 'default')) {
+      var _attr$name, _attr$value, _attr$value2;
+      if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'padding' && (((_attr$value = attr.value) == null ? void 0 : _attr$value.value) === 'default' || ((_attr$value2 = attr.value) == null || (_attr$value2 = _attr$value2.expression) == null ? void 0 : _attr$value2.value) === 'default')) {
         attr.value = j.literal('normal');
       }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.13.3",
+  "version": "5.14.1",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -30,9 +30,9 @@
     "url": "https://opencollective.com/mui"
   },
   "dependencies": {
-    "@babel/core": "^7.21.4",
-    "@babel/runtime": "^7.21.0",
-    "@babel/traverse": "^7.21.4",
+    "@babel/core": "^7.22.9",
+    "@babel/runtime": "^7.22.6",
+    "@babel/traverse": "^7.22.8",
     "jscodeshift": "^0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
     "yargs": "^17.7.2"