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

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from '../../../models/props/DataGridProps';
-import { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-export declare const useGridRowSelectionPreProcessors: (apiRef: RefObject<GridPrivateApiCommunity>, props: DataGridProcessedProps) => void;
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+export declare const useGridRowSelectionPreProcessors: (apiRef: RefObject<GridPrivateApiCommunity>, props: DataGridProcessedProps) => void;

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -1,9 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.js";
-import { getDataGridUtilityClass } from "../../../constants/index.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF, GRID_CHECKBOX_SELECTION_FIELD } from "../../../colDef/index.js";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridRowSelectionPreProcessors = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _pipeProcessing = require("../../core/pipeProcessing");
+var _constants = require("../../../constants");
+var _colDef = require("../../../colDef");
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -13,32 +21,33 @@ const useUtilityClasses = ownerState => {
       cellCheckbox: ['cellCheckbox'],
       columnHeaderCheckbox: ['columnHeaderCheckbox']
     };
-    return composeClasses(slots, getDataGridUtilityClass, classes);
+    return (0, _composeClasses.default)(slots, _constants.getDataGridUtilityClass, classes);
   }, [classes]);
 };
-export const useGridRowSelectionPreProcessors = (apiRef, props) => {
+const useGridRowSelectionPreProcessors = (apiRef, props) => {
   const ownerState = {
     classes: props.classes
   };
   const classes = useUtilityClasses(ownerState);
   const updateSelectionColumn = React.useCallback(columnsState => {
-    const selectionColumn = _extends({}, GRID_CHECKBOX_SELECTION_COL_DEF, {
+    const selectionColumn = (0, _extends2.default)({}, _colDef.GRID_CHECKBOX_SELECTION_COL_DEF, {
       cellClassName: classes.cellCheckbox,
       headerClassName: classes.columnHeaderCheckbox,
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
+    const haveSelectionColumn = columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] != null;
     if (shouldHaveSelectionColumn && !haveSelectionColumn) {
-      columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
-      columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
+      columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
+      columnsState.orderedFields = [_colDef.GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
     } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
-      delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
-      columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD);
+      delete columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD];
+      columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== _colDef.GRID_CHECKBOX_SELECTION_FIELD);
     } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
-      columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = (0, _extends2.default)({}, selectionColumn, columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD]);
     }
     return columnsState;
   }, [apiRef, classes, props.checkboxSelection]);
-  useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
-};
+  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', updateSelectionColumn);
+};
+exports.useGridRowSelectionPreProcessors = useGridRowSelectionPreProcessors;

package/hooks/features/rowSelection/utils.d.ts

@@ -2,12 +2,13 @@ import { RefObject } from '@mui/x-internals/types';
 import type { GridRowId, GridRowTreeConfig } from '../../../models/gridRows';
 import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
 import type { GridPrivateApiCommunity } from '../../../models/api/gridApiCommunity';
-import type { GridRowSelectionPropagation } from '../../../models/gridRowSelectionModel';
+import { type GridRowSelectionPropagation } from "../../../models/gridRowSelectionModel.js";
+import { type RowSelectionManager } from "../../../models/gridRowSelectionManager.js";
 export declare const ROW_SELECTION_PROPAGATION_DEFAULT: GridRowSelectionPropagation;
