@mui/x-data-grid 8.0.0-alpha.12 → 8.0.0-alpha.14

package/models/gridRowSelectionManager.d.ts

@@ -0,0 +1,9 @@
+import type { GridRowId } from './gridRows';
+import type { GridRowSelectionModel } from './gridRowSelectionModel';
+export interface RowSelectionManager {
+  data: Set<GridRowId>;
+  has(id: GridRowId): boolean;
+  select(id: GridRowId): void;
+  unselect(id: GridRowId): void;
+}
+export declare const createRowSelectionManager: (model: GridRowSelectionModel) => RowSelectionManager;

package/models/gridRowSelectionManager.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createRowSelectionManager = void 0;
+class IncludeManager {
+  constructor(model) {
+    this.data = void 0;
+    this.data = model.ids;
+  }
+  has(id) {
+    return this.data.has(id);
+  }
+  select(id) {
+    this.data.add(id);
+  }
+  unselect(id) {
+    this.data.delete(id);
+  }
+}
+class ExcludeManager {
+  constructor(model) {
+    this.data = void 0;
+    this.data = model.ids;
+  }
+  has(id) {
+    return !this.data.has(id);
+  }
+  select(id) {
+    this.data.delete(id);
+  }
+  unselect(id) {
+    this.data.add(id);
+  }
+}
+const createRowSelectionManager = model => {
+  if (model.type === 'include') {
+    return new IncludeManager(model);
+  }
+  return new ExcludeManager(model);
+};
+exports.createRowSelectionManager = createRowSelectionManager;

package/models/gridRowSelectionModel.d.ts

@@ -3,5 +3,7 @@ export type GridRowSelectionPropagation = {
   descendants?: boolean;
   parents?: boolean;
 };
-export type GridInputRowSelectionModel = readonly GridRowId[] | GridRowId;
-export type GridRowSelectionModel = readonly GridRowId[];
+export type GridRowSelectionModel = {
+  type: 'include' | 'exclude';
+  ids: Set<GridRowId>;
+};

package/models/gridSlotsComponent.d.ts

