@mui/x-data-grid 8.0.0-alpha.9 → 8.0.0-beta.0

package/node/hooks/features/rowSelection/utils.js

@@ -1,173 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findRowsToSelect = exports.findRowsToDeselect = exports.ROW_SELECTION_PROPAGATION_DEFAULT = void 0;
-exports.getCheckboxPropsSelector = getCheckboxPropsSelector;
-exports.isMultipleRowSelectionEnabled = isMultipleRowSelectionEnabled;
-var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
-var _gridRowsUtils = require("../rows/gridRowsUtils");
-var _gridFilterSelector = require("../filter/gridFilterSelector");
-var _gridSortingSelector = require("../sorting/gridSortingSelector");
-var _gridRowSelectionSelector = require("./gridRowSelectionSelector");
-var _gridRowsSelector = require("../rows/gridRowsSelector");
-var _createSelector = require("../../../utils/createSelector");
-const ROW_SELECTION_PROPAGATION_DEFAULT = exports.ROW_SELECTION_PROPAGATION_DEFAULT = {
-  parents: true,
-  descendants: true
-};
-function getGridRowGroupSelectableDescendants(apiRef, groupId) {
-  const rowTree = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef);
-  const sortedRowIds = (0, _gridSortingSelector.gridSortedRowIdsSelector)(apiRef);
-  const filteredRowsLookup = (0, _gridFilterSelector.gridFilteredRowsLookupSelector)(apiRef);
-  const groupNode = rowTree[groupId];
-  if (!groupNode || groupNode.type !== 'group') {
-    return [];
-  }
-  const descendants = [];
-  const startIndex = sortedRowIds.findIndex(id => id === groupId) + 1;
-  for (let index = startIndex; index < sortedRowIds.length && rowTree[sortedRowIds[index]]?.depth > groupNode.depth; index += 1) {
-    const id = sortedRowIds[index];
-    if (filteredRowsLookup[id] !== false && apiRef.current.isRowSelectable(id)) {
-      descendants.push(id);
-    }
-  }
-  return descendants;
-}
-
-// TODO v8: Use `createSelectorV8`
-function getCheckboxPropsSelector(groupId, autoSelectParents) {
-  return (0, _createSelector.createSelector)(_gridRowsSelector.gridRowTreeSelector, _gridSortingSelector.gridSortedRowIdsSelector, _gridFilterSelector.gridFilteredRowsLookupSelector, _gridRowSelectionSelector.selectedIdsLookupSelector, (rowTree, sortedRowIds, filteredRowsLookup, rowSelectionLookup) => {
-    const groupNode = rowTree[groupId];
-    if (!groupNode || groupNode.type !== 'group') {
-      return {
-        isIndeterminate: false,
-        isChecked: rowSelectionLookup[groupId] === groupId
-      };
-    }
-    if (rowSelectionLookup[groupId] === groupId) {
-      return {
-        isIndeterminate: false,
-        isChecked: true
-      };
-    }
-    let selectableDescendantsCount = 0;
-    let selectedDescendantsCount = 0;
-    const startIndex = sortedRowIds.findIndex(id => id === groupId) + 1;
-    for (let index = startIndex; index < sortedRowIds.length && rowTree[sortedRowIds[index]]?.depth > groupNode.depth; index += 1) {
-      const id = sortedRowIds[index];
-      if (filteredRowsLookup[id] !== false) {
-        selectableDescendantsCount += 1;
-        if (rowSelectionLookup[id] !== undefined) {
-          selectedDescendantsCount += 1;
-        }
-      }
-    }
-    return {
-      isIndeterminate: selectedDescendantsCount > 0 && (selectedDescendantsCount < selectableDescendantsCount || rowSelectionLookup[groupId] === undefined),
-      isChecked: autoSelectParents ? selectedDescendantsCount > 0 : rowSelectionLookup[groupId] === groupId
-    };
-  });
-}
-function isMultipleRowSelectionEnabled(props) {
-  if (props.signature === _useGridApiEventHandler.GridSignature.DataGrid) {
-    // DataGrid Community has multiple row selection enabled only if checkbox selection is enabled.
-    return props.checkboxSelection && props.disableMultipleRowSelection !== true;
-  }
-  return !props.disableMultipleRowSelection;
-}
-const getRowNodeParents = (tree, id) => {
-  const parents = [];
-  let parent = id;
-  while (parent != null && parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID) {
-    const node = tree[parent];
-    if (!node) {
-      return parents;
-    }
-    parents.push(parent);
-    parent = node.parent;
-  }
-  return parents;
-};
-const getFilteredRowNodeSiblings = (tree, filteredRows, id) => {
-  const node = tree[id];
-  if (!node) {
-    return [];
-  }
-  const parent = node.parent;
-  if (parent == null) {
-    return [];
-  }
-  const parentNode = tree[parent];
-  return parentNode.children.filter(childId => childId !== id && filteredRows[childId]);
-};
-const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendants, autoSelectParents, addRow) => {
-  const filteredRows = (0, _gridFilterSelector.gridFilteredRowsLookupSelector)(apiRef);
-  const selectedIdsLookup = (0, _gridRowSelectionSelector.selectedIdsLookupSelector)(apiRef);
-  const selectedDescendants = new Set([]);
-  if (!autoSelectDescendants && !autoSelectParents) {
-    return;
-  }
-  if (autoSelectDescendants) {
-    const rowNode = tree[selectedRow];
-    if (rowNode?.type === 'group') {
-      const descendants = getGridRowGroupSelectableDescendants(apiRef, selectedRow);
-      descendants.forEach(rowId => {
-        addRow(rowId);
-        selectedDescendants.add(rowId);
-      });
-    }
-  }
-  if (autoSelectParents) {
-    const checkAllDescendantsSelected = rowId => {
-      if (selectedIdsLookup[rowId] !== rowId && !selectedDescendants.has(rowId)) {
-        return false;
-      }
-      const node = tree[rowId];
-      if (node?.type !== 'group') {
-        return true;
-      }
-      return node.children.every(checkAllDescendantsSelected);
-    };
-    const traverseParents = rowId => {
-      const siblings = getFilteredRowNodeSiblings(tree, filteredRows, rowId);
-      if (siblings.length === 0 || siblings.every(checkAllDescendantsSelected)) {
-        const rowNode = tree[rowId];
-        const parent = rowNode.parent;
-        if (parent != null && parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID && apiRef.current.isRowSelectable(parent)) {
-          addRow(parent);
-          selectedDescendants.add(parent);
-          traverseParents(parent);
-        }
-      }
-    };
-    traverseParents(selectedRow);
-  }
-};
-exports.findRowsToSelect = findRowsToSelect;
-const findRowsToDeselect = (apiRef, tree, deselectedRow, autoSelectDescendants, autoSelectParents, removeRow) => {
-  const selectedIdsLookup = (0, _gridRowSelectionSelector.selectedIdsLookupSelector)(apiRef);
-  if (!autoSelectParents && !autoSelectDescendants) {
-    return;
-  }
-  if (autoSelectParents) {
-    const allParents = getRowNodeParents(tree, deselectedRow);
-    allParents.forEach(parent => {
-      const isSelected = selectedIdsLookup[parent] === parent;
-      if (isSelected) {
-        removeRow(parent);
-      }
-    });
-  }
-  if (autoSelectDescendants) {
-    const rowNode = tree[deselectedRow];
-    if (rowNode?.type === 'group') {
-      const descendants = getGridRowGroupSelectableDescendants(apiRef, deselectedRow);
-      descendants.forEach(descendant => {
-        removeRow(descendant);
-      });
-    }
-  }
-};
-exports.findRowsToDeselect = findRowsToDeselect;

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridRowSpanningSpannedCellsSelector = exports.gridRowSpanningHiddenCellsSelector = exports.gridRowSpanningHiddenCellsOriginMapSelector = void 0;
-var _createSelector = require("../../../utils/createSelector");
-const gridRowSpanningStateSelector = state => state.rowSpanning;
-const gridRowSpanningHiddenCellsSelector = exports.gridRowSpanningHiddenCellsSelector = (0, _createSelector.createSelector)(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCells);
-const gridRowSpanningSpannedCellsSelector = exports.gridRowSpanningSpannedCellsSelector = (0, _createSelector.createSelector)(gridRowSpanningStateSelector, rowSpanning => rowSpanning.spannedCells);
-const gridRowSpanningHiddenCellsOriginMapSelector = exports.gridRowSpanningHiddenCellsOriginMapSelector = (0, _createSelector.createSelector)(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCellOriginMap);

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

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCellValue = void 0;
-exports.getUnprocessedRange = getUnprocessedRange;
-exports.isRowContextInitialized = isRowContextInitialized;
-exports.isRowRangeUpdated = isRowRangeUpdated;
-function getUnprocessedRange(testRange, processedRange) {
-  if (testRange.firstRowIndex >= processedRange.firstRowIndex && testRange.lastRowIndex <= processedRange.lastRowIndex) {
-    return null;
-  }
-  // Overflowing at the end
-  // Example: testRange={ firstRowIndex: 10, lastRowIndex: 20 }, processedRange={ firstRowIndex: 0, lastRowIndex: 15 }
-  // Unprocessed Range={ firstRowIndex: 16, lastRowIndex: 20 }
-  if (testRange.firstRowIndex >= processedRange.firstRowIndex && testRange.lastRowIndex > processedRange.lastRowIndex) {
-    return {
-      firstRowIndex: processedRange.lastRowIndex,
-      lastRowIndex: testRange.lastRowIndex
-    };
-  }
-  // Overflowing at the beginning
-  // Example: testRange={ firstRowIndex: 0, lastRowIndex: 20 }, processedRange={ firstRowIndex: 16, lastRowIndex: 30 }
-  // Unprocessed Range={ firstRowIndex: 0, lastRowIndex: 15 }
-  if (testRange.firstRowIndex < processedRange.firstRowIndex && testRange.lastRowIndex <= processedRange.lastRowIndex) {
-    return {
-      firstRowIndex: testRange.firstRowIndex,
-      lastRowIndex: processedRange.firstRowIndex - 1
-    };
-  }
-  // TODO: Should return two ranges handle overflowing at both ends ?
-  return testRange;
-}
-function isRowContextInitialized(renderContext) {
-  return renderContext.firstRowIndex !== 0 || renderContext.lastRowIndex !== 0;
-}
-function isRowRangeUpdated(range1, range2) {
-  return range1.firstRowIndex !== range2.firstRowIndex || range1.lastRowIndex !== range2.lastRowIndex;
-}
-const getCellValue = (row, colDef, apiRef) => {
-  if (!row) {
-    return null;
-  }
-  let cellValue = row[colDef.field];
-  const valueGetter = colDef.rowSpanValueGetter ?? colDef.valueGetter;
-  if (valueGetter) {
-    cellValue = valueGetter(cellValue, row, colDef, apiRef);
-  }
-  return cellValue;
-};
-exports.getCellValue = getCellValue;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridRowsMetaSelector = void 0;
-const gridRowsMetaSelector = state => state.rowsMeta;
-exports.gridRowsMetaSelector = gridRowsMetaSelector;

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridTopLevelRowCountSelector = exports.gridRowsLookupSelector = exports.gridRowsLoadingSelector = exports.gridRowTreeSelector = exports.gridRowTreeDepthsSelector = exports.gridRowMaximumTreeDepthSelector = exports.gridRowGroupsToFetchSelector = exports.gridRowGroupingNameSelector = exports.gridRowCountSelector = exports.gridPinnedRowsSelector = exports.gridPinnedRowsCountSelector = exports.gridDataRowIdsSelector = exports.gridAdditionalRowGroupsSelector = void 0;
-var _createSelector = require("../../../utils/createSelector");
-const gridRowsStateSelector = state => state.rows;
-const gridRowCountSelector = exports.gridRowCountSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.totalRowCount);
-const gridRowsLoadingSelector = exports.gridRowsLoadingSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.loading);
-const gridTopLevelRowCountSelector = exports.gridTopLevelRowCountSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.totalTopLevelRowCount);
-
-// TODO rows v6: Rename
-const gridRowsLookupSelector = exports.gridRowsLookupSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.dataRowIdToModelLookup);
-const gridRowTreeSelector = exports.gridRowTreeSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.tree);
-const gridRowGroupsToFetchSelector = exports.gridRowGroupsToFetchSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupsToFetch);
-const gridRowGroupingNameSelector = exports.gridRowGroupingNameSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupingName);
-const gridRowTreeDepthsSelector = exports.gridRowTreeDepthsSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.treeDepths);
-const gridRowMaximumTreeDepthSelector = exports.gridRowMaximumTreeDepthSelector = (0, _createSelector.createSelectorMemoized)(gridRowsStateSelector, rows => {
-  const entries = Object.entries(rows.treeDepths);
-  if (entries.length === 0) {
-    return 1;
-  }
-  return (entries.filter(([, nodeCount]) => nodeCount > 0).map(([depth]) => Number(depth)).sort((a, b) => b - a)[0] ?? 0) + 1;
-});
-const gridDataRowIdsSelector = exports.gridDataRowIdsSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.dataRowIds);
-
-/**
- * @ignore - do not document.
- */
-const gridAdditionalRowGroupsSelector = exports.gridAdditionalRowGroupsSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows?.additionalRowGroups);
-
-/**
- * @ignore - do not document.
- */
-const gridPinnedRowsSelector = exports.gridPinnedRowsSelector = (0, _createSelector.createSelectorMemoized)(gridAdditionalRowGroupsSelector, additionalRowGroups => {
-  const rawPinnedRows = additionalRowGroups?.pinnedRows;
-  return {
-    bottom: rawPinnedRows?.bottom?.map(rowEntry => ({
-      id: rowEntry.id,
-      model: rowEntry.model ?? {}
-    })) ?? [],
-    top: rawPinnedRows?.top?.map(rowEntry => ({
-      id: rowEntry.id,
-      model: rowEntry.model ?? {}
-    })) ?? []
-  };
-});
-
-/**
- * @ignore - do not document.
- */
-const gridPinnedRowsCountSelector = exports.gridPinnedRowsCountSelector = (0, _createSelector.createSelector)(gridPinnedRowsSelector, pinnedRows => {
-  return (pinnedRows?.top?.length || 0) + (pinnedRows?.bottom?.length || 0);
-});

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

