@mui/x-data-grid-pro 8.15.0 → 8.17.0

package/CHANGELOG.md

@@ -5,6 +5,213 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.17.0
+
+_Nov 5, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- Add `colorGetter` prop to cartesian charts series
+
+  <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
+
+- 🌎 Add Catalan (ca-ES) locale on the Data Grid
+- 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@frncesc, @Methuselah96, @samuelwalk, @htollefsen
+
+The following team members contributed to this release:
+@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.17.0`
+
+- [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
+- [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
+- [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
+- [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
+- [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
+
+#### `@mui/x-data-grid-pro@8.17.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@8.17.0`.
+
+#### `@mui/x-data-grid-premium@8.17.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@8.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.17.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.17.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@8.17.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.17.0`
+
+- [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
+- [charts] Add series color callback (#20084) @bernardobelchior
+- [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
+- [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
+- [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
+- [charts] Organize series config (#20155) @bernardobelchior
+- [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
+- [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
+- [charts] Add `useDataset` hook (#20205) @JCQuintas
+- [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
+
+#### `@mui/x-charts-pro@8.17.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-charts@8.17.0`, plus:
+
+- [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
+
+#### `@mui/x-charts-premium@8.17.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-charts-pro@8.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.17.0`
+
+- [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
+- [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.17.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-tree-view@8.17.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.17.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix focus issues in the action column demo (#20178) @arminmeh
+- [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
+- [docs] Fix some external redirects (#20211) @Janpot
+
+### Core
+
+- [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
+- [code-infra] Fix publish workflow (#20140) @bernardobelchior
+- [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
+- [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
+- [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
+- [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
+- [code-infra] Stabilize screenshot testing (#19868) @Janpot
+
+## 8.16.0
+
+_Oct 29, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add `brush` zoom interaction to charts
+- 🔁 [Server-side update](https://mui.com/x/react-data-grid/server-side-data/#updating-server-side-data) in a grid with tree data/row grouping and aggregation will trigger re-fetch for all parent levels of that row to update aggregated values. See the [demo](https://mui.com/x/react-data-grid/server-side-data/aggregation/#usage-with-tree-data).
+
+Special thanks go out to the community members for their valuable contributions:
+@felix-wg, @frncesc, @sai6855
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @JCQuintas, @MBilalShafi, @mbrookes, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.16.0`
+
+- [DataGrid] Ignore `Ctrl+A` key combination for the row selection in the community version (#20110) @felix-wg
+- [DataGrid][l10n] Improve Spanish (es-ES) locale (#20134) @frncesc
+
+#### `@mui/x-data-grid-pro@8.16.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@8.16.0`, plus:
+
+- [DataGridPro] Add explicit return type to `getVisibleRowsLookup()` to fix the build with `tsc` (#20116) @arminmeh
+- [DataGridPro] Retain the expansion state with expansion configuration props (#20126) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@8.16.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@8.16.0`, plus:
+
+- [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
+- [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.16.0`
+
+- [pickers] Prevent blur event propagation on individual sections (#19825) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.16.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@8.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.16.0`
+
+- [charts] Allow tooltip to anchor items (#19954) @alexfauquette
+- [charts] Fix behavior of grouped axis (#20118) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+- [charts] Fix AreaChartConnectNulls demo height not correctly resizing (#20078) @sai6855
+- [charts] Fix charts resizing overflow (#20080) @alexfauquette
+- [charts] Fix tooltip not showing on first render (#20115) @bernardobelchior
+- [charts] Handle `undefined` id and color in series (#20087) @bernardobelchior
+- [charts] Remove `useMemo` from isZoomOn*Enabled and isPanOn*Enabled hooks (#20132) @Copilot
+- [charts] Use static data for perf (#20072) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+
+#### `@mui/x-charts-pro@8.16.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-charts@8.16.0`, plus:
+
+- [charts-pro] Add `brush` zoom interaction (#19899) @JCQuintas
+- [charts-pro] Add sankey performance check (#20069) @JCQuintas
+
+#### `@mui/x-charts-premium@8.16.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-charts-pro@8.16.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.16.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.16.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-tree-view@8.16.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.16.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Setup eslint compat plugin (#20105) @brijeshb42
+- [code-infra] Improve store types (#20129) @JCQuintas
+- [docs] Update the callout in `rows` prop documentation (#20127) @MBilalShafi
+- [docs-infra] Refine changelog contributor acknowledgment messages (#20123) @mbrookes
+
+### Miscellaneous
+
+- [x-telemetry] Skip telemetry tests on browser mode (#20122) @bernardobelchior
+
 ## 8.15.0
 
 _Oct 23, 2025_

package/DataGridPro/DataGridPro.js

@@ -28,11 +28,12 @@ const configuration = {
     useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributesPro,
     useGridRowsOverridableMethods: _internals.useGridRowsOverridableMethods,
     useGridParamsOverridableMethods: _internals.useGridParamsOverridableMethods,
+    useIsCellEditable: _internals.useIsCellEditable,
     useCellAggregationResult: () => null,
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
+const releaseInfo = "MTc2MjMwMDgwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/DataGridPro/useDataGridProComponent.js

@@ -93,7 +93,7 @@ const useDataGridProComponent = (apiRef, props, configuration) => {
   (0, _useGridDetailPanel.useGridDetailPanel)(apiRef, props);
   (0, _internals.useGridColumnSpanning)(apiRef);
   (0, _internals.useGridColumnGrouping)(apiRef, props);
-  (0, _internals.useGridEditing)(apiRef, props);
+  (0, _internals.useGridEditing)(apiRef, props, configuration);
   (0, _internals.useGridFocus)(apiRef, props);
   (0, _internals.useGridPreferencesPanel)(apiRef, props);
   (0, _internals.useGridFilter)(apiRef, props, configuration);

package/components/GridColumnMenuPinningItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid';
-declare function GridColumnMenuPinningItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuPinningItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuPinningItem {
   var propTypes: any;
 }

package/components/GridDataSourceTreeDataGroupingCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridRenderCellParams, GridDataSourceGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridDataSourceGroupNode> {
   hideDescendantCount?: boolean;
@@ -8,5 +7,5 @@ interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, a
    */
   offsetMultiplier?: number;
 }
-export declare function GridDataSourceTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): React.JSX.Element;
+export declare function GridDataSourceTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/GridDetailPanel.d.ts

@@ -10,5 +10,5 @@ interface GridDetailPanelProps extends Pick<React.HTMLAttributes<HTMLDivElement>
    */
   height: number | 'auto';
 }
-declare function GridDetailPanel(props: GridDetailPanelProps): React.JSX.Element | null;
+declare function GridDetailPanel(props: GridDetailPanelProps): import("react/jsx-runtime").JSX.Element | null;
 export { GridDetailPanel };

package/components/GridDetailPanelToggleCell.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid';
-declare function GridDetailPanelToggleCell(props: GridRenderCellParams): React.JSX.Element;
+declare function GridDetailPanelToggleCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
 declare namespace GridDetailPanelToggleCell {
   var propTypes: any;
 }

package/components/GridPinnedRows.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridPinnedRowsProps } from '@mui/x-data-grid/internals';
 export declare function GridPinnedRows({
   position,
   virtualScroller
-}: GridPinnedRowsProps): React.JSX.Element | null;
+}: GridPinnedRowsProps): import("react/jsx-runtime").JSX.Element | null;

package/components/GridProColumnMenu.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridColumnMenuProps } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
 export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
@@ -21,4 +20,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
     displayOrder: number;
   };
 };
-export declare const GridProColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
+export declare const GridProColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;

package/components/GridProColumnMenu.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridProColumnMenu = exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = exports.GRID_COLUMN_MENU_SLOTS_PRO = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _GridColumnMenuPinningItem = require("./GridColumnMenuPinningItem");

package/components/GridRowReorderCell.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid';
-declare function GridRowReorderCell(params: GridRenderCellParams): React.JSX.Element | null;
+declare function GridRowReorderCell(params: GridRenderCellParams): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridRowReorderCell {
   var propTypes: any;
 }
 export { GridRowReorderCell };
-export declare const renderRowReorderCell: (params: GridRenderCellParams) => React.JSX.Element | null;
+export declare const renderRowReorderCell: (params: GridRenderCellParams) => import("react/jsx-runtime").JSX.Element | null;

package/components/GridTreeDataGroupingCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
@@ -8,7 +7,7 @@ interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, a
    */
   offsetMultiplier?: number;
 }
-declare function GridTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): React.JSX.Element;
+declare function GridTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridTreeDataGroupingCell {
   var propTypes: any;
 }

package/components/headerFiltering/GridHeaderFilterClearButton.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridSlotProps } from '@mui/x-data-grid';
 type BaseIconButtonProps = GridSlotProps['baseIconButton'];
 interface GridHeaderFilterClearIconProps extends BaseIconButtonProps {}
-declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): React.JSX.Element;
+declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): import("react/jsx-runtime").JSX.Element;
 export { GridHeaderFilterClearButton };

package/components/headerFiltering/GridHeaderFilterClearButton.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridHeaderFilterClearButton = GridHeaderFilterClearButton;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function GridHeaderFilterClearButton(props) {

package/components/headerFiltering/GridHeaderFilterMenu.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridFilterOperator, GridFilterItem, GridColDef } from '@mui/x-data-grid';
 interface GridHeaderFilterMenuProps {
   field: GridColDef['field'];
@@ -23,7 +22,7 @@ declare function GridHeaderFilterMenu({
   labelledBy,
   showClearItem,
   clearFilterItem
-}: GridHeaderFilterMenuProps): React.JSX.Element | null;
+}: GridHeaderFilterMenuProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridHeaderFilterMenu {
   var propTypes: any;
 }

package/components/headerFiltering/GridHeaderFilterMenuContainer.d.ts

@@ -10,7 +10,7 @@ declare function GridHeaderFilterMenuContainer(props: {
   disabled?: boolean;
   showClearItem?: boolean;
   clearFilterItem?: () => void;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridHeaderFilterMenuContainer {
   var propTypes: any;
 }

package/esm/DataGridPro/DataGridPro.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridRoot, GridContextProvider } from '@mui/x-data-grid';
-import { validateProps, useGridApiInitialization, useGridRowsOverridableMethods, useGridParamsOverridableMethods } from '@mui/x-data-grid/internals';
+import { validateProps, useGridApiInitialization, useGridRowsOverridableMethods, useGridParamsOverridableMethods, useIsCellEditable } from '@mui/x-data-grid/internals';
 import { useMaterialCSSVariables } from '@mui/x-data-grid/material';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useDataGridProComponent } from "./useDataGridProComponent.js";
@@ -21,11 +21,12 @@ const configuration = {
     useGridRowAriaAttributes: useGridRowAriaAttributesPro,
     useGridRowsOverridableMethods,
     useGridParamsOverridableMethods,
+    useIsCellEditable,
     useCellAggregationResult: () => null,
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }
 };
-const releaseInfo = "MTc2MTE3NzYwMDAwMA==";
+const releaseInfo = "MTc2MjMwMDgwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/DataGridPro/useDataGridProComponent.js

@@ -86,7 +86,7 @@ export const useDataGridProComponent = (apiRef, props, configuration) => {
   useGridDetailPanel(apiRef, props);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);
-  useGridEditing(apiRef, props);
+  useGridEditing(apiRef, props, configuration);
   useGridFocus(apiRef, props);
   useGridPreferencesPanel(apiRef, props);
   useGridFilter(apiRef, props, configuration);

package/esm/components/GridColumnMenuPinningItem.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridColumnMenuItemProps } from '@mui/x-data-grid';
-declare function GridColumnMenuPinningItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
+declare function GridColumnMenuPinningItem(props: GridColumnMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridColumnMenuPinningItem {
   var propTypes: any;
 }

package/esm/components/GridDataSourceTreeDataGroupingCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridRenderCellParams, GridDataSourceGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridDataSourceGroupNode> {
   hideDescendantCount?: boolean;
@@ -8,5 +7,5 @@ interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, a
    */
   offsetMultiplier?: number;
 }
-export declare function GridDataSourceTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): React.JSX.Element;
+export declare function GridDataSourceTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/components/GridDetailPanel.d.ts

@@ -10,5 +10,5 @@ interface GridDetailPanelProps extends Pick<React.HTMLAttributes<HTMLDivElement>
    */
   height: number | 'auto';
 }
-declare function GridDetailPanel(props: GridDetailPanelProps): React.JSX.Element | null;
+declare function GridDetailPanel(props: GridDetailPanelProps): import("react/jsx-runtime").JSX.Element | null;
 export { GridDetailPanel };

package/esm/components/GridDetailPanelToggleCell.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid';
-declare function GridDetailPanelToggleCell(props: GridRenderCellParams): React.JSX.Element;
+declare function GridDetailPanelToggleCell(props: GridRenderCellParams): import("react/jsx-runtime").JSX.Element;
 declare namespace GridDetailPanelToggleCell {
   var propTypes: any;
 }

package/esm/components/GridPinnedRows.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridPinnedRowsProps } from '@mui/x-data-grid/internals';
 export declare function GridPinnedRows({
   position,
   virtualScroller
-}: GridPinnedRowsProps): React.JSX.Element | null;
+}: GridPinnedRowsProps): import("react/jsx-runtime").JSX.Element | null;

package/esm/components/GridProColumnMenu.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridColumnMenuProps } from '@mui/x-data-grid';
 import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";
 export declare const GRID_COLUMN_MENU_SLOTS_PRO: {
@@ -21,4 +20,4 @@ export declare const GRID_COLUMN_MENU_SLOT_PROPS_PRO: {
     displayOrder: number;
   };
 };
-export declare const GridProColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
+export declare const GridProColumnMenu: import("react").ForwardRefExoticComponent<GridColumnMenuProps> | import("react").ForwardRefExoticComponent<GridColumnMenuProps & import("react").RefAttributes<HTMLUListElement>>;

package/esm/components/GridProColumnMenu.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { GridColumnMenuPinningItem } from "./GridColumnMenuPinningItem.js";

package/esm/components/GridRowReorderCell.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid';
-declare function GridRowReorderCell(params: GridRenderCellParams): React.JSX.Element | null;
+declare function GridRowReorderCell(params: GridRenderCellParams): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridRowReorderCell {
   var propTypes: any;
 }
 export { GridRowReorderCell };
-export declare const renderRowReorderCell: (params: GridRenderCellParams) => React.JSX.Element | null;
+export declare const renderRowReorderCell: (params: GridRenderCellParams) => import("react/jsx-runtime").JSX.Element | null;

package/esm/components/GridTreeDataGroupingCell.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid';
 interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
   hideDescendantCount?: boolean;
@@ -8,7 +7,7 @@ interface GridTreeDataGroupingCellProps extends GridRenderCellParams<any, any, a
    */
   offsetMultiplier?: number;
 }