-export declare function getCheckboxPropsSelector(groupId: GridRowId, autoSelectParents: boolean): import("../../..").OutputSelector<import("../../../models/gridStateCommunity").GridStateCommunity, Record<GridRowId, GridRowId>, {
-    isIndeterminate: boolean;
-    isChecked: boolean;
+export declare function getCheckboxPropsSelector(groupId: GridRowId, autoSelectParents: boolean): import("../../..").OutputSelector<import("../../../models/gridStateCommunity").GridStateCommunity, RowSelectionManager, {
+  isIndeterminate: boolean;
+  isChecked: boolean;
 }>;
 export declare function isMultipleRowSelectionEnabled(props: Pick<DataGridProcessedProps, 'signature' | 'disableMultipleRowSelection' | 'checkboxSelection'>): boolean;
-export declare const findRowsToSelect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, selectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, addRow: (rowId: GridRowId) => void) => void;
-export declare const findRowsToDeselect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, deselectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, removeRow: (rowId: GridRowId) => void) => void;
+export declare const findRowsToSelect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, selectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, addRow: (rowId: GridRowId) => void, rowSelectionManager?: RowSelectionManager) => void;
+export declare const findRowsToDeselect: (apiRef: RefObject<GridPrivateApiCommunity>, tree: GridRowTreeConfig, deselectedRow: GridRowId, autoSelectDescendants: boolean, autoSelectParents: boolean, removeRow: (rowId: GridRowId) => void) => void;

package/hooks/features/rowSelection/utils.js

@@ -1,18 +1,26 @@
-import { GridSignature } from "../../utils/useGridApiEventHandler.js";
-import { GRID_ROOT_GROUP_ID } from "../rows/gridRowsUtils.js";
-import { gridFilteredRowsLookupSelector } from "../filter/gridFilterSelector.js";
-import { gridSortedRowIdsSelector } from "../sorting/gridSortingSelector.js";
-import { selectedIdsLookupSelector } from "./gridRowSelectionSelector.js";
-import { gridRowTreeSelector } from "../rows/gridRowsSelector.js";
-import { createSelector } from "../../../utils/createSelector.js";
-export const ROW_SELECTION_PROPAGATION_DEFAULT = {
+"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 _signature = require("../../../constants/signature");
+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 = gridRowTreeSelector(apiRef);
-  const sortedRowIds = gridSortedRowIdsSelector(apiRef);
-  const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef);
+  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 [];
@@ -29,16 +37,16 @@ function getGridRowGroupSelectableDescendants(apiRef, groupId) {
 }
 
 // TODO v8: Use `createSelectorV8`
