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

package/node/deprecations/tooltip-props/test-cases/actual.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  components: {
+    Arrow: ComponentsArrow,
+    Popper: ComponentsPopper,
+    Tooltip: ComponentsTooltip,
+    Transition: ComponentsTransition
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: slotsArrowProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  components: {
+    Arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: slotsArrowProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    tooltip: componentsTooltipProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: SlotsArrow,
+    popper: SlotsPopper,
+    tooltip: SlotsTooltip,
+    transition: SlotsTransition
+  },
+  components: {
+    Arrow: ComponentsArrow,
+    Popper: ComponentsPopper,
+    Tooltip: ComponentsTooltip,
+    Transition: ComponentsTransition
+  },
+  slotProps: {
+    arrow: slotsArrowProps,
+    popper: slotsPopperProps,
+    tooltip: slotsTooltipProps,
+    transition: slotsTransitionProps
+  },
+  componentsProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});

package/node/deprecations/tooltip-props/test-cases/expected.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: ComponentsArrow,
+    popper: ComponentsPopper,
+    tooltip: ComponentsTooltip,
+    transition: ComponentsTransition
+  },
+  slotProps: {
+    arrow: componentsArrowProps,
+    popper: componentsPopperProps,
+    tooltip: componentsTooltipProps,
+    transition: componentsTransitionProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: ComponentsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: componentsArrowProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  slotProps: {
+    tooltip: slotsTooltipProps,
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    tooltip: SlotsTooltip,
+    arrow: SlotsArrow
+  },
+  slotProps: {
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    },
+    tooltip: {
+      ...componentsTooltipProps,
+      ...slotsTooltipProps
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+  slots: {
+    arrow: SlotsArrow,
+    popper: SlotsPopper,
+    tooltip: SlotsTooltip,
+    transition: SlotsTransition
+  },
+  slotProps: {
+    arrow: {
+      ...componentsArrowProps,
+      ...slotsArrowProps
+    },
+    popper: {
+      ...componentsPopperProps,
+      ...slotsPopperProps
+    },
+    tooltip: {
+      ...componentsTooltipProps,
+      ...slotsTooltipProps
+    },
+    transition: {
+      ...componentsTransitionProps,
+      ...slotsTransitionProps
+    }
+  }
+});

package/node/deprecations/tooltip-props/test-cases/theme.actual.js

@@ -0,0 +1,73 @@
+"use strict";
+
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      components: {
+        Arrow: ComponentsArrow
+      },
+      componentsProps: {
+        arrow: componentsArrowProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      components: {
+        Arrow: ComponentsArrow
+      },
+      slots: {
+        tooltip: SlotsTooltip
+      },
+      componentsProps: {
+        arrow: componentsArrowProps
+      },
+      slotProps: {
+        tooltip: slotsTooltipProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      components: {
+        Arrow: ComponentsArrow
+      },
+      slots: {
+        tooltip: SlotsTooltip,
+        arrow: SlotsArrow
+      },
+      componentsProps: {
+        arrow: componentsArrowProps
+      },
+      slotProps: {
+        tooltip: slotsTooltipProps,
+        arrow: slotsArrowProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      components: {
+        Arrow: ComponentsArrow
+      },
+      slots: {
+        tooltip: SlotsTooltip,
+        arrow: SlotsArrow
+      },
+      componentsProps: {
+        arrow: componentsArrowProps,
+        tooltip: componentsTooltipProps
+      },
+      slotProps: {
+        tooltip: slotsTooltipProps,
+        arrow: slotsArrowProps
+      }
+    }
+  }
+});

package/node/deprecations/tooltip-props/test-cases/theme.expected.js

@@ -0,0 +1,65 @@
+"use strict";
+
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      slots: {
+        arrow: ComponentsArrow
+      },
+      slotProps: {
+        arrow: componentsArrowProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      slots: {
+        arrow: ComponentsArrow,
+        tooltip: SlotsTooltip
+      },
+      slotProps: {
+        arrow: componentsArrowProps,
+        tooltip: slotsTooltipProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      slots: {
+        arrow: SlotsArrow,
+        tooltip: SlotsTooltip
+      },
+      slotProps: {
+        arrow: {
+          ...componentsArrowProps,
+          ...slotsArrowProps
+        },
+        tooltip: slotsTooltipProps
+      }
+    }
+  }
+});
+fn({
+  MuiTooltip: {
+    defaultProps: {
+      slots: {
+        arrow: SlotsArrow,
+        tooltip: SlotsTooltip
+      },
+      slotProps: {
+        arrow: {
+          ...componentsArrowProps,
+          ...slotsArrowProps
+        },
+        tooltip: {
+          ...componentsTooltipProps,
+          ...slotsTooltipProps
+        }
+      }
+    }
+  }
+});

