@mui/x-data-grid-pro 6.12.1 → 6.14.0

package/CHANGELOG.md

@@ -3,6 +3,163 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.14.0
+
+_Sep 14, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Fix `YearCalendar` and `MonthCalendar` accessibility (#10312) @LukasTy
+
+  The `YearCalendar` and `MonthCalendar` items role has been changed from `button` to `radio` in order to improve the component's a11y support.
+  If you were relying on the mentioned components having a `button` role for items, you will need to update your usage to expect a `radio` role instead.
+
+- 🌍 Improve Japanese (ja-JP), Persian (fa-IR), and Vietnamese (vi-VN) locales on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.14.0`
+
+- [l10n] Improve Japanese (ja-JP) locale (#10299) @makoto14
+- [l10n] Improve Persian (fa-IR) locale (#10277) @aminsaedi
+- [l10n] Improve Vietnamese (vi-VN) locale (#10280) @khangnguyen2100
+
+#### `@mui/x-data-grid-pro@6.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.14.0`.
+
+#### `@mui/x-data-grid-premium@6.14.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.14.0`, plus:
+
+- [DataGridPremium] Fix clipboard import cutting off at 100 rows (#9930) @gitstart
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.14.0`
+
+- [pickers] Fix `YearCalendar` and `MonthCalendar` a11y (#10312) @LukasTy
+- [pickers] Localize `TimeClock` meridiem text (#10324) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.14.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.14.0`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.11`
+
+- [charts] Add default `barGapRatio` and increase `categoryGapRatio` (#10317) @LukasTy
+- [charts] Enable `eslint` on the package (#10330) @LukasTy
+
+### Tree View / `@mui/x-tree-view@6.0.0-alpha.3`
+
+- [TreeView] Fix box-sizing dependency (#10255) @oliviertassinari
+
+### Docs
+
+- [docs] Add conditional range picker props example (#10227) @LukasTy
+- [docs] Add toolbar to the multi-filters demo (#10223) @MBilalShafi
+- [docs] Avoid the use of "We" @oliviertassinari
+- [docs] Clarify MUI vs. MUI Core difference @oliviertassinari
+- [docs] Enable `ariaV7` flag for demos using `useDemoData` hook (#10204) @cherniavskii
+- [docs] Fix Tree View link to API references (#10282) @oliviertassinari
+- [docs] Fix image layout shift (#10313) @oliviertassinari
+- [docs] Fix link to MUI X from readme logo @oliviertassinari
+- [docs] Fix redirection to Base UI URLs @oliviertassinari
+- [docs] Improve Tree View demos (#10268) @oliviertassinari
+- [docs] Improve docs for ref type props (#10273) @michelengelen
+- [docs] Improve npm package README (#10269) @oliviertassinari
+- [docs] Improve the clarity of the npm links @oliviertassinari
+- [docs] Keep installation readme simple @oliviertassinari
+- [docs] Make each component feel more standalone @oliviertassinari
+
+### Core
+
+- [core] Add types extension for clarity @oliviertassinari
+- [core] Set logo height to fix layout shift in GitHub @oliviertassinari
+- [core] TrapFocus was renamed to FocusTrap @oliviertassinari
+
+## 6.13.0
+
+_Sep 8, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Fix `anchorRef` behavior on range pickers (#10077) @LukasTy
+
+  The range picker popup will now be anchored to the first input element and left aligned like other pickers.
+
+- 🌍 Improve Slovak (sk-SK) locale on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.13.0`
+
+- [DataGrid] Allow to override the default overlay height in `autoHeight` mode (#10203) @cherniavskii
+- [DataGrid] Allow to override the default row count component in footer (#10063) @hungmanhle
+- [DataGrid] Fix an error when hovering on a row, the background changed to white (#10214) @chucamphong
+- [DataGrid] Fix custom column docs, remove legacy `extendType` (#10175) @oliviertassinari
+- [DataGrid] Make the pinned rows be on top of the no rows overlay (#9986) @DanailH
+- [l10n] Improve Slovak (sk-SK) locale (#10182) @msidlo
+
+#### `@mui/x-data-grid-pro@6.13.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.13.0`, plus:
+
+- [DataGridPro] Fix column resize with pinned rows (#10229) @cherniavskii
+
+#### `@mui/x-data-grid-premium@6.13.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.13.0`, plus:
+
+- [DataGridPremium] Fix aggregated column resizing (#10079) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.13.0`
+
+- [pickers] Respect the adapter locale in `AdapterMoment.getWeekdays` (#10221) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@6.13.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.13.0`, plus:
+
+- [DateRangePicker] Fix `anchorRef` behavior (#10077) @LukasTy
+
+### Charts / `@mui/x-charts@6.0.0-alpha.10`
+
+- [charts] Remove require condition from package.json exports (#10272) @Janpot
+
+### Tree View / `@mui/x-tree-view@6.0.0-alpha.2`
+
+- [TreeView] Add missing export (#10245) @flaviendelangle
+
+### Docs
+
+- [docs] Add a `Getting Started` page for the Tree View (#10218) @flaviendelangle
+- [docs] Add pickers `Custom opening button` page (#10200) @flaviendelangle
+- [docs] Add pie chart demo with a center label (#10220) @giladappsforce
+- [docs] Do not document ignored components (#10258) @flaviendelangle
+- [docs] Fix charts demo using too deep import (#10263) @LukasTy
+- [docs] Fix `e.g.` typo @oliviertassinari
+- [docs] Fix npm package indentation @oliviertassinari
+- [docs] Fix typo in tree view docs @oliviertassinari
+- [docs] Improve the week picker example (#8257) @flaviendelangle
+- [docs] Include code links in the data grid demo (#10219) @cherniavskii
+- [docs] Polish page for SEO (#10216) @oliviertassinari
+- [docs] Use `Base UI` `Portal` for the quick filter recipe (#10188) @DanailH
+
+### Core
+
+- [core] Finish migration to GA4 @oliviertassinari
+- [core] Fix yarn docs:create-playground script @oliviertassinari
+- [core] Move @mui/base from peer dependency to dependency (#10215) @oliviertassinari
+- [core] Prevent `e.g.` typo (#10193) @oliviertassinari
+- [core] Remove unused `babel-plugin-tester` package (#10243) @LukasTy
+
 ## 6.12.1
 
 _Aug 31, 2023_
@@ -17,30 +174,30 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.12.1`
+#### `@mui/x-data-grid@6.12.1`
 
 - [DataGrid] Add a recipe showing how to render components outside of the grid (#10121) @DanailH
 - [DataGrid] Fix `valueFormatter` being persisted on column type change (#10041) @cherniavskii
 - [DataGrid] Fix error when keyboard navigating an empty grid (#10081) @romgrk
 - [DataGrid] Replace timeout with `useTimeout` (#10179) @romgrk
 
-#### `@mui/x-data-grid-pro@v6.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@6.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
-Same changes as in `@mui/x-data-grid@v6.12.1`.
+Same changes as in `@mui/x-data-grid@6.12.1`.
 
-#### `@mui/x-data-grid-premium@v6.12.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+#### `@mui/x-data-grid-premium@6.12.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
 
-Same changes as in `@mui/x-data-grid-pro@v6.12.1`.
+Same changes as in `@mui/x-data-grid-pro@6.12.1`.
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.12.1`
+#### `@mui/x-date-pickers@6.12.1`
 
 - [pickers] Add `referenceDate` on picker components (and `DateRangeCalendar`) (#9991) @flaviendelangle
 
-#### `@mui/x-date-pickers-pro@v6.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
-Same changes as in `@mui/x-date-pickers@v6.12.1`.
+Same changes as in `@mui/x-date-pickers@6.12.1`.
 
 ### Charts / `@mui/x-charts@6.0.0-alpha.9`
 
@@ -75,22 +232,22 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.12.0`
+#### `@mui/x-data-grid@6.12.0`
 
 - [DataGrid] Allow print export for more than 100 rows (#10045) @MBilalShafi
 - [l10n] Improve Ukrainian (uk-UA) locale (#10076) @mkundos
 
-#### `@mui/x-data-grid-pro@v6.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@6.12.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@v6.12.0`.
+Same changes as in `@mui/x-data-grid@6.12.0`.
 
-#### `@mui/x-data-grid-premium@v6.12.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+#### `@mui/x-data-grid-premium@6.12.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@v6.12.0`.
+Same changes as in `@mui/x-data-grid-pro@6.12.0`.
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.12.0`
+#### `@mui/x-date-pickers@6.12.0`
 
 - [fields] Do not clamp day of month (#9973) @flaviendelangle
 - [pickers] Fix `ownerState` on `desktopPaper` slot props (#10103) @LukasTy
@@ -100,9 +257,9 @@ Same changes as in `@mui/x-data-grid-pro@v6.12.0`.
 - [pickers] Make `openPickerButton` toggle picker (#10109) @noraleonte
 - [pickers] Update `reduceAnimations` default rule (#9864) @LukasTy
 
-#### `@mui/x-date-pickers-pro@v6.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.12.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@v6.12.0`.
+Same changes as in `@mui/x-date-pickers@6.12.0`.
 
 ### Charts / `@mui/x-charts@6.0.0-alpha.8`
 
@@ -141,7 +298,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.11.2`
+#### `@mui/x-data-grid@6.11.2`
 
 - [DataGrid] Fix `eval` blocked by CSP (#9863) @romgrk
 - [DataGrid] Fix row id bug (#10051) @romgrk
@@ -151,26 +308,26 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 - [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 'Pro plan')
+#### `@mui/x-data-grid-pro@6.11.2` [![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@v6.11.2`.
+Same changes as in `@mui/x-data-grid@6.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 'Premium plan')
+#### `@mui/x-data-grid-premium@6.11.2` [![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@v6.11.2`.
+Same changes as in `@mui/x-data-grid-pro@6.11.2`.
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.11.2`
+#### `@mui/x-date-pickers@6.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 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.11.2` [![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@v6.11.2`.
+Same changes as in `@mui/x-date-pickers@6.11.2`.
 
 ### Docs
 
@@ -225,7 +382,7 @@ Same changes as in `@mui/x-data-grid-pro@6.11.1`.
 
 Same changes as in `@mui/x-date-pickers@6.11.1`.
 
-### Charts / `@mui/x-charts@v6.0.0-alpha.7`
+### Charts / `@mui/x-charts@6.0.0-alpha.7`
 
 - [charts] Fix label and tick alignment (#9952) @LukasTy
 - [charts] Remove not functional component `styleOverrides` (#9996) @LukasTy
@@ -233,7 +390,7 @@ Same changes as in `@mui/x-date-pickers@6.11.1`.
 - [charts] Use `slot`/`slotProps` for customization (#9744) @alexfauquette
 - [charts] Extend cheerful fiesta palette (#9980) @noraleonte
 
-### Tree View / `@mui/x-tree-view@v6.0.0-alpha.1`
+### Tree View / `@mui/x-tree-view@6.0.0-alpha.1`
 
 - [TreeView] Add theme augmentation (#9967) @flaviendelangle
 
@@ -263,7 +420,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.11.0`
+#### `@mui/x-data-grid@6.11.0`
 
 - [DataGrid] Add `ariaV7` experimental flag (#9496) @cherniavskii
 - [DataGrid] Fix cell size when column width is set to `undefined` (#9871) @gitstart
@@ -271,17 +428,17 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 - [l10n] Improve Finnish (fi-FI) locale (#9848) @sambbaahh
 - [l10n] Improve Italian (it-IT) locale (#9627) @fabio-rizzello-omnia
 
-#### `@mui/x-data-grid-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@6.11.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@v6.11.0`.
+Same changes as in `@mui/x-data-grid@6.11.0`.
 
-#### `@mui/x-data-grid-premium@v6.11.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+#### `@mui/x-data-grid-premium@6.11.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@v6.11.0`.
+Same changes as in `@mui/x-data-grid-pro@6.11.0`.
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.11.0`
+#### `@mui/x-date-pickers@6.11.0`
 
 - [fields] Correctly handle events with a complete value insertion (#9896) @LukasTy
 - [fields] Fix hours editing on dayjs with timezone and DST (#9901) @flaviendelangle
@@ -294,18 +451,18 @@ Same changes as in `@mui/x-data-grid-pro@v6.11.0`.
 - [pickers] Fix offset management on dayjs adapter (#9884) @flaviendelangle
 - [pickers] Use device motion reduction preference (#9823) @LukasTy
 
-#### `@mui/x-date-pickers-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.11.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@v6.11.0`.
+Same changes as in `@mui/x-date-pickers@6.11.0`.
 
-### Charts / `@mui/x-charts@v6.0.0-alpha.6`
+### Charts / `@mui/x-charts@6.0.0-alpha.6`
 
 - [charts] Add TS definition to the exported elements (#9885) @alexfauquette
 - [charts] Add sparkline (#9662) @alexfauquette
 - [charts] Fix missing configuration types (#9886) @alexfauquette
 - [charts] Introduce dataset to simplify plot of data from API (#9774) @alexfauquette
 
-### Tree View / `@mui/x-tree-view@v6.0.0-alpha.0`
+### Tree View / `@mui/x-tree-view@6.0.0-alpha.0`
 
 - [TreeView] Add missing exported types (#9862) @flaviendelangle
 - [TreeView] Add tree view to changelog generator script (#9903) @MBilalShafi
@@ -350,34 +507,34 @@ We'd like to offer a big thanks to the 13 contributors who made this release pos
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.10.2`
+#### `@mui/x-data-grid@6.10.2`
 
 - [DataGrid] Fix quick filter & aggregation error (#9729) @romgrk
 - [DataGrid] Fix row click propagation causing error in nested grid (#9741) @cherniavskii
 - [DataGrid] Keep focused cell in the DOM (#7357) @yaredtsy
 - [l10n] Improve Finnish (fi-FI) locale (#9746) @sambbaahh
 
-#### `@mui/x-data-grid-pro@v6.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@6.10.2` [![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@v6.10.2`.
+Same changes as in `@mui/x-data-grid@6.10.2`.
 
-#### `@mui/x-data-grid-premium@v6.10.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+#### `@mui/x-data-grid-premium@6.10.2` [![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@v6.10.2`, plus:
+Same changes as in `@mui/x-data-grid-pro@6.10.2`, plus:
 
 - [DataGridPremium] Allow to customize grouping cell offset (#9417) @cherniavskii
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.10.2`
+#### `@mui/x-date-pickers@6.10.2`
 
 - [pickers] Remove the `endOfDate` from `DigitalClock` timeOptions (#9800) @noraleonte
 
-#### `@mui/x-date-pickers-pro@v6.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.10.2` [![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@v6.10.2`.
+Same changes as in `@mui/x-date-pickers@6.10.2`.
 
-### Charts / `@mui/x-charts@v6.0.0-alpha.5`
+### Charts / `@mui/x-charts@6.0.0-alpha.5`
 
 - [charts] Improve JSDoc for axis-related props (#9779) @flaviendelangle
 - [charts] Improve performances of Scatter component (#9527) @flaviendelangle
@@ -415,7 +572,7 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
 
 ### Data Grid
 
-#### `@mui/x-data-grid@v6.10.1`
+#### `@mui/x-data-grid@6.10.1`
 
 - [DataGrid] Filtering performance: compile filter applier with `eval` (#9635) @romgrk
 - [DataGrid] Fix CSV export for values containing double quotes (#9667) @cherniavskii
@@ -425,29 +582,29 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
 - [DataGrid] Update focused cell on page change via keyboard (#9203) @m4theushw
 - [DataGrid] Wait for remote stylesheets to load before print (#9665) @cherniavskii
 
-#### `@mui/x-data-grid-pro@v6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-data-grid-pro@6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
-Same changes as in `@mui/x-data-grid@v6.10.1`, plus:
+Same changes as in `@mui/x-data-grid@6.10.1`, plus:
 
 - [DataGridPro] Improve tree data performance (#9682) @cherniavskii
 - [DataGridPro] Prevent affecting cells from child DataGrid when resizing a column (#9670) @m4theushw
 
-#### `@mui/x-data-grid-premium@v6.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+#### `@mui/x-data-grid-premium@6.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
 
-Same changes as in `@mui/x-data-grid-pro@v6.10.1`.
+Same changes as in `@mui/x-data-grid-pro@6.10.1`.
 
 ### Date Pickers
 
-#### `@mui/x-date-pickers@v6.10.1`
+#### `@mui/x-date-pickers@6.10.1`
 
 - [fields] Fix `format` and `value` update order (#9715) @LukasTy
 - [pickers] Remove `require` usage in comment (#9675) @LukasTy
 
-#### `@mui/x-date-pickers-pro@v6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+#### `@mui/x-date-pickers-pro@6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
 
-Same changes as in `@mui/x-date-pickers@v6.10.1`.
+Same changes as in `@mui/x-date-pickers@6.10.1`.
 
-### Charts / `@mui/x-charts@v6.0.0-alpha.4`
+### Charts / `@mui/x-charts@6.0.0-alpha.4`
 
 - [charts] Fix blinking in responsive charts and extremums computation for line charts (#9734) @alexfauquette
 - [charts] Use ESM with imports (#9645) @alexfauquette
@@ -1759,7 +1916,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
 #### Changes
 
 - [DataGrid] Add interface for `singleSelect` column (#7685) @m4theushw
-- [DataGrid] Allow to pass props to the `TrapFocus` inside the panel wrapper (#7733) @ivek-Prajapatii
+- [DataGrid] Allow to pass props to the `FocusTrap` inside the panel wrapper (#7733) @ivek-Prajapatii
 - [DataGrid] Avoid unnecessary rerenders after `updateRows` (#7857) @cherniavskii
 - [DataGridPro] Change cursor when dragging a column (#7725) @sai6855
 - [DataGridPremium] Fix `leafField` to have correct focus value (#7950) @MBilalShafi

package/README.md

@@ -1,18 +1,14 @@
-# @mui/x-data-grid-pro
+# MUI X Data Grid Pro
 
 This package is the Pro plan edition of the data grid component.
-It's part of MUI X, an open core extension of MUI, with advanced components.
+It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
 
 ## Installation
 
 Install the package in your project directory with:
 
 ```bash
-// with npm
 npm install @mui/x-data-grid-pro
-
-// with yarn
-yarn add @mui/x-data-grid-pro
 ```
 
 This component has the following peer dependencies that you will need to install as well.
@@ -28,4 +24,4 @@ This component has the following peer dependencies that you will need to install
 
 ## Documentation
 
-[The documentation](https://mui.com/x/react-data-grid/)
+Visit [https://mui.com/x/react-data-grid/](https://mui.com/x/react-data-grid/) to view the full documentation.

package/components/DataGridProVirtualScroller.js

@@ -131,8 +131,8 @@ const VirtualScrollerPinnedRows = styled('div', {
   const boxShadowColor = getBoxShadowColor(theme);
   return _extends({
     position: 'sticky',
-    // should be above the detail panel
-    zIndex: 3,
+    // should be above the no rows overlay
+    zIndex: 4,
     backgroundColor: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundImage: (_theme$vars$overlays2 = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays2[2]

package/components/GridColumnHeaders.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["style", "className", "innerRef", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence", "pinnedColumns"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import { refType, unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled, alpha, useTheme } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, useGridApiEventHandler, GridColumnHeaderSeparatorSides } from '@mui/x-data-grid';
 import { GridBaseColumnHeaders, GridColumnHeadersInner } from '@mui/x-data-grid/internals';
@@ -271,9 +271,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: PropTypes.object.isRequired,
   hasOtherElementInTabSequence: PropTypes.bool.isRequired,
   headerGroupingMaxDepth: PropTypes.number.isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  innerRef: refType,
   minColumnIndex: PropTypes.number,
   pinnedColumns: PropTypes.shape({
     left: PropTypes.arrayOf(PropTypes.string),

package/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -4,7 +4,7 @@ const _excluded = ["operators", "item", "field", "buttonRef", "headerFilterMenuR
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useGridApiContext } from '@mui/x-data-grid';
-import { unstable_useId as useId } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import { unstable_gridHeaderFilteringMenuSelector } from '@mui/x-data-grid/internals';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -70,9 +70,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   applyFilterChanges: PropTypes.func.isRequired,
-  buttonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  buttonRef: refType,
   field: PropTypes.string.isRequired,
   headerFilterMenuRef: PropTypes.shape({
     current: PropTypes.object

package/hooks/features/columnResize/useGridColumnResize.js

@@ -133,20 +133,14 @@ export const useGridColumnResize = (apiRef, props) => {
   const finishResize = nativeEvent => {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
-    apiRef.current.updateColumns([colDefRef.current]);
+    if (colDefRef.current) {
+      apiRef.current.setColumnWidth(colDefRef.current.field, colDefRef.current.width);
+      logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
+    }
     clearTimeout(stopResizeEventTimeout.current);
     stopResizeEventTimeout.current = setTimeout(() => {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
-      if (colDefRef.current) {
-        var _colDefRef$current;
-        apiRef.current.publishEvent('columnWidthChange', {
-          element: colElementRef.current,
-          colDef: colDefRef.current,
-          width: (_colDefRef$current = colDefRef.current) == null ? void 0 : _colDefRef$current.computedWidth
-        }, nativeEvent);
-      }
     });
-    logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
   };
   const handleResizeMouseUp = useEventCallback(finishResize);
   const handleResizeMouseMove = useEventCallback(nativeEvent => {

package/index.js

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

package/legacy/components/DataGridProVirtualScroller.js

@@ -131,8 +131,8 @@ var VirtualScrollerPinnedRows = styled('div', {
   var boxShadowColor = getBoxShadowColor(theme);
   return _extends({
     position: 'sticky',
-    // should be above the detail panel
-    zIndex: 3,
+    // should be above the no rows overlay
+    zIndex: 4,
     backgroundColor: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundImage: (_theme$vars$overlays2 = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays2[2]

package/legacy/components/GridColumnHeaders.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["style", "className", "innerRef", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence", "pinnedColumns"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import { refType, unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled, alpha, useTheme } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, useGridApiEventHandler, GridColumnHeaderSeparatorSides } from '@mui/x-data-grid';
 import { GridBaseColumnHeaders, GridColumnHeadersInner } from '@mui/x-data-grid/internals';
@@ -275,9 +275,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: PropTypes.object.isRequired,
   hasOtherElementInTabSequence: PropTypes.bool.isRequired,
   headerGroupingMaxDepth: PropTypes.number.isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  innerRef: refType,
   minColumnIndex: PropTypes.number,
   pinnedColumns: PropTypes.shape({
     left: PropTypes.arrayOf(PropTypes.string),

package/legacy/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -4,7 +4,7 @@ var _excluded = ["operators", "item", "field", "buttonRef", "headerFilterMenuRef
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useGridApiContext } from '@mui/x-data-grid';
-import { unstable_useId as useId } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import { unstable_gridHeaderFilteringMenuSelector } from '@mui/x-data-grid/internals';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -68,9 +68,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   applyFilterChanges: PropTypes.func.isRequired,
-  buttonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  buttonRef: refType,
   field: PropTypes.string.isRequired,
   headerFilterMenuRef: PropTypes.shape({
     current: PropTypes.object

package/legacy/hooks/features/columnResize/useGridColumnResize.js

@@ -136,20 +136,14 @@ export var useGridColumnResize = function useGridColumnResize(apiRef, props) {
   var finishResize = function finishResize(nativeEvent) {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
-    apiRef.current.updateColumns([colDefRef.current]);
+    if (colDefRef.current) {
+      apiRef.current.setColumnWidth(colDefRef.current.field, colDefRef.current.width);
+      logger.debug("Updating col ".concat(colDefRef.current.field, " with new width: ").concat(colDefRef.current.width));
+    }
     clearTimeout(stopResizeEventTimeout.current);
     stopResizeEventTimeout.current = setTimeout(function () {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
-      if (colDefRef.current) {
-        var _colDefRef$current;
-        apiRef.current.publishEvent('columnWidthChange', {
-          element: colElementRef.current,
-          colDef: colDefRef.current,
-          width: (_colDefRef$current = colDefRef.current) == null ? void 0 : _colDefRef$current.computedWidth
-        }, nativeEvent);
-      }
     });
-    logger.debug("Updating col ".concat(colDefRef.current.field, " with new width: ").concat(colDefRef.current.width));
   };
   var handleResizeMouseUp = useEventCallback(finishResize);
   var handleResizeMouseMove = useEventCallback(function (nativeEvent) {

package/legacy/index.js

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

package/legacy/utils/domUtils.js

@@ -11,7 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll("[data-fields*=\"|-".concat(field, "-|\"]"))) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  var _api$virtualScrollerR;
+  var _api$virtualScrollerR, _api$virtualScrollerR2;
   var root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
@@ -22,11 +22,10 @@ export function findGridCellElementsFromCol(col, api) {
   }
   var colIndex = Number(ariaColIndex) - 1;
   var cells = [];
-  var virtualScrollerContent = (_api$virtualScrollerR = api.virtualScrollerRef) == null || (_api$virtualScrollerR = _api$virtualScrollerR.current) == null ? void 0 : _api$virtualScrollerR.firstElementChild;
-  if (!virtualScrollerContent) {
+  if (!((_api$virtualScrollerR = api.virtualScrollerRef) != null && _api$virtualScrollerR.current)) {
     return [];
   }
-  var renderedRowElements = virtualScrollerContent.querySelectorAll(":scope > div > .".concat(gridClasses.row) // Use > to ignore rows from detail panels
+  var renderedRowElements = (_api$virtualScrollerR2 = api.virtualScrollerRef) == null ? void 0 : _api$virtualScrollerR2.current.querySelectorAll(":scope > div > div > .".concat(gridClasses.row) // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
   renderedRowElements.forEach(function (rowElement) {
     var rowId = rowElement.getAttribute('data-id');

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5MzQzMjgwMDAwMA==";
+  var releaseInfo = "MTY5NDY0MjQwMDAwMA==";
   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/components/DataGridProVirtualScroller.js

@@ -128,8 +128,8 @@ const VirtualScrollerPinnedRows = styled('div', {
   const boxShadowColor = getBoxShadowColor(theme);
   return _extends({
     position: 'sticky',
-    // should be above the detail panel
-    zIndex: 3,
+    // should be above the no rows overlay
+    zIndex: 4,
     backgroundColor: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundImage: theme.vars.overlays?.[2]

package/modern/components/GridColumnHeaders.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["style", "className", "innerRef", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence", "pinnedColumns"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import { refType, unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import { styled, alpha, useTheme } from '@mui/material/styles';
 import { getDataGridUtilityClass, gridClasses, useGridApiEventHandler, GridColumnHeaderSeparatorSides } from '@mui/x-data-grid';
 import { GridBaseColumnHeaders, GridColumnHeadersInner } from '@mui/x-data-grid/internals';
@@ -268,9 +268,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: PropTypes.object.isRequired,
   hasOtherElementInTabSequence: PropTypes.bool.isRequired,
   headerGroupingMaxDepth: PropTypes.number.isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  innerRef: refType,
   minColumnIndex: PropTypes.number,
   pinnedColumns: PropTypes.shape({
     left: PropTypes.arrayOf(PropTypes.string),

package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -4,7 +4,7 @@ const _excluded = ["operators", "item", "field", "buttonRef", "headerFilterMenuR
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useGridApiContext } from '@mui/x-data-grid';
-import { unstable_useId as useId } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import { unstable_gridHeaderFilteringMenuSelector } from '@mui/x-data-grid/internals';
 import { useGridRootProps } from '../../hooks/utils/useGridRootProps';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -69,9 +69,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   applyFilterChanges: PropTypes.func.isRequired,
-  buttonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
+  buttonRef: refType,
   field: PropTypes.string.isRequired,
   headerFilterMenuRef: PropTypes.shape({
     current: PropTypes.object

package/modern/hooks/features/columnResize/useGridColumnResize.js

@@ -133,19 +133,14 @@ export const useGridColumnResize = (apiRef, props) => {
   const finishResize = nativeEvent => {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
-    apiRef.current.updateColumns([colDefRef.current]);
+    if (colDefRef.current) {
+      apiRef.current.setColumnWidth(colDefRef.current.field, colDefRef.current.width);
+      logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
+    }
     clearTimeout(stopResizeEventTimeout.current);
     stopResizeEventTimeout.current = setTimeout(() => {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
-      if (colDefRef.current) {
-        apiRef.current.publishEvent('columnWidthChange', {
-          element: colElementRef.current,
-          colDef: colDefRef.current,
-          width: colDefRef.current?.computedWidth
-        }, nativeEvent);
-      }
     });
-    logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
   };
   const handleResizeMouseUp = useEventCallback(finishResize);
   const handleResizeMouseMove = useEventCallback(nativeEvent => {

package/modern/index.js

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

package/modern/utils/domUtils.js

@@ -20,11 +20,10 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const virtualScrollerContent = api.virtualScrollerRef?.current?.firstElementChild;
-  if (!virtualScrollerContent) {
+  if (!api.virtualScrollerRef?.current) {
     return [];
   }
-  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${gridClasses.row}` // Use > to ignore rows from detail panels
+  const renderedRowElements = api.virtualScrollerRef?.current.querySelectorAll(`:scope > div > div > .${gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
 
   renderedRowElements.forEach(rowElement => {

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5MzQzMjgwMDAwMA==";
+  const releaseInfo = "MTY5NDY0MjQwMDAwMA==";
   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/components/DataGridProVirtualScroller.js

@@ -137,8 +137,8 @@ const VirtualScrollerPinnedRows = (0, _styles.styled)('div', {
   const boxShadowColor = getBoxShadowColor(theme);
   return (0, _extends2.default)({
     position: 'sticky',
-    // should be above the detail panel
-    zIndex: 3,
+    // should be above the no rows overlay
+    zIndex: 4,
     backgroundColor: (theme.vars || theme).palette.background.default
   }, theme.vars ? {
     backgroundImage: theme.vars.overlays?.[2]

package/node/components/GridColumnHeaders.js

@@ -277,9 +277,7 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   filterColumnLookup: _propTypes.default.object.isRequired,
   hasOtherElementInTabSequence: _propTypes.default.bool.isRequired,
   headerGroupingMaxDepth: _propTypes.default.number.isRequired,
-  innerRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  innerRef: _utils.refType,
   minColumnIndex: _propTypes.default.number,
   pinnedColumns: _propTypes.default.shape({
     left: _propTypes.default.arrayOf(_propTypes.default.string),

package/node/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -77,9 +77,7 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
   // ----------------------------------------------------------------------
   applyFilterChanges: _propTypes.default.func.isRequired,
-  buttonRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.object
-  })]),
+  buttonRef: _utils.refType,
   field: _propTypes.default.string.isRequired,
   headerFilterMenuRef: _propTypes.default.shape({
     current: _propTypes.default.object

package/node/hooks/features/columnResize/useGridColumnResize.js

@@ -143,19 +143,14 @@ const useGridColumnResize = (apiRef, props) => {
   const finishResize = nativeEvent => {
     // eslint-disable-next-line @typescript-eslint/no-use-before-define
     stopListening();
-    apiRef.current.updateColumns([colDefRef.current]);
+    if (colDefRef.current) {
+      apiRef.current.setColumnWidth(colDefRef.current.field, colDefRef.current.width);
+      logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
+    }
     clearTimeout(stopResizeEventTimeout.current);
     stopResizeEventTimeout.current = setTimeout(() => {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
-      if (colDefRef.current) {
-        apiRef.current.publishEvent('columnWidthChange', {
-          element: colElementRef.current,
-          colDef: colDefRef.current,
-          width: colDefRef.current?.computedWidth
-        }, nativeEvent);
-      }
     });
-    logger.debug(`Updating col ${colDefRef.current.field} with new width: ${colDefRef.current.width}`);
   };
   const handleResizeMouseUp = (0, _utils.unstable_useEventCallback)(finishResize);
   const handleResizeMouseMove = (0, _utils.unstable_useEventCallback)(nativeEvent => {

package/node/index.js

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

package/node/utils/domUtils.js

@@ -29,11 +29,10 @@ function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const virtualScrollerContent = api.virtualScrollerRef?.current?.firstElementChild;
-  if (!virtualScrollerContent) {
+  if (!api.virtualScrollerRef?.current) {
     return [];
   }
-  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${_xDataGrid.gridClasses.row}` // Use > to ignore rows from detail panels
+  const renderedRowElements = api.virtualScrollerRef?.current.querySelectorAll(`:scope > div > div > .${_xDataGrid.gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
 
   renderedRowElements.forEach(rowElement => {

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 = "MTY5MzQzMjgwMDAwMA==";
+  const releaseInfo = "MTY5NDY0MjQwMDAwMA==";
   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.12.1",
+  "version": "6.14.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,9 +31,9 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.11",
-    "@mui/utils": "^5.14.7",
-    "@mui/x-data-grid": "6.12.1",
+    "@babel/runtime": "^7.22.15",
+    "@mui/utils": "^5.14.8",
+    "@mui/x-data-grid": "6.14.0",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^2.0.0",

package/utils/domUtils.js

@@ -11,7 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll(`[data-fields*="|-${field}-|"]`)) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
-  var _api$virtualScrollerR;
+  var _api$virtualScrollerR, _api$virtualScrollerR2;
   const root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
@@ -22,11 +22,10 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const virtualScrollerContent = (_api$virtualScrollerR = api.virtualScrollerRef) == null || (_api$virtualScrollerR = _api$virtualScrollerR.current) == null ? void 0 : _api$virtualScrollerR.firstElementChild;
-  if (!virtualScrollerContent) {
+  if (!((_api$virtualScrollerR = api.virtualScrollerRef) != null && _api$virtualScrollerR.current)) {
     return [];
   }
-  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${gridClasses.row}` // Use > to ignore rows from detail panels
+  const renderedRowElements = (_api$virtualScrollerR2 = api.virtualScrollerRef) == null ? void 0 : _api$virtualScrollerR2.current.querySelectorAll(`:scope > div > div > .${gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
 
   renderedRowElements.forEach(rowElement => {

package/utils/releaseInfo.js

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