-declare function GridTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): React.JSX.Element;
+declare function GridTreeDataGroupingCell(props: GridTreeDataGroupingCellProps): import("react/jsx-runtime").JSX.Element;
 declare namespace GridTreeDataGroupingCell {
   var propTypes: any;
 }

package/esm/components/headerFiltering/GridHeaderFilterClearButton.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 import { GridSlotProps } from '@mui/x-data-grid';
 type BaseIconButtonProps = GridSlotProps['baseIconButton'];
 interface GridHeaderFilterClearIconProps extends BaseIconButtonProps {}
-declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): React.JSX.Element;
+declare function GridHeaderFilterClearButton(props: GridHeaderFilterClearIconProps): import("react/jsx-runtime").JSX.Element;
 export { GridHeaderFilterClearButton };

package/esm/components/headerFiltering/GridHeaderFilterClearButton.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridHeaderFilterClearButton(props) {

package/esm/components/headerFiltering/GridHeaderFilterMenu.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridFilterOperator, GridFilterItem, GridColDef } from '@mui/x-data-grid';
 interface GridHeaderFilterMenuProps {
   field: GridColDef['field'];
@@ -23,7 +22,7 @@ declare function GridHeaderFilterMenu({
   labelledBy,
   showClearItem,
   clearFilterItem
-}: GridHeaderFilterMenuProps): React.JSX.Element | null;
+}: GridHeaderFilterMenuProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridHeaderFilterMenu {
   var propTypes: any;
 }

