@mui/x-codemod 7.0.0-beta.6 → 7.0.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 <codemod> <paths...>
 
 Applies a `@mui/x-codemod` to the specified paths
 
@@ -29,8 +29,8 @@ 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 v6.0.0/component-rename-prop src --
+  npx @mui/x-codemod v6.0.0/preset-safe src
+  npx @mui/x-codemod 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 --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).
@@ -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 <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 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 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 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 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 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 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 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 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 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@next 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 v7.0.0/tree-view/preset-safe <path|folder>
 ```
 
 The list includes these transformers
@@ -222,6 +242,8 @@ The list includes these transformers
 - [`rename-expansion-props`](#rename-expansion-props)
 - [`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`
 
@@ -237,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>
    );
@@ -252,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
  });
@@ -274,13 +296,13 @@ Rename the expansion props
 ```diff
  <TreeView
 -  onNodeToggle={handleExpansionChange}
-+  onExpandedNodesChange={handleExpansionChange}
++  onExpandedItemsChange={handleExpansionChange}
 
--  expanded={expandedNodes}
-+  expandedNodes={expandedNodes}
+-  expanded={expandedItems}
++  expandedItems={expandedItems}
 
--  defaultExpanded={defaultExpandedNodes}
-+  defaultExpandedNodes={defaultExpandedNodes}
+-  defaultExpanded={defaultExpandedItems}
++  defaultExpandedItems={defaultExpandedItems}
  />
 ```
 
@@ -291,13 +313,13 @@ Rename the selection props
 ```diff
  <TreeView
 -  onNodeSelect={handleSelectionChange}
-+  onSelectedNodesChange={handleSelectionChange}
++  onSelectedItemsChange={handleSelectionChange}
 
--  selected={selectedNodes}
-+  selectedNodes={selectedNodes}
+-  selected={selectedItems}
++  selectedItems={selectedItems}
 
--  defaultSelected={defaultSelectedNodes}
-+  defaultSelectedNodes={defaultSelectedNodes}
+-  defaultSelected={defaultSelectedItems}
++  defaultSelectedItems={defaultSelectedItems}
  />
 ```
 
@@ -315,6 +337,27 @@ Replace the `TransitionComponent` and `TransitionProps` components with the `gro
  />
 ```
 
+#### `rename-focus-callback`
+
+Replace the `onNodeFocus` callback with `onItemFocus`:
+
+```diff
+ <TreeView
+-  onNodeFocus={onNodeFocus}
++  onItemFocus={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/package.json

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

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

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 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"));
 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-expansion-props/index.js

@@ -14,9 +14,9 @@ function transformer(file, api, options) {
     root,
     componentNames: ['TreeView', 'SimpleTreeView'],
     props: {
-      expanded: 'expandedNodes',
-      defaultExpanded: 'defaultExpandedNodes',
-      onNodeToggle: 'onExpandedNodesChange'
+      expanded: 'expandedItems',
+      defaultExpanded: 'defaultExpandedItems',
+      onNodeToggle: 'onExpandedItemsChange'
     },
     j
   }).toSource(printOptions);

package/v7.0.0/tree-view/rename-focus-callback/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: {
+      onNodeFocus: 'onItemFocus'
+    },
+    j
+  }).toSource(printOptions);
+}

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

package/v7.0.0/tree-view/rename-selection-props/index.js

@@ -14,9 +14,9 @@ function transformer(file, api, options) {
     root,
     componentNames: ['TreeView', 'SimpleTreeView'],
     props: {
-      selected: 'selectedNodes',
-      defaultSelected: 'defaultSelectedNodes',
-      onNodeSelect: 'onSelectedNodesChange'
+      selected: 'selectedItems',
+      defaultSelected: 'defaultSelectedItems',
+      onNodeSelect: 'onSelectedItemsChange'
     },
     j
   }).toSource(printOptions);