@mui/x-data-grid 5.6.0 → 5.8.0

package/legacy/hooks/features/filter/useGridFilter.js

@@ -11,10 +11,11 @@ import { GridPreferencePanelsValue } from '../preferencesPanel/gridPreferencePan
 import { getDefaultGridFilterModel } from './gridFilterState';
 import { gridFilterModelSelector, gridVisibleSortedRowEntriesSelector } from './gridFilterSelector';
 import { useFirstRender } from '../../utils/useFirstRender';
-import { gridRowIdsSelector, gridRowGroupingNameSelector } from '../rows';
-import { useGridRegisterPreProcessor } from '../../core/preProcessing';
-import { useGridRegisterFilteringMethod } from './useGridRegisterFilteringMethod';
+import { gridRowIdsSelector } from '../rows';
+import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
+import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from '../../core/strategyProcessing';
 import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel } from './gridFilterUtils';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var filterStateInitializer = function filterStateInitializer(state, props, apiRef) {
   var _ref, _props$filterModel, _props$initialState, _props$initialState$f;
 
@@ -34,9 +35,9 @@ export var filterStateInitializer = function filterStateInitializer(state, props
  */
 
 export var useGridFilter = function useGridFilter(apiRef, props) {
+  var _props$componentsProp2;
+
   var logger = useGridLogger(apiRef, 'useGridFilter');
-  var filteringMethodCollectionRef = React.useRef({});
-  var lastFilteringMethodApplied = React.useRef(null);
   apiRef.current.unstable_updateControlState({
     stateId: 'filter',
     propModel: props.filterModel,
@@ -50,17 +51,9 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
 
   var applyFilters = React.useCallback(function () {
     apiRef.current.setState(function (state) {
-      var rowGroupingName = gridRowGroupingNameSelector(state, apiRef.current.instanceId);
-      var filteringMethod = filteringMethodCollectionRef.current[rowGroupingName];
-
-      if (!filteringMethod) {
-        throw new Error('MUI: Invalid filtering method.');
-      }
-
       var filterModel = gridFilterModelSelector(state, apiRef.current.instanceId);
       var isRowMatchingFilters = props.filterMode === GridFeatureModeConstant.client ? buildAggregatedFilterApplier(filterModel, apiRef) : null;
-      lastFilteringMethodApplied.current = filteringMethod;
-      var filteringResult = filteringMethod({
+      var filteringResult = apiRef.current.unstable_applyStrategyProcessor('filtering', {
         isRowMatchingFilters: isRowMatchingFilters
       });
       return _extends({}, state, {
@@ -207,6 +200,16 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       callbacks: [].concat(_toConsumableArray(params.callbacks), [apiRef.current.unstable_applyFilters])
     });
   }, [apiRef, props.disableMultipleColumnsFiltering]);
+  var preferencePanelPreProcessing = React.useCallback(function (initialValue, value) {
+    if (value === GridPreferencePanelsValue.filters) {
+      var _props$componentsProp;
+
+      var FilterPanel = props.components.FilterPanel;
+      return /*#__PURE__*/_jsx(FilterPanel, _extends({}, (_props$componentsProp = props.componentsProps) == null ? void 0 : _props$componentsProp.filterPanel));
+    }
+
+    return initialValue;
+  }, [props.components.FilterPanel, (_props$componentsProp2 = props.componentsProps) == null ? void 0 : _props$componentsProp2.filterPanel]);
   var flatFilteringMethod = React.useCallback(function (params) {
     if (props.filterMode === GridFeatureModeConstant.client && params.isRowMatchingFilters) {
       var rowIds = gridRowIdsSelector(apiRef);
@@ -231,9 +234,10 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       filteredDescendantCountLookup: {}
     };
   }, [apiRef, props.filterMode]);
-  useGridRegisterPreProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPreProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
-  useGridRegisterFilteringMethod(apiRef, 'none', flatFilteringMethod);
+  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'preferencePanel', preferencePanelPreProcessing);
+  useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'filtering', flatFilteringMethod);
   /**
    * EVENTS
    */
@@ -252,30 +256,20 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       }));
     }
   }, [apiRef, logger]);
-  var handlePreProcessorRegister = React.useCallback(function (name) {
-    if (name !== 'filteringMethod') {
-      return;
-    }
-
-    filteringMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('filteringMethod', {});
-    var rowGroupingName = gridRowGroupingNameSelector(apiRef);
-
-    if (lastFilteringMethodApplied.current !== filteringMethodCollectionRef.current[rowGroupingName]) {
+  var handleStrategyProcessorChange = React.useCallback(function (methodName) {
+    if (methodName === 'filtering') {
       apiRef.current.unstable_applyFilters();
     }
   }, [apiRef]);
   useGridApiEventHandler(apiRef, GridEvents.rowsSet, apiRef.current.unstable_applyFilters);
   useGridApiEventHandler(apiRef, GridEvents.rowExpansionChange, apiRef.current.unstable_applyFilters);
   useGridApiEventHandler(apiRef, GridEvents.columnsChange, handleColumnsChange);
-  useGridApiEventHandler(apiRef, GridEvents.preProcessorRegister, handlePreProcessorRegister);
+  useGridApiEventHandler(apiRef, GridEvents.activeStrategyProcessorChange, handleStrategyProcessorChange);
   /**
    * 1ST RENDER
    */
 
   useFirstRender(function () {
-    // This line of pre-processor initialization should always come after the registration of `flatFilteringMethod`
-    // Otherwise on the 1st render there would be no filtering method registered
-    filteringMethodCollectionRef.current = apiRef.current.unstable_applyPreProcessors('filteringMethod', {});
     apiRef.current.unstable_applyFilters();
   });
   /**

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

@@ -6,8 +6,22 @@ import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { isNavigationKey } from '../../../utils/keyboardUtils';
-import { useGridStateInit } from '../../utils/useGridStateInit';
 import { gridFocusCellSelector } from './gridFocusStateSelector';
+import { gridVisibleColumnDefinitionsSelector } from '../columns/gridColumnsSelector';
+import { getVisibleRows } from '../../utils/useGridVisibleRows';
+import { clamp } from '../../../utils/utils';
+export var focusStateInitializer = function focusStateInitializer(state) {
+  return _extends({}, state, {
+    focus: {
+      cell: null,
+      columnHeader: null
+    },
+    tabIndex: {
+      cell: null,
+      columnHeader: null
+    }
+  });
+};
 /**
  * @requires useGridParamsApi (method)
  * @requires useGridRows (method)
@@ -16,18 +30,6 @@ import { gridFocusCellSelector } from './gridFocusStateSelector';
 
 export var useGridFocus = function useGridFocus(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridFocus');
-  useGridStateInit(apiRef, function (state) {
-    return _extends({}, state, {
-      focus: {
-        cell: null,
-        columnHeader: null
-      },
-      tabIndex: {
-        cell: null,
-        columnHeader: null
-      }
-    });
-  });
   var lastClickedCell = React.useRef(null);
   var setCellFocus = React.useCallback(function (id, field) {
     // The row might have been deleted
@@ -90,6 +92,38 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
     });
     apiRef.current.forceUpdate();
   }, [apiRef, logger]);
+  var moveFocusToRelativeCell = React.useCallback(function (id, field, direction) {
+    var columnIndexToFocus = apiRef.current.getColumnIndex(field);
+    var rowIndexToFocus = apiRef.current.getRowIndexRelativeToVisibleRows(id);
+    var visibleColumns = 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;
+    }
+
+    var currentPage = getVisibleRows(apiRef, {
+      pagination: props.pagination,
+      paginationMode: props.paginationMode
+    });
+    rowIndexToFocus = clamp(rowIndexToFocus, currentPage.range.firstRowIndex, currentPage.range.lastRowIndex);
+    var rowToFocus = currentPage.rows[rowIndexToFocus];
+    var columnToFocus = visibleColumns[columnIndexToFocus];
+    apiRef.current.setCellFocus(rowToFocus.id, columnToFocus.field);
+  }, [apiRef, props.pagination, props.paginationMode]);
   var handleCellDoubleClick = React.useCallback(function (_ref) {
     var id = _ref.id,
         field = _ref.field;
@@ -185,7 +219,8 @@ export var useGridFocus = function useGridFocus(apiRef, props) {
   }, [apiRef]);
   useGridApiMethod(apiRef, {
     setCellFocus: setCellFocus,
-    setColumnHeaderFocus: setColumnHeaderFocus
+    setColumnHeaderFocus: setColumnHeaderFocus,
+    unstable_moveFocusToRelativeCell: moveFocusToRelativeCell
   }, 'GridFocusApi');
   React.useEffect(function () {
     var cell = gridFocusCellSelector(apiRef);

package/legacy/hooks/features/{keyboard → keyboardNavigation}/useGridKeyboardNavigation.js

@@ -4,16 +4,15 @@ import { gridVisibleColumnDefinitionsSelector } from '../columns/gridColumnsSele
 import { useGridLogger } from '../../utils/useGridLogger';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { gridVisibleSortedRowEntriesSelector } from '../filter/gridFilterSelector';
-import { useCurrentPageRows } from '../../utils/useCurrentPageRows';
+import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from '../../../colDef/gridCheckboxSelectionColDef';
 import { gridClasses } from '../../../constants/gridClasses';
+import { GridCellModes } from '../../../models/gridEditRowModel';
+import { isNavigationKey } from '../../../utils/keyboardUtils';
 /**
- * @requires useGridPage (state)
- * @requires useGridPageSize (state)
- * @requires useGridFilter (state)
- * @requires useGridColumns (state, method)
- * @requires useGridRows (state, method)
  * @requires useGridSorting (method) - can be after
+ * @requires useGridFilter (state) - can be after
+ * @requires useGridColumns (state, method) - can be after
  * @requires useGridDimensions (method) - can be after
  * @requires useGridFocus (method) - can be after
  * @requires useGridScroll (method) - can be after
@@ -21,7 +20,7 @@ import { gridClasses } from '../../../constants/gridClasses';
 
 export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef, props) {
   var logger = useGridLogger(apiRef, 'useGridKeyboardNavigation');
-  var currentPage = useCurrentPageRows(apiRef, props);
+  var currentPage = useGridVisibleRows(apiRef, props);
   var goToCell = React.useCallback(function (colIndex, rowIndex) {
     logger.debug("Navigating to cell row ".concat(rowIndex, ", col ").concat(colIndex));
     apiRef.current.scrollToIndexes({
@@ -113,8 +112,16 @@ export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef
           break;
         }
 
-      case 'PageDown':
       case ' ':
+        {
+          if (!event.shiftKey && rowIndexBefore < lastRowIndexInPage) {
+            goToCell(colIndexBefore, Math.min(rowIndexBefore + viewportPageSize, lastRowIndexInPage));
+          }
+
+          break;
+        }
+
+      case 'PageDown':
         {
           if (rowIndexBefore < lastRowIndexInPage) {
             goToCell(colIndexBefore, Math.min(rowIndexBefore + viewportPageSize, lastRowIndexInPage));
@@ -269,6 +276,20 @@ export var useGridKeyboardNavigation = function useGridKeyboardNavigation(apiRef
       event.preventDefault();
     }
   }, [apiRef, currentPage, goToCell, goToHeader]);
+  var handleCellKeyDown = React.useCallback(function (params, event) {
+    // Ignore portal
+    if (!event.currentTarget.contains(event.target)) {
+      return;
+    } // Get the most recent params because the cell mode may have changed by another listener
+
+
+    var cellParams = apiRef.current.getCellParams(params.id, params.field);
+
+    if (cellParams.cellMode !== GridCellModes.Edit && isNavigationKey(event.key)) {
+      apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, cellParams, event);
+    }
+  }, [apiRef]);
   useGridApiEventHandler(apiRef, GridEvents.cellNavigationKeyDown, handleCellNavigationKeyDown);
   useGridApiEventHandler(apiRef, GridEvents.columnHeaderKeyDown, handleColumnHeaderKeyDown);
+  useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
 };

package/legacy/hooks/features/pagination/useGridPage.js

@@ -3,11 +3,10 @@ import * as React from 'react';
 import { useGridLogger, useGridSelector, useGridApiMethod, useGridApiEventHandler } from '../../utils';
 import { GridEvents } from '../../../models/events';
 import { gridVisibleTopLevelRowCountSelector } from '../filter';
-import { gridPageSelector } from './gridPaginationSelector';
-import { useGridRegisterPreProcessor } from '../../core/preProcessing';
+import { gridPageSelector, gridPageSizeSelector } from './gridPaginationSelector';
+import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { buildWarning } from '../../../utils/warning';
-
-var getPageCount = function getPageCount(rowCount, pageSize) {
+export var getPageCount = function getPageCount(rowCount, pageSize) {
   if (pageSize > 0 && rowCount > 0) {
     return Math.ceil(rowCount / pageSize);
   }
@@ -36,23 +35,12 @@ var mergeStateWithPage = function mergeStateWithPage(page) {
 };
 
 var noRowCountInServerMode = buildWarning(["MUI: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
-export var pageStateInitializer = function pageStateInitializer(state, props) {
-  var _ref, _props$page, _props$initialState, _props$initialState$p, _props$rowCount, _props$rowCount2;
-
-  return _extends({}, state, {
-    pagination: _extends({}, state.pagination, {
-      page: (_ref = (_props$page = props.page) != null ? _props$page : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.page) != null ? _ref : 0,
-      pageCount: getPageCount((_props$rowCount = props.rowCount) != null ? _props$rowCount : 0, state.pagination.pageSize),
-      rowCount: (_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : 0
-    })
-  });
-};
 /**
  * @requires useGridPageSize (event)
  */
 
 export var useGridPage = function useGridPage(apiRef, props) {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   var logger = useGridLogger(apiRef, 'useGridPage');
   var visibleTopLevelRowCount = useGridSelector(apiRef, gridVisibleTopLevelRowCountSelector);
@@ -81,12 +69,12 @@ export var useGridPage = function useGridPage(apiRef, props) {
    */
 
   var stateExportPreProcessing = React.useCallback(function (prevState) {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     var pageToExport = gridPageSelector(apiRef);
     var shouldExportPage = // Always export if the page is controlled
     props.page != null || // Always export if the page has been initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page) != null || // Export if the page value is not equal to the default value
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.page) != null || // Export if the page value is not equal to the default value
     pageToExport !== 0;
 
     if (!shouldExportPage) {
@@ -98,7 +86,7 @@ export var useGridPage = function useGridPage(apiRef, props) {
         page: pageToExport
       })
     });
-  }, [apiRef, props.page, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.pagination) == null ? void 0 : _props$initialState3$.page]);
+  }, [apiRef, props.page, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page]);
   var stateRestorePreProcessing = React.useCallback(function (params, context) {
     var _context$stateToResto, _context$stateToResto2;
 
@@ -107,8 +95,8 @@ export var useGridPage = function useGridPage(apiRef, props) {
     apiRef.current.setState(mergeStateWithPage(page));
     return params;
   }, [apiRef]);
-  useGridRegisterPreProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPreProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
   /**
    * EVENTS
    */
@@ -126,7 +114,14 @@ export var useGridPage = function useGridPage(apiRef, props) {
     apiRef.current.forceUpdate();
   };
 
+  var handlePageChange = function handlePageChange() {
+    return apiRef.current.scrollToIndexes({
+      rowIndex: gridPageSelector(apiRef) * gridPageSizeSelector(apiRef)
+    });
+  };
+
   useGridApiEventHandler(apiRef, GridEvents.pageSizeChange, handlePageSizeChange);
+  useGridApiEventHandler(apiRef, GridEvents.pageChange, handlePageChange);
   /**
    * EFFECTS
    */

package/legacy/hooks/features/pagination/useGridPageSize.js

@@ -4,32 +4,11 @@ import { GridEvents } from '../../../models/events';
 import { useGridLogger, useGridApiMethod, useGridApiEventHandler, useGridSelector } from '../../utils';
 import { gridPageSizeSelector } from './gridPaginationSelector';
 import { gridDensityRowHeightSelector } from '../density';
-import { useGridRegisterPreProcessor } from '../../core/preProcessing';
-
-var defaultPageSize = function defaultPageSize(autoPageSize) {
+import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
+export var defaultPageSize = function defaultPageSize(autoPageSize) {
   return autoPageSize ? 0 : 100;
 };
 
-export var pageSizeStateInitializer = function pageSizeStateInitializer(state, props) {
-  var _props$initialState, _props$initialState$p;
-
-  var pageSize;
-
-  if (props.pageSize != null) {
-    pageSize = props.pageSize;
-  } else if (((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null) {
-    pageSize = props.initialState.pagination.pageSize;
-  } else {
-    pageSize = defaultPageSize(props.autoPageSize);
-  }
-
-  return _extends({}, state, {
-    pagination: {
-      pageSize: pageSize
-    }
-  });
-};
-
 var mergeStateWithPageSize = function mergeStateWithPageSize(pageSize) {
   return function (state) {
     return _extends({}, state, {
@@ -45,7 +24,7 @@ var mergeStateWithPageSize = function mergeStateWithPageSize(pageSize) {
 
 
 export var useGridPageSize = function useGridPageSize(apiRef, props) {
-  var _props$initialState3, _props$initialState3$;
+  var _props$initialState2, _props$initialState2$;
 
   var logger = useGridLogger(apiRef, 'useGridPageSize');
   var rowHeight = useGridSelector(apiRef, gridDensityRowHeightSelector);
@@ -78,12 +57,12 @@ export var useGridPageSize = function useGridPageSize(apiRef, props) {
    */
 
   var stateExportPreProcessing = React.useCallback(function (prevState) {
-    var _props$initialState2, _props$initialState2$;
+    var _props$initialState, _props$initialState$p;
 
     var pageSizeToExport = gridPageSizeSelector(apiRef);
     var shouldExportPageSize = // Always export if the page size is controlled
     props.pageSize != null || // Always export if the page size has been initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.pageSize) != null || // Export if the page size value is not equal to the default value
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null || // Export if the page size value is not equal to the default value
     pageSizeToExport !== defaultPageSize(props.autoPageSize);
 
     if (!shouldExportPageSize) {
@@ -95,7 +74,7 @@ export var useGridPageSize = function useGridPageSize(apiRef, props) {
         pageSize: pageSizeToExport
       })
     });
-  }, [apiRef, props.pageSize, (_props$initialState3 = props.initialState) == null ? void 0 : (_props$initialState3$ = _props$initialState3.pagination) == null ? void 0 : _props$initialState3$.pageSize, props.autoPageSize]);
+  }, [apiRef, props.pageSize, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.pageSize, props.autoPageSize]);
   /**
    * TODO: Add error if `prop.autoHeight = true`
    */
@@ -111,8 +90,8 @@ export var useGridPageSize = function useGridPageSize(apiRef, props) {
 
     return params;
   }, [apiRef]);
-  useGridRegisterPreProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPreProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
   /**
    * EVENTS
    */

package/legacy/hooks/features/pagination/useGridPagination.js

@@ -1,5 +1,28 @@
-import { useGridPageSize } from './useGridPageSize';
-import { useGridPage } from './useGridPage';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useGridPageSize, defaultPageSize } from './useGridPageSize';
+import { useGridPage, getPageCount } from './useGridPage';
+export var paginationStateInitializer = function paginationStateInitializer(state, props) {
+  var _props$initialState, _props$initialState$p, _ref, _props$page, _props$initialState2, _props$initialState2$, _props$rowCount, _props$rowCount2;
+
+  var pageSize;
+
+  if (props.pageSize != null) {
+    pageSize = props.pageSize;
+  } else if (((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null) {
+    pageSize = props.initialState.pagination.pageSize;
+  } else {
+    pageSize = defaultPageSize(props.autoPageSize);
+  }
+
+  return _extends({}, state, {
+    pagination: {
+      pageSize: pageSize,
+      page: (_ref = (_props$page = props.page) != null ? _props$page : (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page) != null ? _ref : 0,
+      pageCount: getPageCount((_props$rowCount = props.rowCount) != null ? _props$rowCount : 0, pageSize),
+      rowCount: (_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : 0
+    }
+  });
+};
 /**
  * @requires useGridFilter (state)
  * @requires useGridDimensions (event) - can be after

package/legacy/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -1,25 +1,27 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { GridEvents } from '../../../models/events';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridStateInit } from '../../utils/useGridStateInit';
-import { useGridRegisterPreProcessor } from '../../core/preProcessing';
+import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
 import { gridPreferencePanelStateSelector } from './gridPreferencePanelSelector';
+import { useGridSelector } from '../../utils/useGridSelector';
+export var preferencePanelStateInitializer = function preferencePanelStateInitializer(state, props) {
+  var _props$initialState$p, _props$initialState;
+
+  return _extends({}, state, {
+    preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
+      open: false
+    }
+  });
+};
 /**
  * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`
  */
 
-export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, props) {
+export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef) {
   var logger = useGridLogger(apiRef, 'useGridPreferencesPanel');
-  useGridStateInit(apiRef, function (state) {
-    var _props$initialState$p, _props$initialState;
-
-    return _extends({}, state, {
-      preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
-        open: false
-      }
-    });
-  });
+  var preferencePanelState = useGridSelector(apiRef, gridPreferencePanelStateSelector);
   var hideTimeout = React.useRef();
   var immediateTimeout = React.useRef();
   /**
@@ -28,6 +30,13 @@ export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, pr
 
   var hidePreferences = React.useCallback(function () {
     logger.debug('Hiding Preferences Panel');
+
+    if (preferencePanelState.openedPanelValue) {
+      apiRef.current.publishEvent(GridEvents.preferencePanelClose, {
+        openedPanelValue: preferencePanelState.openedPanelValue
+      });
+    }
+
     apiRef.current.setState(function (state) {
       return _extends({}, state, {
         preferencePanel: {
@@ -36,7 +45,7 @@ export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, pr
       });
     });
     apiRef.current.forceUpdate();
-  }, [apiRef, logger]); // This is to prevent the preferences from closing when you open a select box or another panel,
+  }, [apiRef, logger, preferencePanelState.openedPanelValue]); // This is to prevent the preferences from closing when you open a select box or another panel,
   // The issue is in MUI core V4 => Fixed in V5
 
   var doNotHidePanel = React.useCallback(function () {
@@ -60,8 +69,11 @@ export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, pr
         })
       });
     });
+    apiRef.current.publishEvent(GridEvents.preferencePanelOpen, {
+      openedPanelValue: newValue
+    });
     apiRef.current.forceUpdate();
-  }, [doNotHidePanel, apiRef, logger]);
+  }, [logger, doNotHidePanel, apiRef]);
   useGridApiMethod(apiRef, {
     showPreferences: showPreferences,
     hidePreferences: hidePreferencesDelayed
@@ -94,8 +106,8 @@ export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, pr
 
     return params;
   }, [apiRef]);
-  useGridRegisterPreProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPreProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
+  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
   /**
    * EFFECTS
    */

package/legacy/hooks/features/rows/gridRowsUtils.js

@@ -0,0 +1,13 @@
+/**
+ * A helper function to check if the id provided is valid.
+ * @param {GridRowId} id Id as [[GridRowId]].
+ * @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
+ * @param {string} detailErrorMessage A custom error message to display for invalid IDs
+ */
+export function checkGridRowIdIsValid(id, row) {
+  var detailErrorMessage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'A row was provided without id in the rows prop:';
+
+  if (id == null) {
+    throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
+  }
+}

package/legacy/hooks/features/rows/index.js

@@ -1,4 +1,4 @@
 export * from './gridRowsMetaSelector';
 export * from './gridRowsMetaState';
 export * from './gridRowsSelector';
-export {};
+export { checkGridRowIdIsValid } from './gridRowsUtils';

package/legacy/hooks/features/rows/useGridParamsApi.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { getGridCellElement, getGridColumnHeaderElement, getGridRowElement } from '../../../utils/domUtils';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
+import { buildWarning } from '../../../utils/warning';
 var warnedOnceMissingColumn = false;
 
 function warnMissingColumn(field) {
@@ -9,12 +10,7 @@ function warnMissingColumn(field) {
   warnedOnceMissingColumn = true;
 }
 
-var warnedOnceGetValue = false;
-
-function warnGetValue() {
-  console.warn(["MUI: You are calling getValue. This method is deprecated and will be removed in the next major version.", "Instead, you can access the data from `params.row}`."].join('\n'));
-  warnedOnceGetValue = true;
-}
+var getCellValueWarning = buildWarning(["MUI: You are calling getValue. This method is deprecated and will be removed in the next major version.", 'Instead, you can access the data from `params.row`.']);
 /**
  * @requires useGridColumns (method)
  * @requires useGridRows (method)
@@ -24,7 +20,6 @@ function warnGetValue() {
  * TODO: Impossible priority - useGridFocus also needs to be after useGridParamsApi
  */
 
-
 export function useGridParamsApi(apiRef) {
   var getColumnHeaderParams = React.useCallback(function (field) {
     return {
@@ -40,9 +35,7 @@ export function useGridParamsApi(apiRef) {
     var _apiRef$current;
 
     if (process.env.NODE_ENV !== 'production') {
-      if (!warnedOnceGetValue) {
-        warnGetValue();
-      }
+      getCellValueWarning();
     }
 
     return (_apiRef$current = apiRef.current).getCellValue.apply(_apiRef$current, arguments);