@mui/x-data-grid 5.6.1 → 5.7.0

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

@@ -25,6 +25,12 @@ var _keyboardUtils = require("../../../utils/keyboardUtils");
 
 var _gridFocusStateSelector = require("./gridFocusStateSelector");
 
+var _gridColumnsSelector = require("../columns/gridColumnsSelector");
+
+var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
+
+var _utils2 = require("../../../utils/utils");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -111,6 +117,38 @@ const useGridFocus = (apiRef, props) => {
     });
     apiRef.current.forceUpdate();
   }, [apiRef, logger]);
+  const moveFocusToRelativeCell = React.useCallback((id, field, direction) => {
+    let columnIndexToFocus = apiRef.current.getColumnIndex(field);
+    let rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
+    const visibleColumns = (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef);
+
+    if (direction === 'right') {
+      columnIndexToFocus += 1;
+    } else if (direction === 'left') {
+      columnIndexToFocus -= 1;
+    } else {
+      rowIndexToFocus += 1;
+    }
+
+    if (columnIndexToFocus >= visibleColumns.length) {
+      // Go to next row if we are at the last column
+      rowIndexToFocus += 1;
+      columnIndexToFocus = 0;
+    } else if (columnIndexToFocus < 0) {
+      // Go to previous row if we are at the first column
+      rowIndexToFocus -= 1;
+      columnIndexToFocus = visibleColumns.length - 1;
+    }
+
+    const currentPage = (0, _useGridVisibleRows.getVisibleRows)(apiRef, {
+      pagination: props.pagination,
+      paginationMode: props.paginationMode
+    });
+    rowIndexToFocus = (0, _utils2.clamp)(rowIndexToFocus, currentPage.range.firstRowIndex, currentPage.range.lastRowIndex);
+    const rowToFocus = currentPage.rows[rowIndexToFocus];
+    const columnToFocus = visibleColumns[columnIndexToFocus];
+    apiRef.current.setCellFocus(rowToFocus.id, columnToFocus.field);
+  }, [apiRef, props.pagination, props.paginationMode]);
   const handleCellDoubleClick = React.useCallback(({
     id,
     field
@@ -203,7 +241,8 @@ const useGridFocus = (apiRef, props) => {
   }, [apiRef]);
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, {
     setCellFocus,
-    setColumnHeaderFocus
+    setColumnHeaderFocus,
+    unstable_moveFocusToRelativeCell: moveFocusToRelativeCell
   }, 'GridFocusApi');
   React.useEffect(() => {
     const cell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);

package/node/hooks/features/rows/useGridRows.js

@@ -69,7 +69,7 @@ const getRowsStateFromCache = (rowsCache, previousTree, apiRef, rowCountProp) =>
     value
   } = rowsCache.state;
   const rowCount = rowCountProp != null ? rowCountProp : 0;
-  const groupingResponse = apiRef.current.unstable_groupRows((0, _extends2.default)({}, value, {
+  const groupingResponse = apiRef.current.unstable_applyStrategyProcessor('rowTreeCreation', (0, _extends2.default)({}, value, {
     previousTree
   }));
   const dataTopLevelRowCount = groupingResponse.treeDepth === 1 ? groupingResponse.ids.length : Object.values(groupingResponse.tree).filter(node => node.parent == null).length;
@@ -101,10 +101,6 @@ const rowsStateInitializer = (state, props, apiRef) => {
 
   });
 };
-/**
- * @requires useGridRowGroupsPreProcessing (method)
- */
-
 
 exports.rowsStateInitializer = rowsStateInitializer;
 
@@ -129,7 +125,6 @@ const useGridRows = (apiRef, props) => {
     acc[id] = index;
     return acc;
   }, {}), [currentPage.rows]);
