@mui/codemod 5.15.10 → 5.15.12

package/node/deprecations/chip-classes/test-cases/actual.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _Chip = require("@mui/material/Chip");
+'&.MuiChip-clickableColorPrimary';
+'&.MuiChip-clickableColorSecondary';
+'&.MuiChip-deletableColorPrimary';
+'&.MuiChip-deletableColorSecondary';
+'&.MuiChip-outlinedPrimary';
+'&.MuiChip-outlinedSecondary';
+'&.MuiChip-filledPrimary';
+'&.MuiChip-filledSecondary';
+'& .MuiChip-avatarSmall';
+'& .MuiChip-avatarMedium';
+'& .MuiChip-avatarColorPrimary';
+'& .MuiChip-avatarColorSecondary';
+'& .MuiChip-iconSmall';
+'& .MuiChip-iconMedium';
+'& .MuiChip-iconColorPrimary';
+'& .MuiChip-iconColorSecondary';
+'& .MuiChip-labelSmall';
+'& .MuiChip-labelMedium';
+'& .MuiChip-deleteIconSmall';
+'& .MuiChip-deleteIconMedium';
+'& .MuiChip-deleteIconColorPrimary';
+'& .MuiChip-deleteIconColorSecondary';
+'& .MuiChip-deleteIconFilledColorPrimary';
+'& .MuiChip-deleteIconFilledColorSecondary';
+'& .MuiChip-deleteIconOutlinedColorPrimary';
+'& .MuiChip-deleteIconOutlinedColorSecondary';
+`&.${_Chip.chipClasses.clickableColorPrimary}`;
+`&.${_Chip.chipClasses.clickableColorSecondary}`;
+`&.${_Chip.chipClasses.deletableColorPrimary}`;
+`&.${_Chip.chipClasses.deletableColorSecondary}`;
+`&.${_Chip.chipClasses.outlinedPrimary}`;
+`&.${_Chip.chipClasses.outlinedSecondary}`;
+`&.${_Chip.chipClasses.filledPrimary}`;
+`&.${_Chip.chipClasses.filledSecondary}`;
+`& .${_Chip.chipClasses.avatarSmall}`;
+`& .${_Chip.chipClasses.avatarMedium}`;
+`& .${_Chip.chipClasses.avatarColorPrimary}`;
+`& .${_Chip.chipClasses.avatarColorSecondary}`;
+`& .${_Chip.chipClasses.iconSmall}`;
+`& .${_Chip.chipClasses.iconMedium}`;
+`& .${_Chip.chipClasses.iconColorPrimary}`;
+`& .${_Chip.chipClasses.iconColorSecondary}`;
+`& .${_Chip.chipClasses.labelSmall}`;
+`& .${_Chip.chipClasses.labelMedium}`;
+`& .${_Chip.chipClasses.deleteIconSmall}`;
+`& .${_Chip.chipClasses.deleteIconMedium}`;
+`& .${_Chip.chipClasses.deleteIconColorPrimary}`;
+`& .${_Chip.chipClasses.deleteIconColorSecondary}`;
+`& .${_Chip.chipClasses.deleteIconFilledColorPrimary}`;
+`& .${_Chip.chipClasses.deleteIconFilledColorSecondary}`;
+`& .${_Chip.chipClasses.deleteIconOutlinedColorPrimary}`;
+`& .${_Chip.chipClasses.deleteIconOutlinedColorSecondary}`;

