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

package/CHANGELOG.md

@@ -3,6 +3,125 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.18.1
+
+_Nov 9, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
+- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/) published
+- 📈 `<ChartsReferenceLine />` component is now available
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.1`
+
+- [DataGrid] Fix cell value type in quick filtering v7 (#10884) @cherniavskii
+- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10947) @michelengelen
+- [DataGrid] Fix `undefined` slot values (#10934) @romgrk
+
+#### `@mui/x-data-grid-pro@6.18.1` [![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.1`, plus:
+
+- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@6.18.1` [![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.1`, plus:
+
+- [DataGridPremium] Render aggregation label when `renderHeader` is used (#10961) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.1`
+
+- [fields] Fix multi input date time field section selection (#10915) @noraleonte
+- [pickers] Always use up-to-date `defaultView` (#10889) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.1` [![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.1`.
+
+### Charts / `@mui/x-charts@6.18.1`
+
+- [charts] Add `<ChartsReferenceLine />` component (#10597) @wascou
+- [charts] Improve properties JSDoc (#10931) @alexfauquette
+
+### Docs
+
+- [docs] Fix charts docs as stable (#10888) @alexfauquette
+- [docs] Document how to hide the legend (#10954) @alexfauquette
+
+### Core
+
+- [core] Adds new alpha version to version select on the docs (#10944) @michelengelen
+- [core] Fix GitHub title tag consistency @oliviertassinari
+
+## 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_
@@ -296,7 +415,7 @@ Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
 
 - [core] Fix casing consistency with legal and marketing content @oliviertassinari
 - [core] Revert the link in the priority support ticket description (#10517) @michelengelen
-- [CHANGELOG] Polish image @oliviertassinari
+- [changelog] Polish image @oliviertassinari
 
 ## 6.16.0
 
@@ -1088,7 +1207,7 @@ Same changes as in `@mui/x-date-pickers@6.10.1`.
 ### Core
 
 - [core] Add `validate` command (#9714) @romgrk
-- [CHANGELOG] Update generator to new format @oliviertassinari
+- [changelog] Update generator to new format @oliviertassinari
 
 ## 6.10.0
 
@@ -1146,7 +1265,7 @@ Same changes as in `@mui/x-date-pickers@6.10.0`.
 
 - [core] Disambiguate eslint plugin name @oliviertassinari
 - [core] Update priority support issue template and prompt (#9574) @DanailH
-- [CHANGELOG] Clarify each plan (#9446) @oliviertassinari
+- [changelog] Clarify each plan (#9446) @oliviertassinari
 - [license] Fix error terminology (#9614) @oliviertassinari
 
 ## 6.9.2
@@ -1295,8 +1414,8 @@ Same changes as in `@mui/x-date-pickers@6.9.1`.
 - [core] Fix priority support prompt action (#9472) @DanailH
 - [core] Update `uses` for priority support action (#9480) @DanailH
 - [core] Bumb update monorepo (#9476) @alexfauquette
-- [CHANGELOG] Fix media quality (#9439) @oliviertassinari
-- [CHANGELOG] Remove height img attribute @oliviertassinari
+- [changelog] Fix media quality (#9439) @oliviertassinari
+- [changelog] Remove height img attribute @oliviertassinari
 - [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
 
 ## 6.9.0

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.1
  *
  * @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.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/models/dataSource.js

@@ -0,0 +1 @@
+export {};

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5ODM1NzYwMDAwMA==";
+  var releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
   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/dataSource.d.ts

@@ -0,0 +1,64 @@
+import { GridSortModel, GridFilterModel, GridColDef, GridRowModel, GridPaginationModel } from '@mui/x-data-grid';
+interface GetRowsParams {
+    sortModel: GridSortModel;
+    filterModel: GridFilterModel;
+    /**
+     * Alternate to `start` and `end`, maps to `GridPaginationModel` interface
+     */
+    paginationModel: GridPaginationModel;
+    /**
+     * First row index to fetch (number) or cursor information (number | string)
+     */
+    start: number | string;
+    /**
+     * Last row index to fetch
+     */
+    end: number;
+    /**
+     * Array of keys returned by `getGroupKey` of all the parent rows until the row for which the data is requested
+     * `getGroupKey` prop must be implemented to use this
+     * Useful for `treeData` and `rowGrouping` only
+     */
+    groupKeys: string[];
+    /**
+     * List of grouped columns (only applicable with `rowGrouping`)
+     */
+    groupFields: GridColDef['field'][];
+}
+interface GetRowsResponse {
+    rows: GridRowModel[];
+    /**
+     * To reflect updates in total `rowCount` (optional)
+     * Useful when the `rowCount` is inaccurate (e.g. when filtering) or not available upfront
+     */
+    rowCount?: number;
+    /**
+     * Additional `pageInfo` to help the grid determine if there are more rows to fetch (corner-cases)
+     * `hasNextPage`: When row count is unknown/inaccurate, if `truncated` is set or rowCount is not known, data will keep loading until `hasNextPage` is `false`
+     * `truncated`: To reflect `rowCount` is inaccurate (will trigger `x-y of many` in pagination after the count of rows fetched is greater than provided `rowCount`)
+     * It could be useful with:
+     * 1. Cursor based pagination:
+     *   When rowCount is not known, grid will check for `hasNextPage` to determine
+     *   if there are more rows to fetch.
+     * 2. Inaccurate `rowCount`:
+     *   `truncated: true` will let the grid know that `rowCount` is estimated/truncated.
+     *   Thus `hasNextPage` will come into play to check more rows are available to fetch after the number becomes >= provided `rowCount`
+     */
+    pageInfo?: {
+        hasNextPage?: boolean;
+        truncated?: number;
+    };
+}
+export interface DataSource {
+    /**
+      Fetcher Functions:
+      - `getRows` is required
+      - `updateRow` is optional
+      
+      `getRows` will be used by the grid to fetch data for the current page or children for the current parent group
+      It may return a `rowCount` to update the total count of rows in the grid along with the optional `pageInfo`
+    */
+    getRows(params: GetRowsParams): Promise<GetRowsResponse>;
+    updateRow?(rows: GridRowModel): Promise<any>;
+}
+export {};

package/models/dataSource.js

@@ -0,0 +1 @@
+export {};

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.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/models/dataSource.js

@@ -0,0 +1 @@
+export {};

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5ODM1NzYwMDAwMA==";
+  const releaseInfo = "MTY5OTQ4NDQwMDAwMA==";
   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.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/models/dataSource.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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 = "MTY5OTQ4NDQwMDAwMA==";
   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.1",
   "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.1",
     "@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 = "MTY5OTQ4NDQwMDAwMA==";
   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