@mui/codemod 6.0.0-alpha.7 → 6.0.0-alpha.9

package/node/util/migrateToVariants.js

@@ -1,103 +1,187 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = migrateToVariants;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.getCreateBuildStyle = exports.getBuildArrowFunctionAST = exports.getAppendPaletteModeStyles = void 0;
+exports.getIdentifierKey = getIdentifierKey;
+exports.getObjectKey = getObjectKey;
+exports.getObjectToArrowFunction = void 0;
+exports.isThemePaletteMode = isThemePaletteMode;
+exports.removeProperty = removeProperty;
 const MAX_DEPTH = 20;
+
 /**
- *
  * @param {import('jscodeshift').API['j']} j
- * @param {any[]} styles
+ * @returns
  */
-function migrateToVariants(j, styles) {
-  function createBuildStyle(key, upperBuildStyle, applyStylesMode) {
-    if (applyStylesMode) {
-      upperBuildStyle = styleExpression => j.objectExpression([j.spreadElement(j.callExpression(j.memberExpression(j.identifier('theme'), j.identifier('applyStyles')), [j.stringLiteral(applyStylesMode), styleExpression]))]);
-    }
-    return function buildStyle(styleExpression) {
-      if (key) {
-        if (key.type === 'Identifier' || key.type === 'StringLiteral') {
-          return upperBuildStyle(j.objectExpression([j.objectProperty(key, styleExpression)]));
-        }
-        if (key.type === 'TemplateLiteral' || key.type === 'CallExpression') {
-          return upperBuildStyle(j.objectExpression([(0, _extends2.default)({}, j.objectProperty(key, styleExpression), {
-            computed: true
-          })]));
-        }
+const getCreateBuildStyle = j => function createBuildStyle(key, upperBuildStyle, applyStylesMode) {
+  if (applyStylesMode) {
+    upperBuildStyle = styleExpression => j.objectExpression([j.spreadElement(j.callExpression(j.memberExpression(j.identifier('theme'), j.identifier('applyStyles')), [j.stringLiteral(applyStylesMode), styleExpression]))]);
+  }
+  return function buildStyle(styleExpression) {
+    if (key) {
+      if (key.type === 'Identifier' || key.type === 'StringLiteral') {
+        return upperBuildStyle(j.objectExpression([j.objectProperty(key, styleExpression)]));
       }
-      return upperBuildStyle ? upperBuildStyle(styleExpression) : styleExpression;
-    };
+      if (key.type === 'TemplateLiteral' || key.type === 'CallExpression') {
+        return upperBuildStyle(j.objectExpression([{
+          ...j.objectProperty(key, styleExpression),
+          computed: true
+        }]));
+      }
+    }
+    return upperBuildStyle ? upperBuildStyle(styleExpression) : styleExpression;
+  };
+};
+
+/**
+ * @param {import('jscodeshift').API['j']} j
+ */
+exports.getCreateBuildStyle = getCreateBuildStyle;
+const getAppendPaletteModeStyles = j =>
+/**
+ *
+ * @param {{ properties: any[] }} node
+ * @param {Record<string, any[] | import('jscodeshift').ObjectExpression>} modeStyles
+ */
+function appendPaletteModeStyles(node, modeStyles) {
+  Object.entries(modeStyles).forEach(([mode, objectStyles]) => {
+    node.properties.push(j.spreadElement(j.callExpression(j.memberExpression(j.identifier('theme'), j.identifier('applyStyles')), [j.stringLiteral(mode), Array.isArray(objectStyles) ? j.objectExpression(objectStyles) : objectStyles])));
+  });
+};
+
+/**
+ *
+ * @param {import('jscodeshift').MemberExpression | import('jscodeshift').Identifier} node
+ */
+exports.getAppendPaletteModeStyles = getAppendPaletteModeStyles;
+function getIdentifierKey(node) {
+  if (node.type === 'MemberExpression') {
+    return node.property;
   }
+  return node;
+}
 
-  /**
-   *
-   * @param {import('ast-types').namedTypes.MemberExpression | import('ast-types').namedTypes.Identifier} node
-   */
-  function getIdentifierKey(node) {
-    if (node.type === 'MemberExpression') {
-      return node.property;
-    }
-    return node;
+/**
+ *
+ * @param {import('jscodeshift').UnaryExpression | import('jscodeshift').MemberExpression | import('jscodeshift').Identifier} node
+ */
+function getObjectKey(node) {
+  let tempNode = {
+    ...node
+  };
+  while (tempNode.type === 'UnaryExpression') {
+    tempNode = tempNode.argument;
+  }
+  while (tempNode.type === 'MemberExpression' || tempNode.type === 'OptionMemberExpression') {
+    tempNode = tempNode.object;
   }
+  return tempNode;
+}
 
-  /**
-   *
-   * @param {import('ast-types').namedTypes.UnaryExpression | import('ast-types').namedTypes.MemberExpression | import('ast-types').namedTypes.Identifier} node
-   */
-  function getObjectKey(node) {
-    let tempNode = (0, _extends2.default)({}, node);
-    while (tempNode.type === 'UnaryExpression') {
-      tempNode = tempNode.argument;
-    }
-    while (tempNode.type === 'MemberExpression') {
-      tempNode = tempNode.object;
+/**
+ *
+ * @param {import('jscodeshift').ObjectExpression} node
+ */
+function removeProperty(parentNode, child) {
+  if (parentNode) {
+    if (parentNode.type === 'ObjectExpression') {
+      parentNode.properties = parentNode.properties.filter(prop => prop !== child && prop.value !== child);
     }
-    return tempNode;
   }
+}
 
-  /**
-   *
-   * @param {import('ast-types').namedTypes.ObjectExpression} objectExpression
-   * @param {import('ast-types').namedTypes.BinaryExpression} addtional
-   */
-  function objectToArrowFunction(objectExpression, addtional) {
-    const paramKeys = new Set();
-    let left;
-    objectExpression.properties.forEach((prop, index) => {
-      paramKeys.add(prop.key.name);
-      const result = j.binaryExpression('===', prop.key, prop.value);
-      if (index === 0) {
-        left = result;
-      } else {
-        left = j.logicalExpression('&&', left, result);
+/**
+ * @param {import('jscodeshift').API['j']} j
+ */
+const getBuildArrowFunctionAST = j =>
+/**
+ *
+ * @param {Set<string> | import('jscodeshift').Expression[]} params
+ * @param {import('jscodeshift').BlockStatement} body
+ * @returns
+ */
+function buildArrowFunctionAST(params, body) {
+  const destructured = [...params].every(param => typeof param === 'string');
+  return j.arrowFunctionExpression(destructured ? [j.objectPattern([...params].map(k => ({
+    ...j.objectProperty(j.identifier(k), j.identifier(k)),
+    shorthand: true
+  })))] : params, body);
+};
+
+/**
+ * @param {import('jscodeshift').API['j']} j
+ */
+exports.getBuildArrowFunctionAST = getBuildArrowFunctionAST;
+const getObjectToArrowFunction = j => {
+  const buildArrowFunctionAST = getBuildArrowFunctionAST(j);
+  return (
+    /**
+     *
+     * @param {import('jscodeshift').ObjectExpression} objectExpression
+     * @param {import('jscodeshift').BinaryExpression} addtional
+     */
+    function objectToArrowFunction(objectExpression, addtional) {
+      const paramKeys = new Set();
+      let left;
+      objectExpression.properties.forEach((prop, index) => {
+        paramKeys.add(prop.key.name);
+        const result = j.binaryExpression('===', prop.key, prop.value);
+        if (index === 0) {
+          left = result;
+        } else {
+          left = j.logicalExpression('&&', left, result);
+        }
+      });
+      if (addtional) {
+        paramKeys.add(getObjectKey(addtional.left).name);
       }
-    });
-    if (addtional) {
-      paramKeys.add(getObjectKey(addtional.left).name);
+      return buildArrowFunctionAST(paramKeys, addtional ? j.logicalExpression('&&', left, addtional) : left);
     }
-    return buildArrowFunctionAST(paramKeys, addtional ? j.logicalExpression('&&', left, addtional) : left);
-  }
+  );
+};
+
+/**
+ *
+ * @param {undefined | null | import('jscodeshift').Expression} node
+ */
+exports.getObjectToArrowFunction = getObjectToArrowFunction;
+function isThemePaletteMode(node) {
+  return (node == null ? void 0 : node.type) === 'MemberExpression' && node.object.type === 'MemberExpression' && node.object.object.name === 'theme' && node.object.property.name === 'palette' && node.property.name === 'mode';
+}
+
+/**
+ *
+ * @param {import('jscodeshift').API['j']} j
+ * @param {any[]} styles
+ */
+function migrateToVariants(j, styles) {
+  const createBuildStyle = getCreateBuildStyle(j);
+  const appendPaletteModeStyles = getAppendPaletteModeStyles(j);
+  const buildArrowFunctionAST = getBuildArrowFunctionAST(j);
+  const objectToArrowFunction = getObjectToArrowFunction(j);
 
   /**
    *
-   * @param {import('ast-types').namedTypes.Identifier | import('ast-types').namedTypes.BinaryExpression | import('ast-types').namedTypes.UnaryExpression | import('ast-types').namedTypes.MemberExpression} node
+   * @param {import('jscodeshift').Identifier | import('jscodeshift').BinaryExpression | import('jscodeshift').UnaryExpression | import('jscodeshift').MemberExpression} node
    */
   function inverseBinaryExpression(node) {
     if (node.type === 'Identifier' || node.type === 'MemberExpression') {
       return j.unaryExpression('!', node);
     }
     if (node.operator === '===') {
-      return (0, _extends2.default)({}, node, {
+      return {
+        ...node,
         operator: '!=='
-      });
+      };
     }
     if (node.operator === '!==') {
-      return (0, _extends2.default)({}, node, {
+      return {
+        ...node,
         operator: '==='
-      });
+      };
     }
     if (node.operator === '!') {
       var _node$argument;
@@ -108,18 +192,6 @@ function migrateToVariants(j, styles) {
     }
     return node;
   }
-
-  /**
-   *
-   * @param {import('ast-types').namedTypes.ObjectExpression} node
-   */
-  function removeProperty(parentNode, child) {
-    if (parentNode) {
-      if (parentNode.type === 'ObjectExpression') {
-        parentNode.properties = parentNode.properties.filter(prop => prop !== child && prop.value !== child);
-      }
-    }
-  }
   function buildObjectAST(jsObject) {
     const result = j.objectExpression([]);
     Object.entries(jsObject).forEach(([key, value]) => {
@@ -127,32 +199,18 @@ function migrateToVariants(j, styles) {
     });
     return result;
   }
-  function buildArrowFunctionAST(params, body) {
-    return j.arrowFunctionExpression([j.objectPattern([...params].map(k => (0, _extends2.default)({}, j.objectProperty(j.identifier(k), j.identifier(k)), {
-      shorthand: true
-    })))], body);
-  }
 
   /**
    *
-   * @param {{ properties: any[] }} node
-   * @param {Record<string, any[] | import('ast-types').namedTypes.ObjectExpression>} modeStyles
-   */
-  function appendPaletteModeStyles(node, modeStyles) {
-    Object.entries(modeStyles).forEach(([mode, objectStyles]) => {
-      node.properties.push(j.spreadElement(j.callExpression(j.memberExpression(j.identifier('theme'), j.identifier('applyStyles')), [j.stringLiteral(mode), Array.isArray(objectStyles) ? j.objectExpression(objectStyles) : objectStyles])));
-    });
-  }
-
-  /**
-   *
-   * @param {import('ast-types').namedTypes.LogicalExpression | import('ast-types').namedTypes.BinaryExpression | import('ast-types').namedTypes.UnaryExpression | import('ast-types').namedTypes.MemberExpression} node
+   * @param {import('jscodeshift').LogicalExpression | import('jscodeshift').BinaryExpression | import('jscodeshift').UnaryExpression | import('jscodeshift').MemberExpression} node
    */
   function buildProps(node) {
     const properties = [];
     const variables = new Set();
     let isAllEqual = true;
-    let tempNode = (0, _extends2.default)({}, node);
+    let tempNode = {
+      ...node
+    };
     function assignProperties(_node) {
       if (_node.type === 'BinaryExpression') {
         variables.add(getObjectKey(_node.left).name);
@@ -191,7 +249,9 @@ function migrateToVariants(j, styles) {
           assignProperties(tempNode.left);
           break;
         }
-        tempNode = (0, _extends2.default)({}, tempNode.left);
+        tempNode = {
+          ...tempNode.left
+        };
       }
     }
     if (!isAllEqual) {
@@ -211,9 +271,6 @@ function migrateToVariants(j, styles) {
     });
     return buildArrowFunctionAST(variables, j.logicalExpression('&&', parentArrow.body, currentArrow.body));
   }
-  function isThemePaletteMode(node) {
-    return node.type === 'MemberExpression' && node.object.type === 'MemberExpression' && node.object.object.name === 'theme' && node.object.property.name === 'palette' && node.property.name === 'mode';
-  }
 
   // 2. Find logical spread expressions to convert to variants
   styles.forEach(style => {
@@ -224,10 +281,13 @@ function migrateToVariants(j, styles) {
           parameters.add(prop.key.name);
         });
       }
+      if (param.type === 'Identifier') {
+        parameters.add(param.name);
+      }
     });
     const variants = [];
     if (style.body.type === 'LogicalExpression') {
-      if (style.params[0] && style.params[0].type === 'ObjectPattern' && style.params[0].properties.some(prop => prop.key.name !== 'theme')) {
+      if (style.params[0] && (style.params[0].type === 'Identifier' || style.params[0].type === 'ObjectPattern' && style.params[0].properties.some(prop => prop.key.name !== 'theme'))) {
         // case: ({ theme, ownerState }) => ownerState.variant === 'regular' && theme.mixins.toolbar
         style.body = j.objectExpression([j.objectProperty(j.identifier('variants'), j.arrayExpression([j.objectExpression([j.objectProperty(j.identifier('props'), buildProps(style.body.left)), j.objectProperty(j.identifier('style'), style.body.right)])]))]);
       }
@@ -259,7 +319,8 @@ function migrateToVariants(j, styles) {
         const modeStyles = {}; // to collect styles from `theme.palette.mode === '...'`
         data.node.properties.forEach(prop => {
           if (prop.type === 'ObjectProperty') {
-            recurseObjectExpression((0, _extends2.default)({}, data, {
+            recurseObjectExpression({
+              ...data,
               node: prop.value,
               parentNode: data.node,
               key: prop.key,
@@ -268,13 +329,14 @@ function migrateToVariants(j, styles) {
                 prop.value = newValue;
               },
               modeStyles
-            }));
+            });
           } else {
-            recurseObjectExpression((0, _extends2.default)({}, data, {
+            recurseObjectExpression({
+              ...data,
               node: prop,
               parentNode: data.node,
               buildStyle: createBuildStyle(prop.key, data.buildStyle)
-            }));
+            });
           }
         });
         appendPaletteModeStyles(data.node, modeStyles);
@@ -288,7 +350,8 @@ function migrateToVariants(j, styles) {
               const mode = data.node.argument.left.right.value;
               data.node.argument.right.properties.forEach(prop => {
                 if (prop.type === 'ObjectProperty') {
-                  recurseObjectExpression((0, _extends2.default)({}, data, {
+                  recurseObjectExpression({
+                    ...data,
                     node: prop.value,
                     parentNode: data.node.argument.right,
                     key: prop.key,
@@ -296,13 +359,14 @@ function migrateToVariants(j, styles) {
                     replaceValue: newValue => {
                       prop.value = newValue;
                     }
-                  }));
+                  });
                 } else {
-                  recurseObjectExpression((0, _extends2.default)({}, data, {
+                  recurseObjectExpression({
+                    ...data,
                     node: prop,
                     parentNode: data.node.argument.right,
                     buildStyle: createBuildStyle(prop.key, data.buildStyle, mode)
-                  }));
+                  });
                 }
               });
               appendPaletteModeStyles(data.parentNode, {
@@ -326,7 +390,8 @@ function migrateToVariants(j, styles) {
           if (variant.style.type === 'ObjectExpression') {
             variant.style.properties.forEach(prop => {
               if (prop.type === 'ObjectProperty') {
-                recurseObjectExpression((0, _extends2.default)({}, data, {
+                recurseObjectExpression({
+                  ...data,
                   node: prop.value,
                   parentNode: variant.style,
                   props: variant.props,
@@ -336,14 +401,15 @@ function migrateToVariants(j, styles) {
                     prop.value = newValue;
                   },
                   modeStyles
-                }));
+                });
               } else {
-                recurseObjectExpression((0, _extends2.default)({}, data, {
+                recurseObjectExpression({
+                  ...data,
                   node: prop,
                   parentNode: variant.style,
                   props: variant.props,
                   buildStyle: createBuildStyle(prop.key, data.buildStyle)
-                }));
+                });
               }
             });
           }
@@ -353,10 +419,11 @@ function migrateToVariants(j, styles) {
           removeProperty(data.parentNode, data.node);
         }
         if (data.node.argument.type === 'ConditionalExpression') {
-          recurseObjectExpression((0, _extends2.default)({}, data, {
+          recurseObjectExpression({
+            ...data,
             node: data.node.argument,
             parentNode: data.node
-          }));
+          });
           removeProperty(data.parentNode, data.node);
         }
       }
@@ -419,7 +486,8 @@ function migrateToVariants(j, styles) {
         if (((_data$parentNode3 = data.parentNode) == null ? void 0 : _data$parentNode3.type) === 'ObjectExpression') {
           const modeStyles = {};
           data.node.expressions.forEach((expression, index) => {
-            recurseObjectExpression((0, _extends2.default)({}, data, {
+            recurseObjectExpression({
+              ...data,
               node: expression,
               parentNode: data.parentNode,
               buildStyle: createBuildStyle(data.key, data.buildStyle),
@@ -427,19 +495,28 @@ function migrateToVariants(j, styles) {
                 data.node.expressions[index] = newValue;
               },
               modeStyles
-            }));
+            });
           });
           if (data.modeStyles) {
             Object.entries(modeStyles).forEach(([mode, objectStyles]) => {
-              const clonedNode = (0, _extends2.default)({}, data.node, {
-                expressions: data.node.expressions.map(expression => (0, _extends2.default)({}, expression))
-              });
+              const clonedNode = {
+                ...data.node,
+                expressions: data.node.expressions.map(expression => ({
+                  ...expression
+                }))
+              };
               clonedNode.expressions = objectStyles.map(item => item.value);
               if (!data.modeStyles[mode]) {
                 data.modeStyles[mode] = [];
               }
               data.modeStyles[mode].push(j.objectProperty(data.key, clonedNode));
             });
+            if (data.key) {
+              var _data$replaceValue2;
+              // to remove the arrow function
+              // { ...: theme => `1px solid...` } to { ...: `1px solid...` }
+              (_data$replaceValue2 = data.replaceValue) == null || _data$replaceValue2.call(data, data.node);
+            }
           }
         }
       }

package/node/v5.0.0/badge-overlap-value.test/actual.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
@@ -31,9 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
       '& .MuiBadge-anchorOriginBottomLeftCircle': {}
     }
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-    classes: (0, _extends2.default)({}, badgeClasses, {
+    classes: {
+      ...badgeClasses,
       badge: badgeClasses.badge
-    }),
+    },
     children: icon
   })]
 });

package/node/v5.0.0/badge-overlap-value.test/expected.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
@@ -31,9 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
       '& .MuiBadge-anchorOriginBottomLeftCircular': {}
     }
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-    classes: (0, _extends2.default)({}, badgeClasses, {
+    classes: {
+      ...badgeClasses,
       badge: badgeClasses.badge
-    }),
+    },
     children: icon
   })]
 });

package/node/v5.0.0/base-remove-component-prop.test/actual.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
 var _Input2 = _interopRequireDefault(require("@mui/base/Input"));
 var _Switch = _interopRequireDefault(require("@mui/base/Switch"));
@@ -15,9 +14,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
   component: CustomRoot
 });
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, (0, _extends2.default)({
-  component: CustomRoot
-}, others));
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
+  component: CustomRoot,
+  ...others
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   component: CustomRoot,
   randomProp: "1",

package/node/v5.0.0/base-remove-component-prop.test/expected.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
 var _Input2 = _interopRequireDefault(require("@mui/base/Input"));
 var _Switch = _interopRequireDefault(require("@mui/base/Switch"));
@@ -17,11 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
     root: CustomRoot
   }
 });
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, (0, _extends2.default)({
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
   slots: {
     root: CustomRoot
-  }
-}, others));
+  },
+  ...others
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   slots: {
     root: CustomRoot

package/node/v5.0.0/box-sx-prop.test/actual.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BoxComponent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
@@ -34,8 +33,9 @@ function BoxComponent(props) {
         component: "span",
         children: "Save"
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, (0, _extends2.default)({
-      p: [1, 2, 4]
-    }, props))]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      p: [1, 2, 4],
+      ...props
+    })]
   });
 }

