@mui/x-codemod 8.0.0 → 8.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-codemod",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",

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);
+}