@mui/codemod 6.0.0-alpha.10 → 6.0.0-alpha.12

package/node/v6.0.0/sx-prop/test-cases/sx-line-break.expected.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EnableColorOnDarkAppBar;
+var React = _interopRequireWildcard(require("react"));
+var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _MenuIcon;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function appBarLabel(label) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      edge: "start",
+      color: "inherit",
+      "aria-label": "menu",
+      sx: {
+        mr: 2
+      },
+      children: _MenuIcon || (_MenuIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {}))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      variant: "h6",
+      noWrap: true,
+      component: "div",
+      sx: {
+        flexGrow: 1
+      },
+      children: label
+    })]
+  });
+}
+const darkTheme = (0, _styles.createTheme)({
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#1976d2'
+    }
+  }
+});
+function EnableColorOnDarkAppBar() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stack.default, {
+    spacing: 2,
+    sx: {
+      flexGrow: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ThemeProvider, {
+      theme: darkTheme,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
+        position: "static",
+        color: "primary",
+        enableColorOnDark: true,
+        children: appBarLabel('enableColorOnDark')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
+        position: "static",
+        color: "primary",
+        children: appBarLabel('default')
+      })]
+    })
+  });
+}

package/node/v6.0.0/sx-prop/test-cases/sx-value-callback.actual.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+function FacebookCircularProgress(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Box, {
+    sx: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+      variant: "determinate",
+      sx: {
+        color: theme => theme.palette.grey[theme.palette.mode === 'light' ? 200 : 800]
+      },
+      size: 40,
+      thickness: 4,
+      ...props,
+      value: 100
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+      variant: "indeterminate",
+      disableShrink: true,
+      sx: {
+        color: theme => theme.palette.mode === 'light' ? '#1a90ff' : '#308fe8',
+        animationDuration: '550ms',
+        position: 'absolute',
+        left: 0,
+        [`& .${circularProgressClasses.circle}`]: {
+          strokeLinecap: 'round'
+        }
+      },
+      size: 40,
+      thickness: 4,
+      ...props
+    })]
+  });
+}
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Paper, {
+  elevation: 0,
+  sx: {
+    display: 'flex',
+    border: theme => `1px solid ${theme.palette.divider}`,
+    flexWrap: 'wrap'
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+  sx: {
+    border: theme => `1px solid ${theme.palette.mode === 'dark' ? '#fff' : '#000'}`
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(Typography, {
+  component: "span",
+  variant: "subtitle1",
+  color: "inherit",
+  sx: {
+    position: 'relative',
+    p: 4,
+    pt: 2,
+    pb: theme => `calc(${theme.spacing(1)} + 6px)`
+  },
+  children: [image.title, /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageMarked, {
+    className: "MuiImageMarked-root"
+  })]
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Autocomplete, {
+  sx: {
+    display: 'inline-block',
+    '& input': {
+      width: 200,
+      bgcolor: 'background.paper',
+      color: theme => theme.palette.getContrastText(theme.palette.background.paper)
+    }
+  },
+  id: "custom-input-demo",
+  options: options,
+  renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: params.InputProps.ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "text",
+      ...params.inputProps
+    })
+  })
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
+  sx: {
+    position: 'relative',
+    width: 400,
+    bgcolor: 'background.paper',
+    border: '2px solid #000',
+    boxShadow: theme => theme.shadows[5],
+    p: 4
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Backdrop, {
+  sx: {
+    color: '#fff',
+    zIndex: theme => theme.zIndex.drawer + 1
+  },
+  open: open,
+  onClick: handleClose,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+    color: "inherit"
+  })
+});

package/node/v6.0.0/sx-prop/test-cases/sx-value-callback.expected.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+function FacebookCircularProgress(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Box, {
+    sx: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+      variant: "determinate",
+      sx: theme => ({
+        color: theme.palette.grey[800],
+        ...theme.applyStyles("light", {
+          color: theme.palette.grey[200]
+        })
+      }),
+      size: 40,
+      thickness: 4,
+      ...props,
+      value: 100
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+      variant: "indeterminate",
+      disableShrink: true,
+      sx: theme => ({
+        color: '#308fe8',
+        animationDuration: '550ms',
+        position: 'absolute',
+        left: 0,
+        [`& .${circularProgressClasses.circle}`]: {
+          strokeLinecap: 'round'
+        },
+        ...theme.applyStyles("light", {
+          color: '#1a90ff'
+        })
+      }),
+      size: 40,
+      thickness: 4,
+      ...props
+    })]
+  });
+}
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Paper, {
+  elevation: 0,
+  sx: theme => ({
+    display: 'flex',
+    border: `1px solid ${theme.palette.divider}`,
+    flexWrap: 'wrap'
+  })
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {
+  sx: theme => ({
+    border: `1px solid ${'#000'}`,
+    ...theme.applyStyles("dark", {
+      border: `1px solid ${'#fff'}`
+    })
+  })
+});
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(Typography, {
+  component: "span",
+  variant: "subtitle1",
+  color: "inherit",
+  sx: theme => ({
+    position: 'relative',
+    p: 4,
+    pt: 2,
+    pb: `calc(${theme.spacing(1)} + 6px)`
+  }),
+  children: [image.title, /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageMarked, {
+    className: "MuiImageMarked-root"
+  })]
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Autocomplete, {
+  sx: theme => ({
+    display: 'inline-block',
+    '& input': {
+      width: 200,
+      bgcolor: 'background.paper',
+      color: theme.palette.getContrastText(theme.palette.background.paper)
+    }
+  }),
+  id: "custom-input-demo",
+  options: options,
+  renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: params.InputProps.ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      type: "text",
+      ...params.inputProps
+    })
+  })
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
+  sx: theme => ({
+    position: 'relative',
+    width: 400,
+    bgcolor: 'background.paper',
+    border: '2px solid #000',
+    boxShadow: theme.shadows[5],
+    p: 4
+  })
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(Backdrop, {
+  sx: theme => ({
+    color: '#fff',
+    zIndex: theme.zIndex.drawer + 1
+  }),
+  open: open,
+  onClick: handleClose,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgress, {
+    color: "inherit"
+  })
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "6.0.0-alpha.10",
+  "version": "6.0.0-alpha.12",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -24,10 +24,10 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.24.6",
-    "@babel/runtime": "^7.24.6",
-    "@babel/traverse": "^7.24.6",
-    "jscodeshift": "^0.15.2",
+    "@babel/core": "^7.24.7",
+    "@babel/runtime": "^7.24.7",
+    "@babel/traverse": "^7.24.7",
+    "jscodeshift": "^0.16.0",
     "jscodeshift-add-imports": "^1.0.10",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",