@mui/x-codemod 8.0.0 → 8.2.0

package/README.md

@@ -10,7 +10,7 @@ This repository contains a collection of codemod scripts based for use with
 
 ## Setup & run
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest <codemod> <paths...>
@@ -40,10 +40,10 @@ To pass more options directly to jscodeshift, use `--jscodeshift=...`. For examp
 
 ```bash
 # single option
-npx @mui/x-codemod@next --jscodeshift=--run-in-band
+npx @mui/x-codemod --jscodeshift=--run-in-band
 
 # multiple options
-npx @mui/x-codemod@next --jscodeshift=--cpus=1 --jscodeshift=--print --jscodeshift=--dry --jscodeshift=--verbose=2
+npx @mui/x-codemod --jscodeshift=--cpus=1 --jscodeshift=--print --jscodeshift=--dry --jscodeshift=--verbose=2
 ```
 
 See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
@@ -54,7 +54,7 @@ Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
 through jscodeshift's `printOptions` command line argument
 
 ```bash
-npx @mui/x-codemod@next <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
+npx @mui/x-codemod <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
 ```
 
 ## v8.0.0
@@ -66,7 +66,7 @@ A combination of all important transformers for migrating v7 to v8.
 It runs codemods for all MUI X packages (Data Grid, Date and Time Pickers, Tree View, and Charts).
 To run codemods for a specific package, refer to the respective section.
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/preset-safe <path|folder>
@@ -85,7 +85,7 @@ The corresponding sub-sections are listed below
 
 The `preset-safe` codemods for Tree View.
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/tree-view/preset-safe <path|folder>
@@ -134,7 +134,7 @@ Renames the `TreeItem2` component to `TreeItem` (same for any subcomponents or u
 
 The `preset-safe` codemods for Charts.
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/charts/preset-safe <path|folder>
@@ -315,7 +315,7 @@ If there are cases that the codemod cannot handle, you should see a comment with
 
 The `preset-safe` codemods for Data Grid.
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/preset-safe <path|folder>
@@ -343,7 +343,7 @@ Remove feature flags for stabilized `experimentalFeatures`.
  />
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/remove-stabilized-experimentalFeatures <path>
@@ -367,7 +367,7 @@ The list includes these props:
  />
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/remove-props <path>
@@ -409,7 +409,7 @@ The list includes these props:
  />
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/rename-props <path>
@@ -427,7 +427,7 @@ This codemod renames the imports of the Data Grid components. The list includes
 +import { gridRowSelectionIdsSelector, gridRowSelectionCountSelector } from '@mui/x-data-grid';
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/rename-imports <path>
@@ -450,7 +450,7 @@ Reforms the controlled `rowSelectionModel` prop value to the new one.
  />
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/reform-row-selection-model <path>
@@ -465,7 +465,7 @@ Reorganizes the imports moved from `@mui/x-data-grid-pro` and `@mui/x-data-grid-
 +import { LicenseInfo } from '@mui/x-license';
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/rename-package <path>
@@ -484,7 +484,7 @@ Adds the `showToolbar` prop to the Data Grid components that are using `slots.to
  />
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/data-grid/add-showToolbar-prop <path>
@@ -496,7 +496,7 @@ npx @mui/x-codemod@latest v8.0.0/data-grid/add-showToolbar-prop <path>
 
 The `preset-safe` codemods for Pickers.
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/pickers/preset-safe <path|folder>
@@ -531,7 +531,7 @@ The list includes these transformers
   +import { AdapterDateFnsJalali } from '@mui/x-date-pickers/AdapterDateFnsJalali';
   ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/pickers/rename-adapter-date-fns-imports <path>
@@ -565,7 +565,7 @@ Renames:
  }
 ```
 
-<!-- #default-branch-switch -->
+<!-- #npm-tag-reference -->
 
 ```bash
 npx @mui/x-codemod@latest v8.0.0/pickers/rename-type-imports <path>

package/package.json

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

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

@@ -14,6 +14,7 @@ var _removeExperimentalMarkRendering = _interopRequireDefault(require("../remove
 var _renameLegendPositionType = _interopRequireDefault(require("../rename-legend-position-type"));
 var _removeOnAxisClickHandler = _interopRequireDefault(require("../remove-on-axis-click-handler"));
 var _renameUnstableUseSeries = _interopRequireDefault(require("../rename-unstable-use-series"));
+var _replaceLegendHiddenSlotProp = _interopRequireDefault(require("../replace-legend-hidden-slot-prop"));
 function transformer(file, api, options) {
   file.source = (0, _renameLegendToSlotsLegend.default)(file, api, options);
   file.source = (0, _renameResponsiveChartContainer.default)(file, api, options);
@@ -24,5 +25,6 @@ function transformer(file, api, options) {
   file.source = (0, _renameLegendPositionType.default)(file, api, options);
   file.source = (0, _removeOnAxisClickHandler.default)(file, api, options);
   file.source = (0, _renameUnstableUseSeries.default)(file, api, options);
+  file.source = (0, _replaceLegendHiddenSlotProp.default)(file, api, options);
   return file.source;
 }

package/v8.0.0/charts/replace-legend-hidden-slot-prop/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+/**
+ * @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;
+        }
+        let chartProps = elementPath.value.openingElement.attributes;
+        const slotProps = chartProps?.find(elementNode => elementNode.type === 'JSXAttribute' && elementNode.name.name === 'slotProps');
+        if (slotProps === null) {
+          // No slotProps to manage
+          return;
+        }
+        const legendSlotProps = slotProps?.value?.expression?.properties?.find(v =>
+        // @ts-expect-error
+        v?.key?.name === 'legend'
+        // @ts-expect-error
+        )?.value;
+        const hiddenIndex = legendSlotProps?.properties?.findIndex(v => v?.key?.name === 'hidden');
+        if (hiddenIndex === undefined || hiddenIndex === -1) {
+          return;
+        }
+        const hidden = legendSlotProps?.properties?.[hiddenIndex]?.value;
+        if (!hidden) {
+          return;
+        }
+        legendSlotProps.properties.splice(hiddenIndex, 1);
+        if (slotProps.value?.type === 'JSXExpressionContainer' && legendSlotProps.properties.length === 0) {
+          const slotPropsObject = slotProps.value?.expression;
+          if (slotPropsObject.type === 'ObjectExpression') {
+            slotPropsObject.properties = slotPropsObject.properties.filter(prop => prop.type !== 'ObjectProperty' || prop.key.type !== 'Identifier' || prop.key.name !== 'legend');
+          }
+        }
+        if (slotProps.value?.type === 'JSXExpressionContainer' && slotProps.value.expression.type === 'ObjectExpression' && slotProps.value.expression.properties.length === 0) {
+          chartProps = chartProps?.filter(attr => attr.type !== 'JSXAttribute' || attr.name.name !== 'slotProps');
+        }
+        chartProps?.push(j.jsxAttribute(j.jsxIdentifier('hideLegend'), j.jsxExpressionContainer(hidden)));
+        elementPath.value.openingElement.attributes = chartProps;
+      });
+    });
+  });
+  const transformed = root.findJSXElements();
+  return transformed.toSource(printOptions);
+}