@mui/x-codemod 8.0.0-alpha.6 → 8.0.0-alpha.7

package/README.md

@@ -143,6 +143,7 @@ npx @mui/x-codemod@next v8.0.0/charts/preset-safe <path|folder>
 The list includes these transformers
 
 - [`rename-legend-to-slots-legend`](#rename-legend-to-slots-legend)
+- [`replace-legend-direction-values`](#replace-legend-direction-values)
 - [`rename-responsive-chart-container`](#rename-responsive-chart-container)
 - [`rename-label-and-tick-font-size`](#rename-label-and-tick-font-size)
 
@@ -157,6 +158,21 @@ Renames legend props to the corresponding slotProps.
  />
 ```
 
+#### `replace-legend-direction-values`
+
+Replace `row` and `column` values by `horizontal` and `vertical` respectively.
+
+```diff
+ <BarChart
+    slotProps={{
+      legend: {
+-        direction: "row"
++        direction: "horizontal"
+      }
+    }}
+ />
+```
+
 #### `rename-responsive-chart-container`
 
 Renames `ResponsiveChartContainer` and `ResponsiveChartContainerPro` by `ChartContainer` and `ChartContainerPro` which have the same behavior in v8.
@@ -172,17 +188,15 @@ Renames `ResponsiveChartContainer` and `ResponsiveChartContainerPro` by `ChartCo
 +</ChartContainer>
 ```
 
-:::warning
-If you imported both `ResponsiveChartContainer` and `ChartContainer` in the same file, you might end up with duplicated import.
-Verify the git diff to remove the duplicate.
-
-```diff
- import { ChartContainer } from '@mui/x-charts/ChartContainer';
--import { ResponsiveChartContainer } from '@mui/x-charts/ResponsiveChartContainer';
-+import { ChartContainer } from '@mui/x-charts/ChartContainer';
-```
-
-:::
+> [!WARNING]
+> If you imported both `ResponsiveChartContainer` and `ChartContainer` in the same file, you might end up with duplicated import.
+> Verify the git diff to remove the duplicate.
+>
+> ```diff
+>  import { ChartContainer } from '@mui/x-charts/ChartContainer';
+> -import { ResponsiveChartContainer } from '@mui/x-charts/ResponsiveChartContainer';
+> +import { ChartContainer } from '@mui/x-charts/ChartContainer';
+> ```
 
 #### `rename-label-and-tick-font-size`
 
@@ -249,8 +263,39 @@ npx @mui/x-codemod@next v8.0.0/pickers/preset-safe <path|folder>
 
 The list includes these transformers
 
+- [`rename-adapter-date-fns-imports`](#rename-adapter-date-fns-imports)
 - [`rename-and-move-field-value-type`](#rename-and-move-field-value-type)
 
+#### `rename-adapter-date-fns-imports`
+
+> [!WARNING]
+> This codemod is not idempotent. Running it multiple times will rename the imports back and forth.
+> Usage of `AdapterDateFnsV3` would be replaced by `AdapterDateFns` and a subsequent run would rename it to `AdapterDateFnsV2`.
+
+- Renames `AdapterDateFns` and `AdapterDateFnsJalali` imports to `AdapterDateFnsV2` and `AdapterDateFnsJalaliV2` respectfully.
+
+  ```diff
+  -import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+  -import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';
+  +import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV2';
+  +import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalaliV2';
+  ```
+
+- Renames `AdapterDateFnsV3` and `AdapterDateFnsJalaliV3` imports to `AdapterDateFns` and `AdapterDateFnsJalali` respectfully.
+
+  ```diff
+  -import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+  -import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalaliV3';
+  +import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+  +import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';
+  ```
+
+<!-- #default-branch-switch -->
+
+```bash
+npx @mui/x-codemod@next v8.0.0/pickers/rename-adapter-date-fns-imports <path>
+```
+
 #### `rename-and-move-field-value-type`
 
 Renames `FieldValueType` to `PickerValueType`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-codemod",
-  "version": "8.0.0-alpha.6",
+  "version": "8.0.0-alpha.7",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -30,7 +30,7 @@
     "@babel/traverse": "^7.26.4",
     "jscodeshift": "17.1.1",
     "yargs": "^17.7.2",
-    "@mui/x-internals": "8.0.0-alpha.6"
+    "@mui/x-internals": "8.0.0-alpha.7"
   },
   "devDependencies": {
     "@types/jscodeshift": "^0.12.0",

package/v8.0.0/charts/preset-safe/index.js

@@ -8,9 +8,12 @@ exports.default = transformer;
 var _renameLegendToSlotsLegend = _interopRequireDefault(require("../rename-legend-to-slots-legend"));
 var _renameResponsiveChartContainer = _interopRequireDefault(require("../rename-responsive-chart-container"));
 var _renameLabelAndTickFontSize = _interopRequireDefault(require("../rename-label-and-tick-font-size"));
+var _replaceLegendDirectionValues = _interopRequireDefault(require("../replace-legend-direction-values"));
 function transformer(file, api, options) {
   file.source = (0, _renameLegendToSlotsLegend.default)(file, api, options);
   file.source = (0, _renameResponsiveChartContainer.default)(file, api, options);
   file.source = (0, _renameLabelAndTickFontSize.default)(file, api, options);
+  file.source = (0, _renameLabelAndTickFontSize.default)(file, api, options);
+  file.source = (0, _replaceLegendDirectionValues.default)(file, api, options);
   return file.source;
 }

package/v8.0.0/charts/replace-legend-direction-values/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _addComponentsSlots = require("../../../util/addComponentsSlots");
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions;
+  const root = j(file.source);
+  root.find(j.ImportDeclaration).filter(({
+    node
+  }) => {
+    return typeof node.source.value === 'string' && node.source.value.startsWith('@mui/x-charts');
+  }).forEach(path => {
+    path.node.specifiers?.forEach(node => {
+      root.findJSXElements(node.local?.name).forEach(elementPath => {
+        if (elementPath.node.type !== 'JSXElement') {
+          return;
+        }
+        const slotProps = elementPath.node.openingElement.attributes?.find(elementNode => elementNode.type === 'JSXAttribute' && elementNode.name.name === 'slotProps');
+        if (slotProps === null) {
+          // No slotProps to manage
+          return;
+        }
+        const direction = slotProps?.value?.expression?.properties
+        // @ts-expect-error
+        ?.find(v => v?.key?.name === 'legend')
+        // @ts-expect-error
+        ?.value?.properties?.find(v => v?.key?.name === 'direction');
+        if (direction === undefined || direction?.value === undefined || direction?.value?.value === undefined) {
+          return;
+        }
+        const directionValue = direction.value;
+        directionValue.value = mapFix(directionValue.value);
+        (0, _addComponentsSlots.transformNestedProp)(elementPath, 'slotProps', 'legend.direction', directionValue, j);
+      });
+    });
+  });
+  const transformed = root.findJSXElements();
+  return transformed.toSource(printOptions);
+}
+function mapFix(v) {
+  switch (v) {
+    case 'row':
+      return 'horizontal';
+    case 'column':
+      return 'vertical';
+    default:
+      return v;
+  }
+}

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

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
+var _renameAdapterDateFnsImports = _interopRequireDefault(require("../rename-adapter-date-fns-imports"));
 var _renameAndMoveFieldValueType = _interopRequireDefault(require("../rename-and-move-field-value-type"));
 function transformer(file, api, options) {
+  file.source = (0, _renameAdapterDateFnsImports.default)(file, api, options);
   file.source = (0, _renameAndMoveFieldValueType.default)(file, api, options);
   return file.source;
 }

package/v8.0.0/pickers/rename-adapter-date-fns-imports/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameImports = require("../../../util/renameImports");
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  (0, _renameImports.renameImports)({
+    j,
+    root,
+    packageNames: ['@mui/x-date-pickers', '@mui/x-date-pickers-pro'],
+    imports: [{
+      oldEndpoint: 'AdapterDateFns',
+      newEndpoint: 'AdapterDateFnsV2',
+      importsMapping: {
+        AdapterDateFns: 'AdapterDateFns'
+      }
+    }, {
+      oldEndpoint: 'AdapterDateFnsV3',
+      newEndpoint: 'AdapterDateFns',
+      importsMapping: {
+        AdapterDateFns: 'AdapterDateFns'
+      }
+    }, {
+      oldEndpoint: 'AdapterDateFnsJalali',
+      newEndpoint: 'AdapterDateFnsJalaliV2',
+      importsMapping: {
+        AdapterDateFnsJalali: 'AdapterDateFnsJalali'
+      }
+    }, {
+      oldEndpoint: 'AdapterDateFnsJalaliV3',
+      newEndpoint: 'AdapterDateFnsJalali',
+      importsMapping: {
+        AdapterDateFnsJalali: 'AdapterDateFnsJalali'
+      }
+    }]
+  });
+  return root.toSource(printOptions);
+}