-  const getRowIndexRelativeToVisibleRows = React.useCallback(id => lookup[id], [lookup]);
   const throttledRowsChange = React.useCallback((newState, throttle) => {
     const run = () => {
       rowsCache.current.timeout = null;
@@ -162,6 +157,10 @@ const useGridRows = (apiRef, props) => {
 
     run();
   }, [props.throttleRowsMs, props.rowCount, apiRef]);
+  /**
+   * API METHODS
+   */
+
   const setRows = React.useCallback(rows => {
     logger.debug(`Updating all rows, new length ${rows.length}`);
     throttledRowsChange(convertGridRowsPropToState({
@@ -174,7 +173,7 @@ const useGridRows = (apiRef, props) => {
     if (props.signature === _useGridApiEventHandler.GridSignature.DataGrid && updates.length > 1) {
       // TODO: Add test with direct call to `apiRef.current.updateRows` in DataGrid after enabling the `apiRef` on the free plan.
       throw new Error(["MUI: You can't update several rows at once in `apiRef.current.updateRows` on the DataGrid.", 'You need to upgrade to the DataGridPro component to unlock this feature.'].join('\n'));
-    } // we removes duplicate updates. A server can batch updates, and send several updates for the same row in one fn call.
+    } // we remove duplicate updates. A server can batch updates, and send several updates for the same row in one fn call.
 
 
     const uniqUpdates = new Map();
@@ -227,6 +226,7 @@ const useGridRows = (apiRef, props) => {
   }, [apiRef]);
   const getRowsCount = React.useCallback(() => (0, _gridRowsSelector.gridRowCountSelector)(apiRef), [apiRef]);
   const getAllRowIds = React.useCallback(() => (0, _gridRowsSelector.gridRowIdsSelector)(apiRef), [apiRef]);
+  const getRowIndexRelativeToVisibleRows = React.useCallback(id => lookup[id], [lookup]);
   const setRowChildrenExpansion = React.useCallback((id, isExpanded) => {
     const currentNode = apiRef.current.getRowNode(id);
 
@@ -254,6 +254,61 @@ const useGridRows = (apiRef, props) => {
 
     return (_gridRowTreeSelector$ = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef)[id]) != null ? _gridRowTreeSelector$ : null;
   }, [apiRef]);
+  const rowApi = {
+    getRow,
+    getRowModels,
+    getRowsCount,
+    getAllRowIds,
+    setRows,
+    updateRows,
+    setRowChildrenExpansion,
+    getRowNode,
+    getRowIndexRelativeToVisibleRows
+  };
+  /**
+   * EVENTS
+   */
+
+  const groupRows = React.useCallback(() => {
+    logger.info(`Row grouping pre-processing have changed, regenerating the row tree`);
+    let rows;
+
+    if (rowsCache.current.state.rowsBeforePartialUpdates === props.rows) {
+      // The `props.rows` has not changed since the last row grouping
+      // We can keep the potential updates stored in `inputRowsAfterUpdates` on the new grouping
+      rows = undefined;
+    } else {
+      // The `props.rows` has changed since the last row grouping
+      // We must use the new `props.rows` on the new grouping
+      // This occurs because this event is triggered before the `useEffect` on the rows when both the grouping pre-processing and the rows changes on the same render
+      rows = props.rows;
+    }
+
+    throttledRowsChange(convertGridRowsPropToState({
+      rows,
+      getRowId: props.getRowId,
+      prevState: rowsCache.current.state
+    }), false);
+  }, [logger, throttledRowsChange, props.getRowId, props.rows]);
+  const handleStrategyProcessorChange = React.useCallback(methodName => {
+    if (methodName === 'rowTreeCreation') {
+      groupRows();
+    }
+  }, [groupRows]);
+  const handleStrategyActivityChange = React.useCallback(() => {
+    // `rowTreeCreation` is the only processor ran when `strategyAvailabilityChange` is fired.
+    // All the other processors listen to `rowsSet` which will be published by the `groupRows` method below.
+    if (apiRef.current.unstable_getActiveStrategy('rowTree') !== (0, _gridRowsSelector.gridRowGroupingNameSelector)(apiRef)) {
+      groupRows();
+    }
+  }, [apiRef, groupRows]);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.activeStrategyProcessorChange, handleStrategyProcessorChange);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.strategyAvailabilityChange, handleStrategyActivityChange);
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, rowApi, 'GridRowApi');
+  /**
+   * EFFECTS
+   */
+
   React.useEffect(() => {
     return () => {
       if (rowsCache.current.timeout !== null) {
@@ -283,40 +338,6 @@ const useGridRows = (apiRef, props) => {
       prevState: rowsCache.current.state
     }), false);
   }, [props.rows, props.rowCount, props.getRowId, logger, throttledRowsChange]);
-  const handleGroupRows = React.useCallback(() => {
-    logger.info(`Row grouping pre-processing have changed, regenerating the row tree`);
-    let rows;
-
-    if (rowsCache.current.state.rowsBeforePartialUpdates === props.rows) {
-      // The `props.rows` has not changed since the last row grouping
-      // We can keep the potential updates stored in `inputRowsAfterUpdates` on the new grouping
-      rows = undefined;
-    } else {
-      // The `props.rows` has changed since the last row grouping
-      // We must use the new `props.rows` on the new grouping
-      // This occurs because this event is triggered before the `useEffect` on the rows when both the grouping pre-processing and the rows changes on the same render
-      rows = props.rows;
-    }
-
-    throttledRowsChange(convertGridRowsPropToState({
-      rows,
-      getRowId: props.getRowId,
-      prevState: rowsCache.current.state
-    }), false);
-  }, [logger, throttledRowsChange, props.getRowId, props.rows]);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.rowGroupsPreProcessingChange, handleGroupRows);
-  const rowApi = {
-    getRow,
-    getRowModels,
-    getRowsCount,
-    getAllRowIds,
-    setRows,
-    updateRows,
-    setRowChildrenExpansion,
-    getRowNode,
-    getRowIndexRelativeToVisibleRows
-  };
-  (0, _useGridApiMethod.useGridApiMethod)(apiRef, rowApi, 'GridRowApi');
 };
 
 exports.useGridRows = useGridRows;

package/node/hooks/features/rows/useGridRowsPreProcessors.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRowsPreProcessors = void 0;
+
+var _strategyProcessing = require("../../core/strategyProcessing");
+
+const flatRowTreeCreationMethod = ({
+  ids,
+  idRowsLookup,
+  previousTree
+}) => {
+  const tree = {};
+
+  for (let i = 0; i < ids.length; i += 1) {
+    const rowId = ids[i];
+
+    if (previousTree && previousTree[rowId]) {
+      tree[rowId] = previousTree[rowId];
+    } else {
+      tree[rowId] = {
+        id: rowId,
+        depth: 0,
+        parent: null,
+        groupingKey: '',
+        groupingField: null
+      };
+    }
+  }
+
+  return {
+    groupingName: _strategyProcessing.GRID_DEFAULT_STRATEGY,
+    tree,
+    treeDepth: 1,
+    idRowsLookup,
+    ids
+  };
+};
+
+const useGridRowsPreProcessors = apiRef => {
+  (0, _strategyProcessing.useGridRegisterStrategyProcessor)(apiRef, _strategyProcessing.GRID_DEFAULT_STRATEGY, 'rowTreeCreation', flatRowTreeCreationMethod);
+};
+
+exports.useGridRowsPreProcessors = useGridRowsPreProcessors;

package/node/hooks/features/selection/useGridSelection.js

@@ -106,6 +106,10 @@ const useGridSelection = (apiRef, props) => {
       const startIndex = visibleRowIds.findIndex(rowId => rowId === startId);
       const endIndex = visibleRowIds.findIndex(rowId => rowId === endId);
 
+      if (startIndex === endIndex) {
+        return;
+      }
+
       if (startIndex > endIndex) {
         endId = visibleRowIds[endIndex + 1];
       } else {

package/node/hooks/features/sorting/useGridSorting.js

@@ -31,12 +31,12 @@ var _rows = require("../rows");
 
 var _useFirstRender = require("../../utils/useFirstRender");
 
+var _strategyProcessing = require("../../core/strategyProcessing");
+
 var _gridSortingUtils = require("./gridSortingUtils");
 
 var _preProcessing = require("../../core/preProcessing");
 
-var _useGridRegisterSortingMethod = require("./useGridRegisterSortingMethod");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -62,8 +62,6 @@ exports.sortingStateInitializer = sortingStateInitializer;
 
 const useGridSorting = (apiRef, props) => {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridSorting');
-  const sortingMethodCollectionRef = React.useRef({});
-  const lastSortingMethodApplied = React.useRef(null);
   apiRef.current.unstable_updateControlState({
     stateId: 'sortModel',
     propModel: props.sortModel,
@@ -124,16 +122,9 @@ const useGridSorting = (apiRef, props) => {
     }
 
     apiRef.current.setState(state => {
-      const rowGroupingName = (0, _rows.gridRowGroupingNameSelector)(state, apiRef.current.instanceId);
-      const sortingMethod = sortingMethodCollectionRef.current[rowGroupingName];
-
-      if (!sortingMethod) {
-        throw new Error('MUI: Invalid sorting method.');
-      }
-
       const sortModel = (0, _gridSortingSelector.gridSortModelSelector)(state, apiRef.current.instanceId);
       const sortRowList = (0, _gridSortingUtils.buildAggregatedSortingApplier)(sortModel, apiRef);
-      const sortedRows = sortingMethod({
+      const sortedRows = apiRef.current.unstable_applyStrategyProcessor('sorting', {
         sortRowList
       });
       return (0, _extends2.default)({}, state, {
@@ -230,7 +221,7 @@ const useGridSorting = (apiRef, props) => {
   }, [apiRef]);
   (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'exportState', stateExportPreProcessing);
   (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
-  (0, _useGridRegisterSortingMethod.useGridRegisterSortingMethod)(apiRef, 'none', flatSortingMethod);
+  (0, _strategyProcessing.useGridRegisterStrategyProcessor)(apiRef, _strategyProcessing.GRID_DEFAULT_STRATEGY, 'sorting', flatSortingMethod);
   /**
    * EVENTS
    */
@@ -262,15 +253,8 @@ const useGridSorting = (apiRef, props) => {
       }
     }
   }, [apiRef]);
-  const handlePreProcessorRegister = React.useCallback(name => {
-    if (name !== 'sortingMethod') {
-      return;
-    }
-
-    sortingMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('sortingMethod', {});
-    const rowGroupingName = (0, _rows.gridRowGroupingNameSelector)(apiRef);
-
-    if (lastSortingMethodApplied.current !== sortingMethodCollectionRef.current[rowGroupingName]) {
+  const handleStrategyProcessorChange = React.useCallback(methodName => {
+    if (methodName === 'sorting') {
       apiRef.current.applySorting();
     }
   }, [apiRef]);
@@ -278,15 +262,12 @@ const useGridSorting = (apiRef, props) => {
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.columnHeaderKeyDown, handleColumnHeaderKeyDown);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.rowsSet, apiRef.current.applySorting);
   (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.columnsChange, handleColumnsChange);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.preProcessorRegister, handlePreProcessorRegister);
+  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.activeStrategyProcessorChange, handleStrategyProcessorChange);
   /**
    * 1ST RENDER
    */
 
   (0, _useFirstRender.useFirstRender)(() => {
-    // This line of pre-processor initialization should always come after the registration of `flatSortingMethod`
-    // Otherwise on the 1st render there would be no sorting method registered
-    sortingMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('sortingMethod', {});
     apiRef.current.applySorting();
   });
   /**

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -221,9 +221,11 @@ const useGridVirtualScroller = props => {
 
 
     const nextRenderContext = disableVirtualization ? prevRenderContext.current : computeRenderContext();
-    const rowsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstRowIndex - prevRenderContext.current.firstRowIndex);
-    const columnsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstColumnIndex - prevRenderContext.current.firstColumnIndex);
-    const shouldSetState = rowsScrolledSincePreviousRender >= rootProps.rowThreshold || columnsScrolledSincePreviousRender >= rootProps.columnThreshold || prevTotalWidth.current !== columnsTotalWidth; // TODO v6: rename event to a wider name, it's not only fired for row scrolling
+    const topRowsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstRowIndex - prevRenderContext.current.firstRowIndex);
+    const bottomRowsScrolledSincePreviousRender = Math.abs(nextRenderContext.lastRowIndex - prevRenderContext.current.lastRowIndex);
+    const topColumnsScrolledSincePreviousRender = Math.abs(nextRenderContext.firstColumnIndex - prevRenderContext.current.firstColumnIndex);
+    const bottomColumnsScrolledSincePreviousRender = Math.abs(nextRenderContext.lastColumnIndex - prevRenderContext.current.lastColumnIndex);
+    const shouldSetState = topRowsScrolledSincePreviousRender >= rootProps.rowThreshold || bottomRowsScrolledSincePreviousRender >= rootProps.rowThreshold || topColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || bottomColumnsScrolledSincePreviousRender >= rootProps.columnThreshold || prevTotalWidth.current !== columnsTotalWidth; // TODO v6: rename event to a wider name, it's not only fired for row scrolling
 
     apiRef.current.publishEvent(_events.GridEvents.rowsScroll, {
       top: scrollTop,

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.6.1
+/** @license MUI v5.7.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/internals/index.js

@@ -63,12 +63,18 @@ Object.defineProperty(exports, "densityStateInitializer", {
     return _useGridDensity.densityStateInitializer;
   }
 });
-Object.defineProperty(exports, "editingStateInitializer", {
+Object.defineProperty(exports, "editingStateInitializer_new", {
   enumerable: true,
   get: function () {
     return _useGridEditing.editingStateInitializer;
   }
 });
+Object.defineProperty(exports, "editingStateInitializer_old", {
+  enumerable: true,
+  get: function () {
+    return _useGridEditing2.editingStateInitializer;
+  }
+});
 Object.defineProperty(exports, "filterStateInitializer", {
   enumerable: true,
   get: function () {
@@ -177,12 +183,18 @@ Object.defineProperty(exports, "useGridDimensions", {
     return _useGridDimensions.useGridDimensions;
   }
 });
-Object.defineProperty(exports, "useGridEditing", {
+Object.defineProperty(exports, "useGridEditing_new", {
   enumerable: true,
   get: function () {
     return _useGridEditing.useGridEditing;
   }
 });
+Object.defineProperty(exports, "useGridEditing_old", {
+  enumerable: true,
+  get: function () {
+    return _useGridEditing2.useGridEditing;
+  }
+});
 Object.defineProperty(exports, "useGridEvents", {
   enumerable: true,
   get: function () {
@@ -249,22 +261,16 @@ Object.defineProperty(exports, "useGridPrintExport", {
     return _useGridPrintExport.useGridPrintExport;
   }
 });
-Object.defineProperty(exports, "useGridRegisterFilteringMethod", {
-  enumerable: true,
-  get: function () {
-    return _useGridRegisterFilteringMethod.useGridRegisterFilteringMethod;
-  }
-});
 Object.defineProperty(exports, "useGridRegisterPreProcessor", {
   enumerable: true,
   get: function () {
     return _preProcessing.useGridRegisterPreProcessor;
   }
 });
-Object.defineProperty(exports, "useGridRegisterSortingMethod", {
+Object.defineProperty(exports, "useGridRegisterStrategyProcessor", {
   enumerable: true,
   get: function () {
-    return _useGridRegisterSortingMethod.useGridRegisterSortingMethod;
+    return _strategyProcessing.useGridRegisterStrategyProcessor;
   }
 });
 Object.defineProperty(exports, "useGridRows", {
@@ -279,6 +285,12 @@ Object.defineProperty(exports, "useGridRowsMeta", {
     return _useGridRowsMeta.useGridRowsMeta;
   }
 });
+Object.defineProperty(exports, "useGridRowsPreProcessors", {
+  enumerable: true,
+  get: function () {
+    return _useGridRowsPreProcessors.useGridRowsPreProcessors;
+  }
+});
 Object.defineProperty(exports, "useGridScroll", {
   enumerable: true,
   get: function () {
@@ -334,6 +346,8 @@ var _GridColumnHeadersInner = require("../components/columnHeaders/GridColumnHea
 
 var _preProcessing = require("../hooks/core/preProcessing");
 
+var _strategyProcessing = require("../hooks/core/strategyProcessing");
+
 var _useGridInitialization = require("../hooks/core/useGridInitialization");
 
 var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
@@ -352,8 +366,6 @@ var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport")
 
 var _useGridFilter = require("../hooks/features/filter/useGridFilter");
 
-var _useGridRegisterFilteringMethod = require("../hooks/features/filter/useGridRegisterFilteringMethod");
-
 var _useGridFocus = require("../hooks/features/focus/useGridFocus");
 
 var _useGridKeyboard = require("../hooks/features/keyboard/useGridKeyboard");
@@ -364,10 +376,14 @@ var _useGridPagination = require("../hooks/features/pagination/useGridPagination
 
 var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGridPreferencesPanel");
 
-var _useGridEditing = require("../hooks/features/editRows/useGridEditing");
+var _useGridEditing = require("../hooks/features/editRows/useGridEditing.new");
+
+var _useGridEditing2 = require("../hooks/features/editRows/useGridEditing.old");
 
 var _useGridRows = require("../hooks/features/rows/useGridRows");
 
+var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
+
 var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
 
 var _useGridParamsApi = require("../hooks/features/rows/useGridParamsApi");
@@ -378,8 +394,6 @@ var _useGridSelectionPreProcessors = require("../hooks/features/selection/useGri
 
 var _useGridSorting = require("../hooks/features/sorting/useGridSorting");
 
-var _useGridRegisterSortingMethod = require("../hooks/features/sorting/useGridRegisterSortingMethod");
-
 var _useGridScroll = require("../hooks/features/scroll/useGridScroll");
 
 var _useGridEvents = require("../hooks/features/events/useGridEvents");