package/node/v5.0.0/box-sx-prop.test/expected.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BoxComponent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
@@ -36,10 +35,11 @@ function BoxComponent(props) {
         component: "span",
         children: "Save"
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, (0, _extends2.default)({}, props, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      ...props,
       sx: {
         p: [1, 2, 4]
       }
-    }))]
+    })]
   });
 }

package/node/v5.0.0/create-theme.test/custom-fn.actual.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTheme = createTheme;
 exports.createThemeOptions = createThemeOptions;
 exports.createThemeOverrides = createThemeOverrides;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _core = require("@material-ui/core");
 function createThemeOptions() {
   return {};
@@ -19,8 +17,9 @@ function createTheme(options) {
   const themeOptions = createThemeOptions(options);
   const baseTheme = (0, _core.createMuiTheme)(themeOptions);
   const overrides = createThemeOverrides(baseTheme);
-  const theme = (0, _extends2.default)({}, baseTheme, {
+  const theme = {
+    ...baseTheme,
     overrides
-  });
+  };
   return theme;
 }

package/node/v5.0.0/create-theme.test/custom-fn.expected.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTheme = createTheme;
 exports.createThemeOptions = createThemeOptions;
 exports.createThemeOverrides = createThemeOverrides;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _core = require("@material-ui/core");
 function createThemeOptions() {
   return {};
@@ -19,8 +17,9 @@ function createTheme(options) {
   const themeOptions = createThemeOptions(options);
   const baseTheme = (0, _core.createTheme)(themeOptions);
   const overrides = createThemeOverrides(baseTheme);
-  const theme = (0, _extends2.default)({}, baseTheme, {
+  const theme = {
+    ...baseTheme,
     overrides
-  });
+  };
   return theme;
 }