@mui/x-data-grid 5.17.5 → 6.0.0-alpha.1

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

@@ -1,18 +1,18 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridFeatureModeConstant } from '../../../models/gridFeatureMode';
 import { isEnterKey } from '../../../utils/keyboardUtils';
 import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { useGridApiMethod } from '../../utils/useGridApiMethod';
 import { useGridLogger } from '../../utils/useGridLogger';
 import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
 import { gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortModelSelector } from './gridSortingSelector';
-import { gridRowIdsSelector, gridRowTreeSelector } from '../rows';
+import { GRID_ROOT_GROUP_ID, gridRowTreeSelector } from '../rows';
 import { useFirstRender } from '../../utils/useFirstRender';
 import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from '../../core/strategyProcessing';
 import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from './gridSortingUtils';
 import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
+import { getTreeNodeDescendants } from '../rows/gridRowsUtils';
 export var sortingStateInitializer = function sortingStateInitializer(state, props) {
   var _ref, _props$sortModel, _props$initialState, _props$initialState$s;
 
@@ -88,11 +88,11 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
 
   var applySorting = React.useCallback(function () {
     apiRef.current.setState(function (state) {
-      if (props.sortingMode === GridFeatureModeConstant.server) {
+      if (props.sortingMode === 'server') {
         logger.debug('Skipping sorting rows as sortingMode = server');
         return _extends({}, state, {
           sorting: _extends({}, state.sorting, {
-            sortedRows: gridRowIdsSelector(state, apiRef.current.instanceId)
+            sortedRows: getTreeNodeDescendants(gridRowTreeSelector(apiRef), GRID_ROOT_GROUP_ID, false)
           })
         });
       }
@@ -206,38 +206,16 @@ export var useGridSorting = function useGridSorting(apiRef, props) {
   }, [apiRef, props.disableMultipleColumnsSorting]);
   var flatSortingMethod = React.useCallback(function (params) {
     var rowTree = gridRowTreeSelector(apiRef);
+    var rootGroupNode = rowTree[GRID_ROOT_GROUP_ID];
+    var sortedChildren = params.sortRowList ? params.sortRowList(rootGroupNode.children.map(function (childId) {
+      return rowTree[childId];
+    })) : _toConsumableArray(rootGroupNode.children);
 
-    if (!params.sortRowList) {
-      var bodyRowIds = [];
-      var _footerRowIds = [];
-      gridRowIdsSelector(apiRef).forEach(function (rowId) {
-        if (rowTree[rowId].isPinned) {
-          return;
-        }
-
-        if (rowTree[rowId].position === 'footer') {
-          _footerRowIds.push(rowId);
-        } else {
-          bodyRowIds.push(rowId);
-        }
-      });
-      return [].concat(bodyRowIds, _footerRowIds);
+    if (rootGroupNode.footerId != null) {
+      sortedChildren.push(rootGroupNode.footerId);
     }
 
-    var bodyRows = [];
-    var footerRowIds = [];
-    Object.values(rowTree).forEach(function (rowNode) {
-      if (rowNode.isPinned) {
-        return;
-      }
-
-      if (rowNode.position === 'footer') {
-        footerRowIds.push(rowNode.id);
-      } else {
-        bodyRows.push(rowNode);
-      }
-    });
-    return [].concat(_toConsumableArray(params.sortRowList(bodyRows)), footerRowIds);
+    return sortedChildren;
   }, [apiRef]);
   useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
   useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);

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

@@ -9,7 +9,6 @@ import { useGridApiContext } from '../../utils/useGridApiContext';
 import { useGridRootProps } from '../../utils/useGridRootProps';
 import { useGridSelector } from '../../utils/useGridSelector';
 import { gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '../columns/gridColumnsSelector';
-import { gridDensityRowHeightSelector } from '../density/densitySelector';
 import { gridFocusCellSelector, gridTabIndexCellSelector } from '../focus/gridFocusStateSelector';
 import { gridEditRowsStateSelector } from '../editRows/gridEditRowsSelector';
 import { useGridVisibleRows } from '../../utils/useGridVisibleRows';
@@ -17,7 +16,8 @@ import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
 import { clamp } from '../../../utils/utils';
 import { selectedIdsLookupSelector } from '../selection/gridSelectionSelector';
 import { gridRowsMetaSelector } from '../rows/gridRowsMetaSelector';
-import { getFirstNonSpannedColumnToRender } from '../columns/gridColumnsUtils'; // Uses binary search to avoid looping through all possible positions
+import { getFirstNonSpannedColumnToRender } from '../columns/gridColumnsUtils';
+import { getMinimalContentHeight } from '../rows/gridRowsUtils'; // Uses binary search to avoid looping through all possible positions
 
 import { jsx as _jsx } from "react/jsx-runtime";
 export function binarySearch(offset, positions) {
@@ -72,7 +72,6 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       getRowProps = props.getRowProps;
   var columnPositions = useGridSelector(apiRef, gridColumnPositionsSelector);
   var columnsTotalWidth = useGridSelector(apiRef, gridColumnsTotalWidthSelector);
-  var rowHeight = useGridSelector(apiRef, gridDensityRowHeightSelector);
   var cellFocus = useGridSelector(apiRef, gridFocusCellSelector);
   var cellTabIndex = useGridSelector(apiRef, gridTabIndexCellSelector);
   var rowsMeta = useGridSelector(apiRef, gridRowsMetaSelector);
@@ -458,19 +457,14 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       height: height,
       minHeight: shouldExtendContent ? '100%' : 'auto'
     };
-
-    if (rootProps.autoHeight && currentPage.rows.length === 0) {
-      size.height = 2 * rowHeight; // Give room to show the overlay when there's no row.
-    }
-
     return size;
-  }, [rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, currentPage.rows.length, needsHorizontalScrollbar, rootProps.autoHeight, rowHeight]);
+  }, [rootRef, columnsTotalWidth, rowsMeta.currentPageTotalHeight, needsHorizontalScrollbar]);
   React.useEffect(function () {
     apiRef.current.publishEvent('virtualScrollerContentSizeChange');
   }, [apiRef, contentSize]);
 
   if (rootProps.autoHeight && currentPage.rows.length === 0) {
-    contentSize.height = 2 * rowHeight; // Give room to show the overlay when there no rows.
+    contentSize.height = getMinimalContentHeight(apiRef); // Give room to show the overlay when there no rows.
   }
 
   var rootStyle = {};

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.17.5
+/** @license MUI v6.0.0-alpha.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/internals/index.js

@@ -26,6 +26,7 @@ export { useGridEditing as useGridEditing_new, editingStateInitializer as editin
 export { useGridEditing as useGridEditing_old, editingStateInitializer as editingStateInitializer_old } from '../hooks/features/editRows/useGridEditing.old';
 export { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
 export { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
+export { getTreeNodeDescendants, buildRootGroup } from '../hooks/features/rows/gridRowsUtils';
 export { useGridRowsMeta, rowsMetaStateInitializer } from '../hooks/features/rows/useGridRowsMeta';
 export { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
 export { getRowIdFromRowModel } from '../hooks/features/rows/gridRowsUtils';

package/legacy/models/events/index.js

@@ -1,4 +1,3 @@
 export * from './gridEventListener';
 export * from './gridEventPublisher';
-export * from './gridEventLookup';
-export * from './gridEvents';
+export * from './gridEventLookup';

package/legacy/models/gridFeatureMode.js

@@ -1,4 +1 @@
-export var GridFeatureModeConstant = {
-  client: 'client',
-  server: 'server'
-};
+export {};

package/legacy/models/params/index.js

@@ -1,7 +1,6 @@
 export * from './gridColumnHeaderParams';
 export * from './gridColumnOrderChangeParams';
 export * from './gridColumnResizeParams';
-export * from './gridColumnVisibilityChangeParams';
 export * from './gridEditCellParams';
 export * from './gridRowParams';
 export * from './gridScrollParams';

package/models/api/gridCoreApi.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridEventPublisher, GridEventListener, GridEventsStr } from '../events';
+import { GridEventPublisher, GridEventListener, GridEvents } from '../events';
 import { EventManager, EventListenerOptions } from '../../utils/EventManager';
 import { GridApiCaches } from '../gridApiCaches';
 /**
@@ -58,7 +58,7 @@ export interface GridCoreApi {
      * @param {object} options Additional options for this listener.
      * @returns {function} A function to unsubscribe from this event.
      */
-    subscribeEvent: <E extends GridEventsStr>(event: E, handler: GridEventListener<E>, options?: EventListenerOptions) => () => void;
+    subscribeEvent: <E extends GridEvents>(event: E, handler: GridEventListener<E>, options?: EventListenerOptions) => () => void;
     /**
      * Emits an event.
      * @param {GridEvents} name The name of the event.

package/models/api/gridParamsApi.d.ts

@@ -1,4 +1,4 @@
-import { GridValidRowModel, GridRowId } from '../gridRows';
+import { GridValidRowModel, GridRowId, GridTreeNode } from '../gridRows';
 import { GridCellParams } from '../params/gridCellParams';
 import { GridColumnHeaderParams } from '../params/gridColumnHeaderParams';
 import { GridRowParams } from '../params/gridRowParams';
@@ -24,7 +24,7 @@ export interface GridParamsApi {
      * @param {string} field The column field.
      * @returns {GridCellParams} The cell params.
      */
-    getCellParams: <V = any, R extends GridValidRowModel = any, F = V>(id: GridRowId, field: string) => GridCellParams<V, R, F>;
+    getCellParams: <V = any, R extends GridValidRowModel = any, F = V, N extends GridTreeNode = GridTreeNode>(id: GridRowId, field: string) => GridCellParams<V, R, F, N>;
     /**
      * Gets the [[GridRowParams]] object that is passed as argument in events.
      * @param {GridRowId} id The id of the row.

package/models/api/gridRowApi.d.ts

@@ -1,4 +1,4 @@
-import { GridRowModel, GridRowId, GridRowModelUpdate, GridRowTreeNodeConfig, GridValidRowModel } from '../gridRows';
+import { GridRowModel, GridRowId, GridRowModelUpdate, GridValidRowModel, GridTreeNode } from '../gridRows';
 export interface GridRowGroupChildrenGetterParams {
     /**
      * The row id of the group
@@ -36,6 +36,7 @@ export interface GridRowApi {
     getRowsCount: () => number;
     /**
      * Gets the list of row ids.
+     * TODO rows v6: Rename or remove ?
      * @returns {GridRowId[]} A list of ids.
      */
     getAllRowIds: () => GridRowId[];
@@ -51,7 +52,7 @@ export interface GridRowApi {
      */
     setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
     /**
-     * Allows to updates, insert and delete rows in a single call.
+     * Allows to update, insert and delete rows.
      * @param {GridRowModelUpdate[]} updates An array of rows with an `action` specifying what to do.
      */
     updateRows: (updates: GridRowModelUpdate[]) => void;
@@ -63,10 +64,11 @@ export interface GridRowApi {
     getRow: <R extends GridValidRowModel = any>(id: GridRowId) => R | null;
     /**
      * Gets the row node from the internal tree structure.
+     * TODO rows v6: Rename `getTreeNode`
      * @param {GridRowId} id The id of the row.
-     * @returns {GridRowTreeNodeConfig} The row data.
+     * @returns {GridTreeNode} The tree node.
      */
-    getRowNode: (id: GridRowId) => GridRowTreeNodeConfig | null;
+    getRowNode: <N extends GridTreeNode>(id: GridRowId) => N | null;
     /**
      * Expand or collapse a row children.
      * @param {GridRowId} id the ID of the row to expand or collapse.
@@ -82,7 +84,7 @@ export interface GridRowApi {
     /**
      * Gets the rows of a grouping criteria.
      * Only contains the rows provided to the grid, not the rows automatically generated by it.
-     * @param {GridRowGroupChildrenParams} params Object containing parameters for the getter.
+     * @param {GridRowGroupChildrenGetterParams} params Object containing parameters for the getter.
      * @returns {GridRowId[]} The id of each row in the grouping criteria.
      */
     getRowGroupChildren: (params: GridRowGroupChildrenGetterParams) => GridRowId[];

package/models/colDef/gridColDef.d.ts

@@ -60,18 +60,6 @@ export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V> {
      * @default Infinity
      */
     maxWidth?: number;
-    /**
-     * If `true`, hide the column.
-     * @deprecated Use the `initialState` prop to hide columns:
-     * ```jsx
-     * // Hide `id` column, the other columns will remain visible
-     * <DataGrid initialState={{ columns: { columnVisibilityModel: { id: false } } }} />
-     * ```
-     * Or use `columnVisibilityModel` prop to fully control column visibility.
-     * @link https://mui.com/x/react-data-grid/column-visibility/
-     * @default false
-     */
-    hide?: boolean;
     /**
      * If `false`, removes the buttons for hiding this column.
      * @default true

package/models/events/gridEventListener.d.ts

@@ -1,8 +1,7 @@
 import { MuiBaseEvent, MuiEvent } from '../muiEvent';
 import { GridCallbackDetails } from '../api/gridCallbackDetails';
-import { GridEventsStr } from './gridEvents';
-import { GridEventLookup } from './gridEventLookup';
-export declare type GridEventListener<E extends GridEventsStr> = (params: GridEventLookup[E] extends {
+import { GridEventLookup, GridEvents } from './gridEventLookup';
+export declare type GridEventListener<E extends GridEvents> = (params: GridEventLookup[E] extends {
     params: any;
 } ? GridEventLookup[E]['params'] : undefined, event: GridEventLookup[E] extends {
     event: MuiBaseEvent;

package/models/events/gridEventLookup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridCellEditCommitParams, GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridColumnVisibilityChangeParams, GridEditCellPropsParams, GridHeaderSelectionCheckboxParams, GridMenuParams, GridPreferencePanelParams, GridRenderedRowsIntervalChangeParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams } from '../params';
+import type { GridCellEditCommitParams, GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridEditCellPropsParams, GridHeaderSelectionCheckboxParams, GridMenuParams, GridPreferencePanelParams, GridRenderedRowsIntervalChangeParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams } from '../params';
 import { GridCellEditStartParams, GridCellEditStopParams } from '../params/gridEditCellParams';
 import { GridCellParams } from '../params/gridCellParams';
 import type { GridFilterModel } from '../gridFilterModel';
@@ -8,7 +8,7 @@ import type { GridEditRowsModel } from '../gridEditRowModel';
 import type { GridSelectionModel } from '../gridSelectionModel';
 import type { ElementSize } from '../elementSize';
 import type { MuiBaseEvent } from '../muiEvent';
-import type { GridRowId, GridRowTreeNodeConfig } from '../gridRows';
+import type { GridGroupNode, GridRowId } from '../gridRows';
 import type { GridColumnVisibilityModel } from '../../hooks/features/columns';
 import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcessing';
 import { GridRowEditStartParams, GridRowEditStopParams } from '../params/gridRowParams';
@@ -359,15 +359,6 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         params: null;
         event: MouseEvent;
     };
-    /**
-     * Fired when a column visibility changes.
-     * It is not fired when the `columnVisibilityModel` is controlled or initialized.
-     * It is not fired when toggling all column's visibility at once.
-     * @deprecated Use `'columnVisibilityModelChange'` instead.
-     */
-    columnVisibilityChange: {
-        params: GridColumnVisibilityChangeParams;
-    };
     /**
      * Fired during the resizing of a column.
      */
@@ -397,11 +388,11 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
      */
     sortedRowsSet: {};
     /**
-     * Fired when the expansion of a row is changed. Called with a [[GridRowTreeNodeConfig]] object.
+     * Fired when the expansion of a row is changed. Called with a [[GridGroupNode]] object.
      * @ignore - do not document.
      */
     rowExpansionChange: {
-        params: GridRowTreeNodeConfig;
+        params: GridGroupNode;
     };
     /**
      * Fired when the rendered rows index interval changes. Called with a [[GridRenderedRowsIntervalChangeParams]] object.
@@ -574,3 +565,4 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         params: GridMenuParams;
     };
 }
+export declare type GridEvents = keyof GridEventLookup;

package/models/events/gridEventPublisher.d.ts

@@ -1,30 +1,29 @@
 import { MuiBaseEvent } from '../muiEvent';
-import { GridEventLookup } from './gridEventLookup';
-import { GridEventsStr } from './gridEvents';
-declare type PublisherArgsNoEvent<E extends GridEventsStr, T extends {
+import { GridEventLookup, GridEvents } from './gridEventLookup';
+declare type PublisherArgsNoEvent<E extends GridEvents, T extends {
     params: any;
 }> = [E, T['params']];
-declare type PublisherArgsRequiredEvent<E extends GridEventsStr, T extends {
+declare type PublisherArgsRequiredEvent<E extends GridEvents, T extends {
     params: any;
     event: MuiBaseEvent;
 }> = [E, T['params'], T['event']];
-declare type PublisherArgsOptionalEvent<E extends GridEventsStr, T extends {
+declare type PublisherArgsOptionalEvent<E extends GridEvents, T extends {
     params: any;
     event: MuiBaseEvent;
 }> = PublisherArgsRequiredEvent<E, T> | PublisherArgsNoEvent<E, T>;
-declare type PublisherArgsEvent<E extends GridEventsStr, T extends {
+declare type PublisherArgsEvent<E extends GridEvents, T extends {
     params: any;
     event: MuiBaseEvent;
 }> = {} extends T['event'] ? PublisherArgsOptionalEvent<E, T> : PublisherArgsRequiredEvent<E, T>;
-declare type PublisherArgsParams<E extends GridEventsStr, T extends {
+declare type PublisherArgsParams<E extends GridEvents, T extends {
     params: any;
 }> = [E, T['params']];
-declare type PublisherArgsNoParams<E extends GridEventsStr> = [E];
-declare type GridEventPublisherArg<E extends GridEventsStr, T> = T extends {
+declare type PublisherArgsNoParams<E extends GridEvents> = [E];
+declare type GridEventPublisherArg<E extends GridEvents, T> = T extends {
     params: any;
     event: MuiBaseEvent;
 } ? PublisherArgsEvent<E, T> : T extends {
     params: any;
 } ? PublisherArgsParams<E, T> : PublisherArgsNoParams<E>;
-export declare type GridEventPublisher = <E extends GridEventsStr>(...params: GridEventPublisherArg<E, GridEventLookup[E]>) => void;
+export declare type GridEventPublisher = <E extends GridEvents>(...params: GridEventPublisherArg<E, GridEventLookup[E]>) => void;
 export {};

package/models/events/index.d.ts

@@ -1,4 +1,3 @@
 export * from './gridEventListener';
 export * from './gridEventPublisher';
 export * from './gridEventLookup';
-export * from './gridEvents';

package/models/events/index.js

@@ -1,4 +1,3 @@
 export * from './gridEventListener';
 export * from './gridEventPublisher';
-export * from './gridEventLookup';
-export * from './gridEvents';
+export * from './gridEventLookup';

package/models/gridApiCaches.d.ts

@@ -1,6 +1,4 @@
-import { GridRowsInternalCache } from '../hooks/features/rows/gridRowsState';
-import { GridColumnsInternalCache } from '../hooks/features/columns/gridColumnsInterfaces';
+import { GridRowsInternalCache } from '../hooks/features/rows/gridRowsInterfaces';
 export interface GridApiCaches {
     rows: GridRowsInternalCache;
-    columns: GridColumnsInternalCache;
 }

package/models/gridFeatureMode.d.ts

@@ -1,5 +1 @@
-export declare const GridFeatureModeConstant: {
-    client: "client";
-    server: "server";
-};
 export declare type GridFeatureMode = 'client' | 'server';

package/models/gridFeatureMode.js

@@ -1,4 +1 @@
-export const GridFeatureModeConstant = {
-  client: 'client',
-  server: 'server'
-};
+export {};

package/models/gridRows.d.ts

@@ -15,33 +15,42 @@ export declare type GridUpdateAction = 'delete';
 export interface GridRowModelUpdate extends GridRowModel {
     _action?: GridUpdateAction;
 }
-export interface GridRowTreeNodeConfig {
+/**
+ * The grid rows total height and row positions.
+ */
+export interface GridRowsMeta {
     /**
-     * The grid row id.
+     * The sum of all grid rows.
      */
-    id: GridRowId;
+    totalHeight: number;
     /**
-     * The id of the row children.
-     * @default []
+     * The grid rows positions.
      */
-    children?: GridRowId[];
+    positions: number[];
+}
+export interface GridTreeBasicNode {
     /**
-     * The id of the footer
+     * The uniq id of this node.
      */
-    footerId?: GridRowId | null;
+    id: GridRowId;
     /**
-     * The row id of the parent (null if this row is a top level row).
+     * Depth of this node in the tree.
      */
-    parent: GridRowId | null;
+    depth: number;
+}
+export interface GridLeafNode extends GridTreeBasicNode {
+    type: 'leaf';
     /**
-     * Current expansion status of the row.
-     * @default false
+     * The id of the group containing this node.
      */
-    childrenExpanded?: boolean;
+    parent: GridRowId;
     /**
-     * 0-based depth of the row in the tree.
+     * The key used to group the children of this row.
      */
-    depth: number;
+    groupingKey: GridKeyValue | null;
+}
+export interface GridBasicGroupNode extends GridTreeBasicNode {
+    type: 'group';
     /**
      * The key used to group the children of this row.
      */
@@ -52,36 +61,96 @@ export interface GridRowTreeNodeConfig {
      */
     groupingField: string | null;
     /**
-     * If `true`, this node has been automatically added to fill a gap in the tree structure.
+     * The id of the body children nodes.
+     * Only contains the children of type "group" and "leaf".
+     */
+    children: GridRowId[];
+    /**
+     * The id of the footer child node.
+     */
+    footerId?: GridRowId | null;
+    /**
+     * The id of the children nodes, grouped by grouping field and grouping key.
+     * Only contains the children of type "group" and "leaf".
+     * Empty for flat tree.
+     */
+    childrenFromPath: GridChildrenFromPathLookup;
+    /**
+     * If `true`, the children of this group are not visible.
      * @default false
      */
-    isAutoGenerated?: boolean;
+    childrenExpanded?: boolean;
     /**
-     * Position of the row among its sibling.
-     * @default 'body'
+     * The id of the group containing this node (null for the root group).
      */
-    position?: 'body' | 'footer';
+    parent: GridRowId | null;
     /**
      * If `true`, this row is pinned.
      * @default false
      */
     isPinned?: boolean;
 }
-/**
- * The grid rows total height and row positions.
- */
-export interface GridRowsMeta {
+export interface GridAutoGeneratedGroupNode extends GridBasicGroupNode {
     /**
-     * The sum of all grid rows.
+     * If `true`, this node has been automatically generated by the grid.
+     * In the row grouping, all groups are auto-generated
+     * In the tree data, some groups can be passed in the rows
      */
-    totalHeight: number;
+    isAutoGenerated: true;
+}
+export interface GridDataGroupNode extends GridBasicGroupNode {
     /**
-     * The grid rows positions.
+     * If `true`, this node has been automatically generated by the grid.
+     * In the row grouping, all groups are auto-generated
+     * In the tree data, some groups can be passed in the rows
      */
-    positions: number[];
+    isAutoGenerated: false;
+}
+export declare type GridGroupNode = GridDataGroupNode | GridAutoGeneratedGroupNode;
+export declare type GridChildrenFromPathLookup = {
+    [groupingField: string]: {
+        [groupingKey: string]: GridRowId;
+    };
+};
+export interface GridFooterNode extends GridTreeBasicNode {
+    type: 'footer';
+    /**
+     * The id of the group containing this node.
+     */
+    parent: GridRowId;
+}
+export interface GridSkeletonRowNode extends GridTreeBasicNode {
+    type: 'skeletonRow';
+    /**
+     * The id of the group containing this node.
+     * Is always equal to `GRID_ROOT_GROUP_ID`.
+     */
+    parent: GridRowId;
+}
+interface GridBasicPinnedRowNode extends GridTreeBasicNode {
+    type: 'pinnedRow';
+    /**
+     * The id of the group containing this node.
+     * Is always equal to `GRID_ROOT_GROUP_ID`.
+     */
+    parent: GridRowId;
+}
+export interface GridDataPinnedRowNode extends GridBasicPinnedRowNode {
+    /**
+     * If `true`, this node has been automatically generated by the grid.
+     */
+    isAutoGenerated: true;
+}
+export interface GridAutoGeneratedPinnedRowNode extends GridBasicPinnedRowNode {
+    /**
+     * If `true`, this node has been automatically generated by the grid.
+     */
+    isAutoGenerated: false;
 }
-export declare type GridRowTreeConfig = Record<GridRowId, GridRowTreeNodeConfig>;
-export declare type GridRowsLookup<R extends GridValidRowModel = GridValidRowModel> = Record<GridRowId, R>;
+export declare type GridPinnedRowNode = GridDataPinnedRowNode | GridAutoGeneratedPinnedRowNode;
+export declare type GridTreeNode = GridLeafNode | GridGroupNode | GridFooterNode | GridPinnedRowNode | GridSkeletonRowNode;
+export declare type GridTreeNodeWithRender = GridLeafNode | GridGroupNode | GridFooterNode | GridPinnedRowNode;
+export declare type GridRowTreeConfig = Record<GridRowId, GridTreeNode>;
 /**
  * The type of Id supported by the grid.
  */
@@ -100,3 +169,4 @@ export interface GridRowEntry<R extends GridValidRowModel = GridValidRowModel> {
  * The function to retrieve the id of a [[GridRowModel]].
  */
 export declare type GridRowIdGetter<R extends GridValidRowModel = GridValidRowModel> = (row: R) => GridRowId;
+export {};

package/models/gridSortModel.d.ts

@@ -1,10 +1,10 @@
-import { GridRowId, GridRowTreeNodeConfig } from './gridRows';
+import { GridRowId, GridTreeNode } from './gridRows';
 export declare type GridSortDirection = 'asc' | 'desc' | null | undefined;
 export interface GridSortCellParams<V = any> {
     id: GridRowId;
     field: string;
     value: V;
-    rowNode: GridRowTreeNodeConfig;
+    rowNode: GridTreeNode;
     /**
      * @deprecated Use the `apiRef` returned by `useGridApiContext` or `useGridApiRef` (only available in `@mui/x-data-grid-pro`)
      */