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

package/esm/models/gridIconSlotsComponent.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { IconProps } from "./gridBaseSlots.js";
 /**
  * Set of icons used in the grid component UI.
  */
@@ -7,185 +8,180 @@ export interface GridIconSlotsComponent {
    * Icon displayed on the boolean cell to represent the true value.
    * @default GridCheckIcon
    */
-  booleanCellTrueIcon: React.JSXElementConstructor<any>;
+  booleanCellTrueIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the boolean cell to represent the false value.
    * @default GridCloseIcon
    */
-  booleanCellFalseIcon: React.JSXElementConstructor<any>;
+  booleanCellFalseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the side of the column header title to display the filter input component.
    * @default GridTripleDotsVerticalIcon
    */
-  columnMenuIcon: React.JSXElementConstructor<any>;
+  columnMenuIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the open filter button present in the toolbar by default.
    * @default GridFilterListIcon
    */
-  openFilterButtonIcon: React.JSXElementConstructor<any>;
+  openFilterButtonIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the column header menu to show that a filter has been applied to the column.
    * @default GridFilterAltIcon
    */
-  columnFilteredIcon: React.JSXElementConstructor<any>;
+  columnFilteredIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the column menu selector tab.
    * @default GridColumnIcon
    */
-  columnSelectorIcon: React.JSXElementConstructor<any>;
-  /**
-   * Icon displayed on the side of the column header title when unsorted.
-   * @default GridColumnUnsortedIcon
-   */
-  columnUnsortedIcon: React.JSXElementConstructor<any> | null;
+  columnSelectorIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the side of the column header title when sorted in ascending order.
    * @default GridArrowUpwardIcon
    */
-  columnSortedAscendingIcon: React.JSXElementConstructor<any> | null;
+  columnSortedAscendingIcon: React.JSXElementConstructor<IconProps> | null;
   /**
    * Icon displayed on the side of the column header title when sorted in descending order.
    * @default GridArrowDownwardIcon
    */
-  columnSortedDescendingIcon: React.JSXElementConstructor<any> | null;
+  columnSortedDescendingIcon: React.JSXElementConstructor<IconProps> | null;
   /**
    * Icon displayed in between two column headers that allows to resize the column header.
    * @default GridSeparatorIcon
    */
-  columnResizeIcon: React.JSXElementConstructor<any>;
+  columnResizeIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the compact density option in the toolbar.
    * @default GridViewHeadlineIcon
    */
-  densityCompactIcon: React.JSXElementConstructor<any>;
+  densityCompactIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the standard density option in the toolbar.
    * @default GridTableRowsIcon
    */
-  densityStandardIcon: React.JSXElementConstructor<any>;
+  densityStandardIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the "comfortable" density option in the toolbar.
    * @default GridViewStreamIcon
    */
-  densityComfortableIcon: React.JSXElementConstructor<any>;
+  densityComfortableIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the open export button present in the toolbar by default.
    * @default GridDownloadIcon
    */
-  exportIcon: React.JSXElementConstructor<any>;
+  exportIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the `actions` column type to open the menu.
    * @default GridMoreVertIcon
    */
-  moreActionsIcon: React.JSXElementConstructor<any>;
+  moreActionsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the tree data toggling column when the children are collapsed
    * @default GridKeyboardArrowRight
    */
-  treeDataExpandIcon: React.JSXElementConstructor<any>;
+  treeDataExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the tree data toggling column when the children are expanded
    * @default GridExpandMoreIcon
    */
-  treeDataCollapseIcon: React.JSXElementConstructor<any>;
+  treeDataCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the grouping column when the children are collapsed
    * @default GridKeyboardArrowRight
    */
-  groupingCriteriaExpandIcon: React.JSXElementConstructor<any>;
+  groupingCriteriaExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the grouping column when the children are expanded
    * @default GridExpandMoreIcon
    */
-  groupingCriteriaCollapseIcon: React.JSXElementConstructor<any>;
+  groupingCriteriaCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the detail panel toggle column when collapsed.
    * @default GridAddIcon
    */
-  detailPanelExpandIcon: React.JSXElementConstructor<any>;
+  detailPanelExpandIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the detail panel toggle column when expanded.
    * @default GridRemoveIcon
    */
-  detailPanelCollapseIcon: React.JSXElementConstructor<any>;
+  detailPanelCollapseIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting the filter from filter panel.
    * @default GridAddIcon
    */
-  filterPanelAddIcon: React.JSXElementConstructor<any>;
+  filterPanelAddIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting the filter from filter panel.
    * @default GridDeleteIcon
    */
-  filterPanelDeleteIcon: React.JSXElementConstructor<any>;
+  filterPanelDeleteIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed for deleting all the active filters from filter panel.
    * @default GridDeleteForeverIcon
    */
-  filterPanelRemoveAllIcon: React.JSXElementConstructor<any>;
+  filterPanelRemoveAllIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the `reorder` column type to reorder a row.
    * @default GridDragIcon
    */
-  rowReorderIcon: React.JSXElementConstructor<any>;
+  rowReorderIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the quick filter input.
    * @default GridSearchIcon
    */
-  quickFilterIcon: React.JSXElementConstructor<any>;
+  quickFilterIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the quick filter reset input.
    * @default GridCloseIcon
    */
-  quickFilterClearIcon: React.JSXElementConstructor<any>;
+  quickFilterClearIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for hiding column
    * @default GridVisibilityOffIcon
    */
-  columnMenuHideIcon: React.JSXElementConstructor<any>;
+  columnMenuHideIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for ascending sort
    * @default GridArrowUpwardIcon
    */
-  columnMenuSortAscendingIcon: React.JSXElementConstructor<any>;
+  columnMenuSortAscendingIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for descending sort
    * @default GridArrowDownwardIcon
    */
-  columnMenuSortDescendingIcon: React.JSXElementConstructor<any>;
+  columnMenuSortDescendingIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for unsort
    * @default null
    */
-  columnMenuUnsortIcon: React.JSXElementConstructor<any> | null;
+  columnMenuUnsortIcon: React.JSXElementConstructor<IconProps> | null;
   /**
    * Icon displayed in column menu for filter
    * @default GridFilterAltIcon
    */
-  columnMenuFilterIcon: React.JSXElementConstructor<any>;
+  columnMenuFilterIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for showing all columns
    * @default GridViewColumnIcon
    */
-  columnMenuManageColumnsIcon: React.JSXElementConstructor<any>;
+  columnMenuManageColumnsIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed in column menu for clearing values
    * @default GridClearIcon
    */
-  columnMenuClearIcon: React.JSXElementConstructor<any>;
+  columnMenuClearIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the input while processing.
    * @default GridLoadIcon
    */
-  loadIcon: React.JSXElementConstructor<any>;
+  loadIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed on the column reorder button.
    * @default GridDragIcon
    */
-  columnReorderIcon: React.JSXElementConstructor<any>;
+  columnReorderIcon: React.JSXElementConstructor<IconProps>;
   /**
    * Icon displayed to indicate that a menu item is selected.
    * @default GridCheckIcon
    */
-  menuItemCheckIcon: React.JSXElementConstructor<any>;
+  menuItemCheckIcon: React.JSXElementConstructor<IconProps>;
 }

