@mui/x-data-grid 8.26.0 → 8.27.1

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridColumnsRenderContext } from "../../../models/params/gridScrollParams.js";
-import { GridStateColDef } from "../../../models/colDef/gridColDef.js";
-import { GridSortColumnLookup } from "../sorting/index.js";
-import { GridFilterActiveItemsLookup } from "../filter/index.js";
-import { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.js";
-import { GridColumnMenuState } from "../columnMenu/index.js";
-import { GridColumnVisibilityModel, gridColumnPositionsSelector } from "../columns/index.js";
-import { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.js";
+import type { GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridSortColumnLookup } from "../sorting/index.js";
+import type { GridFilterActiveItemsLookup } from "../filter/index.js";
+import type { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.js";
+import type { GridColumnMenuState } from "../columnMenu/index.js";
+import { type GridColumnVisibilityModel, gridColumnPositionsSelector } from "../columns/index.js";
+import type { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.js";
 import { PinnedColumnPosition } from "../../../internals/constants.js";
 export interface UseGridColumnHeadersProps {
   visibleColumns: GridStateColDef[];

package/esm/hooks/features/columnMenu/columnMenuInterfaces.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface GridColumnMenuState {
   open: boolean;
   field?: string;

package/esm/hooks/features/columnMenu/columnMenuSelector.d.ts

@@ -1,2 +1,2 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridColumnMenuSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridColumnMenuState>;

package/esm/hooks/features/columnMenu/getColumnMenuItemKeys.d.ts

@@ -0,0 +1,17 @@
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColumnMenuSlotProps } from "./columnMenuInterfaces.js";
+export interface GetColumnMenuItemKeysParams {
+  apiRef: RefObject<GridPrivateApiCommunity>;
+  colDef: GridColDef;
+  defaultSlots: Record<string, any>;
+  defaultSlotProps: Record<string, GridColumnMenuSlotProps>;
+  slots?: Record<string, any>;
+  slotProps?: Record<string, GridColumnMenuSlotProps>;
+}
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+export declare function getColumnMenuItemKeys(params: GetColumnMenuItemKeysParams): string[];

package/esm/hooks/features/columnMenu/getColumnMenuItemKeys.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+/**
+ * Returns the list of column menu item keys (sorted by `displayOrder`) that should be rendered for a given column.
+ * This is shared between the column header (to know if menu is empty) and the menu itself (to render items).
+ */
+export function getColumnMenuItemKeys(params) {
+  const {
+    apiRef,
+    colDef,
+    defaultSlots,
+    defaultSlotProps,
+    slots = {},
+    slotProps = {}
+  } = params;
+  const processedComponents = _extends({}, defaultSlots, slots);
+  let processedSlotProps = defaultSlotProps;
+  if (slotProps && Object.keys(slotProps).length > 0) {
+    const mergedProps = _extends({}, slotProps);
+    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
+      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
+    });
+    processedSlotProps = mergedProps;
+  }
+  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], colDef);
+  const defaultComponentKeys = Object.keys(defaultSlots);
+  const userItems = Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
+  const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
+  const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
+  return cleansedItems.sort((a, b) => {
+    const leftItemProps = processedSlotProps[a];
+    const rightItemProps = processedSlotProps[b];
+    const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
+    const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
+    return leftDisplayOrder - rightDisplayOrder;
+  });
+}

package/esm/hooks/features/columnMenu/useGridColumnMenu.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const columnMenuStateInitializer: GridStateInitializer;
 /**
  * @requires useGridColumnResize (event)

package/esm/hooks/features/columnMenu/useGridColumnMenuSlots.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridColumnMenuRootProps } from "./columnMenuInterfaces.js";
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColumnMenuRootProps } from "./columnMenuInterfaces.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
 interface UseGridColumnMenuSlotsProps extends GridColumnMenuRootProps {
   colDef: GridColDef;
   hideMenu: (event: React.SyntheticEvent) => void;

package/esm/hooks/features/columnMenu/useGridColumnMenuSlots.js

@@ -4,6 +4,7 @@ const _excluded = ["displayOrder"];
 import * as React from 'react';
 import { useGridRootProps } from "../../utils/useGridRootProps.js";
 import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
+import { getColumnMenuItemKeys } from "./getColumnMenuItemKeys.js";
 const useGridColumnMenuSlots = props => {
   const apiRef = useGridPrivateApiContext();
   const rootProps = useGridRootProps();
@@ -27,22 +28,16 @@ const useGridColumnMenuSlots = props => {
     });
     return mergedProps;
   }, [defaultSlotProps, slotProps]);
-  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
-  const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultSlots);
-    return Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
-  }, [slots, defaultSlots]);
   return React.useMemo(() => {
-    const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
-    const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
-    const sorted = cleansedItems.sort((a, b) => {
-      const leftItemProps = processedSlotProps[a];
-      const rightItemProps = processedSlotProps[b];
-      const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
-      const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
-      return leftDisplayOrder - rightDisplayOrder;
+    const sortedKeys = getColumnMenuItemKeys({
+      apiRef,
+      colDef,
+      defaultSlots,
+      defaultSlotProps,
+      slots,
+      slotProps
     });
-    return sorted.reduce((acc, key, index) => {
+    return sortedKeys.reduce((acc, key, index) => {
       let itemProps = {
         colDef,
         onClick: hideMenu
@@ -52,8 +47,8 @@ const useGridColumnMenuSlots = props => {
         const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded);
         itemProps = _extends({}, itemProps, customProps);
       }
-      return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
+      return addDividers && index !== sortedKeys.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems, rootProps.slots.baseDivider]);
+  }, [addDividers, apiRef, colDef, defaultSlotProps, defaultSlots, hideMenu, processedComponents, processedSlotProps, slotProps, slots, rootProps.slots.baseDivider]);
 };
 export { useGridColumnMenuSlots };

package/esm/hooks/features/columnResize/columnResizeSelector.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridColumnResizeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridColumnResizeState>;
 export declare const gridResizingColumnFieldSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;

package/esm/hooks/features/columnResize/useGridColumnResize.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 export declare const columnResizeStateInitializer: GridStateInitializer;

package/esm/hooks/features/columns/gridColumnsSelector.d.ts

@@ -1,5 +1,5 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridColumnLookup, GridPinnedColumnFields } from "./gridColumnsInterfaces.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import { type GridColumnLookup, type GridPinnedColumnFields } from "./gridColumnsInterfaces.js";
 /**
  * Get the columns state
  * @category Columns

package/esm/hooks/features/columns/gridColumnsUtils.d.ts

@@ -1,10 +1,10 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridColumnsState, GridColumnsRawState, GridColumnVisibilityModel, GridColumnsInitialState } from "./gridColumnsInterfaces.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
-import { GridApiCommon } from "../../../models/api/gridApiCommon.js";
-import { GridRowEntry } from "../../../models/gridRows.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridColumnsState, GridColumnsRawState, GridColumnVisibilityModel, GridColumnsInitialState } from "./gridColumnsInterfaces.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridApiCommon } from "../../../models/api/gridApiCommon.js";
+import type { GridRowEntry } from "../../../models/gridRows.js";
 import type { GridDimensions } from "../dimensions/gridDimensionsApi.js";
 export declare const COLUMNS_DIMENSION_PROPERTIES: readonly ["maxWidth", "minWidth", "width", "flex"];
 export type GridColumnDimensionProperties = (typeof COLUMNS_DIMENSION_PROPERTIES)[number];

package/esm/hooks/features/columns/useGridColumnSpanning.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)

package/esm/hooks/features/columns/useGridColumns.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const columnsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnVisibilityModel' | 'initialState' | 'columns'>>;
 /**
  * @requires useGridParamsApi (method)

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

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**

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

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridDataSourceCache } from "../../../models/gridDataSource.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridDataSourceCache } from "../../../models/gridDataSource.js";
 import { CacheChunkManager, DataSourceRowsUpdateStrategy } from "./utils.js";
 import type { GridDataSourceApi, GridDataSourceBaseOptions } from "./models.js";
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";

package/esm/hooks/features/density/densitySelector.d.ts

@@ -1,5 +1,5 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridDensity } from "../../../models/gridDensity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridDensity } from "../../../models/gridDensity.js";
 export declare const COMPACT_DENSITY_FACTOR = 0.7;
 export declare const COMFORTABLE_DENSITY_FACTOR = 1.3;
 export declare const gridDensitySelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridDensity>;

package/esm/hooks/features/density/densityState.d.ts

@@ -1,2 +1,2 @@
-import { GridDensity } from "../../../models/gridDensity.js";
+import type { GridDensity } from "../../../models/gridDensity.js";
 export type GridDensityState = GridDensity;

package/esm/hooks/features/density/useGridDensity.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const densityStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'initialState' | 'density'>>;
 export declare const useGridDensity: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "density" | "onDensityChange" | "initialState">) => void;

package/esm/hooks/features/dimensions/gridDimensionsSelectors.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridDimensionsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridDimensions>;
 /**
  * Get the summed width of all the visible columns.

package/esm/hooks/features/dimensions/useGridDimensions.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridDimensions } from "./gridDimensionsApi.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridDimensions } from "./gridDimensionsApi.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 type RootProps = Pick<DataGridProcessedProps, 'onResize' | 'scrollbarSize' | 'pagination' | 'paginationMode' | 'autoHeight' | 'getRowHeight' | 'rowHeight' | 'resizeThrottleMs' | 'columnHeaderHeight' | 'columnGroupHeaderHeight' | 'headerFilterHeight'>;
 export type GridDimensionsState = GridDimensions;
 export declare const dimensionsStateInitializer: GridStateInitializer<RootProps>;

package/esm/hooks/features/editing/gridEditingSelectors.d.ts

@@ -1,6 +1,6 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridRowId } from "../../../models/gridRows.js";
-import { GridEditMode } from "../../../models/gridEditRowModel.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../../models/gridRows.js";
+import { type GridEditMode } from "../../../models/gridEditRowModel.js";
 /**
  * Select the row editing state.
  */

package/esm/hooks/features/editing/useGridCellEditable.d.ts

@@ -1,4 +1,4 @@
-import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+import type { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
 /**
  * Default implementation of the cell editable condition hook
  */

package/esm/hooks/features/editing/useGridCellEditing.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature" | "dataSource">) => void;

package/esm/hooks/features/editing/useGridEditing.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
 export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

package/esm/hooks/features/editing/useGridRowEditing.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export declare const useGridRowEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onRowEditStart" | "onRowEditStop" | "onProcessRowUpdateError" | "rowModesModel" | "onRowModesModelChange" | "signature" | "dataSource">) => void;

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

@@ -1,2 +1,2 @@
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColDef } from "../../../models/colDef/gridColDef.js";
 export declare const getDefaultCellValue: (colDef: GridColDef) => false | "" | null | undefined;

package/esm/hooks/features/events/useGridEvents.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridFocus (event) - can be after, async only
  * @requires useGridColumns (event) - can be after, async only

package/esm/hooks/features/export/serializers/csvSerializer.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridCsvExportOptions, GridRowId } from "../../../../models/index.js";
 import type { GridCellParams } from "../../../../models/params/gridCellParams.js";
 import type { GridStateColDef } from "../../../../models/colDef/gridColDef.js";

