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

package/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -46,19 +46,6 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     privateApiRef.current.dataSource.fetchRows(_xDataGrid.GRID_ROOT_GROUP_ID, params);
   }, [privateApiRef]);
   const debouncedFetchRows = React.useMemo(() => (0, _debounce.default)(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 = (0, _xDataGrid.gridPaginationModelSelector)(privateApiRef);
-    return (0, _extends2.default)({}, 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();
@@ -109,9 +96,13 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     if (rootChildrenCount === 0) {
       return;
     }
-    const pageToSkip = adjustRowParams({
+    const paginationModel = (0, _xDataGrid.gridPaginationModelSelector)(privateApiRef);
+    const pageToSkip = (0, _utils.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;
@@ -164,7 +155,7 @@ 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) {
@@ -275,43 +266,47 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       filterModel
     };
     privateApiRef.current.setLoading(true);
-    fetchRows(adjustRowParams(getRowsParams));
+    fetchRows((0, _utils.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 = (0, _xDataGrid.gridSortModelSelector)(privateApiRef);
     const filterModel = (0, _xDataGrid.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 = (0, _internals.getVisibleRows)(privateApiRef);
     const skeletonRowsSection = (0, _utils.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 = (0, _xDataGrid.gridPaginationModelSelector)(privateApiRef);
+    fetchRows((0, _utils.adjustRowParams)(getRowsParams, {
+      pageSize: paginationModel.pageSize,
+      rowCount: privateApiRef.current.state.pagination.rowCount
+    }));
+  }, [privateApiRef, fetchRows]);
   const throttledHandleRenderedRowsIntervalChange = React.useMemo(() => (0, _throttle.throttle)(handleRenderedRowsIntervalChange, props.lazyLoadingRequestThrottleMs), [props.lazyLoadingRequestThrottleMs, handleRenderedRowsIntervalChange]);
   React.useEffect(() => {
     return () => {

package/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/hooks/features/serverSideLazyLoader/useGridInfiniteLoadingIntersection.js

@@ -11,9 +11,9 @@ var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
-const InfiniteLoadingTriggerElement = (0, _system.styled)('div', {
+const InfiniteLoadingTriggerElement = (0, _styles.styled)('div', {
   slot: 'internal',
   shouldForwardProp: undefined
 })({

package/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/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/hooks/features/serverSideTreeData/utils.js

@@ -28,10 +28,22 @@ 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).
  */
 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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.
  */

package/models/gridGroupingColDefOverride.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
+import type { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
 export interface GridGroupingColDefOverride<R extends GridValidRowModel = any> extends Omit<GridColDef<R>, 'editable' | 'valueSetter' | 'field' | 'type' | 'preProcessEditCellProps' | 'renderEditCell' | 'groupable'> {
   /**
    * The field from which we want to apply the sorting and the filtering for the grouping column.

package/models/gridProIconSlotsComponent.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { BaseSlots } from '@mui/x-data-grid/internals';
+import type * as React from 'react';
+import type { BaseSlots } from '@mui/x-data-grid/internals';
 type IconProps = BaseSlots.IconProps;
 export interface GridProIconSlotsComponent {
   /**

package/models/gridProSlotProps.d.ts

@@ -1,4 +1,4 @@
-import { GridSlotsComponentsProps } from '@mui/x-data-grid/internals';
+import type { GridSlotsComponentsProps } from '@mui/x-data-grid/internals';
 import type { GridHeaderFilterCellProps } from "../components/headerFiltering/GridHeaderFilterCell.js";
 export interface HeaderFilterCellPropsOverrides {}
 type SlotProps<Props, Overrides> = Partial<Props & Overrides>;

package/models/gridProSlotsComponent.d.ts

@@ -1,5 +1,5 @@
-import { GridSlotsComponent } from '@mui/x-data-grid';
-import { GridProIconSlotsComponent } from "./gridProIconSlotsComponent.js";
+import type { GridSlotsComponent } from '@mui/x-data-grid';
+import type { GridProIconSlotsComponent } from "./gridProIconSlotsComponent.js";
 /**
  * Grid components React prop interface containing all the overridable components
  * for Pro package

package/models/gridRowOrderChangeParams.d.ts

@@ -1,4 +1,4 @@
-import { GridRowModel, GridRowId } from '@mui/x-data-grid';
+import type { GridRowModel, GridRowId } from '@mui/x-data-grid';
 /**
  * Object passed as parameter of the row order change event.
  * @demos

package/models/gridRowScrollEndParams.d.ts

@@ -1,4 +1,4 @@
-import { GridColDef } from '@mui/x-data-grid';
+import type { GridColDef } from '@mui/x-data-grid';
 /**
  * Object passed as parameter in the onRowsScrollEnd callback.
  */

package/models/gridStatePro.d.ts

@@ -1,4 +1,4 @@
-import { GridInitialState as GridInitialStateCommunity, GridState as GridStateCommunity, GridColumnPinningState, GridPinnedColumnFields } from '@mui/x-data-grid';
+import type { GridInitialState as GridInitialStateCommunity, GridState as GridStateCommunity, GridColumnPinningState, GridPinnedColumnFields } from '@mui/x-data-grid';
 import type { GridDetailPanelState, GridDetailPanelInitialState, GridColumnReorderState } from "../hooks/index.js";
 import type { GridDataSourceState } from "../hooks/features/dataSource/models.js";
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.26.0",
+  "version": "8.27.1",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -37,9 +37,9 @@
     "@mui/utils": "^7.3.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.26.0",
-    "@mui/x-license": "8.26.0",
-    "@mui/x-internals": "8.26.0"
+    "@mui/x-data-grid": "8.27.1",
+    "@mui/x-internals": "8.26.0",
+    "@mui/x-license": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/overrides.d.ts

@@ -1,4 +1,4 @@
-import { GridClassKey } from '@mui/x-data-grid';
+import type { GridClassKey } from '@mui/x-data-grid';
 export interface DataGridProComponentNameToClassKey {
   MuiDataGrid: GridClassKey;
 }

package/themeAugmentation/props.d.ts

@@ -1,5 +1,5 @@
-import { ComponentsOverrides, ComponentsProps } from '@mui/material/styles';
-import { DataGridProProps } from "../models/dataGridProProps.js";
+import type { ComponentsOverrides, ComponentsProps } from '@mui/material/styles';
+import type { DataGridProProps } from "../models/dataGridProProps.js";
 export interface DataGridProComponentsPropsList {
   MuiDataGrid: DataGridProProps;
 }

package/typeOverloads/modules.d.ts

@@ -1,9 +1,9 @@
-import { GridRowId, GridPinnedColumnFields } from '@mui/x-data-grid';
+import type { GridRowId, GridPinnedColumnFields } from '@mui/x-data-grid';
 import type { GridRowScrollEndParams, GridRowOrderChangeParams, GridFetchRowsParams } from "../models/index.js";
 import type { GridRenderHeaderFilterProps } from "../components/headerFiltering/GridHeaderFilterCell.js";
 import type { GridColumnPinningInternalCache } from "../hooks/features/columnPinning/gridColumnPinningInterface.js";
 import type { GridCanBeReorderedPreProcessingContext } from "../hooks/features/columnReorder/columnReorderInterfaces.js";
-import { GridRowPinningInternalCache } from "../hooks/features/rowPinning/gridRowPinningInterface.js";
+import type { GridRowPinningInternalCache } from "../hooks/features/rowPinning/gridRowPinningInterface.js";
 export interface GridColDefPro {
   /**
    * Allows to render a component in the column header filter cell.

package/utils/tree/createRowTree.d.ts

@@ -1,7 +1,7 @@
-import { GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridRowTreeCreationValue } from '@mui/x-data-grid/internals';
-import { RowTreeBuilderNode, GridTreePathDuplicateHandler } from "./models.js";
-import { DataGridProProps } from "../../models/dataGridProProps.js";
+import { type GridRowTreeConfig } from '@mui/x-data-grid';
+import { type GridRowTreeCreationValue } from '@mui/x-data-grid/internals';
+import type { RowTreeBuilderNode, GridTreePathDuplicateHandler } from "./models.js";
+import type { DataGridProProps } from "../../models/dataGridProProps.js";
 interface CreateRowTreeParams {
   previousTree: GridRowTreeConfig | null;
   nodes: RowTreeBuilderNode[];

package/utils/tree/insertDataRowInTree.d.ts

@@ -1,7 +1,7 @@
-import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths } from '@mui/x-data-grid/internals';
-import { GridTreePathDuplicateHandler, RowTreeBuilderGroupingCriterion } from "./models.js";
-import { DataGridProProps } from "../../models/dataGridProProps.js";
+import { type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import type { GridTreeDepths } from '@mui/x-data-grid/internals';
+import type { GridTreePathDuplicateHandler, RowTreeBuilderGroupingCriterion } from "./models.js";
+import type { DataGridProProps } from "../../models/dataGridProProps.js";
 interface InsertDataRowInTreeParams {
   /**
    * ID of the data row to insert in the tree.

package/utils/tree/models.d.ts

@@ -1,4 +1,4 @@
-import { GridKeyValue, GridRowId } from '@mui/x-data-grid';
+import type { GridKeyValue, GridRowId } from '@mui/x-data-grid';
 export interface RowTreeBuilderGroupingCriterion {
   field: string | null;
   key: GridKeyValue | null;

package/utils/tree/removeDataRowFromTree.d.ts

@@ -1,5 +1,5 @@
-import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridTreeDepths } from '@mui/x-data-grid/internals';
+import { type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import type { GridTreeDepths } from '@mui/x-data-grid/internals';
 interface RemoveDataRowFromTreeParams {
   /**
    * ID of the data row to remove from the tree.

package/utils/tree/sortRowTree.d.ts

@@ -1,5 +1,5 @@
-import { GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridSortingModelApplier } from '@mui/x-data-grid/internals';
+import { type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import type { GridSortingModelApplier } from '@mui/x-data-grid/internals';
 interface SortRowTreeParams {
   rowTree: GridRowTreeConfig;
   disableChildrenSorting: boolean;

package/utils/tree/updateRowTree.d.ts

@@ -1,6 +1,6 @@
-import { GridGroupNode, GridRowId, GridRowTreeConfig } from '@mui/x-data-grid';
-import { GridRowTreeCreationValue, GridTreeDepths } from '@mui/x-data-grid/internals';
-import { GridTreePathDuplicateHandler, RowTreeBuilderNode } from "./models.js";
+import { type GridGroupNode, type GridRowId, type GridRowTreeConfig } from '@mui/x-data-grid';
+import { type GridRowTreeCreationValue, type GridTreeDepths } from '@mui/x-data-grid/internals';
+import type { GridTreePathDuplicateHandler, RowTreeBuilderNode } from "./models.js";
 export interface UpdateRowTreeNodes {
   inserted: RowTreeBuilderNode[];
   modified: RowTreeBuilderNode[];

package/utils/tree/utils.d.ts

@@ -1,7 +1,7 @@
-import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsState, GridTreeNode } from '@mui/x-data-grid';
-import { GridTreeDepths } from '@mui/x-data-grid/internals';
-import { RowTreeBuilderGroupingCriterion } from "./models.js";
-import { DataGridProProps } from "../../models/dataGridProProps.js";
+import { type GridFilterState, type GridGroupNode, type GridRowId, type GridRowTreeConfig, type GridRowsState, type GridTreeNode } from '@mui/x-data-grid';
+import type { GridTreeDepths } from '@mui/x-data-grid/internals';
+import type { RowTreeBuilderGroupingCriterion } from "./models.js";
+import type { DataGridProProps } from "../../models/dataGridProProps.js";
 import type { GridStatePro } from "../../models/gridStatePro.js";
 export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
 export declare const getNodePathInTree: ({