@mui/x-data-grid-premium 6.11.1 → 6.11.2

package/CHANGELOG.md

@@ -3,6 +3,62 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.11.2
+
+_Aug 17, 2023_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 🏎️ Lower the filtering delay in the grid
+- 🌍 Improve Spanish (es-ES) locale on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.11.2`
+
+- [DataGrid] Fix `eval` blocked by CSP (#9863) @romgrk
+- [DataGrid] Fix row id bug (#10051) @romgrk
+- [DataGrid] Honor `disableExport` flag in Print Export (#10044) @MBilalShafi
+- [DataGrid] Lower filter debounce delay (#9712) @romgrk
+- [DataGrid] Unhide potential ref binding issue (#9965) @oliviertassinari
+- [l10n] Improve Chinese (zh-CN) and Chinese(traditional) (zh-TW) locales (#9999) @MyNameIsTakenOMG
+- [l10n] Improve Spanish (es-ES) locale (#10037) @Macampu420
+
+#### `@mui/x-data-grid-pro@v6.11.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-data-grid@v6.11.2`.
+
+#### `@mui/x-data-grid-premium@v6.11.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
+
+Same changes as in `@mui/x-data-grid-pro@v6.11.2`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.11.2`
+
+- [pickers] Fix month switcher RTL (#10003) @alexfauquette
+- [pickers] Follow-up on using device motion reduction preference (#9858) @LukasTy
+- [pickers] Pass the shortcut information in the `onChange` context (#9985) @flaviendelangle
+- [pickers] Replace `Grid` toolbar component with a styled `div` (#10052) @LukasTy
+
+#### `@mui/x-date-pickers-pro@v6.11.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-date-pickers@v6.11.2`.
+
+### Docs
+
+- [docs] Add migration guide for the Tree View (#9987) @flaviendelangle
+- [docs] Fix en-US changelog @oliviertassinari
+- [docs] Update column types (#10040) @romgrk
+
+### Core
+
+- [core] Remove unnecessary Box (#9831) @oliviertassinari
+- [core] Set GitHub Action top level permission @oliviertassinari
+- [core] Split the pickers test utils (#9976) @flaviendelangle
+
 ## 6.11.1
 
 _Aug 11, 2023_
@@ -2872,7 +2928,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 
 #### Changes
 
-- [DateRangePicker] Fix input focused style and mobile behaviour (#6645) @LukasTy
+- [DateRangePicker] Fix input focused style and mobile behavior (#6645) @LukasTy
 - [fields] Update sections when the locale changes (#6649) @flaviendelangle
 - [pickers] Add Ukrainian (uk-UA) locale (#6661) @Dufran
 - [pickers] Allow non-controlled usage of the calendar components (#6643) @flaviendelangle

package/DataGridPremium/DataGrid.d.ts

@@ -1,3 +1,4 @@
+export { SUBMIT_FILTER_STROKE_TIME, SUBMIT_FILTER_DATE_STROKE_TIME } from '@mui/x-data-grid';
 /**
  * @deprecated Import DataGridPremium instead.
  */

package/DataGridPremium/DataGrid.js

@@ -1,3 +1,5 @@
+export { SUBMIT_FILTER_STROKE_TIME, SUBMIT_FILTER_DATE_STROKE_TIME } from '@mui/x-data-grid';
+
 /**
  * @deprecated Import DataGridPremium instead.
  */

package/DataGridPremium/DataGridPremium.js

@@ -218,6 +218,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   disableDensitySelector: PropTypes.bool,
+  /**
+   * If `true`, `eval()` is not used for performance optimization.
+   * @default false
+   * @ignore - do not document
+   */
+  disableEval: PropTypes.bool,
   /**
    * If `true`, filtering with multiple columns is disabled.
    * @default false
@@ -264,6 +270,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     lazyLoading: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering.
+   * @default 150
+   */
+  filterDebounceMs: PropTypes.number,
   /**
    * Filtering can be processed on the server or client-side.
    * Set it to 'server' if you would like to handle filtering on the server-side.

package/hooks/features/aggregation/wrapColumnWithAggregation.js

@@ -83,6 +83,7 @@ const getAggregationValueWrappedRenderCell = ({
  */
 const getWrappedFilterOperators = ({
   value: filterOperators,
+  apiRef,
   getCellAggregationResult
 }) => filterOperators.map(operator => {
   const baseGetApplyFilterFn = operator.getApplyFilterFn;
@@ -105,7 +106,7 @@ const getWrappedFilterOperators = ({
       return null;
     }
     return (value, row, column, api) => {
-      if (getCellAggregationResult(row.id, column.field) != null) {
+      if (getCellAggregationResult(apiRef.current.getRowId(row), column.field) != null) {
         return true;
       }
       return filterFn(value, row, column, api);
@@ -152,9 +153,6 @@ export const wrapColumnWithAggregationValue = ({
     var _rowNode$parent, _gridAggregationLooku;
     let cellAggregationPosition = null;
     const rowNode = apiRef.current.getRowNode(id);
-    if (!rowNode) {
-      return null;
-    }
     if (rowNode.type === 'group') {
       cellAggregationPosition = 'inline';
     } else if (id.toString().startsWith('auto-generated-group-footer-')) {

package/index.js

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

package/legacy/DataGridPremium/DataGrid.js

@@ -1,3 +1,5 @@
+export { SUBMIT_FILTER_STROKE_TIME, SUBMIT_FILTER_DATE_STROKE_TIME } from '@mui/x-data-grid';
+
 /**
  * @deprecated Import DataGridPremium instead.
  */

package/legacy/DataGridPremium/DataGridPremium.js

@@ -218,6 +218,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   disableDensitySelector: PropTypes.bool,
+  /**
+   * If `true`, `eval()` is not used for performance optimization.
+   * @default false
+   * @ignore - do not document
+   */
+  disableEval: PropTypes.bool,
   /**
    * If `true`, filtering with multiple columns is disabled.
    * @default false
@@ -264,6 +270,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     lazyLoading: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering.
+   * @default 150
+   */
+  filterDebounceMs: PropTypes.number,
   /**
    * Filtering can be processed on the server or client-side.
    * Set it to 'server' if you would like to handle filtering on the server-side.

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

@@ -80,6 +80,7 @@ var getAggregationValueWrappedRenderCell = function getAggregationValueWrappedRe
  */
 var getWrappedFilterOperators = function getWrappedFilterOperators(_ref4) {
   var filterOperators = _ref4.value,
+    apiRef = _ref4.apiRef,
     getCellAggregationResult = _ref4.getCellAggregationResult;
   return filterOperators.map(function (operator) {
     var baseGetApplyFilterFn = operator.getApplyFilterFn;
@@ -102,7 +103,7 @@ var getWrappedFilterOperators = function getWrappedFilterOperators(_ref4) {
         return null;
       }
       return function (value, row, column, api) {
-        if (getCellAggregationResult(row.id, column.field) != null) {
+        if (getCellAggregationResult(apiRef.current.getRowId(row), column.field) != null) {
           return true;
         }
         return filterFn(value, row, column, api);
@@ -148,9 +149,6 @@ export var wrapColumnWithAggregationValue = function wrapColumnWithAggregationVa
     var _rowNode$parent, _gridAggregationLooku;
     var cellAggregationPosition = null;
     var rowNode = apiRef.current.getRowNode(id);
-    if (!rowNode) {
-      return null;
-    }
     if (rowNode.type === 'group') {
       cellAggregationPosition = 'inline';
     } else if (id.toString().startsWith('auto-generated-group-footer-')) {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.11.1
+ * @mui/x-data-grid-premium v6.11.2
  *
  * @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 = "MTY5MTcwMTIwMDAwMA==";
+  var releaseInfo = "MTY5MjI0NDgwMDAwMA==";
   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/DataGrid.js

@@ -1,3 +1,5 @@
+export { SUBMIT_FILTER_STROKE_TIME, SUBMIT_FILTER_DATE_STROKE_TIME } from '@mui/x-data-grid';
+
 /**
  * @deprecated Import DataGridPremium instead.
  */

package/modern/DataGridPremium/DataGridPremium.js

@@ -218,6 +218,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   disableDensitySelector: PropTypes.bool,
+  /**
+   * If `true`, `eval()` is not used for performance optimization.
+   * @default false
+   * @ignore - do not document
+   */
+  disableEval: PropTypes.bool,
   /**
    * If `true`, filtering with multiple columns is disabled.
    * @default false
@@ -264,6 +270,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     lazyLoading: PropTypes.bool,
     warnIfFocusStateIsNotSynced: PropTypes.bool
   }),
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering.
+   * @default 150
+   */
+  filterDebounceMs: PropTypes.number,
   /**
    * Filtering can be processed on the server or client-side.
    * Set it to 'server' if you would like to handle filtering on the server-side.

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

@@ -81,6 +81,7 @@ const getAggregationValueWrappedRenderCell = ({
  */
 const getWrappedFilterOperators = ({
   value: filterOperators,
+  apiRef,
   getCellAggregationResult
 }) => filterOperators.map(operator => {
   const baseGetApplyFilterFn = operator.getApplyFilterFn;
@@ -103,7 +104,7 @@ const getWrappedFilterOperators = ({
       return null;
     }
     return (value, row, column, api) => {
-      if (getCellAggregationResult(row.id, column.field) != null) {
+      if (getCellAggregationResult(apiRef.current.getRowId(row), column.field) != null) {
         return true;
       }
       return filterFn(value, row, column, api);
@@ -149,9 +150,6 @@ export const wrapColumnWithAggregationValue = ({
   const getCellAggregationResult = (id, field) => {
     let cellAggregationPosition = null;
     const rowNode = apiRef.current.getRowNode(id);
-    if (!rowNode) {
-      return null;
-    }
     if (rowNode.type === 'group') {
       cellAggregationPosition = 'inline';
     } else if (id.toString().startsWith('auto-generated-group-footer-')) {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.11.1
+ * @mui/x-data-grid-premium v6.11.2
  *
  * @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 = "MTY5MTcwMTIwMDAwMA==";
+  const releaseInfo = "MTY5MjI0NDgwMDAwMA==";
   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/DataGrid.js

@@ -5,6 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DataGrid = DataGrid;
 exports.DataGridPro = DataGridPro;
+Object.defineProperty(exports, "SUBMIT_FILTER_DATE_STROKE_TIME", {
+  enumerable: true,
+  get: function () {
+    return _xDataGrid.SUBMIT_FILTER_DATE_STROKE_TIME;
+  }
+});
+Object.defineProperty(exports, "SUBMIT_FILTER_STROKE_TIME", {
+  enumerable: true,
+  get: function () {
+    return _xDataGrid.SUBMIT_FILTER_STROKE_TIME;
+  }
+});
+var _xDataGrid = require("@mui/x-data-grid");
 /**
  * @deprecated Import DataGridPremium instead.
  */

package/node/DataGridPremium/DataGridPremium.js

@@ -227,6 +227,12 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * @default false
    */
   disableDensitySelector: _propTypes.default.bool,
+  /**
+   * If `true`, `eval()` is not used for performance optimization.
+   * @default false
+   * @ignore - do not document
+   */
+  disableEval: _propTypes.default.bool,
   /**
    * If `true`, filtering with multiple columns is disabled.
    * @default false
@@ -273,6 +279,11 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
     lazyLoading: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
   }),
+  /**
+   * The milliseconds delay to wait after a keystroke before triggering filtering.
+   * @default 150
+   */
+  filterDebounceMs: _propTypes.default.number,
   /**
    * Filtering can be processed on the server or client-side.
    * Set it to 'server' if you would like to handle filtering on the server-side.

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

@@ -90,6 +90,7 @@ const getAggregationValueWrappedRenderCell = ({
  */
 const getWrappedFilterOperators = ({
   value: filterOperators,
+  apiRef,
   getCellAggregationResult
 }) => filterOperators.map(operator => {
   const baseGetApplyFilterFn = operator.getApplyFilterFn;
@@ -112,7 +113,7 @@ const getWrappedFilterOperators = ({
       return null;
     }
     return (value, row, column, api) => {
-      if (getCellAggregationResult(row.id, column.field) != null) {
+      if (getCellAggregationResult(apiRef.current.getRowId(row), column.field) != null) {
         return true;
       }
       return filterFn(value, row, column, api);
@@ -158,9 +159,6 @@ const wrapColumnWithAggregationValue = ({
   const getCellAggregationResult = (id, field) => {
     let cellAggregationPosition = null;
     const rowNode = apiRef.current.getRowNode(id);
-    if (!rowNode) {
-      return null;
-    }
     if (rowNode.type === 'group') {
       cellAggregationPosition = 'inline';
     } else if (id.toString().startsWith('auto-generated-group-footer-')) {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.11.1
+ * @mui/x-data-grid-premium v6.11.2
  *
  * @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 = "MTY5MTcwMTIwMDAwMA==";
+  const releaseInfo = "MTY5MjI0NDgwMDAwMA==";
   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.11.1",
+  "version": "6.11.2",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,9 +32,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.14.3",
-    "@mui/x-data-grid": "6.11.1",
-    "@mui/x-data-grid-pro": "6.11.1",
+    "@mui/utils": "^5.14.5",
+    "@mui/x-data-grid": "6.11.2",
+    "@mui/x-data-grid-pro": "6.11.2",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^2.0.0",

package/utils/releaseInfo.js

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