@mui/x-data-grid-pro 5.15.1 → 5.15.2

package/CHANGELOG.md

@@ -3,6 +3,50 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.15.2
+
+_Aug 11, 2022_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Improve quick filtering with row grouping (#5701) @alexfauquette
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@5.15.2` / `@mui/x-data-grid-pro@5.15.2` / `@mui/x-data-grid-premium@5.15.2`
+
+#### Changes
+
+- [DataGrid] Catch errors if rows freezing is not supported (#5711) @cherniavskii
+- [DataGrid] Preserve cell mode when entering edit mode while commiting (#5686) @m4theushw
+- [DataGridPremium] Let quick filter search in row grouping children (#5701) @alexfauquette
+
+### `@mui/x-date-pickers@v5.0.0-beta.5` / `@mui/x-date-picker-pro@5.0.0-beta.5`
+
+#### Changes
+
+- [pickers] Add `react-dom` to peerDependencies (#5752) @cherniavskii
+- [TimePicker] Set clock focus outline to `none` (#5758) @LukasTy
+- [pickers] Fix theme augmentation with TypeScript (#5596) @alexfauquette
+- [pickers] Reset input value when locale is modified (#5310) @alexfauquette
+- [pickers] Support `disableHighlightToday` on `MonthPicker` and `YearPicker` (#5562) @flaviendelangle
+- [pickers] Fallback to desktop mode when `matchMedia` is unavailable (#5684) @LukasTy
+- [pickers] Trigger `onChange` when clearing or accepting `Invalid date` (#5740) @LukasTy
+
+### Docs
+
+- [docs] Add RFC GH issue template (#5739) @bytasv
+- [docs] Add description to the `GridExportStateParams` page (#5654) @oliviertassinari
+- [docs] Improve the Events page (#5413) @flaviendelangle
+- [docs] Use new editing API in the introduction demos (#5728) @oliviertassinari
+
+### Core
+
+- [core] Remove duplicated `FUNDING.yml` file (#5656) @oliviertassinari
+- [core] Remove outdated Next.js options (#5727) @oliviertassinari
+- [core] Update tooling to run with React 18 (#4155) @m4theushw
+- [test] Fix failing dynamic row height tests on Edge (#5707) @m4theushw
+
 ## 5.15.1
 
 _Aug 4, 2022_

package/DataGridPro/DataGridPro.js

@@ -822,7 +822,7 @@ DataGridProRaw.propTypes = {
    * @param {GridState} state The new state.
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @internal
+   * @ignore - do not document.
    */
   onStateChange: PropTypes.func,
 

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

@@ -1,9 +1,10 @@
-import { GridRowTreeConfig, GridFilterState } from '@mui/x-data-grid';
+import { GridRowTreeConfig, GridFilterState, GridFilterModel } from '@mui/x-data-grid';
 import { GridAggregatedFilterItemApplier } from '@mui/x-data-grid/internals';
 interface FilterRowTreeFromTreeDataParams {
     rowTree: GridRowTreeConfig;
     disableChildrenFiltering: boolean;
     isRowMatchingFilters: GridAggregatedFilterItemApplier | null;
+    filterModel: GridFilterModel;
 }
 export declare const TREE_DATA_STRATEGY = "tree-data";
 /**

package/hooks/features/treeData/gridTreeDataUtils.js

@@ -1,3 +1,4 @@
+import { passFilterLogic } from '@mui/x-data-grid/internals';
 export const TREE_DATA_STRATEGY = 'tree-data';
 /**
  * A node is visible if one of the following criteria is met:
@@ -23,10 +24,14 @@ export const filterRowTreeFromTreeData = params => {
 
     if (shouldSkipFilters) {
       isMatchingFilters = null;
-    } else if (!isRowMatchingFilters) {
+    } else if (!isRowMatchingFilters || node.position === 'footer') {
       isMatchingFilters = true;
     } else {
-      isMatchingFilters = isRowMatchingFilters(node.id);
+      const {
+        passingFilterItems,
+        passingQuickFilterValues
+      } = isRowMatchingFilters(node.id);
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel);
     }
 
     let filteredDescendantCount = 0;

package/hooks/features/treeData/useGridTreeDataPreProcessors.js

@@ -99,7 +99,8 @@ export const useGridTreeDataPreProcessors = (apiRef, props) => {
     return filterRowTreeFromTreeData({
       rowTree,
       isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering
+      disableChildrenFiltering: props.disableChildrenFiltering,
+      filterModel: params.filterModel
     });
   }, [apiRef, props.disableChildrenFiltering]);
   const sortRows = React.useCallback(params => {

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.1
+/** @license MUI v5.15.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/DataGridPro/DataGridPro.js

@@ -822,7 +822,7 @@ DataGridProRaw.propTypes = {
    * @param {GridState} state The new state.
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @internal
+   * @ignore - do not document.
    */
   onStateChange: PropTypes.func,
 

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

@@ -1,3 +1,4 @@
+import { passFilterLogic } from '@mui/x-data-grid/internals';
 export var TREE_DATA_STRATEGY = 'tree-data';
 /**
  * A node is visible if one of the following criteria is met:
@@ -21,10 +22,14 @@ export var filterRowTreeFromTreeData = function filterRowTreeFromTreeData(params
 
     if (shouldSkipFilters) {
       isMatchingFilters = null;
-    } else if (!isRowMatchingFilters) {
+    } else if (!isRowMatchingFilters || node.position === 'footer') {
       isMatchingFilters = true;
     } else {
-      isMatchingFilters = isRowMatchingFilters(node.id);
+      var _isRowMatchingFilters = isRowMatchingFilters(node.id),
+          passingFilterItems = _isRowMatchingFilters.passingFilterItems,
+          passingQuickFilterValues = _isRowMatchingFilters.passingQuickFilterValues;
+
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel);
     }
 
     var filteredDescendantCount = 0;

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

@@ -114,7 +114,8 @@ export var useGridTreeDataPreProcessors = function useGridTreeDataPreProcessors(
     return filterRowTreeFromTreeData({
       rowTree: rowTree,
       isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering
+      disableChildrenFiltering: props.disableChildrenFiltering,
+      filterModel: params.filterModel
     });
   }, [apiRef, props.disableChildrenFiltering]);
   var sortRows = React.useCallback(function (params) {

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.1
+/** @license MUI v5.15.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/utils/releaseInfo.js

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

package/modern/DataGridPro/DataGridPro.js

@@ -822,7 +822,7 @@ DataGridProRaw.propTypes = {
    * @param {GridState} state The new state.
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @internal
+   * @ignore - do not document.
    */
   onStateChange: PropTypes.func,
 

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

@@ -1,3 +1,4 @@
+import { passFilterLogic } from '@mui/x-data-grid/internals';
 export const TREE_DATA_STRATEGY = 'tree-data';
 /**
  * A node is visible if one of the following criteria is met:
@@ -21,10 +22,14 @@ export const filterRowTreeFromTreeData = params => {
 
     if (shouldSkipFilters) {
       isMatchingFilters = null;
-    } else if (!isRowMatchingFilters) {
+    } else if (!isRowMatchingFilters || node.position === 'footer') {
       isMatchingFilters = true;
     } else {
-      isMatchingFilters = isRowMatchingFilters(node.id);
+      const {
+        passingFilterItems,
+        passingQuickFilterValues
+      } = isRowMatchingFilters(node.id);
+      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel);
     }
 
     let filteredDescendantCount = 0;

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

@@ -97,7 +97,8 @@ export const useGridTreeDataPreProcessors = (apiRef, props) => {
     return filterRowTreeFromTreeData({
       rowTree,
       isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering
+      disableChildrenFiltering: props.disableChildrenFiltering,
+      filterModel: params.filterModel
     });
   }, [apiRef, props.disableChildrenFiltering]);
   const sortRows = React.useCallback(params => {

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.1
+/** @license MUI v5.15.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/utils/releaseInfo.js

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

package/node/DataGridPro/DataGridPro.js

@@ -846,7 +846,7 @@ DataGridProRaw.propTypes = {
    * @param {GridState} state The new state.
    * @param {MuiEvent<{}>} event The event object.
    * @param {GridCallbackDetails} details Additional details for this callback.
-   * @internal
+   * @ignore - do not document.
    */
   onStateChange: _propTypes.default.func,
 

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

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.filterRowTreeFromTreeData = exports.TREE_DATA_STRATEGY = void 0;
+
+var _internals = require("@mui/x-data-grid/internals");
+
 const TREE_DATA_STRATEGY = 'tree-data';
 /**
  * A node is visible if one of the following criteria is met:
@@ -31,10 +34,14 @@ const filterRowTreeFromTreeData = params => {
 
     if (shouldSkipFilters) {
       isMatchingFilters = null;
-    } else if (!isRowMatchingFilters) {
+    } else if (!isRowMatchingFilters || node.position === 'footer') {
       isMatchingFilters = true;
     } else {
-      isMatchingFilters = isRowMatchingFilters(node.id);
+      const {
+        passingFilterItems,
+        passingQuickFilterValues
+      } = isRowMatchingFilters(node.id);
+      isMatchingFilters = (0, _internals.passFilterLogic)([passingFilterItems], [passingQuickFilterValues], params.filterModel);
     }
 
     let filteredDescendantCount = 0;

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

@@ -123,7 +123,8 @@ const useGridTreeDataPreProcessors = (apiRef, props) => {
     return (0, _gridTreeDataUtils.filterRowTreeFromTreeData)({
       rowTree,
       isRowMatchingFilters: params.isRowMatchingFilters,
-      disableChildrenFiltering: props.disableChildrenFiltering
+      disableChildrenFiltering: props.disableChildrenFiltering,
+      filterModel: params.filterModel
     });
   }, [apiRef, props.disableChildrenFiltering]);
   const sortRows = React.useCallback(params => {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.15.1
+/** @license MUI v5.15.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/utils/releaseInfo.js

@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY1OTU2NDAwMDAwMA==";
+  const releaseInfo = "MTY2MDE2NTIwMDAwMA==";
 
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "5.15.1",
+  "version": "5.15.2",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@babel/runtime": "^7.18.6",
     "@mui/utils": "^5.4.1",
-    "@mui/x-data-grid": "5.15.1",
+    "@mui/x-data-grid": "5.15.2",
     "@mui/x-license-pro": "5.15.0",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",

package/utils/releaseInfo.js

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