@@ -1,330 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildRootGroup = exports.GRID_ROOT_GROUP_ID = exports.GRID_ID_AUTOGENERATED = void 0;
-exports.calculatePinnedRowsHeight = calculatePinnedRowsHeight;
-exports.checkGridRowIdIsValid = checkGridRowIdIsValid;
-exports.computeRowsUpdates = computeRowsUpdates;
-exports.updateCacheWithNewRows = exports.rowHeightWarning = exports.minimalContentHeight = exports.isAutogeneratedRowNode = exports.isAutogeneratedRow = exports.getValidRowHeight = exports.getTreeNodeDescendants = exports.getTopLevelRowCount = exports.getRowsStateFromCache = exports.getRowIdFromRowModel = exports.getRowHeightWarning = exports.createRowsInternalCache = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _gridRowsSelector = require("./gridRowsSelector");
-const GRID_ROOT_GROUP_ID = exports.GRID_ROOT_GROUP_ID = `auto-generated-group-node-root`;
-const GRID_ID_AUTOGENERATED = exports.GRID_ID_AUTOGENERATED = Symbol('mui.id_autogenerated');
-const buildRootGroup = () => ({
-  type: 'group',
-  id: GRID_ROOT_GROUP_ID,
-  depth: -1,
-  groupingField: null,
-  groupingKey: null,
-  isAutoGenerated: true,
-  children: [],
-  childrenFromPath: {},
-  childrenExpanded: true,
-  parent: null
-});
-
-/**
- * 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
- */
-exports.buildRootGroup = buildRootGroup;
-function checkGridRowIdIsValid(id, row, detailErrorMessage = 'A row was provided without id in the rows prop:') {
-  if (id == null) {
-    throw new Error(['MUI X: 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'));
-  }
-}
-const getRowIdFromRowModel = (rowModel, getRowId, detailErrorMessage) => {
-  const id = getRowId ? getRowId(rowModel) : rowModel.id;
-  checkGridRowIdIsValid(id, rowModel, detailErrorMessage);
-  return id;
-};
-exports.getRowIdFromRowModel = getRowIdFromRowModel;
-const createRowsInternalCache = ({
-  rows,
-  getRowId,
-  loading,
-  rowCount
-}) => {
-  const updates = {
-    type: 'full',
-    rows: []
-  };
-  const dataRowIdToModelLookup = {};
-  for (let i = 0; i < rows.length; i += 1) {
-    const model = rows[i];
-    const id = getRowIdFromRowModel(model, getRowId);
-    dataRowIdToModelLookup[id] = model;
-    updates.rows.push(id);
-  }
-  return {
-    rowsBeforePartialUpdates: rows,
-    loadingPropBeforePartialUpdates: loading,
-    rowCountPropBeforePartialUpdates: rowCount,
-    updates,
-    dataRowIdToModelLookup
-  };
-};
-exports.createRowsInternalCache = createRowsInternalCache;
-const getTopLevelRowCount = ({
-  tree,
-  rowCountProp = 0
-}) => {
-  const rootGroupNode = tree[GRID_ROOT_GROUP_ID];
-  return Math.max(rowCountProp, rootGroupNode.children.length + (rootGroupNode.footerId == null ? 0 : 1));
-};
-exports.getTopLevelRowCount = getTopLevelRowCount;
-const getRowsStateFromCache = ({
-  apiRef,
-  rowCountProp = 0,
-  loadingProp,
-  previousTree,
-  previousTreeDepths,
-  previousGroupsToFetch
-}) => {
-  const cache = apiRef.current.caches.rows;
-
-  // 1. Apply the "rowTreeCreation" family processing.
-  const {
-    tree: unProcessedTree,
-    treeDepths: unProcessedTreeDepths,
-    dataRowIds: unProcessedDataRowIds,
-    groupingName,
-    groupsToFetch = []
-  } = apiRef.current.applyStrategyProcessor('rowTreeCreation', {
-    previousTree,
-    previousTreeDepths,
-    updates: cache.updates,
-    dataRowIdToModelLookup: cache.dataRowIdToModelLookup,
-    previousGroupsToFetch
-  });
-
-  // 2. Apply the "hydrateRows" pipe-processing.
-  const groupingParamsWithHydrateRows = apiRef.current.unstable_applyPipeProcessors('hydrateRows', {
-    tree: unProcessedTree,
-    treeDepths: unProcessedTreeDepths,
-    dataRowIds: unProcessedDataRowIds,
-    dataRowIdToModelLookup: cache.dataRowIdToModelLookup
-  });
-
-  // 3. Reset the cache updates
-  apiRef.current.caches.rows.updates = {
-    type: 'partial',
-    actions: {
-      insert: [],
-      modify: [],
-      remove: []
-    },
-    idToActionLookup: {}
-  };
-  return (0, _extends2.default)({}, groupingParamsWithHydrateRows, {
-    totalRowCount: Math.max(rowCountProp, groupingParamsWithHydrateRows.dataRowIds.length),
-    totalTopLevelRowCount: getTopLevelRowCount({
-      tree: groupingParamsWithHydrateRows.tree,
-      rowCountProp
-    }),
-    groupingName,
-    loading: loadingProp,
-    groupsToFetch
-  });
-};
-exports.getRowsStateFromCache = getRowsStateFromCache;
-const isAutogeneratedRow = row => GRID_ID_AUTOGENERATED in row;
-exports.isAutogeneratedRow = isAutogeneratedRow;
-const isAutogeneratedRowNode = rowNode => rowNode.type === 'skeletonRow' || rowNode.type === 'footer' || rowNode.type === 'group' && rowNode.isAutoGenerated || rowNode.type === 'pinnedRow' && rowNode.isAutoGenerated;
-exports.isAutogeneratedRowNode = isAutogeneratedRowNode;
-const getTreeNodeDescendants = (tree, parentId, skipAutoGeneratedRows) => {
-  const node = tree[parentId];
-  if (node.type !== 'group') {
-    return [];
-  }
-  const validDescendants = [];
-  for (let i = 0; i < node.children.length; i += 1) {
-    const child = node.children[i];
-    if (!skipAutoGeneratedRows || !isAutogeneratedRowNode(tree[child])) {
-      validDescendants.push(child);
-    }
-    const childDescendants = getTreeNodeDescendants(tree, child, skipAutoGeneratedRows);
-    for (let j = 0; j < childDescendants.length; j += 1) {
-      validDescendants.push(childDescendants[j]);
-    }
-  }
-  if (!skipAutoGeneratedRows && node.footerId != null) {
-    validDescendants.push(node.footerId);
-  }
-  return validDescendants;
-};
-exports.getTreeNodeDescendants = getTreeNodeDescendants;
-const updateCacheWithNewRows = ({
-  previousCache,
-  getRowId,
-  updates,
-  groupKeys
-}) => {
-  if (previousCache.updates.type === 'full') {
-    throw new Error('MUI X: Unable to prepare a partial update if a full update is not applied yet.');
-  }
-
-  // Remove duplicate updates.
-  // A server can batch updates, and send several updates for the same row in one fn call.
-  const uniqueUpdates = new Map();
-  updates.forEach(update => {
-    const id = getRowIdFromRowModel(update, getRowId, 'A row was provided without id when calling updateRows():');
-    if (uniqueUpdates.has(id)) {
-      uniqueUpdates.set(id, (0, _extends2.default)({}, uniqueUpdates.get(id), update));
-    } else {
-      uniqueUpdates.set(id, update);
-    }
-  });
-  const partialUpdates = {
-    type: 'partial',
-    actions: {
-      insert: [...(previousCache.updates.actions.insert ?? [])],
-      modify: [...(previousCache.updates.actions.modify ?? [])],
-      remove: [...(previousCache.updates.actions.remove ?? [])]
-    },
-    idToActionLookup: (0, _extends2.default)({}, previousCache.updates.idToActionLookup),
-    groupKeys
-  };
-  const dataRowIdToModelLookup = (0, _extends2.default)({}, previousCache.dataRowIdToModelLookup);
-  const alreadyAppliedActionsToRemove = {
-    insert: {},
-    modify: {},
-    remove: {}
-  };
-
-  // Depending on the action already applied to the data row,
-  // We might want drop the already-applied-update.
-  // For instance:
-  // - if you delete then insert, then you don't want to apply the deletion in the tree.
-  // - if you insert, then modify, then you just want to apply the insertion in the tree.
-  uniqueUpdates.forEach((partialRow, id) => {
-    const actionAlreadyAppliedToRow = partialUpdates.idToActionLookup[id];
-
-    // Action === "delete"
-    // eslint-disable-next-line no-underscore-dangle
-    if (partialRow._action === 'delete') {
-      // If the data row has been removed since the last state update,
-      // Then do nothing.
-      if (actionAlreadyAppliedToRow === 'remove' || !dataRowIdToModelLookup[id]) {
-        return;
-      }
-
-      // If the data row has been inserted / modified since the last state update,
-      // Then drop this "insert" / "modify" update.
-      if (actionAlreadyAppliedToRow != null) {
-        alreadyAppliedActionsToRemove[actionAlreadyAppliedToRow][id] = true;
-      }
-
-      // Remove the data row from the lookups and add it to the "delete" update.
-      partialUpdates.actions.remove.push(id);
-      delete dataRowIdToModelLookup[id];
-      return;
-    }
-    const oldRow = dataRowIdToModelLookup[id];
-
-    // Action === "modify"
-    if (oldRow) {
-      // If the data row has been removed since the last state update,
-      // Then drop this "remove" update and add it to the "modify" update instead.
-      if (actionAlreadyAppliedToRow === 'remove') {
-        alreadyAppliedActionsToRemove.remove[id] = true;
-        partialUpdates.actions.modify.push(id);
-      }
-      // If the date has not been inserted / modified since the last state update,
-      // Then add it to the "modify" update (if it has been inserted it should just remain "inserted").
-      else if (actionAlreadyAppliedToRow == null) {
-        partialUpdates.actions.modify.push(id);
-      }
-
-      // Update the data row lookups.
-      dataRowIdToModelLookup[id] = (0, _extends2.default)({}, oldRow, partialRow);
-      return;
-    }
-
-    // Action === "insert"
-    // If the data row has been removed since the last state update,
-    // Then drop the "remove" update and add it to the "insert" update instead.
-    if (actionAlreadyAppliedToRow === 'remove') {
-      alreadyAppliedActionsToRemove.remove[id] = true;
-      partialUpdates.actions.insert.push(id);
-    }
-    // If the data row has not been inserted since the last state update,
-    // Then add it to the "insert" update.
-    // `actionAlreadyAppliedToRow` can't be equal to "modify", otherwise we would have an `oldRow` above.
-    else if (actionAlreadyAppliedToRow == null) {
-      partialUpdates.actions.insert.push(id);
-    }
-
-    // Update the data row lookups.
-    dataRowIdToModelLookup[id] = partialRow;
-  });
-  const actionTypeWithActionsToRemove = Object.keys(alreadyAppliedActionsToRemove);
-  for (let i = 0; i < actionTypeWithActionsToRemove.length; i += 1) {
-    const actionType = actionTypeWithActionsToRemove[i];
-    const idsToRemove = alreadyAppliedActionsToRemove[actionType];
-    if (Object.keys(idsToRemove).length > 0) {
-      partialUpdates.actions[actionType] = partialUpdates.actions[actionType].filter(id => !idsToRemove[id]);
-    }
-  }
-  return {
-    dataRowIdToModelLookup,
-    updates: partialUpdates,
-    rowsBeforePartialUpdates: previousCache.rowsBeforePartialUpdates,
-    loadingPropBeforePartialUpdates: previousCache.loadingPropBeforePartialUpdates,
-    rowCountPropBeforePartialUpdates: previousCache.rowCountPropBeforePartialUpdates
-  };
-};
-exports.updateCacheWithNewRows = updateCacheWithNewRows;
-function calculatePinnedRowsHeight(apiRef) {
-  const pinnedRows = (0, _gridRowsSelector.gridPinnedRowsSelector)(apiRef);
-  const topPinnedRowsHeight = pinnedRows?.top?.reduce((acc, value) => {
-    acc += apiRef.current.unstable_getRowHeight(value.id);
-    return acc;
-  }, 0) || 0;
-  const bottomPinnedRowsHeight = pinnedRows?.bottom?.reduce((acc, value) => {
-    acc += apiRef.current.unstable_getRowHeight(value.id);
-    return acc;
-  }, 0) || 0;
-  return {
-    top: topPinnedRowsHeight,
-    bottom: bottomPinnedRowsHeight
-  };
-}
-const minimalContentHeight = exports.minimalContentHeight = 'var(--DataGrid-overlayHeight, calc(var(--height) * 2))';
-function computeRowsUpdates(apiRef, updates, getRowId) {
-  const nonPinnedRowsUpdates = [];
-  updates.forEach(update => {
-    const id = getRowIdFromRowModel(update, getRowId, 'A row was provided without id when calling updateRows():');
-    const rowNode = apiRef.current.getRowNode(id);
-    if (rowNode?.type === 'pinnedRow') {
-      // @ts-ignore because otherwise `release:build` doesn't work
-      const pinnedRowsCache = apiRef.current.caches.pinnedRows;
-      const prevModel = pinnedRowsCache.idLookup[id];
-      if (prevModel) {
-        pinnedRowsCache.idLookup[id] = (0, _extends2.default)({}, prevModel, update);
-      }
-    } else {
-      nonPinnedRowsUpdates.push(update);
-    }
-  });
-  return nonPinnedRowsUpdates;
-}
-let warnedOnceInvalidRowHeight = false;
-const getValidRowHeight = (rowHeightProp, defaultRowHeight, warningMessage) => {
-  if (typeof rowHeightProp === 'number' && rowHeightProp > 0) {
-    return rowHeightProp;
-  }
-  if (process.env.NODE_ENV !== 'production' && !warnedOnceInvalidRowHeight && typeof rowHeightProp !== 'undefined' && rowHeightProp !== null) {
-    console.warn(warningMessage);
-    warnedOnceInvalidRowHeight = true;
-  }
-  return defaultRowHeight;
-};
-exports.getValidRowHeight = getValidRowHeight;
-const rowHeightWarning = exports.rowHeightWarning = [`MUI X: The \`rowHeight\` prop should be a number greater than 0.`, `The default value will be used instead.`].join('\n');
-const getRowHeightWarning = exports.getRowHeightWarning = [`MUI X: The \`getRowHeight\` prop should return a number greater than 0 or 'auto'.`, `The default value will be used instead.`].join('\n');