@mui/x-codemod 7.0.0-alpha.2 → 7.0.0-alpha.5

package/README.md

@@ -88,7 +88,8 @@ The list includes these transformers
 
 - [`rename-components-to-slots-pickers`](#rename-components-to-slots-pickers)
 - [`rename-default-calendar-month-to-reference-date`](#rename-default-calendar-month-to-reference-date)
-- [`rename-day-picker-classes`](/rename-day-picker-classes)
+- [`rename-day-picker-classes`](#rename-day-picker-classes)
+- [`rename-slots-types`](#rename-slots-types)
 
 #### `rename-components-to-slots-pickers`
 
@@ -135,6 +136,21 @@ Rename the `dayPickerClasses` variable to `dayCalendarClasses`.
 npx @mui/x-codemod v7.0.0/pickers/rename-day-picker-classes <path>
 ```
 
+#### `rename-slots-types`
+
+Replace types suffix `SlotsComponent` by `Slots` and `SlotsComponentsProps` by `SlotProps`.
+
+```diff
+- DateCalendarSlotsComponent
++ DateCalendarSlots
+- DateCalendarSlotsComponentsProps
++ DateCalendarSlotProps
+```
+
+```bash
+npx @mui/x-codemod v7.0.0/pickers/rename-slots-types <path>
+```
+
 ### Data grid codemods
 
 #### `preset-safe` for data grid v7.0.0
@@ -148,6 +164,7 @@ npx @mui/x-codemod v7.0.0/data-grid/preset-safe <path|folder>
 The list includes these transformers
 
 - [`rename-components-to-slots-data-grid`](#rename-components-to-slots-data-grid)
+- [`rename-cell-selection-props`](#rename-cell-selection-props)
 
 #### `rename-components-to-slots-data-grid`
 
@@ -168,6 +185,25 @@ This change only affects Data Grid components.
 npx @mui/x-codemod v7.0.0/data-grid/rename-components-to-slots <path>
 ```
 
+#### `rename-cell-selection-props`
+
+Rename props related to `cellSelection` feature.
+
+```diff
+ <DataGridPremium
+-  unstable_cellSelection
++  cellSelection
+-  cellSelectionModel={{ 0: { id: true, currencyPair: true, price1M: false } }}
++  cellSelectionModel={{ 0: { id: true, currencyPair: true, price1M: false } }}
+-  unstable_onCellSelectionModelChange={() => {}}
++  onCellSelectionModelChange={() => {}}
+ />;
+```
+
+```bash
+npx @mui/x-codemod v7.0.0/data-grid/rename-cell-selection-props <path>
+```
+
 ## v6.0.0
 
 ### 🚀 `preset-safe` for v6.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-codemod",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.5",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -32,9 +32,9 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.23.3",
-    "@babel/runtime": "^7.23.4",
-    "@babel/traverse": "^7.23.4",
+    "@babel/core": "^7.23.5",
+    "@babel/runtime": "^7.23.5",
+    "@babel/traverse": "^7.23.5",
     "jscodeshift": "0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
     "yargs": "^17.7.2"

package/v6.0.0/pickers/text-props-to-localeText/index.js

@@ -89,7 +89,6 @@ function transformer(file, api, options) {
           // Add the new localeText prop
           j.jsxAttribute(j.jsxIdentifier('localeText'), j.jsxExpressionContainer(j.objectExpression(newLocaleText)))]), j.jsxClosingElement(j.jsxIdentifier('LocalizationProvider')), [path.value] // Pass in the original component as children
           );
-
           j(path).replaceWith(wrappedComponent);
         } else {
           attributes.push(j.jsxAttribute(j.jsxIdentifier('localeText'), j.jsxExpressionContainer(j.objectExpression(newLocaleText))));

package/v7.0.0/data-grid/preset-safe/index.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-var _renameComponentsToSlots = _interopRequireDefault(require("../../../v6.0.0/data-grid/rename-components-to-slots"));
+var _renameComponentsToSlots = _interopRequireDefault(require("../rename-components-to-slots"));
+var _renameCellSelectionProps = _interopRequireDefault(require("../rename-cell-selection-props"));
 function transformer(file, api, options) {
   file.source = (0, _renameComponentsToSlots.default)(file, api, options);
+  file.source = (0, _renameCellSelectionProps.default)(file, api, options);
   return file.source;
 }

package/v7.0.0/data-grid/rename-cell-selection-props/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameProps = _interopRequireDefault(require("../../../util/renameProps"));
+const componentNames = ['DataGridPremium'];
+const props = {
+  unstable_cellSelection: 'cellSelection',
+  unstable_cellSelectionModel: 'cellSelectionModel',
+  unstable_onCellSelectionModelChange: 'onCellSelectionModelChange'
+};
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  return (0, _renameProps.default)({
+    root,
+    j,
+    props,
+    componentNames
+  }).toSource(printOptions);
+}

package/v7.0.0/pickers/preset-safe/index.js

@@ -8,9 +8,11 @@ exports.default = transformer;
 var _renameComponentsToSlots = _interopRequireDefault(require("../rename-components-to-slots"));
 var _renameDefaultCalendarMonthToReferenceDate = _interopRequireDefault(require("../rename-default-calendar-month-to-reference-date"));
 var _renameDayPickerClasses = _interopRequireDefault(require("../rename-day-picker-classes"));
+var _renameSlotsTypes = _interopRequireDefault(require("../rename-slots-types"));
 function transformer(file, api, options) {
   file.source = (0, _renameComponentsToSlots.default)(file, api, options);
   file.source = (0, _renameDefaultCalendarMonthToReferenceDate.default)(file, api, options);
   file.source = (0, _renameDayPickerClasses.default)(file, api, options);
+  file.source = (0, _renameSlotsTypes.default)(file, api, options);
   return file.source;
 }

package/v7.0.0/pickers/rename-slots-types/index.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+const PACKAGE_REGEXP = /@mui\/x-date-pickers(-pro|)(\/(.*)|)/;
+const rename = {
+  DateCalendarSlotsComponent: 'DateCalendarSlots',
+  DateCalendarSlotsComponentsProps: 'DateCalendarSlotProps',
+  DatePickerSlotsComponents: 'DatePickerSlots',
+  DatePickerSlotsComponentsProps: 'DatePickerSlotProps',
+  DateTimePickerSlotsComponents: 'DateTimePickerSlots',
+  DateTimePickerSlotsComponentsProps: 'DateTimePickerSlotProps',
+  DesktopDatePickerSlotsComponent: 'DesktopDatePickerSlots',
+  DesktopDatePickerSlotsComponentsProps: 'DesktopDatePickerSlotProps',
+  DesktopDateTimePickerSlotsComponent: 'DesktopDateTimePickerSlots',
+  DesktopDateTimePickerSlotsComponentsProps: 'DesktopDateTimePickerSlotProps',
+  DesktopTimePickerSlotsComponent: 'DesktopTimePickerSlots',
+  DesktopTimePickerSlotsComponentsProps: 'DesktopTimePickerSlotProps',
+  DigitalClockSlotsComponent: 'DigitalClockSlots',
+  DigitalClockSlotsComponentsProps: 'DigitalClockSlotProps',
+  ExportedPickersLayoutSlotsComponent: 'ExportedPickersLayoutSlots',
+  ExportedPickersLayoutSlotsComponentsProps: 'ExportedPickersLayoutSlotProps',
+  MobileDatePickerSlotsComponent: 'MobileDatePickerSlots',
+  MobileDatePickerSlotsComponentsProps: 'MobileDatePickerSlotProps',
+  MobileDateTimePickerSlotsComponent: 'MobileDateTimePickerSlots',
+  MobileDateTimePickerSlotsComponentsProps: 'MobileDateTimePickerSlotProps',
+  MobileTimePickerSlotsComponent: 'MobileTimePickerSlots',
+  MobileTimePickerSlotsComponentsProps: 'MobileTimePickerSlotProps',
+  MultiSectionDigitalClockSlotsComponent: 'MultiSectionDigitalClockSlots',
+  MultiSectionDigitalClockSlotsComponentsProps: 'MultiSectionDigitalClockSlotProps',
+  PickersCalendarHeaderSlotsComponent: 'PickersCalendarHeaderSlots',
+  PickersCalendarHeaderSlotsComponentsProps: 'PickersCalendarHeaderSlotProps',
+  PickersLayoutSlotsComponent: 'PickersLayoutSlots',
+  PickersLayoutSlotsComponentsProps: 'PickersLayoutSlotProps',
+  StaticDatePickerSlotsComponent: 'StaticDatePickerSlots',
+  StaticDatePickerSlotsComponentsProps: 'StaticDatePickerSlotProps',
+  StaticDateTimePickerSlotsComponent: 'StaticDateTimePickerSlots',
+  StaticDateTimePickerSlotsComponentsProps: 'StaticDateTimePickerSlotProps',
+  StaticTimePickerSlotsComponent: 'StaticTimePickerSlots',
+  StaticTimePickerSlotsComponentsProps: 'StaticTimePickerSlotProps',
+  TimeClockSlotsComponent: 'TimeClockSlots',
+  TimeClockSlotsComponentsProps: 'TimeClockSlotProps',
+  TimePickerSlotsComponents: 'TimePickerSlots',
+  TimePickerSlotsComponentsProps: 'TimePickerSlotProps',
+  DateRangeCalendarSlotsComponent: 'DateRangeCalendarSlots',
+  DateRangeCalendarSlotsComponentsProps: 'DateRangeCalendarSlotProps',
+  DateRangePickerSlotsComponents: 'DateRangePickerSlots',
+  DateRangePickerSlotsComponentsProps: 'DateRangePickerSlotProps',
+  DesktopDateRangePickerSlotsComponent: 'DesktopDateRangePickerSlots',
+  DesktopDateRangePickerSlotsComponentsProps: 'DesktopDateRangePickerSlotProps',
+  MobileDateRangePickerSlotsComponent: 'MobileDateRangePickerSlots',
+  MobileDateRangePickerSlotsComponentsProps: 'MobileDateRangePickerSlotProps',
+  StaticDateRangePickerSlotsComponent: 'StaticDateRangePickerSlots',
+  StaticDateRangePickerSlotsComponentsProps: 'StaticDateRangePickerSlotProps',
+  // Next elements are internal types
+  DayCalendarSlotsComponent: 'DayCalendarSlots',
+  DayCalendarSlotsComponentsProps: 'DayCalendarSlotProps',
+  SingleInputTimeRangeFieldSlotsComponent: 'SingleInputTimeRangeFieldSlots',
+  SingleInputTimeRangeFieldSlotsComponentsProps: 'SingleInputTimeRangeFieldSlotProps',
+  SingleInputDateRangeFieldSlotsComponentsProps: 'SingleInputDateRangeFieldSlotProps',
+  SingleInputDateRangeFieldSlotsComponent: 'SingleInputDateRangeFieldSlots',
+  SingleInputDateTimeRangeFieldSlotsComponent: 'SingleInputDateTimeRangeFieldSlots',
+  SingleInputDateTimeRangeFieldSlotsComponentsProps: 'SingleInputDateTimeRangeFieldSlotProps',
+  UseMobileRangePickerSlotsComponent: 'UseMobileRangePickerSlots',
+  UseMobileRangePickerSlotsComponentsProps: 'UseMobileRangePickerSlotProps',
+  BaseDateRangePickerSlotsComponent: 'BaseDateRangePickerSlots',
+  BaseDateRangePickerSlotsComponentsProps: 'BaseDateRangePickerSlotProps',
+  PickersArrowSwitcherSlotsComponent: 'PickersArrowSwitcherSlots',
+  PickersArrowSwitcherSlotsComponentsProps: 'PickersArrowSwitcherSlotProps',
+  PickersArrowSwitcherComponentsPropsOverrides: 'PickersArrowSwitcherSlotPropsOverrides',
+  UseStaticRangePickerSlotsComponent: 'UseStaticRangePickerSlots',
+  UseStaticRangePickerSlotsComponentsProps: 'UseStaticRangePickerSlotProps',
+  PickersModalDialogSlotsComponent: 'PickersModalDialogSlots',
+  PickersModalDialogSlotsComponentsProps: 'PickersModalDialogSlotProps',
+  RangePickerFieldSlotsComponent: 'RangePickerFieldSlots',
+  RangePickerFieldSlotsComponentsProps: 'RangePickerFieldSlotProps',
+  FieldSlotsComponents: 'FieldSlots',
+  FieldSlotsComponentsProps: 'FieldSlotProps',
+  PickersPopperSlotsComponent: 'PickersPopperSlots',
+  PickersPopperSlotsComponentsProps: 'PickersPopperSlotProps',
+  UseDesktopRangePickerSlotsComponent: 'UseDesktopRangePickerSlots',
+  UseDesktopRangePickerSlotsComponentsProps: 'UseDesktopRangePickerSlotProps',
+  MultiInputFieldSlotRootProps: 'MultiInputFieldSlotRootProps',
+  MultiInputFieldSlotTextFieldProps: 'MultiInputFieldSlotTextFieldProps',
+  UseDesktopPickerSlotsComponent: 'UseDesktopPickerSlots',
+  UseDesktopPickerSlotsComponentsProps: 'UseDesktopPickerSlotProps',
+  ExportedUseDesktopPickerSlotsComponentsProps: 'ExportedUseDesktopPickerSlotProps',
+  BaseDatePickerSlotsComponent: 'BaseDatePickerSlots',
+  BaseDatePickerSlotsComponentsProps: 'BaseDatePickerSlotProps',
+  UseStaticPickerSlotsComponent: 'UseStaticPickerSlots',
+  UseStaticPickerSlotsComponentsProps: 'UseStaticPickerSlotProps',
+  BaseDateTimePickerSlotsComponent: 'BaseDateTimePickerSlots',
+  BaseDateTimePickerSlotsComponentsProps: 'BaseDateTimePickerSlotProps',
+  BaseTimePickerSlotsComponent: 'BaseTimePickerSlots',
+  BaseTimePickerSlotsComponentsProps: 'BaseTimePickerSlotProps',
+  UseMobilePickerSlotsComponent: 'UseMobilePickerSlots',
+  UseMobilePickerSlotsComponentsProps: 'UseMobilePickerSlotProps',
+  ExportedUseMobilePickerSlotsComponentsProps: 'ExportedUseMobilePickerSlotProps',
+  DateTimeFieldSlotsComponent: 'DateTimeFieldSlots',
+  DateTimeFieldSlotsComponentsProps: 'DateTimeFieldSlotProps',
+  TimeFieldSlotsComponent: 'TimeFieldSlots',
+  TimeFieldSlotsComponentsProps: 'TimeFieldSlotProps',
+  DateFieldSlotsComponent: 'DateFieldSlots',
+  DateFieldSlotsComponentsProps: 'DateFieldSlotProps',
+  MultiInputDateRangeFieldSlotsComponent: 'MultiInputDateRangeFieldSlots',
+  MultiInputDateRangeFieldSlotsComponentsProps: 'MultiInputDateRangeFieldSlotProps',
+  MultiInputDateTimeRangeFieldSlotsComponent: 'MultiInputDateTimeRangeFieldSlots',
+  MultiInputDateTimeRangeFieldSlotsComponentsProps: 'MultiInputDateTimeRangeFieldSlotProps',
+  MultiInputTimeRangeFieldSlotsComponent: 'MultiInputTimeRangeFieldSlots',
+  MultiInputTimeRangeFieldSlotsComponentsProps: 'MultiInputTimeRangeFieldSlotProps'
+};
+const matchImport = path => (path.node.source.value?.toString() ?? '').match(PACKAGE_REGEXP);
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  const matchingImports = root.find(j.ImportDeclaration).filter(path => !!matchImport(path));
+
+  // Rename the import specifiers
+  // - import { DayCalendarSlotsComponent } from '@mui/x-date-pickers'
+  // + import { DayCalendarSlots } from '@mui/x-date-pickers'
+  matchingImports.find(j.ImportSpecifier).filter(path => Object.keys(rename).includes(path.node.imported.name)).replaceWith(path => j.importSpecifier(j.identifier(rename[path.node.imported.name]), path.value.local));
+
+  // Rename the import usage
+  // - DayCalendarSlotsComponent
+  // + DayCalendarSlots
+  root.find(j.Identifier).filter(path => Object.keys(rename).includes(path.node.name)).replaceWith(path => j.identifier(rename[path.node.name]));
+  return root.toSource(printOptions);
+}