@mui/x-codemod 9.0.0-alpha.4 → 9.0.0

package/v9.0.0/pickers/rename-picker-classes/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+exports.testConfig = void 0;
+var _path = _interopRequireDefault(require("path"));
+var _readFile = _interopRequireDefault(require("../../../util/readFile"));
+var _renameClasses = require("../../../util/renameClasses");
+const classRenames = {
+  outsideCurrentMonth: 'dayOutsideMonth',
+  hiddenDayFiller: 'fillerCell',
+  hiddenDaySpacingFiller: 'fillerCell',
+  rangeIntervalDayHighlightStart: 'selectionStart',
+  rangeIntervalDayHighlightEnd: 'selectionEnd',
+  rangeIntervalDayPreviewStart: 'previewStart',
+  rangeIntervalDayPreviewEnd: 'previewEnd',
+  dayInsideRangeInterval: 'insideSelection',
+  rangeIntervalPreview: 'insidePreviewing',
+  rangeIntervalDayHighlight: 'selectionStart',
+  rangeIntervalDayPreview: 'previewStart'
+};
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  (0, _renameClasses.renameClasses)({
+    j,
+    root,
+    packageNames: ['@mui/x-date-pickers', '@mui/x-date-pickers-pro'],
+    classes: {
+      dateRangePickerDayClasses: {
+        newClassName: 'dateRangePickerDayClasses',
+        properties: classRenames
+      },
+      pickerDayClasses: {
+        newClassName: 'pickerDayClasses',
+        properties: classRenames
+      },
+      pickersDayClasses: {
+        newClassName: 'pickerDayClasses',
+        properties: classRenames
+      }
+    }
+  });
+
+  // Rename properties in styleOverrides
+  const componentsToHandle = ['MuiDateRangePickerDay', 'MuiPickerDay', 'MuiPickersDay'];
+  root.find(j.ObjectProperty).forEach(objPropPath => {
+    const keyName = objPropPath.node.key.type === 'Identifier' ? objPropPath.node.key.name : objPropPath.node.key.value;
+    if (componentsToHandle.includes(keyName) && objPropPath.node.value.type === 'ObjectExpression') {
+      j(objPropPath.node.value).find(j.ObjectProperty).filter(p => {
+        const k = p.node.key.type === 'Identifier' ? p.node.key.name : p.node.key.value;
+        return k === 'styleOverrides';
+      }).forEach(styleOverridesPath => {
+        if (styleOverridesPath.node.value.type === 'ObjectExpression') {
+          const seenProperties = new Map();
+          const indicesToRemove = new Set();
+          styleOverridesPath.node.value.properties.forEach((prop, index) => {
+            if (prop.type === 'ObjectProperty') {
+              const propKey = prop.key.type === 'Identifier' ? prop.key.name : prop.key.value;
+              const newKey = classRenames[propKey];
+              if (newKey) {
+                if (seenProperties.has(newKey)) {
+                  const firstProp = seenProperties.get(newKey);
+                  if (firstProp.value.type === 'ObjectExpression' && prop.value.type === 'ObjectExpression') {
+                    firstProp.value.properties.push(...prop.value.properties);
+                  }
+                  indicesToRemove.add(index);
+                } else {
+                  if (prop.key.type === 'Identifier') {
+                    prop.key.name = newKey;
+                  } else if (prop.key.type === 'StringLiteral') {
+                    prop.key.value = newKey;
+                  }
+                  seenProperties.set(newKey, prop);
+                }
+              }
+            }
+          });
+          styleOverridesPath.node.value.properties = styleOverridesPath.node.value.properties.filter((_, index) => !indicesToRemove.has(index));
+        }
+      });
+    }
+  });
+
+  // Rename class names in strings and template literals.
+  // Only replace within known MUI component CSS class prefixes to avoid false positives.
+  const muiClassPrefixes = componentsToHandle.map(c => `${c}-`);
+  const replaceClasses = value => {
+    let newValue = value;
+    muiClassPrefixes.forEach(prefix => {
+      Object.keys(classRenames).forEach(oldClass => {
+        const newClass = classRenames[oldClass];
+        newValue = newValue.replace(new RegExp(`${prefix}${oldClass}\\b`, 'g'), `${prefix}${newClass}`);
+      });
+    });
+    return newValue;
+  };
+  root.find(j.StringLiteral).forEach(strPath => {
+    strPath.node.value = replaceClasses(strPath.node.value);
+  });
+  root.find(j.TemplateLiteral).forEach(templatePath => {
+    templatePath.node.quasis.forEach(quasi => {
+      quasi.value.raw = replaceClasses(quasi.value.raw);
+      if (quasi.value.cooked) {
+        quasi.value.cooked = replaceClasses(quasi.value.cooked);
+      }
+    });
+  });
+  return root.toSource(printOptions);
+}
+const testConfig = () => ({
+  name: 'rename-picker-classes',
+  specFiles: [{
+    name: 'rename PickerDay and DateRangePickerDay class keys',
+    actual: (0, _readFile.default)(_path.default.join(__dirname, 'actual.spec.tsx')),
+    expected: (0, _readFile.default)(_path.default.join(__dirname, 'expected.spec.tsx'))
+  }]
+});
+exports.testConfig = testConfig;

