@mui/x-data-grid 5.11.0 → 5.11.1

package/hooks/features/rows/useGridRows.js

@@ -7,76 +7,21 @@ import { GridSignature, useGridApiEventHandler } from '../../utils/useGridApiEve
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
 import { gridSortedRowIdsSelector } from '../sorting/gridSortingSelector';
 import { gridFilteredRowsLookupSelector } from '../filter/gridFilterSelector';
-import { checkGridRowIdIsValid, getTreeNodeDescendants } from './gridRowsUtils';
-
-function getGridRowId(rowModel, getRowId, detailErrorMessage) {
-  const id = getRowId ? getRowId(rowModel) : rowModel.id;
-  checkGridRowIdIsValid(id, rowModel, detailErrorMessage);
-  return id;
-}
-
-const convertRowsPropToState = ({
-  prevCache: prevState,
-  rows,
-  getRowId
-}) => {
-  let value;
-
-  if (rows) {
-    value = {
-      idRowsLookup: {},
-      idToIdLookup: {},
-      ids: []
-    };
-
-    for (let i = 0; i < rows.length; i += 1) {
-      const row = rows[i];
-      const id = getGridRowId(row, getRowId);
-      value.idRowsLookup[id] = row;
-      value.idToIdLookup[id] = id;
-      value.ids.push(id);
-    }
-  } else {
-    value = prevState.value;
-  }
-
-  return {
-    value,
-    rowsBeforePartialUpdates: rows != null ? rows : prevState.rowsBeforePartialUpdates
-  };
-};
-
-const getRowsStateFromCache = (rowsCache, previousTree, apiRef, rowCountProp, loadingProp) => {
-  const {
-    value
-  } = rowsCache;
-  const rowCount = rowCountProp != null ? rowCountProp : 0;
-  const groupingResponse = apiRef.current.unstable_applyStrategyProcessor('rowTreeCreation', _extends({}, value, {
-    previousTree
-  }));
-  const dataTopLevelRowCount = groupingResponse.treeDepth === 1 ? groupingResponse.ids.length : Object.values(groupingResponse.tree).filter(node => node.parent == null).length;
-  return _extends({}, groupingResponse, {
-    loading: loadingProp,
-    totalRowCount: Math.max(rowCount, groupingResponse.ids.length),
-    totalTopLevelRowCount: Math.max(rowCount, dataTopLevelRowCount)
-  });
-};
-
+import { getTreeNodeDescendants, createRowsInternalCache, getRowsStateFromCache, getRowIdFromRowModel } from './gridRowsUtils';
+import { useGridRegisterPipeApplier } from '../../core/pipeProcessing';
 export const rowsStateInitializer = (state, props, apiRef) => {
-  apiRef.current.unstable_caches.rows = convertRowsPropToState({
+  apiRef.current.unstable_caches.rows = createRowsInternalCache({
     rows: props.rows,
     getRowId: props.getRowId,
-    prevCache: {
-      value: {
-        idRowsLookup: {},
-        idToIdLookup: {},
-        ids: []
-      },
-      rowsBeforePartialUpdates: []
-    }
+    loading: props.loading
   });
   return _extends({}, state, {
-    rows: getRowsStateFromCache(apiRef.current.unstable_caches.rows, null, apiRef, props.rowCount, props.loading)
+    rows: getRowsStateFromCache({
+      apiRef,
+      previousTree: null,
+      rowCountProp: props.rowCount,
+      loadingProp: props.loading
+    })
   });
 };
 export const useGridRows = (apiRef, props) => {
@@ -105,7 +50,12 @@ export const useGridRows = (apiRef, props) => {
       timeout.current = null;
       lastUpdateMs.current = Date.now();
       apiRef.current.setState(state => _extends({}, state, {
-        rows: getRowsStateFromCache(apiRef.current.unstable_caches.rows, gridRowTreeSelector(apiRef), apiRef, props.rowCount, props.loading)
+        rows: getRowsStateFromCache({
+          apiRef,
+          previousTree: gridRowTreeSelector(apiRef),
+          rowCountProp: props.rowCount,
+          loadingProp: props.loading
+        })
       }));
       apiRef.current.publishEvent('rowsSet');
       apiRef.current.forceUpdate();
@@ -138,12 +88,12 @@ export const useGridRows = (apiRef, props) => {
 
   const setRows = React.useCallback(rows => {
     logger.debug(`Updating all rows, new length ${rows.length}`);
-    throttledRowsChange(convertRowsPropToState({
+    throttledRowsChange(createRowsInternalCache({
       rows,
-      prevCache: apiRef.current.unstable_caches.rows,
-      getRowId: props.getRowId
+      getRowId: props.getRowId,
+      loading: props.loading
     }), true);
-  }, [apiRef, logger, props.getRowId, throttledRowsChange]);
+  }, [logger, props.getRowId, props.loading, throttledRowsChange]);
   const updateRows = React.useCallback(updates => {
     if (props.signature === 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.
@@ -153,7 +103,7 @@ export const useGridRows = (apiRef, props) => {
 
     const uniqUpdates = new Map();
     updates.forEach(update => {
-      const id = getGridRowId(update, props.getRowId, 'A row was provided without id when calling updateRows():');
+      const id = getRowIdFromRowModel(update, props.getRowId, 'A row was provided without id when calling updateRows():');
 
       if (uniqUpdates.has(id)) {
         uniqUpdates.set(id, _extends({}, uniqUpdates.get(id), update));
@@ -162,16 +112,19 @@ export const useGridRows = (apiRef, props) => {
       }
     });
     const deletedRowIds = [];
-    const newStateValue = {
-      idRowsLookup: _extends({}, apiRef.current.unstable_caches.rows.value.idRowsLookup),
-      idToIdLookup: _extends({}, apiRef.current.unstable_caches.rows.value.idToIdLookup),
-      ids: [...apiRef.current.unstable_caches.rows.value.ids]
+    const prevCache = apiRef.current.unstable_caches.rows;
+    const newCache = {
+      rowsBeforePartialUpdates: prevCache.rowsBeforePartialUpdates,
+      loadingPropBeforePartialUpdates: prevCache.loadingPropBeforePartialUpdates,
+      idRowsLookup: _extends({}, prevCache.idRowsLookup),
+      idToIdLookup: _extends({}, prevCache.idToIdLookup),
+      ids: [...prevCache.ids]
     };
     uniqUpdates.forEach((partialRow, id) => {
       // eslint-disable-next-line no-underscore-dangle
       if (partialRow._action === 'delete') {
-        delete newStateValue.idRowsLookup[id];
-        delete newStateValue.idToIdLookup[id];
+        delete newCache.idRowsLookup[id];
+        delete newCache.idToIdLookup[id];
         deletedRowIds.push(id);
         return;
       }
@@ -179,24 +132,20 @@ export const useGridRows = (apiRef, props) => {
       const oldRow = apiRef.current.getRow(id);
 
       if (!oldRow) {
-        newStateValue.idRowsLookup[id] = partialRow;
-        newStateValue.idToIdLookup[id] = id;
-        newStateValue.ids.push(id);
+        newCache.idRowsLookup[id] = partialRow;
+        newCache.idToIdLookup[id] = id;
+        newCache.ids.push(id);
         return;
       }
 
-      newStateValue.idRowsLookup[id] = _extends({}, apiRef.current.getRow(id), partialRow);
+      newCache.idRowsLookup[id] = _extends({}, apiRef.current.getRow(id), partialRow);
     });
 
     if (deletedRowIds.length > 0) {
-      newStateValue.ids = newStateValue.ids.filter(id => !deletedRowIds.includes(id));
+      newCache.ids = newCache.ids.filter(id => !deletedRowIds.includes(id));
     }
 
-    const state = _extends({}, apiRef.current.unstable_caches.rows, {
-      value: newStateValue
-    });
-
-    throttledRowsChange(state, true);
+    throttledRowsChange(newCache, true);
   }, [props.signature, props.getRowId, throttledRowsChange, apiRef]);
   const getRowModels = React.useCallback(() => {
     const allRows = gridRowIdsSelector(apiRef);
@@ -310,25 +259,25 @@ export const useGridRows = (apiRef, props) => {
 
   const groupRows = React.useCallback(() => {
     logger.info(`Row grouping pre-processing have changed, regenerating the row tree`);
-    let rows;
+    let cache;
 
     if (apiRef.current.unstable_caches.rows.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;
+      // The `props.rows` did not change since the last row grouping
+      // We can use the current rows cache which contains the partial updates done recently.
+      cache = apiRef.current.unstable_caches.rows;
     } 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;
+      cache = createRowsInternalCache({
+        rows: props.rows,
+        getRowId: props.getRowId,
+        loading: props.loading
+      });
     }
 
-    throttledRowsChange(convertRowsPropToState({
-      rows,
-      getRowId: props.getRowId,
-      prevCache: apiRef.current.unstable_caches.rows
-    }), false);
-  }, [logger, apiRef, props.rows, props.getRowId, throttledRowsChange]);
+    throttledRowsChange(cache, false);
+  }, [logger, apiRef, props.rows, props.getRowId, props.loading, throttledRowsChange]);
   const handleStrategyProcessorChange = React.useCallback(methodName => {
     if (methodName === 'rowTreeCreation') {
       groupRows();
@@ -343,6 +292,18 @@ export const useGridRows = (apiRef, props) => {
   }, [apiRef, groupRows]);
   useGridApiEventHandler(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
   useGridApiEventHandler(apiRef, 'strategyAvailabilityChange', handleStrategyActivityChange);
+  /**
+   * APPLIERS
+   */
+
+  const applyHydrateRowsProcessor = React.useCallback(() => {
+    apiRef.current.setState(state => _extends({}, state, {
+      rows: _extends({}, state.rows, apiRef.current.unstable_applyPipeProcessors('hydrateRows', state.rows.groupingResponseBeforeRowHydration))
+    }));
+    apiRef.current.publishEvent('rowsSet');
+    apiRef.current.forceUpdate();
+  }, [apiRef]);
+  useGridRegisterPipeApplier(apiRef, 'hydrateRows', applyHydrateRowsProcessor);
   useGridApiMethod(apiRef, rowApi, 'GridRowApi');
   /**
    * EFFECTS
@@ -365,15 +326,15 @@ export const useGridRows = (apiRef, props) => {
     } // The new rows have already been applied (most likely in the `'rowGroupsPreProcessingChange'` listener)
 
 
-    if (apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows) {
+    if (apiRef.current.unstable_caches.rows.rowsBeforePartialUpdates === props.rows && apiRef.current.unstable_caches.rows.loadingPropBeforePartialUpdates === props.loading) {
       return;
     }
 
     logger.debug(`Updating all rows, new length ${props.rows.length}`);
-    throttledRowsChange(convertRowsPropToState({
+    throttledRowsChange(createRowsInternalCache({
       rows: props.rows,
       getRowId: props.getRowId,
-      prevCache: apiRef.current.unstable_caches.rows
+      loading: props.loading
     }), false);
-  }, [props.rows, props.rowCount, props.getRowId, logger, throttledRowsChange, apiRef]);
+  }, [props.rows, props.rowCount, props.getRowId, props.loading, logger, throttledRowsChange, apiRef]);
 };

package/index.js

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

package/legacy/components/base/GridOverlays.js

@@ -77,7 +77,7 @@ export function GridOverlays() {
     overlay = /*#__PURE__*/_jsx(rootProps.components.NoResultsOverlay, _extends({}, (_rootProps$components2 = rootProps.componentsProps) == null ? void 0 : _rootProps$components2.noResultsOverlay));
   }
 
-  if (rootProps.loading) {
+  if (loading) {
     var _rootProps$components3;
 
     overlay = /*#__PURE__*/_jsx(rootProps.components.LoadingOverlay, _extends({}, (_rootProps$components3 = rootProps.componentsProps) == null ? void 0 : _rootProps$components3.loadingOverlay));

package/legacy/components/containers/GridRoot.js

@@ -5,18 +5,29 @@ var _excluded = ["children", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
+import { useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, capitalize } from '@mui/material/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
 import { GridRootStyles } from './GridRootStyles';
 import { gridVisibleColumnDefinitionsSelector } from '../../hooks/features/columns/gridColumnsSelector';
 import { useGridSelector } from '../../hooks/utils/useGridSelector';
 import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
-import { gridClasses } from '../../constants/gridClasses';
+import { getDataGridUtilityClass } from '../../constants/gridClasses';
 import { gridRowCountSelector } from '../../hooks/features/rows/gridRowsSelector';
+import { gridDensityValueSelector } from '../../hooks/features/density/densitySelector';
 import { jsx as _jsx } from "react/jsx-runtime";
-var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
-  var _rootProps$classes;
 
+var useUtilityClasses = function useUtilityClasses(ownerState) {
+  var autoHeight = ownerState.autoHeight,
+      density = ownerState.density,
+      classes = ownerState.classes;
+  var slots = {
+    root: ['root', autoHeight && 'autoHeight', "root--density".concat(capitalize(density))]
+  };
+  return composeClasses(slots, getDataGridUtilityClass, classes);
+};
+
+var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
   var rootProps = useGridRootProps();
 
   var children = props.children,
@@ -26,8 +37,15 @@ var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
   var apiRef = useGridApiContext();
   var visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
   var totalRowCount = useGridSelector(apiRef, gridRowCountSelector);
+  var densityValue = useGridSelector(apiRef, gridDensityValueSelector);
   var rootContainerRef = React.useRef(null);
   var handleRef = useForkRef(rootContainerRef, ref);
+  var ownerState = {
+    density: densityValue,
+    classes: rootProps.classes,
+    autoHeight: rootProps.autoHeight
+  };
+  var classes = useUtilityClasses(ownerState);
   apiRef.current.rootElementRef = rootContainerRef; // Our implementation of <NoSsr />
 
   var _React$useState = React.useState(false),
@@ -50,7 +68,7 @@ var GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
 
   return /*#__PURE__*/_jsx(GridRootStyles, _extends({
     ref: handleRef,
-    className: clsx(className, (_rootProps$classes = rootProps.classes) == null ? void 0 : _rootProps$classes.root, gridClasses.root, rootProps.autoHeight && gridClasses.autoHeight),
+    className: clsx(className, classes.root),
     role: "grid",
     "aria-colcount": visibleColumns.length,
     "aria-rowcount": totalRowCount,

package/legacy/components/toolbar/GridToolbarQuickFilter.js

@@ -5,7 +5,6 @@ var _excluded = ["quickFilterParser", "debounceMs"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import TextField from '@mui/material/TextField';
-import SearchIcon from '@mui/icons-material/Search';
 import { styled } from '@mui/material/styles';
 import { debounce } from '@mui/material/utils';
 import { useGridApiContext } from '../../hooks/utils/useGridApiContext';
@@ -74,7 +73,7 @@ function GridToolbarQuickFilter(props) {
     "aria-label": apiRef.current.getLocaleText('toolbarQuickFilterLabel'),
     type: "search",
     InputProps: {
-      startAdornment: /*#__PURE__*/_jsx(SearchIcon, {
+      startAdornment: /*#__PURE__*/_jsx(rootProps.components.QuickFilterIcon, {
         fontSize: "small"
       })
     }

package/legacy/constants/defaultGridSlotsComponents.js

@@ -7,7 +7,7 @@ import MUISwitch from '@mui/material/Switch';
 import MUIButton from '@mui/material/Button';
 import MUITooltip from '@mui/material/Tooltip';
 import MUIPopper from '@mui/material/Popper';
-import { GridArrowDownwardIcon, GridArrowUpwardIcon, GridCell, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridColumnMenu, GridColumnsPanel, GridFilterAltIcon, GridFilterListIcon, GridFilterPanel, GridFooter, GridHeader, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridSaveAltIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridMoreVertIcon, GridExpandMoreIcon, GridKeyboardArrowRight, GridAddIcon, GridRemoveIcon, GridDragIcon, GridColumnHeaderFilterIconButton } from '../components';
+import { GridArrowDownwardIcon, GridArrowUpwardIcon, GridCell, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridColumnMenu, GridColumnsPanel, GridFilterAltIcon, GridFilterListIcon, GridFilterPanel, GridFooter, GridHeader, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridPreferencesPanel, GridRow, GridSaveAltIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridMoreVertIcon, GridExpandMoreIcon, GridKeyboardArrowRight, GridAddIcon, GridRemoveIcon, GridDragIcon, GridColumnHeaderFilterIconButton, GridSearchIcon } from '../components';
 import { GridColumnUnsortedIcon } from '../components/columnHeaders/GridColumnUnsortedIcon';
 import { ErrorOverlay } from '../components/ErrorOverlay';
 import { GridNoResultsOverlay } from '../components/GridNoResultsOverlay';
@@ -34,7 +34,8 @@ var DEFAULT_GRID_ICON_SLOTS_COMPONENTS = {
   GroupingCriteriaExpandIcon: GridKeyboardArrowRight,
   DetailPanelExpandIcon: GridAddIcon,
   DetailPanelCollapseIcon: GridRemoveIcon,
-  RowReorderIcon: GridDragIcon
+  RowReorderIcon: GridDragIcon,
+  QuickFilterIcon: GridSearchIcon
 };
 /**
  * TODO: Differentiate community and pro value and interface

package/legacy/constants/gridClasses.js

@@ -2,4 +2,4 @@ import { generateUtilityClasses, generateUtilityClass } from '@mui/material';
 export function getDataGridUtilityClass(slot) {
   return generateUtilityClass('MuiDataGrid', slot);
 }
-export var gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'autoHeight', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell', 'cellContent', 'cellCheckbox', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLinkOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'root', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle']);
+export var gridClasses = generateUtilityClasses('MuiDataGrid', ['actionsCell', 'autoHeight', 'booleanCell', 'cell--editable', 'cell--editing', 'cell--textCenter', 'cell--textLeft', 'cell--textRight', 'cell--withRenderer', 'cell', 'cellContent', 'cellCheckbox', 'checkboxInput', 'columnHeader--alignCenter', 'columnHeader--alignLeft', 'columnHeader--alignRight', 'columnHeader--dragging', 'columnHeader--moving', 'columnHeader--numeric', 'columnHeader--sortable', 'columnHeader--sorted', 'columnHeader--filtered', 'columnHeader', 'columnHeaderCheckbox', 'columnHeaderDraggableContainer', 'columnHeaderDropZone', 'columnHeaderTitle', 'columnHeaderTitleContainer', 'columnHeaderTitleContainerContent', 'columnHeaders', 'columnHeadersInner', 'columnHeadersInner--scrollable', 'columnSeparator--resizable', 'columnSeparator--resizing', 'columnSeparator--sideLeft', 'columnSeparator--sideRight', 'columnSeparator', 'columnsPanel', 'columnsPanelRow', 'detailPanel', 'detailPanels', 'detailPanelToggleCell', 'detailPanelToggleCell--expanded', 'panel', 'panelHeader', 'panelWrapper', 'panelContent', 'panelFooter', 'paper', 'editBooleanCell', 'editInputCell', 'filterForm', 'filterFormDeleteIcon', 'filterFormLinkOperatorInput', 'filterFormColumnInput', 'filterFormOperatorInput', 'filterFormValueInput', 'filterIcon', 'footerContainer', 'iconButtonContainer', 'iconSeparator', 'main', 'menu', 'menuIcon', 'menuIconButton', 'menuOpen', 'menuList', 'overlay', 'root', 'root--densityStandard', 'root--densityComfortable', 'root--densityCompact', 'row', 'row--editable', 'row--editing', 'row--lastVisible', 'row--dragging', 'rowReorderCellPlaceholder', 'rowCount', 'rowReorderCellContainer', 'rowReorderCell', 'rowReorderCell--draggable', 'scrollArea--left', 'scrollArea--right', 'scrollArea', 'selectedRowCount', 'sortIcon', 'toolbarContainer', 'toolbarFilterList', 'virtualScroller', 'virtualScrollerContent', 'virtualScrollerContent--overflowed', 'virtualScrollerRenderZone', 'pinnedColumns', 'pinnedColumns--left', 'pinnedColumns--right', 'pinnedColumnHeaders', 'pinnedColumnHeaders--left', 'pinnedColumnHeaders--right', 'withBorder', 'treeDataGroupingCell', 'treeDataGroupingCellToggle', 'groupingCriteriaCell', 'groupingCriteriaCellToggle']);

package/legacy/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -47,31 +47,27 @@ export var useGridPipeProcessing = function useGridPipeProcessing(apiRef) {
   var registerPipeProcessor = React.useCallback(function (group, id, processor) {
     if (!processorsCache.current[group]) {
       processorsCache.current[group] = {
-        processors: {},
+        processors: new Map(),
         appliers: {}
       };
     }
 
     var groupCache = processorsCache.current[group];
-    var oldProcessor = groupCache.processors[id];
+    var oldProcessor = groupCache.processors.get(id);
 
     if (oldProcessor !== processor) {
-      groupCache.processors[id] = processor;
+      groupCache.processors.set(id, processor);
       runAppliers(groupCache);
     }
 
     return function () {
-      var _processors = processorsCache.current[group].processors,
-          removedGroupProcessor = _processors[id],
-          otherProcessors = _objectWithoutProperties(_processors, [id].map(_toPropertyKey));
-
-      processorsCache.current[group].processors = otherProcessors;
+      processorsCache.current[group].processors.set(id, null);
     };
   }, [runAppliers]);
   var registerPipeApplier = React.useCallback(function (group, id, applier) {
     if (!processorsCache.current[group]) {
       processorsCache.current[group] = {
-        processors: {},
+        processors: new Map(),
         appliers: {}
       };
     }
@@ -104,8 +100,12 @@ export var useGridPipeProcessing = function useGridPipeProcessing(apiRef) {
       return value;
     }
 
-    var preProcessors = Object.values(processorsCache.current[group].processors);
+    var preProcessors = Array.from(processorsCache.current[group].processors.values());
     return preProcessors.reduce(function (acc, preProcessor) {
+      if (!preProcessor) {
+        return acc;
+      }
+
       return preProcessor(acc, context);
     }, value);
   }, []);

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

@@ -1,4 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["rowsBeforePartialUpdates"];
 
 /**
  * A helper function to check if the id provided is valid.
@@ -13,6 +16,58 @@ export function checkGridRowIdIsValid(id, row) {
     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'));
   }
 }
+export var getRowIdFromRowModel = function getRowIdFromRowModel(rowModel, getRowId, detailErrorMessage) {
+  var id = getRowId ? getRowId(rowModel) : rowModel.id;
+  checkGridRowIdIsValid(id, rowModel, detailErrorMessage);
+  return id;
+};
+export var createRowsInternalCache = function createRowsInternalCache(_ref) {
+  var rows = _ref.rows,
+      getRowId = _ref.getRowId,
+      loading = _ref.loading;
+  var cache = {
+    rowsBeforePartialUpdates: rows,
+    loadingPropBeforePartialUpdates: loading,
+    idRowsLookup: {},
+    idToIdLookup: {},
+    ids: []
+  };
+
+  for (var i = 0; i < rows.length; i += 1) {
+    var row = rows[i];
+    var id = getRowIdFromRowModel(row, getRowId);
+    cache.idRowsLookup[id] = row;
+    cache.idToIdLookup[id] = id;
+    cache.ids.push(id);
+  }
+
+  return cache;
+};
+export var getRowsStateFromCache = function getRowsStateFromCache(_ref2) {
+  var apiRef = _ref2.apiRef,
+      previousTree = _ref2.previousTree,
+      rowCountProp = _ref2.rowCountProp,
+      loadingProp = _ref2.loadingProp;
+
+  var _apiRef$current$unsta = apiRef.current.unstable_caches.rows,
+      rowsBeforePartialUpdates = _apiRef$current$unsta.rowsBeforePartialUpdates,
+      cacheForGrouping = _objectWithoutProperties(_apiRef$current$unsta, _excluded);
+
+  var rowCount = rowCountProp != null ? rowCountProp : 0;
+  var groupingResponse = apiRef.current.unstable_applyStrategyProcessor('rowTreeCreation', _extends({}, cacheForGrouping, {
+    previousTree: previousTree
+  }));
+  var processedGroupingResponse = apiRef.current.unstable_applyPipeProcessors('hydrateRows', groupingResponse);
+  var dataTopLevelRowCount = processedGroupingResponse.treeDepth === 1 ? processedGroupingResponse.ids.length : Object.values(processedGroupingResponse.tree).filter(function (node) {
+    return node.parent == null;
+  }).length;
+  return _extends({}, processedGroupingResponse, {
+    groupingResponseBeforeRowHydration: groupingResponse,
+    loading: loadingProp,
+    totalRowCount: Math.max(rowCount, processedGroupingResponse.ids.length),
+    totalTopLevelRowCount: Math.max(rowCount, dataTopLevelRowCount)
+  });
+};
 export var getTreeNodeDescendants = function getTreeNodeDescendants(tree, parentId, skipAutoGeneratedRows) {
   var _tree$parentId;