@mui/x-data-grid 8.8.0 → 8.9.2

package/esm/hooks/features/virtualization/index.d.ts

@@ -1,2 +1,3 @@
+export { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 export * from "./useGridVirtualization.js";
 export * from "./gridVirtualizationSelectors.js";

package/esm/hooks/features/virtualization/index.js

@@ -1,2 +1,3 @@
+export { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 export * from "./useGridVirtualization.js";
 export * from "./gridVirtualizationSelectors.js";

package/esm/hooks/features/virtualization/useGridVirtualization.d.ts

@@ -1,21 +1,10 @@
 import { RefObject } from '@mui/x-internals/types';
-import { GridRenderContext } from "../../../models/index.js";
+import { Virtualization } from '@mui/x-virtualizer';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
-type RootProps = Pick<DataGridProcessedProps, 'disableVirtualization' | 'autoHeight'>;
-export type GridVirtualizationState = {
-  enabled: boolean;
-  enabledForColumns: boolean;
-  enabledForRows: boolean;
-  renderContext: GridRenderContext;
-};
-export declare const EMPTY_RENDER_CONTEXT: {
-  firstRowIndex: number;
-  lastRowIndex: number;
-  firstColumnIndex: number;
-  lastColumnIndex: number;
-};
+import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+type RootProps = DataGridProcessedProps;
+export type GridVirtualizationState = { [K in keyof Virtualization.State['virtualization']]: Virtualization.State['virtualization'][K] };
 export declare const virtualizationStateInitializer: GridStateInitializer<RootProps>;
-export declare function useGridVirtualization(apiRef: RefObject<GridPrivateApiCommunity>, props: RootProps): void;
+export declare function useGridVirtualization(apiRef: RefObject<GridPrivateApiCommunity>, rootProps: RootProps): void;
 export {};

package/esm/hooks/features/virtualization/useGridVirtualization.js

@@ -2,47 +2,58 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
+import { isJSDOM } from "../../../utils/isJSDOM.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
-export const EMPTY_RENDER_CONTEXT = {
-  firstRowIndex: 0,
-  lastRowIndex: 0,
-  firstColumnIndex: 0,
-  lastColumnIndex: 0
-};
+import { useGridEventPriority } from "../../utils/index.js";
+const HAS_LAYOUT = !isJSDOM;
+
+// HACK: Typescript doesn't use the alias name ("GridVirtualizationState") and changes
+// the autogenerated docs result, but this would otherwise be just:
+//   export type GridVirtualizationState = VirtualizationState;
+
+// XXX: We want to use the virtualizer as the source of truth for its state, but this needs to
+// stay because some parts of the grid require the `virtualization` state during initialization.
 export const virtualizationStateInitializer = (state, props) => {
   const {
     disableVirtualization,
     autoHeight
   } = props;
   const virtualization = {
-    enabled: !disableVirtualization,
-    enabledForColumns: !disableVirtualization,
-    enabledForRows: !disableVirtualization && !autoHeight,
+    enabled: !disableVirtualization && HAS_LAYOUT,
+    enabledForColumns: !disableVirtualization && HAS_LAYOUT,
+    enabledForRows: !disableVirtualization && !autoHeight && HAS_LAYOUT,
     renderContext: EMPTY_RENDER_CONTEXT
   };
   return _extends({}, state, {
     virtualization
   });
 };
-export function useGridVirtualization(apiRef, props) {
+export function useGridVirtualization(apiRef, rootProps) {
+  const {
+    virtualizer
+  } = apiRef.current;
+  const {
+    autoHeight,
+    disableVirtualization
+  } = rootProps;
+
   /*
    * API METHODS
    */
 
   const setVirtualization = enabled => {
-    apiRef.current.setState(state => _extends({}, state, {
-      virtualization: _extends({}, state.virtualization, {
-        enabled,
-        enabledForColumns: enabled,
-        enabledForRows: enabled && !props.autoHeight
-      })
+    enabled &&= HAS_LAYOUT;
+    virtualizer.store.set('virtualization', _extends({}, virtualizer.store.state.virtualization, {
+      enabled,
+      enabledForColumns: enabled,
+      enabledForRows: enabled && !autoHeight
     }));
   };
   const setColumnVirtualization = enabled => {
-    apiRef.current.setState(state => _extends({}, state, {
-      virtualization: _extends({}, state.virtualization, {
-        enabledForColumns: enabled
-      })
+    enabled &&= HAS_LAYOUT;
+    virtualizer.store.set('virtualization', _extends({}, virtualizer.store.state.virtualization, {
+      enabledForColumns: enabled
     }));
   };
   const api = {
@@ -50,14 +61,22 @@ export function useGridVirtualization(apiRef, props) {
     unstable_setColumnVirtualization: setColumnVirtualization
   };
   useGridApiMethod(apiRef, api, 'public');
+  const forceUpdateRenderContext = virtualizer.api.forceUpdateRenderContext;
+  apiRef.current.register('private', {
+    updateRenderContext: forceUpdateRenderContext
+  });
 
   /*
    * EFFECTS
    */
 
+  useGridEventPriority(apiRef, 'sortedRowsSet', forceUpdateRenderContext);
+  useGridEventPriority(apiRef, 'paginationModelChange', forceUpdateRenderContext);
+  useGridEventPriority(apiRef, 'columnsChange', forceUpdateRenderContext);
+
   /* eslint-disable react-hooks/exhaustive-deps */
   React.useEffect(() => {
-    setVirtualization(!props.disableVirtualization);
-  }, [props.disableVirtualization, props.autoHeight]);
+    setVirtualization(!rootProps.disableVirtualization);
+  }, [disableVirtualization, autoHeight]);
   /* eslint-enable react-hooks/exhaustive-deps */
 }

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

@@ -1,3 +1,4 @@
+export * from '@mui/x-internals/useRunOnce';
 export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.js";
 export * from "./useGridApiMethod.js";
 export * from "./useGridLogger.js";
@@ -5,5 +6,5 @@ export { useGridSelector } from "./useGridSelector.js";
 export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
-export * from "./useRunOnce.js";
+export * from "./useRunOncePerLoop.js";
 export type { RenderProp } from '@mui/x-internals/useComponentRenderer';

package/esm/hooks/utils/index.js

@@ -1,3 +1,4 @@
+export * from '@mui/x-internals/useRunOnce';
 export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.js";
 export * from "./useGridApiMethod.js";
 export * from "./useGridLogger.js";
@@ -5,4 +6,4 @@ export { useGridSelector } from "./useGridSelector.js";
 export * from "./useGridNativeEventListener.js";
 export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
-export * from "./useRunOnce.js";
+export * from "./useRunOncePerLoop.js";

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

@@ -1 +1 @@
-export declare const useFirstRender: (callback: () => void) => void;
+export * from '@mui/x-internals/useFirstRender';

package/esm/hooks/utils/useFirstRender.js

@@ -1,8 +1 @@
-import * as React from 'react';
-export const useFirstRender = callback => {
-  const isFirstRender = React.useRef(true);
-  if (isFirstRender.current) {
-    isFirstRender.current = false;
-    callback();
-  }
-};
+export * from '@mui/x-internals/useFirstRender';

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

@@ -4,5 +4,5 @@ import { GridPrivateApiCommunity } from "../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 type DeepPartial<T> = { [P in keyof T]?: DeepPartial<T[P]> };
 export type GridStateInitializer<P extends Partial<DataGridProcessedProps> = DataGridProcessedProps, PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity> = (state: DeepPartial<PrivateApi['state']>, props: P, privateApiRef: RefObject<PrivateApi>) => DeepPartial<PrivateApi['state']>;
-export declare const useGridInitializeState: <P extends Partial<DataGridProcessedProps>, PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity>(initializer: GridStateInitializer<P, PrivateApi>, privateApiRef: RefObject<PrivateApi>, props: P) => void;
+export declare const useGridInitializeState: <P extends Partial<DataGridProcessedProps>, PrivateApi extends GridPrivateApiCommon = GridPrivateApiCommunity>(initializer: GridStateInitializer<P, PrivateApi>, privateApiRef: RefObject<PrivateApi>, props: P, key?: string) => void;
 export {};

package/esm/hooks/utils/useGridInitializeState.js

@@ -1,6 +1,11 @@
 import * as React from 'react';
-export const useGridInitializeState = (initializer, privateApiRef, props) => {
+export const useGridInitializeState = (initializer, privateApiRef, props, key) => {
+  const previousKey = React.useRef(key);
   const isInitialized = React.useRef(false);
+  if (key !== previousKey.current) {
+    isInitialized.current = false;
+    previousKey.current = key;
+  }
   if (!isInitialized.current) {
     privateApiRef.current.state = initializer(privateApiRef.current.state, props, privateApiRef);
     isInitialized.current = true;

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

@@ -0,0 +1 @@
+export declare function useRunOncePerLoop<T extends (...args: any[]) => void>(callback: T, nextFrame?: boolean): (...args: Parameters<T>) => void;

package/esm/hooks/utils/useRunOncePerLoop.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export function useRunOncePerLoop(callback, nextFrame = false) {
+  const scheduledRef = React.useRef(false);
+  const schedule = React.useCallback((...args) => {
+    if (scheduledRef.current) {
+      return;
+    }
+    scheduledRef.current = true;
+    const runner = () => {
+      scheduledRef.current = false;
+      callback(...args);
+    };
+    if (nextFrame) {
+      if (typeof requestAnimationFrame === 'function') {
+        requestAnimationFrame(runner);
+      }
+      return;
+    }
+    if (typeof queueMicrotask === 'function') {
+      queueMicrotask(runner);
+    } else {
+      Promise.resolve().then(runner);
+    }
+  }, [callback, nextFrame]);
+  return schedule;
+}

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.8.0
+ * @mui/x-data-grid v8.9.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/index.d.ts

@@ -12,6 +12,7 @@ export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColum
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
 export { vars } from "../constants/cssVariables.js";
+export { useGridVirtualizer } from "../hooks/core/useGridVirtualizer.js";
 export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
@@ -72,7 +73,6 @@ export { dimensionsStateInitializer, useGridDimensions } from "../hooks/features
 export * from "../hooks/features/dimensions/gridDimensionsSelectors.js";
 export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
 export type { GridRestoreStatePreProcessingContext } from "../hooks/features/statePersistence/gridStatePersistenceInterface.js";
-export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from "../hooks/features/virtualization/useGridVirtualScroller.js";
 export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";

package/esm/internals/index.js

@@ -8,6 +8,7 @@ export { GridBaseColumnHeaders } from "../components/columnHeaders/GridBaseColum
 export { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
 export * from "../constants/signature.js";
 export { vars } from "../constants/cssVariables.js";
+export { useGridVirtualizer } from "../hooks/core/useGridVirtualizer.js";
 export { propsStateInitializer } from "../hooks/core/useGridProps.js";
 export { getGridFilter } from "../components/panel/filterPanel/GridFilterPanel.js";
 export { getValueOptions } from "../components/panel/filterPanel/filterPanelUtils.js";
@@ -58,7 +59,6 @@ export { useGridEvents } from "../hooks/features/events/useGridEvents.js";
 export { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
 export * from "../hooks/features/dimensions/gridDimensionsSelectors.js";
 export { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
-export { useGridVirtualScroller, EMPTY_DETAIL_PANELS } from "../hooks/features/virtualization/useGridVirtualScroller.js";
 export * from "../hooks/features/virtualization/index.js";
 export { useGridColumnResize, columnResizeStateInitializer } from "../hooks/features/columnResize/useGridColumnResize.js";
 export { ROW_SELECTION_PROPAGATION_DEFAULT } from "../hooks/features/rowSelection/utils.js";

package/esm/internals/utils/getPinnedCellOffset.js

@@ -12,5 +12,10 @@ export const getPinnedCellOffset = (pinnedPosition, computedWidth, columnIndex,
       pinnedOffset = undefined;
       break;
   }
+
+  // XXX: fix this properly
+  if (Number.isNaN(pinnedOffset)) {
+    pinnedOffset = undefined;
+  }
   return pinnedOffset;
 };

package/esm/locales/frFR.js

@@ -3,8 +3,8 @@ const frFRGrid = {
   // Root
   noRowsLabel: 'Pas de résultats',
   noResultsOverlayLabel: 'Aucun résultat.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Aucune colonne',
+  noColumnsOverlayManageColumns: 'Gérer les colonnes',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -36,15 +36,13 @@ const frFRGrid = {
   // toolbarPivot: 'Pivot',
 
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Assistant IA',
   // Columns management text
   columnsManagementSearchTitle: 'Rechercher',
   columnsManagementNoColumns: 'Pas de colonnes',
   columnsManagementShowHideAllText: 'Afficher/masquer toutes',
   columnsManagementReset: 'Réinitialiser',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementDeleteIconLabel: 'Effacer',
   // Filter panel text
   filterPanelAddFilter: 'Ajouter un filtre',
   filterPanelRemoveAll: 'Tout supprimer',
@@ -100,15 +98,14 @@ const frFRGrid = {
   'headerFilterOperator>=': 'Est supérieur ou égal à',
   'headerFilterOperator<': 'Est inférieur à',
   'headerFilterOperator<=': 'Est inférieur ou égal à',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Effacer le filtre',
   // Filter values text
   filterValueAny: 'tous',
   filterValueTrue: 'vrai',
   filterValueFalse: 'faux',
   // Column menu text
   columnMenuLabel: 'Menu',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menu pour la colonne ${columnName}`,
   columnMenuShowColumns: 'Afficher les colonnes',
   columnMenuManageColumns: 'Gérer les colonnes',
   columnMenuFilter: 'Filtrer',
@@ -157,18 +154,18 @@ const frFRGrid = {
   collapseDetailPanel: 'Masquer',
   // Pagination
   paginationRowsPerPage: 'Lignes par page :',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} sur ${count !== -1 ? count : `plus de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `environ ${estimated}` : `plus de ${to}`;
+    return `${from}–${to} sur ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Aller à la première page';

package/esm/locales/heIL.js

@@ -156,18 +156,18 @@ const heILGrid = {
   collapseDetailPanel: 'כווץ',
   // Pagination
   paginationRowsPerPage: 'שורות בעמוד:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}-${to} מתוך ${count !== -1 ? count : `יותר מ־${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `כ־${estimated}` : `יותר מ־${to}`;
+    return `${from}-${to} מתוך ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'לעמוד הראשון';

package/esm/locales/plPL.js

@@ -3,8 +3,8 @@ const plPLGrid = {
   // Root
   noRowsLabel: 'Brak danych',
   noResultsOverlayLabel: 'Nie znaleziono wyników.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Brak kolumn',
+  noColumnsOverlayManageColumns: 'Zarządzaj kolumnami',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text
@@ -36,8 +36,7 @@ const plPLGrid = {
   // toolbarPivot: 'Pivot',
 
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Asystent AI',
   // Columns management text
   columnsManagementSearchTitle: 'Szukaj',
   columnsManagementNoColumns: 'Brak kolumn',
@@ -155,18 +154,18 @@ const plPLGrid = {
   collapseDetailPanel: 'Zwiń',
   // Pagination
   paginationRowsPerPage: 'Wierszy na stronę:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} z ${count !== -1 ? count : `więcej niż ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `około ${estimated}` : `więcej niż ${to}`;
+    return `${from}–${to} z ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Przejdź do pierwszej strony';
@@ -219,19 +218,18 @@ const plPLGrid = {
   // pivotQuarterColumnHeaderName: '(Quarter)',
 
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Asystent AI',
+  aiAssistantPanelClose: 'Zamknij asystenta AI',
+  aiAssistantPanelNewConversation: 'Nowa konwersacja',
+  aiAssistantPanelConversationHistory: 'Historia konwersacji',
+  aiAssistantPanelEmptyConversation: 'Brak historii poleceń',
+  aiAssistantSuggestions: 'Sugestie',
   // Prompt field
   promptFieldLabel: 'Wprowadź polecenie',
   promptFieldPlaceholder: 'Wpisz polecenie…',
   promptFieldPlaceholderWithRecording: 'Wpisz lub nagraj polecenie…',
   promptFieldPlaceholderListening: 'Nasłuchiwanie polecenia…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'Rozpoznawanie głosu nie jest obsługiwane przez Twoją przeglądarkę.',
   promptFieldSend: 'Wyślij',
   promptFieldRecord: 'Nagrywaj',
   promptFieldStopRecording: 'Zatrzymaj nagrywanie'

package/esm/models/api/gridApiCommon.d.ts

@@ -1,3 +1,4 @@
+import type { Virtualizer } from '@mui/x-virtualizer';
 import type { GridColumnApi } from "./gridColumnApi.js";
 import type { GridColumnMenuApi } from "./gridColumnMenuApi.js";
 import type { GridCoreApi, GridCorePrivateApi } from "./gridCoreApi.js";
@@ -31,5 +32,7 @@ import type { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridColumnResizeApi } from "../../hooks/features/columnResize/index.js";
 import type { GridPivotingPrivateApiCommunity } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
 export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi, GridColumnResizeApi {}
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {}
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi, GridRowProPrivateApi, GridParamsPrivateApi, GridPivotingPrivateApiCommunity {
+  virtualizer: Virtualizer;
+}
 export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {}

package/esm/models/api/gridColumnSpanning.d.ts

@@ -19,16 +19,10 @@ export interface GridColumnSpanningPrivateApi {
   resetColSpan: () => void;
   /**
    * Calculate column spanning for each cell in the row
-   * @param {Object} options The options to apply on the calculation.
-   * @param {GridRowId} options.rowId The row id
-   * @param {number} options.minFirstColumn First visible column index
-   * @param {number} options.maxLastColumn Last visible column index
-   * @param {GridStateColDef[]} options.columns List of columns to calculate colSpan for
+   * @param {GridRowId} rowId The row id
+   * @param {number} minFirstColumn First visible column index
+   * @param {number} maxLastColumn Last visible column index
+   * @param {GridStateColDef[]} columns List of columns to calculate colSpan for
    */
-  calculateColSpan: (options: {
-    rowId: GridRowId;
-    minFirstColumn: number;
-    maxLastColumn: number;
-    columns: GridStateColDef[];
-  }) => void;
+  calculateColSpan: (rowId: GridRowId, minFirstColumn: number, maxLastColumn: number, columns: GridStateColDef[]) => void;
 }

package/esm/models/api/gridRowApi.d.ts

@@ -19,6 +19,11 @@ export interface GridRowGroupChildrenGetterParams {
    * @default false
    */
   applySorting?: boolean;
+  /**
+   * If `true`, the method will only return the direct leaf children of the group
+   * @default false
+   */
+  directChildrenOnly?: boolean;
 }
 /**
  * The Row API interface that is available in the grid `apiRef`.

package/esm/models/events/gridEventLookup.d.ts

@@ -77,11 +77,12 @@ export interface GridRowEventLookup {
   };
   /**
    * Fired when the dragging of a row ends.
+   * It's mapped to the `dragend` DOM event.
    * @ignore - do not document.
    */
   rowDragEnd: {
     params: GridRowParams;
-    event: React.DragEvent<HTMLElement>;
+    event: DragEvent;
   };
 }
 export interface GridColumnHeaderEventLookup {

package/esm/models/gridApiCaches.d.ts

@@ -1,6 +1,12 @@
-import { GridRowsInternalCache } from "../hooks/features/rows/gridRowsInterfaces.js";
-import { GridRowsMetaInternalCache } from "../hooks/features/rows/gridRowsMetaInterfaces.js";
+import type { GridRowsInternalCache } from "../hooks/features/rows/gridRowsInterfaces.js";
+import type { GridRowsMetaInternalCache } from "../hooks/features/rows/gridRowsMetaInterfaces.js";
+import type { GridColumnGroupingInternalCache } from "../hooks/features/columnGrouping/gridColumnGroupsInterfaces.js";
+import type { GridColDef } from "./colDef/index.js";
 export interface GridApiCaches {
+  columns: {
+    lastColumnsProp: readonly GridColDef[];
+  };
+  columnGrouping: GridColumnGroupingInternalCache;
   rows: GridRowsInternalCache;
   rowsMeta: GridRowsMetaInternalCache;
 }

package/esm/models/gridStateCommunity.d.ts

@@ -1,5 +1,5 @@
 import type { GridColumnMenuState, GridColumnsInitialState, GridColumnsState, GridColumnsGroupingState, GridColumnPinningState, GridDensityState, GridDimensionsState, GridFilterInitialState, GridFilterState, GridFocusState, GridPaginationInitialState, GridPaginationState, GridPreferencePanelInitialState, GridPreferencePanelState, GridRowsState, GridSortingInitialState, GridSortingState, GridTabIndexState, GridVirtualizationState } from "../hooks/index.js";
-import type { DataGridProps } from "./props/DataGridProps.js";
+import type { DataGridProcessedProps } from "./props/DataGridProps.js";
 import type { GridRowsMetaState } from "../hooks/features/rows/gridRowsMetaState.js";
 import type { GridEditingState } from "./gridEditRowModel.js";
 import { GridHeaderFilteringState } from "./gridHeaderFilteringModel.js";
@@ -12,7 +12,7 @@ import type { GridListViewState } from "../hooks/features/listView/useGridListVi
  * Some props are passed on the state to enable grid selectors to select
  * and react to them.
  */
-type GridStateProps = Pick<DataGridProps, 'getRowId'>;
+type GridStateProps = Pick<DataGridProcessedProps, 'getRowId' | 'listView'>;
 /**
  * The state of Data Grid.
  */

package/esm/models/props/DataGridProps.d.ts

@@ -196,6 +196,11 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
    * @default 150
    */
   filterDebounceMs: number;
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering in the columns menu.
+   * @default 150
+   */
+  columnFilterDebounceMs: number;
   /**
    * Sets the height in pixel of the column headers in the Data Grid.
    * @default 56

package/esm/utils/roundToDecimalPlaces.d.ts

@@ -1 +1 @@
-export declare function roundToDecimalPlaces(value: number, decimals: number): number;
+export { roundToDecimalPlaces } from '@mui/x-internals/math';

package/esm/utils/roundToDecimalPlaces.js

@@ -1,3 +1 @@
-export function roundToDecimalPlaces(value, decimals) {
-  return Math.round(value * 10 ** decimals) / 10 ** decimals;
-}
+export { roundToDecimalPlaces } from '@mui/x-internals/math';

package/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts

@@ -138,5 +138,10 @@ export interface GridPipeProcessingPrivateApi {
    * @param {GridPipeProcessorGroup} group The group to apply.
    */
   requestPipeProcessorsApplication: (group: GridPipeProcessorGroup) => void;
+  /**
+   * Checks of there are any processors that have been updated and runs appliers for them.
+   * It is intended to be called in a useEffect in the top-level data grid hook (`useDataGridComponent`).
+   */
+  runAppliersForPendingProcessors: () => void;
 }
 export {};