@mui/x-data-grid 8.25.0 → 8.27.0

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

@@ -9,8 +9,9 @@ import { gridClasses } from "../../../constants/gridClasses.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
 import { useGridEvent } from "../../utils/useGridEvent.js";
-import { isNavigationKey } from "../../../utils/keyboardUtils.js";
+import { isNavigationKey, isPasteShortcut } from "../../../utils/keyboardUtils.js";
 import { gridFocusCellSelector, gridFocusColumnGroupHeaderSelector } from "./gridFocusStateSelector.js";
+import { doesSupportPreventScroll } from "../../../utils/doesSupportPreventScroll.js";
 import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.js";
 import { getVisibleRows } from "../../utils/useGridVisibleRows.js";
 import { clamp } from "../../../utils/utils.js";
@@ -50,6 +51,43 @@ export const useGridFocus = (apiRef, props) => {
   const setCellFocus = React.useCallback((id, field) => {
     const focusedCell = gridFocusCellSelector(apiRef);
     if (focusedCell?.id === id && focusedCell?.field === field) {
+      /**
+       * Check if the state matches the actual DOM focus. They can get out of sync after `updateRows()` remounts the cell.
+       */
+      if (apiRef.current.getCellMode(id, field) !== 'view') {
+        return;
+      }
+      const cellElement = apiRef.current.getCellElement(id, field);
+      if (!cellElement) {
+        return;
+      }
+      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;
+      }
+      if (doesSupportPreventScroll()) {
+        cellElement.focus({
+          preventScroll: true
+        });
+      } else {
+        const scrollPosition = apiRef.current.getScrollPosition();
+        cellElement.focus();
+        apiRef.current.scroll(scrollPosition);
+      }
       return;
     }
     apiRef.current.setState(state => {
@@ -224,7 +262,7 @@ export const useGridFocus = (apiRef, props) => {
     apiRef.current.setCellFocus(id, field);
   }, [apiRef]);
   const handleCellKeyDown = React.useCallback((params, event) => {
-    if (event.key === 'Enter' || event.key === 'Tab' || event.key === 'Shift' || isNavigationKey(event.key)) {
+    if (isPasteShortcut(event) || event.key === 'Enter' || event.key === 'Tab' || event.key === 'Shift' || isNavigationKey(event.key)) {
       return;
     }
     apiRef.current.setCellFocus(params.id, params.field);

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

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

@@ -1,8 +1,8 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridListViewColDef } from "../../../models/colDef/gridColDef.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridStateInitializer } from "../../utils/useGridInitializeState.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export type GridListViewState = (GridListViewColDef & {
   computedWidth: number;
 }) | undefined;

package/esm/hooks/features/overlays/gridOverlaysInterfaces.d.ts

@@ -1,3 +1,3 @@
-import { GridSlotsComponent } from "../../../models/index.js";
+import type { GridSlotsComponent } from "../../../models/index.js";
 export type GridOverlayType = keyof Pick<GridSlotsComponent, 'noColumnsOverlay' | 'noRowsOverlay' | 'noResultsOverlay' | 'loadingOverlay'> | null;
 export type GridLoadingOverlayVariant = 'circular-progress' | 'linear-progress' | 'skeleton';

package/esm/hooks/features/overlays/useGridOverlays.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type * as React from 'react';
+import type { GridApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridOverlayType, GridLoadingOverlayVariant } from "./gridOverlaysInterfaces.js";
 /**
  * Uses the grid state to determine which overlay to display.

package/esm/hooks/features/pagination/gridPaginationInterfaces.d.ts

@@ -1,5 +1,5 @@
-import { GridFeatureMode } from "../../../models/gridFeatureMode.js";
-import { GridPaginationMeta, GridPaginationModel } from "../../../models/gridPaginationProps.js";
+import type { GridFeatureMode } from "../../../models/gridFeatureMode.js";
+import type { GridPaginationMeta, GridPaginationModel } from "../../../models/gridPaginationProps.js";
 export interface GridPaginationState {
   paginationModel: GridPaginationModel;
   rowCount: number;

package/esm/hooks/features/pagination/gridPaginationSelector.d.ts

@@ -1,5 +1,5 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridRowId } from "../../../models/gridRows.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../../models/gridRows.js";
 /**
  * @category Pagination
  * @ignore - do not document.

package/esm/hooks/features/pagination/gridPaginationUtils.d.ts

@@ -1,4 +1,4 @@
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export declare const defaultPageSize: (autoPageSize: boolean) => 0 | 100;
 export declare const getPageCount: (rowCount: number, pageSize: number, page: number) => number;
 export declare const getDefaultGridPaginationModel: (autoPageSize: boolean) => {

package/esm/hooks/features/pagination/useGridPagination.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 paginationStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'paginationModel' | 'rowCount' | 'initialState' | 'autoPageSize' | 'signature' | 'paginationMeta' | 'pagination' | 'paginationMode'>>;
 /**
  * @requires useGridFilter (state)

package/esm/hooks/features/pagination/useGridPaginationMeta.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 useGridPaginationMeta: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "paginationMeta" | "initialState" | "paginationMode" | "onPaginationMetaChange">) => void;

package/esm/hooks/features/pagination/useGridPaginationModel.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 { GridPaginationState } from "./gridPaginationInterfaces.js";
-import { GridPaginationModel } from "../../../models/gridPaginationProps.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 { GridPaginationState } from "./gridPaginationInterfaces.js";
+import type { GridPaginationModel } from "../../../models/gridPaginationProps.js";
 export declare const getDerivedPaginationModel: (paginationState: GridPaginationState, signature: DataGridProcessedProps["signature"], paginationModelProp?: GridPaginationModel) => GridPaginationModel;
 /**
  * @requires useGridFilter (state)

package/esm/hooks/features/pagination/useGridRowCount.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 useGridRowCount: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "rowCount" | "initialState" | "paginationMode" | "onRowCountChange">) => void;

package/esm/hooks/features/preferencesPanel/gridPreferencePanelSelector.d.ts

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

package/esm/hooks/features/preferencesPanel/gridPreferencePanelState.d.ts

@@ -1,4 +1,4 @@
-import { GridPreferencePanelsValue } from "./gridPreferencePanelsValue.js";
+import type { GridPreferencePanelsValue } from "./gridPreferencePanelsValue.js";
 export interface GridPreferencePanelState {
   open: boolean;
   panelId?: string;

package/esm/hooks/features/preferencesPanel/useGridPreferencesPanel.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 preferencePanelStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'initialState'>>;
 /**
  * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`

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

@@ -1,4 +1,4 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import type { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowReorderStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./gridRowReorderInterfaces.js").GridRowReorderState>;
 export declare const gridIsRowDragActiveSelector: (args_0: import("react").RefObject<{

package/esm/hooks/features/rowSelection/gridRowSelectionSelector.d.ts

@@ -1,5 +1,5 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-import { GridRowId } from "../../../models/gridRows.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowSelectionStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridRowSelectionModel>;
 export declare const gridRowSelectionManagerSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;

package/esm/hooks/features/rowSelection/useGridRowSelection.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";
 export declare const rowSelectionStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'rowSelectionModel' | 'rowSelection'>>;
 /**
  * @requires useGridRows (state, method) - can be after

package/esm/hooks/features/rowSelection/useGridRowSelectionPreProcessors.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.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";
 export declare const useGridRowSelectionPreProcessors: (apiRef: RefObject<GridPrivateApiCommunity>, props: DataGridProcessedProps) => void;

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

@@ -1,9 +1,9 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridRowId, GridRowTreeConfig } from "../../../models/gridRows.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { type GridRowSelectionPropagation } from "../../../models/gridRowSelectionModel.js";
-import { type RowSelectionManager } from "../../../models/gridRowSelectionManager.js";
+import type { GridRowSelectionPropagation } from "../../../models/gridRowSelectionModel.js";
+import type { RowSelectionManager } from "../../../models/gridRowSelectionManager.js";
 export declare const ROW_SELECTION_PROPAGATION_DEFAULT: GridRowSelectionPropagation;
 export declare const checkboxPropsSelector: (args_0: import("react").RefObject<{
   state: import("../../../models/gridStateCommunity.js").GridStateCommunity;

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

@@ -1,4 +1,4 @@
-import { RefObject } from '@mui/x-internals/types';
+import type { RefObject } from '@mui/x-internals/types';
 import type { GridRenderContext } from "../../../models/index.js";
 import type { GridValidRowModel } from "../../../models/gridRows.js";
 import type { GridColDef } from "../../../models/colDef/index.js";

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

@@ -1,4 +1,4 @@
-import { GridRowEntry, GridRowId, GridRowTreeConfig, GridValidRowModel } from "../../../models/gridRows.js";
+import type { GridRowEntry, GridRowId, GridRowTreeConfig, GridValidRowModel } from "../../../models/gridRows.js";
 import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 export interface GridRowsInternalCache {
   /**

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

@@ -1,5 +1,5 @@
 import type { HeightEntry } from '@mui/x-virtualizer/models';
-import { GridRowId } from "../../../models/gridRows.js";
+import type { GridRowId } from "../../../models/gridRows.js";
 export type { HeightEntry } from '@mui/x-virtualizer/models';
 export type HeightCache = Map<GridRowId, HeightEntry>;
 export interface GridRowsMetaInternalCache {

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

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

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

@@ -1,4 +1,4 @@
-import { RowsMetaState } from '@mui/x-virtualizer/models';
+import type { RowsMetaState } from '@mui/x-virtualizer/models';
 /**
  * The grid rows total height and row positions.
  */

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

@@ -1,5 +1,5 @@
-import { GridRowId } from "../../../models/gridRows.js";
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridRowId } from "../../../models/gridRows.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 export declare const gridRowsStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridRowsState>;
 export declare const gridRowCountSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;

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

@@ -1,8 +1,8 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridAutoGeneratedGroupNode, GridAutoGeneratedPinnedRowNode, GridColDef, GridFooterNode, GridGroupNode, GridRowId, GridRowIdGetter, GridRowModel, GridRowModelUpdate, GridRowTreeConfig, GridSkeletonRowNode, GridTreeNode, GridValidRowModel } from "../../../models/index.js";
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import { GridApiCommunity, GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridRowsInternalCache, GridRowsState, GridRowTreeCreationParams } from "./gridRowsInterfaces.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridAutoGeneratedGroupNode, GridAutoGeneratedPinnedRowNode, GridColDef, GridFooterNode, GridGroupNode, GridRowId, GridRowIdGetter, GridRowModel, GridRowModelUpdate, GridRowTreeConfig, GridSkeletonRowNode, GridTreeNode, GridValidRowModel } from "../../../models/index.js";
+import type { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import type { GridApiCommunity, GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { GridRowsInternalCache, GridRowsState, GridRowTreeCreationParams } from "./gridRowsInterfaces.js";
 export declare const GRID_ROOT_GROUP_ID: GridRowId;
 export declare const GRID_ID_AUTOGENERATED: unique symbol;
 export declare const buildRootGroup: () => GridGroupNode;

package/esm/hooks/features/rows/useGridParamsApi.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";
 import type { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 export declare class MissingRowIdError extends Error {}
 /**

package/esm/hooks/features/rows/useGridParamsOverridableMethods.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";
 export declare const useGridParamsOverridableMethods: (apiRef: RefObject<GridPrivateApiCommunity>) => {
   getCellValue: <V = any>(id: import("@mui/x-data-grid").GridRowId, field: string) => V;
   getRowValue: <V = any>(row: import("@mui/x-data-grid").GridRowModel, colDef: import("@mui/x-data-grid").GridColDef) => V;

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

@@ -1,2 +1,2 @@
-import { GetRowAriaAttributesFn } from "../../../models/configuration/gridRowConfiguration.js";
+import type { GetRowAriaAttributesFn } from "../../../models/configuration/gridRowConfiguration.js";
 export declare const useGridRowAriaAttributes: () => GetRowAriaAttributesFn;

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

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

package/esm/hooks/features/rows/useGridRows.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 rowsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'dataSource' | 'rows' | 'rowCount' | 'getRowId' | 'loading'>>;
 export declare const useGridRows: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "rows" | "getRowId" | "rowCount" | "throttleRowsMs" | "signature" | "pagination" | "paginationMode" | "loading" | "dataSource" | "processRowUpdate" | "onProcessRowUpdateError">, configuration: GridConfiguration) => void;

package/esm/hooks/features/rows/useGridRowsMeta.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 rowsMetaStateInitializer: GridStateInitializer;
 /**
  * @requires useGridPageSize (method)

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

@@ -1,6 +1,6 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridRowId } from "../../../models/gridRows.js";
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridRowId } from "../../../models/gridRows.js";
+import type { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 export declare const useGridRowsOverridableMethods: (apiRef: RefObject<GridPrivateApiCommunity>) => {
   setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
   setRowPosition: (sourceRowId: GridRowId, targetRowId: GridRowId, position: import("../../../internals/index.js").RowReorderDropPosition) => void | Promise<void>;

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

@@ -1,3 +1,3 @@
-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";
 export declare const useGridRowsPreProcessors: (apiRef: RefObject<GridPrivateApiCommunity>) => void;

package/esm/hooks/features/scroll/useGridScroll.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 useGridPagination (state) - can be after, async only
  * @requires useGridColumns (state) - can be after, async only

package/esm/hooks/features/scroll/useGridScroll.js

@@ -56,7 +56,7 @@ export const useGridScroll = (apiRef, props) => {
     }
     logger.debug(`Scrolling to cell at row ${params.rowIndex}, col: ${params.colIndex} `);
     let scrollCoordinates = {};
-    if (params.colIndex !== undefined) {
+    if (params.colIndex !== undefined && visibleColumns[params.colIndex]) {
       const columnPositions = gridColumnPositionsSelector(apiRef);
       let cellWidth;
       if (typeof params.rowIndex !== 'undefined') {
@@ -73,7 +73,7 @@ export const useGridScroll = (apiRef, props) => {
       // When using RTL, `scrollLeft` becomes negative, so we must ensure that we only compare values.
       scrollCoordinates.left = scrollIntoView({
         containerSize: dimensions.viewportOuterSize.width,
-        scrollPosition: Math.abs(virtualScrollerRef.current.scrollLeft),
+        scrollPosition: Math.abs(virtualScrollerRef.current?.scrollLeft ?? 0),
         elementSize: cellWidth,
         elementOffset: columnPositions[params.colIndex]
       });
@@ -86,7 +86,7 @@ export const useGridScroll = (apiRef, props) => {
       const targetOffsetHeight = rowsMeta.positions[elementIndex + 1] ? rowsMeta.positions[elementIndex + 1] - rowsMeta.positions[elementIndex] : rowsMeta.currentPageTotalHeight - rowsMeta.positions[elementIndex];
       scrollCoordinates.top = scrollIntoView({
         containerSize: dimensions.viewportInnerSize.height,
-        scrollPosition: virtualScrollerRef.current.scrollTop,
+        scrollPosition: virtualScrollerRef.current?.scrollTop ?? 0,
         elementSize: targetOffsetHeight,
         elementOffset: rowsMeta.positions[elementIndex]
       });

package/esm/hooks/features/sorting/gridSortingSelector.d.ts

@@ -1,6 +1,6 @@
-import { GridSortDirection, GridSortModel } from "../../../models/gridSortModel.js";
+import type { GridSortDirection, GridSortModel } from "../../../models/gridSortModel.js";
 import type { GridValidRowModel, GridRowEntry, GridRowId } from "../../../models/gridRows.js";
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
+import type { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 /**
  * Get the id of the rows after the sorting process.
  * @category Sorting

package/esm/hooks/features/sorting/gridSortingState.d.ts

@@ -1,5 +1,5 @@
-import { GridRowId, GridTreeNode } from "../../../models/gridRows.js";
-import { GridSortModel } from "../../../models/gridSortModel.js";
+import type { GridRowId, GridTreeNode } from "../../../models/gridRows.js";
+import type { GridSortModel } from "../../../models/gridSortModel.js";
 export interface GridSortingState {
   sortedRows: GridRowId[];
   sortModel: GridSortModel;