package/v9.0.0/pickers/rename-picker-day-2/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+exports.testConfig = void 0;
+var _path = _interopRequireDefault(require("path"));
+var _readFile = _interopRequireDefault(require("../../../util/readFile"));
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const renames = {
+    PickerDay2: 'PickerDay',
+    PickerDay2Props: 'PickerDayProps',
+    pickerDay2Classes: 'pickerDayClasses',
+    PickerDay2ClassKey: 'PickerDayClassKey',
+    PickerDay2Slots: 'PickerDaySlots',
+    PickerDay2SlotProps: 'PickerDaySlotProps',
+    PickerDay2OwnerState: 'PickerDayOwnerState',
+    DateRangePickerDay2: 'DateRangePickerDay',
+    DateRangePickerDay2Props: 'DateRangePickerDayProps',
+    dateRangePickerDay2Classes: 'dateRangePickerDayClasses',
+    DateRangePickerDay2ClassKey: 'DateRangePickerDayClassKey',
+    DateRangePickerDay2Slots: 'DateRangePickerDaySlots',
+    DateRangePickerDay2SlotProps: 'DateRangePickerDaySlotProps',
+    DateRangePickerDay2OwnerState: 'DateRangePickerDayOwnerState'
+  };
+  const renameKeys = Object.keys(renames);
+
+  // Rename imports and usages
+  renameKeys.forEach(oldName => {
+    const newName = renames[oldName];
+    root.find(j.Identifier, {
+      name: oldName
+    }).forEach(keyPath => {
+      // Avoid renaming property keys in objects unless they are shorthand or identifiers in other contexts
+      if (keyPath.parent.value.type === 'Property' && keyPath.parent.value.key === keyPath.node && !keyPath.parent.value.shorthand) {
+        return;
+      }
+      // Avoid renaming member expressions like something.PickerDay2
+      if (keyPath.parent.value.type === 'MemberExpression' && keyPath.parent.value.property === keyPath.node && !keyPath.parent.value.computed) {
+        return;
+      }
+      j(keyPath).replaceWith(j.identifier(newName));
+    });
+  });
+
+  // Rename theme components in createTheme / theme augmentation
+  root.find(j.Identifier, {
+    name: 'MuiPickerDay2'
+  }).forEach(keyPath => {
+    j(keyPath).replaceWith(j.identifier('MuiPickerDay'));
+  });
+  root.find(j.Identifier, {
+    name: 'MuiDateRangePickerDay2'
+  }).forEach(keyPath => {
+    j(keyPath).replaceWith(j.identifier('MuiDateRangePickerDay'));
+  });
+
+  // Also handle string literals and template literals
+  const replaceClass = value => value.replace(/MuiPickerDay2\b/g, 'MuiPickerDay').replace(/MuiDateRangePickerDay2\b/g, 'MuiDateRangePickerDay');
+  root.find(j.StringLiteral).forEach(keyPath => {
+    if (keyPath.value.value.includes('MuiPickerDay2') || keyPath.value.value.includes('MuiDateRangePickerDay2')) {
+      j(keyPath).replaceWith(j.stringLiteral(replaceClass(keyPath.value.value)));
+    }
+  });
+  root.find(j.TemplateLiteral).forEach(keyPath => {
+    keyPath.value.quasis.forEach(quasi => {
+      if (quasi.value.raw.includes('MuiPickerDay2') || quasi.value.raw.includes('MuiDateRangePickerDay2')) {
+        quasi.value.raw = replaceClass(quasi.value.raw);
+      }
+      if (quasi.value.cooked && (quasi.value.cooked.includes('MuiPickerDay2') || quasi.value.cooked.includes('MuiDateRangePickerDay2'))) {
+        quasi.value.cooked = replaceClass(quasi.value.cooked);
+      }
+    });
+  });
+
+  // Update import sources
+  root.find(j.ImportDeclaration).forEach(importPath => {
+    if (typeof importPath.value.source.value === 'string') {
+      if (importPath.value.source.value.includes('/PickerDay2')) {
+        importPath.value.source.value = importPath.value.source.value.replace('/PickerDay2', '/PickerDay');
+      }
+      if (importPath.value.source.value.includes('/DateRangePickerDay2')) {
+        importPath.value.source.value = importPath.value.source.value.replace('/DateRangePickerDay2', '/DateRangePickerDay');
+      }
+    }
+  });
+  return root.toSource(printOptions);
+}
+const testConfig = () => ({
+  name: 'rename-picker-day-2',
+  specFiles: [{
+    name: 'rename PickerDay2 and DateRangePickerDay2 to PickerDay and DateRangePickerDay',
+    actual: (0, _readFile.default)(_path.default.join(__dirname, 'actual.spec.tsx')),
+    expected: (0, _readFile.default)(_path.default.join(__dirname, 'expected.spec.tsx'))
+  }]
+});
+exports.testConfig = testConfig;

