@mui/x-data-grid-pro 8.26.0 → 8.27.1

package/esm/hooks/features/dataSource/useGridDataSourceBasePro.d.ts

@@ -1,9 +1,9 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowId } from '@mui/x-data-grid';
-import { CacheChunkManager, DataSourceRowsUpdateStrategy, GridDataSourceBaseOptions, GridStrategyProcessor } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridRowId } from '@mui/x-data-grid';
+import { CacheChunkManager, DataSourceRowsUpdateStrategy, type GridDataSourceBaseOptions, type GridStrategyProcessor } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "./models.js";
 export declare const INITIAL_STATE: {
   loading: {};
   errors: {};

package/esm/hooks/features/dataSource/useGridDataSourcePro.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridStateInitializer } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const dataSourceStateInitializer: GridStateInitializer;
 export declare const useGridDataSourcePro: (apiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/esm/hooks/features/dataSource/utils.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridKeyValue, GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridPrivateApiPro } from "../../../models/index.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridKeyValue, type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import type { GridPrivateApiPro } from "../../../models/index.js";
 export declare enum RequestStatus {
   QUEUED = 0,
   PENDING = 1,

package/esm/hooks/features/detailPanel/gridDetailPanelInterface.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { GridRowId } from '@mui/x-data-grid';
+import type * as React from 'react';
+import type { GridRowId } from '@mui/x-data-grid';
 type DetailPanelHeightCache = Record<GridRowId, {
   autoHeight: boolean;
   height: number;

package/esm/hooks/features/detailPanel/gridDetailPanelSelector.d.ts

@@ -1,4 +1,4 @@
-import { GridStatePro } from "../../../models/gridStatePro.js";
+import type { GridStatePro } from "../../../models/gridStatePro.js";
 export declare const gridDetailPanelStateSelector: import("@mui/x-data-grid").OutputSelector<GridStatePro, unknown, import("./gridDetailPanelInterface.js").GridDetailPanelState>;
 export declare const gridDetailPanelExpandedRowIdsSelector: (args_0: import("react").RefObject<{
   state: GridStatePro;

package/esm/hooks/features/detailPanel/gridDetailPanelToggleColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from '@mui/x-data-grid';
+import { type GridColDef } from '@mui/x-data-grid';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
 export { GRID_DETAIL_PANEL_TOGGLE_FIELD };
 export declare const GRID_DETAIL_PANEL_TOGGLE_COL_DEF: GridColDef;

package/esm/hooks/features/detailPanel/useGridDetailPanel.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridStateInitializer } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const detailPanelStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'initialState' | 'detailPanelExpandedRowIds'>>;
 export declare const useGridDetailPanel: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "getDetailPanelContent" | "getDetailPanelHeight" | "detailPanelExpandedRowIds" | "onDetailPanelExpandedRowIdsChange">) => void;

package/esm/hooks/features/detailPanel/useGridDetailPanelPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 export declare const useGridDetailPanelPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/esm/hooks/features/infiniteLoader/useGridInfiniteLoader.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 /**
  * @requires useGridColumns (state)
  * @requires useGridDimensions (method) - can be after

package/esm/hooks/features/lazyLoader/useGridLazyLoader.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 /**
  * @requires useGridRows (state)
  * @requires useGridPagination (state)

package/esm/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const GRID_SKELETON_ROW_ROOT_ID = "auto-generated-skeleton-row-root";
 export declare const useGridLazyLoaderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "rowCount" | "rowsLoadingMode">) => void;

package/esm/hooks/features/lazyLoader/utils.d.ts

@@ -1,6 +1,23 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowEntry } from '@mui/x-data-grid';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridRowEntry } from '@mui/x-data-grid';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+interface GridRowRenderContext {
+  firstRowIndex: number;
+  lastRowIndex: number;
+}
+interface AdjustRowParamsOptions {
+  pageSize: number;
+  rowCount: number | undefined;
+}
+/**
+ * Adjusts the row fetch parameters to align with page boundaries.
+ * - Start index is decreased to the start of the page
+ * - End index is increased to the end of the page (capped by rowCount - 1 if defined)
+ */
+export declare const adjustRowParams: <T extends {
+  start: number | string;
+  end: number;
+}>(params: T, options: AdjustRowParamsOptions) => T;
 export declare const findSkeletonRowsSection: ({
   apiRef,
   visibleRows,
@@ -8,11 +25,9 @@ export declare const findSkeletonRowsSection: ({
 }: {
   apiRef: RefObject<GridPrivateApiPro>;
   visibleRows: GridRowEntry[];
-  range: {
-    firstRowIndex: number;
-    lastRowIndex: number;
-  };
+  range: GridRowRenderContext;
 }) => {
   firstRowIndex: number;
   lastRowIndex: number;
-} | undefined;
+} | undefined;
+export {};

package/esm/hooks/features/lazyLoader/utils.js

@@ -1,4 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { gridRowNodeSelector } from '@mui/x-data-grid';
+/**
+ * Adjusts the row fetch parameters to align with page boundaries.
+ * - Start index is decreased to the start of the page
+ * - End index is increased to the end of the page (capped by rowCount - 1 if defined)
+ */
+export const adjustRowParams = (params, options) => {
+  if (typeof params.start !== 'number') {
+    return params;
+  }
+  const {
+    pageSize,
+    rowCount
+  } = options;
+  const adjustedStart = params.start - params.start % pageSize;
+  const pageAlignedEnd = params.end + pageSize - params.end % pageSize - 1;
+  // rowCount of -1 means "unknown/infinite", treat same as undefined (no capping)
+  const maxEnd = rowCount !== undefined && rowCount !== -1 ? Math.max(0, rowCount - 1) : Infinity;
+  return _extends({}, params, {
+    start: adjustedStart,
+    end: Math.min(maxEnd, pageAlignedEnd)
+  });
+};
 export const findSkeletonRowsSection = ({
   apiRef,
   visibleRows,

package/esm/hooks/features/rowPinning/gridRowPinningInterface.d.ts

@@ -1,4 +1,4 @@
-import { GridRowId, GridRowIdToModelLookup, GridRowsProp, GridValidRowModel } from '@mui/x-data-grid';
+import type { GridRowId, GridRowIdToModelLookup, GridRowsProp, GridValidRowModel } from '@mui/x-data-grid';
 export interface GridPinnedRowsProp<R extends GridValidRowModel = GridValidRowModel> {
   top?: GridRowsProp<R>;
   bottom?: GridRowsProp<R>;

package/esm/hooks/features/rowPinning/useGridRowPinning.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridStateInitializer } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const rowPinningStateInitializer: GridStateInitializer<Pick<DataGridProProcessedProps, 'pinnedRows' | 'getRowId'>>;
 export declare const useGridRowPinning: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "pinnedRows" | "getRowId">) => void;

package/esm/hooks/features/rowPinning/useGridRowPinningPreProcessors.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridHydrateRowsValue } from '@mui/x-data-grid/internals';
-import { GridRowId, GridRowModel } from '@mui/x-data-grid';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridHydrateRowsValue } from '@mui/x-data-grid/internals';
+import { type GridRowId, type GridRowModel } from '@mui/x-data-grid';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import type { GridPinnedRowsProp } from "./gridRowPinningInterface.js";
 type GridPinnedRowPosition = keyof GridPinnedRowsProp;
 export declare function addPinnedRow({

package/esm/hooks/features/rowReorder/gridRowReorderColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColDef } from '@mui/x-data-grid';
+import { type GridColDef } from '@mui/x-data-grid';
 export declare const GRID_REORDER_COL_DEF: GridColDef;

package/esm/hooks/features/rowReorder/models.d.ts

@@ -1,4 +1,4 @@
-import { GridTreeNode, GridValidRowModel } from '@mui/x-data-grid';
+import type { GridTreeNode, GridValidRowModel } from '@mui/x-data-grid';
 import type { RefObject } from '@mui/x-internals/types';
 import type { RowReorderDropPosition, RowReorderDragDirection } from '@mui/x-data-grid/internals';
 import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";

package/esm/hooks/features/rowReorder/reorderValidator.d.ts

@@ -1,4 +1,4 @@
-import { ReorderValidationContext } from "./models.js";
+import type { ReorderValidationContext } from "./models.js";
 export interface ValidationRule {
   name: string;
   applies: (ctx: ReorderValidationContext) => boolean;

package/esm/hooks/features/rowReorder/useGridRowReorder.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import { type GridStateInitializer } from '@mui/x-data-grid/internals';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const rowReorderStateInitializer: GridStateInitializer;
 /**
  * Hook for row reordering (Pro package)

package/esm/hooks/features/rowReorder/useGridRowReorderPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 export declare const useGridRowReorderPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: DataGridProProcessedProps) => void;

package/esm/hooks/features/rowReorder/utils.d.ts

@@ -1,8 +1,8 @@
 import type { RefObject } from '@mui/x-internals/types';
 import { type GridRowId, type GridTreeNode, type GridGroupNode, type GridRowTreeConfig, type GridKeyValue, type GridValidRowModel } from '@mui/x-data-grid';
-import { type ReorderOperationType } from "./types.js";
+import type { ReorderOperationType } from "./types.js";
 import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export { getNodePathInTree } from "../../../utils/tree/utils.js";
 /**
  * Finds the closest cell element from the given event target.

package/esm/hooks/features/rows/useGridRowAriaAttributes.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { GridTreeNode } from '@mui/x-data-grid';
+import { type GridTreeNode } from '@mui/x-data-grid';
 export declare const useGridRowAriaAttributesPro: (addTreeDataAttributes?: boolean) => (rowNode: GridTreeNode, index: number) => React.HTMLAttributes<HTMLElement>;

package/esm/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 /**
  * @requires useGridRows (state)
  * @requires useGridPagination (state)

package/esm/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -7,7 +7,7 @@ import useEventCallback from '@mui/utils/useEventCallback';
 import debounce from '@mui/utils/debounce';
 import { useGridEvent, gridSortModelSelector, gridFilterModelSelector, GRID_ROOT_GROUP_ID, gridPaginationModelSelector, gridFilteredSortedRowIdsSelector, gridRowIdSelector } from '@mui/x-data-grid';
 import { getVisibleRows, gridRenderContextSelector, GridStrategyGroup, useGridRegisterStrategyProcessor, runIf, DataSourceRowsUpdateStrategy } from '@mui/x-data-grid/internals';
-import { findSkeletonRowsSection } from "../lazyLoader/utils.js";
+import { findSkeletonRowsSection, adjustRowParams } from "../lazyLoader/utils.js";
 import { GRID_SKELETON_ROW_ROOT_ID } from "../lazyLoader/useGridLazyLoaderPreProcessors.js";
 var LoadingTrigger = /*#__PURE__*/function (LoadingTrigger) {
   LoadingTrigger[LoadingTrigger["VIEWPORT"] = 0] = "VIEWPORT";
@@ -39,19 +39,6 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     privateApiRef.current.dataSource.fetchRows(GRID_ROOT_GROUP_ID, params);
   }, [privateApiRef]);
   const debouncedFetchRows = React.useMemo(() => debounce(fetchRows, 0), [fetchRows]);
-
-  // Adjust the render context range to fit the pagination model's page size
-  // First row index should be decreased to the start of the page, end row index should be increased to the end of the page
-  const adjustRowParams = React.useCallback(params => {
-    if (typeof params.start !== 'number') {
-      return params;
-    }
-    const paginationModel = gridPaginationModelSelector(privateApiRef);
-    return _extends({}, params, {
-      start: params.start - params.start % paginationModel.pageSize,
-      end: params.end + paginationModel.pageSize - params.end % paginationModel.pageSize - 1
-    });
-  }, [privateApiRef]);
   const resetGrid = React.useCallback(() => {
     privateApiRef.current.setLoading(true);
     privateApiRef.current.dataSource.cache.clear();
@@ -102,9 +89,13 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     if (rootChildrenCount === 0) {
       return;
     }
+    const paginationModel = gridPaginationModelSelector(privateApiRef);
     const pageToSkip = adjustRowParams({
       start: renderedRowsIntervalCache.current.firstRowToRender,
       end: renderedRowsIntervalCache.current.lastRowToRender
+    }, {
+      pageSize: paginationModel.pageSize,
+      rowCount: pageRowCount
     });
     let hasChanged = false;
     const isInitialPage = renderedRowsIntervalCache.current.firstRowToRender === 0 && renderedRowsIntervalCache.current.lastRowToRender === 0;
@@ -157,7 +148,7 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
         tree
       })
     }), 'addSkeletonRows');
