@mui/x-data-grid-premium 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/DataGridPremium/DataGridPremium.js

@@ -854,6 +854,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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,
   /**
    * If `true`, the reordering of rows is enabled.
    * @default false

package/hooks/features/aggregation/gridAggregationFunctions.d.ts

@@ -1,8 +1,8 @@
 import { GridAggregationFunction } from './gridAggregationInterfaces';
 export declare const GRID_AGGREGATION_FUNCTIONS: {
-    sum: GridAggregationFunction<number, number, number>;
-    avg: GridAggregationFunction<number, number, number>;
+    sum: GridAggregationFunction<unknown, number, number>;
+    avg: GridAggregationFunction<unknown, number, number>;
     min: GridAggregationFunction<number | Date, number | Date, number | Date>;
     max: GridAggregationFunction<number | Date, number | Date, number | Date>;
-    size: GridAggregationFunction<number, number, number>;
+    size: GridAggregationFunction<unknown, number, number>;
 };

package/hooks/features/aggregation/gridAggregationFunctions.js

@@ -6,7 +6,7 @@ const sumAgg = {
     let sum = 0;
     for (let i = 0; i < values.length; i += 1) {
       const value = values[i];
-      if (value != null) {
+      if (isNumber(value)) {
         sum += value;
       }
     }
@@ -15,12 +15,22 @@ const sumAgg = {
   columnTypes: ['number']
 };
 const avgAgg = {
-  apply: params => {
-    if (params.values.length === 0) {
+  apply: ({
+    values
+  }) => {
+    if (values.length === 0) {
       return null;
     }
-    const sum = sumAgg.apply(params);
-    return sum / params.values.length;
+    let sum = 0;
+    let valuesCount = 0;
+    for (let i = 0; i < values.length; i += 1) {
+      const value = values[i];
+      if (isNumber(value)) {
+        valuesCount += 1;
+        sum += value;
+      }
+    }
+    return sum / valuesCount;
   },
   columnTypes: ['number']
 };
@@ -64,7 +74,7 @@ const sizeAgg = {
   apply: ({
     values
   }) => {
-    return values.length;
+    return values.filter(value => typeof value !== 'undefined').length;
   },
   valueFormatter: params => {
     if (params.value == null || !isNumber(params.value)) {

package/hooks/features/cellSelection/useGridCellSelection.js

@@ -389,7 +389,7 @@ export const useGridCellSelection = (apiRef, props) => {
     } else {
       newClasses.push(gridClasses['cell--rangeTop']);
     }
-    if (rowIndex < visibleRows.range.lastRowIndex) {
+    if (rowIndex + visibleRows.range.firstRowIndex < visibleRows.range.lastRowIndex) {
       const {
         id: nextRowId
       } = visibleRows.rows[rowIndex + 1];

package/index.js

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

package/legacy/DataGridPremium/DataGridPremium.js

@@ -854,6 +854,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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,
   /**
    * If `true`, the reordering of rows is enabled.
    * @default false

package/legacy/hooks/features/aggregation/gridAggregationFunctions.js

@@ -5,7 +5,7 @@ var sumAgg = {
     var sum = 0;
     for (var i = 0; i < values.length; i += 1) {
       var value = values[i];
-      if (value != null) {
+      if (isNumber(value)) {
         sum += value;
       }
     }
@@ -14,18 +14,27 @@ var sumAgg = {
   columnTypes: ['number']
 };
 var avgAgg = {
-  apply: function apply(params) {
-    if (params.values.length === 0) {
+  apply: function apply(_ref2) {
+    var values = _ref2.values;
+    if (values.length === 0) {
       return null;
     }
-    var sum = sumAgg.apply(params);
-    return sum / params.values.length;
+    var sum = 0;
+    var valuesCount = 0;
+    for (var i = 0; i < values.length; i += 1) {
+      var value = values[i];
+      if (isNumber(value)) {
+        valuesCount += 1;
+        sum += value;
+      }
+    }
+    return sum / valuesCount;
   },
   columnTypes: ['number']
 };
 var minAgg = {
-  apply: function apply(_ref2) {
-    var values = _ref2.values;
+  apply: function apply(_ref3) {
+    var values = _ref3.values;
     if (values.length === 0) {
       return null;
     }
@@ -41,8 +50,8 @@ var minAgg = {
   columnTypes: ['number', 'date', 'dateTime']
 };
 var maxAgg = {
-  apply: function apply(_ref3) {
-    var values = _ref3.values;
+  apply: function apply(_ref4) {
+    var values = _ref4.values;
     if (values.length === 0) {
       return null;
     }
@@ -58,9 +67,11 @@ var maxAgg = {
   columnTypes: ['number', 'date', 'dateTime']
 };
 var sizeAgg = {
-  apply: function apply(_ref4) {
-    var values = _ref4.values;
-    return values.length;
+  apply: function apply(_ref5) {
+    var values = _ref5.values;
+    return values.filter(function (value) {
+      return typeof value !== 'undefined';
+    }).length;
   },
   valueFormatter: function valueFormatter(params) {
     if (params.value == null || !isNumber(params.value)) {

package/legacy/hooks/features/cellSelection/useGridCellSelection.js

@@ -380,7 +380,7 @@ export var useGridCellSelection = function useGridCellSelection(apiRef, props) {
     } else {
       newClasses.push(gridClasses['cell--rangeTop']);
     }
-    if (rowIndex < visibleRows.range.lastRowIndex) {
+    if (rowIndex + visibleRows.range.firstRowIndex < visibleRows.range.lastRowIndex) {
       var nextRowId = visibleRows.rows[rowIndex + 1].id;
       if (!apiRef.current.unstable_isCellSelected(nextRowId, field)) {
         newClasses.push(gridClasses['cell--rangeBottom']);

package/legacy/index.js

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

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5Nzc3NDQwMDAwMA==";
+  var releaseInfo = "MTY5ODM1NzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/DataGridPremium/DataGridPremium.js

@@ -854,6 +854,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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,
   /**
    * If `true`, the reordering of rows is enabled.
    * @default false

package/modern/hooks/features/aggregation/gridAggregationFunctions.js

@@ -6,7 +6,7 @@ const sumAgg = {
     let sum = 0;
     for (let i = 0; i < values.length; i += 1) {
       const value = values[i];
-      if (value != null) {
+      if (isNumber(value)) {
         sum += value;
       }
     }
@@ -15,12 +15,22 @@ const sumAgg = {
   columnTypes: ['number']
 };
 const avgAgg = {
-  apply: params => {
-    if (params.values.length === 0) {
+  apply: ({
+    values
+  }) => {
+    if (values.length === 0) {
       return null;
     }
-    const sum = sumAgg.apply(params);
-    return sum / params.values.length;
+    let sum = 0;
+    let valuesCount = 0;
+    for (let i = 0; i < values.length; i += 1) {
+      const value = values[i];
+      if (isNumber(value)) {
+        valuesCount += 1;
+        sum += value;
+      }
+    }
+    return sum / valuesCount;
   },
   columnTypes: ['number']
 };
@@ -64,7 +74,7 @@ const sizeAgg = {
   apply: ({
     values
   }) => {
-    return values.length;
+    return values.filter(value => typeof value !== 'undefined').length;
   },
   valueFormatter: params => {
     if (params.value == null || !isNumber(params.value)) {

package/modern/hooks/features/cellSelection/useGridCellSelection.js

@@ -380,7 +380,7 @@ export const useGridCellSelection = (apiRef, props) => {
     } else {
       newClasses.push(gridClasses['cell--rangeTop']);
     }
-    if (rowIndex < visibleRows.range.lastRowIndex) {
+    if (rowIndex + visibleRows.range.firstRowIndex < visibleRows.range.lastRowIndex) {
       const {
         id: nextRowId
       } = visibleRows.rows[rowIndex + 1];

package/modern/index.js

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

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5Nzc3NDQwMDAwMA==";
+  const releaseInfo = "MTY5ODM1NzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/DataGridPremium/DataGridPremium.js

@@ -862,6 +862,13 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.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,
   /**
    * If `true`, the reordering of rows is enabled.
    * @default false

package/node/hooks/features/aggregation/gridAggregationFunctions.js

@@ -12,7 +12,7 @@ const sumAgg = {
     let sum = 0;
     for (let i = 0; i < values.length; i += 1) {
       const value = values[i];
-      if (value != null) {
+      if ((0, _internals.isNumber)(value)) {
         sum += value;
       }
     }
@@ -21,12 +21,22 @@ const sumAgg = {
   columnTypes: ['number']
 };
 const avgAgg = {
-  apply: params => {
-    if (params.values.length === 0) {
+  apply: ({
+    values
+  }) => {
+    if (values.length === 0) {
       return null;
     }
-    const sum = sumAgg.apply(params);
-    return sum / params.values.length;
+    let sum = 0;
+    let valuesCount = 0;
+    for (let i = 0; i < values.length; i += 1) {
+      const value = values[i];
+      if ((0, _internals.isNumber)(value)) {
+        valuesCount += 1;
+        sum += value;
+      }
+    }
+    return sum / valuesCount;
   },
   columnTypes: ['number']
 };
@@ -70,7 +80,7 @@ const sizeAgg = {
   apply: ({
     values
   }) => {
-    return values.length;
+    return values.filter(value => typeof value !== 'undefined').length;
   },
   valueFormatter: params => {
     if (params.value == null || !(0, _internals.isNumber)(params.value)) {

package/node/hooks/features/cellSelection/useGridCellSelection.js

@@ -390,7 +390,7 @@ const useGridCellSelection = (apiRef, props) => {
     } else {
       newClasses.push(_xDataGridPro.gridClasses['cell--rangeTop']);
     }
-    if (rowIndex < visibleRows.range.lastRowIndex) {
+    if (rowIndex + visibleRows.range.firstRowIndex < visibleRows.range.lastRowIndex) {
       const {
         id: nextRowId
       } = visibleRows.rows[rowIndex + 1];

package/node/index.js

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

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY5Nzc3NDQwMDAwMA==";
+  const releaseInfo = "MTY5ODM1NzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "6.16.3",
+  "version": "6.17.0",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,10 +33,10 @@
   "dependencies": {
     "@babel/runtime": "^7.23.2",
     "@mui/utils": "^5.14.14",
-    "@mui/x-data-grid": "6.16.3",
-    "@mui/x-data-grid-pro": "6.16.3",
+    "@mui/x-data-grid": "6.17.0",
+    "@mui/x-data-grid-pro": "6.17.0",
     "@mui/x-license-pro": "6.10.2",
-    "@types/format-util": "^1.0.2",
+    "@types/format-util": "^1.0.3",
     "clsx": "^2.0.0",
     "exceljs": "^4.3.0",
     "prop-types": "^15.8.1",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5Nzc3NDQwMDAwMA==";
+  const releaseInfo = "MTY5ODM1NzYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat