@mui/x-codemod 7.0.0-beta.7 → 7.6.0

package/README.md

@@ -13,7 +13,7 @@ This repository contains a collection of codemod scripts based for use with
 <!-- #default-branch-switch -->
 
 ```bash
-npx @mui/x-codemod@next <codemod> <paths...>
+npx @mui/x-codemod@latest <codemod> <paths...>
 
 Applies a `@mui/x-codemod` to the specified paths
 
@@ -29,7 +29,7 @@ Options:
   --jscodeshift Pass options directly to jscodeshift                  [array]
 
 Examples:
-  npx @mui/x-codemod@latest v6.0.0/preset-safe src
+  npx @mui/x-codemod@latest v7.0.0/preset-safe src
   npx @mui/x-codemod@latest v6.0.0/component-rename-prop src --
   --component=DataGrid --from=prop --to=newProp
 ```
@@ -40,9 +40,9 @@ 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@latest --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@latest --jscodeshift=--cpus=1 --jscodeshift=--print --jscodeshift=--dry --jscodeshift=--verbose=2
 ```
 
 See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
@@ -53,7 +53,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@latest <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
 ```
 
 ## v7.0.0
@@ -66,7 +66,7 @@ It runs codemods for both Data Grid and Date and Time Pickers packages.
 To run codemods for a specific package, refer to the respective section.
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/preset-safe <path|folder>
+npx @mui/x-codemod@latest v7.0.0/preset-safe <path|folder>
 ```
 
 The corresponding sub-sections are listed below
@@ -82,7 +82,7 @@ The corresponding sub-sections are listed below
 The `preset-safe` codemods for pickers.
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/pickers/preset-safe <path|folder>
+npx @mui/x-codemod@latest v7.0.0/pickers/preset-safe <path|folder>
 ```
 
 The list includes these transformers
@@ -108,7 +108,7 @@ This change only affects Date and Time Picker components.
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/pickers/rename-components-to-slots <path>
+npx @mui/x-codemod@latest v7.0.0/pickers/rename-components-to-slots <path>
 ```
 
 #### `rename-default-calendar-month-to-reference-date`
@@ -121,7 +121,7 @@ Replace the `defaultCalendarMonth` prop with the `referenceDate` prop.
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/pickers/rename-default-calendar-month-to-reference-date <path>
+npx @mui/x-codemod@latest v7.0.0/pickers/rename-default-calendar-month-to-reference-date <path>
 ```
 
 #### `rename-day-picker-classes`
@@ -134,7 +134,7 @@ Rename the `dayPickerClasses` variable to `dayCalendarClasses`.
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/pickers/rename-day-picker-classes <path>
+npx @mui/x-codemod@latest v7.0.0/pickers/rename-day-picker-classes <path>
 ```
 
 #### `rename-slots-types`
@@ -149,7 +149,7 @@ Replace types suffix `SlotsComponent` by `Slots` and `SlotsComponentsProps` by `
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/pickers/rename-slots-types <path>
+npx @mui/x-codemod@latest v7.0.0/pickers/rename-slots-types <path>
 ```
 
 ### Data Grid codemods
@@ -159,13 +159,14 @@ npx @mui/x-codemod@next v7.0.0/pickers/rename-slots-types <path>
 The `preset-safe` codemods for data grid.
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/data-grid/preset-safe <path|folder>
+npx @mui/x-codemod@latest 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)
+- [`remove-stabilized-v7-experimentalFeatures`](#remove-stabilized-v7-experimentalFeatures)
 
 #### `rename-components-to-slots-data-grid`
 
@@ -183,7 +184,7 @@ This change only affects Data Grid components.
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/data-grid/rename-components-to-slots <path>
+npx @mui/x-codemod@latest v7.0.0/data-grid/rename-components-to-slots <path>
 ```
 
 #### `rename-cell-selection-props`
@@ -202,7 +203,26 @@ Rename props related to `cellSelection` feature.
 ```
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/data-grid/rename-cell-selection-props <path>
+npx @mui/x-codemod@latest v7.0.0/data-grid/rename-cell-selection-props <path>
+```
+
+#### `remove-stabilized-v7-experimentalFeatures`
+
+Remove feature flags for stabilized `experimentalFeatures`.
+
+```diff
+ <DataGrid
+-  experimentalFeatures={{
+-    lazyLoading: true,
+-    ariaV7: true,
+-    clipboardPaste: true,
+-    columnGrouping: true,
+-  }}
+ />
+```
+
+```bash
+npx @mui/x-codemod@latest v7.0.0/data-grid/remove-stabilized-experimentalFeatures <path>
 ```
 
 ### Tree View codemods
