@mui/x-data-grid 6.16.3 → 6.17.0

package/CHANGELOG.md

@@ -3,6 +3,72 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.17.0
+
+_Oct 27, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 The Tree View package is now officially stable!
+
+![tree-view-example](https://github.com/mui/mui-x/assets/550141/77d1fe66-d912-49ba-b38f-b853fb90446a)
+
+- ✨ Improve the handling of non-numeric values by Data Grid aggregation
+- 🚀 Support lines with different domains on the line charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.17.0`
+
+- [DataGrid] Allow custom debounce time for row positions calculation (#10708) @cherniavskii
+- [DataGrid] Persist stable row index for focused row (#10674) @cherniavskii
+
+#### `@mui/x-data-grid-pro@6.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.17.0`, plus:
+
+- [DataGridPro] Fix `undefined` values passed to `valueFormatter` for tree leaf nodes (#10748) @cherniavskii
+
+#### `@mui/x-data-grid-premium@6.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.17.0`, plus:
+
+- [DataGridPremium] Fix `avg` aggregation to ignore non-numeric values (#10787) @cherniavskii
+- [DataGridPremium] Fix `size` aggregation to ignore `undefined` values (#10745) @cherniavskii
+- [DataGridPremium] Fix `sum` aggregation to ignore non-numeric values (#10730) @cherniavskii
+- [DataGridPremium] Fix cell selection throwing index error on second page and beyond (#10784) @MBilalShafi
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.17.0`
+
+- [fields] POC: Use `contentEditable` on `FakeTextField` (#10779) @flaviendelangle
+- [pickers] Fix weekday label localization (#10809) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.17.0`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.17`
+
+- [charts] Fix text position in Safari (#10815) @lhilgert9
+- [charts] Support lines with different domains (#10801) @alexfauquette
+
+### Tree View / `@mui/x-tree-view@6.17.0`
+
+No change
+
+### Docs
+
+- [docs] Correct editing related props' description (#10798) @MBilalShafi
+- [docs] Fix RTL data grid demo (#10728) @oliviertassinari
+- [docs] Fix unclosed warning (#10796) @flaviendelangle
+- [docs] Improve performance of `Save and restore the state from external storage` recipe (#10811) @michelengelen
+
+- [test] Add missing type on `cleanText` utility function (#10780) @flaviendelangle
+
 ## 6.16.3
 
 _Oct 20, 2023_

package/DataGrid/DataGrid.js

@@ -596,6 +596,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/DataGrid/useDataGridProps.js

@@ -68,7 +68,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/hooks/features/rows/useGridRowsMeta.d.ts

@@ -7,4 +7,4 @@ export declare const rowsMetaStateInitializer: GridStateInitializer;
  * @requires useGridPageSize (method)
  * @requires useGridPage (method)
  */
-export declare const useGridRowsMeta: (apiRef: React.MutableRefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'getRowHeight' | 'getEstimatedRowHeight' | 'getRowSpacing' | 'pagination' | 'paginationMode' | 'rowHeight'>) => void;
+export declare const useGridRowsMeta: (apiRef: React.MutableRefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, 'getRowHeight' | 'getEstimatedRowHeight' | 'getRowSpacing' | 'pagination' | 'paginationMode' | 'rowHeight' | 'rowPositionsDebounceMs'>) => void;

package/hooks/features/rows/useGridRowsMeta.js

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

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -468,6 +468,7 @@ export const useGridVirtualScroller = props => {
       rowStyleCache.current = Object.create(null);
     }
     const rows = [];
+    let isRowWithFocusedCellRendered = false;
     for (let i = 0; i < renderedRows.length; i += 1) {
       var _currentPage$range5;
       const {
@@ -503,6 +504,13 @@ export const useGridVirtualScroller = props => {
         const style = _extends({}, rowStyle, rootRowStyle);
         rowStyleCache.current[id] = style;
       }
+      let 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,
@@ -516,7 +524,7 @@ export const 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/index.js

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

package/legacy/DataGrid/DataGrid.js

@@ -598,6 +598,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/legacy/DataGrid/useDataGridProps.js

@@ -69,7 +69,8 @@ export var DATA_GRID_PROPS_DEFAULT_VALUES = {
   keepNonExistentRowsSelected: false,
   keepColumnPositionIfDraggedOutside: false,
   unstable_ignoreValueFormatterDuringExport: false,
-  clipboardCopyCellDelimiter: '\t'
+  clipboardCopyCellDelimiter: '\t',
+  rowPositionsDebounceMs: 166
 };
 var defaultSlots = uncapitalizeObjectKeys(DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
 export var useDataGridProps = function useDataGridProps(inProps) {

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.17.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/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/props/DataGridProps.d.ts

@@ -340,6 +340,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

@@ -596,6 +596,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

@@ -68,7 +68,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/hooks/features/rows/useGridRowsMeta.js

@@ -174,7 +174,7 @@ export const useGridRowsMeta = (apiRef, props) => {
     rowsHeightLookup.current[id].needsFirstMeasurement = false;
     hydrateRowsMeta();
   }, [hydrateRowsMeta]);
-  const debouncedHydrateRowsMeta = React.useMemo(() => debounce(hydrateRowsMeta), [hydrateRowsMeta]);
+  const debouncedHydrateRowsMeta = React.useMemo(() => debounce(hydrateRowsMeta, props.rowPositionsDebounceMs), [hydrateRowsMeta, props.rowPositionsDebounceMs]);
   const storeMeasuredRowHeight = React.useCallback((id, height, position) => {
     if (!rowsHeightLookup.current[id] || !rowsHeightLookup.current[id].autoHeight) {
       return;

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

@@ -464,6 +464,7 @@ export const useGridVirtualScroller = props => {
       rowStyleCache.current = Object.create(null);
     }
     const rows = [];
+    let isRowWithFocusedCellRendered = false;
     for (let i = 0; i < renderedRows.length; i += 1) {
       const {
         id,
@@ -498,6 +499,13 @@ export const useGridVirtualScroller = props => {
         const style = _extends({}, rowStyle, rootRowStyle);
         rowStyleCache.current[id] = style;
       }
+      let index = rowIndexOffset + (currentPage?.range?.firstRowIndex || 0) + firstRowToRender + i;
+      if (isRowWithFocusedCellNotInRange && cellFocus?.id === id) {
+        index = indexOfRowWithFocusedCell;
+        isRowWithFocusedCellRendered = true;
+      } else if (isRowWithFocusedCellRendered) {
+        index -= 1;
+      }
       rows.push( /*#__PURE__*/_jsx(rootProps.slots.row, _extends({
         row: model,
         rowId: id,
@@ -511,7 +519,7 @@ export const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: rowIndexOffset + (currentPage?.range?.firstRowIndex || 0) + firstRowToRender + i,
+        index: index,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex,
         position: position

package/modern/index.js

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

package/modern/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/modern/utils/utils.js

@@ -1,5 +1,5 @@
 export function isNumber(value) {
-  return typeof value === 'number';
+  return typeof value === 'number' && !Number.isNaN(value);
 }
 export function isFunction(value) {
   return typeof value === 'function';

package/node/DataGrid/DataGrid.js

@@ -604,6 +604,13 @@ DataGridRaw.propTypes = {
    * Controls the modes of the rows.
    */
   rowModesModel: _propTypes.default.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.default.number,
   /**
    * Set of rows of type [[GridRowsProp]].
    */

package/node/DataGrid/useDataGridProps.js

@@ -77,7 +77,8 @@ const DATA_GRID_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PROPS_DEFAULT_VALUES =
   keepNonExistentRowsSelected: false,
   keepColumnPositionIfDraggedOutside: false,
   unstable_ignoreValueFormatterDuringExport: false,
-  clipboardCopyCellDelimiter: '\t'
+  clipboardCopyCellDelimiter: '\t',
+  rowPositionsDebounceMs: 166
 };
 const defaultSlots = (0, _utils.uncapitalizeObjectKeys)(_defaultGridSlotsComponents.DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
 const useDataGridProps = inProps => {

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

@@ -184,7 +184,7 @@ const useGridRowsMeta = (apiRef, props) => {
     rowsHeightLookup.current[id].needsFirstMeasurement = false;
     hydrateRowsMeta();
   }, [hydrateRowsMeta]);
-  const debouncedHydrateRowsMeta = React.useMemo(() => (0, _utils.unstable_debounce)(hydrateRowsMeta), [hydrateRowsMeta]);
+  const debouncedHydrateRowsMeta = React.useMemo(() => (0, _utils.unstable_debounce)(hydrateRowsMeta, props.rowPositionsDebounceMs), [hydrateRowsMeta, props.rowPositionsDebounceMs]);
   const storeMeasuredRowHeight = React.useCallback((id, height, position) => {
     if (!rowsHeightLookup.current[id] || !rowsHeightLookup.current[id].autoHeight) {
       return;

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

@@ -475,6 +475,7 @@ const useGridVirtualScroller = props => {
       rowStyleCache.current = Object.create(null);
     }
     const rows = [];
+    let isRowWithFocusedCellRendered = false;
     for (let i = 0; i < renderedRows.length; i += 1) {
       const {
         id,
@@ -509,6 +510,13 @@ const useGridVirtualScroller = props => {
         const style = (0, _extends2.default)({}, rowStyle, rootRowStyle);
         rowStyleCache.current[id] = style;
       }
+      let index = rowIndexOffset + (currentPage?.range?.firstRowIndex || 0) + firstRowToRender + i;
+      if (isRowWithFocusedCellNotInRange && cellFocus?.id === id) {
+        index = indexOfRowWithFocusedCell;
+        isRowWithFocusedCellRendered = true;
+      } else if (isRowWithFocusedCellRendered) {
+        index -= 1;
+      }
       rows.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.row, (0, _extends2.default)({
         row: model,
         rowId: id,
@@ -522,7 +530,7 @@ const useGridVirtualScroller = props => {
         firstColumnToRender: firstColumnToRender,
         lastColumnToRender: lastColumnToRender,
         selected: isSelected,
-        index: rowIndexOffset + (currentPage?.range?.firstRowIndex || 0) + firstRowToRender + i,
+        index: index,
         containerWidth: availableSpace,
         isLastVisible: lastVisibleRowIndex,
         position: position

package/node/index.js

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

package/node/locales/ptBR.js

@@ -66,13 +66,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',
@@ -80,13 +79,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/node/utils/utils.js

@@ -13,7 +13,7 @@ exports.isObject = isObject;
 exports.localStorageAvailable = localStorageAvailable;
 exports.randomNumberBetween = randomNumberBetween;
 function isNumber(value) {
-  return typeof value === 'number';
+  return typeof value === 'number' && !Number.isNaN(value);
 }
 function isFunction(value) {
   return typeof value === 'function';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.16.3",
+  "version": "6.17.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/utils/utils.d.ts

@@ -1,4 +1,4 @@
-export declare function isNumber(value: any): value is number;
+export declare function isNumber(value: unknown): value is number;
 export declare function isFunction(value: any): value is Function;
 export declare function isObject<TObject = Record<PropertyKey, any>>(value: unknown): value is TObject;
 export declare function localStorageAvailable(): boolean;

package/utils/utils.js

@@ -1,5 +1,5 @@
 export function isNumber(value) {
-  return typeof value === 'number';
+  return typeof value === 'number' && !Number.isNaN(value);
 }
 export function isFunction(value) {
   return typeof value === 'function';