-export function getCheckboxPropsSelector(groupId, autoSelectParents) {
-  return createSelector(gridRowTreeSelector, gridSortedRowIdsSelector, gridFilteredRowsLookupSelector, selectedIdsLookupSelector, (rowTree, sortedRowIds, filteredRowsLookup, rowSelectionLookup) => {
+function getCheckboxPropsSelector(groupId, autoSelectParents) {
+  return (0, _createSelector.createSelector)(_gridRowsSelector.gridRowTreeSelector, _gridSortingSelector.gridSortedRowIdsSelector, _gridFilterSelector.gridFilteredRowsLookupSelector, _gridRowSelectionSelector.gridRowSelectionManagerSelector, (rowTree, sortedRowIds, filteredRowsLookup, rowSelectionManager) => {
     const groupNode = rowTree[groupId];
     if (!groupNode || groupNode.type !== 'group') {
       return {
         isIndeterminate: false,
-        isChecked: rowSelectionLookup[groupId] === groupId
+        isChecked: rowSelectionManager.has(groupId)
       };
     }
-    if (rowSelectionLookup[groupId] === groupId) {
+    if (rowSelectionManager.has(groupId)) {
       return {
         isIndeterminate: false,
         isChecked: true
@@ -51,19 +59,19 @@ export function getCheckboxPropsSelector(groupId, autoSelectParents) {
       const id = sortedRowIds[index];
       if (filteredRowsLookup[id] !== false) {
         selectableDescendantsCount += 1;
-        if (rowSelectionLookup[id] !== undefined) {
+        if (rowSelectionManager.has(id)) {
           selectedDescendantsCount += 1;
         }
       }
     }
     return {
-      isIndeterminate: selectedDescendantsCount > 0 && (selectedDescendantsCount < selectableDescendantsCount || rowSelectionLookup[groupId] === undefined),
-      isChecked: autoSelectParents ? selectedDescendantsCount > 0 : rowSelectionLookup[groupId] === groupId
+      isIndeterminate: selectedDescendantsCount > 0 && (selectedDescendantsCount < selectableDescendantsCount || !rowSelectionManager.has(groupId)),
+      isChecked: autoSelectParents ? selectedDescendantsCount > 0 : rowSelectionManager.has(groupId)
     };
   });
 }
-export function isMultipleRowSelectionEnabled(props) {
-  if (props.signature === GridSignature.DataGrid) {
+function isMultipleRowSelectionEnabled(props) {
+  if (props.signature === _signature.GridSignature.DataGrid) {
     // DataGrid Community has multiple row selection enabled only if checkbox selection is enabled.
     return props.checkboxSelection && props.disableMultipleRowSelection !== true;
   }
@@ -72,7 +80,7 @@ export function isMultipleRowSelectionEnabled(props) {
 const getRowNodeParents = (tree, id) => {
   const parents = [];
   let parent = id;
-  while (parent != null && parent !== GRID_ROOT_GROUP_ID) {
+  while (parent != null && parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID) {
     const node = tree[parent];
     if (!node) {
       return parents;
@@ -92,11 +100,10 @@ const getFilteredRowNodeSiblings = (tree, filteredRows, id) => {
     return [];
   }
   const parentNode = tree[parent];
-  return parentNode.children.filter(childId => childId !== id && filteredRows[childId]);
+  return parentNode.children.filter(childId => childId !== id && filteredRows[childId] !== false);
 };
-export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendants, autoSelectParents, addRow) => {
-  const filteredRows = gridFilteredRowsLookupSelector(apiRef);
-  const selectedIdsLookup = selectedIdsLookupSelector(apiRef);
+const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendants, autoSelectParents, addRow, rowSelectionManager = (0, _gridRowSelectionSelector.gridRowSelectionManagerSelector)(apiRef)) => {
+  const filteredRows = (0, _gridFilterSelector.gridFilteredRowsLookupSelector)(apiRef);
   const selectedDescendants = new Set([]);
   if (!autoSelectDescendants && !autoSelectParents) {
     return;
@@ -113,11 +120,14 @@ export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendant
   }
   if (autoSelectParents) {
     const checkAllDescendantsSelected = rowId => {
-      if (selectedIdsLookup[rowId] !== rowId && !selectedDescendants.has(rowId)) {
+      if (!rowSelectionManager.has(rowId) && !selectedDescendants.has(rowId)) {
         return false;
       }
       const node = tree[rowId];
-      if (node?.type !== 'group') {
+      if (!node) {
+        return false;
+      }
+      if (node.type !== 'group') {
         return true;
       }
       return node.children.every(checkAllDescendantsSelected);
@@ -126,8 +136,8 @@ export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendant
       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 !== GRID_ROOT_GROUP_ID && apiRef.current.isRowSelectable(parent)) {
+        const parent = rowNode?.parent;
+        if (parent != null && parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID && apiRef.current.isRowSelectable(parent)) {
           addRow(parent);
           selectedDescendants.add(parent);
           traverseParents(parent);
@@ -137,15 +147,16 @@ export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendant
     traverseParents(selectedRow);
   }
 };
-export const findRowsToDeselect = (apiRef, tree, deselectedRow, autoSelectDescendants, autoSelectParents, removeRow) => {
-  const selectedIdsLookup = selectedIdsLookupSelector(apiRef);
+exports.findRowsToSelect = findRowsToSelect;
+const findRowsToDeselect = (apiRef, tree, deselectedRow, autoSelectDescendants, autoSelectParents, removeRow) => {
+  const rowSelectionManager = (0, _gridRowSelectionSelector.gridRowSelectionManagerSelector)(apiRef);
   if (!autoSelectParents && !autoSelectDescendants) {
     return;
   }
   if (autoSelectParents) {
     const allParents = getRowNodeParents(tree, deselectedRow);
     allParents.forEach(parent => {
-      const isSelected = selectedIdsLookup[parent] === parent;
+      const isSelected = rowSelectionManager.has(parent);
       if (isSelected) {
         removeRow(parent);
       }
@@ -160,4 +171,5 @@ export const findRowsToDeselect = (apiRef, tree, deselectedRow, autoSelectDescen
       });
     }
   }
-};
+};
+exports.findRowsToDeselect = findRowsToDeselect;

package/hooks/features/rows/gridRowSpanningSelectors.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridRowSpanningHiddenCellsSelector: import("../../..").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<import("../../..").GridRowId, Record<string, boolean>>>;
 export declare const gridRowSpanningSpannedCellsSelector: import("../../..").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<import("../../..").GridRowId, Record<string, number>>>;
-export declare const gridRowSpanningHiddenCellsOriginMapSelector: import("../../..").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<number, Record<string, number>>>;
+export declare const gridRowSpanningHiddenCellsOriginMapSelector: import("../../..").OutputSelector<GridStateCommunity, import("./useGridRowSpanning").GridRowSpanningState, Record<number, Record<string, number>>>;

package/hooks/features/rows/gridRowSpanningSelectors.js

@@ -1,5 +1,11 @@
-import { createSelector } from "../../../utils/createSelector.js";
-const gridRowSpanningStateSelector = state => state.rowSpanning;
-export const gridRowSpanningHiddenCellsSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCells);
-export const gridRowSpanningSpannedCellsSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.spannedCells);
-export const gridRowSpanningHiddenCellsOriginMapSelector = createSelector(gridRowSpanningStateSelector, rowSpanning => rowSpanning.hiddenCellOriginMap);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridRowSpanningSpannedCellsSelector = exports.gridRowSpanningHiddenCellsSelector = exports.gridRowSpanningHiddenCellsOriginMapSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
+const gridRowSpanningStateSelector = (0, _createSelector.createRootSelector)(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/hooks/features/rows/gridRowSpanningUtils.d.ts

@@ -7,4 +7,4 @@ import type { RowRange } from './useGridRowSpanning';
 export declare function getUnprocessedRange(testRange: RowRange, processedRange: RowRange): RowRange | null;
 export declare function isRowContextInitialized(renderContext: GridRenderContext): boolean;
 export declare function isRowRangeUpdated(range1: RowRange, range2: RowRange): boolean;
-export declare const getCellValue: (row: GridValidRowModel, colDef: GridColDef, apiRef: RefObject<GridApiCommunity>) => any;
+export declare const getCellValue: (row: GridValidRowModel, colDef: GridColDef, apiRef: RefObject<GridApiCommunity>) => any;

package/hooks/features/rows/gridRowSpanningUtils.js

@@ -1,4 +1,13 @@
-export function getUnprocessedRange(testRange, processedRange) {
+"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;
   }
@@ -23,13 +32,13 @@ export function getUnprocessedRange(testRange, processedRange) {
   // TODO: Should return two ranges handle overflowing at both ends ?
   return testRange;
 }
-export function isRowContextInitialized(renderContext) {
+function isRowContextInitialized(renderContext) {
   return renderContext.firstRowIndex !== 0 || renderContext.lastRowIndex !== 0;
 }
-export function isRowRangeUpdated(range1, range2) {
+function isRowRangeUpdated(range1, range2) {
   return range1.firstRowIndex !== range2.firstRowIndex || range1.lastRowIndex !== range2.lastRowIndex;
 }
-export const getCellValue = (row, colDef, apiRef) => {
+const getCellValue = (row, colDef, apiRef) => {
   if (!row) {
     return null;
   }
@@ -39,4 +48,5 @@ export const getCellValue = (row, colDef, apiRef) => {
     cellValue = valueGetter(cellValue, row, colDef, apiRef);
   }
   return cellValue;
-};
+};
+exports.getCellValue = getCellValue;

package/hooks/features/rows/gridRowsInterfaces.d.ts

@@ -1,112 +1,108 @@
-import { GridRowEntry, GridRowId, GridRowTreeConfig, GridValidRowModel } from '../../../models/gridRows';
+import { GridRowEntry, GridRowId, GridRowTreeConfig, GridValidRowModel } from "../../../models/gridRows.js";
 import type { DataGridProcessedProps } from '../../../models/props/DataGridProps';
 export interface GridRowsInternalCache {
-    /**
-     * The rows as they were the last time all the rows have been updated at once
-     * It is used to avoid processing several time the same set of rows
-     */
-    rowsBeforePartialUpdates: DataGridProcessedProps['rows'];
-    /**
-     * The value of the `loading` prop since the last time that the rows state was updated.
-     */
-    loadingPropBeforePartialUpdates: DataGridProcessedProps['loading'];
-    /**
-     * The value of the `rowCount` prop since the last time that the rows state was updated.
-     */
-    rowCountPropBeforePartialUpdates: DataGridProcessedProps['rowCount'];
-    /**
-     * Lookup containing the latest model at all time (even those not stored in the state yet).
-     */
-    dataRowIdToModelLookup: GridRowIdToModelLookup;
-    /**
-     * List of updates (partial or full) applied since the last time the state was synced with the cache.
-     * It is used to build the tree.
-     * If the update is a full update, we rebuild the tree from scratch.
-     * If the update is a partial update, we only modify the impacted nodes.
-     */
-    updates: GridRowsPartialUpdates | GridRowsFullUpdate;
+  /**
+   * The rows as they were the last time all the rows have been updated at once
+   * It is used to avoid processing several time the same set of rows
+   */
+  rowsBeforePartialUpdates: DataGridProcessedProps['rows'];
+  /**
+   * The value of the `loading` prop since the last time that the rows state was updated.
+   */
+  loadingPropBeforePartialUpdates: DataGridProcessedProps['loading'];
+  /**
+   * The value of the `rowCount` prop since the last time that the rows state was updated.
+   */
+  rowCountPropBeforePartialUpdates: DataGridProcessedProps['rowCount'];
+  /**
+   * Lookup containing the latest model at all time (even those not stored in the state yet).
+   */
+  dataRowIdToModelLookup: GridRowIdToModelLookup;
+  /**
+   * List of updates (partial or full) applied since the last time the state was synced with the cache.
+   * It is used to build the tree.
+   * If the update is a full update, we rebuild the tree from scratch.
+   * If the update is a partial update, we only modify the impacted nodes.
+   */
+  updates: GridRowsPartialUpdates | GridRowsFullUpdate;
 }
 export interface GridRowsState {
-    /**
-     * Name of the algorithm used to group the rows
-     * It is useful to decide which filtering / sorting algorithm to apply, to avoid applying tree-data filtering on a grouping-by-column dataset for instance.
-     */
-    groupingName: string;
-    tree: GridRowTreeConfig;
-    /**
-     * Amount of nodes at each depth (including auto-generated ones)
-     */
-    treeDepths: GridTreeDepths;
-    dataRowIds: GridRowId[];
-    /**
-     * The loading status of the rows.
-     */
-    loading?: boolean;
-    /**
-     * Amount of data rows provided to the grid.
-     * Includes the filtered and collapsed rows.
-     * Does not include the auto-generated rows (auto generated groups and footers).
-     */
-    totalRowCount: number;
-    /**
-     * Amount of top level rows.
-     * Includes the filtered rows and the auto-generated root footer if any.
-     * Does not include the rows of depth > 0 (rows inside a group).
-     */
-    totalTopLevelRowCount: number;
-    dataRowIdToModelLookup: GridRowIdToModelLookup;
-    additionalRowGroups?: {
-        pinnedRows?: GridPinnedRowsState;
-    };
-    /**
-     * Contains some values of type `GridRowId` that have been requested to be fetched
-     * either by `defaultGroupingExpansionDepth` or `isGroupExpandedByDefault` props.
-     * Applicable with server-side grouped data and `unstable_dataSource` only.
-     */
-    groupsToFetch?: GridRowId[];
+  /**
+   * Name of the algorithm used to group the rows
+   * It is useful to decide which filtering / sorting algorithm to apply, to avoid applying tree-data filtering on a grouping-by-column dataset for instance.
+   */
+  groupingName: string;
+  tree: GridRowTreeConfig;
+  /**
+   * Amount of nodes at each depth (including auto-generated ones)
+   */
+  treeDepths: GridTreeDepths;
+  dataRowIds: GridRowId[];
+  /**
+   * The loading status of the rows.
+   */
+  loading?: boolean;
+  /**
+   * Amount of data rows provided to the grid.
+   * Includes the filtered and collapsed rows.
+   * Does not include the auto-generated rows (auto generated groups and footers).
+   */
+  totalRowCount: number;
+  /**
+   * Amount of top level rows.
+   * Includes the filtered rows and the auto-generated root footer if any.
+   * Does not include the rows of depth > 0 (rows inside a group).
+   */
+  totalTopLevelRowCount: number;
+  dataRowIdToModelLookup: GridRowIdToModelLookup;
+  additionalRowGroups?: {
+    pinnedRows?: GridPinnedRowsState;
+  };
+  /**
+   * Contains some values of type `GridRowId` that have been requested to be fetched
+   * either by `defaultGroupingExpansionDepth` or `isGroupExpandedByDefault` props.
+   * Applicable with server-side grouped data and `dataSource` only.
+   */
+  groupsToFetch?: GridRowId[];
 }
 export interface GridRowTreeCreationParams {
-    previousTree: GridRowTreeConfig | null;
-    previousTreeDepths: GridTreeDepths | null;
-    updates: GridRowsPartialUpdates | GridRowsFullUpdate;
-    dataRowIdToModelLookup: GridRowIdToModelLookup;
-    previousGroupsToFetch?: GridRowId[];
+  previousTree: GridRowTreeConfig | null;
+  previousTreeDepths: GridTreeDepths | null;
+  updates: GridRowsPartialUpdates | GridRowsFullUpdate;
+  dataRowIdToModelLookup: GridRowIdToModelLookup;
+  previousGroupsToFetch?: GridRowId[];
 }
 export type GridRowTreeUpdateGroupAction = 'removeChildren' | 'insertChildren' | 'modifyChildren';
 export type GridRowTreeUpdatedGroupsValue = {
-    [groupId: GridRowId]: {
-        [action in GridRowTreeUpdateGroupAction]?: boolean;
-    };
+  [groupId: GridRowId]: { [action in GridRowTreeUpdateGroupAction]?: boolean };
 };
 export type GridRowTreeUpdatedGroupsManager = {
-    value: GridRowTreeUpdatedGroupsValue;
-    addAction: (groupId: GridRowId, action: GridRowTreeUpdateGroupAction) => void;
+  value: GridRowTreeUpdatedGroupsValue;
+  addAction: (groupId: GridRowId, action: GridRowTreeUpdateGroupAction) => void;
 };
 export type GridRowTreeCreationValue = Pick<GridRowsState, 'groupingName' | 'tree' | 'treeDepths' | 'dataRowIds' | 'groupsToFetch'> & {
-    updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
+  updatedGroupsManager?: GridRowTreeUpdatedGroupsManager;
 };
 export type GridHydrateRowsValue = Pick<GridRowsState, 'tree' | 'treeDepths' | 'dataRowIds' | 'dataRowIdToModelLookup' | 'additionalRowGroups'>;
 export type GridRowsPartialUpdateAction = 'insert' | 'modify' | 'remove';
 export type GridRowIdToModelLookup<R extends GridValidRowModel = GridValidRowModel> = Record<string, R>;
 export type GridTreeDepths = {
-    [depth: number]: number;
+  [depth: number]: number;
 };
 export interface GridRowsFullUpdate {
-    type: 'full';
-    rows: GridRowId[];
+  type: 'full';
+  rows: GridRowId[];
 }
 export interface GridRowsPartialUpdates {
-    type: 'partial';
-    actions: {
-        [action in GridRowsPartialUpdateAction]: GridRowId[];
-    };
-    idToActionLookup: {
-        [id: GridRowId]: GridRowsPartialUpdateAction | undefined;
-    };
-    groupKeys?: string[];
+  type: 'partial';
+  actions: { [action in GridRowsPartialUpdateAction]: GridRowId[] };
+  idToActionLookup: {
+    [id: GridRowId]: GridRowsPartialUpdateAction | undefined;
+  };
+  groupKeys?: string[];
 }
 export interface GridPinnedRowsState {
-    top?: GridRowEntry[];
-    bottom?: GridRowEntry[];
+  top?: GridRowEntry[];
+  bottom?: GridRowEntry[];
 }
-export type GridPinnedRowsPosition = keyof GridPinnedRowsState;
+export type GridPinnedRowsPosition = keyof GridPinnedRowsState;

package/hooks/features/rows/gridRowsInterfaces.js

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

package/hooks/features/rows/gridRowsMetaInterfaces.d.ts

@@ -1,16 +1,16 @@
-import { GridRowId } from '../../../models/gridRows';
+import { GridRowId } from "../../../models/gridRows.js";
 export type HeightEntry = {
-    content: number;
-    spacingTop: number;
-    spacingBottom: number;
-    detail: number;
-    autoHeight: boolean;
-    needsFirstMeasurement: boolean;
+  content: number;
+  spacingTop: number;
+  spacingBottom: number;
+  detail: number;
+  autoHeight: boolean;
+  needsFirstMeasurement: boolean;
 };
 export type HeightCache = Map<GridRowId, HeightEntry>;
 export interface GridRowsMetaInternalCache {
-    /**
-     * Map of height cache entries.
-     */
-    heights: HeightCache;
-}
+  /**
+   * Map of height cache entries.
+   */
+  heights: HeightCache;
+}

package/hooks/features/rows/gridRowsMetaInterfaces.js

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

package/hooks/features/rows/gridRowsMetaSelector.d.ts

@@ -1,2 +1,2 @@
-import { GridStateCommunity } from '../../../models/gridStateCommunity';
-export declare const gridRowsMetaSelector: (state: GridStateCommunity) => import("./gridRowsMetaState").GridRowsMetaState;
+import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+export declare const gridRowsMetaSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridRowsMetaState").GridRowsMetaState>;

package/hooks/features/rows/gridRowsMetaSelector.js

@@ -1 +1,8 @@
-export const gridRowsMetaSelector = state => state.rowsMeta;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridRowsMetaSelector = void 0;
+var _createSelector = require("../../../utils/createSelector");
+const gridRowsMetaSelector = exports.gridRowsMetaSelector = (0, _createSelector.createRootSelector)(state => state.rowsMeta);

package/hooks/features/rows/gridRowsMetaState.d.ts

@@ -2,12 +2,20 @@
  * The grid rows total height and row positions.
  */
 export interface GridRowsMetaState {
-    /**
-     * The sum of all visible grid rows in the current rows.
-     */
-    currentPageTotalHeight: number;
-    /**
-     * The grid rows positions.
-     */
-    positions: number[];
-}
+  /**
+   * The sum of all visible grid rows in the current rows.
+   */
+  currentPageTotalHeight: number;
+  /**
+   * The grid rows positions.
+   */
+  positions: number[];
+  /**
+   * The total height of the pinned top rows.
+   */
+  pinnedTopRowsTotalHeight: number;
+  /**
+   * The total height of the pinned bottom rows.
+   */
+  pinnedBottomRowsTotalHeight: number;
+}

package/hooks/features/rows/gridRowsMetaState.js

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