@mui/x-data-grid 6.16.3 → 6.18.0

package/legacy/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js

@@ -36,6 +36,10 @@ function GridColumnMenuSortItem(props) {
   })) {
     return null;
   }
+  var getLabel = function getLabel(key) {
+    var label = apiRef.current.getLocaleText(key);
+    return typeof label === 'function' ? label(colDef) : label;
+  };
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [sortingOrder.includes('asc') && sortDirection !== 'asc' ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,
@@ -45,7 +49,7 @@ function GridColumnMenuSortItem(props) {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {
-        children: apiRef.current.getLocaleText('columnMenuSortAsc')
+        children: getLabel('columnMenuSortAsc')
       })]
     }) : null, sortingOrder.includes('desc') && sortDirection !== 'desc' ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,
@@ -55,7 +59,7 @@ function GridColumnMenuSortItem(props) {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {
-        children: apiRef.current.getLocaleText('columnMenuSortDesc')
+        children: getLabel('columnMenuSortDesc')
       })]
     }) : null, sortingOrder.includes(null) && sortDirection != null ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,

package/legacy/hooks/core/useGridInitialization.js

@@ -15,5 +15,8 @@ export var useGridInitialization = function useGridInitialization(inputApiRef, p
   useGridPipeProcessing(privateApiRef);
   useGridStrategyProcessing(privateApiRef);
   useGridLocaleText(privateApiRef, props);
+  privateApiRef.current.register('private', {
+    rootProps: props
+  });
   return privateApiRef;
 };

package/legacy/hooks/features/filter/gridFilterUtils.js

@@ -17,7 +17,7 @@ try {
 /**
  * Adds default values to the optional fields of a filter items.
  * @param {GridFilterItem} item The raw filter item.
- * @param {React.MutableRefObject<GridApiCommunity>} apiRef The API of the grid.
+ * @param {React.MutableRefObject<GridPrivateApiCommunity>} apiRef The API of the grid.
  * @return {GridFilterItem} The clean filter item with an uniq ID and an always-defined operator.
  * TODO: Make the typing reflect the different between GridFilterInputItem and GridFilterItem.
  */
@@ -79,6 +79,12 @@ export var mergeStateWithFilterModel = function mergeStateWithFilterModel(filter
     });
   };
 };