package/esm/components/headerFiltering/GridHeaderFilterMenuContainer.d.ts

@@ -10,7 +10,7 @@ declare function GridHeaderFilterMenuContainer(props: {
   disabled?: boolean;
   showClearItem?: boolean;
   clearFilterItem?: () => void;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GridHeaderFilterMenuContainer {
   var propTypes: any;
 }

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { UseGridColumnHeadersProps, GetHeadersParams } from '@mui/x-data-grid/internals';
 export declare const useGridColumnHeadersPro: (props: UseGridColumnHeadersProps) => {
-  getColumnFiltersRow: () => React.JSX.Element | null;
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
+  getColumnFiltersRow: () => import("react/jsx-runtime").JSX.Element | null;
+  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;
+  getColumnHeadersRow: () => import("react/jsx-runtime").JSX.Element;
   getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
   isDragging: boolean;
   getInnerProps: () => {

package/esm/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import { GRID_STRING_COL_DEF, gridRowIdSelector } from '@mui/x-data-grid';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from '@mui/x-data-grid/internals';
 import { GridDetailPanelToggleCell } from "../../../components/GridDetailPanelToggleCell.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.15.0
+ * @mui/x-data-grid-pro v8.17.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/index.d.ts

@@ -25,6 +25,7 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export type { GridExperimentalProFeatures, DataGridProPropsWithoutDefaultValue, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 export type { GridProSlotProps } from "../models/gridProSlotProps.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";

package/esm/internals/index.js

@@ -28,6 +28,7 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";
 export { updateRowTree } from "../utils/tree/updateRowTree.js";
 export { sortRowTree } from "../utils/tree/sortRowTree.js";

package/esm/material/icons.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 export declare const GridPushPinRightIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridPushPinLeftIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/esm/material/icons.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { createSvgIcon } from '@mui/x-data-grid/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GridPushPinRightIcon = createSvgIcon(/*#__PURE__*/_jsx("g", {

package/esm/utils/tree/utils.d.ts

@@ -2,6 +2,7 @@ import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsS
 import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
+import type { GridStatePro } from "../../models/gridStatePro.js";
 export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
 export declare const getNodePathInTree: ({
   id,
@@ -50,4 +51,4 @@ export declare const getVisibleRowsLookup: ({
 }: {
   tree: GridRowsState["tree"];
   filteredRowsLookup: GridFilterState["filteredRowsLookup"];
-}) => import("@mui/x-data-grid/hooks/features/filter/gridFilterState").GridVisibleRowsLookupState;
+}) => GridStatePro["visibleRowsLookup"];

package/esm/utils/tree/utils.js

@@ -24,13 +24,20 @@ export const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth,
   if (maxDepth !== undefined && node.depth >= maxDepth) {
     return false;
   }
+
+  // If group existed in previous tree, preserve its expansion state
+  if (prevChildrenExpanded !== undefined) {
+    return prevChildrenExpanded;
+  }
+
+  // For new groups, apply default expansion configuration
   let childrenExpanded;
   if (node.id === GRID_ROOT_GROUP_ID) {
     childrenExpanded = true;
   } else if (isGroupExpandedByDefault) {
     childrenExpanded = isGroupExpandedByDefault(node);
   } else {
-    childrenExpanded = defaultGroupingExpansionDepth === -1 || defaultGroupingExpansionDepth > node.depth || (prevChildrenExpanded ?? false);
+    childrenExpanded = defaultGroupingExpansionDepth === -1 || defaultGroupingExpansionDepth > node.depth;
   }
   return childrenExpanded;
 };

package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { UseGridColumnHeadersProps, GetHeadersParams } from '@mui/x-data-grid/internals';
 export declare const useGridColumnHeadersPro: (props: UseGridColumnHeadersProps) => {
-  getColumnFiltersRow: () => React.JSX.Element | null;
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
+  getColumnFiltersRow: () => import("react/jsx-runtime").JSX.Element | null;
+  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => import("react/jsx-runtime").JSX.Element;
+  getColumnHeadersRow: () => import("react/jsx-runtime").JSX.Element;
   getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
   isDragging: boolean;
   getInnerProps: () => {

package/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,7 +12,6 @@ Object.defineProperty(exports, "GRID_DETAIL_PANEL_TOGGLE_FIELD", {
   }
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
 var _GridDetailPanelToggleCell = require("../../../components/GridDetailPanelToggleCell");

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.15.0
+ * @mui/x-data-grid-pro v8.17.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/internals/index.d.ts

@@ -25,6 +25,7 @@ export { useGridInfiniteLoadingIntersection } from "../hooks/features/serverSide
 export { dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSourcePro.js";
 export { useGridDataSourceBasePro } from "../hooks/features/dataSource/useGridDataSourceBasePro.js";
 export { gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
+export { getGroupKeys } from "../hooks/features/dataSource/utils.js";
 export type { GridExperimentalProFeatures, DataGridProPropsWithoutDefaultValue, DataGridProPropsWithDefaultValue } from "../models/dataGridProProps.js";
 export type { GridProSlotProps } from "../models/gridProSlotProps.js";
 export { createRowTree } from "../utils/tree/createRowTree.js";

package/internals/index.js

@@ -37,6 +37,7 @@ var _exportNames = {
   useGridDataSourceBasePro: true,
   gridDataSourceErrorSelector: true,
   gridDataSourceLoadingIdSelector: true,
+  getGroupKeys: true,
   createRowTree: true,
   updateRowTree: true,
   sortRowTree: true,
@@ -96,16 +97,22 @@ Object.defineProperty(exports, "detailPanelStateInitializer", {
     return _useGridDetailPanel.detailPanelStateInitializer;
   }
 });
+Object.defineProperty(exports, "getGroupKeys", {
+  enumerable: true,
+  get: function () {
+    return _utils.getGroupKeys;
+  }
+});
 Object.defineProperty(exports, "getParentPath", {
   enumerable: true,
   get: function () {
-    return _utils2.getParentPath;
+    return _utils3.getParentPath;
   }
 });
 Object.defineProperty(exports, "getVisibleRowsLookup", {
   enumerable: true,
   get: function () {
-    return _utils.getVisibleRowsLookup;
+    return _utils2.getVisibleRowsLookup;
   }
 });
 Object.defineProperty(exports, "gridDataSourceErrorSelector", {
@@ -123,13 +130,13 @@ Object.defineProperty(exports, "gridDataSourceLoadingIdSelector", {
 Object.defineProperty(exports, "insertNodeInTree", {
   enumerable: true,
   get: function () {
-    return _utils.insertNodeInTree;
+    return _utils2.insertNodeInTree;
   }
 });
 Object.defineProperty(exports, "removeNodeFromTree", {
   enumerable: true,
   get: function () {
-    return _utils.removeNodeFromTree;
+    return _utils2.removeNodeFromTree;
   }
 });
 Object.defineProperty(exports, "rowPinningStateInitializer", {
@@ -147,13 +154,13 @@ Object.defineProperty(exports, "rowReorderStateInitializer", {
 Object.defineProperty(exports, "skipFiltering", {
   enumerable: true,
   get: function () {
-    return _utils2.skipFiltering;
+    return _utils3.skipFiltering;
   }
 });
 Object.defineProperty(exports, "skipSorting", {
   enumerable: true,
   get: function () {
-    return _utils2.skipSorting;
+    return _utils3.skipSorting;
   }
 });
 Object.defineProperty(exports, "sortRowTree", {
@@ -331,11 +338,12 @@ var _useGridInfiniteLoadingIntersection = require("../hooks/features/serverSideL
 var _useGridDataSourcePro = require("../hooks/features/dataSource/useGridDataSourcePro");
 var _useGridDataSourceBasePro = require("../hooks/features/dataSource/useGridDataSourceBasePro");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");
+var _utils = require("../hooks/features/dataSource/utils");
 var _createRowTree = require("../utils/tree/createRowTree");
 var _updateRowTree = require("../utils/tree/updateRowTree");
 var _sortRowTree = require("../utils/tree/sortRowTree");
-var _utils = require("../utils/tree/utils");
-var _utils2 = require("../hooks/features/serverSideTreeData/utils");
+var _utils2 = require("../utils/tree/utils");
+var _utils3 = require("../hooks/features/serverSideTreeData/utils");
 var _propValidation = require("./propValidation");
 Object.keys(_propValidation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/material/icons.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 export declare const GridPushPinRightIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;
 export declare const GridPushPinLeftIcon: (props: import("@mui/x-data-grid").GridBaseIconProps) => React.ReactNode;

package/material/icons.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPushPinRightIcon = exports.GridPushPinLeftIcon = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-data-grid/internals");
 var _jsxRuntime = require("react/jsx-runtime");
 const GridPushPinRightIcon = exports.GridPushPinRightIcon = (0, _internals.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.15.0",
+  "version": "8.17.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -37,9 +37,9 @@
     "@mui/utils": "^7.3.3",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-data-grid": "8.15.0",
-    "@mui/x-internals": "8.14.0",
-    "@mui/x-license": "8.15.0"
+    "@mui/x-data-grid": "8.17.0",
+    "@mui/x-internals": "8.17.0",
+    "@mui/x-license": "8.17.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/utils/tree/utils.d.ts

@@ -2,6 +2,7 @@ import { GridFilterState, GridGroupNode, GridRowId, GridRowTreeConfig, GridRowsS
 import { GridTreeDepths } from '@mui/x-data-grid/internals';
 import { RowTreeBuilderGroupingCriterion } from "./models.js";
 import { DataGridProProps } from "../../models/dataGridProProps.js";
+import type { GridStatePro } from "../../models/gridStatePro.js";
 export declare const getGroupRowIdFromPath: (path: RowTreeBuilderGroupingCriterion[]) => string;
 export declare const getNodePathInTree: ({
   id,
@@ -50,4 +51,4 @@ export declare const getVisibleRowsLookup: ({
 }: {
   tree: GridRowsState["tree"];
   filteredRowsLookup: GridFilterState["filteredRowsLookup"];
-}) => import("@mui/x-data-grid/hooks/features/filter/gridFilterState").GridVisibleRowsLookupState;
+}) => GridStatePro["visibleRowsLookup"];

package/utils/tree/utils.js

@@ -33,13 +33,20 @@ const checkGroupChildrenExpansion = (node, defaultGroupingExpansionDepth, maxDep
   if (maxDepth !== undefined && node.depth >= maxDepth) {
     return false;
   }
+
+  // If group existed in previous tree, preserve its expansion state
+  if (prevChildrenExpanded !== undefined) {
+    return prevChildrenExpanded;
+  }
+
+  // For new groups, apply default expansion configuration
   let childrenExpanded;
   if (node.id === _xDataGrid.GRID_ROOT_GROUP_ID) {
     childrenExpanded = true;
   } else if (isGroupExpandedByDefault) {
     childrenExpanded = isGroupExpandedByDefault(node);
   } else {
-    childrenExpanded = defaultGroupingExpansionDepth === -1 || defaultGroupingExpansionDepth > node.depth || (prevChildrenExpanded ?? false);
+    childrenExpanded = defaultGroupingExpansionDepth === -1 || defaultGroupingExpansionDepth > node.depth;
   }
   return childrenExpanded;
 };