package/v9.0.0/pickers/rename-pickers-day/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+exports.testConfig = void 0;
+var _path = _interopRequireDefault(require("path"));
+var _readFile = _interopRequireDefault(require("../../../util/readFile"));
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const renames = {
+    PickersDay: 'PickerDay',
+    PickersDayProps: 'PickerDayProps',
+    pickersDayClasses: 'pickerDayClasses',
+    PickersDayClassKey: 'PickerDayClassKey',
+    PickersDaySlots: 'PickerDaySlots',
+    PickersDaySlotProps: 'PickerDaySlotProps',
+    PickersDayOwnerState: 'PickerDayOwnerState'
+  };
+  const renameKeys = Object.keys(renames);
+
+  // Rename imports and usages
+  renameKeys.forEach(oldName => {
+    const newName = renames[oldName];
+    root.find(j.Identifier, {
+      name: oldName
+    }).forEach(keyPath => {
+      // Avoid renaming property keys in objects unless they are shorthand or identifiers in other contexts
+      if (keyPath.parent.value.type === 'Property' && keyPath.parent.value.key === keyPath.node && !keyPath.parent.value.shorthand) {
+        return;
+      }
+      // Avoid renaming member expressions like something.PickersDay
+      if (keyPath.parent.value.type === 'MemberExpression' && keyPath.parent.value.property === keyPath.node && !keyPath.parent.value.computed) {
+        return;
+      }
+      j(keyPath).replaceWith(j.identifier(newName));
+    });
+  });
+
+  // Rename theme components in createTheme / theme augmentation
+  root.find(j.Identifier, {
+    name: 'MuiPickersDay'
+  }).forEach(keyPath => {
+    j(keyPath).replaceWith(j.identifier('MuiPickerDay'));
+  });
+
+  // Also handle string literals and template literals for MuiPickersDay if any (e.g. in theme overrides or sx)
+  const replaceClass = value => value.replace(/MuiPickersDay\b/g, 'MuiPickerDay');
+  root.find(j.StringLiteral).forEach(keyPath => {
+    if (keyPath.value.value.includes('MuiPickersDay')) {
+      j(keyPath).replaceWith(j.stringLiteral(replaceClass(keyPath.value.value)));
+    }
+  });
+  root.find(j.TemplateLiteral).forEach(keyPath => {
+    keyPath.value.quasis.forEach(quasi => {
+      if (quasi.value.raw.includes('MuiPickersDay')) {
+        quasi.value.raw = replaceClass(quasi.value.raw);
+      }
+      if (quasi.value.cooked && quasi.value.cooked.includes('MuiPickersDay')) {
+        quasi.value.cooked = replaceClass(quasi.value.cooked);
+      }
+    });
+  });
+
+  // Update import sources if they point to PickersDay (though usually they point to @mui/x-date-pickers)
+  root.find(j.ImportDeclaration).forEach(importPath => {
+    if (typeof importPath.value.source.value === 'string') {
+      if (importPath.value.source.value.includes('/PickersDay')) {
+        importPath.value.source.value = importPath.value.source.value.replace('/PickersDay', '/PickerDay');
+      }
+    }
+  });
+  return root.toSource(printOptions);
+}
+const testConfig = () => ({
+  name: 'rename-pickers-day',
+  specFiles: [{
+    name: 'rename PickersDay to PickerDay and related types',
+    actual: (0, _readFile.default)(_path.default.join(__dirname, 'actual.spec.tsx')),
+    expected: (0, _readFile.default)(_path.default.join(__dirname, 'expected.spec.tsx'))
+  }]
+});
+exports.testConfig = testConfig;