package/node/deprecations/chip-classes/test-cases/expected.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _Chip = require("@mui/material/Chip");
+"&.MuiChip-clickable.MuiChip-colorPrimary";
+"&.MuiChip-clickable.MuiChip-colorSecondary";
+"&.MuiChip-deletable.MuiChip-colorPrimary";
+"&.MuiChip-deletable.MuiChip-colorSecondary";
+"&.MuiChip-outlined.MuiChip-colorPrimary";
+"&.MuiChip-outlined.MuiChip-colorSecondary";
+"&.MuiChip-filled.MuiChip-colorPrimary";
+"&.MuiChip-filled.MuiChip-colorSecondary";
+"&.MuiChip-sizeSmall > .MuiChip-avatar";
+"&.MuiChip-sizeMedium > .MuiChip-avatar";
+"&.MuiChip-colorPrimary > .MuiChip-avatar";
+"&.MuiChip-colorSecondary > .MuiChip-avatar";
+"&.MuiChip-sizeSmall > .MuiChip-icon";
+"&.MuiChip-sizeMedium > .MuiChip-icon";
+"&.MuiChip-colorPrimary > .MuiChip-icon";
+"&.MuiChip-colorSecondary > .MuiChip-icon";
+"&.MuiChip-sizeSmall > .MuiChip-label";
+"&.MuiChip-sizeMedium > .MuiChip-label";
+"&.MuiChip-sizeSmall > .MuiChip-deleteIcon";
+"&.MuiChip-sizeMedium > .MuiChip-deleteIcon";
+"&.MuiChip-colorPrimary > .MuiChip-deleteIcon";
+"&.MuiChip-colorSecondary > .MuiChip-deleteIcon";
+"&.MuiChip-filled.MuiChip-colorPrimary > .MuiChip-deleteIcon";
+"&.MuiChip-filled.MuiChip-colorSecondary > .MuiChip-deleteIcon";
+"&.MuiChip-outlined.MuiChip-colorPrimary > .MuiChip-deleteIcon";
+"&.MuiChip-outlined.MuiChip-colorSecondary > .MuiChip-deleteIcon";
+`&.${_Chip.chipClasses.clickable}.${_Chip.chipClasses.colorPrimary}`;
+`&.${_Chip.chipClasses.clickable}.${_Chip.chipClasses.colorSecondary}`;
+`&.${_Chip.chipClasses.deletable}.${_Chip.chipClasses.colorPrimary}`;
+`&.${_Chip.chipClasses.deletable}.${_Chip.chipClasses.colorSecondary}`;
+`&.${_Chip.chipClasses.outlined}.${_Chip.chipClasses.colorPrimary}`;
+`&.${_Chip.chipClasses.outlined}.${_Chip.chipClasses.colorSecondary}`;
+`&.${_Chip.chipClasses.filled}.${_Chip.chipClasses.colorPrimary}`;
+`&.${_Chip.chipClasses.filled}.${_Chip.chipClasses.colorSecondary}`;
+`&.${_Chip.chipClasses.sizeSmall} > .${_Chip.chipClasses.avatar}`;
+`&.${_Chip.chipClasses.sizeMedium} > .${_Chip.chipClasses.avatar}`;
+`&.${_Chip.chipClasses.colorPrimary} > .${_Chip.chipClasses.avatar}`;
+`&.${_Chip.chipClasses.colorSecondary} > .${_Chip.chipClasses.avatar}`;
+`&.${_Chip.chipClasses.sizeSmall} > .${_Chip.chipClasses.icon}`;
+`&.${_Chip.chipClasses.sizeMedium} > .${_Chip.chipClasses.icon}`;
+`&.${_Chip.chipClasses.colorPrimary} > .${_Chip.chipClasses.icon}`;
+`&.${_Chip.chipClasses.colorSecondary} > .${_Chip.chipClasses.icon}`;
+`&.${_Chip.chipClasses.sizeSmall} > .${_Chip.chipClasses.label}`;
+`&.${_Chip.chipClasses.sizeMedium} > .${_Chip.chipClasses.label}`;
+`&.${_Chip.chipClasses.sizeSmall} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.sizeMedium} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.colorPrimary} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.colorSecondary} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.filled}.${_Chip.chipClasses.colorPrimary} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.filled}.${_Chip.chipClasses.colorSecondary} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.outlined}.${_Chip.chipClasses.colorPrimary} > .${_Chip.chipClasses.deleteIcon}`;
+`&.${_Chip.chipClasses.outlined}.${_Chip.chipClasses.colorSecondary} > .${_Chip.chipClasses.deleteIcon}`;

package/node/deprecations/pagination-item-classes/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 _paginationItemClasses.default;
+  }
+});
+var _paginationItemClasses = _interopRequireDefault(require("./pagination-item-classes"));