@@ -212,7 +232,7 @@ npx @mui/x-codemod@next v7.0.0/data-grid/rename-cell-selection-props <path>
 The `preset-safe` codemods for tree view.
 
 ```bash
-npx @mui/x-codemod@next v7.0.0/tree-view/preset-safe <path|folder>
+npx @mui/x-codemod@latest v7.0.0/tree-view/preset-safe <path|folder>
 ```
 
 The list includes these transformers
@@ -223,6 +243,7 @@ The list includes these transformers
 - [`rename-selection-props`](#rename-selection-props)
 - [`replace-transition-props-by-slot`](#replace-transition-props-by-slot)
 - [`rename-focus-callback`](#rename-focus-callback)
+- [`rename-nodeid`](#rename-nodeid)
 
 #### `rename-tree-view-simple-tree-view`
 
@@ -238,7 +259,7 @@ Renames the `TreeView` component to `SimpleTreeView`
    return (
 -    <TreeView>
 +    <SimpleTreeView>
-       <TreeItem nodeId="1" label="First item" />
+       <TreeItem itemId="1" label="First item" />
 -    </TreeView>
 +    </SimpleTreeView>
    );
@@ -253,8 +274,8 @@ Renames the `useTreeItem` hook to `useTreeItemState`
 +import { TreeItem, useTreeItemState } from '@mui/x-tree-view/TreeItem';
 
  const CustomContent = React.forwardRef((props, ref) => {
--  const { disabled } = useTreeItem(props.nodeId);
-+  const { disabled } = useTreeItemState(props.nodeId);
+-  const { disabled } = useTreeItem(props.itemId);
++  const { disabled } = useTreeItemState(props.itemId);
 
    // Render some UI
  });
@@ -327,6 +348,16 @@ Replace the `onNodeFocus` callback with `onItemFocus`:
  />
 ```
 
+#### `rename-nodeid`
+
+Rename nodeId to itemId
+
+```diff
+ <TreeItem
+-  nodeId='unique-id'
++  itemId='unique-id'
+```
+
 ## v6.0.0
 
 ### 🚀 `preset-safe` for v6.0.0

package/codemod.js

@@ -65,7 +65,7 @@ function run(argv) {
     parser
   }, other || []);
 }
-_yargs.default.command({
+(0, _yargs.default)(process.argv.slice(2)).command({
   command: '$0 <codemod> <paths...>',
   describe: 'Applies a `@mui/x-codemod` to the specified paths',
   builder: command => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-codemod",
-  "version": "7.0.0-beta.7",
+  "version": "7.6.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -13,13 +13,6 @@
     "codemod",
     "jscodeshift"
   ],
-  "scripts": {
-    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/x-codemod/**/*.test.ts'",
-    "typescript": "tsc -p tsconfig.json",
-    "prebuild": "rimraf build",
-    "copy-files": "cpy README.md build && cpy package.json build",
-    "build": "node ../../scripts/build.mjs node --ignore 'src/types.ts' && yarn copy-files"
-  },
   "repository": {
     "type": "git",
     "url": "https://github.com/mui/mui-x.git",
@@ -32,21 +25,32 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/runtime": "^7.24.0",
-    "@babel/traverse": "^7.24.0",
+    "@babel/core": "^7.24.6",
+    "@babel/runtime": "^7.24.6",
+    "@babel/traverse": "^7.24.6",
     "jscodeshift": "0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@types/jscodeshift": "^0.11.5"
+    "@types/jscodeshift": "^0.11.5",
+    "dayjs": "^1.11.11",
+    "moment-timezone": "^0.5.45",
+    "rimraf": "^5.0.7"
   },
   "sideEffects": false,
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "build"
   },
   "engines": {
     "node": ">=14.0.0"
+  },
+  "scripts": {
+    "test": "cd ../../ && cross-env NODE_ENV=test mocha 'packages/x-codemod/**/*.test.ts'",
+    "typescript": "tsc -p tsconfig.json",
+    "prebuild": "rimraf build",
+    "copy-files": "cpy README.md build && cpy package.json build",
+    "build": "node ../../scripts/build.mjs node --ignore 'src/types.ts' && pnpm copy-files"
   }
-}
+}

package/v6.0.0/data-grid/rename-linkOperators-logicOperators/index.js

@@ -8,7 +8,7 @@ exports.default = transform;
 var _renameCSSClasses = _interopRequireDefault(require("../../../util/renameCSSClasses"));
 var _renameIdentifiers = _interopRequireWildcard(require("../../../util/renameIdentifiers"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const renamedIdentifiers = {
   GridLinkOperator: 'GridLogicOperator',
   linkOperatorInputProps: 'logicOperatorInputProps',

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

@@ -7,8 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = transformer;
 var _renameComponentsToSlots = _interopRequireDefault(require("../rename-components-to-slots"));
 var _renameCellSelectionProps = _interopRequireDefault(require("../rename-cell-selection-props"));
+var _removeStabilizedExperimentalFeatures = _interopRequireDefault(require("../remove-stabilized-experimentalFeatures"));
 function transformer(file, api, options) {
   file.source = (0, _renameComponentsToSlots.default)(file, api, options);
   file.source = (0, _renameCellSelectionProps.default)(file, api, options);
+  file.source = (0, _removeStabilizedExperimentalFeatures.default)(file, api, options);
   return file.source;
 }

package/v7.0.0/data-grid/remove-stabilized-experimentalFeatures/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _removeObjectProperty = _interopRequireDefault(require("../../../util/removeObjectProperty"));
+const componentsNames = ['DataGrid', 'DataGridPro', 'DataGridPremium'];
+const propName = 'experimentalFeatures';
+const propKeys = ['columnGrouping', 'clipboardPaste', 'lazyLoading', 'ariaV7'];
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions || {
+    quote: 'single',
+    trailingComma: true
+  };
+  propKeys.forEach(propKey => {
+    (0, _removeObjectProperty.default)({
+      root,
+      j,
+      propName,
+      componentsNames,
+      propKey
+    });
+  });
+  return root.toSource(printOptions);
+}

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

@@ -10,7 +10,9 @@ const componentNames = ['DataGridPremium'];
 const props = {
   unstable_cellSelection: 'cellSelection',
   unstable_cellSelectionModel: 'cellSelectionModel',
-  unstable_onCellSelectionModelChange: 'onCellSelectionModelChange'
+  unstable_onCellSelectionModelChange: 'onCellSelectionModelChange',
+  unstable_ignoreValueFormatterDuringExport: 'ignoreValueFormatterDuringExport',
+  unstable_splitClipboardPastedText: 'splitClipboardPastedText'
 };
 function transformer(file, api, options) {
   const j = api.jscodeshift;

package/v7.0.0/tree-view/preset-safe/index.js

@@ -8,6 +8,7 @@ exports.default = transformer;
 var _renameExpansionProps = _interopRequireDefault(require("../rename-expansion-props"));
 var _renameSelectionProps = _interopRequireDefault(require("../rename-selection-props"));
 var _renameFocusCallback = _interopRequireDefault(require("../rename-focus-callback"));
+var _renameNodeid = _interopRequireDefault(require("../rename-nodeid"));
 var _replaceTransitionPropsBySlot = _interopRequireDefault(require("../replace-transition-props-by-slot"));
 var _renameUseTreeItem = _interopRequireDefault(require("../rename-use-tree-item"));
 var _renameTreeViewSimpleTreeView = _interopRequireDefault(require("../rename-tree-view-simple-tree-view"));
@@ -15,6 +16,7 @@ function transformer(file, api, options) {
   file.source = (0, _renameExpansionProps.default)(file, api, options);
   file.source = (0, _renameSelectionProps.default)(file, api, options);
   file.source = (0, _renameFocusCallback.default)(file, api, options);
+  file.source = (0, _renameNodeid.default)(file, api, options);
   file.source = (0, _replaceTransitionPropsBySlot.default)(file, api, options);
   file.source = (0, _renameUseTreeItem.default)(file, api, options);
   file.source = (0, _renameTreeViewSimpleTreeView.default)(file, api, options);

package/v7.0.0/tree-view/rename-nodeid/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _renameProps = _interopRequireDefault(require("../../../util/renameProps"));
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+  return (0, _renameProps.default)({
+    root,
+    componentNames: ['TreeView', 'SimpleTreeView'],
+    props: {
+      nodeId: 'itemId'
+    },
+    j
+  }).toSource(printOptions);
+}