package/node/deprecations/tooltip-props/tooltip-props.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _replaceComponentsWithSlots = _interopRequireDefault(require("../utils/replaceComponentsWithSlots"));
+/**
+ * @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;
+  (0, _replaceComponentsWithSlots.default)(j, {
+    root,
+    componentName: 'Tooltip'
+  });
+  return root.toSource(printOptions);
+}

package/node/deprecations/utils/replaceComponentsWithSlots.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = replaceComponentsWithSlots;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _findComponentJSX = _interopRequireDefault(require("../../util/findComponentJSX"));
 var _findComponentDefaultProps = _interopRequireDefault(require("../../util/findComponentDefaultProps"));
 var _assignObject = _interopRequireDefault(require("../../util/assignObject"));
@@ -19,9 +18,10 @@ function replaceJsxComponentsProp(j, elementPath) {
   if (index !== -1) {
     const removed = element.openingElement.attributes.splice(index, 1);
     const camelCaseComponents = removed[0].value.expression.properties.reduce((acc, prop) => {
-      return (0, _extends2.default)({}, acc, {
+      return {
+        ...acc,
         [componentsKeyToSlotsKey(prop.key.name)]: prop.value
-      });
+      };
     }, {});
     let hasNode = false;
     element.openingElement.attributes.forEach(attr => {
@@ -29,9 +29,10 @@ function replaceJsxComponentsProp(j, elementPath) {
       if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'slots') {
         hasNode = true;
         const slots = attr.value.expression.properties.reduce((acc, prop) => {
-          return (0, _extends2.default)({}, acc, {
+          return {
+            ...acc,
             [prop.key.name]: prop.value
-          });
+          };
         }, {});
         Object.entries(camelCaseComponents).forEach(([slot, value]) => {
           if (!slots[slot]) {
@@ -65,9 +66,10 @@ function replaceJsxComponentsPropsProp(j, element) {
       if (((_attr$name2 = attr.name) == null ? void 0 : _attr$name2.name) === 'slotProps') {
         hasNode = true;
         const slotProps = attr.value.expression.properties.reduce((acc, prop) => {
-          return (0, _extends2.default)({}, acc, {
+          return {
+            ...acc,
             [prop.key.name]: prop.value
-          });
+          };
         }, {});
         removed[0].value.expression.properties.forEach(prop => {
           if (!slotProps[prop.key.name]) {
@@ -109,17 +111,22 @@ function replaceDefaultPropsComponentsProp(j, defaultPropsPathCollection) {
       properties: defaultPropsProperties
     } = path.parent.value;
     const components = path.value.value.properties.reduce((acc, prop) => {
-      return (0, _extends2.default)({}, acc, {
+      return {
+        ...acc,
         [componentsKeyToSlotsKey(prop.key.name)]: prop.value
-      });
+      };
     }, {});
     const existingSlots = defaultPropsProperties.find(prop => prop.key.name === 'slots');
     const slots = existingSlots ? existingSlots.value.properties.reduce((acc, prop) => {
-      return (0, _extends2.default)({}, acc, {
+      return {
+        ...acc,
         [prop.key.name]: prop.value
-      });
+      };
     }, {}) : {};
-    const updatedSlots = j.objectExpression(Object.entries((0, _extends2.default)({}, components, slots)).map(([slot, value]) => {
+    const updatedSlots = j.objectExpression(Object.entries({
+      ...components,
+      ...slots
+    }).map(([slot, value]) => {
       return j.objectProperty(j.identifier(slot), value);
     }));
     if (existingSlots) {
@@ -140,17 +147,22 @@ function replaceDefaultPropsComponentsPropsProp(j, defaultPropsPathCollection) {
       properties: defaultPropsProperties
     } = path.parent.value;
     const components = path.value.value.properties.reduce((acc, prop) => {
-      return (0, _extends2.default)({}, acc, {
+      return {
+        ...acc,
         [prop.key.name]: prop.value
-      });
+      };
     }, {});
     const existingSlots = defaultPropsProperties.find(prop => prop.key.name === 'slotProps');
     const slots = existingSlots ? existingSlots.value.properties.reduce((acc, prop) => {
-      return (0, _extends2.default)({}, acc, {
+      return {
+        ...acc,
         [prop.key.name]: components[prop.key.name] ? j.objectExpression([j.spreadElement(components[prop.key.name]), j.spreadElement(prop.value)]) : prop.value
-      });
+      };
     }, {}) : {};
-    const updatedSlots = j.objectExpression(Object.entries((0, _extends2.default)({}, components, slots)).map(([slot, value]) => {
+    const updatedSlots = j.objectExpression(Object.entries({
+      ...components,
+      ...slots
+    }).map(([slot, value]) => {
       return j.objectProperty(j.identifier(slot), value);
     }));
     if (existingSlots) {