-  }, [privateApiRef, adjustRowParams]);
+  }, [privateApiRef]);
   const updateLoadingTrigger = React.useCallback(rowCount => {
     const newLoadingTrigger = rowCount === -1 ? LoadingTrigger.SCROLL_END : LoadingTrigger.VIEWPORT;
     if (loadingTrigger.current !== null) {
@@ -268,43 +259,47 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       filterModel
     };
     privateApiRef.current.setLoading(true);
-    fetchRows(adjustRowParams(getRowsParams));
+    fetchRows(adjustRowParams(getRowsParams, {
+      pageSize: paginationModel.pageSize,
+      rowCount: privateApiRef.current.state.pagination.rowCount
+    }));
   });
-  const handleRenderedRowsIntervalChange = React.useCallback(params => {
+  const handleRenderedRowsIntervalChange = React.useCallback(renderContext => {
     if (rowsStale.current) {
       return;
     }
     const sortModel = gridSortModelSelector(privateApiRef);
     const filterModel = gridFilterModelSelector(privateApiRef);
     const getRowsParams = {
-      start: params.firstRowIndex,
-      end: params.lastRowIndex - 1,
+      start: renderContext.firstRowIndex,
+      end: renderContext.lastRowIndex - 1,
       sortModel,
       filterModel
     };
-    if (renderedRowsIntervalCache.current.firstRowToRender === params.firstRowIndex && renderedRowsIntervalCache.current.lastRowToRender === params.lastRowIndex) {
+    if (renderedRowsIntervalCache.current.firstRowToRender === renderContext.firstRowIndex && renderedRowsIntervalCache.current.lastRowToRender === renderContext.lastRowIndex) {
       return;
     }
     renderedRowsIntervalCache.current = {
-      firstRowToRender: params.firstRowIndex,
-      lastRowToRender: params.lastRowIndex
+      firstRowToRender: renderContext.firstRowIndex,
+      lastRowToRender: renderContext.lastRowIndex
     };
     const currentVisibleRows = getVisibleRows(privateApiRef);
     const skeletonRowsSection = findSkeletonRowsSection({
       apiRef: privateApiRef,
       visibleRows: currentVisibleRows.rows,
-      range: {
-        firstRowIndex: params.firstRowIndex,
-        lastRowIndex: params.lastRowIndex - 1
-      }
+      range: renderContext
     });
     if (!skeletonRowsSection) {
       return;
     }
     getRowsParams.start = skeletonRowsSection.firstRowIndex;
     getRowsParams.end = skeletonRowsSection.lastRowIndex;
-    fetchRows(adjustRowParams(getRowsParams));
-  }, [privateApiRef, adjustRowParams, fetchRows]);
+    const paginationModel = gridPaginationModelSelector(privateApiRef);
+    fetchRows(adjustRowParams(getRowsParams, {
+      pageSize: paginationModel.pageSize,
+      rowCount: privateApiRef.current.state.pagination.rowCount
+    }));
+  }, [privateApiRef, fetchRows]);
   const throttledHandleRenderedRowsIntervalChange = React.useMemo(() => throttle(handleRenderedRowsIntervalChange, props.lazyLoadingRequestThrottleMs), [props.lazyLoadingRequestThrottleMs, handleRenderedRowsIntervalChange]);
   React.useEffect(() => {
     return () => {

package/esm/hooks/features/serverSideLazyLoader/useGridInfiniteLoadingIntersection.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 /**
  * @requires useGridDimensions (method) - can be after
  */

package/esm/hooks/features/serverSideLazyLoader/useGridInfiniteLoadingIntersection.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { useGridSelector, useGridApiMethod, gridDimensionsSelector } from '@mui/x-data-grid';
 import { useTimeout, gridHorizontalScrollbarHeightSelector } from '@mui/x-data-grid/internals';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const InfiniteLoadingTriggerElement = styled('div', {
   slot: 'internal',

package/esm/hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 export declare const useGridDataSourceTreeDataPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "treeData" | "groupingColDef" | "disableChildrenSorting" | "disableChildrenFiltering" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;

package/esm/hooks/features/serverSideTreeData/utils.d.ts

@@ -1,5 +1,5 @@
-import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridRowTreeCreationParams } from '@mui/x-data-grid/internals';
+import { type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import { type GridRowTreeCreationParams } from '@mui/x-data-grid/internals';
 export declare function skipFiltering(rowTree: GridRowTreeConfig): {
   filteredRowsLookup: {};
   filteredChildrenCountLookup: Record<GridRowId, number>;
@@ -9,5 +9,8 @@ export declare function skipSorting(rowTree: GridRowTreeConfig): GridRowId[];
 /**
  * Retrieves the parent path for a row from the previous tree state.
  * Used during full tree updates to maintain correct hierarchy.
+ *
+ * Uses the parent node's `path` property, which stores the group keys
+ * representing the full path to the parent (i.e. the keys used to fetch the current node).
  */
 export declare function getParentPath(rowId: GridRowId, treeCreationParams: GridRowTreeCreationParams): string[];

package/esm/hooks/features/serverSideTreeData/utils.js

@@ -20,10 +20,22 @@ export function skipSorting(rowTree) {
 /**
  * Retrieves the parent path for a row from the previous tree state.
  * Used during full tree updates to maintain correct hierarchy.
+ *
+ * Uses the parent node's `path` property, which stores the group keys
+ * representing the full path to the parent (i.e. the keys used to fetch the current node).
  */
 export function getParentPath(rowId, treeCreationParams) {
-  if (treeCreationParams.updates.type !== 'full' || !treeCreationParams.previousTree?.[rowId] || treeCreationParams.previousTree[rowId].depth < 1 || !('path' in treeCreationParams.previousTree[rowId])) {
+  if (treeCreationParams.updates.type !== 'full' || !treeCreationParams.previousTree?.[rowId] || treeCreationParams.previousTree[rowId].depth < 1) {
     return [];
   }
-  return treeCreationParams.previousTree[rowId].path || [];
+  const node = treeCreationParams.previousTree[rowId];
+  const parentId = node.parent;
+  if (parentId == null) {
+    return [];
+  }
+  const parentNode = treeCreationParams.previousTree[parentId];
+  if (parentNode && 'path' in parentNode) {
+    return parentNode.path || [];
+  }
+  return [];
 }

package/esm/hooks/features/treeData/gridTreeDataGroupColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from '@mui/x-data-grid';
+import { type GridColDef } from '@mui/x-data-grid';
 import { GRID_TREE_DATA_GROUPING_FIELD } from '@mui/x-data-grid/internals';
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount

package/esm/hooks/features/treeData/gridTreeDataUtils.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowTreeConfig, GridFilterState, GridFilterModel, GridRowModel, GridColDef } from '@mui/x-data-grid';
-import { GridAggregatedFilterItemApplier } from '@mui/x-data-grid/internals';
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridRowTreeConfig, GridFilterState, GridFilterModel, GridRowModel, GridColDef } from '@mui/x-data-grid';
+import { type GridAggregatedFilterItemApplier } from '@mui/x-data-grid/internals';
 import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 interface FilterRowTreeFromTreeDataParams {
   rowTree: GridRowTreeConfig;

package/esm/hooks/features/treeData/treeDataReorderExecutor.d.ts

@@ -1,5 +1,5 @@
 import { BaseReorderOperation, RowReorderExecutor } from "../rowReorder/reorderExecutor.js";
-import { type ReorderOperation, type ReorderExecutionContext } from "../rowReorder/types.js";
+import type { ReorderOperation, ReorderExecutionContext } from "../rowReorder/types.js";
 /**
  * Handles reordering of items within the same parent group.
  */

package/esm/hooks/features/treeData/useGridTreeData.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
 export declare const useGridTreeData: (apiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "treeData" | "dataSource" | "isValidRowReorder">) => void;

package/esm/hooks/features/treeData/useGridTreeDataPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
-import { GridPrivateApiPro } from "../../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProProcessedProps } from "../../../models/dataGridProProps.js";
+import type { GridPrivateApiPro } from "../../../models/gridApiPro.js";
 export declare const useGridTreeDataPreProcessors: (privateApiRef: RefObject<GridPrivateApiPro>, props: Pick<DataGridProProcessedProps, "treeData" | "groupingColDef" | "getTreeDataPath" | "disableChildrenSorting" | "disableChildrenFiltering" | "defaultGroupingExpansionDepth" | "isGroupExpandedByDefault" | "dataSource">) => void;

package/esm/hooks/utils/useGridApiContext.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommon } from '@mui/x-data-grid';
-import { GridApiPro } from "../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridApiCommon } from '@mui/x-data-grid';
+import type { GridApiPro } from "../../models/gridApiPro.js";
 export declare const useGridApiContext: <Api extends GridApiCommon = GridApiPro>() => RefObject<Api>;

package/esm/hooks/utils/useGridApiRef.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiPro } from "../../models/gridApiPro.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridApiPro } from "../../models/gridApiPro.js";
 export declare const useGridApiRef: () => RefObject<GridApiPro | null>;

package/esm/hooks/utils/useGridAriaAttributes.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare const useGridAriaAttributesPro: () => React.HTMLAttributes<HTMLElement>;

package/esm/hooks/utils/useGridPrivateApiContext.d.ts

@@ -1,2 +1,2 @@
-import { GridPrivateApiPro } from "../../models/gridApiPro.js";
+import type { GridPrivateApiPro } from "../../models/gridApiPro.js";
 export declare const useGridPrivateApiContext: () => import("react").RefObject<GridPrivateApiPro>;

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.26.0
+ * @mui/x-data-grid-pro v8.27.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/propValidation.d.ts

@@ -1,3 +1,3 @@
-import { PropValidator } from '@mui/x-data-grid/internals';
-import { DataGridProProcessedProps } from "../models/dataGridProProps.js";
+import { type PropValidator } from '@mui/x-data-grid/internals';
+import type { DataGridProProcessedProps } from "../models/dataGridProProps.js";
 export declare const propValidatorsDataGridPro: PropValidator<DataGridProProcessedProps>[];

package/esm/models/dataGridProProps.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { RefObject } from '@mui/x-internals/types';
-import { GridEventListener, GridCallbackDetails, GridRowParams, GridRowId, GridValidRowModel, GridGroupNode, GridFeatureMode, GridListViewColDef, GridGetRowsError, GridUpdateRowError } from '@mui/x-data-grid';
+import type * as React from 'react';
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridEventListener, GridCallbackDetails, GridRowParams, GridRowId, GridValidRowModel, GridGroupNode, GridFeatureMode, GridListViewColDef, GridGetRowsError, GridUpdateRowError } from '@mui/x-data-grid';
 import type { GridExperimentalFeatures, DataGridPropsWithoutDefaultValue, DataGridPropsWithDefaultValues, DataGridPropsWithComplexDefaultValueAfterProcessing, DataGridPropsWithComplexDefaultValueBeforeProcessing, GridPinnedColumnFields, DataGridProSharedPropsWithDefaultValue, DataGridProSharedPropsWithoutDefaultValue } from '@mui/x-data-grid/internals';
 import type { GridPinnedRowsProp } from "../hooks/features/rowPinning/index.js";
 import type { GridApiPro } from "./gridApiPro.js";
-import { GridGroupingColDefOverride, GridGroupingColDefOverrideParams } from "./gridGroupingColDefOverride.js";
+import type { GridGroupingColDefOverride, GridGroupingColDefOverrideParams } from "./gridGroupingColDefOverride.js";
 import type { GridInitialStatePro } from "./gridStatePro.js";
 import type { GridProSlotsComponent } from "./gridProSlotsComponent.js";
 import type { GridProSlotProps } from "./gridProSlotProps.js";

package/esm/models/gridApiPro.d.ts

@@ -1,6 +1,6 @@
-import { GridApiCommon, GridColumnReorderApi, GridRowMultiSelectionApi, GridRowProApi } from '@mui/x-data-grid';
-import { GridPrivateOnlyApiCommon, GridInfiniteLoaderPrivateApi } from '@mui/x-data-grid/internals';
-import { GridInitialStatePro, GridStatePro } from "./gridStatePro.js";
+import type { GridApiCommon, GridColumnReorderApi, GridRowMultiSelectionApi, GridRowProApi } from '@mui/x-data-grid';
+import type { GridPrivateOnlyApiCommon, GridInfiniteLoaderPrivateApi } from '@mui/x-data-grid/internals';
+import type { GridInitialStatePro, GridStatePro } from "./gridStatePro.js";
 import type { GridColumnPinningApi, GridDetailPanelApi, GridRowPinningApi, GridDetailPanelPrivateApi } from "../hooks/index.js";
 import type { GridRowReorderPrivateApi } from "./gridRowReorderApi.js";
 import type { GridDataSourceApiPro, GridDataSourcePrivateApiPro } from "../hooks/features/dataSource/models.js";

package/esm/models/gridFetchRowsParams.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterModel, GridSortModel } from '@mui/x-data-grid/models';
+import type { GridFilterModel, GridSortModel } from '@mui/x-data-grid/models';
 /**
  * Object passed as parameter to the [[onFetchRows]] option.
  */