package/node/deprecations/pagination-item-classes/pagination-item-classes.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _postcssPlugin = require("./postcss-plugin");
+/**
+ * @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;
+  _postcssPlugin.classes.forEach(({
+    deprecatedClass,
+    replacementSelector
+  }) => {
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(/^@mui\/material\/PaginationItem$/)).forEach(path => {
+      path.node.specifiers.forEach(specifier => {
+        if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'paginationItemClasses') {
+          const deprecatedAtomicClass = deprecatedClass.replace('.MuiPaginationItem-', '');
+          root.find(j.MemberExpression, {
+            object: {
+              name: specifier.local.name
+            },
+            property: {
+              name: deprecatedAtomicClass
+            }
+          }).forEach(memberExpression => {
+            const parent = memberExpression.parentPath.parentPath.value;
+            if (parent.type === j.TemplateLiteral.name) {
+              const memberExpressionIndex = parent.expressions.findIndex(expression => expression === memberExpression.value);
+              const precedingTemplateElement = parent.quasis[memberExpressionIndex];
+              const atomicClasses = replacementSelector.replaceAll('MuiPaginationItem-', '').replaceAll('&.', '').split('.').filter(Boolean);
+              if (precedingTemplateElement.value.raw.endsWith('&.')) {
+                parent.expressions.splice(memberExpressionIndex, 1, j.memberExpression(memberExpression.value.object, j.identifier(atomicClasses[0])), j.memberExpression(memberExpression.value.object, j.identifier(atomicClasses[1])));
+                parent.quasis.splice(memberExpressionIndex, 1, j.templateElement({
+                  raw: precedingTemplateElement.value.raw,
+                  cooked: precedingTemplateElement.value.cooked
+                }, false), j.templateElement({
+                  raw: '.',
+                  cooked: '.'
+                }, false));
+              }
+            }
+          });
+        }
+      });
+    });
+    const selectorRegex = new RegExp(`^&${deprecatedClass}`);
+    root.find(j.Literal, literal => typeof literal.value === 'string' && literal.value.match(selectorRegex)).forEach(path => {
+      path.replace(j.literal(path.value.value.replace(selectorRegex, `&${replacementSelector}`)));
+    });
+  });
+  return root.toSource(printOptions);
+}

package/node/deprecations/pagination-item-classes/postcss-plugin.js

@@ -0,0 +1,39 @@
+"use strict";
+
+const classes = [{
+  deprecatedClass: '.MuiPaginationItem-textPrimary',
+  replacementSelector: '.MuiPaginationItem-text.MuiPaginationItem-colorPrimary'
+}, {
+  deprecatedClass: '.MuiPaginationItem-textSecondary',
+  replacementSelector: '.MuiPaginationItem-text.MuiPaginationItem-colorSecondary'
+}, {
+  deprecatedClass: '.MuiPaginationItem-outlinedPrimary',
+  replacementSelector: '.MuiPaginationItem-outlined.MuiPaginationItem-colorPrimary'
+}, {
+  deprecatedClass: '.MuiPaginationItem-outlinedSecondary',
+  replacementSelector: '.MuiPaginationItem-outlined.MuiPaginationItem-colorSecondary'
+}];
+const plugin = () => {
+  return {
+    postcssPlugin: `Replace deperecated PaginationItem classes with new classes`,
+    Rule(rule) {
+      const {
+        selector
+      } = rule;
+      classes.forEach(({
+        deprecatedClass,
+        replacementSelector
+      }) => {
+        const selectorRegex = new RegExp(`${deprecatedClass}`);
+        if (selector.match(selectorRegex)) {
+          rule.selector = selector.replace(selectorRegex, replacementSelector);
+        }
+      });
+    }
+  };
+};
+plugin.postcss = true;
+module.exports = {
+  plugin,
+  classes
+};

package/node/deprecations/pagination-item-classes/postcss.config.js

@@ -0,0 +1,8 @@
+"use strict";
+
+const {
+  plugin
+} = require('./postcss-plugin');
+module.exports = {
+  plugins: [plugin]
+};

package/node/deprecations/pagination-item-classes/test-cases/actual.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _PaginationItem = require("@mui/material/PaginationItem");
+var _jsxRuntime = require("react/jsx-runtime");
+fn({
+  MuiPaginationItem: {
+    styleOverrides: {
+      root: {
+        '&.MuiPaginationItem-textPrimary': {
+          color: 'red'
+        },
+        '&.MuiPaginationItem-textSecondary': {
+          color: 'red'
+        },
+        '&.MuiPaginationItem-outlinedPrimary': {
+          color: 'red'
+        },
+        '&.MuiPaginationItem-outlinedSecondary': {
+          color: 'red'
+        }
+      }
+    }
+  }
+});
+fn({
+  MuiPaginationItem: {
+    styleOverrides: {
+      root: {
+        [`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
+          color: 'red'
+        }
+      }
+    }
+  }
+});
+styled(Component)(() => {
+  return {
+    '&.MuiPaginationItem-textPrimary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-textSecondary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-outlinedPrimary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-outlinedSecondary': {
+      color: 'red'
+    }
+  };
+});
+styled(Component)(() => {
+  return {
+    [`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
+      color: 'red'
+    }
+  };
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+  sx: {
+    '&.MuiPaginationItem-textPrimary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-textSecondary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-outlinedPrimary': {
+      color: 'red'
+    },
+    '&.MuiPaginationItem-outlinedSecondary': {
+      color: 'red'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+  sx: {
+    [`&.${_PaginationItem.paginationItemClasses.textPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.textSecondary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlinedPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlinedSecondary}`]: {
+      color: 'red'
+    }
+  }
+});

package/node/deprecations/pagination-item-classes/test-cases/expected.js

@@ -0,0 +1,108 @@
+"use strict";
+
+var _PaginationItem = require("@mui/material/PaginationItem");
+var _jsxRuntime = require("react/jsx-runtime");
+fn({
+  MuiPaginationItem: {
+    styleOverrides: {
+      root: {
+        "&.MuiPaginationItem-text.MuiPaginationItem-colorPrimary": {
+          color: 'red'
+        },
+        "&.MuiPaginationItem-text.MuiPaginationItem-colorSecondary": {
+          color: 'red'
+        },
+        "&.MuiPaginationItem-outlined.MuiPaginationItem-colorPrimary": {
+          color: 'red'
+        },
+        "&.MuiPaginationItem-outlined.MuiPaginationItem-colorSecondary": {
+          color: 'red'
+        }
+      }
+    }
+  }
+});
+fn({
+  MuiPaginationItem: {
+    styleOverrides: {
+      root: {
+        [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+          color: 'red'
+        },
+        [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+          color: 'red'
+        }
+      }
+    }
+  }
+});
+styled(Component)(() => {
+  return {
+    "&.MuiPaginationItem-text.MuiPaginationItem-colorPrimary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-text.MuiPaginationItem-colorSecondary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-outlined.MuiPaginationItem-colorPrimary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-outlined.MuiPaginationItem-colorSecondary": {
+      color: 'red'
+    }
+  };
+});
+styled(Component)(() => {
+  return {
+    [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+      color: 'red'
+    }
+  };
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+  sx: {
+    "&.MuiPaginationItem-text.MuiPaginationItem-colorPrimary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-text.MuiPaginationItem-colorSecondary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-outlined.MuiPaginationItem-colorPrimary": {
+      color: 'red'
+    },
+    "&.MuiPaginationItem-outlined.MuiPaginationItem-colorSecondary": {
+      color: 'red'
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+  sx: {
+    [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.text}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorPrimary}`]: {
+      color: 'red'
+    },
+    [`&.${_PaginationItem.paginationItemClasses.outlined}.${_PaginationItem.paginationItemClasses.colorSecondary}`]: {
+      color: 'red'
+    }
+  }
+});

package/node/deprecations/slider-props/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 _sliderProps.default;
+  }
+});
+var _sliderProps = _interopRequireDefault(require("./slider-props"));

package/node/deprecations/slider-props/slider-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: 'Slider'
+  });
+  return root.toSource(printOptions);
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  components: {
+    Track: ComponentsTrack
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  components: {
+    Track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  },
+  componentsProps: {
+    track: componentsTrackProps
+  }
+});

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    track: ComponentsTrack
+  },
+  slotProps: {
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: ComponentsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: componentsTrackProps
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {
+  slots: {
+    rail: SlotsRail,
+    track: SlotsTrack
+  },
+  slotProps: {
+    rail: slotsRailProps,
+    track: slotsTrackProps
+  }
+});

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

@@ -0,0 +1,52 @@
+"use strict";
+
+fn({
+  MuiSlider: {
+    defaultProps: {
+      components: {
+        Track: ComponentsTrack
+      },
+      componentsProps: {
+        track: componentsTrackProps
+      }
+    }
+  }
+});
+fn({
+  MuiSlider: {
+    defaultProps: {
+      components: {
+        Track: ComponentsTrack
+      },
+      slots: {
+        rail: SlotsRail
+      },
+      componentsProps: {
+        track: componentsTrackProps
+      },
+      slotProps: {
+        rail: slotsRailProps
+      }
+    }
+  }
+});
+fn({
+  MuiSlider: {
+    defaultProps: {
+      components: {
+        Track: ComponentsTrack
+      },
+      slots: {
+        rail: SlotsRail,
+        track: SlotsTrack
+      },
+      componentsProps: {
+        track: componentsTrackProps
+      },
+      slotProps: {
+        rail: slotsRailProps,
+        track: slotsTrackProps
+      }
+    }
+  }
+});

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

@@ -0,0 +1,42 @@
+"use strict";
+
+fn({
+  MuiSlider: {
+    defaultProps: {
+      slots: {
+        track: ComponentsTrack
+      },
+      slotProps: {
+        track: componentsTrackProps
+      }
+    }
+  }
+});
+fn({
+  MuiSlider: {
+    defaultProps: {
+      slots: {
+        track: ComponentsTrack,
+        rail: SlotsRail
+      },
+      slotProps: {
+        track: componentsTrackProps,
+        rail: slotsRailProps
+      }
+    }
+  }
+});
+fn({
+  MuiSlider: {
+    defaultProps: {
+      slots: {
+        track: SlotsTrack,
+        rail: SlotsRail
+      },
+      slotProps: {
+        track: slotsTrackProps,
+        rail: slotsRailProps
+      }
+    }
+  }
+});