+var removeDiacritics = function removeDiacritics(value) {
+  if (typeof value === 'string') {
+    return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+  }
+  return value;
+};
 var getFilterCallbackFromItem = function getFilterCallbackFromItem(filterItem, apiRef) {
   if (!filterItem.field || !filterItem.operator) {
     return null;
@@ -97,6 +103,10 @@ var getFilterCallbackFromItem = function getFilterCallbackFromItem(filterItem, a
   } else {
     parsedValue = filterItem.value;
   }
+  var ignoreDiacritics = apiRef.current.rootProps.ignoreDiacritics;
+  if (ignoreDiacritics) {
+    parsedValue = removeDiacritics(parsedValue);
+  }
   var newFilterItem = _extends({}, filterItem, {
     value: parsedValue
   });
@@ -122,6 +132,9 @@ var getFilterCallbackFromItem = function getFilterCallbackFromItem(filterItem, a
       item: newFilterItem,
       fn: function fn(row) {
         var value = apiRef.current.getRowValue(row, column);
+        if (ignoreDiacritics) {
+          value = removeDiacritics(value);
+        }
         return _applyFilterOnRow(value, row, column, apiRef);
       }
     };
@@ -136,6 +149,9 @@ var getFilterCallbackFromItem = function getFilterCallbackFromItem(filterItem, a
     fn: function fn(rowId) {
       var params = apiRef.current.getCellParams(rowId, newFilterItem.field);
       GLOBAL_API_REF.current = apiRef;
+      if (ignoreDiacritics) {
+        params.value = removeDiacritics(params.value);
+      }
       var result = applyFilterOnRow(params);
       GLOBAL_API_REF.current = null;
       return result;
@@ -146,12 +162,11 @@ var filterItemsApplierId = 1;
 
 /**
  * Generates a method to easily check if a row is matching the current filter model.
- * @param {GridRowIdGetter | undefined} getRowId The getter for row's id.
  * @param {GridFilterModel} filterModel The model with which we want to filter the rows.
- * @param {React.MutableRefObject<GridApiCommunity>} apiRef The API of the grid.
+ * @param {React.MutableRefObject<GridPrivateApiCommunity>} apiRef The API of the grid.
  * @returns {GridAggregatedFilterItemApplier | null} A method that checks if a row is matching the current filter model. If `null`, we consider that all the rows are matching the filters.
  */
-export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef, disableEval) {
+var buildAggregatedFilterItemsApplier = function buildAggregatedFilterItemsApplier(filterModel, apiRef, disableEval) {
   var items = filterModel.items;
   var appliers = items.map(function (item) {
     return getFilterCallbackFromItem(item, apiRef);
@@ -168,7 +183,7 @@ export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterIte
       for (var i = 0; i < appliers.length; i += 1) {
         var applier = appliers[i];
         if (!shouldApplyFilter || shouldApplyFilter(applier.item.field)) {
-          resultPerItemId[applier.item.id] = applier.v7 ? applier.fn(row) : applier.fn(getRowId ? getRowId(row) : row.id);
+          resultPerItemId[applier.item.id] = applier.v7 ? applier.fn(row) : applier.fn(apiRef.current.getRowId(row));
         }
       }
       return resultPerItemId;
@@ -180,11 +195,11 @@ export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterIte
   var filterItemTemplate = "(function filterItem$$(getRowId, appliers, row, shouldApplyFilter) {\n      ".concat(appliers.map(function (applier, i) {
     return "const shouldApply".concat(i, " = !shouldApplyFilter || shouldApplyFilter(").concat(JSON.stringify(applier.item.field), ");");
   }).join('\n'), "\n\n      const result$$ = {\n      ").concat(appliers.map(function (applier, i) {
-    return "".concat(JSON.stringify(String(applier.item.id)), ":\n          !shouldApply").concat(i, " ?\n            false :\n            ").concat(applier.v7 ? "appliers[".concat(i, "].fn(row)") : "appliers[".concat(i, "].fn(").concat(getRowId ? 'getRowId(row)' : 'row.id', ")"), ",\n      ");
+    return "".concat(JSON.stringify(String(applier.item.id)), ":\n          !shouldApply").concat(i, " ?\n            false :\n            ").concat(applier.v7 ? "appliers[".concat(i, "].fn(row)") : "appliers[".concat(i, "].fn(getRowId(row))"), ",\n      ");
   }).join('\n'), "};\n\n      return result$$;\n    })");
   var filterItemCore = evalCode(filterItemTemplate.replaceAll('$$', String(filterItemsApplierId)));
   var filterItem = function filterItem(row, shouldApplyItem) {
-    return filterItemCore(getRowId, appliers, row, shouldApplyItem);
+    return filterItemCore(apiRef.current.getRowId, appliers, row, shouldApplyItem);
   };
   filterItemsApplierId += 1;
   return filterItem;
@@ -192,12 +207,11 @@ export var buildAggregatedFilterItemsApplier = function buildAggregatedFilterIte
 
 /**
  * Generates a method to easily check if a row is matching the current quick filter.
- * @param {GridRowIdGetter | undefined} getRowId The getter for row's id.
  * @param {any[]} filterModel The model with which we want to filter the rows.
- * @param {React.MutableRefObject<GridApiCommunity>} apiRef The API of the grid.
+ * @param {React.MutableRefObject<GridPrivateApiCommunity>} apiRef The API of the grid.
  * @returns {GridAggregatedFilterItemApplier | null} A method that checks if a row is matching the current filter model. If `null`, we consider that all the rows are matching the filters.
  */
-export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilterApplier(getRowId, filterModel, apiRef) {
+var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilterApplier(filterModel, apiRef) {
   var _filterModel$quickFil, _filterModel$quickFil2, _filterModel$quickFil3;
   var quickFilterValues = (_filterModel$quickFil = (_filterModel$quickFil2 = filterModel.quickFilterValues) == null ? void 0 : _filterModel$quickFil2.filter(Boolean)) != null ? _filterModel$quickFil : [];
   if (quickFilterValues.length === 0) {
@@ -206,6 +220,7 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
   var quickFilterExcludeHiddenColumns = (_filterModel$quickFil3 = filterModel.quickFilterExcludeHiddenColumns) != null ? _filterModel$quickFil3 : false;
   var columnFields = quickFilterExcludeHiddenColumns ? gridVisibleColumnFieldsSelector(apiRef) : gridColumnFieldsSelector(apiRef);
   var appliersPerField = [];
+  var ignoreDiacritics = apiRef.current.rootProps.ignoreDiacritics;
   columnFields.forEach(function (field) {
     var column = apiRef.current.getColumn(field);
     var getApplyQuickFilterFn = column == null ? void 0 : column.getApplyQuickFilterFn;
@@ -215,7 +230,8 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
     if (getApplyQuickFilterFnV7 && !(hasUserFunctionLegacy && !hasUserFunctionV7)) {
       appliersPerField.push({
         column: column,
-        appliers: quickFilterValues.map(function (value) {
+        appliers: quickFilterValues.map(function (quickFilterValue) {
+          var value = ignoreDiacritics ? removeDiacritics(quickFilterValue) : quickFilterValue;
           return {
             v7: true,
             fn: getApplyQuickFilterFnV7(value, column, apiRef)
@@ -225,7 +241,8 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
     } else if (getApplyQuickFilterFn) {
       appliersPerField.push({
         column: column,
-        appliers: quickFilterValues.map(function (value) {
+        appliers: quickFilterValues.map(function (quickFilterValue) {
+          var value = ignoreDiacritics ? removeDiacritics(quickFilterValue) : quickFilterValue;
           return {
             v7: false,
             fn: getApplyQuickFilterFn(value, column, apiRef)
@@ -250,11 +267,14 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
           continue;
         }
         var applier = appliers[v];
-        var value = apiRef.current.getRowValue(row, column);
+        var value = apiRef.current.getRowFormattedValue(row, column);
         if (applier.fn === null) {
           continue;
         }
         if (applier.v7) {
+          if (ignoreDiacritics) {
+            value = removeDiacritics(value);
+          }
           var isMatching = applier.fn(value, row, column, apiRef);
           if (isMatching) {
             result[filterValue] = true;
@@ -262,7 +282,10 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
           }
         } else {
           var _usedCellParams$_fiel;
-          var cellParams = (_usedCellParams$_fiel = usedCellParams[_field]) != null ? _usedCellParams$_fiel : apiRef.current.getCellParams(getRowId ? getRowId(row) : row.id, _field);
+          var cellParams = (_usedCellParams$_fiel = usedCellParams[_field]) != null ? _usedCellParams$_fiel : apiRef.current.getCellParams(apiRef.current.getRowId(row), _field);
+          if (ignoreDiacritics) {
+            cellParams.value = removeDiacritics(cellParams.value);
+          }
           usedCellParams[_field] = cellParams;
           var _isMatching = applier.fn(cellParams);
           if (_isMatching) {
@@ -278,9 +301,9 @@ export var buildAggregatedQuickFilterApplier = function buildAggregatedQuickFilt
     return result;
   };
 };
-export var buildAggregatedFilterApplier = function buildAggregatedFilterApplier(getRowId, filterModel, apiRef, disableEval) {
-  var isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(getRowId, filterModel, apiRef, disableEval);
-  var isRowMatchingQuickFilter = buildAggregatedQuickFilterApplier(getRowId, filterModel, apiRef);
+export var buildAggregatedFilterApplier = function buildAggregatedFilterApplier(filterModel, apiRef, disableEval) {
+  var isRowMatchingFilterItems = buildAggregatedFilterItemsApplier(filterModel, apiRef, disableEval);
+  var isRowMatchingQuickFilter = buildAggregatedQuickFilterApplier(filterModel, apiRef);
   return function isRowMatchingFilters(row, shouldApplyFilter, result) {
     var _isRowMatchingFilterI, _isRowMatchingQuickFi;
     result.passingFilterItems = (_isRowMatchingFilterI = isRowMatchingFilterItems == null ? void 0 : isRowMatchingFilterItems(row, shouldApplyFilter)) != null ? _isRowMatchingFilterI : null;

package/legacy/hooks/features/filter/useGridFilter.js

@@ -62,7 +62,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
   var updateFilteredRows = React.useCallback(function () {
     apiRef.current.setState(function (state) {
       var filterModel = gridFilterModelSelector(state, apiRef.current.instanceId);
-      var isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(props.getRowId, filterModel, apiRef, props.disableEval) : null;
+      var isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(filterModel, apiRef, props.disableEval) : null;
       var filteringResult = apiRef.current.applyStrategyProcessor('filtering', {
         isRowMatchingFilters: isRowMatchingFilters,
         filterModel: filterModel != null ? filterModel : getDefaultGridFilterModel()
@@ -76,7 +76,7 @@ export var useGridFilter = function useGridFilter(apiRef, props) {
       });
     });
     apiRef.current.publishEvent('filteredRowsSet');
-  }, [apiRef, props.filterMode, props.getRowId, props.disableEval]);
+  }, [apiRef, props.filterMode, props.disableEval]);
   var addColumnMenuItem = React.useCallback(function (columnMenuItems, colDef) {
     if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
       return columnMenuItems;

package/legacy/hooks/features/rows/useGridRowsMeta.js

@@ -179,8 +179,8 @@ export var useGridRowsMeta = function useGridRowsMeta(apiRef, props) {
     hydrateRowsMeta();
   }, [hydrateRowsMeta]);
   var debouncedHydrateRowsMeta = React.useMemo(function () {
-    return debounce(hydrateRowsMeta);
-  }, [hydrateRowsMeta]);
+    return debounce(hydrateRowsMeta, props.rowPositionsDebounceMs);
+  }, [hydrateRowsMeta, props.rowPositionsDebounceMs]);
   var storeMeasuredRowHeight = React.useCallback(function (id, height, position) {
     if (!rowsHeightLookup.current[id] || !rowsHeightLookup.current[id].autoHeight) {
       return;

package/legacy/hooks/features/virtualization/useGridVirtualScroller.js

@@ -501,6 +501,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
       rowStyleCache.current = Object.create(null);
     }
     var rows = [];
+    var isRowWithFocusedCellRendered = false;
     for (var _i = 0; _i < renderedRows.length; _i += 1) {
       var _currentPage$range5;
       var _renderedRows$_i = renderedRows[_i],
@@ -533,6 +534,13 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         var style = _extends({}, rowStyle, rootRowStyle);
         rowStyleCache.current[_id] = style;
       }
+      var index = rowIndexOffset + ((currentPage == null || (_currentPage$range5 = currentPage.range) == null ? void 0 : _currentPage$range5.firstRowIndex) || 0) + firstRowToRender + _i;
+      if (isRowWithFocusedCellNotInRange && (cellFocus == null ? void 0 : cellFocus.id) === _id) {
+        index = indexOfRowWithFocusedCell;
+        isRowWithFocusedCellRendered = true;
+      } else if (isRowWithFocusedCellRendered) {
+        index -= 1;
+      }
       rows.push( /*#__PURE__*/_jsx(rootProps.slots.row, _extends({
         row: _model,
         rowId: _id,
@@ -546,7 +554,7 @@ export var useGridVirtualScroller = function useGridVirtualScroller(props) {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: rowIndexOffset + ((currentPage == null || (_currentPage$range5 = currentPage.range) == null ? void 0 : _currentPage$range5.firstRowIndex) || 0) + firstRowToRender + _i,
+        index: index,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex,
         position: position

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.16.3
+ * @mui/x-data-grid v6.18.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/locales/ptBR.js

@@ -62,13 +62,12 @@ var ptBRGrid = {
   filterOperatorIsEmpty: 'está vazio',
   filterOperatorIsNotEmpty: 'não está vazio',
   filterOperatorIsAnyOf: 'é qualquer um dos',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': 'igual à',
+  'filterOperator!=': 'diferente de',
+  'filterOperator>': 'maior que',
+  'filterOperator>=': 'maior ou igual que',
+  'filterOperator<': 'menor que',
+  'filterOperator<=': 'menor ou igual que',
   // Header filter operators text
   headerFilterOperatorContains: 'Contém',
   headerFilterOperatorEquals: 'Igual',
@@ -76,13 +75,13 @@ var ptBRGrid = {
   headerFilterOperatorEndsWith: 'Termina com',
   headerFilterOperatorIs: 'É',
   headerFilterOperatorNot: 'Não é',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
+  headerFilterOperatorAfter: 'Depois de',
+  headerFilterOperatorOnOrAfter: 'Está entre ou depois de',
+  headerFilterOperatorBefore: 'Antes de',
+  headerFilterOperatorOnOrBefore: 'Está entre ou antes de',
+  headerFilterOperatorIsEmpty: 'É vazio',
+  headerFilterOperatorIsNotEmpty: 'Não é vazio',
+  headerFilterOperatorIsAnyOf: 'É algum',
   'headerFilterOperator=': 'Igual',
   'headerFilterOperator!=': 'Não igual',
   'headerFilterOperator>': 'Maior que',

package/legacy/utils/utils.js

@@ -1,6 +1,6 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 export function isNumber(value) {
-  return typeof value === 'number';
+  return typeof value === 'number' && !Number.isNaN(value);
 }
 export function isFunction(value) {
   return typeof value === 'function';

package/locales/ptBR.js

@@ -60,13 +60,12 @@ const ptBRGrid = {
   filterOperatorIsEmpty: 'está vazio',
   filterOperatorIsNotEmpty: 'não está vazio',
   filterOperatorIsAnyOf: 'é qualquer um dos',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': 'igual à',
+  'filterOperator!=': 'diferente de',
+  'filterOperator>': 'maior que',
+  'filterOperator>=': 'maior ou igual que',
+  'filterOperator<': 'menor que',
+  'filterOperator<=': 'menor ou igual que',
   // Header filter operators text
   headerFilterOperatorContains: 'Contém',
   headerFilterOperatorEquals: 'Igual',
@@ -74,13 +73,13 @@ const ptBRGrid = {
   headerFilterOperatorEndsWith: 'Termina com',
   headerFilterOperatorIs: 'É',
   headerFilterOperatorNot: 'Não é',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
+  headerFilterOperatorAfter: 'Depois de',
+  headerFilterOperatorOnOrAfter: 'Está entre ou depois de',
+  headerFilterOperatorBefore: 'Antes de',
+  headerFilterOperatorOnOrBefore: 'Está entre ou antes de',
+  headerFilterOperatorIsEmpty: 'É vazio',
+  headerFilterOperatorIsNotEmpty: 'Não é vazio',
+  headerFilterOperatorIsAnyOf: 'É algum',
   'headerFilterOperator=': 'Igual',
   'headerFilterOperator!=': 'Não igual',
   'headerFilterOperator>': 'Maior que',

package/models/api/gridApiCommon.d.ts

@@ -27,9 +27,10 @@ import type { GridStatePersistenceApi } from '../../hooks/features/statePersiste
 import { GridColumnGroupingApi } from './gridColumnGroupingApi';
 import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
 import { GridHeaderFilteringApi, GridHeaderFilteringPrivateApi } from './gridHeaderFilteringApi';
+import type { DataGridProcessedProps } from '../props/DataGridProps';
 export interface GridApiCommon<GridState extends GridStateCommunity = any, GridInitialState extends GridInitialStateCommunity = any> extends GridCoreApi, GridPipeProcessingApi, GridDensityApi, GridDimensionsApi, GridRowApi, GridRowsMetaApi, GridEditingApi, GridParamsApi, GridColumnApi, GridRowSelectionApi, GridSortApi, GridPaginationApi, GridCsvExportApi, GridFocusApi, GridFilterApi, GridColumnMenuApi, GridPreferencesPanelApi, GridPrintExportApi, GridVirtualizationApi, GridLocaleTextApi, GridScrollApi, GridColumnSpanningApi, GridStateApi<GridState>, GridStatePersistenceApi<GridInitialState>, GridColumnGroupingApi, GridHeaderFilteringApi {
 }
-export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon> extends GridCorePrivateApi<Api, PrivateApi>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi {
+export interface GridPrivateOnlyApiCommon<Api extends GridApiCommon, PrivateApi extends GridPrivateApiCommon, Props extends DataGridProcessedProps> extends GridCorePrivateApi<Api, PrivateApi, Props>, GridStatePrivateApi<PrivateApi['state']>, GridPipeProcessingPrivateApi, GridStrategyProcessingApi, GridColumnSpanningPrivateApi, GridRowsMetaPrivateApi, GridDimensionsPrivateApi, GridEditingPrivateApi, GridLoggerApi, GridFocusPrivateApi, GridHeaderFilteringPrivateApi, GridVirtualizationPrivateApi {
 }
-export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon> {
+export interface GridPrivateApiCommon extends GridApiCommon, GridPrivateOnlyApiCommon<GridApiCommon, GridPrivateApiCommon, DataGridProcessedProps> {
 }

package/models/api/gridApiCommunity.d.ts

@@ -1,4 +1,5 @@
 import type { GridInitialStateCommunity, GridStateCommunity } from '../gridStateCommunity';
+import type { DataGridProcessedProps } from '../props/DataGridProps';
 import type { GridApiCommon, GridPrivateOnlyApiCommon } from './gridApiCommon';
 import type { GridColumnReorderApi } from './gridColumnApi';
 import { GridRowProApi } from './gridRowApi';
@@ -8,5 +9,5 @@ import { GridRowMultiSelectionApi } from './gridRowSelectionApi';
  */
 export interface GridApiCommunity extends GridApiCommon<GridStateCommunity, GridInitialStateCommunity> {
 }
-export interface GridPrivateApiCommunity extends GridApiCommunity, GridPrivateOnlyApiCommon<GridApiCommunity, GridPrivateApiCommunity>, GridRowMultiSelectionApi, GridColumnReorderApi, GridRowProApi {
+export interface GridPrivateApiCommunity extends GridApiCommunity, GridPrivateOnlyApiCommon<GridApiCommunity, GridPrivateApiCommunity, DataGridProcessedProps>, GridRowMultiSelectionApi, GridColumnReorderApi, GridRowProApi {
 }

package/models/api/gridCoreApi.d.ts

@@ -4,6 +4,7 @@ import { Store } from '../../utils/Store';
 import { EventManager, EventListenerOptions } from '../../utils/EventManager';
 import { GridApiCaches } from '../gridApiCaches';
 import type { GridApiCommon, GridPrivateApiCommon } from './gridApiCommon';
+import type { DataGridProcessedProps } from '../props/DataGridProps';
 /**
  * The core API interface that is available in the grid `apiRef`.
  */
@@ -41,7 +42,7 @@ export interface GridCoreApi {
      */
     store: Store<GridApiCommon['state']>;
 }
-export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPrivateApi extends GridPrivateApiCommon> {
+export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPrivateApi extends GridPrivateApiCommon, GridProps extends DataGridProcessedProps> {
     /**
      * The caches used by hooks and state initializers.
      */
@@ -71,6 +72,11 @@ export interface GridCorePrivateApi<GridPublicApi extends GridApiCommon, GridPri
      * @returns {GridPublicApi} The public api.
      */
     getPublicApi: () => GridPublicApi;
+    /**
+     * Allows to access the root props outside of the React component.
+     * Do not use in React components - use the `useGridRootProps` hook instead.
+     */
+    rootProps: GridProps;
     /**
      * The React ref of the grid column container virtualized div element.
      */

package/models/api/gridEditingApi.d.ts

@@ -172,7 +172,7 @@ export interface GridCellEditingApi extends GridEditingSharedApi {
     startCellEditMode(params: GridStartCellEditModeParams): void;
     /**
      * Puts the cell corresponding to the given row id and field into view mode and updates the original row with the new value stored.
-     * If `params.ignoreModifications` is `false` it will discard the modifications made.
+     * If `params.ignoreModifications` is `true` it will discard the modifications made.
      * @param {GridStopCellEditModeParams} params The row id and field of the cell to stop editing.
      */
     stopCellEditMode(params: GridStopCellEditModeParams): void;
@@ -210,7 +210,7 @@ export interface GridRowEditingApi extends GridEditingSharedApi {
     startRowEditMode(params: GridStartRowEditModeParams): void;
     /**
      * Puts the row corresponding to the given id and into view mode and updates the original row with the new values stored.
-     * If `params.ignoreModifications` is `false` it will discard the modifications made.
+     * If `params.ignoreModifications` is `true` it will discard the modifications made.
      * @param {GridStopCellEditModeParams} params The row id and field of the cell to stop editing.
      */
     stopRowEditMode(params: GridStopRowEditModeParams): void;

package/models/api/gridFilterApi.d.ts

@@ -48,7 +48,7 @@ export interface GridFilterApi {
      */
     setFilterModel: (model: GridFilterModel, reason?: GridControlledStateReasonLookup['filter']) => void;
     /**
-     * Set the quick filter values ot the one given by `values`
+     * Set the quick filter values to the one given by `values`
      * @param {any[]} values The list of element to quick filter
      */
     setQuickFilterValues: (values: any[]) => void;

package/models/api/gridLocaleTextApi.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ComponentsPropsList } from '@mui/material/styles';
+import { GridColDef } from '../colDef';
 /**
  * Set the types of the texts in the grid.
  */
@@ -88,8 +89,8 @@ export interface GridLocaleText {
     columnMenuFilter: React.ReactNode;
     columnMenuHideColumn: React.ReactNode;
     columnMenuUnsort: React.ReactNode;
-    columnMenuSortAsc: React.ReactNode;
-    columnMenuSortDesc: React.ReactNode;
+    columnMenuSortAsc: React.ReactNode | ((colDef: GridColDef) => React.ReactNode);
+    columnMenuSortDesc: React.ReactNode | ((colDef: GridColDef) => React.ReactNode);
     columnHeaderFiltersTooltipActive: (count: number) => React.ReactNode;
     columnHeaderFiltersLabel: string;
     columnHeaderSortIconLabel: string;

package/models/props/DataGridProps.d.ts

@@ -235,6 +235,12 @@ export interface DataGridPropsWithDefaultValues {
      * @default false
      */
     hideFooterSelectedRowCount: boolean;
+    /**
+     * If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
+     * E.g. when filter value is `cafe`, the rows with `café` will be visible.
+     * @default false
+     */
+    ignoreDiacritics: boolean;
     /**
      * If `true`, the selection model will retain selected rows that do not exist.
      * Useful when using server side pagination and row selections need to be retained
@@ -340,6 +346,13 @@ export interface DataGridPropsWithDefaultValues {
      * @default '\t'
      */
     clipboardCopyCellDelimiter: string;
+    /**
+     * The milliseconds delay to wait after measuring the row height before recalculating row positions.
+     * Setting it to a lower value could be useful when using dynamic row height,
+     * but might reduce performance when displaying a large number of rows.
+     * @default 166
+     */
+    rowPositionsDebounceMs: number;
 }
 /**
  * The `DataGrid` props with no default value.

package/modern/DataGrid/DataGrid.js

@@ -278,6 +278,12 @@ DataGridRaw.propTypes = {
    * @default false
    */
   hideFooterSelectedRowCount: PropTypes.bool,
+  /**
+   * If `true`, the diacritics (accents) are ignored when filtering or quick filtering.
+   * E.g. when filter value is `cafe`, the rows with `café` will be visible.
+   * @default false
+   */
+  ignoreDiacritics: PropTypes.bool,
   /**
    * The initial state of the DataGrid.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -596,6 +602,13 @@ DataGridRaw.propTypes = {
    * Controls the modes of the rows.
    */
   rowModesModel: PropTypes.object,
+  /**
+   * The milliseconds delay to wait after measuring the row height before recalculating row positions.
+   * Setting it to a lower value could be useful when using dynamic row height,
+   * but might reduce performance when displaying a large number of rows.
+   * @default 166
+   */
+  rowPositionsDebounceMs: PropTypes.number,
   /**
    * Set of rows of type [[GridRowsProp]].
    */

package/modern/DataGrid/useDataGridProps.js

@@ -51,6 +51,7 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   hideFooterPagination: false,
   hideFooterRowCount: false,
   hideFooterSelectedRowCount: false,
+  ignoreDiacritics: false,
   logger: console,
   logLevel: process.env.NODE_ENV === 'production' ? 'error' : 'warn',
   pagination: false,
@@ -68,7 +69,8 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   keepNonExistentRowsSelected: false,
   keepColumnPositionIfDraggedOutside: false,
   unstable_ignoreValueFormatterDuringExport: false,
-  clipboardCopyCellDelimiter: '\t'
+  clipboardCopyCellDelimiter: '\t',
+  rowPositionsDebounceMs: 166
 };
 const defaultSlots = uncapitalizeObjectKeys(DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
 export const useDataGridProps = inProps => {

package/modern/colDef/gridStringOperators.js

@@ -7,8 +7,7 @@ export const getGridStringQuickFilterFn = tagInternalFilter(value => {
     return null;
   }
   const filterRegex = new RegExp(escapeRegExp(value), 'i');
-  return (_, row, column, apiRef) => {
-    const columnValue = apiRef.current.getRowFormattedValue(row, column);
+  return columnValue => {
     return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
   };
 });

package/modern/components/containers/GridRootStyles.js

@@ -191,7 +191,8 @@ export const GridRootStyles = styled('div', {
         overflow: 'visible !important'
       },
       [`& .${gridClasses.cell} > *`]: {
-        overflow: 'visible !important'
+        overflow: 'visible !important',
+        whiteSpace: 'nowrap'
       }
     },
     [`& .${gridClasses['virtualScrollerContent--overflowed']} .${gridClasses['row--lastVisible']} .${gridClasses.cell}`]: {

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js

@@ -33,6 +33,10 @@ function GridColumnMenuSortItem(props) {
   if (!colDef || !colDef.sortable || !sortingOrder.some(item => !!item)) {
     return null;
   }
+  const getLabel = key => {
+    const label = apiRef.current.getLocaleText(key);
+    return typeof label === 'function' ? label(colDef) : label;
+  };
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [sortingOrder.includes('asc') && sortDirection !== 'asc' ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,
@@ -42,7 +46,7 @@ function GridColumnMenuSortItem(props) {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {
-        children: apiRef.current.getLocaleText('columnMenuSortAsc')
+        children: getLabel('columnMenuSortAsc')
       })]
     }) : null, sortingOrder.includes('desc') && sortDirection !== 'desc' ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,
@@ -52,7 +56,7 @@ function GridColumnMenuSortItem(props) {
           fontSize: "small"
         })
       }), /*#__PURE__*/_jsx(ListItemText, {
-        children: apiRef.current.getLocaleText('columnMenuSortDesc')
+        children: getLabel('columnMenuSortDesc')
       })]
     }) : null, sortingOrder.includes(null) && sortDirection != null ? /*#__PURE__*/_jsxs(MenuItem, {
       onClick: onSortMenuItemClick,

package/modern/hooks/core/useGridInitialization.js

@@ -15,5 +15,8 @@ export const useGridInitialization = (inputApiRef, props) => {
   useGridPipeProcessing(privateApiRef);
   useGridStrategyProcessing(privateApiRef);
   useGridLocaleText(privateApiRef, props);
+  privateApiRef.current.register('private', {
+    rootProps: props
+  });
   return privateApiRef;
 };