@mui/x-data-grid 5.7.0 → 5.10.0

package/models/api/gridParamsApi.d.ts

@@ -1,16 +1,16 @@
-import { GridCellValue } from '../gridCell';
-import { GridRowId } from '../gridRows';
+import { GridValidRowModel, GridRowId } from '../gridRows';
 import { GridCellParams } from '../params/gridCellParams';
 import { GridColumnHeaderParams } from '../params/gridColumnHeaderParams';
 import { GridRowParams } from '../params/gridRowParams';
 export interface GridParamsApi {
     /**
      * Gets the value of a cell at the given `id` and `field`.
+     * @template V
      * @param {GridRowId} id The id of the row.
      * @param {string} field The column field.
-     * @returns {GridCellValue} The cell value.
+     * @returns {v} The cell value.
      */
-    getCellValue: (id: GridRowId, field: string) => GridCellValue;
+    getCellValue: <V extends any = any>(id: GridRowId, field: string) => V;
     /**
      * Gets the underlying DOM element for a cell at the given `id` and `field`.
      * @param {GridRowId} id The id of the row.
@@ -24,7 +24,7 @@ export interface GridParamsApi {
      * @param {string} field The column field.
      * @returns {GridCellParams} The cell params.
      */
-    getCellParams: <V = any, R = any, F = V>(id: GridRowId, field: string) => GridCellParams<V, R, F>;
+    getCellParams: <V = any, R extends GridValidRowModel = any, F = V>(id: GridRowId, field: string) => GridCellParams<R, V, F>;
     /**
      * Gets the [[GridRowParams]] object that is passed as argument in events.
      * @param {GridRowId} id The id of the row.

package/models/api/gridRowApi.d.ts

@@ -1,4 +1,4 @@
-import { GridRowModel, GridRowId, GridRowModelUpdate, GridRowTreeNodeConfig } from '../gridRows';
+import { GridRowModel, GridRowId, GridRowModelUpdate, GridRowTreeNodeConfig, GridValidRowModel } from '../gridRows';
 /**
  * The Row API interface that is available in the grid `apiRef`.
  */
@@ -23,6 +23,12 @@ export interface GridRowApi {
      * @param {GridRowModel[]} rows The new rows.
      */
     setRows: (rows: GridRowModel[]) => void;
+    /**
+     * Moves a row from its original position to the position given by `targetIndex`.
+     * @param {GridRowId} rowId The row id
+     * @param {number} targetIndex The new position (0-based).
+     */
+    setRowIndex: (rowId: GridRowId, targetIndex: number) => void;
     /**
      * Allows to updates, insert and delete rows in a single call.
      * @param {GridRowModelUpdate[]} updates An array of rows with an `action` specifying what to do.
@@ -33,7 +39,7 @@ export interface GridRowApi {
      * @param {GridRowId} id The id of the row.
      * @returns {GridRowModel} The row data.
      */
-    getRow: (id: GridRowId) => GridRowModel | null;
+    getRow: <R extends GridValidRowModel = any>(id: GridRowId) => R | null;
     /**
      * Gets the row node from the internal tree structure.
      * @param {GridRowId} id The id of the row.

package/models/colDef/gridColDef.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { GridCellValue } from '../gridCell';
 import { GridCellClassNamePropType } from '../gridCellClass';
 import { GridColumnHeaderClassNamePropType } from '../gridColumnHeaderClass';
 import { GridFilterOperator } from '../gridFilterOperator';
@@ -10,8 +9,8 @@ import { GridColType, GridNativeColTypes } from './gridColType';
 import { GridRowParams } from '../params/gridRowParams';
 import { GridValueOptionsParams } from '../params/gridValueOptionsParams';
 import { GridActionsCellItemProps } from '../../components/cell/GridActionsCellItem';
-import { GridRowModel } from '../gridRows';
 import { GridEditCellProps } from '../gridEditRowModel';
+import type { GridValidRowModel } from '../gridRows';
 /**
  * Alignment used in position elements in Cells.
  */
@@ -27,7 +26,7 @@ export declare type GridKeyValue = string | number | boolean;
 /**
  * Column Definition interface.
  */
-export interface GridColDef {
+export interface GridColDef<R extends GridValidRowModel = any, V = any, F = V> {
     /**
      * The column identifier. It's used to map with [[GridRowModel]] values.
      */
@@ -103,7 +102,7 @@ export interface GridColDef {
     /**
      * A comparator function used to sort rows.
      */
-    sortComparator?: GridComparatorFn;
+    sortComparator?: GridComparatorFn<V>;
     /**
      * Type allows to merge this object with a default definition [[GridColDef]].
      * @default 'string'
@@ -112,53 +111,58 @@ export interface GridColDef {
     /**
      * To be used in combination with `type: 'singleSelect'`. This is an array (or a function returning an array) of the possible cell values and labels.
      */
-    valueOptions?: Array<ValueOptions> | ((params: GridValueOptionsParams) => Array<ValueOptions>);
+    valueOptions?: Array<ValueOptions> | ((params: GridValueOptionsParams<R>) => Array<ValueOptions>);
     /**
      * Allows to align the column values in cells.
      */
     align?: GridAlignment;
     /**
      * Function that allows to get a specific data instead of field to render in the cell.
-     * @param {GridValueGetterParams} params Object containing parameters for the getter.
-     * @returns {GridCellValue} The cell value.
+     * @template R, V
+     * @param {GridValueGetterParams<any, R>} params Object containing parameters for the getter.
+     * @returns {V} The cell value.
      */
-    valueGetter?: (params: GridValueGetterParams) => GridCellValue;
+    valueGetter?: (params: GridValueGetterParams<any, R>) => V;
     /**
      * Function that allows to customize how the entered value is stored in the row.
      * It only works with cell/row editing.
-     * @param {GridValueSetterParams} params Object containing parameters for the setter.
-     * @returns {GridRowModel} The row with the updated field.
+     * @template R, V
+     * @param {GridValueSetterParams<R, V>} params Object containing parameters for the setter.
+     * @returns {R} The row with the updated field.
      */
-    valueSetter?: (params: GridValueSetterParams) => GridRowModel;
+    valueSetter?: (params: GridValueSetterParams<R, V>) => R;
     /**
      * Function that allows to apply a formatter before rendering its value.
-     * @param {GridValueFormatterParams} params Object containing parameters for the formatter.
-     * @returns {GridCellValue} The formatted value.
+     * @template V, F
+     * @param {GridValueFormatterParams<V>} params Object containing parameters for the formatter.
+     * @returns {F} The formatted value.
      */
-    valueFormatter?: (params: GridValueFormatterParams) => GridCellValue;
+    valueFormatter?: (params: GridValueFormatterParams<V>) => F;
     /**
      * Function that takes the user-entered value and converts it to a value used internally.
-     * @param {GridCellValue} value The user-entered value.
-     * @param {GridCellParams} params The params when called before saving the value.
-     * @returns {GridCellValue} The converted value to use internally.
+     * @template R, V, F
+     * @param {F | undefined} value The user-entered value.
+     * @param {GridCellParams<V, R, F>} params The params when called before saving the value.
+     * @returns {V} The converted value to use internally.
      */
-    valueParser?: (value: GridCellValue, params?: GridCellParams) => GridCellValue;
+    valueParser?: (value: F | undefined, params?: GridCellParams<V, R, F>) => V;
     /**
      * Class name that will be added in cells for that column.
      */
     cellClassName?: GridCellClassNamePropType;
     /**
      * Allows to override the component rendered as cell for this column.
-     * @param {GridRenderCellParams} params Object containing parameters for the renderer.
+     * @template R, V, F
+     * @param {GridRenderCellParams<V, R, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
-    renderCell?: (params: GridRenderCellParams) => React.ReactNode;
+    renderCell?: (params: GridRenderCellParams<V, R, F>) => React.ReactNode;
     /**
      * Allows to 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) => React.ReactNode;
+    renderEditCell?: (params: GridRenderEditCellParams<V>) => React.ReactNode;
     /**
      * Callback fired when the edit props of the cell changes.
      * It allows to process the props that saved into the state.
@@ -172,10 +176,11 @@ export interface GridColDef {
     headerClassName?: GridColumnHeaderClassNamePropType;
     /**
      * Allows to render a component in the column header cell.
-     * @param {GridColumnHeaderParams} params Object containing parameters for the renderer.
+     * @template V, R, F
+     * @param {GridColumnHeaderParams<V, R, F>} params Object containing parameters for the renderer.
      * @returns {React.ReactNode} The element to be rendered.
      */
-    renderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;
+    renderHeader?: (params: GridColumnHeaderParams<V, R, F>) => React.ReactNode;
     /**
      * Header cell element alignment.
      */
@@ -198,7 +203,7 @@ export interface GridColDef {
     /**
      * Allows setting the filter operators for this column.
      */
-    filterOperators?: GridFilterOperator[];
+    filterOperators?: GridFilterOperator<R, V, F>[];
     /**
      * If `true`, this column cannot be reordered.
      * @default false
@@ -209,6 +214,11 @@ export interface GridColDef {
      * @default false
      */
     disableExport?: boolean;
+    /**
+     * Number of columns a cell should span.
+     * @default 1
+     */
+    colSpan?: number | ((params: GridCellParams<V, R, F>) => number | undefined);
 }
 export interface GridActionsColDef extends GridColDef {
     /**
@@ -223,12 +233,12 @@ export interface GridActionsColDef extends GridColDef {
      */
     getActions: (params: GridRowParams) => React.ReactElement<GridActionsCellItemProps>[];
 }
-export declare type GridEnrichedColDef = GridColDef | GridActionsColDef;
-export declare type GridColumns = GridEnrichedColDef[];
-export declare type GridColTypeDef = Omit<GridColDef, 'field'> & {
+export declare type GridEnrichedColDef<R extends GridValidRowModel = any, V = any, F = V> = GridColDef<R, V, F> | GridActionsColDef;
+export declare type GridColumns<R extends GridValidRowModel = any> = GridEnrichedColDef<R>[];
+export declare type GridColTypeDef<V = any, F = V> = Omit<GridColDef<V, any, F>, 'field'> & {
     extendType?: GridNativeColTypes;
 };
-export declare type GridStateColDef = GridEnrichedColDef & {
+export declare type GridStateColDef<R extends GridValidRowModel = any, V = any, F = V> = GridEnrichedColDef<R, V, F> & {
     computedWidth: number;
     /**
      * If `true`, it means that at least one of the dimension's property of this column has been modified since the last time the column prop has changed.

package/models/colDef/index.d.ts

@@ -1,4 +1,3 @@
 export * from './gridColDef';
 export * from './gridColType';
 export * from './gridColumnTypesRecord';
-export * from './gridDefaultColumnTypes';

package/models/colDef/index.js

@@ -2,5 +2,4 @@
 export * from './gridColDef'; // Other types
 
 export * from './gridColType';
-export * from './gridColumnTypesRecord';
-export * from './gridDefaultColumnTypes';
+export * from './gridColumnTypesRecord';

package/models/events/gridEventLookup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { GridCellEditCommitParams, GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridColumnVisibilityChangeParams, GridEditCellPropsParams, GridHeaderSelectionCheckboxParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams } from '../params';
+import type { GridCellEditCommitParams, GridColumnHeaderParams, GridColumnOrderChangeParams, GridColumnResizeParams, GridColumnVisibilityChangeParams, GridEditCellPropsParams, GridHeaderSelectionCheckboxParams, GridPreferencePanelParams, GridRowParams, GridRowSelectionCheckboxParams, GridScrollParams } from '../params';
 import { GridCellEditStartParams, GridCellEditStopParams } from '../params/gridEditCellParams';
 import { GridCellParams } from '../params/gridCellParams';
 import type { GridFilterModel } from '../gridFilterModel';
@@ -9,7 +9,6 @@ import type { GridSelectionModel } from '../gridSelectionModel';
 import type { ElementSize } from '../elementSize';
 import type { MuiBaseEvent } from '../muiEvent';
 import type { GridRowId, GridRowTreeNodeConfig } from '../gridRows';
-import type { GridPreProcessingGroup } from '../../hooks/core/preProcessing';
 import type { GridColumnVisibilityModel } from '../../hooks/features/columns';
 import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcessing';
 import { GridRowEditStartParams, GridRowEditStopParams } from '../params/gridRowParams';
@@ -30,6 +29,18 @@ export interface GridRowEventLookup {
         params: GridRowParams;
         event: React.MouseEvent<HTMLElement>;
     };
+    rowDragStart: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
+    rowDragOver: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
+    rowDragEnd: {
+        params: GridRowParams;
+        event: React.DragEvent<HTMLElement>;
+    };
 }
 export interface GridColumnHeaderEventLookup {
     columnHeaderClick: {
@@ -162,12 +173,6 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
     debouncedResize: {
         params: ElementSize;
     };
-    preProcessorRegister: {
-        params: GridPreProcessingGroup;
-    };
-    preProcessorUnregister: {
-        params: GridPreProcessingGroup;
-    };
     activeStrategyProcessorChange: {
         params: GridStrategyProcessorName;
     };
@@ -200,7 +205,8 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         params: GridColumnOrderChangeParams;
     };
     rowsSet: {};
-    visibleRowsSet: {};
+    filteredRowsSet: {};
+    sortedRowsSet: {};
     rowExpansionChange: {
         params: GridRowTreeNodeConfig;
     };
@@ -252,8 +258,17 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
     };
     rowsScroll: {
         params: GridScrollParams;
+        event: React.UIEvent | MuiBaseEvent;
     };
     virtualScrollerContentSizeChange: {};
+    virtualScrollerWheel: {
+        params: {};
+        event: React.WheelEvent;
+    };
+    virtualScrollerTouchMove: {
+        params: {};
+        event: React.TouchEvent;
+    };
     headerSelectionCheckboxChange: {
         params: GridHeaderSelectionCheckboxParams;
     };
@@ -261,4 +276,10 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
         params: GridRowSelectionCheckboxParams;
         event: React.ChangeEvent<HTMLElement>;
     };
+    preferencePanelClose: {
+        params: GridPreferencePanelParams;
+    };
+    preferencePanelOpen: {
+        params: GridPreferencePanelParams;
+    };
 }

package/models/events/gridEvents.d.ts

@@ -93,7 +93,7 @@ declare enum GridEvents {
      */
     rowEditCommit = "rowEditCommit",
     /**
-     * Fired when a [navigation key](/components/data-grid/accessibility#keyboard-navigation) is pressed in a cell.
+     * Fired when a [navigation key](/x/react-data-grid/accessibility#keyboard-navigation) is pressed in a cell.
      * @ignore - do not document.
      */
     cellNavigationKeyDown = "cellNavigationKeyDown",
@@ -118,6 +118,22 @@ declare enum GridEvents {
      * Fired when the row editing model changes.
      */
     editRowsModelChange = "editRowsModelChange",
+    /**
+     * Fired when the user starts dragging a row. It's mapped to the `dragstart` DOM event.
+     * @ignore - do not document.
+     */
+    rowDragStart = "rowDragStart",
+    /**
+     * Fired while an element or text selection is dragged over the row.
+     * It's mapped to the `dragover` DOM event.
+     * @ignore - do not document.
+     */
+    rowDragOver = "rowDragOver",
+    /**
+     * Fired when the dragging of a row ends.
+     * @ignore - do not document.
+     */
+    rowDragEnd = "rowDragEnd",
     /**
      * Fired when a column header loses focus.
      * @ignore - do not document.
@@ -129,7 +145,7 @@ declare enum GridEvents {
      */
     columnHeaderFocus = "columnHeaderFocus",
     /**
-     * Fired when a [navigation key](/components/data-grid/accessibility#keyboard-navigation) is pressed in a column header.
+     * Fired when a [navigation key](/x/react-data-grid/accessibility#keyboard-navigation) is pressed in a column header.
      * @ignore - do not document.
      */
     columnHeaderNavigationKeyDown = "columnHeaderNavigationKeyDown",
@@ -244,6 +260,10 @@ declare enum GridEvents {
      * Fired when the user ends reordering a column.
      */
     columnOrderChange = "columnOrderChange",
+    /**
+     * Fired when the user ends reordering a row.
+     */
+    rowOrderChange = "rowOrderChange",
     /**
      * Fired when the rows are updated.
      * @ignore - do not document.
@@ -255,10 +275,15 @@ declare enum GridEvents {
      */
     rowExpansionChange = "rowExpansionChange",
     /**
-     * Fired when the visible rows are updated
+     * Fired when the sorted rows are updated
+     * @ignore - do not document
+     */
+    sortedRowsSet = "sortedRowsSet",
+    /**
+     * Fired when the filtered rows are updated
      * @ignore - do not document.
      */
-    visibleRowsSet = "visibleRowsSet",
+    filteredRowsSet = "filteredRowsSet",
     /**
      * Fired when the columns state is changed.
      */
@@ -273,18 +298,6 @@ declare enum GridEvents {
      * @ignore - do not document.
      */
     pinnedColumnsChange = "pinnedColumnsChange",
-    /**
-     * Fired when a pre-processor is registered.
-     * TODO: Rename `pipeProcessorRegister`
-     * @ignore - do not document.
-     */
-    preProcessorRegister = "preProcessorRegister",
-    /**
-     * Fired when a pre-processor is unregistered.
-     * TODO: Rename `pipeProcessorUnregister`
-     * @ignore - do not document.
-     */
-    preProcessorUnregister = "preProcessorUnregister",
     /**
      * Fired when a processor of the active strategy changes.
      * @ignore - do not document.
@@ -322,7 +335,27 @@ declare enum GridEvents {
      * Fired when the content size used by the `GridVirtualScroller` changes.
      * @ignore - do not document.
      */
-    virtualScrollerContentSizeChange = "virtualScrollerContentSizeChange"
+    virtualScrollerContentSizeChange = "virtualScrollerContentSizeChange",
+    /**
+     * Fired when the content is scrolled by the mouse wheel.
+     * It's attached to the "mousewheel" event.
+     * @ignore - do not document.
+     */
+    virtualScrollerWheel = "virtualScrollerWheel",
+    /**
+     * Fired when the content is moved using a touch device.
+     * It's attached to the "touchmove" event.
+     * @ignore - do not document.
+     */
+    virtualScrollerTouchMove = "virtualScrollerTouchMove",
+    /**
+     * Fired when the preferences panel is closed.
+     */
+    preferencePanelClose = "preferencePanelClose",
+    /**
+     * Fired when the preferences panel is opened.
+     */
+    preferencePanelOpen = "preferencePanelOpen"
 }
 export declare type GridEventsStr = keyof GridEventLookup;
 export { GridEvents };

package/models/events/gridEvents.js

@@ -29,6 +29,9 @@ var GridEvents;
   GridEvents["rowMouseEnter"] = "rowMouseEnter";
   GridEvents["rowMouseLeave"] = "rowMouseLeave";
   GridEvents["editRowsModelChange"] = "editRowsModelChange";
+  GridEvents["rowDragStart"] = "rowDragStart";
+  GridEvents["rowDragOver"] = "rowDragOver";
+  GridEvents["rowDragEnd"] = "rowDragEnd";
   GridEvents["columnHeaderBlur"] = "columnHeaderBlur";
   GridEvents["columnHeaderFocus"] = "columnHeaderFocus";
   GridEvents["columnHeaderNavigationKeyDown"] = "columnHeaderNavigationKeyDown";
@@ -57,14 +60,14 @@ var GridEvents;
   GridEvents["columnResizeStart"] = "columnResizeStart";
   GridEvents["columnResizeStop"] = "columnResizeStop";
   GridEvents["columnOrderChange"] = "columnOrderChange";
+  GridEvents["rowOrderChange"] = "rowOrderChange";
   GridEvents["rowsSet"] = "rowsSet";
   GridEvents["rowExpansionChange"] = "rowExpansionChange";
-  GridEvents["visibleRowsSet"] = "visibleRowsSet";
+  GridEvents["sortedRowsSet"] = "sortedRowsSet";
+  GridEvents["filteredRowsSet"] = "filteredRowsSet";
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["preProcessorRegister"] = "preProcessorRegister";
-  GridEvents["preProcessorUnregister"] = "preProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";
@@ -73,6 +76,10 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  GridEvents["virtualScrollerWheel"] = "virtualScrollerWheel";
+  GridEvents["virtualScrollerTouchMove"] = "virtualScrollerTouchMove";
+  GridEvents["preferencePanelClose"] = "preferencePanelClose";
+  GridEvents["preferencePanelOpen"] = "preferencePanelOpen";
 })(GridEvents || (GridEvents = {}));
 
 export { GridEvents };

package/models/gridCell.d.ts

@@ -8,6 +8,7 @@ export declare type GridCellMode = 'edit' | 'view';
 export declare type GridRowMode = 'edit' | 'view';
 /**
  * The cell value type.
+ * @deprecated Use `any` or the V generic passed to most interfaces.
  */
 export declare type GridCellValue = string | number | boolean | Date | null | undefined | object;
 /**

package/models/gridColumnSpanning.d.ts

@@ -0,0 +1,12 @@
+export declare type GridColumnIndex = number;
+export declare type GridCellColSpanInfo = {
+    spannedByColSpan: true;
+    rightVisibleCellIndex: GridColumnIndex;
+    leftVisibleCellIndex: GridColumnIndex;
+} | {
+    spannedByColSpan: false;
+    cellProps: {
+        colSpan: number;
+        width: number;
+    };
+};

package/models/gridColumnSpanning.js

@@ -0,0 +1 @@
+export {};

package/models/gridEditRowModel.d.ts

@@ -1,5 +1,5 @@
 export interface GridEditCellProps<V = any> {
-    value: V;
+    value?: V | undefined;
     isValidating?: boolean;
     isProcessingProps?: boolean;
     [prop: string]: any;

package/models/gridFilterOperator.d.ts

@@ -5,10 +5,11 @@ import { GridFilterInputMultipleSingleSelectProps } from '../components/panel/fi
 import { GridFilterItem } from './gridFilterItem';
 import { GridCellParams } from './params/gridCellParams';
 import type { GridStateColDef } from './colDef/gridColDef';
+import type { GridValidRowModel } from './gridRows';
 /**
  * Filter operator definition interface.
  */
-export interface GridFilterOperator {
+export interface GridFilterOperator<R extends GridValidRowModel = any, V = any, F = V> {
     /**
      * The label of the filter operator.
      */
@@ -25,7 +26,7 @@ export interface GridFilterOperator {
      * @param {GridStateColDef} column The column from which we want to filter the rows.
      * @returns {null | ((params: GridCellParams) => boolean)} The function to call to check if a row poss this filter item or not.
      */
-    getApplyFilterFn: (filterItem: GridFilterItem, column: GridStateColDef) => null | ((params: GridCellParams) => boolean);
+    getApplyFilterFn: (filterItem: GridFilterItem, column: GridStateColDef<R, V, F>) => null | ((params: GridCellParams<V, R, F>) => boolean);
     /**
      * The input component to render in the filter panel for this filter operator.
      */

package/models/gridIconSlotsComponent.d.ts

@@ -114,4 +114,9 @@ export interface GridIconSlotsComponent {
      * @default GridCloseIcon
      */
     FilterPanelDeleteIcon: React.JSXElementConstructor<any>;
+    /**
+     * Icon displayed on the `reorder` column type to reorder a row.
+     * @default GridDragIcon
+     */
+    RowReorderIcon: React.JSXElementConstructor<any>;
 }

package/models/gridRows.d.ts

@@ -1,17 +1,16 @@
 import type { GridKeyValue } from './colDef/gridColDef';
-export declare type GridRowsProp = Readonly<GridRowModel[]>;
+export declare type GridValidRowModel = {
+    [key: string]: any;
+};
+export declare type GridRowsProp<R = any> = Readonly<GridRowModel<R>[]>;
 /**
  * @deprecated prefer GridRowModel.
  */
-export declare type GridRowData<T = {
-    [key: string]: any;
-}> = T;
+export declare type GridRowData = GridValidRowModel;
 /**
  * The key value object representing the data of a row.
  */
-export declare type GridRowModel<T = {
-    [key: string]: any;
-}> = T;
+export declare type GridRowModel<R extends GridValidRowModel = any> = R;
 export declare type GridUpdateAction = 'delete';
 export interface GridRowModelUpdate extends GridRowModel {
     _action?: GridUpdateAction;
@@ -68,12 +67,12 @@ export interface GridRowsMeta {
     positions: number[];
 }
 export declare type GridRowTreeConfig = Record<GridRowId, GridRowTreeNodeConfig>;
-export declare type GridRowsLookup = Record<GridRowId, GridRowModel>;
+export declare type GridRowsLookup<R extends GridValidRowModel = any> = Record<GridRowId, R>;
 /**
  * The type of Id supported by the grid.
  */
 export declare type GridRowId = string | number;
-export interface GridRowEntry {
+export interface GridRowEntry<R extends GridValidRowModel = any> {
     /**
      * The row id.
      */
@@ -81,16 +80,9 @@ export interface GridRowEntry {
     /**
      * The row model.
      */
-    model: GridRowModel;
+    model: R;
 }
 /**
  * The function to retrieve the id of a [[GridRowModel]].
  */
-export declare type GridRowIdGetter = (row: GridRowModel) => GridRowId;
-/**
- * An helper function to check if the id provided is valid.
- * @param {GridRowId} id Id as [[GridRowId]].
- * @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
- * @param {string} detailErrorMessage A custom error message to display for invalid IDs
- */
-export declare function checkGridRowIdIsValid(id: GridRowId, row: GridRowModel | Partial<GridRowModel>, detailErrorMessage?: string): void;
+export declare type GridRowIdGetter<R extends GridValidRowModel = any> = (row: R) => GridRowId;

package/models/gridRows.js

@@ -1,31 +1 @@
-/**
- * @deprecated prefer GridRowModel.
- */
-
-/**
- * The key value object representing the data of a row.
- */
-
-/**
- * The grid rows total height and row positions.
- */
-
-/**
- * The type of Id supported by the grid.
- */
-
-/**
- * The function to retrieve the id of a [[GridRowModel]].
- */
-
-/**
- * An helper function to check if the id provided is valid.
- * @param {GridRowId} id Id as [[GridRowId]].
- * @param {GridRowModel | Partial<GridRowModel>} row Row as [[GridRowModel]].
- * @param {string} detailErrorMessage A custom error message to display for invalid IDs
- */
-export function checkGridRowIdIsValid(id, row, detailErrorMessage = 'A row was provided without id in the rows prop:') {
-  if (id == null) {
-    throw new Error(['MUI: The data grid component requires all rows to have a unique `id` property.', 'Alternatively, you can use the `getRowId` prop to specify a custom id for each row.', detailErrorMessage, JSON.stringify(row)].join('\n'));
-  }
-}
+export {};

package/models/gridSlotsComponent.d.ts

@@ -50,6 +50,11 @@ export interface GridSlotsComponent extends GridIconSlotsComponent {
      * @default GridCell
      */
     Cell: React.JSXElementConstructor<any>;
+    /**
+     * Filter icon component rendered in each column header.
+     * @default GridColumnHeaderFilterIconButton
+     */
+    ColumnHeaderFilterIconButton: React.JSXElementConstructor<any>;
     /**
      * Column menu component rendered by clicking on the 3 dots "kebab" icon in column headers.
      * @default GridColumnMenu

package/models/gridSlotsComponentsProps.d.ts

@@ -11,6 +11,7 @@ export interface GridSlotsComponentsProps {
     basePopper?: any;
     baseTooltip?: any;
     cell?: any;
+    columnHeaderFilterIconButton?: any;
     columnMenu?: any;
     columnsPanel?: any;
     errorOverlay?: any;