package/esm/models/gridSlotsComponent.d.ts

@@ -18,6 +18,11 @@ export interface GridBaseSlots {
    * @default Checkbox
    */
   baseCheckbox: React.JSXElementConstructor<GridSlotProps['baseCheckbox']>;
+  /**
+   * The custom Chip component used in the grid.
+   * @default Chip
+   */
+  baseChip: React.JSXElementConstructor<GridSlotProps['baseChip']>;
   /**
    * The custom CircularProgress component used in the grid.
    * @default CircularProgress

package/esm/models/gridSlotsComponentsProps.d.ts

@@ -1,11 +1,4 @@
 import * as React from 'react';
-import type { BadgeProps as MUIBadgeProps } from '@mui/material/Badge';
-import type { ButtonProps as MUIButtonProps } from '@mui/material/Button';
-import type { CircularProgressProps as MUICircularProgressProps } from '@mui/material/CircularProgress';
-import type { LinearProgressProps as MUILinearProgressProps } from '@mui/material/LinearProgress';
-import type { MenuItemProps as MUIMenuItemProps } from '@mui/material/MenuItem';
-import type { IconButtonProps as MUIIconButtonProps } from '@mui/material/IconButton';
-import type { TooltipProps as MUITooltipProps } from '@mui/material/Tooltip';
 import type { GridToolbarProps } from '../components/toolbar/GridToolbar';
 import type { ColumnHeaderFilterIconButtonProps } from '../components/columnHeaders/GridColumnHeaderFilterIconButton';
 import type { GridColumnMenuProps } from '../components/menu/columnMenu/GridColumnMenuProps';
@@ -25,12 +18,13 @@ import type { GridLoadingOverlayProps } from '../components/GridLoadingOverlay';
 import type { GridRowCountProps } from '../components/GridRowCount';
 import type { GridColumnHeaderSortIconProps } from '../components/columnHeaders/GridColumnHeaderSortIcon';
 import type { GridBottomContainerProps } from '../components/virtualization/GridBottomContainer';
-import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps } from './gridBaseSlots';
+import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, ChipProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PaginationProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps, IconProps } from './gridBaseSlots';
 type RootProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 type MainProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 export interface BaseAutocompletePropsOverrides {}
 export interface BaseBadgePropsOverrides {}
 export interface BaseCheckboxPropsOverrides {}
+export interface BaseChipPropsOverrides {}
 export interface BaseCircularProgressPropsOverrides {}
 export interface BaseDividerPropsOverrides {}
 export interface BaseLinearProgressPropsOverrides {}
@@ -48,7 +42,7 @@ export interface BaseInputPropsOverrides {}
 export interface BaseInputLabelPropsOverrides {}
 export interface BaseSelectOptionPropsOverrides {}
 export interface BaseSkeletonPropsOverrides {}
-export interface BaseChipPropsOverrides {}
+export interface BaseIconPropsOverrides {}
 export interface CellPropsOverrides {}
 export interface ToolbarPropsOverrides {}
 export interface ColumnHeaderFilterIconButtonPropsOverrides {}
@@ -74,6 +68,7 @@ interface BaseSlotProps {
   baseAutocomplete: AutocompleteProps<string, true, false, true> & BaseAutocompletePropsOverrides;
   baseBadge: BadgeProps & BaseBadgePropsOverrides;
   baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
+  baseChip: ChipProps & BaseChipPropsOverrides;
   baseCircularProgress: CircularProgressProps & BaseCircularProgressPropsOverrides;
   baseDivider: DividerProps & BaseDividerPropsOverrides;
   baseLinearProgress: LinearProgressProps & BaseLinearProgressPropsOverrides;
@@ -91,15 +86,7 @@ interface BaseSlotProps {
   baseSelectOption: SelectOptionProps & BaseSelectOptionPropsOverrides;
   baseSkeleton: SkeletonProps & BaseSkeletonPropsOverrides;
 }
-interface MaterialSlotProps {
-  baseBadge: MUIBadgeProps;
-  baseButton: MUIButtonProps;
-  baseIconButton: MUIIconButtonProps;
-  baseLinearProgress: MUILinearProgressProps;
-  baseCircularProgress: MUICircularProgressProps;
-  baseMenuItem: MUIMenuItemProps;
-  baseTooltip: MUITooltipProps;
-}
+export type GridBaseIconProps = IconProps & BaseIconPropsOverrides;
 interface ElementSlotProps {
   bottomContainer: GridBottomContainerProps & BottomContainerPropsOverrides;
   cell: GridCellProps & CellPropsOverrides;
@@ -132,9 +119,7 @@ interface ElementSlotProps {
    */
   root: RootProps;
 }
