@mui/x-data-grid 8.0.0-alpha.1 → 8.0.0-alpha.10

package/models/colDef/gridColDef.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
 import { GridCellClassNamePropType } from '../gridCellClass';
 import { GridColumnHeaderClassNamePropType } from '../gridColumnHeaderClass';
 import type { GridFilterOperator } from '../gridFilterOperator';
@@ -24,55 +25,55 @@ export type ValueOptions = string | number | {
  * Value that can be used as a key for grouping rows
  */
 export type GridKeyValue = string | number | boolean;
-export type GridApplyQuickFilter<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: V, row: R, column: GridColDef, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
-export type GetApplyQuickFilterFn<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: any, colDef: GridStateColDef<R, V>, apiRef: React.MutableRefObject<GridApiCommunity>) => null | GridApplyQuickFilter<R, V>;
-export type GridValueGetter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V, TValue = never> = (value: TValue, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => V;
-export type GridValueFormatter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V, TValue = never> = (value: TValue, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => F;
-export type GridValueSetter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => R;
-export type GridValueParser<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: F | undefined, row: R | undefined, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => V;
-export type GridColSpanFn<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => number | undefined;
+export type GridApplyQuickFilter<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: V, row: R, column: GridColDef, apiRef: RefObject<GridApiCommunity>) => boolean;
+export type GetApplyQuickFilterFn<R extends GridValidRowModel = GridValidRowModel, V = any> = (value: any, colDef: GridStateColDef<R, V>, apiRef: RefObject<GridApiCommunity>) => null | GridApplyQuickFilter<R, V>;
+export type GridValueGetter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V, TValue = never> = (value: TValue, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => V;
+export type GridValueFormatter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V, TValue = never> = (value: TValue, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => F;
+export type GridValueSetter<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => R;
+export type GridValueParser<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: F | undefined, row: R | undefined, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => V;
+export type GridColSpanFn<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => number | undefined;
 /**
  * Column Definition base interface.
  */
 export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> {
     /**
-     * The column identifier. It's used to map with [[GridRowModel]] values.
+     * The unique identifier of the column. Used to map with [[GridRowModel]] values.
      */
     field: string;
     /**
-     * The title of the column rendered in the column header cell.
+     * The title displayed in the column header cell.
      */
     headerName?: string;
     /**
-     * The description of the column rendered as tooltip if the column header name is not fully displayed.
+     * The tooltip text shown when the column header name is truncated.
      */
     description?: string;
     /**
-     * Set the width of the column.
+     * The width of the column in pixels.
      * @default 100
      */
     width?: number;
     /**
-     * If set, it indicates that a column has fluid width. Range [0, ∞).
+     * The flex grow factor of the column. Must be a positive number.
      */
     flex?: number;
     /**
-     * Sets the minimum width of a column.
+     * The minimum width of the column in pixels.
      * @default 50
      */
     minWidth?: number;
     /**
-     * Sets the maximum width of a column.
+     * The maximum width of the column in pixels.
      * @default Infinity
      */
     maxWidth?: number;
     /**
-     * If `false`, removes the buttons for hiding this column.
+     * If `false`, removes the option to hide this column.
      * @default true
      */
     hideable?: boolean;
     /**
-     * If `true`, the column is sortable.
+     * If `false`, disables sorting for this column.
      * @default true
      */
     sortable?: boolean;
@@ -81,7 +82,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortingOrder?: readonly GridSortDirection[];
     /**
-     * If `true`, the column is resizable.
+     * If `false`, disables resizing for this column.
      * @default true
      */
     resizable?: boolean;
@@ -109,7 +110,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     sortComparator?: GridComparatorFn<V>;
     /**
-     * Allows to use a different comparator function depending on the sort direction.
+     * Provide an alternative comparator function for sorting.
      * Takes precedence over `sortComparator`.
      * @param {GridSortDirection} sortDirection The direction of the sort.
      * @returns {GridComparatorFn<V>} The comparator function to use.
@@ -122,25 +123,25 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     type?: GridColType;
     /**
-     * Allows to align the column values in cells.
+     * Align cell content.
      */
     align?: GridAlignment;
     /**
-     * Function that allows to get a specific data instead of field to render in the cell.
+     * Function that returns specific data to render in the cell instead of using the field value.
      */
     valueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to provide a specific value to be used in row spanning.
+     * Function that returns a specific value to be used in row spanning.
      */
     rowSpanValueGetter?: GridValueGetter<R, V, F>;
     /**
-     * Function that allows to customize how the entered value is stored in the row.
-     * It only works with cell/row editing.
+     * Function that customizes how the entered value is stored in the row.
+     * Only works with cell/row editing.
      * @returns {R} The row with the updated field.
      */
     valueSetter?: GridValueSetter<R, V, F>;
     /**
-     * Function that allows to apply a formatter before rendering its value.
+     * Formats the cell value before rendering.
      */
     valueFormatter?: GridValueFormatter<R, V, F>;
     /**
@@ -149,7 +150,7 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     valueParser?: GridValueParser<R, V, F>;
     /**
-     * Class name that will be added in cells for that column.
+     * Class name added to cells in this column.
      */
     cellClassName?: GridCellClassNamePropType<R, V>;
     /**
@@ -159,38 +160,38 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      */
     display?: 'text' | 'flex';
     /**
-     * Allows to override the component rendered as cell for this column.
+     * Override the component rendered as cell for this column.
      * @template R, V, F
      * @param {GridRenderCellParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderCell?: (params: GridRenderCellParams<R, V, F>) => React.ReactNode;
     /**
-     * Allows to override the component rendered in edit cell mode for this column.
+     * Override the component rendered in edit cell mode for this column.
      * @param {GridRenderEditCellParams} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderEditCell?: (params: GridRenderEditCellParams<R, V, F>) => React.ReactNode;
     /**
      * Callback fired when the edit props of the cell changes.
-     * It allows to process the props that saved into the state.
+     * Processes the props before being saved into the state.
      * @param {GridPreProcessEditCellProps} params Object containing parameters of the cell being edited.
      * @returns {GridEditCellProps | Promise<GridEditCellProps>} The new edit cell props.
      */
     preProcessEditCellProps?: (params: GridPreProcessEditCellProps) => GridEditCellProps | Promise<GridEditCellProps>;
     /**
-     * Class name that will be added in the column header cell.
+     * Class name added to the column header cell.
      */
     headerClassName?: GridColumnHeaderClassNamePropType;
     /**
-     * Allows to render a component in the column header cell.
+     * Override the component rendered in the column header cell.
      * @template R, V, F
      * @param {GridColumnHeaderParams<R, V, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
     renderHeader?: (params: GridColumnHeaderParams<R, V, F>) => React.ReactNode;
     /**
-     * Header cell element alignment.
+     * Align column header content.
      */
     headerAlign?: GridAlignment;
     /**
@@ -211,13 +212,13 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
     /**
      * Allows setting the filter operators for this column.
      */
-    filterOperators?: readonly GridFilterOperator<R, V, F>[];
+    filterOperators?: readonly GridFilterOperator<R, V, F, any>[];
     /**
      * The callback that generates a filtering function for a given quick filter value.
      * This function can return `null` to skip filtering for this value and column.
      * @param {any} value The value with which we want to filter the column.
      * @param {GridStateColDef} colDef The column from which we want to filter the rows.
-     * @param {React.MutableRefObject<GridApiCommunity>} apiRef Deprecated: The API of the grid.
+     * @param {RefObject<GridApiCommunity>} apiRef Deprecated: The API of the grid.
      * @returns {null | GridApplyQuickFilter} The function to call to check if a row pass this filter value or not.
      */
     getApplyQuickFilterFn?: GetApplyQuickFilterFn<R, V>;

package/models/controlStateItem.d.ts

@@ -2,10 +2,10 @@ import { GridCallbackDetails } from './api/gridCallbackDetails';
 import type { GridEventLookup, GridControlledStateEventLookup } from './events';
 import type { OutputSelector } from '../utils/createSelector';
 import { GridStateCommunity } from './gridStateCommunity';
-export interface GridControlStateItem<State extends GridStateCommunity, E extends keyof GridControlledStateEventLookup> {
+export interface GridControlStateItem<State extends GridStateCommunity, Args, E extends keyof GridControlledStateEventLookup> {
     stateId: string;
     propModel?: GridEventLookup[E]['params'];
-    stateSelector: OutputSelector<State, GridControlledStateEventLookup[E]['params']> | ((state: State) => GridControlledStateEventLookup[E]['params']);
+    stateSelector: OutputSelector<State, Args, GridControlledStateEventLookup[E]['params']> | ((state: State) => GridControlledStateEventLookup[E]['params']);
     propOnChange?: (model: GridControlledStateEventLookup[E]['params'], details: GridCallbackDetails) => void;
     changeEvent: E;
 }

package/models/events/gridEventLookup.d.ts

@@ -399,6 +399,7 @@ export interface GridControlledStateEventLookup {
 export interface GridControlledStateReasonLookup {
     filter: 'upsertFilterItem' | 'upsertFilterItems' | 'deleteFilterItem' | 'changeLogicOperator' | 'restoreState' | 'removeAllFilterItems';
     pagination: 'setPaginationModel' | 'stateRestorePreProcessing';
+    rows: 'addSkeletonRows';
 }
 export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEventLookup, GridHeaderFilterEventLookup, GridColumnGroupHeaderEventLookup, GridCellEventLookup, GridControlledStateEventLookup {
     /**
@@ -583,7 +584,12 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
      * Fired when the content size used by the `GridVirtualScroller` changes.
      * @ignore - do not document.
      */
-    virtualScrollerContentSizeChange: {};
+    virtualScrollerContentSizeChange: {
+        params: {
+            columnsTotalWidth: number;
+            contentHeight: number;
+        };
+    };
     /**
      * Fired when the content is scrolled by the mouse wheel.
      * It's attached to the "mousewheel" event.

package/models/gridBaseSlots.d.ts

@@ -0,0 +1,95 @@
+type Ref<T = HTMLElement> = React.RefCallback<T | null> | React.RefObject<T | null> | null;
+export type BadgeProps = {
+    badgeContent?: React.ReactNode;
+    children: React.ReactNode;
+    color?: 'primary' | 'default' | 'error';
+    invisible?: boolean;
+    overlap?: 'circular';
+    variant?: 'dot';
+    style?: React.CSSProperties;
+};
+export type ButtonProps = {
+    ref?: Ref;
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    role?: string;
+    size?: 'small' | 'medium' | 'large';
+    startIcon?: React.ReactNode;
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    title?: string;
+    touchRippleRef?: any;
+};
+export type IconButtonProps = Omit<ButtonProps, 'startIcon'> & {
+    label?: string;
+    color?: 'default' | 'inherit' | 'primary';
+    edge?: 'start' | 'end' | false;
+};
+export type DividerProps = {};
+export type MenuItemProps = {
+    autoFocus?: boolean;
+    children?: React.ReactNode;
+    /** For items that aren't interactive themselves (but may contain an interactive widget) */
+    inert?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    iconStart?: React.ReactNode;
+    iconEnd?: React.ReactNode;
+    selected?: boolean;
+    value?: number | string | readonly string[];
+    style?: React.CSSProperties;
+};
+export type CircularProgressProps = {
+    /**
+     * Pixels or CSS value.
+     * @default 40
+     */
+    size?: number | string;
+    /** @default 'primary' */
+    color?: 'inherit' | 'primary';
+};
+export type LinearProgressProps = {};
+export type SkeletonProps = {
+    variant?: 'circular' | 'text';
+    width?: number | string;
+    height?: number | string;
+};
+export type TextFieldProps = {
+    autoComplete?: string;
+    className?: string;
+    color?: 'primary' | 'error';
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    helperText?: string | null;
+    id?: string;
+    inputRef?: React.Ref<HTMLInputElement>;
+    label?: React.ReactNode;
+    onChange?: React.ChangeEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    placeholder?: string;
+    size?: 'small' | 'medium';
+    slotProps?: {
+        input?: {
+            disabled?: boolean;
+            endAdornment?: React.ReactNode;
+            startAdornment?: React.ReactNode;
+        };
+        inputLabel?: {};
+        htmlInput?: React.InputHTMLAttributes<HTMLInputElement>;
+    };
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    type?: React.HTMLInputTypeAttribute;
+    value?: string;
+};
+export type TooltipProps = {
+    children: React.ReactElement<any, any>;
+    enterDelay?: number;
+    title: React.ReactNode;
+};
+export {};

package/models/gridDataSource.d.ts

@@ -5,7 +5,7 @@ export interface GridGetRowsParams {
     /**
      * Alternate to `start` and `end`, maps to `GridPaginationModel` interface.
      */
-    paginationModel: GridPaginationModel;
+    paginationModel?: GridPaginationModel;
     /**
      * First row index to fetch (number) or cursor information (number | string).
      */

package/models/gridExport.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
 import { GridRowId } from './gridRows';
 import type { GridApiCommon } from './api';
 import type { GridApiCommunity } from './api/gridApiCommunity';
@@ -49,7 +49,7 @@ export interface GridGetRowsToExportParams<Api extends GridApiCommon = GridApiCo
     /**
      * The API of the grid.
      */
-    apiRef: React.MutableRefObject<Api>;
+    apiRef: RefObject<Api>;
 }
 export interface GridCsvGetRowsToExportParams<Api extends GridApiCommon = GridApiCommunity> extends GridGetRowsToExportParams<Api> {
 }

package/models/gridFilterInputComponent.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
+import { GridFilterItem } from './gridFilterItem';
+import type { GridApiCommon } from './api/gridApiCommon';
+import type { GridApiCommunity } from './api/gridApiCommunity';
+export type GridFilterInputSlotProps = {
+    size?: 'small' | 'medium';
+    label?: React.ReactNode;
+    placeholder?: string;
+};
+export type GridFilterInputValueProps<T extends GridFilterInputSlotProps = GridFilterInputSlotProps, Api extends GridApiCommon = GridApiCommunity> = {
+    item: GridFilterItem;
+    applyValue: (value: GridFilterItem) => void;
+    apiRef: RefObject<Api>;
+    inputRef?: React.Ref<HTMLElement | null>;
+    focusElementRef?: React.Ref<any>;
+    headerFilterMenu?: React.ReactNode;
+    clearButton?: React.ReactNode | null;
+    /**
+     * It is `true` if the filter either has a value or an operator with no value
+     * required is selected (for example `isEmpty`)
+     */
+    isFilterActive?: boolean;
+    onFocus?: React.FocusEventHandler;
+    onBlur?: React.FocusEventHandler;
+    tabIndex?: number;
+    disabled?: boolean;
+    className?: string;
+    slotProps?: {
+        root: T;
+    };
+};

package/models/gridFilterOperator.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
+import { RefObject } from '@mui/x-internals/types';
 import { GridFilterItem } from './gridFilterItem';
 import type { GridColDef } from './colDef/gridColDef';
 import type { GridValidRowModel } from './gridRows';
 import type { GridApiCommunity } from './api/gridApiCommunity';
-type ApplyFilterFn<R extends GridValidRowModel = any, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: React.MutableRefObject<GridApiCommunity>) => boolean;
+import type { GridFilterInputValueProps } from './gridFilterInputComponent';
+type ApplyFilterFn<R extends GridValidRowModel = any, V = any, F = V> = (value: V, row: R, column: GridColDef<R, V, F>, apiRef: RefObject<GridApiCommunity>) => boolean;
 export type GetApplyFilterFn<R extends GridValidRowModel = any, V = any, F = V> = (filterItem: GridFilterItem, column: GridColDef<R, V, F>) => null | ApplyFilterFn<R, V, F>;
 /**
  * Filter operator definition interface.
  * @demos
  *   - [Custom filter operator](/x/react-data-grid/filtering/customization/#create-a-custom-operator)
  */
-export interface GridFilterOperator<R extends GridValidRowModel = any, V = any, F = V> {
+export interface GridFilterOperator<R extends GridValidRowModel = any, V = any, F = V, I extends GridFilterInputValueProps<any> = GridFilterInputValueProps> {
     /**
      * The label of the filter operator.
      */
@@ -35,11 +37,11 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
     /**
      * The input component to render in the filter panel for this filter operator.
      */
-    InputComponent?: React.JSXElementConstructor<any>;
+    InputComponent?: React.JSXElementConstructor<I>;
     /**
      * The props to pass to the input component in the filter panel for this filter operator.
      */
-    InputComponentProps?: Record<string, any>;
+    InputComponentProps?: Partial<I>;
     /**
      * Converts the value of a filter item to a human-readable form.
      * @param {GridFilterItem['value']} value The filter item value.

package/models/gridIconSlotsComponent.d.ts

@@ -178,4 +178,9 @@ export interface GridIconSlotsComponent {
      * @default GridDragIcon
      */
     columnReorderIcon: React.JSXElementConstructor<any>;
+    /**
+     * Icon displayed to indicate that a menu item is selected.
+     * @default GridCheckIcon
+     */
+    menuItemCheckIcon: React.JSXElementConstructor<any>;
 }

package/models/gridSlotsComponent.d.ts

@@ -13,6 +13,11 @@ export interface GridBaseSlots {
      * @default Checkbox
      */
     baseCheckbox: React.JSXElementConstructor<GridSlotProps['baseCheckbox']>;
+    /**
+     * The custom CircularProgress component used in the grid.
+     * @default CircularProgress
+     */
+    baseCircularProgress: React.JSXElementConstructor<GridSlotProps['baseCircularProgress']>;
     /**
      * The custom Chip component used in the grid.
      * @default Chip
@@ -23,6 +28,11 @@ export interface GridBaseSlots {
      * @default Divider
      */
     baseDivider: React.JSXElementConstructor<GridSlotProps['baseDivider']>;
+    /**
+     * The custom LinearProgress component used in the grid.
+     * @default LinearProgress
+     */
+    baseLinearProgress: React.JSXElementConstructor<GridSlotProps['baseLinearProgress']>;
     /**
      * The custom MenuList component used in the grid.
      * @default MenuList
@@ -80,9 +90,14 @@ export interface GridBaseSlots {
     baseInputLabel: React.JSXElementConstructor<GridSlotProps['baseInputLabel']>;
     /**
      * The custom SelectOption component used in the grid.
-     * @default MenuItem
+     * @default SelectOption
      */
     baseSelectOption: React.JSXElementConstructor<GridSlotProps['baseSelectOption']>;
+    /**
+     * The custom Skeleton component used in the grid.
+     * @default Skeleton
+     */
+    baseSkeleton: React.JSXElementConstructor<GridSlotProps['baseSkeleton']>;
 }
 /**
  * Grid components React prop interface containing all the overridable components.

package/models/gridSlotsComponentsProps.d.ts

@@ -1,16 +1,17 @@
 import * as React from 'react';
-import type { BadgeProps } from '@mui/material/Badge';
+import type { BadgeProps as MUIBadgeProps } from '@mui/material/Badge';
+import type { ButtonProps as MUIButtonProps } from '@mui/material/Button';
 import type { CheckboxProps } from '@mui/material/Checkbox';
+import type { CircularProgressProps as MUICircularProgressProps } from '@mui/material/CircularProgress';
+import type { LinearProgressProps as MUILinearProgressProps } from '@mui/material/LinearProgress';
 import type { MenuListProps } from '@mui/material/MenuList';
-import type { MenuItemProps } from '@mui/material/MenuItem';
-import type { TextFieldProps } from '@mui/material/TextField';
+import type { MenuItemProps as MUIMenuItemProps } from '@mui/material/MenuItem';
 import type { FormControlProps } from '@mui/material/FormControl';
 import type { SelectProps } from '@mui/material/Select';
 import type { SwitchProps } from '@mui/material/Switch';
-import type { ButtonProps } from '@mui/material/Button';
-import type { IconButtonProps } from '@mui/material/IconButton';
+import type { IconButtonProps as MUIIconButtonProps } from '@mui/material/IconButton';
 import type { InputAdornmentProps } from '@mui/material/InputAdornment';
-import type { TooltipProps } from '@mui/material/Tooltip';
+import type { TooltipProps as MUITooltipProps } from '@mui/material/Tooltip';
 import type { InputLabelProps } from '@mui/material/InputLabel';
 import type { PopperProps } from '@mui/material/Popper';
 import type { TablePaginationProps } from '@mui/material/TablePagination';
@@ -33,13 +34,19 @@ import type { GridColumnsManagementProps } from '../components/columnsManagement
 import type { GridLoadingOverlayProps } from '../components/GridLoadingOverlay';
 import type { GridRowCountProps } from '../components/GridRowCount';
 import type { GridColumnHeaderSortIconProps } from '../components/columnHeaders/GridColumnHeaderSortIcon';
-type DividerProps = {};
+import type { BadgeProps, ButtonProps, CircularProgressProps, DividerProps, IconButtonProps, LinearProgressProps, MenuItemProps, SkeletonProps, TooltipProps, TextFieldProps } from './gridBaseSlots';
+type RootProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
+type MainProps = React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string>;
 export interface BaseBadgePropsOverrides {
 }
 export interface BaseCheckboxPropsOverrides {
 }
+export interface BaseCircularProgressPropsOverrides {
+}
 export interface BaseDividerPropsOverrides {
 }
+export interface BaseLinearProgressPropsOverrides {
+}
 export interface BaseMenuListPropsOverrides {
 }
 export interface BaseMenuItemPropsOverrides {
@@ -66,6 +73,8 @@ export interface BaseInputLabelPropsOverrides {
 }
 export interface BaseSelectOptionPropsOverrides {
 }
+export interface BaseSkeletonPropsOverrides {
+}
 export interface BaseChipPropsOverrides {
 }
 export interface CellPropsOverrides {
@@ -106,10 +115,12 @@ export interface SkeletonCellPropsOverrides {
 }
 export interface RowPropsOverrides {
 }
-export interface GridSlotProps {
+interface BaseSlotProps {
     baseBadge: BadgeProps & BaseBadgePropsOverrides;
     baseCheckbox: CheckboxProps & BaseCheckboxPropsOverrides;
+    baseCircularProgress: CircularProgressProps & BaseCircularProgressPropsOverrides;
     baseDivider: DividerProps & BaseDividerPropsOverrides;
+    baseLinearProgress: LinearProgressProps & BaseLinearProgressPropsOverrides;
     baseMenuList: MenuListProps & BaseMenuListPropsOverrides;
     baseMenuItem: MenuItemProps & BaseMenuItemPropsOverrides;
     baseTextField: TextFieldProps & BaseTextFieldPropsOverrides;
@@ -127,7 +138,19 @@ export interface GridSlotProps {
         value: any;
         children?: React.ReactNode;
     } & BaseSelectOptionPropsOverrides;
+    baseSkeleton: SkeletonProps & BaseSkeletonPropsOverrides;
     baseChip: ChipProps & BaseChipPropsOverrides;
+}
+interface MaterialSlotProps {
+    baseBadge: MUIBadgeProps;
+    baseButton: MUIButtonProps;
+    baseIconButton: MUIIconButtonProps;
+    baseLinearProgress: MUILinearProgressProps;
+    baseCircularProgress: MUICircularProgressProps;
+    baseMenuItem: MUIMenuItemProps;
+    baseTooltip: MUITooltipProps;
+}
+interface ElementSlotProps {
     cell: GridCellProps & CellPropsOverrides;
     columnHeaders: GridColumnHeadersProps;
     columnHeaderFilterIconButton: ColumnHeaderFilterIconButtonProps & ColumnHeaderFilterIconButtonPropsOverrides;
@@ -148,7 +171,20 @@ export interface GridSlotProps {
     row: GridRowProps & RowPropsOverrides;
     skeletonCell: GridSkeletonCellProps & SkeletonCellPropsOverrides;
     toolbar: GridToolbarProps & ToolbarPropsOverrides;
-}
+    /**
+     * Props passed to the `.main` (role="grid") element.
+     */
+    main: MainProps;
+    /**
+     * Props passed to the `.root` element.
+     */
+    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;
 /**
  * Overridable components props dynamically passed to the component at rendering.
  */

package/models/gridStateCommunity.d.ts

@@ -45,4 +45,8 @@ export interface GridInitialStateCommunity {
     columns?: GridColumnsInitialState;
     preferencePanel?: GridPreferencePanelInitialState;
     density?: GridDensityState;
+    scroll?: {
+        top: number;
+        left: number;
+    };
 }

package/models/index.d.ts

@@ -5,6 +5,7 @@ export * from './gridEditRowModel';
 export * from './gridFeatureMode';
 export * from './gridFilterItem';
 export * from './gridFilterModel';
+export type { GridFilterInputValueProps } from './gridFilterInputComponent';
 export * from './gridPaginationProps';
 export * from './gridRenderContextProps';
 export * from './gridRows';