@mui/x-data-grid 6.5.0 → 6.7.0

package/locales/ptBR.js

@@ -60,12 +60,12 @@ const ptBRGrid = {
   filterOperatorIsEmpty: 'está vazio',
   filterOperatorIsNotEmpty: 'não está vazio',
   filterOperatorIsAnyOf: 'é qualquer um dos',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const ptBRGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'qualquer',

package/locales/roRO.js

@@ -60,12 +60,12 @@ const roROGrid = {
   filterOperatorIsEmpty: 'este gol',
   filterOperatorIsNotEmpty: 'nu este gol',
   filterOperatorIsAnyOf: 'este una din valori',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const roROGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'Aleatoriu',

package/locales/ruRU.js

@@ -69,12 +69,12 @@ const ruRUGrid = {
   filterOperatorIsEmpty: 'пустой',
   filterOperatorIsNotEmpty: 'не пустой',
   filterOperatorIsAnyOf: 'любой из',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -90,12 +90,12 @@ const ruRUGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'любой',

package/locales/skSK.js

@@ -68,12 +68,12 @@ const skSKGrid = {
   filterOperatorIsEmpty: 'je prázdny',
   filterOperatorIsNotEmpty: 'nie je prázdny',
   filterOperatorIsAnyOf: 'je jeden z',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -89,12 +89,12 @@ const skSKGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'akýkoľvek',

package/locales/svSE.js

@@ -60,12 +60,12 @@ const svSEGrid = {
   filterOperatorIsEmpty: 'är tom',
   filterOperatorIsNotEmpty: 'är inte tom',
   filterOperatorIsAnyOf: 'är någon av',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const svSEGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'något',

package/locales/trTR.js

@@ -60,18 +60,17 @@ const trTRGrid = {
   filterOperatorIsEmpty: 'boş',
   filterOperatorIsNotEmpty: 'dolu',
   filterOperatorIsAnyOf: 'herhangi biri',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
+  headerFilterOperatorContains: 'Şunu içerir',
+  headerFilterOperatorEquals: 'Şuna eşittir',
+  headerFilterOperatorStartsWith: 'Şununla başlar',
+  headerFilterOperatorEndsWith: 'Şununla biter',
   // headerFilterOperatorIs: 'Is',
   // headerFilterOperatorNot: 'Is not',
   // headerFilterOperatorAfter: 'Is after',
@@ -81,12 +80,12 @@ const trTRGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'herhangi',
@@ -96,9 +95,9 @@ const trTRGrid = {
   columnMenuLabel: 'Menü',
   columnMenuShowColumns: 'Sütunları göster',
   columnMenuManageColumns: 'Sütunları yönet',
-  columnMenuFilter: 'Filtre uygula',
+  columnMenuFilter: 'Filtre Ekle',
   columnMenuHideColumn: 'Gizle',
-  columnMenuUnsort: 'Sıralama',
+  columnMenuUnsort: 'Varsayılan Sıralama',
   columnMenuSortAsc: 'Sırala - Artan',
   columnMenuSortDesc: 'Sırala - Azalan',
   // Column header text

package/locales/ukUA.js

@@ -74,12 +74,12 @@ const ukUAGrid = {
   filterOperatorIsEmpty: 'порожній',
   filterOperatorIsNotEmpty: 'не порожній',
   filterOperatorIsAnyOf: 'будь-що із',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -95,12 +95,12 @@ const ukUAGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'будь-який',

package/locales/urPK.js

@@ -60,12 +60,12 @@ const urPKGrid = {
   filterOperatorIsEmpty: 'خالی ہے',
   filterOperatorIsNotEmpty: 'خالی نہیں ہے',
   filterOperatorIsAnyOf: 'ان میں سے کوئی ہے',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const urPKGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'کوئی بھی',

package/locales/viVN.js

@@ -60,12 +60,12 @@ const viVNGrid = {
   filterOperatorIsEmpty: 'Rỗng',
   filterOperatorIsNotEmpty: 'Khác rỗng',
   // filterOperatorIsAnyOf: 'is any of',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const viVNGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: 'bất kỳ giá trị nào',

package/locales/zhCN.js

@@ -60,12 +60,12 @@ const zhCNGrid = {
   filterOperatorIsEmpty: '为空',
   filterOperatorIsNotEmpty: '不为空',
   filterOperatorIsAnyOf: '属于',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const zhCNGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: '任何',

package/locales/zhTW.js

@@ -60,12 +60,12 @@ const zhTWGrid = {
   filterOperatorIsEmpty: '為空',
   filterOperatorIsNotEmpty: '不為空',
   filterOperatorIsAnyOf: '是其中之一',
-  // filterOperator=: '=',
-  // filterOperator!=: '!=',
-  // filterOperator>: '>',
-  // filterOperator>=: '>=',
-  // filterOperator<: '<',
-  // filterOperator<=: '<=',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
 
   // Header filter operators text
   // headerFilterOperatorContains: 'Contains',
@@ -81,12 +81,12 @@ const zhTWGrid = {
   // headerFilterOperatorIsEmpty: 'Is empty',
   // headerFilterOperatorIsNotEmpty: 'Is not empty',
   // headerFilterOperatorIsAnyOf: 'Is any of',
-  // headerFilterOperator=: 'Equals',
-  // headerFilterOperator!=: 'Not equals',
-  // headerFilterOperator>: 'Is greater than',
-  // headerFilterOperator>=: 'Is greater than or equal to',
-  // headerFilterOperator<: 'Is less than',
-  // headerFilterOperator<=: 'Is less than or equal to',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Greater than',
+  // 'headerFilterOperator>=': 'Greater than or equal to',
+  // 'headerFilterOperator<': 'Less than',
+  // 'headerFilterOperator<=': 'Less than or equal to',
 
   // Filter values text
   filterValueAny: '任何值',

package/material/components/MUISelectOption.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { GridSlotsComponentsProps } from '../../models/gridSlotsComponentsProps';
-export default function MUISelectOption({ native, ...props }: NonNullable<GridSlotsComponentsProps['baseSelectOption']>): JSX.Element;
+export default function MUISelectOption({ native, ...props }: NonNullable<GridSlotsComponentsProps['baseSelectOption']>): React.JSX.Element;

package/models/api/gridFilterApi.d.ts

@@ -8,8 +8,10 @@ export interface GridFilterApi {
     /**
      * Shows the filter panel. If `targetColumnField` is given, a filter for this field is also added.
      * @param {string} targetColumnField The column field to add a filter.
+     * @param {string} panelId The unique panel id
+     * @param {string} labelId The unique button id
      */
-    showFilterPanel: (targetColumnField?: string) => void;
+    showFilterPanel: (targetColumnField?: string, panelId?: string, labelId?: string) => void;
     /**
      * Hides the filter panel.
      */

package/models/api/gridPreferencesPanelApi.d.ts

@@ -6,8 +6,10 @@ export interface GridPreferencesPanelApi {
     /**
      * Displays the preferences panel. The `newValue` argument controls the content of the panel.
      * @param {GridPreferencePanelsValue} newValue The panel to open. Use `"filters"` or `"columns"`.
+     * @param {string} panelId The unique panel id
+     * @param {string} labelId The unique button id
      */
-    showPreferences: (newValue: GridPreferencePanelsValue) => void;
+    showPreferences: (newValue: GridPreferencePanelsValue, panelId?: string, labelId?: string) => void;
     /**
      * Hides the preferences panel.
      */

package/models/events/gridEventLookup.d.ts

@@ -214,6 +214,14 @@ export interface GridHeaderFilterEventLookup {
         params: GridColumnHeaderParams;
         event: React.KeyboardEvent<HTMLElement>;
     };
+    /**
+     * Fired when a column header filter is blurred.
+     * @ignore - do not document.
+     */
+    headerFilterBlur: {
+        params: GridColumnHeaderParams;
+        event: React.KeyboardEvent<HTMLElement>;
+    };
 }
 export interface GridColumnGroupHeaderEventLookup {
     /**

package/models/gridFilterItem.d.ts

@@ -1,7 +1,7 @@
 /**
  * Filter item definition interface.
  * @demos
- *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
+ *   - [Custom filter operator](/x/react-data-grid/filtering/customization/#create-a-custom-operator)
  */
 export interface GridFilterItem {
     /**

package/models/gridFilterItem.js

@@ -1,7 +1,7 @@
 /**
  * Filter item definition interface.
  * @demos
- *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
+ *   - [Custom filter operator](/x/react-data-grid/filtering/customization/#create-a-custom-operator)
  */
 var GridLogicOperator = /*#__PURE__*/function (GridLogicOperator) {
   GridLogicOperator["And"] = "and";

package/models/gridFilterOperator.d.ts

@@ -6,7 +6,7 @@ import type { GridValidRowModel } from './gridRows';
 /**
  * Filter operator definition interface.
  * @demos
- *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
+ *   - [Custom filter operator](/x/react-data-grid/filtering/customization/#create-a-custom-operator)
  */
 export interface GridFilterOperator<R extends GridValidRowModel = any, V = any, F = V> {
     /**

package/models/gridStateCommunity.d.ts

@@ -3,11 +3,13 @@ import type { GridRowsMetaState } from '../hooks/features/rows/gridRowsMetaState
 import type { GridEditingState } from './gridEditRowModel';
 import { GridHeaderFilteringState } from './gridHeaderFilteringModel';
 import type { GridRowSelectionModel } from './gridRowSelectionModel';
+import type { GridVisibleRowsLookupState } from '../hooks/features/filter/gridFilterState';
 /**
  * The state of `DataGrid`.
  */
 export interface GridStateCommunity {
     rows: GridRowsState;
+    visibleRowsLookup: GridVisibleRowsLookupState;
     rowsMeta: GridRowsMetaState;
     editRows: GridEditingState;
     headerFiltering: GridHeaderFilteringState;

package/models/props/DataGridProps.d.ts

@@ -329,6 +329,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
      * The ref object that allows grid manipulation. Can be instantiated with `useGridApiRef()`.
      */
     apiRef?: React.MutableRefObject<GridApiCommunity>;
+    /**
+     * Forwarded props for the grid root element.
+     * @ignore - do not document.
+     */
+    forwardedProps?: Record<string, unknown>;
     /**
      * Signal to the underlying logic what version of the public component API
      * of the data grid is exposed [[GridSignature]].

package/modern/DataGrid/DataGrid.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { chainPropTypes } from '@mui/utils';
@@ -14,15 +15,16 @@ const DataGridRaw = /*#__PURE__*/React.forwardRef(function DataGrid(inProps, ref
   return /*#__PURE__*/_jsx(GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
-    children: /*#__PURE__*/_jsxs(GridRoot, {
+    children: /*#__PURE__*/_jsxs(GridRoot, _extends({
       className: props.className,
       style: props.style,
       sx: props.sx,
-      ref: ref,
+      ref: ref
+    }, props.forwardedProps, {
       children: [/*#__PURE__*/_jsx(GridHeader, {}), /*#__PURE__*/_jsx(GridBody, {
         VirtualScrollerComponent: DataGridVirtualScroller
       }), /*#__PURE__*/_jsx(GridFooterPlaceholder, {})]
-    })
+    }))
   });
 });
 export const DataGrid = /*#__PURE__*/React.memo(DataGridRaw);
@@ -182,6 +184,11 @@ DataGridRaw.propTypes = {
     quickFilterLogicOperator: PropTypes.oneOf(['and', 'or']),
     quickFilterValues: PropTypes.array
   }),
+  /**
+   * Forwarded props for the grid root element.
+   * @ignore - do not document.
+   */
+  forwardedProps: PropTypes.object,
   /**
    * Function that applies CSS classes dynamically on cells.
    * @param {GridCellParams} params With all properties from [[GridCellParams]].