-type Select<A, B, K> = K extends keyof A ? A[K] : K extends keyof B ? B[K] : never;
-type Merge<A, B> = { [K in keyof A | keyof B]: K extends 'ref' ? Select<A, B, 'ref'> : K extends keyof A & keyof B ? A[K] & B[K] : K extends keyof B ? B[K] : K extends keyof A ? A[K] : never };
-export type GridSlotProps = Merge<BaseSlotProps, MaterialSlotProps> & ElementSlotProps;
+export type GridSlotProps = BaseSlotProps & ElementSlotProps;
 /**
  * Overridable components props dynamically passed to the component at rendering.
  */

package/esm/models/index.d.ts

@@ -21,11 +21,11 @@ export type { GridSlotsComponent } from './gridSlotsComponent';
 export * from "./gridSlotsComponentsProps.js";
 export * from "./gridDensity.js";
 export * from "./logger.js";
-export * from "./muiEvent.js";
+export type { MuiBaseEvent, MuiEvent } from '@mui/x-internals/types';
 export * from "./events/index.js";
 export type { GridSortCellParams, GridSortDirection, GridComparatorFn, GridSortModel } from './gridSortModel';
 export * from "./gridColumnGrouping.js";
-export type { GridDataSourceCache } from './gridDataSource';
+export type { GridDataSourceCache, GridUpdateRowParams } from './gridDataSource';
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions } from './gridExport';
 export * from "./gridFilterOperator.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';

