@mui/x-data-grid-pro 6.16.3 → 6.18.0

package/CHANGELOG.md

@@ -3,6 +3,133 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.18.0
+
+_Nov 3, 2023_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 The Charts package is now officially stable!
+- 🥧 Pie charts are now animated.
+- 📈 Line charts now support partial data, and can interpolate missing data.
+
+<img width="380" alt="line charts with partial data" src="https://github.com/mui/mui-x/assets/45398769/385ecf77-19b2-4a03-8aef-5d547db1d9ad">
+
+- ✨ Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.0`
+
+- [DataGrid] Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering (#10569) @cherniavskii
+- [DataGrid] Fix a typo in `gridFilterApi` (#10786) @vu-dao-93
+- [DataGrid] Fix `undefined` row id (#10670) @romgrk
+- [DataGrid] Make column autosizing work with dynamic row height (#10693) @cherniavskii
+- [l10n] Allow to customize sorting label per column (#10839) @JerryWu1234
+
+#### `@mui/x-data-grid-pro@6.18.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.18.0`.
+
+#### `@mui/x-data-grid-premium@6.18.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.18.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.0`
+
+- [pickers] Add reference links to calendar components (#10644) @michelengelen
+
+#### `@mui/x-date-pickers-pro@6.18.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.18.0`.
+
+### Charts / `@mui/x-charts@6.18.0`
+
+- [charts] Add animation on pie chart (#10782) @alexfauquette
+- [charts] Add reference links to shared/misc chart components (#10660) @michelengelen
+- [charts] Allows to connect nulls (#10803) @alexfauquette
+- [charts] Fix axis highlight in dark mode (#10820) @LukasTy
+
+### Docs
+
+- [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
+- [docs] Add a data grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
+- [docs] Add demo about how to use charts margin (#10886) @alexfauquette
+- [docs] Improve custom field input demos readability (#10559) @LukasTy
+
+### Core
+
+- [core] Generate `slot` API descriptions based on `slots` or `components` (#10879) @LukasTy
+
+## 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/DataGridPro/DataGridPro.js

@@ -390,6 +390,12 @@ DataGridProRaw.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 DataGridPro.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -781,6 +787,13 @@ DataGridProRaw.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/columnResize/useGridColumnResize.js

@@ -134,13 +134,7 @@ function extractColumnWidths(apiRef, options, columns) {
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
-      var _getAttribute, _cell$firstElementChi, _cell$firstElementChi2;
-      const id = (_getAttribute = cell.parentElement.getAttribute('data-id')) != null ? _getAttribute : '';
-      const hasAutoHeight = apiRef.current.rowHasAutoHeight(id);
-      if (hasAutoHeight) {
-        var _computedWidth;
-        return (_computedWidth = column.computedWidth) != null ? _computedWidth : column.width;
-      }
+      var _cell$firstElementChi, _cell$firstElementChi2;
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
       const contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;

package/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -12,7 +12,7 @@ export const GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF,
   disableReorder: true,
   align: 'left',
   width: 200,
-  valueGetter: params => params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined
+  valueGetter: params => params.rowNode.type === 'group' || params.rowNode.type === 'leaf' ? params.rowNode.groupingKey : undefined
 });
 export const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
 export const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {

package/hooks/features/treeData/gridTreeDataUtils.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { GridRowTreeConfig, GridFilterState, GridFilterModel } from '@mui/x-data-grid';
-import { GridAggregatedFilterItemApplier, GridApiCommunity } from '@mui/x-data-grid/internals';
+import { GridAggregatedFilterItemApplier } from '@mui/x-data-grid/internals';
+import type { GridPrivateApiPro } from '../../../models/gridApiPro';
 interface FilterRowTreeFromTreeDataParams {
     rowTree: GridRowTreeConfig;
     disableChildrenFiltering: boolean;
     isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
     filterModel: GridFilterModel;
-    apiRef: React.MutableRefObject<GridApiCommunity>;
+    apiRef: React.MutableRefObject<GridPrivateApiPro>;
 }
 export declare const TREE_DATA_STRATEGY = "tree-data";
 /**

package/index.js

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

package/legacy/DataGridPro/DataGridPro.js

@@ -390,6 +390,12 @@ DataGridProRaw.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 DataGridPro.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -781,6 +787,13 @@ DataGridProRaw.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/columnResize/useGridColumnResize.js

@@ -143,13 +143,7 @@ function extractColumnWidths(apiRef, options, columns) {
   columns.forEach(function (column) {
     var cells = findGridCells(apiRef.current, column.field);
     var widths = cells.map(function (cell) {
-      var _getAttribute, _cell$firstElementChi, _cell$firstElementChi2;
-      var id = (_getAttribute = cell.parentElement.getAttribute('data-id')) != null ? _getAttribute : '';
-      var hasAutoHeight = apiRef.current.rowHasAutoHeight(id);
-      if (hasAutoHeight) {
-        var _computedWidth;
-        return (_computedWidth = column.computedWidth) != null ? _computedWidth : column.width;
-      }
+      var _cell$firstElementChi, _cell$firstElementChi2;
       var style = window.getComputedStyle(cell, null);
       var paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
       var contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;

package/legacy/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -13,7 +13,7 @@ export var GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   align: 'left',
   width: 200,
   valueGetter: function valueGetter(params) {
-    return params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined;
+    return params.rowNode.type === 'group' || params.rowNode.type === 'leaf' ? params.rowNode.groupingKey : undefined;
   }
 });
 export var GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.16.3
+ * @mui/x-data-grid-pro v6.18.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 = "MTY5ODk2NjAwMDAwMA==";
   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/models/gridApiPro.d.ts

@@ -2,10 +2,11 @@ import { GridApiCommon, GridColumnReorderApi, GridRowMultiSelectionApi, GridRowP
 import { GridPrivateOnlyApiCommon } from '@mui/x-data-grid/internals';
 import { GridInitialStatePro, GridStatePro } from './gridStatePro';
 import type { GridColumnPinningApi, GridColumnResizeApi, GridDetailPanelApi, GridRowPinningApi, GridDetailPanelPrivateApi } from '../hooks';
+import type { DataGridProProcessedProps } from './dataGridProProps';
 /**
  * The api of `DataGridPro`.
  */
 export interface GridApiPro extends GridApiCommon<GridStatePro, GridInitialStatePro>, GridRowProApi, GridColumnPinningApi, GridColumnResizeApi, GridDetailPanelApi, GridRowPinningApi, GridRowMultiSelectionApi, GridColumnReorderApi {
 }
-export interface GridPrivateApiPro extends GridApiPro, GridPrivateOnlyApiCommon<GridApiPro, GridPrivateApiPro>, GridDetailPanelPrivateApi {
+export interface GridPrivateApiPro extends GridApiPro, GridPrivateOnlyApiCommon<GridApiPro, GridPrivateApiPro, DataGridProProcessedProps>, GridDetailPanelPrivateApi {
 }

package/modern/DataGridPro/DataGridPro.js

@@ -390,6 +390,12 @@ DataGridProRaw.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 DataGridPro.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -781,6 +787,13 @@ DataGridProRaw.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/columnResize/useGridColumnResize.js

@@ -134,11 +134,6 @@ function extractColumnWidths(apiRef, options, columns) {
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
-      const id = cell.parentElement.getAttribute('data-id') ?? '';
-      const hasAutoHeight = apiRef.current.rowHasAutoHeight(id);
-      if (hasAutoHeight) {
-        return column.computedWidth ?? column.width;
-      }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
       const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;

package/modern/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -12,7 +12,7 @@ export const GRID_TREE_DATA_GROUPING_COL_DEF = _extends({}, GRID_STRING_COL_DEF,
   disableReorder: true,
   align: 'left',
   width: 200,
-  valueGetter: params => params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined
+  valueGetter: params => params.rowNode.type === 'group' || params.rowNode.type === 'leaf' ? params.rowNode.groupingKey : undefined
 });
 export const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
 export const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.16.3
+ * @mui/x-data-grid-pro v6.18.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 = "MTY5ODk2NjAwMDAwMA==";
   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/DataGridPro/DataGridPro.js

@@ -398,6 +398,12 @@ DataGridProRaw.propTypes = {
    * @default false
    */
   hideFooterSelectedRowCount: _propTypes.default.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.default.bool,
   /**
    * The initial state of the DataGridPro.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -789,6 +795,13 @@ DataGridProRaw.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/columnResize/useGridColumnResize.js

@@ -143,11 +143,6 @@ function extractColumnWidths(apiRef, options, columns) {
   columns.forEach(column => {
     const cells = (0, _domUtils.findGridCells)(apiRef.current, column.field);
     const widths = cells.map(cell => {
-      const id = cell.parentElement.getAttribute('data-id') ?? '';
-      const hasAutoHeight = apiRef.current.rowHasAutoHeight(id);
-      if (hasAutoHeight) {
-        return column.computedWidth ?? column.width;
-      }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
       const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;

package/node/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -18,7 +18,7 @@ const GRID_TREE_DATA_GROUPING_COL_DEF = exports.GRID_TREE_DATA_GROUPING_COL_DEF
   disableReorder: true,
   align: 'left',
   width: 200,
-  valueGetter: params => params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined
+  valueGetter: params => params.rowNode.type === 'group' || params.rowNode.type === 'leaf' ? params.rowNode.groupingKey : undefined
 });
 const GRID_TREE_DATA_GROUPING_FIELD = exports.GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
 const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.16.3
+ * @mui/x-data-grid-pro v6.18.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 = "MTY5ODk2NjAwMDAwMA==";
   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-pro",
-  "version": "6.16.3",
+  "version": "6.18.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@mui/utils": "^5.14.14",
-    "@mui/x-data-grid": "6.16.3",
+    "@mui/utils": "^5.14.16",
+    "@mui/x-data-grid": "6.18.0",
     "@mui/x-license-pro": "6.10.2",
-    "@types/format-util": "^1.0.2",
+    "@types/format-util": "^1.0.3",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8"

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5Nzc3NDQwMDAwMA==";
+  const releaseInfo = "MTY5ODk2NjAwMDAwMA==";
   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