@mui/x-data-grid 8.0.0-beta.2 → 8.0.0

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

@@ -1,4 +1,4 @@
-import { GridGetRowsParams, GridGetRowsResponse } from "../../../models/gridDataSource.js";
+import type { GridGetRowsParams, GridGetRowsResponse } from '../../../models/gridDataSource';
 export declare enum DataSourceRowsUpdateStrategy {
   Default = "set-new-rows",
   LazyLoading = "replace-row-range",

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

@@ -2,5 +2,5 @@ import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { 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("../../..").OutputSelector<GridStateCommunity, unknown, GridDensity>;
-export declare const gridDensityFactorSelector: import("../../..").OutputSelector<GridStateCommunity, GridDensity, number>;
+export declare const gridDensitySelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridDensity>;
+export declare const gridDensityFactorSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridDensity, number>;

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

@@ -1,18 +1,18 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridDimensionsSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridDimensionsApi").GridDimensions>;
+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.
  * @category Visible Columns
  */
-export declare const gridColumnsTotalWidthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridRowHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridContentHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridHasScrollXSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
-export declare const gridHasScrollYSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
-export declare const gridHasFillerSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, boolean>;
-export declare const gridHeaderHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridGroupHeaderHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridHeaderFilterHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridHorizontalScrollbarHeightSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridVerticalScrollbarWidthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridDimensionsApi").GridDimensions, number>;
-export declare const gridHasBottomFillerSelector: import("../../..").OutputSelector<GridStateCommunity, number, boolean>;
+export declare const gridColumnsTotalWidthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridRowHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridContentHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridHasScrollXSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, boolean>;
+export declare const gridHasScrollYSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, boolean>;
+export declare const gridHasFillerSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, boolean>;
+export declare const gridHeaderHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridGroupHeaderHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridHeaderFilterHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridHorizontalScrollbarHeightSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridVerticalScrollbarWidthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridDimensions, number>;
+export declare const gridHasBottomFillerSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, boolean>;

package/esm/hooks/features/dimensions/useGridDimensions.js

@@ -5,7 +5,7 @@ import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import ownerDocument from '@mui/utils/ownerDocument';
 import { throttle } from '@mui/x-internals/throttle';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
-import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEventPriority } from "../../utils/useGridEvent.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { createSelector } from "../../../utils/createSelector.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
@@ -237,9 +237,9 @@ export function useGridDimensions(apiRef, props) {
     }
     debouncedUpdateDimensions();
   }, [updateDimensions, props.autoHeight, debouncedUpdateDimensions, logger]);
-  useGridApiOptionHandler(apiRef, 'rootMount', handleRootMount);
-  useGridApiOptionHandler(apiRef, 'resize', handleResize);
-  useGridApiOptionHandler(apiRef, 'debouncedResize', props.onResize);
+  useGridEventPriority(apiRef, 'rootMount', handleRootMount);
+  useGridEventPriority(apiRef, 'resize', handleResize);
+  useGridEventPriority(apiRef, 'debouncedResize', props.onResize);
 }
 function setCSSVariables(root, dimensions) {
   const set = (k, v) => root.style.setProperty(k, v);

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

@@ -4,12 +4,12 @@ import { GridEditMode } from "../../../models/gridEditRowModel.js";
 /**
  * Select the row editing state.
  */
-export declare const gridEditRowsStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("../../..").GridEditingState>;
-export declare const gridRowIsEditingSelector: import("../../..").OutputSelector<GridStateCommunity, {
+export declare const gridEditRowsStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridEditingState>;
+export declare const gridRowIsEditingSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
   rowId: GridRowId;
   editMode: GridEditMode;
 }, boolean>;
-export declare const gridEditCellStateSelector: import("../../..").OutputSelector<GridStateCommunity, {
+export declare const gridEditCellStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, {
   rowId: GridRowId;
   field: string;
-}, import("../../..").GridEditCellProps<any>>;
+}, import("@mui/x-data-grid").GridEditCellProps<any>>;

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";
-export declare const useGridCellEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onCellEditStart" | "onCellEditStop" | "cellModesModel" | "onCellModesModelChange" | "onProcessRowUpdateError" | "signature">) => void;
+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/useGridCellEditing.js

@@ -4,10 +4,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id", "field"],
   _excluded2 = ["id", "field"];
 import * as React from 'react';
+import { warnOnce } from '@mui/x-internals/warning';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { warnOnce } from '@mui/x-internals/warning';
-import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEvent, useGridEventPriority } from "../../utils/useGridEvent.js";
 import { GridEditModes, GridCellModes } from "../../../models/gridEditRowModel.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
@@ -167,13 +167,13 @@ export const useGridCellEditing = (apiRef, props) => {
       }
     }
   };
-  useGridApiEventHandler(apiRef, 'cellDoubleClick', runIfEditModeIsCell(handleCellDoubleClick));
-  useGridApiEventHandler(apiRef, 'cellFocusOut', runIfEditModeIsCell(handleCellFocusOut));
-  useGridApiEventHandler(apiRef, 'cellKeyDown', runIfEditModeIsCell(handleCellKeyDown));
-  useGridApiEventHandler(apiRef, 'cellEditStart', runIfEditModeIsCell(handleCellEditStart));
-  useGridApiEventHandler(apiRef, 'cellEditStop', runIfEditModeIsCell(handleCellEditStop));
-  useGridApiOptionHandler(apiRef, 'cellEditStart', props.onCellEditStart);
-  useGridApiOptionHandler(apiRef, 'cellEditStop', runIfNoFieldErrors(props.onCellEditStop));
+  useGridEvent(apiRef, 'cellDoubleClick', runIfEditModeIsCell(handleCellDoubleClick));
+  useGridEvent(apiRef, 'cellFocusOut', runIfEditModeIsCell(handleCellFocusOut));
+  useGridEvent(apiRef, 'cellKeyDown', runIfEditModeIsCell(handleCellKeyDown));
+  useGridEvent(apiRef, 'cellEditStart', runIfEditModeIsCell(handleCellEditStart));
+  useGridEvent(apiRef, 'cellEditStop', runIfEditModeIsCell(handleCellEditStop));
+  useGridEventPriority(apiRef, 'cellEditStart', props.onCellEditStart);
+  useGridEventPriority(apiRef, 'cellEditStop', runIfNoFieldErrors(props.onCellEditStop));
   const getCellMode = React.useCallback((id, field) => {
     const editingState = gridEditRowsStateSelector(apiRef);
     const isEditing = editingState[id] && editingState[id][field];
@@ -317,6 +317,7 @@ export const useGridCellEditing = (apiRef, props) => {
       error,
       isProcessingProps
     } = editingState[id][field];
+    const row = apiRef.current.getRow(id);
     if (error || isProcessingProps) {
       // Attempt to change cell mode to "view" was not successful
       // Update previous mode to allow another attempt
@@ -328,7 +329,30 @@ export const useGridCellEditing = (apiRef, props) => {
       return;
     }
     const rowUpdate = apiRef.current.getRowWithUpdatedValuesFromCellEditing(id, field);
-    if (processRowUpdate) {
+    if (props.dataSource?.updateRow) {
+      if (row[field] === rowUpdate[field]) {
+        finishCellEditMode();
+        return;
+      }
+      const handleError = () => {
+        prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
+        // Revert the mode in the cellModesModel prop back to "edit"
+        updateFieldInCellModesModel(id, field, {
+          mode: GridCellModes.Edit
+        });
+      };
+      const updateRowParams = {
+        rowId: id,
+        updatedRow: rowUpdate,
+        previousRow: row
+      };
+      try {
+        await apiRef.current.dataSource.editRow(updateRowParams);
+        finishCellEditMode();
+      } catch {
+        handleError();
+      }
+    } else if (processRowUpdate) {
       const handleError = errorThrown => {
         prevCellModesModel.current[id][field].mode = GridCellModes.Edit;
         // Revert the mode in the cellModesModel prop back to "edit"
@@ -342,7 +366,6 @@ export const useGridCellEditing = (apiRef, props) => {
         }
       };
       try {
-        const row = apiRef.current.getRow(id);
         Promise.resolve(processRowUpdate(rowUpdate, row, {
           rowId: id
         })).then(finalRowUpdate => {

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

@@ -3,4 +3,4 @@ import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => 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";
-export declare const useGridRowEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "editMode" | "processRowUpdate" | "onRowEditStart" | "onRowEditStop" | "onProcessRowUpdateError" | "rowModesModel" | "onRowModesModelChange" | "signature">) => void;
+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/useGridRowEditing.js

@@ -7,7 +7,8 @@ import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { warnOnce } from '@mui/x-internals/warning';
-import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
+import { useGridEvent, useGridEventPriority } from "../../utils/useGridEvent.js";
 import { GridEditModes, GridRowModes } from "../../../models/gridEditRowModel.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { gridEditRowsStateSelector, gridRowIsEditingSelector } from "./gridEditingSelectors.js";
@@ -225,14 +226,14 @@ export const useGridRowEditing = (apiRef, props) => {
       cellToFocusAfter
     });
   }, [apiRef]);
-  useGridApiEventHandler(apiRef, 'cellDoubleClick', runIfEditModeIsRow(handleCellDoubleClick));
-  useGridApiEventHandler(apiRef, 'cellFocusIn', runIfEditModeIsRow(handleCellFocusIn));
-  useGridApiEventHandler(apiRef, 'cellFocusOut', runIfEditModeIsRow(handleCellFocusOut));
-  useGridApiEventHandler(apiRef, 'cellKeyDown', runIfEditModeIsRow(handleCellKeyDown));
-  useGridApiEventHandler(apiRef, 'rowEditStart', runIfEditModeIsRow(handleRowEditStart));
-  useGridApiEventHandler(apiRef, 'rowEditStop', runIfEditModeIsRow(handleRowEditStop));
-  useGridApiOptionHandler(apiRef, 'rowEditStart', props.onRowEditStart);
-  useGridApiOptionHandler(apiRef, 'rowEditStop', props.onRowEditStop);
+  useGridEvent(apiRef, 'cellDoubleClick', runIfEditModeIsRow(handleCellDoubleClick));
+  useGridEvent(apiRef, 'cellFocusIn', runIfEditModeIsRow(handleCellFocusIn));
+  useGridEvent(apiRef, 'cellFocusOut', runIfEditModeIsRow(handleCellFocusOut));
+  useGridEvent(apiRef, 'cellKeyDown', runIfEditModeIsRow(handleCellKeyDown));
+  useGridEvent(apiRef, 'rowEditStart', runIfEditModeIsRow(handleRowEditStart));
+  useGridEvent(apiRef, 'rowEditStop', runIfEditModeIsRow(handleRowEditStop));
+  useGridEventPriority(apiRef, 'rowEditStart', props.onRowEditStart);
+  useGridEventPriority(apiRef, 'rowEditStop', props.onRowEditStop);
   const getRowMode = React.useCallback(id => {
     const isEditing = gridRowIsEditingSelector(apiRef, {
       rowId: id,
@@ -370,7 +371,7 @@ export const useGridRowEditing = (apiRef, props) => {
       mode: GridRowModes.View
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  const updateStateToStopRowEditMode = useEventCallback(params => {
+  const updateStateToStopRowEditMode = useEventCallback(async params => {
     const {
       id,
       ignoreModifications,
@@ -406,7 +407,30 @@ export const useGridRowEditing = (apiRef, props) => {
       return;
     }
     const rowUpdate = apiRef.current.getRowWithUpdatedValuesFromRowEditing(id);
-    if (processRowUpdate) {
+    if (props.dataSource?.updateRow) {
+      if (isDeepEqual(row, rowUpdate)) {
+        finishRowEditMode();
+        return;
+      }
+      const handleError = () => {
+        prevRowModesModel.current[id].mode = GridRowModes.Edit;
+        // Revert the mode in the rowModesModel prop back to "edit"
+        updateRowInRowModesModel(id, {
+          mode: GridRowModes.Edit
+        });
+      };
+      const updateRowParams = {
+        rowId: id,
+        updatedRow: rowUpdate,
+        previousRow: row
+      };
+      try {
+        await apiRef.current.dataSource.editRow(updateRowParams);
+        finishRowEditMode();
+      } catch {
+        handleError();
+      }
+    } else if (processRowUpdate) {
       const handleError = errorThrown => {
         // The row might have been deleted
         if (prevRowModesModel.current[id]) {

package/esm/hooks/features/events/useGridEvents.js

@@ -1,24 +1,24 @@
-import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEventPriority } from "../../utils/useGridEvent.js";
 /**
  * @requires useGridFocus (event) - can be after, async only
  * @requires useGridColumns (event) - can be after, async only
  */
 export function useGridEvents(apiRef, props) {
-  useGridApiOptionHandler(apiRef, 'columnHeaderClick', props.onColumnHeaderClick);
-  useGridApiOptionHandler(apiRef, 'columnHeaderContextMenu', props.onColumnHeaderContextMenu);
-  useGridApiOptionHandler(apiRef, 'columnHeaderDoubleClick', props.onColumnHeaderDoubleClick);
-  useGridApiOptionHandler(apiRef, 'columnHeaderOver', props.onColumnHeaderOver);
-  useGridApiOptionHandler(apiRef, 'columnHeaderOut', props.onColumnHeaderOut);
-  useGridApiOptionHandler(apiRef, 'columnHeaderEnter', props.onColumnHeaderEnter);
-  useGridApiOptionHandler(apiRef, 'columnHeaderLeave', props.onColumnHeaderLeave);
-  useGridApiOptionHandler(apiRef, 'cellClick', props.onCellClick);
-  useGridApiOptionHandler(apiRef, 'cellDoubleClick', props.onCellDoubleClick);
-  useGridApiOptionHandler(apiRef, 'cellKeyDown', props.onCellKeyDown);
-  useGridApiOptionHandler(apiRef, 'preferencePanelClose', props.onPreferencePanelClose);
-  useGridApiOptionHandler(apiRef, 'preferencePanelOpen', props.onPreferencePanelOpen);
-  useGridApiOptionHandler(apiRef, 'menuOpen', props.onMenuOpen);
-  useGridApiOptionHandler(apiRef, 'menuClose', props.onMenuClose);
-  useGridApiOptionHandler(apiRef, 'rowDoubleClick', props.onRowDoubleClick);
-  useGridApiOptionHandler(apiRef, 'rowClick', props.onRowClick);
-  useGridApiOptionHandler(apiRef, 'stateChange', props.onStateChange);
+  useGridEventPriority(apiRef, 'columnHeaderClick', props.onColumnHeaderClick);
+  useGridEventPriority(apiRef, 'columnHeaderContextMenu', props.onColumnHeaderContextMenu);
+  useGridEventPriority(apiRef, 'columnHeaderDoubleClick', props.onColumnHeaderDoubleClick);
+  useGridEventPriority(apiRef, 'columnHeaderOver', props.onColumnHeaderOver);
+  useGridEventPriority(apiRef, 'columnHeaderOut', props.onColumnHeaderOut);
+  useGridEventPriority(apiRef, 'columnHeaderEnter', props.onColumnHeaderEnter);
+  useGridEventPriority(apiRef, 'columnHeaderLeave', props.onColumnHeaderLeave);
+  useGridEventPriority(apiRef, 'cellClick', props.onCellClick);
+  useGridEventPriority(apiRef, 'cellDoubleClick', props.onCellDoubleClick);
+  useGridEventPriority(apiRef, 'cellKeyDown', props.onCellKeyDown);
+  useGridEventPriority(apiRef, 'preferencePanelClose', props.onPreferencePanelClose);
+  useGridEventPriority(apiRef, 'preferencePanelOpen', props.onPreferencePanelOpen);
+  useGridEventPriority(apiRef, 'menuOpen', props.onMenuOpen);
+  useGridEventPriority(apiRef, 'menuClose', props.onMenuClose);
+  useGridEventPriority(apiRef, 'rowDoubleClick', props.onRowDoubleClick);
+  useGridEventPriority(apiRef, 'rowClick', props.onRowClick);
+  useGridEventPriority(apiRef, 'stateChange', props.onStateChange);
 }

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

@@ -5,94 +5,94 @@ import { GridFilterItem } from "../../../models/gridFilterItem.js";
  * Get the current filter model.
  * @category Filtering
  */
-export declare const gridFilterModelSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, import("../../..").GridFilterModel>;
+export declare const gridFilterModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, import("@mui/x-data-grid").GridFilterModel>;
 /**
  * Get the current quick filter values.
  * @category Filtering
  */
-export declare const gridQuickFilterValuesSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridFilterModel, any[] | undefined>;
+export declare const gridQuickFilterValuesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterModel, any[] | undefined>;
 /**
  * @category Visible rows
  * @ignore - do not document.
  */
-export declare const gridVisibleRowsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridFilterState").GridVisibleRowsLookupState>;
+export declare const gridVisibleRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./gridFilterState").GridVisibleRowsLookupState>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredRowsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, Record<GridRowId, false>>;
+export declare const gridFilteredRowsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, false>>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredChildrenCountLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, Record<GridRowId, number>>;
+export declare const gridFilteredChildrenCountLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, number>>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilteredDescendantCountLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridFilterState").GridFilterState, Record<GridRowId, number>>;
+export declare const gridFilteredDescendantCountLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridFilterState, Record<GridRowId, number>>;
 /**
  * Get the id and the model of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
  * @category Filtering
  */
-export declare const gridExpandedSortedRowEntriesSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[]>;
+export declare const gridExpandedSortedRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
 /**
  * Get the id of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
  * @category Filtering
  */
-export declare const gridExpandedSortedRowIdsSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], GridRowId[]>;
+export declare const gridExpandedSortedRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], GridRowId[]>;
 /**
  * Get the id and the model of the rows accessible after the filtering process.
  * Contains the collapsed children.
  * @category Filtering
  */
-export declare const gridFilteredSortedRowEntriesSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[]>;
+export declare const gridFilteredSortedRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
 /**
  * Get the id of the rows accessible after the filtering process.
  * Contains the collapsed children.
  * @category Filtering
  */
-export declare const gridFilteredSortedRowIdsSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], GridRowId[]>;
+export declare const gridFilteredSortedRowIdsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], GridRowId[]>;
 /**
  * Get the ids to position in the current tree level lookup of the rows accessible after the filtering process.
  * Does not contain the collapsed children.
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridExpandedSortedRowTreeLevelPositionLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowTreeConfig, Record<GridRowId, number>>;
+export declare const gridExpandedSortedRowTreeLevelPositionLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowTreeConfig, Record<GridRowId, number>>;
 /**
  * Get the id and the model of the top level rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredSortedTopLevelRowEntriesSelector: import("../../..").OutputSelector<GridStateCommunity, number, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[]>;
+export declare const gridFilteredSortedTopLevelRowEntriesSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[]>;
 /**
  * Get the amount of rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridExpandedRowCountSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], number>;
+export declare const gridExpandedRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
 /**
  * Get the amount of top level rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredTopLevelRowCountSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], number>;
+export declare const gridFilteredTopLevelRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
 /**
  * Get the amount of rows accessible after the filtering process.
  * Includes top level and descendant rows.
  * @category Filtering
  */
-export declare const gridFilteredRowCountSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowEntry<import("../../..").GridValidRowModel>[], number>;
+export declare const gridFilteredRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridRowEntry<import("@mui/x-data-grid").GridValidRowModel>[], number>;
 /**
  * Get the amount of descendant rows accessible after the filtering process.
  * @category Filtering
  */
-export declare const gridFilteredDescendantRowCountSelector: import("../../..").OutputSelector<GridStateCommunity, number, number>;
+export declare const gridFilteredDescendantRowCountSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, number, number>;
 /**
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilterActiveItemsSelector: import("../../..").OutputSelector<GridStateCommunity, import("..").GridColumnLookup, GridFilterItem[]>;
+export declare const gridFilterActiveItemsSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnLookup, GridFilterItem[]>;
 export type GridFilterActiveItemsLookup = {
   [field: string]: GridFilterItem[];
 };
@@ -100,4 +100,4 @@ export type GridFilterActiveItemsLookup = {
  * @category Filtering
  * @ignore - do not document.
  */
-export declare const gridFilterActiveItemsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, GridFilterItem[], GridFilterActiveItemsLookup>;
+export declare const gridFilterActiveItemsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFilterItem[], GridFilterActiveItemsLookup>;

package/esm/hooks/features/filter/useGridFilter.js

@@ -4,7 +4,7 @@ import { lruMemoize } from 'reselect';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import { useLazyRef } from "../../utils/useLazyRef.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEvent } from "../../utils/useGridEvent.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
 import { gridColumnLookupSelector } from "../columns/gridColumnsSelector.js";
@@ -336,11 +336,11 @@ export const useGridFilter = (apiRef, props) => {
       });
     });
   }, [apiRef]);
-  useGridApiEventHandler(apiRef, 'rowsSet', updateFilteredRows);
-  useGridApiEventHandler(apiRef, 'columnsChange', handleColumnsChange);
-  useGridApiEventHandler(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
-  useGridApiEventHandler(apiRef, 'rowExpansionChange', updateVisibleRowsLookupState);
-  useGridApiEventHandler(apiRef, 'columnVisibilityModelChange', () => {
+  useGridEvent(apiRef, 'rowsSet', updateFilteredRows);
+  useGridEvent(apiRef, 'columnsChange', handleColumnsChange);
+  useGridEvent(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
+  useGridEvent(apiRef, 'rowExpansionChange', updateVisibleRowsLookupState);
+  useGridEvent(apiRef, 'columnVisibilityModelChange', () => {
     const filterModel = gridFilterModelSelector(apiRef);
     if (filterModel.quickFilterValues && shouldQuickFilterExcludeHiddenColumns(filterModel)) {
       // re-apply filters because the quick filter results may have changed

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

@@ -1,12 +1,12 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridFocusState, GridTabIndexState } from "./gridFocusState.js";
-export declare const gridFocusStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, GridFocusState>;
-export declare const gridFocusCellSelector: import("../../..").OutputSelector<GridStateCommunity, GridFocusState, import("../../..").GridCellCoordinates | null>;
-export declare const gridFocusColumnHeaderSelector: import("../../..").OutputSelector<GridStateCommunity, GridFocusState, import("./gridFocusState").GridColumnIdentifier | null>;
-export declare const gridFocusColumnHeaderFilterSelector: import("../../..").OutputSelector<GridStateCommunity, GridFocusState, import("./gridFocusState").GridColumnIdentifier | null>;
-export declare const gridFocusColumnGroupHeaderSelector: import("../../..").OutputSelector<GridStateCommunity, GridFocusState, import("./gridFocusState").GridColumnGroupIdentifier | null>;
-export declare const gridTabIndexStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, GridTabIndexState>;
-export declare const gridTabIndexCellSelector: import("../../..").OutputSelector<GridStateCommunity, GridTabIndexState, import("../../..").GridCellCoordinates | null>;
-export declare const gridTabIndexColumnHeaderSelector: import("../../..").OutputSelector<GridStateCommunity, GridTabIndexState, import("./gridFocusState").GridColumnIdentifier | null>;
-export declare const gridTabIndexColumnHeaderFilterSelector: import("../../..").OutputSelector<GridStateCommunity, GridTabIndexState, import("./gridFocusState").GridColumnIdentifier | null>;
-export declare const gridTabIndexColumnGroupHeaderSelector: import("../../..").OutputSelector<GridStateCommunity, GridTabIndexState, import("./gridFocusState").GridColumnGroupIdentifier | null>;
+export declare const gridFocusStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridFocusState>;
+export declare const gridFocusCellSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridCellCoordinates | null>;
+export declare const gridFocusColumnHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
+export declare const gridFocusColumnHeaderFilterSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
+export declare const gridFocusColumnGroupHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridFocusState, import("@mui/x-data-grid").GridColumnGroupIdentifier | null>;
+export declare const gridTabIndexStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, GridTabIndexState>;
+export declare const gridTabIndexCellSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridCellCoordinates | null>;
+export declare const gridTabIndexColumnHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
+export declare const gridTabIndexColumnHeaderFilterSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnIdentifier | null>;
+export declare const gridTabIndexColumnGroupHeaderSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, GridTabIndexState, import("@mui/x-data-grid").GridColumnGroupIdentifier | null>;

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

@@ -5,7 +5,7 @@ import ownerDocument from '@mui/utils/ownerDocument';
 import { gridClasses } from "../../../constants/gridClasses.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEvent } from "../../utils/useGridEvent.js";
 import { isNavigationKey } from "../../../utils/keyboardUtils.js";
 import { gridFocusCellSelector, gridFocusColumnGroupHeaderSelector } from "./gridFocusStateSelector.js";
 import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.js";
@@ -394,13 +394,13 @@ export const useGridFocus = (apiRef, props) => {
       doc.removeEventListener('mouseup', handleDocumentClick);
     };
   }, [apiRef, hasRootReference, handleDocumentClick]);
-  useGridApiEventHandler(apiRef, 'columnHeaderBlur', handleBlur);
-  useGridApiEventHandler(apiRef, 'cellDoubleClick', handleCellDoubleClick);
-  useGridApiEventHandler(apiRef, 'cellMouseDown', handleCellMouseDown);
-  useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);
-  useGridApiEventHandler(apiRef, 'cellModeChange', handleCellModeChange);
-  useGridApiEventHandler(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
-  useGridApiEventHandler(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  useGridApiEventHandler(apiRef, 'rowsSet', handleRowSet);
-  useGridApiEventHandler(apiRef, 'paginationModelChange', handlePaginationModelChange);
+  useGridEvent(apiRef, 'columnHeaderBlur', handleBlur);
+  useGridEvent(apiRef, 'cellDoubleClick', handleCellDoubleClick);
+  useGridEvent(apiRef, 'cellMouseDown', handleCellMouseDown);
+  useGridEvent(apiRef, 'cellKeyDown', handleCellKeyDown);
+  useGridEvent(apiRef, 'cellModeChange', handleCellModeChange);
+  useGridEvent(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
+  useGridEvent(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
+  useGridEvent(apiRef, 'rowsSet', handleRowSet);
+  useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };

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

@@ -1,5 +1,5 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridHeaderFilteringStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState>;
-export declare const gridHeaderFilteringEnabledSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, boolean>;
-export declare const gridHeaderFilteringEditFieldSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;
-export declare const gridHeaderFilteringMenuSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;
+export declare const gridHeaderFilteringStateSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState>;
+export declare const gridHeaderFilteringEnabledSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, boolean>;
+export declare const gridHeaderFilteringEditFieldSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;
+export declare const gridHeaderFilteringMenuSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("../../../models/gridHeaderFilteringModel").GridHeaderFilteringState, string | null>;

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

@@ -10,4 +10,4 @@ import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
  * @requires useGridScroll (method) - can be after
  * @requires useGridColumnSpanning (method) - can be after
  */
-export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "experimentalFeatures" | "signature" | "headerFilters" | "unstable_listView">) => void;
+export declare const useGridKeyboardNavigation: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "pagination" | "paginationMode" | "getRowId" | "signature" | "headerFilters" | "listView">) => void;

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

@@ -4,7 +4,7 @@ import { GRID_TREE_DATA_GROUPING_FIELD, GRID_DETAIL_PANEL_TOGGLE_FIELD } from ".
 import { isGroupingColumn } from "../../../internals/utils/gridRowGroupingUtils.js";
 import { gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
+import { useGridEvent } from "../../utils/useGridEvent.js";
 import { gridExpandedSortedRowEntriesSelector } from "../filter/gridFilterSelector.js";
 import { GRID_CHECKBOX_SELECTION_COL_DEF } from "../../../colDef/gridCheckboxSelectionColDef.js";
 import { gridClasses } from "../../../constants/gridClasses.js";
@@ -36,7 +36,7 @@ const gridVisibleRowsWithPinnedRowsSelector = createSelectorMemoized(gridVisible
 export const useGridKeyboardNavigation = (apiRef, props) => {
   const logger = useGridLogger(apiRef, 'useGridKeyboardNavigation');
   const isRtl = useRtl();
-  const listView = props.unstable_listView;
+  const listView = props.listView;
   const getCurrentPageRows = React.useCallback(() => {
     return gridVisibleRowsWithPinnedRowsSelector(apiRef);
   }, [apiRef]);
@@ -530,8 +530,8 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
     return initialValue;
   }, []);
   useGridRegisterPipeProcessor(apiRef, 'canStartEditing', checkIfCanStartEditing);
-  useGridApiEventHandler(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
-  useGridApiEventHandler(apiRef, 'headerFilterKeyDown', handleHeaderFilterKeyDown);
-  useGridApiEventHandler(apiRef, 'columnGroupHeaderKeyDown', handleColumnGroupHeaderKeyDown);
-  useGridApiEventHandler(apiRef, 'cellKeyDown', handleCellKeyDown);
+  useGridEvent(apiRef, 'columnHeaderKeyDown', handleColumnHeaderKeyDown);
+  useGridEvent(apiRef, 'headerFilterKeyDown', handleHeaderFilterKeyDown);
+  useGridEvent(apiRef, 'columnGroupHeaderKeyDown', handleColumnGroupHeaderKeyDown);
+  useGridEvent(apiRef, 'cellKeyDown', handleCellKeyDown);
 };

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

@@ -4,4 +4,4 @@ import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
  * @category List View
  * @ignore - Do not document
  */
-export declare const gridListColumnSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./useGridListView").GridListViewState>;
+export declare const gridListColumnSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("./useGridListView").GridListViewState>;