package/esm/models/index.js

@@ -19,7 +19,6 @@ export * from "./gridIconSlotsComponent.js";
 export * from "./gridSlotsComponentsProps.js";
 export * from "./gridDensity.js";
 export * from "./logger.js";
-export * from "./muiEvent.js";
 export * from "./events/index.js";
 export * from "./gridColumnGrouping.js";
 

package/esm/models/params/gridColumnResizeParams.d.ts

@@ -1,7 +1,6 @@
 import type { GridStateColDef } from '../colDef/gridColDef';
 /**
  * Object passed as parameter of the column resize event.
- * TODO: Move to `x-data-grid-pro` folder
  */
 export interface GridColumnResizeParams {
   /**

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

@@ -12,7 +12,7 @@ import { GridRowId, GridRowIdGetter, GridRowsProp, GridValidRowModel } from "../
 import { GridEventListener } from "../events/index.js";
 import { GridCallbackDetails, GridLocaleText } from "../api/index.js";
 import { GridApiCommunity } from "../api/gridApiCommunity.js";
-import type { GridColDef, GridListColDef } from '../colDef/gridColDef';
+import type { GridColDef, GridListViewColDef } from '../colDef/gridColDef';
 import { GridClasses } from "../../constants/gridClasses.js";
 import { GridRowHeightParams, GridRowHeightReturnValue, GridRowParams, GridRowSpacing, GridRowSpacingParams, GridRowClassNameParams } from "../params/index.js";
 import { GridCellParams } from "../params/gridCellParams.js";
@@ -49,7 +49,7 @@ export type DataGridProps<R extends GridValidRowModel = any> = Omit<Partial<Data
  * The props of the Data Grid component after the pre-processing phase that the user should not be able to override.
  * Those are usually used in feature-hook for which the pro-plan has more advanced features (eg: multi-sorting, multi-filtering, ...).
  */
-export type DataGridForcedPropsKey = 'checkboxSelectionVisibleOnly' | 'disableMultipleColumnsFiltering' | 'disableMultipleColumnsSorting' | 'disableColumnReorder' | 'keepColumnPositionIfDraggedOutside' | 'throttleRowsMs' | 'hideFooterRowCount' | 'pagination' | 'signature' | 'unstable_listView';
+export type DataGridForcedPropsKey = 'checkboxSelectionVisibleOnly' | 'disableMultipleColumnsFiltering' | 'disableMultipleColumnsSorting' | 'disableColumnReorder' | 'keepColumnPositionIfDraggedOutside' | 'throttleRowsMs' | 'hideFooterRowCount' | 'pagination' | 'signature' | 'listView';
 /**
  * The Data Grid options with a default value that must be merged with the value given through props.
  */
@@ -724,13 +724,19 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    */
   onSortModelChange?: (model: GridSortModel, details: GridCallbackDetails) => void;
   /**
-   * The label of the Data Grid.
+   * The `aria-label` of the Data Grid.
    */
   'aria-label'?: string;
   /**
-   * The id of the element containing a label for the Data Grid.
+   * The `id` of the element containing a label for the Data Grid.
    */
   'aria-labelledby'?: string;
+  /**
+   * The label of the Data Grid.
+   * If the `showToolbar` prop is `true`, the label will be displayed in the toolbar and applied to the `aria-label` attribute of the grid.
+   * If the `showToolbar` prop is `false`, the label will not be visible but will be applied to the `aria-label` attribute of the grid.
+   */
+  label?: string;
   /**
    * Set of columns of type [[GridColDef]][].
    */
@@ -831,10 +837,10 @@ export interface DataGridProSharedPropsWithDefaultValue {
   rowSelectionPropagation: GridRowSelectionPropagation;
   /**
    * If `true`, displays the data in a list view.
-   * Use in combination with `unstable_listColumn`.
+   * Use in combination with `listViewColumn`.
    * @default false
    */
-  unstable_listView: boolean;
+  listView: boolean;
 }
 export interface DataGridProSharedPropsWithoutDefaultValue<R extends GridValidRowModel = any> {
   /**
@@ -842,9 +848,9 @@ export interface DataGridProSharedPropsWithoutDefaultValue<R extends GridValidRo
    */
   headerFilterHeight?: number;
   /**
-   * Definition of the column rendered when the `unstable_listView` prop is enabled.
+   * Definition of the column rendered when the `listView` prop is enabled.
    */
-  unstable_listColumn?: GridListColDef<R>;
+  listViewColumn?: GridListViewColDef<R>;
 }
 export interface DataGridPremiumSharedPropsWithDefaultValue {
   /**

package/esm/package.json

@@ -1 +1 @@
-{"type":"module","sideEffects":false}
+{"type":"module","sideEffects":["**/*.css"]}

package/hooks/core/gridCoreSelector.d.ts

@@ -3,4 +3,4 @@ import { GridStateCommunity } from "../../models/gridStateCommunity.js";
  * Get the theme state
  * @category Core
  */
-export declare const gridIsRtlSelector: import("../..").OutputSelector<GridStateCommunity, unknown, boolean>;
+export declare const gridIsRtlSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, boolean>;

package/hooks/core/gridPropsSelectors.d.ts

@@ -6,4 +6,4 @@ import type { GridRowId } from '../../models/gridRows';
  * @param {GridRowModel} row - The row to get the id for
  * @returns {GridRowId} The row id
  */
-export declare const gridRowIdSelector: import("../..").OutputSelector<GridStateCommunity, import("../..").GridValidRowModel, GridRowId>;
+export declare const gridRowIdSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridValidRowModel, GridRowId>;

package/hooks/core/useGridInitialization.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
-import type { GridApiCommon, GridPrivateApiCommon } from '../../models/api/gridApiCommon';
+import type { GridPrivateApiCommon } from '../../models/api/gridApiCommon';
 import { DataGridProcessedProps } from "../../models/props/DataGridProps.js";
 /**
  * Initialize the technical pieces of the DataGrid (logger, state, ...) that any DataGrid implementation needs
  */
-export declare const useGridInitialization: <PrivateApi extends GridPrivateApiCommon, Api extends GridApiCommon>(inputApiRef: RefObject<Api | null> | undefined, props: DataGridProcessedProps) => import("react").RefObject<PrivateApi>;
+export declare const useGridInitialization: <PrivateApi extends GridPrivateApiCommon>(privateApiRef: RefObject<PrivateApi>, props: DataGridProcessedProps) => void;

package/hooks/core/useGridInitialization.js

@@ -7,7 +7,6 @@ exports.useGridInitialization = void 0;
 var _useGridRefs = require("./useGridRefs");
 var _useGridIsRtl = require("./useGridIsRtl");
 var _useGridLoggerFactory = require("./useGridLoggerFactory");
-var _useGridApiInitialization = require("./useGridApiInitialization");
 var _useGridLocaleText = require("./useGridLocaleText");
 var _pipeProcessing = require("./pipeProcessing");
 var _strategyProcessing = require("./strategyProcessing");
@@ -16,8 +15,7 @@ var _useGridProps = require("./useGridProps");
 /**
  * Initialize the technical pieces of the DataGrid (logger, state, ...) that any DataGrid implementation needs
  */
-const useGridInitialization = (inputApiRef, props) => {
-  const privateApiRef = (0, _useGridApiInitialization.useGridApiInitialization)(inputApiRef, props);
+const useGridInitialization = (privateApiRef, props) => {
   (0, _useGridRefs.useGridRefs)(privateApiRef);
   (0, _useGridProps.useGridProps)(privateApiRef, props);
   (0, _useGridIsRtl.useGridIsRtl)(privateApiRef);
@@ -29,6 +27,5 @@ const useGridInitialization = (inputApiRef, props) => {
   privateApiRef.current.register('private', {
     rootProps: props
   });
-  return privateApiRef;
 };
 exports.useGridInitialization = useGridInitialization;

package/hooks/features/clipboard/useGridClipboard.js

@@ -100,6 +100,6 @@ const useGridClipboard = (apiRef, props) => {
     }
   }, [apiRef, ignoreValueFormatter, clipboardCopyCellDelimiter]);
   (0, _utils.useGridNativeEventListener)(apiRef, () => apiRef.current.rootElementRef.current, 'keydown', handleCopy);
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'clipboardCopy', props.onClipboardCopy);
+  (0, _utils.useGridEventPriority)(apiRef, 'clipboardCopy', props.onClipboardCopy);
 };
 exports.useGridClipboard = useGridClipboard;