@@ -3,6 +3,11 @@ import type { GridSlotProps } from './gridSlotsComponentsProps';
 import type { GridIconSlotsComponent } from './gridIconSlotsComponent';
 export type { GridSlotProps } from './gridSlotsComponentsProps';
 export interface GridBaseSlots {
+  /**
+   * The custom Autocomplete component used in the grid for both header and cells.
+   * @default Autocomplete
+   */
+  baseAutocomplete: React.JSXElementConstructor<GridSlotProps['baseAutocomplete']>;
   /**
    * The custom Badge component used in the grid for both header and cells.
    * @default Badge
@@ -18,11 +23,6 @@ export interface GridBaseSlots {
    * @default CircularProgress
    */
   baseCircularProgress: React.JSXElementConstructor<GridSlotProps['baseCircularProgress']>;
-  /**
-   * The custom Chip component used in the grid.
-   * @default Chip
-   */
-  baseChip: React.JSXElementConstructor<GridSlotProps['baseChip']>;
   /**
    * The custom Divider component used in the grid.
    * @default Divider
@@ -43,21 +43,11 @@ export interface GridBaseSlots {
    * @default MenuItem
    */
   baseMenuItem: React.JSXElementConstructor<GridSlotProps['baseMenuItem']>;
-  /**
-   * The custom InputAdornment component used in the grid.
-   * @default InputAdornment
-   */
-  baseInputAdornment: React.JSXElementConstructor<GridSlotProps['baseInputAdornment']>;
   /**
    * The custom TextField component used in the grid.
    * @default TextField
    */
   baseTextField: React.JSXElementConstructor<GridSlotProps['baseTextField']>;
-  /**
-   * The custom FormControl component used in the grid.
-   * @default FormControl
-   */
-  baseFormControl: React.JSXElementConstructor<GridSlotProps['baseFormControl']>;
   /**
    * The custom Select component used in the grid.
    * @default Select
@@ -88,11 +78,6 @@ export interface GridBaseSlots {
    * @default Popper
    */
   basePopper: React.JSXElementConstructor<GridSlotProps['basePopper']>;
-  /**
-   * The custom InputLabel component used in the grid.
-   * @default InputLabel
-   */
-  baseInputLabel: React.JSXElementConstructor<GridSlotProps['baseInputLabel']>;
   /**
    * The custom SelectOption component used in the grid.
    * @default SelectOption
@@ -113,11 +98,6 @@ export interface GridBaseSlots {
  * Grid components React prop interface containing all the overridable components.
  */
 export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponent {
-  /**
-   * The custom Chip component used in the grid.
-   * @default Chip
-   */
-  baseChip: React.JSXElementConstructor<GridSlotProps['baseChip']>;
   /**
    * Component rendered for the bottom container.
    * @default GridBottomContainer
@@ -169,10 +149,9 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
    */
   footerRowCount: React.JSXElementConstructor<GridSlotProps['footerRowCount']>;
   /**
-   * Toolbar component rendered inside the Header component.
-   * @default null
+   * Toolbar component rendered in the grid header.
    */
-  toolbar: React.JSXElementConstructor<GridSlotProps['toolbar']> | null;
+  toolbar: React.JSXElementConstructor<GridSlotProps['toolbar']>;
   /**
    * Pinned rows container.
    * @ignore - do not document

package/models/gridSlotsComponentsProps.d.ts

@@ -4,13 +4,9 @@ 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 { FormControlProps } from '@mui/material/FormControl';
 import type { IconButtonProps as MUIIconButtonProps } from '@mui/material/IconButton';
-import type { InputAdornmentProps } from '@mui/material/InputAdornment';
 import type { TooltipProps as MUITooltipProps } from '@mui/material/Tooltip';
-import type { InputLabelProps } from '@mui/material/InputLabel';
 import type { TablePaginationProps } from '@mui/material/TablePagination';
-import type { ChipProps } from '@mui/material/Chip';
 import type { GridToolbarProps } from '../components/toolbar/GridToolbar';
 import type { ColumnHeaderFilterIconButtonProps } from '../components/columnHeaders/GridColumnHeaderFilterIconButton';
 import type { GridColumnMenuProps } from '../components/menu/columnMenu/GridColumnMenuProps';
@@ -30,9 +26,10 @@ 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 { BadgeProps, ButtonProps, CheckboxProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps } from './gridBaseSlots';
+import type { AutocompleteProps, BadgeProps, ButtonProps, CheckboxProps, CircularProgressProps, DividerProps, IconButtonProps, InputProps, LinearProgressProps, MenuListProps, MenuItemProps, PopperProps, SelectProps, SelectOptionProps, SkeletonProps, SwitchProps, TooltipProps, TextFieldProps } 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 BaseCircularProgressPropsOverrides {}
@@ -41,12 +38,10 @@ export interface BaseLinearProgressPropsOverrides {}
 export interface BaseMenuListPropsOverrides {}
 export interface BaseMenuItemPropsOverrides {}
 export interface BaseTextFieldPropsOverrides {}
-export interface BaseFormControlPropsOverrides {}
 export interface BaseSelectPropsOverrides {}
 export interface BaseSwitchPropsOverrides {}
 export interface BaseButtonPropsOverrides {}
 export interface BaseIconButtonPropsOverrides {}
-export interface BaseInputAdornmentPropsOverrides {}
 export interface BaseTooltipPropsOverrides {}
 export interface BasePopperPropsOverrides {}
 export interface BaseInputPropsOverrides {}
@@ -76,6 +71,7 @@ export interface SkeletonCellPropsOverrides {}
 export interface RowPropsOverrides {}
 export interface BottomContainerPropsOverrides {}
 interface BaseSlotProps {
+  baseAutocomplete: AutocompleteProps<string, true, false, true> & BaseAutocompletePropsOverrides;
   baseBadge: BadgeProps & BaseBadgePropsOverrides;
   baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
   baseCircularProgress: CircularProgressProps & BaseCircularProgressPropsOverrides;
@@ -84,19 +80,15 @@ interface BaseSlotProps {
   baseMenuList: MenuListProps & BaseMenuListPropsOverrides;
   baseMenuItem: MenuItemProps & BaseMenuItemPropsOverrides;
   baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
-  baseFormControl: FormControlProps & BaseFormControlPropsOverrides;
   baseSwitch: SwitchProps & BaseSwitchPropsOverrides;
   baseButton: ButtonProps & BaseButtonPropsOverrides;
   baseIconButton: IconButtonProps & BaseIconButtonPropsOverrides;
   basePopper: PopperProps & BasePopperPropsOverrides;
   baseTooltip: TooltipProps & BaseTooltipPropsOverrides;
   baseInput: InputProps & BaseInputPropsOverrides;
-  baseInputLabel: InputLabelProps & BaseInputLabelPropsOverrides;
-  baseInputAdornment: InputAdornmentProps & BaseInputAdornmentPropsOverrides;
   baseSelect: SelectProps & BaseSelectPropsOverrides;
   baseSelectOption: SelectOptionProps & BaseSelectOptionPropsOverrides;
   baseSkeleton: SkeletonProps & BaseSkeletonPropsOverrides;
-  baseChip: ChipProps & BaseChipPropsOverrides;
 }
 interface MaterialSlotProps {
   baseBadge: MUIBadgeProps;

package/models/gridSortModel.d.ts

@@ -27,4 +27,4 @@ export interface GridSortItem {
 /**
  * The model used for sorting the grid.
  */
-export type GridSortModel = GridSortItem[];
+export type GridSortModel = readonly GridSortItem[];

package/models/index.d.ts

@@ -10,6 +10,7 @@ export * from "./gridPaginationProps.js";
 export * from "./gridRenderContextProps.js";
 export * from "./gridRows.js";
 export * from "./gridRowSelectionModel.js";
+export { createRowSelectionManager } from "./gridRowSelectionManager.js";
 export * from "./params/index.js";
 export * from "./gridCellClass.js";
 export * from "./gridCell.js";
@@ -22,7 +23,7 @@ export * from "./gridDensity.js";
 export * from "./logger.js";
 export * from "./muiEvent.js";
 export * from "./events/index.js";
-export * from "./gridSortModel.js";
+export type { GridSortCellParams, GridSortDirection, GridComparatorFn, GridSortModel } from './gridSortModel';
 export * from "./gridColumnGrouping.js";
 export type { GridDataSourceCache } from './gridDataSource';
 export type { GridExportOptions, GridFileExportOptions, GridGetRowsToExportParams, GridCsvGetRowsToExportParams, GridPrintGetRowsToExportParams, GridCsvExportOptions, GridPrintExportOptions } from './gridExport';

package/models/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  createRowSelectionManager: true
+};
+Object.defineProperty(exports, "createRowSelectionManager", {
+  enumerable: true,
+  get: function () {
+    return _gridRowSelectionManager.createRowSelectionManager;
+  }
+});
 var _colDef = require("./colDef");
 Object.keys(_colDef).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _colDef[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_colDef).forEach(function (key) {
 var _cursorCoordinates = require("./cursorCoordinates");
 Object.keys(_cursorCoordinates).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _cursorCoordinates[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -28,6 +39,7 @@ Object.keys(_cursorCoordinates).forEach(function (key) {
 var _elementSize = require("./elementSize");
 Object.keys(_elementSize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _elementSize[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,6 +51,7 @@ Object.keys(_elementSize).forEach(function (key) {
 var _gridEditRowModel = require("./gridEditRowModel");
 Object.keys(_gridEditRowModel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridEditRowModel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -50,6 +63,7 @@ Object.keys(_gridEditRowModel).forEach(function (key) {
 var _gridFeatureMode = require("./gridFeatureMode");
 Object.keys(_gridFeatureMode).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridFeatureMode[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -61,6 +75,7 @@ Object.keys(_gridFeatureMode).forEach(function (key) {
 var _gridFilterItem = require("./gridFilterItem");
 Object.keys(_gridFilterItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridFilterItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -72,6 +87,7 @@ Object.keys(_gridFilterItem).forEach(function (key) {
 var _gridFilterModel = require("./gridFilterModel");
 Object.keys(_gridFilterModel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridFilterModel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -83,6 +99,7 @@ Object.keys(_gridFilterModel).forEach(function (key) {
 var _gridPaginationProps = require("./gridPaginationProps");
 Object.keys(_gridPaginationProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridPaginationProps[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -94,6 +111,7 @@ Object.keys(_gridPaginationProps).forEach(function (key) {
 var _gridRenderContextProps = require("./gridRenderContextProps");
 Object.keys(_gridRenderContextProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridRenderContextProps[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -105,6 +123,7 @@ Object.keys(_gridRenderContextProps).forEach(function (key) {
 var _gridRows = require("./gridRows");
 Object.keys(_gridRows).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridRows[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -116,6 +135,7 @@ Object.keys(_gridRows).forEach(function (key) {
 var _gridRowSelectionModel = require("./gridRowSelectionModel");
 Object.keys(_gridRowSelectionModel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridRowSelectionModel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -124,9 +144,11 @@ Object.keys(_gridRowSelectionModel).forEach(function (key) {
     }
   });
 });
+var _gridRowSelectionManager = require("./gridRowSelectionManager");
 var _params = require("./params");
 Object.keys(_params).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _params[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -138,6 +160,7 @@ Object.keys(_params).forEach(function (key) {
 var _gridCellClass = require("./gridCellClass");
 Object.keys(_gridCellClass).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridCellClass[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -149,6 +172,7 @@ Object.keys(_gridCellClass).forEach(function (key) {
 var _gridCell = require("./gridCell");
 Object.keys(_gridCell).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridCell[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -160,6 +184,7 @@ Object.keys(_gridCell).forEach(function (key) {
 var _gridColumnHeaderClass = require("./gridColumnHeaderClass");
 Object.keys(_gridColumnHeaderClass).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridColumnHeaderClass[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -171,6 +196,7 @@ Object.keys(_gridColumnHeaderClass).forEach(function (key) {
 var _api = require("./api");
 Object.keys(_api).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _api[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -182,6 +208,7 @@ Object.keys(_api).forEach(function (key) {
 var _gridIconSlotsComponent = require("./gridIconSlotsComponent");
 Object.keys(_gridIconSlotsComponent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridIconSlotsComponent[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -193,6 +220,7 @@ Object.keys(_gridIconSlotsComponent).forEach(function (key) {
 var _gridSlotsComponentsProps = require("./gridSlotsComponentsProps");
 Object.keys(_gridSlotsComponentsProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridSlotsComponentsProps[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -204,6 +232,7 @@ Object.keys(_gridSlotsComponentsProps).forEach(function (key) {
 var _gridDensity = require("./gridDensity");
 Object.keys(_gridDensity).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridDensity[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -215,6 +244,7 @@ Object.keys(_gridDensity).forEach(function (key) {
 var _logger = require("./logger");
 Object.keys(_logger).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _logger[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -226,6 +256,7 @@ Object.keys(_logger).forEach(function (key) {
 var _muiEvent = require("./muiEvent");
 Object.keys(_muiEvent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _muiEvent[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -237,6 +268,7 @@ Object.keys(_muiEvent).forEach(function (key) {
 var _events = require("./events");
 Object.keys(_events).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _events[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -245,20 +277,10 @@ Object.keys(_events).forEach(function (key) {
     }
   });
 });
-var _gridSortModel = require("./gridSortModel");
-Object.keys(_gridSortModel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridSortModel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridSortModel[key];
-    }
-  });
-});
 var _gridColumnGrouping = require("./gridColumnGrouping");
 Object.keys(_gridColumnGrouping).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridColumnGrouping[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -270,6 +292,7 @@ Object.keys(_gridColumnGrouping).forEach(function (key) {
 var _gridFilterOperator = require("./gridFilterOperator");
 Object.keys(_gridFilterOperator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridFilterOperator[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/models/props/DataGridProps.d.ts

@@ -18,7 +18,7 @@ import { GridClasses } from "../../constants/gridClasses.js";
 import { GridRowHeightParams, GridRowHeightReturnValue, GridRowParams, GridRowSpacing, GridRowSpacingParams, GridRowClassNameParams } from "../params/index.js";
 import { GridCellParams } from "../params/gridCellParams.js";
 import { GridFilterModel } from "../gridFilterModel.js";
-import { GridInputRowSelectionModel, GridRowSelectionModel } from "../gridRowSelectionModel.js";
+import { GridRowSelectionModel } from "../gridRowSelectionModel.js";
 import { GridInitialStateCommunity } from "../gridStateCommunity.js";
 import { GridSlotsComponentsProps } from "../gridSlotsComponentsProps.js";
 import { GridColumnVisibilityModel } from "../../hooks/features/columns/gridColumnsInterfaces.js";
@@ -26,8 +26,9 @@ import { GridCellModesModel, GridRowModesModel } from "../api/gridEditingApi.js"
 import { GridColumnGroupingModel } from "../gridColumnGrouping.js";
 import { GridPaginationMeta, GridPaginationModel } from "../gridPaginationProps.js";
 import type { GridAutosizeOptions } from '../../hooks/features/columnResize';
-import type { GridDataSource, GridDataSourceCache, GridGetRowsParams } from '../gridDataSource';
+import type { GridDataSource, GridDataSourceCache } from '../gridDataSource';
 import type { GridRowSelectionPropagation } from '../gridRowSelectionModel';
+import type { GridGetRowsError, GridUpdateRowError } from '../../hooks/features/dataSource/gridDataSourceError';
 export interface GridExperimentalFeatures {
   /**
    * Emits a warning if the cell receives focus without also syncing the focus state.
@@ -291,6 +292,11 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
    * @default false
    */
   showColumnVerticalBorder: boolean;
+  /**
+   * If `true`, the toolbar is displayed.
+   * @default false
+   */
+  showToolbar: boolean;
   /**
    * The order of the sorting sequence.
    * @default ['asc', 'desc', null]
@@ -381,6 +387,14 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<GridClasses>;
+  /**
+   * The data source object.
+   */
+  dataSource?: GridDataSource;
+  /**
+   * Data source cache object.
+   */
+  dataSourceCache?: GridDataSourceCache | null;
   /**
    * Set the density of the Data Grid.
    * @default "standard"
@@ -464,6 +478,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * @param {MuiEvent<MuiBaseEvent>} event The event that caused this prop to be called.
    */
   onCellEditStop?: GridEventListener<'cellEditStop'>;
+  /**
+   * Callback fired when a data source request fails.
+   * @param {GridGetRowsError | GridUpdateRowError} error The data source error object.
+   */
+  onDataSourceError?: (error: GridGetRowsError | GridUpdateRowError) => void;
   /**
    * Callback fired when the row turns to edit mode.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].
@@ -673,7 +692,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
   /**
    * Sets the row selection model of the Data Grid.
    */
-  rowSelectionModel?: GridInputRowSelectionModel;
+  rowSelectionModel?: GridRowSelectionModel;
   /**
    * Callback fired when the selection state of one or multiple rows changes.
    * @param {GridRowSelectionModel} rowSelectionModel With all the row ids [[GridSelectionModel]].
@@ -787,20 +806,6 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onColumnWidthChange?: GridEventListener<'columnWidthChange'>;
-  /**
-   * The data source object.
-   */
-  unstable_dataSource?: GridDataSource;
-  /**
-   * Data source cache object.
-   */
-  unstable_dataSourceCache?: GridDataSourceCache | null;
-  /**
-   * Callback fired when the data source request fails.
-   * @param {Error} error The error object.
-   * @param {GridGetRowsParams} params With all properties from [[GridGetRowsParams]].
-   */
-  unstable_onDataSourceError?: (error: Error, params: GridGetRowsParams) => void;
 }
 export interface DataGridProSharedPropsWithDefaultValue {
   /**

package/modern/DataGrid/DataGrid.js

@@ -11,9 +11,11 @@ import { GridContextProvider } from "../context/GridContextProvider.js";
 import { useDataGridComponent } from "./useDataGridComponent.js";
 import { useDataGridProps } from "./useDataGridProps.js";
 import { propValidatorsDataGrid, validateProps } from "../internals/utils/propValidation.js";
+import { useMaterialCSSVariables } from "../material/variables.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
+    useCSSVariables: useMaterialCSSVariables,
     useGridAriaAttributes,
     useGridRowAriaAttributes
   }
@@ -138,6 +140,21 @@ DataGridRaw.propTypes = {
    * If defined, the Data Grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: PropTypes.object,
+  /**
+   * The data source object.
+   */
+  dataSource: PropTypes.shape({
+    getRows: PropTypes.func.isRequired,
+    updateRow: PropTypes.func
+  }),
+  /**
+   * Data source cache object.
+   */
+  dataSourceCache: PropTypes.shape({
+    clear: PropTypes.func.isRequired,
+    get: PropTypes.func.isRequired,
+    set: PropTypes.func.isRequired
+  }),
   /**
    * Set the density of the Data Grid.
    * @default "standard"
@@ -490,6 +507,11 @@ DataGridRaw.propTypes = {
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onColumnWidthChange: PropTypes.func,
+  /**
+   * Callback fired when a data source request fails.
+   * @param {GridGetRowsError | GridUpdateRowError} error The data source error object.
+   */
+  onDataSourceError: PropTypes.func,
   /**
    * Callback fired when the density changes.
    * @param {GridDensity} density New density value.
@@ -687,7 +709,10 @@ DataGridRaw.propTypes = {
   /**
    * Sets the row selection model of the Data Grid.
    */
-  rowSelectionModel: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired), PropTypes.number, PropTypes.string]),
+  rowSelectionModel: PropTypes /* @typescript-to-proptypes-ignore */.shape({
+    ids: PropTypes.instanceOf(Set).isRequired,
+    type: PropTypes.oneOf(['exclude', 'include']).isRequired
+  }),
   /**
    * Sets the type of space between rows added by `getRowSpacing`.
    * @default "margin"
@@ -712,6 +737,11 @@ DataGridRaw.propTypes = {
    * @default false
    */
   showColumnVerticalBorder: PropTypes.bool,
+  /**
+   * If `true`, the toolbar is displayed.
+   * @default false
+   */
+  showToolbar: PropTypes.bool,
   /**
    * Overridable components props dynamically passed to the component at rendering.
    */
@@ -743,27 +773,6 @@ DataGridRaw.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The data source object.
-   */
-  unstable_dataSource: PropTypes.shape({
-    getRows: PropTypes.func.isRequired,
-    updateRow: PropTypes.func
-  }),
-  /**
-   * Data source cache object.
-   */
-  unstable_dataSourceCache: PropTypes.shape({
-    clear: PropTypes.func.isRequired,
-    get: PropTypes.func.isRequired,
-    set: PropTypes.func.isRequired
-  }),
-  /**
-   * Callback fired when the data source request fails.
-   * @param {Error} error The error object.
-   * @param {GridGetRowsParams} params With all properties from [[GridGetRowsParams]].
-   */
-  unstable_onDataSourceError: PropTypes.func,
   /**
    * If `true`, the Data Grid enables column virtualization when `getRowHeight` is set to `() => 'auto'`.
    * By default, column virtualization is disabled when dynamic row height is enabled to measure the row height correctly.

package/modern/DataGrid/useDataGridProps.js

@@ -17,7 +17,7 @@ const DATA_GRID_FORCED_PROPS = {
   signature: 'DataGrid',
   unstable_listView: false
 };
-const getDataGridForcedProps = themedProps => _extends({}, DATA_GRID_FORCED_PROPS, themedProps.unstable_dataSource ? {
+const getDataGridForcedProps = themedProps => _extends({}, DATA_GRID_FORCED_PROPS, themedProps.dataSource ? {
   filterMode: 'server',
   sortingMode: 'server',
   paginationMode: 'server'

package/modern/colDef/gridActionsColDef.js

@@ -15,5 +15,5 @@ export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   disableColumnMenu: true,
   disableExport: true,
   renderCell: renderActionsCell,
-  getApplyQuickFilterFn: undefined
+  getApplyQuickFilterFn: () => null
 });

package/modern/colDef/gridBooleanColDef.js

@@ -33,7 +33,7 @@ export const GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortComparator: gridNumberComparator,
   valueFormatter: gridBooleanFormatter,
   filterOperators: getGridBooleanOperators(),
-  getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFn: () => null,
   // @ts-ignore
   aggregable: false,
   // @ts-ignore