@mui/x-data-grid 6.0.0-alpha.2 → 6.0.0-alpha.4

package/node/hooks/features/{editRows/useGridCellEditing.new.js → editing/useGridCellEditing.js}

@@ -23,7 +23,7 @@ var _gridEditRowModel = require("../../../models/gridEditRowModel");
 
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
-var _gridEditRowsSelector = require("./gridEditRowsSelector");
+var _gridEditingSelectors = require("./gridEditingSelectors");
 
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 
@@ -147,7 +147,8 @@ const useGridCellEditing = (apiRef, props) => {
 
       if (reason) {
         const newParams = (0, _extends2.default)({}, params, {
-          reason
+          reason,
+          key: event.key
         });
         apiRef.current.publishEvent('cellEditStart', newParams, event);
       }
@@ -157,14 +158,21 @@ const useGridCellEditing = (apiRef, props) => {
     const {
       id,
       field,
-      reason
+      reason,
+      key
     } = params;
     const startCellEditModeParams = {
       id,
       field
     };
 
-    if (reason === _gridEditCellParams.GridCellEditStartReasons.deleteKeyDown || reason === _gridEditCellParams.GridCellEditStartReasons.printableKeyDown) {
+    if (reason === _gridEditCellParams.GridCellEditStartReasons.printableKeyDown) {
+      if (React.version.startsWith('18')) {
+        startCellEditModeParams.initialValue = key; // In React 17, cleaning the input is enough
+      } else {
+        startCellEditModeParams.deleteValue = true;
+      }
+    } else if (reason === _gridEditCellParams.GridCellEditStartReasons.deleteKeyDown) {
       startCellEditModeParams.deleteValue = true;
     }
 
@@ -188,7 +196,7 @@ const useGridCellEditing = (apiRef, props) => {
     }
 
     let ignoreModifications = reason === 'escapeKeyDown';
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
 
     if (editingState[id][field].isProcessingProps && !props.disableIgnoreModificationsIfProcessingProps) {
       // The user wants to stop editing the cell but we can't wait for the props to be processed.
@@ -211,7 +219,7 @@ const useGridCellEditing = (apiRef, props) => {
   (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'cellEditStart', props.onCellEditStart);
   (0, _useGridApiEventHandler.useGridApiOptionHandler)(apiRef, 'cellEditStop', props.onCellEditStop);
   const getCellMode = React.useCallback((id, field) => {
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const isEditing = editingState[id] && editingState[id][field];
     return isEditing ? _gridEditRowModel.GridCellModes.Edit : _gridEditRowModel.GridCellModes.View;
   }, [apiRef]);
@@ -293,10 +301,17 @@ const useGridCellEditing = (apiRef, props) => {
     const {
       id,
       field,
-      deleteValue
+      deleteValue,
+      initialValue
     } = params;
+    let newValue = apiRef.current.getCellValue(id, field);
+
+    if (deleteValue || initialValue) {
+      newValue = deleteValue ? '' : initialValue;
+    }
+
     const newProps = {
-      value: deleteValue ? '' : apiRef.current.getCellValue(id, field),
+      value: newValue,
       error: false,
       isProcessingProps: false
     };
@@ -338,7 +353,7 @@ const useGridCellEditing = (apiRef, props) => {
       return;
     }
 
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const {
       error,
       isProcessingProps
@@ -406,7 +421,7 @@ const useGridCellEditing = (apiRef, props) => {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
-    let editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    let editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     let newProps = (0, _extends2.default)({}, editingState[id][field], {
       value: parsedValue,
       changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
@@ -432,7 +447,7 @@ const useGridCellEditing = (apiRef, props) => {
       return false;
     }
 
-    editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     newProps = (0, _extends2.default)({}, newProps, {
       isProcessingProps: false
     }); // We don't update the value with the one coming from the props pre-processing
@@ -441,12 +456,12 @@ const useGridCellEditing = (apiRef, props) => {
 
     newProps.value = column.preProcessEditCellProps ? editingState[id][field].value : parsedValue;
     updateOrDeleteFieldState(id, field, newProps);
-    editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     return !((_editingState$id = editingState[id]) != null && (_editingState$id$fiel = _editingState$id[field]) != null && _editingState$id$fiel.error);
   }, [apiRef, throwIfNotEditable, throwIfNotInMode, updateOrDeleteFieldState]);
   const getRowWithUpdatedValuesFromCellEditing = React.useCallback((id, field) => {
     const column = apiRef.current.getColumn(field);
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const {
       value
     } = editingState[id][field];

package/node/hooks/features/{editRows/useGridEditing.new.js → editing/useGridEditing.js}

@@ -13,13 +13,13 @@ var React = _interopRequireWildcard(require("react"));
 
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
-var _useGridCellEditing = require("./useGridCellEditing.new");
+var _useGridCellEditing = require("./useGridCellEditing");
 
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 
-var _useGridRowEditing = require("./useGridRowEditing.new");
+var _useGridRowEditing = require("./useGridRowEditing");
 
-var _gridEditRowsSelector = require("./gridEditRowsSelector");
+var _gridEditingSelectors = require("./gridEditingSelectors");
 
 var _gridRowsUtils = require("../rows/gridRowsUtils");
 
@@ -143,7 +143,7 @@ const useGridEditing = (apiRef, props) => {
     return props.editMode === _gridEditRowModel.GridEditModes.Cell ? apiRef.current.unstable_getRowWithUpdatedValuesFromCellEditing(id, field) : apiRef.current.unstable_getRowWithUpdatedValuesFromRowEditing(id);
   }, [apiRef, props.editMode]);
   const getEditCellMeta = React.useCallback((id, field) => {
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     return {
       changeReason: editingState[id][field].changeReason
     };

package/node/hooks/features/{editRows/useGridRowEditing.new.js → editing/useGridRowEditing.js}

@@ -23,7 +23,7 @@ var _gridEditRowModel = require("../../../models/gridEditRowModel");
 
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 
-var _gridEditRowsSelector = require("./gridEditRowsSelector");
+var _gridEditingSelectors = require("./gridEditingSelectors");
 
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 
@@ -204,6 +204,7 @@ const useGridRowEditing = (apiRef, props) => {
         const rowParams = apiRef.current.getRowParams(params.id);
         const newParams = (0, _extends2.default)({}, rowParams, {
           field: params.field,
+          key: event.key,
           reason
         });
         apiRef.current.publishEvent('rowEditStart', newParams, event);
@@ -214,14 +215,21 @@ const useGridRowEditing = (apiRef, props) => {
     const {
       id,
       field,
-      reason
+      reason,
+      key
     } = params;
     const startRowEditModeParams = {
       id,
       fieldToFocus: field
     };
 
-    if (reason === _gridRowParams.GridRowEditStartReasons.deleteKeyDown || reason === _gridRowParams.GridRowEditStartReasons.printableKeyDown) {
+    if (reason === _gridRowParams.GridRowEditStartReasons.printableKeyDown) {
+      if (React.version.startsWith('18')) {
+        startRowEditModeParams.initialValue = key; // In React 17, cleaning the input is enough
+      } else {
+        startRowEditModeParams.deleteValue = !!field;
+      }
+    } else if (reason === _gridRowParams.GridRowEditStartReasons.deleteKeyDown) {
       startRowEditModeParams.deleteValue = !!field;
     }
 
@@ -245,7 +253,7 @@ const useGridRowEditing = (apiRef, props) => {
     }
 
     let ignoreModifications = reason === 'escapeKeyDown';
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
 
     if (!ignoreModifications && !props.disableIgnoreModificationsIfProcessingProps) {
       // The user wants to stop editing the cell but we can't wait for the props to be processed.
@@ -275,7 +283,7 @@ const useGridRowEditing = (apiRef, props) => {
       return _gridEditRowModel.GridRowModes.View;
     }
 
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const isEditing = editingState[id] && Object.keys(editingState[id]).length > 0;
     return isEditing ? _gridEditRowModel.GridRowModes.Edit : _gridEditRowModel.GridRowModes.View;
   }, [apiRef, props.editMode]);
@@ -360,7 +368,8 @@ const useGridRowEditing = (apiRef, props) => {
     const {
       id,
       fieldToFocus,
-      deleteValue
+      deleteValue,
+      initialValue
     } = params;
     const columnFields = (0, _gridColumnsSelector.gridColumnFieldsSelector)(apiRef);
     const newProps = columnFields.reduce((acc, field) => {
@@ -370,9 +379,14 @@ const useGridRowEditing = (apiRef, props) => {
         return acc;
       }
 
-      const shouldDeleteValue = deleteValue && fieldToFocus === field;
+      let newValue = apiRef.current.getCellValue(id, field);
+
+      if (fieldToFocus === field && (deleteValue || initialValue)) {
+        newValue = deleteValue ? '' : initialValue;
+      }
+
       acc[field] = {
-        value: shouldDeleteValue ? '' : apiRef.current.getCellValue(id, field),
+        value: newValue,
         error: false,
         isProcessingProps: false
       };
@@ -417,7 +431,7 @@ const useGridRowEditing = (apiRef, props) => {
       return;
     }
 
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const row = apiRef.current.getRow(id);
     const isSomeFieldProcessingProps = Object.values(editingState[id]).some(fieldProps => fieldProps.isProcessingProps);
 
@@ -484,7 +498,7 @@ const useGridRowEditing = (apiRef, props) => {
       parsedValue = column.valueParser(value, apiRef.current.getCellParams(id, field));
     }
 
-    let editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    let editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     let newProps = (0, _extends2.default)({}, editingState[id][field], {
       value: parsedValue,
       changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue'
@@ -519,7 +533,7 @@ const useGridRowEditing = (apiRef, props) => {
             return;
           }
 
-          editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+          editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
           processedProps = (0, _extends2.default)({}, processedProps, {
             isProcessingProps: false
           }); // We don't reuse the value from the props pre-processing because when the
@@ -547,7 +561,7 @@ const useGridRowEditing = (apiRef, props) => {
           isProcessingProps: true
         });
         updateOrDeleteFieldState(id, thisField, fieldProps);
-        editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+        editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
         const _editingState$id2 = editingState[id],
               otherFieldsProps = (0, _objectWithoutPropertiesLoose2.default)(_editingState$id2, [thisField].map(_toPropertyKey2.default));
         const promise = Promise.resolve(fieldColumn.preProcessEditCellProps({
@@ -573,7 +587,7 @@ const useGridRowEditing = (apiRef, props) => {
       });
       Promise.all(promises).then(() => {
         if (apiRef.current.getRowMode(id) === _gridEditRowModel.GridRowModes.Edit) {
-          editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+          editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
           resolve(!editingState[id][field].error);
         } else {
           resolve(false);
@@ -582,7 +596,7 @@ const useGridRowEditing = (apiRef, props) => {
     });
   }, [apiRef, throwIfNotEditable, updateOrDeleteFieldState]);
   const getRowWithUpdatedValuesFromRowEditing = React.useCallback(id => {
-    const editingState = (0, _gridEditRowsSelector.gridEditRowsStateSelector)(apiRef.current.state);
+    const editingState = (0, _gridEditingSelectors.gridEditRowsStateSelector)(apiRef.current.state);
     const row = apiRef.current.getRow(id);
     let rowUpdate = (0, _extends2.default)({}, row);
     Object.entries(editingState[id]).forEach(([field, fieldProps]) => {

package/node/hooks/features/export/useGridPrintExport.js

@@ -19,7 +19,7 @@ var _gridFilterSelector = require("../filter/gridFilterSelector");
 
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
 
-var _densitySelector = require("../density/densitySelector");
+var _gridColumnGroupsSelector = require("../columnGrouping/gridColumnGroupsSelector");
 
 var _gridClasses = require("../../../constants/gridClasses");
 
@@ -108,7 +108,7 @@ const useGridPrintExport = (apiRef, props) => {
       return;
     }
 
-    const totalHeaderHeight = (0, _densitySelector.gridDensityTotalHeaderHeightSelector)(apiRef);
+    const totalHeaderHeight = (0, _gridColumnGroupsSelector.gridTotalHeaderHeightSelector)(apiRef);
     const rowsMeta = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef.current.state);
     const gridRootElement = apiRef.current.rootElementRef.current;
     const gridClone = gridRootElement.cloneNode(true);

package/node/hooks/features/focus/gridFocusStateSelector.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridTabIndexStateSelector = exports.gridTabIndexColumnHeaderSelector = exports.gridTabIndexCellSelector = exports.gridFocusStateSelector = exports.gridFocusColumnHeaderSelector = exports.gridFocusCellSelector = void 0;
+exports.unstable_gridTabIndexColumnGroupHeaderSelector = exports.unstable_gridFocusColumnGroupHeaderSelector = exports.gridTabIndexStateSelector = exports.gridTabIndexColumnHeaderSelector = exports.gridTabIndexCellSelector = exports.gridFocusStateSelector = exports.gridFocusColumnHeaderSelector = exports.gridFocusCellSelector = void 0;
 
 var _createSelector = require("../../../utils/createSelector");
 
@@ -12,13 +12,19 @@ const gridFocusStateSelector = state => state.focus;
 exports.gridFocusStateSelector = gridFocusStateSelector;
 const gridFocusCellSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.cell);
 exports.gridFocusCellSelector = gridFocusCellSelector;
-const gridFocusColumnHeaderSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnHeader);
+const gridFocusColumnHeaderSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnHeader); // eslint-disable-next-line @typescript-eslint/naming-convention
+
 exports.gridFocusColumnHeaderSelector = gridFocusColumnHeaderSelector;
+const unstable_gridFocusColumnGroupHeaderSelector = (0, _createSelector.createSelector)(gridFocusStateSelector, focusState => focusState.columnGroupHeader);
+exports.unstable_gridFocusColumnGroupHeaderSelector = unstable_gridFocusColumnGroupHeaderSelector;
 
 const gridTabIndexStateSelector = state => state.tabIndex;
 
 exports.gridTabIndexStateSelector = gridTabIndexStateSelector;
 const gridTabIndexCellSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.cell);
 exports.gridTabIndexCellSelector = gridTabIndexCellSelector;
-const gridTabIndexColumnHeaderSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnHeader);
-exports.gridTabIndexColumnHeaderSelector = gridTabIndexColumnHeaderSelector;
+const gridTabIndexColumnHeaderSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnHeader); // eslint-disable-next-line @typescript-eslint/naming-convention
+
+exports.gridTabIndexColumnHeaderSelector = gridTabIndexColumnHeaderSelector;
+const unstable_gridTabIndexColumnGroupHeaderSelector = (0, _createSelector.createSelector)(gridTabIndexStateSelector, state => state.columnGroupHeader);
+exports.unstable_gridTabIndexColumnGroupHeaderSelector = unstable_gridTabIndexColumnGroupHeaderSelector;

package/node/hooks/features/focus/useGridFocus.js

@@ -36,11 +36,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const focusStateInitializer = state => (0, _extends2.default)({}, state, {
   focus: {
     cell: null,
-    columnHeader: null
+    columnHeader: null,
+    columnGroupHeader: null
   },
   tabIndex: {
     cell: null,
-    columnHeader: null
+    columnHeader: null,
+    columnGroupHeader: null
   }
 });
 /**
@@ -78,14 +80,16 @@ const useGridFocus = (apiRef, props) => {
             id,
             field
           },
-          columnHeader: null
+          columnHeader: null,
+          columnGroupHeader: null
         },
         focus: {
           cell: {
             id,
             field
           },
-          columnHeader: null
+          columnHeader: null,
+          columnGroupHeader: null
         }
       });
     });
@@ -113,18 +117,50 @@ const useGridFocus = (apiRef, props) => {
           columnHeader: {
             field
           },
-          cell: null
+          cell: null,
+          columnGroupHeader: null
         },
         focus: {
           columnHeader: {
             field
           },
-          cell: null
+          cell: null,
+          columnGroupHeader: null
         }
       });
     });
     apiRef.current.forceUpdate();
   }, [apiRef, logger, publishCellFocusOut]);
+  const setColumnGroupHeaderFocus = React.useCallback((field, depth, event = {}) => {
+    const cell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
+
+    if (cell) {
+      apiRef.current.publishEvent('cellFocusOut', apiRef.current.getCellParams(cell.id, cell.field), event);
+    }
+
+    apiRef.current.setState(state => {
+      return (0, _extends2.default)({}, state, {
+        tabIndex: {
+          columnGroupHeader: {
+            field,
+            depth
+          },
+          columnHeader: null,
+          cell: null
+        },
+        focus: {
+          columnGroupHeader: {
+            field,
+            depth
+          },
+          columnHeader: null,
+          cell: null
+        }
+      });
+    });
+    apiRef.current.forceUpdate();
+  }, [apiRef]);
+  const getColumnGroupHeaderFocus = React.useCallback(() => (0, _gridFocusStateSelector.unstable_gridFocusColumnGroupHeaderSelector)(apiRef), [apiRef]);
   const moveFocusToRelativeCell = React.useCallback((id, field, direction) => {
     let columnIndexToFocus = apiRef.current.getColumnIndex(field);
     let rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
@@ -200,12 +236,29 @@ const useGridFocus = (apiRef, props) => {
 
     apiRef.current.setColumnHeaderFocus(field, event);
   }, [apiRef]);
+  const focussedColumnGroup = (0, _gridFocusStateSelector.unstable_gridFocusColumnGroupHeaderSelector)(apiRef);
+  const handleColumnGroupHeaderFocus = React.useCallback(({
+    fields,
+    depth
+  }, event) => {
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+
+    if (focussedColumnGroup !== null && focussedColumnGroup.depth === depth && fields.includes(focussedColumnGroup.field)) {
+      // This group cell has already been focused
+      return;
+    }
+
+    apiRef.current.unstable_setColumnGroupHeaderFocus(fields[0], depth, event);
+  }, [apiRef, focussedColumnGroup]);
   const handleBlur = React.useCallback(() => {
     logger.debug(`Clearing focus`);
     apiRef.current.setState(state => (0, _extends2.default)({}, state, {
       focus: {
         cell: null,
-        columnHeader: null
+        columnHeader: null,
+        columnGroupHeader: null
       }
     }));
   }, [logger, apiRef]);
@@ -241,7 +294,8 @@ const useGridFocus = (apiRef, props) => {
       apiRef.current.setState(state => (0, _extends2.default)({}, state, {
         focus: {
           cell: null,
-          columnHeader: null
+          columnHeader: null,
+          columnGroupHeader: null
         }
       }));
       apiRef.current.forceUpdate(); // There's a focused cell but another element (not a cell) was clicked
@@ -268,7 +322,8 @@ const useGridFocus = (apiRef, props) => {
       apiRef.current.setState(state => (0, _extends2.default)({}, state, {
         focus: {
           cell: null,
-          columnHeader: null
+          columnHeader: null,
+          columnGroupHeader: null
         }
       }));
     }
@@ -276,7 +331,9 @@ const useGridFocus = (apiRef, props) => {
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, {
     setCellFocus,
     setColumnHeaderFocus,
-    unstable_moveFocusToRelativeCell: moveFocusToRelativeCell
+    unstable_moveFocusToRelativeCell: moveFocusToRelativeCell,
+    unstable_setColumnGroupHeaderFocus: setColumnGroupHeaderFocus,
+    unstable_getColumnGroupHeaderFocus: getColumnGroupHeaderFocus
   }, 'GridFocusApi');
   React.useEffect(() => {
     const doc = (0, _utils.ownerDocument)(apiRef.current.rootElementRef.current);
@@ -291,6 +348,7 @@ const useGridFocus = (apiRef, props) => {
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellKeyDown', handleCellKeyDown);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'cellModeChange', handleCellModeChange);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'rowsSet', handleRowSet);
 };
 

package/node/hooks/features/index.js

@@ -56,15 +56,15 @@ Object.keys(_density).forEach(function (key) {
   });
 });
 
-var _editRows = require("./editRows");
+var _editing = require("./editing");
 
-Object.keys(_editRows).forEach(function (key) {
+Object.keys(_editing).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _editRows[key]) return;
+  if (key in exports && exports[key] === _editing[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _editRows[key];
+      return _editing[key];
     }
   });
 });
@@ -134,15 +134,15 @@ Object.keys(_rows).forEach(function (key) {
   });
 });
 
-var _selection = require("./selection");
+var _rowSelection = require("./rowSelection");
 
-Object.keys(_selection).forEach(function (key) {
+Object.keys(_rowSelection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selection[key]) return;
+  if (key in exports && exports[key] === _rowSelection[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _selection[key];
+      return _rowSelection[key];
     }
   });
 });