package/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts

@@ -3,10 +3,10 @@ import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
  * @category ColumnGrouping
  * @ignore - do not document.
  */
-export declare const gridColumnGroupingSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState>;
-export declare const gridColumnGroupsUnwrappedModelSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, {
+export declare const gridColumnGroupingSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridColumnsGroupingState>;
+export declare const gridColumnGroupsUnwrappedModelSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, {
   [columnField: string]: string[];
 }>;
-export declare const gridColumnGroupsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridColumnGroupLookup>;
-export declare const gridColumnGroupsHeaderStructureSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridGroupingStructure[][]>;
-export declare const gridColumnGroupsHeaderMaxDepthSelector: import("../../..").OutputSelector<GridStateCommunity, import("./gridColumnGroupsInterfaces").GridColumnsGroupingState, number>;
+export declare const gridColumnGroupsLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridColumnGroupLookup>;
+export declare const gridColumnGroupsHeaderStructureSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, import("./gridColumnGroupsInterfaces").GridGroupingStructure[][]>;
+export declare const gridColumnGroupsHeaderMaxDepthSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnsGroupingState, number>;

package/hooks/features/columnGrouping/useGridColumnGrouping.d.ts

@@ -2,7 +2,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";
-export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnGroupingModel' | 'experimentalFeatures'>>;
+export declare const columnGroupsStateInitializer: GridStateInitializer<Pick<DataGridProcessedProps, 'columnGroupingModel'>>;
 /**
  * @requires useGridColumns (method, event)
  * @requires useGridParamsApi (method)

package/hooks/features/columnGrouping/useGridColumnGrouping.js

@@ -13,7 +13,7 @@ var _gridColumnGrouping = require("../../../models/gridColumnGrouping");
 var _gridColumnGroupsSelector = require("./gridColumnGroupsSelector");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _gridColumnGroupsUtils = require("./gridColumnGroupsUtils");
-var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
+var _useGridEvent = require("../../utils/useGridEvent");
 var _columns = require("../columns");
 const _excluded = ["groupId", "children"];
 const createGroupLookup = columnGroupingModel => {
@@ -123,11 +123,11 @@ const useGridColumnGrouping = (apiRef, props) => {
       });
     });
   }, [apiRef]);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnIndexChange', handleColumnIndexChange);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnsChange', () => {
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnIndexChange', handleColumnIndexChange);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnsChange', () => {
     updateColumnGroupingState(props.columnGroupingModel);
   });
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnVisibilityModelChange', () => {
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnVisibilityModelChange', () => {
     updateColumnGroupingState(props.columnGroupingModel);
   });
 

package/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -13,7 +13,7 @@ var _styles = require("@mui/material/styles");
 var _utils = require("../../utils");
 var _useGridRootProps = require("../../utils/useGridRootProps");
 var _useGridPrivateApiContext = require("../../utils/useGridPrivateApiContext");
-var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
+var _useGridEvent = require("../../utils/useGridEvent");
 var _GridColumnHeaderItem = require("../../../components/columnHeaders/GridColumnHeaderItem");
 var _gridDimensionsSelectors = require("../dimensions/gridDimensionsSelectors");
 var _virtualization = require("../virtualization");
@@ -81,10 +81,10 @@ const useGridColumnHeaders = props => {
       lastColumnIndex: visibleColumns.length
     } : null;
   }, [pinnedColumns.right.length, visibleColumns.length]);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnResizeStart', handleColumnResizeStart);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnResizeStop', handleColumnResizeStop);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderDragStart', handleColumnReorderStart);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnd', handleColumnReorderStop);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnResizeStart', handleColumnResizeStart);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnResizeStop', handleColumnResizeStop);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnHeaderDragStart', handleColumnReorderStart);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'columnHeaderDragEnd', handleColumnReorderStop);
 
   // Helper for computation common between getColumnHeaders and getColumnGroupHeaders
   const getColumnsToRender = params => {

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

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

package/hooks/features/columnMenu/useGridColumnMenu.js

@@ -107,8 +107,8 @@ const useGridColumnMenu = apiRef => {
     toggleColumnMenu
   };
   (0, _utils.useGridApiMethod)(apiRef, columnMenuApi, 'public');
-  (0, _utils.useGridApiEventHandler)(apiRef, 'columnResizeStart', hideColumnMenu);
-  (0, _utils.useGridApiEventHandler)(apiRef, 'virtualScrollerWheel', apiRef.current.hideColumnMenu);
-  (0, _utils.useGridApiEventHandler)(apiRef, 'virtualScrollerTouchMove', apiRef.current.hideColumnMenu);
+  (0, _utils.useGridEvent)(apiRef, 'columnResizeStart', hideColumnMenu);
+  (0, _utils.useGridEvent)(apiRef, 'virtualScrollerWheel', apiRef.current.hideColumnMenu);
+  (0, _utils.useGridEvent)(apiRef, 'virtualScrollerTouchMove', apiRef.current.hideColumnMenu);
 };
 exports.useGridColumnMenu = useGridColumnMenu;

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

@@ -1,3 +1,3 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridColumnResizeSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./columnResizeState").GridColumnResizeState>;
-export declare const gridResizingColumnFieldSelector: import("../../..").OutputSelector<GridStateCommunity, import("./columnResizeState").GridColumnResizeState, string>;
+export declare const gridColumnResizeSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, unknown, import("@mui/x-data-grid").GridColumnResizeState>;
+export declare const gridResizingColumnFieldSelector: import("@mui/x-data-grid").OutputSelector<GridStateCommunity, import("@mui/x-data-grid").GridColumnResizeState, string>;

package/hooks/features/columnResize/useGridColumnResize.js

@@ -556,12 +556,12 @@ const useGridColumnResize = (apiRef, props) => {
   (0, _utils.useGridApiMethod)(apiRef, {
     autosizeColumns
   }, 'public');
-  (0, _utils.useGridApiEventHandler)(apiRef, 'columnResizeStop', handleResizeStop);
-  (0, _utils.useGridApiEventHandler)(apiRef, 'columnResizeStart', handleResizeStart);
-  (0, _utils.useGridApiEventHandler)(apiRef, 'columnSeparatorMouseDown', handleColumnResizeMouseDown);
-  (0, _utils.useGridApiEventHandler)(apiRef, 'columnSeparatorDoubleClick', handleColumnSeparatorDoubleClick);
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'columnResize', props.onColumnResize);
-  (0, _utils.useGridApiOptionHandler)(apiRef, 'columnWidthChange', props.onColumnWidthChange);
+  (0, _utils.useGridEvent)(apiRef, 'columnResizeStop', handleResizeStop);
+  (0, _utils.useGridEvent)(apiRef, 'columnResizeStart', handleResizeStart);
+  (0, _utils.useGridEvent)(apiRef, 'columnSeparatorMouseDown', handleColumnResizeMouseDown);
+  (0, _utils.useGridEvent)(apiRef, 'columnSeparatorDoubleClick', handleColumnSeparatorDoubleClick);
+  (0, _utils.useGridEventPriority)(apiRef, 'columnResize', props.onColumnResize);
+  (0, _utils.useGridEventPriority)(apiRef, 'columnWidthChange', props.onColumnWidthChange);
 };
 exports.useGridColumnResize = useGridColumnResize;
 function updateProperty(element, property, delta) {