package/esm/hooks/features/export/useGridCsvExport.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridColumns (state)

package/esm/hooks/features/export/useGridPrintExport.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridColumns (state)
  * @requires useGridFilter (state)

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

@@ -1,8 +1,8 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridExportOptions, GridCsvGetRowsToExportParams } from "../../../models/gridExport.js";
-import { GridStateColDef } from "../../../models/colDef/gridColDef.js";
-import { GridRowId } from "../../../models/index.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridExportOptions, GridCsvGetRowsToExportParams } from "../../../models/gridExport.js";
+import type { GridStateColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridRowId } from "../../../models/index.js";
 interface GridGetColumnsToExportParams {
   /**
    * The API of the grid.

package/esm/hooks/features/filter/gridFilterSelector.d.ts

@@ -1,6 +1,6 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridRowEntry, GridRowId, GridValidRowModel } from "../../../models/gridRows.js";
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowEntry, GridRowId, GridValidRowModel } from "../../../models/gridRows.js";
+import type { GridFilterItem } from "../../../models/gridFilterItem.js";
 /**
  * Get the current filter model.
  * @category Filtering

package/esm/hooks/features/filter/gridFilterState.d.ts

@@ -1,7 +1,7 @@
-import { GridFilterItem } from "../../../models/gridFilterItem.js";
-import { GridFilterModel } from "../../../models/gridFilterModel.js";
-import { GridRowId, GridRowModel, GridValidRowModel } from "../../../models/gridRows.js";
-import { GridColDef } from "../../../models/colDef/index.js";
+import { type GridFilterItem } from "../../../models/gridFilterItem.js";
+import type { GridFilterModel } from "../../../models/gridFilterModel.js";
+import type { GridRowId, GridRowModel, GridValidRowModel } from "../../../models/gridRows.js";
+import type { GridColDef } from "../../../models/colDef/index.js";
 export type GridFilterItemResult = {
   [key: Required<GridFilterItem>['id']]: boolean;
 };

package/esm/hooks/features/filter/gridFilterUtils.d.ts

@@ -1,8 +1,8 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridColDef, GridFilterItem, GridFilterModel, GridRowModel } from "../../../models/index.js";
+import type { RefObject } from '@mui/x-internals/types';
+import { type GridColDef, type GridFilterItem, type GridFilterModel, type GridRowModel } from "../../../models/index.js";
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridAggregatedFilterItemApplier, GridFilterItemResult, GridQuickFilterValueResult } from "./gridFilterState.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import { type GridAggregatedFilterItemApplier, type GridFilterItemResult, type GridQuickFilterValueResult } from "./gridFilterState.js";
 /**
  * Adds default values to the optional fields of a filter items.
  * @param {GridFilterItem} item The raw filter item.

package/esm/hooks/features/filter/useGridFilter.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 export declare const filterStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'filterModel' | 'initialState' | 'disableMultipleColumnsFiltering'>>;
 /**

package/esm/hooks/features/focus/gridFocusState.d.ts

@@ -1,4 +1,4 @@
-import { GridCellCoordinates } from "../../../models/gridCell.js";
+import type { GridCellCoordinates } from "../../../models/gridCell.js";
 export type GridColumnIdentifier = {
   field: string;
 };

package/esm/hooks/features/focus/gridFocusStateSelector.d.ts

@@ -1,5 +1,5 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridFocusState, GridTabIndexState } from "./gridFocusState.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridFocusState, GridTabIndexState } from "./gridFocusState.js";
 export declare const gridFocusStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridFocusState>;
 export declare const gridFocusCellSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;

package/esm/hooks/features/focus/useGridFocus.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const focusStateInitializer: GridStateInitializer;
 /**
  * @requires useGridParamsApi (method)

package/esm/hooks/features/focus/useGridFocus.js

@@ -61,7 +61,21 @@ export const useGridFocus = (apiRef, props) => {
       if (!cellElement) {
         return;
       }
-      const doc = ownerDocument(apiRef.current.rootElementRef.current);
+      const gridRoot = apiRef.current.rootElementRef.current;
+      const doc = ownerDocument(gridRoot);
+      const activeElement = doc.activeElement;
+
+      // We can take focus if:
+      // - Focus is inside the grid, OR
+      // - Focus is "lost" (on body/documentElement/null, e.g., after cell remount during undo/redo)
+      // We should NOT take focus if it's intentionally outside the grid (e.g., in a Portal/Dialog).
+      // React synthetic events bubble through the React component tree, not the DOM tree,
+      // so events from Portal content can trigger this code even though focus is elsewhere.
+      // This avoids https://github.com/mui/mui-x/issues/21063
+      const allowTakingFocus = !activeElement || activeElement === doc.body || activeElement === doc.documentElement || gridRoot?.contains(activeElement);
+      if (!allowTakingFocus) {
+        return;
+      }
       if (cellElement.contains(doc.activeElement)) {
         return;
       }

package/esm/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridHeaderFilteringStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel.js").GridHeaderFilteringState>;
 export declare const gridHeaderFilteringEnabledSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;

package/esm/hooks/features/headerFiltering/useGridHeaderFiltering.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const headerFilteringStateInitializer: GridStateInitializer;
 export declare const useGridHeaderFiltering: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "signature" | "headerFilters">) => void;

package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 /**
  * @requires useGridSorting (method) - can be after
  * @requires useGridFilter (state) - can be after

package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -630,6 +630,9 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
           if (colDef && (colDef.field === GRID_TREE_DATA_GROUPING_FIELD || isGroupingColumn(colDef.field))) {
             break;
           }
+          if (colDef && colDef.type === 'longText') {
+            break;
+          }
           if (!event.shiftKey && rowIndexBefore < lastRowIndexInPage) {
             goToCell(colIndexBefore, getRowIdFromIndex(Math.min(rowIndexBefore + viewportPageSize, lastRowIndexInPage)));
           }

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

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowId } from "../../../models/index.js";
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridRowId } from "../../../models/index.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 export declare const getLeftColumnIndex: ({
   currentColIndex,
   firstColIndex,

package/esm/hooks/features/listView/gridListViewSelectors.d.ts

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import type { GridStateColDef } from "../../../models/colDef/gridColDef.js";
 /**
  * Get the list view state