@mui/codemod 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/node/v6.0.0/grid-v2-props/test-cases/expected.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Grid = _interopRequireDefault(require("@mui/material/Grid2"));
+var _Grid2 = _interopRequireDefault(require("@mui/material/Grid"));
+var _Grid3 = _interopRequireDefault(require("@mui/system/Grid"));
+var _Grid4 = _interopRequireDefault(require("@mui/joy/Grid"));
+var _material = require("@mui/material");
+var _system = require("@mui/system");
+var _joy = require("@mui/joy");
+var _jsxRuntime = require("react/jsx-runtime");
+// Transforms on all the possible imports
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid3.default, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid4.default, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid2, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Grid, {
+  size: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_joy.Grid, {
+  size: 2
+});
+
+// Transforms responsive sizes
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible size values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: "grow",
+    sm: "auto",
+    md: 2,
+    lg: "grow",
+    xl: false
+  }
+});
+
+// Doesn't add jsx object expression for single string values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: "auto"
+});
+
+// Transforms offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: 2
+});
+
+// Transforms responsive offset
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+    xl: 10
+  }
+});
+
+// Transforms all the possible offset values
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  offset: {
+    xs: 2,
+    sm: "auto"
+  }
+});
+
+// Transforms spread props
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+  size: {
+    xs: 2,
+    sm: 4
+  },
+  offset: {
+    xs: 0,
+    sm: 2
+  }
+});
+
+// Doesn't transform Grid v1
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid2.default, {
+  xs: 2
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+  xs: 2
+});

package/node/v6.0.0/list-item-button-prop/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _listItemButtonProp.default;
+  }
+});
+var _listItemButtonProp = _interopRequireDefault(require("./list-item-button-prop"));

package/node/v6.0.0/list-item-button-prop/list-item-button-prop.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _findComponentJSX = _interopRequireDefault(require("../../util/findComponentJSX"));
+var _findComponentDefaultProps = _interopRequireDefault(require("../../util/findComponentDefaultProps"));
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+  const defaultPropsPathCollection = (0, _findComponentDefaultProps.default)(j, {
+    root,
+    componentName: 'ListItem'
+  });
+  defaultPropsPathCollection.find(j.ObjectProperty, {
+    key: {
+      name: 'button'
+    }
+  }).forEach(path => {
+    const defaultProps = path.parent.value;
+    defaultProps.properties.forEach(property => {
+      if (property.key?.name === 'button') {
+        // Remove the button property from the defaultProps object
+        const newListButtonProps = defaultProps.properties.filter(prop => prop.key.name !== 'button');
+        const muiListItemButtonNode = j.objectProperty(j.identifier('MuiListItemButton'), j.objectExpression([j.property('init', j.identifier('defaultProps'), j.objectExpression(newListButtonProps))]));
+
+        // Add MuiListItemButton entry to the parent object
+        const parentObject = path.parent.parent.parent.parent.parent.node;
+        parentObject.properties.push(muiListItemButtonNode);
+      }
+    });
+    defaultProps.properties = defaultProps.properties.filter(prop => prop.key.name !== 'button' && prop.key.name !== 'autoFocus' && prop.key.name !== 'disabled' && prop.key.name !== 'selected');
+    path.prune();
+  });
+  const openTaggedNotHavingButtonProp = new Set();
+  const openTaggedHavingButtonProp = new Set();
+  // Rename components that have ListItem button to ListItemButton
+  (0, _findComponentJSX.default)(j, {
+    root,
+    componentName: 'ListItem'
+  }, elementPath => {
+    const index = elementPath.node.openingElement.attributes.findIndex(attr => attr.type === 'JSXAttribute' && attr.name.name === 'button');
+    // The ListItem has a button prop
+    if (index !== -1) {
+      openTaggedHavingButtonProp.add(elementPath.node.openingElement.name.name);
+      elementPath.node.openingElement.name.name = `ListItemButton`;
+      elementPath.node.openingElement.attributes.splice(index, 1);
+    } else {
+      openTaggedNotHavingButtonProp.add(elementPath.node.openingElement.name.name);
+    }
+  });
+  const importsToRemove = [...openTaggedHavingButtonProp].filter(item => !openTaggedNotHavingButtonProp.has(item));
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material/ListItem').filter(path => {
+    path.node.specifiers.forEach(specifier => {
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        if (importsToRemove.indexOf(specifier.local.name) >= 0) {
+          path.node.specifiers = path.node.specifiers.filter(spec => spec !== specifier);
+        }
+      }
+    });
+    if (path.node.specifiers.length === 0) {
+      return true;
+    }
+    return false;
+  }).remove();
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material').filter(path => {
+    path.node.specifiers.forEach(specifier => {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'ListItem' && importsToRemove.indexOf(specifier.local.name) >= 0) {
+        path.node.specifiers = path.node.specifiers.filter(spec => spec !== specifier);
+      }
+    });
+    if (path.node.specifiers.length === 0) {
+      return true;
+    }
+    return false;
+  }).remove();
+  // If ListItemButton does not already exist, add it at the end
+  const imports = root.find(j.ImportDeclaration).filter(path => path.node.source.value === '@mui/material/ListItemButton');
+  if (imports.length === 0) {
+    const lastImport = root.find(j.ImportDeclaration).at(-1);
+
+    // Insert the import for 'ListItemButton' after the last import declaration
+    lastImport.insertAfter(j.importDeclaration([j.importDefaultSpecifier(j.identifier('ListItemButton'))], j.stringLiteral('@mui/material/ListItemButton')));
+  }
+  return root.toSource(printOptions);
+}

package/node/v6.0.0/list-item-button-prop/test-cases/actual.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _material = require("@mui/material");
+var _ui = _interopRequireDefault(require("ui"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+  button: true
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
+  button: true
+});

package/node/v6.0.0/list-item-button-prop/test-cases/expected.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _material = require("@mui/material");
+var _ui = _interopRequireDefault(require("ui"));
+var _ListItemButton = _interopRequireDefault(require("@mui/material/ListItemButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemButton.default, {});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
+  button: true
+});

package/node/v6.0.0/list-item-button-prop/test-cases/theme.actual.js

@@ -0,0 +1,20 @@
+"use strict";
+
+fn({
+  MuiListItem: {
+    defaultProps: {
+      anotherProp: 'value',
+      autoFocus: true,
+      disabled: false,
+      selected: true,
+      button: true
+    }
+  }
+});
+fn({
+  MuiListItem: {
+    defaultProps: {
+      anotherProp: 'value'
+    }
+  }
+});

package/node/v6.0.0/list-item-button-prop/test-cases/theme.expected.js

@@ -0,0 +1,24 @@
+"use strict";
+
+fn({
+  MuiListItem: {
+    defaultProps: {
+      anotherProp: 'value'
+    }
+  },
+  MuiListItemButton: {
+    defaultProps: {
+      anotherProp: 'value',
+      autoFocus: true,
+      disabled: false,
+      selected: true
+    }
+  }
+});
+fn({
+  MuiListItem: {
+    defaultProps: {
+      anotherProp: 'value'
+    }
+  }
+});