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

package/CHANGELOG.md

@@ -3,6 +3,67 @@
 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_

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.

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/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.17.0
+ * @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.

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/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.17.0
+ * @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 = "MTY5ODM1NzYwMDAwMA==";
+  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.

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/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.17.0
+ * @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 = "MTY5ODM1NzYwMDAwMA==";
+  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.

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/index.js

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

package/utils/releaseInfo.js

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