@mui/x-data-grid-pro 6.9.0 → 6.9.2

package/CHANGELOG.md

@@ -3,23 +3,151 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.9.2
+
+_Jul 6, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Auto-scroll when making range selection (#8661) @m4theushw
+
+- 📚 New page: Components lifecycle (#8372) @flaviendelangle
+
+  Clarify pickers events and value updates in a [single docs page](https://mui.com/x/react-date-pickers/lifecycle/).
+
+- 🥧 Add pie chart component
+
+  They are fresh from the code editor. You can visit [pie charts docs](https://mui.com/x/react-charts/pie/) or their [demo page](https://mui.com/x/react-charts/pie-demo/).
+
+  <img width="380" alt="pie-charts" src="https://github.com/mui/mui-x/assets/13808724/fe908c45-803c-4316-b913-dbd2f9f0551e">
+
+- 🐞 Bugfixes
+
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.9.2` / `@mui/x-data-grid-pro@v6.9.2` / `@mui/x-data-grid-premium@v6.9.2`
+
+#### Changes
+
+- [DataGrid] Fix `RangeError` when using flex columns (#9554) @cherniavskii
+- [DataGrid] Fix React 17 editing bug (#9530) @romgrk
+- [DataGrid] Use `getRowId` in filtering (#9564) @romgrk
+- [DataGrid] Correctly reflect `TablePagination`'s `rowsPerPageOptions` shape to `pageSizeOptions` (#9438) @burakkgunduzz
+- [DataGridPremium] Auto-scroll when making range selection (#8661) @m4theushw
+- [l10n] Improve Spanish (es-ES) locale (#9500) @fufex
+
+### `@mui/x-date-pickers@v6.9.2` / `@mui/x-date-pickers-pro@v6.9.2`
+
+#### Changes
+
+- [pickers] Forward digital clock classes (#9555) @YoonjiJang
+- [pickers] Rename `internal` folder to `internals` on `@mui/x-date-picker-pro` (#9571) @flaviendelangle
+
+### `@mui/x-charts@6.0.0-alpha.2`
+
+#### Changes
+
+- [charts] Add pie chart component (#9395) @alexfauquette
+
+### Docs
+
+- [docs] Add pickers playground (#9164) @LukasTy
+- [docs] Fix API links for pickers (#9573) @alexfauquette
+- [docs] Fix demos with `ToggleButtonGroup` (#9548) @flaviendelangle
+- [docs] Fix typos in pagination documentation page (#9332) @RatherBeLunar
+- [docs] Hide ads on paid content @oliviertassinari
+- [docs] Move the charts in the sidebar (#9437) @flaviendelangle
+- [docs] New page: Components lifecycle (#8372) @flaviendelangle
+- [docs] Remove outdated header tag @oliviertassinari
+
+### Core
+
+- [core] Fix typo in priority support @oliviertassinari
+- [core] Remove mention of Crowdin @oliviertassinari
+
+## 6.9.1
+
+_Jun 30, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Add experimental API for faster filtering performance
+- 🌍 Add Chinese (Hong Kong) (zh-HK) locale on the pickers
+- 🌍 Improve Romanian (ro-RO) and Hungarian (hu-HU) translations on the pickers and the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.9.1` / `@mui/x-data-grid-pro@v6.9.1` / `@mui/x-data-grid-premium@v6.9.1`
+
+#### Changes
+
+- [DataGrid] Add Joy UI `tooltip` and `loadingOverlay` slots (#9028) @cherniavskii
+- [DataGrid] Add section about enabling pagination on Pro and Premium (#8759) @joserodolfofreitas
+- [DataGrid] Don't forward `editCellState` prop to DOM element (#9501) @m4theushw
+- [DataGrid] Add experimental API for faster filtering performance (#9254) @romgrk
+- [DataGrid] Fix `nextFieldToFocus` to always be a visible column field when <kbd>Tab</kbd> key is pressed (#8314) @yaredtsy
+- [DataGrid] Fix `Maximum call stack size exceeded` error when using fractional width (#9516) @cherniavskii
+- [DataGridPro] Don't throw error in column pinning (#9507) @romgrk
+- [DataGridPro] Fix bug with `checkboxSelection` and treeData/grouping (#9418) @romgrk
+- [l10n] Improve Romanian (ro-RO) and Hungarian (hu-HU) translations (#9436) @noraleonte
+
+### `@mui/x-date-pickers@v6.9.1` / `@mui/x-date-pickers-pro@v6.9.1`
+
+#### Changes
+
+- [DateTimePicker] Scroll to Digital Clock section only when selection changes (#9434) @LukasTy
+- [pickers] Handle `keyDown` only when input is focused (#9481) @LukasTy
+- [pickers] Add `referenceDate` prop on `TimeClock`, `DigitalClock` and `MultiSectionDigitalClock` (#9356) @flaviendelangle
+- [l10n] Add Chinese (Hong Kong) (zh-HK) locale (#9468) @samchiu90
+- [l10n] Improve Romanian (ro-RO) translations (#9436) @noraleonte
+
+### `@mui/x-charts@6.0.0-alpha.1`
+
+#### Changes
+
+- [charts] Take responsive container from data grid (#9497) @alexfauquette
+- [charts] Update README.md (#9426) @alexfauquette
+- [charts] Fix typo and small refactor (#9526) @flaviendelangle
+
+### Docs
+
+- [docs] Add a recipe limiting to one expanded detail panel at a time (#9488) @cherniavskii
+- [docs] Add missing upcoming flag without issue (#9449) @oliviertassinari
+- [docs] Fix 301 when opening the charts @oliviertassinari
+- [docs] Fix 404 link (#9435) @alexfauquette
+- [docs] Fix `productId` logic (#9451) @oliviertassinari
+- [docs] Update charts overview.md (#9429) @brentertz
+- [docs] Avoid systematic usage of `"bg": "inline"` (#9499) @alexfauquette
+- [docs] Display plan icon in ToC (#9490) @cherniavskii
+- [docs] Remove "product" markdown header (#9517) @oliviertassinari
+
+### Core
+
+- [core] Add `edit-mode` to priority support action (#9483) @DanailH
+- [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
+- [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
+
 ## 6.9.0
 
 _Jun 22, 2023_
 
 We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
 
-- 🎁 We release a new package `@mui/x-charts`.
-  This package aims at simplifying the integration of charts into your dashboards. 📊
+- 🎁 We released a new open-source package: `@mui/x-charts`. This package aims at simplifying the integration of charts into your dashboards. 📊
+
+  <img width="512" alt="charts" src="https://github.com/mui/mui-x/assets/3165635/41201d3c-16a4-442d-a230-68356e6b433d">
+
+  It already contains [line](https://mui.com/x/react-charts/lines/), [bar](https://mui.com/x/react-charts/bars/), and [scatter](https://mui.com/x/react-charts/scatter/) charts, with basic customization features. Check out the [documentation](https://mui.com/x/react-charts/) to see what it can do, and open issues to get the feature you need implemented.
 
-  ![image](https://github.com/mui/mui-x/assets/45398769/613bae2f-537d-4ec3-8046-591d1a504a72)
+- 🚀 Introducing UTC and timezone support for pickers.
 
-  It already contains [lines](https://mui.com/x/react-charts/lines/), [bars](https://mui.com/x/react-charts/bars/), and [scatter](https://mui.com/x/react-charts/scatter/) charts with basic customization features.
-  Please, visit the new [documentation](https://mui.com/x/react-charts/) to know what it does, and open issues to get the feature you need to be implemented.
+  <img width="774" src="https://github.com/mui/mui-x/assets/3165635/ad95a404-ee67-4aff-b996-ad6cbb322348">
 
-- 🚀 Introduce the UTC and timezone support for pickers.
-  ![image](https://github.com/mui/mui-x/assets/3309670/f8b552b0-9ec2-417b-b769-95740308291d)
-  Please visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
+  Visit the [documentation](https://mui.com/x/react-date-pickers/timezone/) to learn how to use it.
 
 - 🌍 Improve Brazilian Portuguese (pt-BR) on the data grid
 - 🌍 Improve Czech (cs-CZ) locale on the pickers

package/DataGridPro/DataGridPro.js

@@ -677,7 +677,10 @@ DataGridProRaw.propTypes = {
    * Select the pageSize dynamically using the component UI.
    * @default [25, 50, 100]
    */
-  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
+  pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.number.isRequired
+  })]).isRequired),
   /**
    * If `true`, pagination is enabled.
    * @default false

package/DataGridPro/useDataGridProComponent.js

@@ -62,7 +62,7 @@ export const useDataGridProComponent = (inputApiRef, props) => {
   useGridRowPinning(apiRef, props);
   useGridColumns(apiRef, props);
   useGridRows(apiRef, props);
-  useGridParamsApi(apiRef);
+  useGridParamsApi(apiRef, props);
   useGridDetailPanel(apiRef, props);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);

package/README.md

@@ -7,7 +7,7 @@ It's part of MUI X, an open core extension of MUI, with advanced components.
 
 Install the package in your project directory with:
 
-```sh
+```bash
 // with npm
 npm install @mui/x-data-grid-pro
 

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -205,6 +205,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/components/headerFiltering/GridHeaderFilterMenu.js

@@ -77,6 +77,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -85,6 +85,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/hooks/features/columnPinning/useGridColumnPinning.js

@@ -51,8 +51,12 @@ export const useGridColumnPinning = (apiRef, props) => {
     if (nbLeftPinnedColumns + nbRightPinnedColumns === 0) {
       return;
     }
+    const rowContainer = apiRef.current.virtualScrollerRef.current;
+    if (!rowContainer) {
+      return;
+    }
     const index = event.currentTarget.dataset.rowindex;
-    const rowElements = apiRef.current.virtualScrollerRef.current.querySelectorAll(`.${gridClasses.row}[data-rowindex="${index}"]`);
+    const rowElements = rowContainer.querySelectorAll(`.${gridClasses.row}[data-rowindex="${index}"]`);
     rowElements.forEach(row => {
       // Ignore rows from other grid inside the hovered row
       if (row.closest(`.${gridClasses.virtualScroller}`) === apiRef.current.virtualScrollerRef.current) {

package/hooks/features/treeData/gridTreeDataUtils.js

@@ -8,6 +8,7 @@ export const TREE_DATA_STRATEGY = 'tree-data';
  */
 export const filterRowTreeFromTreeData = params => {
   const {
+    apiRef,
     rowTree,
     disableChildrenFiltering,
     isRowMatchingFilters
@@ -15,6 +16,10 @@ export const filterRowTreeFromTreeData = params => {
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
   const filterCache = {};
+  const filterResults = {
+    passingFilterItems: null,
+    passingQuickFilterValues: null
+  };
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -23,11 +28,9 @@ export const filterRowTreeFromTreeData = params => {
     } else if (!isRowMatchingFilters || node.type === 'footer') {
       isMatchingFilters = true;
     } else {
-      const {
-        passingFilterItems,
-        passingQuickFilterValues
-      } = isRowMatchingFilters(node.id);
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
+      const row = apiRef.current.getRow(node.id);
+      isRowMatchingFilters(row, undefined, filterResults);
+      isMatchingFilters = passFilterLogic([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/index.js

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

package/legacy/DataGridPro/DataGridPro.js

@@ -677,7 +677,10 @@ DataGridProRaw.propTypes = {
    * Select the pageSize dynamically using the component UI.
    * @default [25, 50, 100]
    */
-  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
+  pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.number.isRequired
+  })]).isRequired),
   /**
    * If `true`, pagination is enabled.
    * @default false

package/legacy/DataGridPro/useDataGridProComponent.js

@@ -62,7 +62,7 @@ export var useDataGridProComponent = function useDataGridProComponent(inputApiRe
   useGridRowPinning(apiRef, props);
   useGridColumns(apiRef, props);
   useGridRows(apiRef, props);
-  useGridParamsApi(apiRef);
+  useGridParamsApi(apiRef, props);
   useGridDetailPanel(apiRef, props);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);

package/legacy/components/headerFiltering/GridHeaderFilterCell.js

@@ -210,6 +210,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/components/headerFiltering/GridHeaderFilterMenu.js

@@ -76,6 +76,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -83,6 +83,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/hooks/features/columnPinning/useGridColumnPinning.js

@@ -58,8 +58,12 @@ export var useGridColumnPinning = function useGridColumnPinning(apiRef, props) {
     if (nbLeftPinnedColumns + nbRightPinnedColumns === 0) {
       return;
     }
+    var rowContainer = apiRef.current.virtualScrollerRef.current;
+    if (!rowContainer) {
+      return;
+    }
     var index = event.currentTarget.dataset.rowindex;
-    var rowElements = apiRef.current.virtualScrollerRef.current.querySelectorAll(".".concat(gridClasses.row, "[data-rowindex=\"").concat(index, "\"]"));
+    var rowElements = rowContainer.querySelectorAll(".".concat(gridClasses.row, "[data-rowindex=\"").concat(index, "\"]"));
     rowElements.forEach(function (row) {
       // Ignore rows from other grid inside the hovered row
       if (row.closest(".".concat(gridClasses.virtualScroller)) === apiRef.current.virtualScrollerRef.current) {

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

@@ -7,12 +7,17 @@ export var TREE_DATA_STRATEGY = 'tree-data';
  * - It is passing the filter
  */
 export var filterRowTreeFromTreeData = function filterRowTreeFromTreeData(params) {
-  var rowTree = params.rowTree,
+  var apiRef = params.apiRef,
+    rowTree = params.rowTree,
     disableChildrenFiltering = params.disableChildrenFiltering,
     isRowMatchingFilters = params.isRowMatchingFilters;
   var filteredRowsLookup = {};
   var filteredDescendantCountLookup = {};
   var filterCache = {};
+  var filterResults = {
+    passingFilterItems: null,
+    passingQuickFilterValues: null
+  };
   var filterTreeNode = function filterTreeNode(node, isParentMatchingFilters, areAncestorsExpanded) {
     var shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     var isMatchingFilters;
@@ -21,10 +26,9 @@ export var filterRowTreeFromTreeData = function filterRowTreeFromTreeData(params
     } else if (!isRowMatchingFilters || node.type === 'footer') {
       isMatchingFilters = true;
     } else {
-      var _isRowMatchingFilters = isRowMatchingFilters(node.id),
-        passingFilterItems = _isRowMatchingFilters.passingFilterItems,
-        passingQuickFilterValues = _isRowMatchingFilters.passingQuickFilterValues;
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
+      var row = apiRef.current.getRow(node.id);
+      isRowMatchingFilters(row, undefined, filterResults);
+      isMatchingFilters = passFilterLogic([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     var filteredDescendantCount = 0;
     if (node.type === 'group') {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.9.0
+ * @mui/x-data-grid-pro v6.9.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 = "MTY4NzM4MTIwMDAwMA==";
+  var releaseInfo = "MTY4ODU5MDgwMDAwMA==";
   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/DataGridPro/DataGridPro.js

@@ -677,7 +677,10 @@ DataGridProRaw.propTypes = {
    * Select the pageSize dynamically using the component UI.
    * @default [25, 50, 100]
    */
-  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),
+  pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.number.isRequired
+  })]).isRequired),
   /**
    * If `true`, pagination is enabled.
    * @default false

package/modern/DataGridPro/useDataGridProComponent.js

@@ -62,7 +62,7 @@ export const useDataGridProComponent = (inputApiRef, props) => {
   useGridRowPinning(apiRef, props);
   useGridColumns(apiRef, props);
   useGridRows(apiRef, props);
-  useGridParamsApi(apiRef);
+  useGridParamsApi(apiRef, props);
   useGridDetailPanel(apiRef, props);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);

package/modern/components/headerFiltering/GridHeaderFilterCell.js

@@ -203,6 +203,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/components/headerFiltering/GridHeaderFilterMenu.js

@@ -76,6 +76,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -84,6 +84,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
+    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/hooks/features/columnPinning/useGridColumnPinning.js

@@ -47,8 +47,12 @@ export const useGridColumnPinning = (apiRef, props) => {
     if (nbLeftPinnedColumns + nbRightPinnedColumns === 0) {
       return;
     }
+    const rowContainer = apiRef.current.virtualScrollerRef.current;
+    if (!rowContainer) {
+      return;
+    }
     const index = event.currentTarget.dataset.rowindex;
-    const rowElements = apiRef.current.virtualScrollerRef.current.querySelectorAll(`.${gridClasses.row}[data-rowindex="${index}"]`);
+    const rowElements = rowContainer.querySelectorAll(`.${gridClasses.row}[data-rowindex="${index}"]`);
     rowElements.forEach(row => {
       // Ignore rows from other grid inside the hovered row
       if (row.closest(`.${gridClasses.virtualScroller}`) === apiRef.current.virtualScrollerRef.current) {

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

@@ -8,6 +8,7 @@ export const TREE_DATA_STRATEGY = 'tree-data';
  */
 export const filterRowTreeFromTreeData = params => {
   const {
+    apiRef,
     rowTree,
     disableChildrenFiltering,
     isRowMatchingFilters
@@ -15,6 +16,10 @@ export const filterRowTreeFromTreeData = params => {
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
   const filterCache = {};
+  const filterResults = {
+    passingFilterItems: null,
+    passingQuickFilterValues: null
+  };
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -23,11 +28,9 @@ export const filterRowTreeFromTreeData = params => {
     } else if (!isRowMatchingFilters || node.type === 'footer') {
       isMatchingFilters = true;
     } else {
-      const {
-        passingFilterItems,
-        passingQuickFilterValues
-      } = isRowMatchingFilters(node.id);
-      isMatchingFilters = passFilterLogic([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
+      const row = apiRef.current.getRow(node.id);
+      isRowMatchingFilters(row, undefined, filterResults);
+      isMatchingFilters = passFilterLogic([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.9.0
+ * @mui/x-data-grid-pro v6.9.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 = "MTY4NzM4MTIwMDAwMA==";
+  const releaseInfo = "MTY4ODU5MDgwMDAwMA==";
   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

@@ -686,7 +686,10 @@ DataGridProRaw.propTypes = {
    * Select the pageSize dynamically using the component UI.
    * @default [25, 50, 100]
    */
-  pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number),
+  pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.number.isRequired
+  })]).isRequired),
   /**
    * If `true`, pagination is enabled.
    * @default false

package/node/DataGridPro/useDataGridProComponent.js

@@ -69,7 +69,7 @@ const useDataGridProComponent = (inputApiRef, props) => {
   (0, _useGridRowPinning.useGridRowPinning)(apiRef, props);
   (0, _internals.useGridColumns)(apiRef, props);
   (0, _internals.useGridRows)(apiRef, props);
-  (0, _internals.useGridParamsApi)(apiRef);
+  (0, _internals.useGridParamsApi)(apiRef, props);
   (0, _useGridDetailPanel.useGridDetailPanel)(apiRef, props);
   (0, _internals.useGridColumnSpanning)(apiRef);
   (0, _internals.useGridColumnGrouping)(apiRef, props);

package/node/components/headerFiltering/GridHeaderFilterCell.js

@@ -212,6 +212,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: _propTypes.default.number.isRequired,
   filterOperators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
+    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/components/headerFiltering/GridHeaderFilterMenu.js

@@ -85,6 +85,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: _propTypes.default.bool.isRequired,
   operators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
+    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -92,6 +92,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
+    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/hooks/features/columnPinning/useGridColumnPinning.js

@@ -57,8 +57,12 @@ const useGridColumnPinning = (apiRef, props) => {
     if (nbLeftPinnedColumns + nbRightPinnedColumns === 0) {
       return;
     }
+    const rowContainer = apiRef.current.virtualScrollerRef.current;
+    if (!rowContainer) {
+      return;
+    }
     const index = event.currentTarget.dataset.rowindex;
-    const rowElements = apiRef.current.virtualScrollerRef.current.querySelectorAll(`.${_xDataGrid.gridClasses.row}[data-rowindex="${index}"]`);
+    const rowElements = rowContainer.querySelectorAll(`.${_xDataGrid.gridClasses.row}[data-rowindex="${index}"]`);
     rowElements.forEach(row => {
       // Ignore rows from other grid inside the hovered row
       if (row.closest(`.${_xDataGrid.gridClasses.virtualScroller}`) === apiRef.current.virtualScrollerRef.current) {

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

@@ -15,6 +15,7 @@ const TREE_DATA_STRATEGY = 'tree-data';
 exports.TREE_DATA_STRATEGY = TREE_DATA_STRATEGY;
 const filterRowTreeFromTreeData = params => {
   const {
+    apiRef,
     rowTree,
     disableChildrenFiltering,
     isRowMatchingFilters
@@ -22,6 +23,10 @@ const filterRowTreeFromTreeData = params => {
   const filteredRowsLookup = {};
   const filteredDescendantCountLookup = {};
   const filterCache = {};
+  const filterResults = {
+    passingFilterItems: null,
+    passingQuickFilterValues: null
+  };
   const filterTreeNode = (node, isParentMatchingFilters, areAncestorsExpanded) => {
     const shouldSkipFilters = disableChildrenFiltering && node.depth > 0;
     let isMatchingFilters;
@@ -30,11 +35,9 @@ const filterRowTreeFromTreeData = params => {
     } else if (!isRowMatchingFilters || node.type === 'footer') {
       isMatchingFilters = true;
     } else {
-      const {
-        passingFilterItems,
-        passingQuickFilterValues
-      } = isRowMatchingFilters(node.id);
-      isMatchingFilters = (0, _internals.passFilterLogic)([passingFilterItems], [passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
+      const row = apiRef.current.getRow(node.id);
+      isRowMatchingFilters(row, undefined, filterResults);
+      isMatchingFilters = (0, _internals.passFilterLogic)([filterResults.passingFilterItems], [filterResults.passingQuickFilterValues], params.filterModel, params.apiRef, filterCache);
     }
     let filteredDescendantCount = 0;
     if (node.type === 'group') {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.9.0
+ * @mui/x-data-grid-pro v6.9.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 = "MTY4NzM4MTIwMDAwMA==";
+  const releaseInfo = "MTY4ODU5MDgwMDAwMA==";
   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.9.0",
+  "version": "6.9.2",
   "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.22.5",
-    "@mui/utils": "^5.13.1",
-    "@mui/x-data-grid": "6.9.0",
+    "@mui/utils": "^5.13.6",
+    "@mui/x-data-grid": "6.9.2",
     "@mui/x-license-pro": "6.9.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 = "MTY4NzM4MTIwMDAwMA==";
+  const releaseInfo = "MTY4ODU5MDgwMDAwMA==";
   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