@mui/x-data-grid 5.7.0 → 5.8.0

package/locales/daDK.js

@@ -6,7 +6,7 @@ const daDKGrid = {
   noResultsOverlayLabel: 'Ingen resultater',
   errorOverlayDefaultLabel: 'Der skete en fejl.',
   // Density selector toolbar button text
-  // toolbarDensity: 'Density',
+  toolbarDensity: 'Tæthed',
   toolbarDensityLabel: 'Tæthed',
   toolbarDensityCompact: 'Kompakt',
   toolbarDensityStandard: 'Standard',
@@ -15,7 +15,7 @@ const daDKGrid = {
   toolbarColumns: 'Kolonne',
   toolbarColumnsLabel: 'Vælg kolonne',
   // Filters toolbar button text
-  // toolbarFilters: 'Filters',
+  toolbarFilters: 'Filtre',
   toolbarFiltersLabel: 'Vis filtre',
   toolbarFiltersTooltipHide: 'Skjul filtre',
   toolbarFiltersTooltipShow: 'Vis filtre',
@@ -24,7 +24,7 @@ const daDKGrid = {
   // toolbarExport: 'Export',
   toolbarExportLabel: 'Eksporter',
   toolbarExportCSV: 'Download som CSV',
-  // toolbarExportPrint: 'Print',
+  toolbarExportPrint: 'Print',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Find kolonne',
   columnsPanelTextFieldPlaceholder: 'Kolonne titel',
@@ -34,11 +34,11 @@ const daDKGrid = {
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
   filterPanelDeleteIconLabel: 'Slet',
-  // filterPanelLinkOperator: 'Logic operator',
+  filterPanelLinkOperator: 'Logisk operator',
   filterPanelOperators: 'Operatorer',
   // TODO v6: rename to filterPanelOperator
-  // filterPanelOperatorAnd: 'And',
-  // filterPanelOperatorOr: 'Or',
+  filterPanelOperatorAnd: 'Og',
+  filterPanelOperatorOr: 'Eller',
   filterPanelColumns: 'Kolonne',
   filterPanelInputLabel: 'Værdi',
   filterPanelInputPlaceholder: 'Filter værdi',
@@ -47,46 +47,46 @@ const daDKGrid = {
   filterOperatorEquals: 'Lig med',
   filterOperatorStartsWith: 'Begynder med',
   filterOperatorEndsWith: 'Ender med',
-  filterOperatorIs: 'På',
-  filterOperatorNot: 'Ikke på',
+  filterOperatorIs: 'Er lig med',
+  filterOperatorNot: 'Er ikke lig med',
   filterOperatorAfter: 'Efter',
   filterOperatorOnOrAfter: 'På eller efter',
   filterOperatorBefore: 'Før',
   filterOperatorOnOrBefore: 'På eller før',
-  filterOperatorIsEmpty: 'Indeholder data',
-  filterOperatorIsNotEmpty: 'Indeholder ikke data',
-  // filterOperatorIsAnyOf: 'is any of',
+  filterOperatorIsEmpty: 'Indeholder ikke data',
+  filterOperatorIsNotEmpty: 'Indeholder data',
+  filterOperatorIsAnyOf: 'indeholder en af',
   // Filter values text
-  // filterValueAny: 'any',
-  // filterValueTrue: 'true',
-  // filterValueFalse: 'false',
+  filterValueAny: 'hvilken som helst',
+  filterValueTrue: 'positiv',
+  filterValueFalse: 'negativ',
   // Column menu text
-  // columnMenuLabel: 'Menu',
+  columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Vis Kolonner',
-  // columnMenuFilter: 'Filter',
+  columnMenuFilter: 'Filtre',
   columnMenuHideColumn: 'Skjul',
   columnMenuUnsort: 'Fjern sortering',
   columnMenuSortAsc: 'Sorter stigende',
   columnMenuSortDesc: 'Sorter faldende',
   // Column header text
-  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `${count} aktivt filter`,
+  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive filtre` : `Ét aktivt filter`,
   columnHeaderFiltersLabel: 'Vis filtre',
   columnHeaderSortIconLabel: 'Sorter',
   // Rows selected footer text
-  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rækker valgt` : `${count.toLocaleString()} række valgt`,
+  footerRowSelected: count => count !== 1 ? `${count.toLocaleString()} rækker valgt` : `Én række valgt`,
   // Total row amount footer text
-  footerTotalRows: 'Totale rækker:',
+  footerTotalRows: 'Antal rækker i alt:',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} af ${totalCount.toLocaleString()}`,
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Afkrydsningsvalg',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
+  checkboxSelectionSelectAllRows: 'Vælg alle rækker',
+  checkboxSelectionUnselectAllRows: 'Fravælg alle rækker',
+  checkboxSelectionSelectRow: 'Vælg række',
+  checkboxSelectionUnselectRow: 'Fravælg række',
   // Boolean cell text
-  // booleanCellTrueLabel: 'yes',
-  // booleanCellFalseLabel: 'no',
+  booleanCellTrueLabel: 'ja',
+  booleanCellFalseLabel: 'nej',
   // Actions cell more text
   actionsCellMore: 'mere',
   // Column pinning text
@@ -96,13 +96,13 @@ const daDKGrid = {
   // Tree Data
   treeDataGroupingHeaderName: 'Gruppering',
   treeDataExpand: 'Vis underelementer',
-  treeDataCollapse: 'Skjul underelementer' // Grouping columns
-  // groupingColumnHeaderName: 'Group',
-  // groupColumn: name => `Group by ${name}`,
-  // unGroupColumn: name => `Stop grouping by ${name}`,
+  treeDataCollapse: 'Skjul underelementer',
+  // Grouping columns
+  groupingColumnHeaderName: 'Gruppér',
+  groupColumn: name => `Gruppér efter ${name}`,
+  unGroupColumn: name => `Fjern gruppéring efter ${name}`,
   // Master/detail
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  expandDetailPanel: 'Udvid',
+  collapseDetailPanel: 'Kollaps'
 };
 export const daDK = getGridLocalization(daDKGrid, daDKCore);

package/models/api/gridApiCommon.d.ts

@@ -20,7 +20,7 @@ import { GridStateApi } from './gridStateApi';
 import { GridLoggerApi } from './gridLoggerApi';
 import { GridScrollApi } from './gridScrollApi';
 import { GridVirtualScrollerApi } from './gridVirtualScrollerApi';
-import type { GridPreProcessingApi } from '../../hooks/core/preProcessing';
+import type { GridPipeProcessingApi } from '../../hooks/core/pipeProcessing';
 import type { GridStrategyProcessingApi } from '../../hooks/core/strategyProcessing';
 import type { GridDimensionsApi } from '../../hooks/features/dimensions';
 import type { GridPaginationApi } from '../../hooks/features/pagination';
@@ -28,6 +28,6 @@ import type { GridStatePersistenceApi } from '../../hooks/features/statePersiste
 declare type GridStateApiUntyped = {
     [key in keyof (GridStateApi<any> & GridStatePersistenceApi<any>)]: any;
 };
-export interface GridApiCommon extends GridCoreApi, GridLoggerApi, GridPreProcessingApi, GridStrategyProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridVirtualScrollerApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridStateApiUntyped {
+export interface GridApiCommon extends GridCoreApi, GridLoggerApi, GridPipeProcessingApi, GridStrategyProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridDisableVirtualizationApi, GridVirtualScrollerApi, GridLocaleTextApi, GridClipboardApi, GridScrollApi, GridStateApiUntyped {
 }
 export {};

package/models/api/gridEditingApi.d.ts

@@ -1,4 +1,4 @@
-import { GridCellMode, GridRowMode, GridCellValue } from '../gridCell';
+import { GridCellMode, GridRowMode } from '../gridCell';
 import { GridEditRowsModel, GridEditCellProps } from '../gridEditRowModel';
 import { GridRowId } from '../gridRows';
 import { GridCellParams } from '../params/gridCellParams';
@@ -46,7 +46,7 @@ export interface GridEditingSharedApi {
     /**
      * @ignore - do not document.
      */
-    unstable_parseValue: (id: GridRowId, field: string, value: GridCellValue) => GridCellValue;
+    unstable_parseValue: (id: GridRowId, field: string, value: any) => any;
 }
 /**
  * The row editing API interface.

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`.
  */
@@ -33,7 +33,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
@@ -223,12 +228,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,7 @@ 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 { GridPipeProcessorGroup } from '../../hooks/core/pipeProcessing';
 import type { GridColumnVisibilityModel } from '../../hooks/features/columns';
 import type { GridStrategyProcessorName } from '../../hooks/core/strategyProcessing';
 import { GridRowEditStartParams, GridRowEditStopParams } from '../params/gridRowParams';
@@ -162,11 +162,11 @@ export interface GridEventLookup extends GridRowEventLookup, GridColumnHeaderEve
     debouncedResize: {
         params: ElementSize;
     };
-    preProcessorRegister: {
-        params: GridPreProcessingGroup;
+    pipeProcessorRegister: {
+        params: GridPipeProcessorGroup;
     };
-    preProcessorUnregister: {
-        params: GridPreProcessingGroup;
+    pipeProcessorUnregister: {
+        params: GridPipeProcessorGroup;
     };
     activeStrategyProcessorChange: {
         params: GridStrategyProcessorName;
@@ -261,4 +261,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

@@ -275,16 +275,14 @@ declare enum GridEvents {
     pinnedColumnsChange = "pinnedColumnsChange",
     /**
      * Fired when a pre-processor is registered.
-     * TODO: Rename `pipeProcessorRegister`
      * @ignore - do not document.
      */
-    preProcessorRegister = "preProcessorRegister",
+    pipeProcessorRegister = "pipeProcessorRegister",
     /**
      * Fired when a pre-processor is unregistered.
-     * TODO: Rename `pipeProcessorUnregister`
      * @ignore - do not document.
      */
-    preProcessorUnregister = "preProcessorUnregister",
+    pipeProcessorUnregister = "pipeProcessorUnregister",
     /**
      * Fired when a processor of the active strategy changes.
      * @ignore - do not document.
@@ -322,7 +320,15 @@ declare enum GridEvents {
      * Fired when the content size used by the `GridVirtualScroller` changes.
      * @ignore - do not document.
      */
-    virtualScrollerContentSizeChange = "virtualScrollerContentSizeChange"
+    virtualScrollerContentSizeChange = "virtualScrollerContentSizeChange",
+    /**
+     * 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

@@ -63,8 +63,8 @@ var GridEvents;
   GridEvents["columnsChange"] = "columnsChange";
   GridEvents["detailPanelsExpandedRowIdsChange"] = "detailPanelsExpandedRowIdsChange";
   GridEvents["pinnedColumnsChange"] = "pinnedColumnsChange";
-  GridEvents["preProcessorRegister"] = "preProcessorRegister";
-  GridEvents["preProcessorUnregister"] = "preProcessorUnregister";
+  GridEvents["pipeProcessorRegister"] = "pipeProcessorRegister";
+  GridEvents["pipeProcessorUnregister"] = "pipeProcessorUnregister";
   GridEvents["activeStrategyProcessorChange"] = "activeStrategyProcessorChange";
   GridEvents["strategyAvailabilityChange"] = "strategyAvailabilityChange";
   GridEvents["sortModelChange"] = "sortModelChange";
@@ -73,6 +73,8 @@ var GridEvents;
   GridEvents["stateChange"] = "stateChange";
   GridEvents["columnVisibilityChange"] = "columnVisibilityChange";
   GridEvents["virtualScrollerContentSizeChange"] = "virtualScrollerContentSizeChange";
+  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/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/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;