@mui/x-charts-pro 7.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/BarChartPro/BarChartPro.d.ts +18 -0
  2. package/BarChartPro/BarChartPro.js +417 -0
  3. package/BarChartPro/index.d.ts +1 -0
  4. package/BarChartPro/index.js +1 -0
  5. package/BarChartPro/package.json +6 -0
  6. package/CHANGELOG.md +4404 -0
  7. package/ChartContainerPro/ChartContainerPro.d.ts +7 -0
  8. package/ChartContainerPro/ChartContainerPro.js +282 -0
  9. package/ChartContainerPro/index.d.ts +1 -0
  10. package/ChartContainerPro/index.js +1 -0
  11. package/ChartContainerPro/package.json +6 -0
  12. package/ChartContainerPro/useChartContainerProProps.d.ts +15 -0
  13. package/ChartContainerPro/useChartContainerProProps.js +39 -0
  14. package/Heatmap/DefaultHeatmapTooltip.d.ts +7 -0
  15. package/Heatmap/DefaultHeatmapTooltip.js +97 -0
  16. package/Heatmap/Heatmap.d.ts +49 -0
  17. package/Heatmap/Heatmap.js +387 -0
  18. package/Heatmap/HeatmapItem.d.ts +49 -0
  19. package/Heatmap/HeatmapItem.js +106 -0
  20. package/Heatmap/HeatmapPlot.d.ts +9 -0
  21. package/Heatmap/HeatmapPlot.js +57 -0
  22. package/Heatmap/extremums.d.ts +2 -0
  23. package/Heatmap/extremums.js +8 -0
  24. package/Heatmap/formatter.d.ts +3 -0
  25. package/Heatmap/formatter.js +20 -0
  26. package/Heatmap/getColor.d.ts +3 -0
  27. package/Heatmap/getColor.js +15 -0
  28. package/Heatmap/heatmapClasses.d.ts +11 -0
  29. package/Heatmap/heatmapClasses.js +13 -0
  30. package/Heatmap/index.d.ts +4 -0
  31. package/Heatmap/index.js +4 -0
  32. package/Heatmap/package.json +6 -0
  33. package/Heatmap/plugin.d.ts +2 -0
  34. package/Heatmap/plugin.js +10 -0
  35. package/LICENSE +11 -0
  36. package/LineChartPro/LineChartPro.d.ts +17 -0
  37. package/LineChartPro/LineChartPro.js +473 -0
  38. package/LineChartPro/index.d.ts +1 -0
  39. package/LineChartPro/index.js +1 -0
  40. package/LineChartPro/package.json +6 -0
  41. package/README.md +26 -0
  42. package/ResponsiveChartContainerPro/ResponsiveChartContainerPro.d.ts +7 -0
  43. package/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +259 -0
  44. package/ResponsiveChartContainerPro/index.d.ts +1 -0
  45. package/ResponsiveChartContainerPro/index.js +1 -0
  46. package/ResponsiveChartContainerPro/package.json +6 -0
  47. package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.d.ts +41 -0
  48. package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js +25 -0
  49. package/ScatterChartPro/ScatterChartPro.d.ts +17 -0
  50. package/ScatterChartPro/ScatterChartPro.js +388 -0
  51. package/ScatterChartPro/index.d.ts +1 -0
  52. package/ScatterChartPro/index.js +1 -0
  53. package/ScatterChartPro/package.json +6 -0
  54. package/context/CartesianProviderPro/CartesianProviderPro.d.ts +6 -0
  55. package/context/CartesianProviderPro/CartesianProviderPro.js +54 -0
  56. package/context/CartesianProviderPro/index.d.ts +1 -0
  57. package/context/CartesianProviderPro/index.js +1 -0
  58. package/context/ZoomProvider/Zoom.types.d.ts +134 -0
  59. package/context/ZoomProvider/Zoom.types.js +1 -0
  60. package/context/ZoomProvider/ZoomContext.d.ts +4 -0
  61. package/context/ZoomProvider/ZoomContext.js +16 -0
  62. package/context/ZoomProvider/ZoomProvider.d.ts +3 -0
  63. package/context/ZoomProvider/ZoomProvider.js +53 -0
  64. package/context/ZoomProvider/ZoomSetup.d.ts +9 -0
  65. package/context/ZoomProvider/ZoomSetup.js +16 -0
  66. package/context/ZoomProvider/defaultizeZoom.d.ts +2 -0
  67. package/context/ZoomProvider/defaultizeZoom.js +31 -0
  68. package/context/ZoomProvider/index.d.ts +3 -0
  69. package/context/ZoomProvider/index.js +3 -0
  70. package/context/ZoomProvider/initializeZoomData.d.ts +6 -0
  71. package/context/ZoomProvider/initializeZoomData.js +13 -0
  72. package/context/ZoomProvider/useSetupPan.d.ts +1 -0
  73. package/context/ZoomProvider/useSetupPan.js +104 -0
  74. package/context/ZoomProvider/useSetupZoom.d.ts +1 -0
  75. package/context/ZoomProvider/useSetupZoom.js +272 -0
  76. package/context/ZoomProvider/useZoom.d.ts +7 -0
  77. package/context/ZoomProvider/useZoom.js +17 -0
  78. package/context/index.d.ts +3 -0
  79. package/context/index.js +5 -0
  80. package/context/package.json +6 -0
  81. package/hooks/index.d.ts +1 -0
  82. package/hooks/index.js +1 -0
  83. package/hooks/package.json +6 -0
  84. package/hooks/useSeries.d.ts +11 -0
  85. package/hooks/useSeries.js +14 -0
  86. package/index.d.ts +31 -0
  87. package/index.js +45 -0
  88. package/internals/utils/releaseInfo.d.ts +1 -0
  89. package/internals/utils/releaseInfo.js +13 -0
  90. package/models/index.d.ts +1 -0
  91. package/models/index.js +1 -0
  92. package/models/package.json +6 -0
  93. package/models/seriesType/heatmap.d.ts +28 -0
  94. package/models/seriesType/heatmap.js +1 -0
  95. package/models/seriesType/index.d.ts +1 -0
  96. package/models/seriesType/index.js +1 -0
  97. package/modern/BarChartPro/BarChartPro.js +417 -0
  98. package/modern/BarChartPro/index.js +1 -0
  99. package/modern/ChartContainerPro/ChartContainerPro.js +282 -0
  100. package/modern/ChartContainerPro/index.js +1 -0
  101. package/modern/ChartContainerPro/useChartContainerProProps.js +39 -0
  102. package/modern/Heatmap/DefaultHeatmapTooltip.js +97 -0
  103. package/modern/Heatmap/Heatmap.js +387 -0
  104. package/modern/Heatmap/HeatmapItem.js +106 -0
  105. package/modern/Heatmap/HeatmapPlot.js +57 -0
  106. package/modern/Heatmap/extremums.js +8 -0
  107. package/modern/Heatmap/formatter.js +20 -0
  108. package/modern/Heatmap/getColor.js +15 -0
  109. package/modern/Heatmap/heatmapClasses.js +13 -0
  110. package/modern/Heatmap/index.js +4 -0
  111. package/modern/Heatmap/plugin.js +10 -0
  112. package/modern/LineChartPro/LineChartPro.js +473 -0
  113. package/modern/LineChartPro/index.js +1 -0
  114. package/modern/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +259 -0
  115. package/modern/ResponsiveChartContainerPro/index.js +1 -0
  116. package/modern/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js +25 -0
  117. package/modern/ScatterChartPro/ScatterChartPro.js +388 -0
  118. package/modern/ScatterChartPro/index.js +1 -0
  119. package/modern/context/CartesianProviderPro/CartesianProviderPro.js +54 -0
  120. package/modern/context/CartesianProviderPro/index.js +1 -0
  121. package/modern/context/ZoomProvider/Zoom.types.js +1 -0
  122. package/modern/context/ZoomProvider/ZoomContext.js +16 -0
  123. package/modern/context/ZoomProvider/ZoomProvider.js +53 -0
  124. package/modern/context/ZoomProvider/ZoomSetup.js +16 -0
  125. package/modern/context/ZoomProvider/defaultizeZoom.js +31 -0
  126. package/modern/context/ZoomProvider/index.js +3 -0
  127. package/modern/context/ZoomProvider/initializeZoomData.js +13 -0
  128. package/modern/context/ZoomProvider/useSetupPan.js +104 -0
  129. package/modern/context/ZoomProvider/useSetupZoom.js +272 -0
  130. package/modern/context/ZoomProvider/useZoom.js +17 -0
  131. package/modern/context/index.js +5 -0
  132. package/modern/hooks/index.js +1 -0
  133. package/modern/hooks/useSeries.js +14 -0
  134. package/modern/index.js +45 -0
  135. package/modern/internals/utils/releaseInfo.js +13 -0
  136. package/modern/models/index.js +1 -0
  137. package/modern/models/seriesType/heatmap.js +1 -0
  138. package/modern/models/seriesType/index.js +1 -0
  139. package/modern/typeOverloads/index.js +1 -0
  140. package/modern/typeOverloads/modules.js +1 -0
  141. package/node/BarChartPro/BarChartPro.js +425 -0
  142. package/node/BarChartPro/index.js +16 -0
  143. package/node/ChartContainerPro/ChartContainerPro.js +290 -0
  144. package/node/ChartContainerPro/index.js +16 -0
  145. package/node/ChartContainerPro/useChartContainerProProps.js +47 -0
  146. package/node/Heatmap/DefaultHeatmapTooltip.js +105 -0
  147. package/node/Heatmap/Heatmap.js +395 -0
  148. package/node/Heatmap/HeatmapItem.js +114 -0
  149. package/node/Heatmap/HeatmapPlot.js +65 -0
  150. package/node/Heatmap/extremums.js +15 -0
  151. package/node/Heatmap/formatter.js +27 -0
  152. package/node/Heatmap/getColor.js +21 -0
  153. package/node/Heatmap/heatmapClasses.js +21 -0
  154. package/node/Heatmap/index.js +47 -0
  155. package/node/Heatmap/plugin.js +17 -0
  156. package/node/LineChartPro/LineChartPro.js +481 -0
  157. package/node/LineChartPro/index.js +16 -0
  158. package/node/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +267 -0
  159. package/node/ResponsiveChartContainerPro/index.js +16 -0
  160. package/node/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.js +33 -0
  161. package/node/ScatterChartPro/ScatterChartPro.js +396 -0
  162. package/node/ScatterChartPro/index.js +16 -0
  163. package/node/context/CartesianProviderPro/CartesianProviderPro.js +61 -0
  164. package/node/context/CartesianProviderPro/index.js +16 -0
  165. package/node/context/ZoomProvider/Zoom.types.js +5 -0
  166. package/node/context/ZoomProvider/ZoomContext.js +24 -0
  167. package/node/context/ZoomProvider/ZoomProvider.js +62 -0
  168. package/node/context/ZoomProvider/ZoomSetup.js +20 -0
  169. package/node/context/ZoomProvider/defaultizeZoom.js +39 -0
  170. package/node/context/ZoomProvider/index.js +38 -0
  171. package/node/context/ZoomProvider/initializeZoomData.js +20 -0
  172. package/node/context/ZoomProvider/useSetupPan.js +114 -0
  173. package/node/context/ZoomProvider/useSetupZoom.js +281 -0
  174. package/node/context/ZoomProvider/useZoom.js +25 -0
  175. package/node/context/index.js +27 -0
  176. package/node/hooks/index.js +12 -0
  177. package/node/hooks/useSeries.js +21 -0
  178. package/node/index.js +354 -0
  179. package/node/internals/utils/releaseInfo.js +20 -0
  180. package/node/models/index.js +16 -0
  181. package/node/models/seriesType/heatmap.js +5 -0
  182. package/node/models/seriesType/index.js +16 -0
  183. package/node/typeOverloads/index.js +6 -0
  184. package/node/typeOverloads/modules.js +5 -0
  185. package/package.json +64 -0
  186. package/typeOverloads/index.d.ts +1 -0
  187. package/typeOverloads/index.js +1 -0
  188. package/typeOverloads/modules.d.ts +17 -0
  189. package/typeOverloads/modules.js +1 -0
  190. package/typeOverloads/package.json +6 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,4404 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ ## 7.12.1
7
+
8
+ _Aug 8, 2024_
9
+
10
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🎨 Charts get a new component to display color mapping in the legend
13
+ - 🚀 The `@mui/x-charts-pro` is released in alpha version 🧪. This new package introduces two main features:
14
+ - The Heatmap component
15
+ - The zoom interaction on the bar, line, and scatter charts
16
+ - 🌍 Improve Dutch (nl-NL) locale on the Date and Time Pickers
17
+ - 🐞 Bugfixes
18
+
19
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
20
+
21
+ ### Data Grid
22
+
23
+ #### `@mui/x-data-grid@7.12.1`
24
+
25
+ - [DataGrid] Fix `checkboxSelectionVisibleOnly` behavior with server-side pagination (#14083) @MBilalShafi
26
+ - [DataGrid] Fix `columnHeadersContainerRef` being `undefined` before mount (#14051) @samwato
27
+ - [DataGrid] Support Yarn PnP (#14126) @cherniavskii
28
+
29
+ #### `@mui/x-data-grid-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
30
+
31
+ Same changes as in `@mui/x-data-grid@7.12.1`.
32
+
33
+ #### `@mui/x-data-grid-premium@7.12.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
34
+
35
+ Same changes as in `@mui/x-data-grid-pro@7.12.1`.
36
+
37
+ ### Date and Time Pickers
38
+
39
+ #### `@mui/x-date-pickers@7.12.1`
40
+
41
+ - [l10n] Improve Dutch (nlNL) locale (pickers) (#14036) @Robin1896
42
+
43
+ #### `@mui/x-date-pickers-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
44
+
45
+ Same changes as in `@mui/x-date-pickers@7.12.1`.
46
+
47
+ ### Charts
48
+
49
+ #### `@mui/x-charts@7.12.1`
50
+
51
+ - [charts] Fix charts vendor publish config (#14073) @JCQuintas
52
+ - [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
53
+
54
+ #### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
55
+
56
+ Same changes as in `@mui/x-charts@7.12.1`, plus:
57
+
58
+ - [charts-pro] Release the pro package in alpha (#13859) @alexfauquette
59
+
60
+ ### Tree View
61
+
62
+ #### `@mui/x-tree-view@7.12.1`
63
+
64
+ ### Docs
65
+
66
+ - [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
67
+ - [docs] Disable ad in `Rich Tree View-Ordering` page (#14123) @oliviertassinari
68
+ - [docs] Redesign Date and Time Pickers overview page (#13241) @noraleonte
69
+
70
+ - [CHANGELOG] Polish details @oliviertassinari
71
+ - [code-infra] Use concurrency 1 in CircleCI (#14110) @JCQuintas
72
+ - [infra] Re-added the removal of `Latest Version` section (#14132) @michelengelen
73
+
74
+ ## 7.12.0
75
+
76
+ _Aug 1, 2024_
77
+
78
+ ### 💵 Our commercial offering is evolving
79
+
80
+ The [Pro plan](https://mui.com/x/introduction/licensing/#pro-plan) is receiving two new packages:
81
+
82
+ - `@mui/x-tree-view-pro` (available today!)
83
+ - `@mui/x-charts-pro` (available in the coming weeks)
84
+
85
+ As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.
86
+
87
+ This expansion of the Pro plan comes with some adjustments to our pricing strategy. Learn more about those in the [Upcoming changes to MUI X pricing in 2024](https://mui.com/blog/mui-x-sep-2024-price-update/) blog post.
88
+
89
+ ### Highlights
90
+
91
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
92
+
93
+ - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
94
+
95
+ <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
96
+
97
+ - 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
98
+
99
+ - This modifies how the package imports D3.js. It will impact you if you use `d3` packages installed by `@mui/x-charts` and don't have them in your `package.json`. You shouldn't be affected otherwise.
100
+ - For more context, the initial issue is caused by D3 only exporting ESM.
101
+
102
+ ![image](https://github.com/user-attachments/assets/d705b4de-0c93-420e-a416-528e7a044c1d)
103
+
104
+ - The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.
105
+
106
+ ![image](https://github.com/user-attachments/assets/18a09703-9dd4-4226-a33d-167af059219c)
107
+
108
+ - So in order to fix this, we are providing a CJS version of D3.
109
+
110
+ ![image](https://github.com/user-attachments/assets/56387fe6-85d8-4750-bb9d-9866d5be68fa)
111
+
112
+ - 🌍 Improve Turkish (tr-TR) locale on the Data Grid
113
+ - 🌍 Improve Finnish (fi-FI) locale on the Date and Time Pickers
114
+ - 🐞 Bugfixes
115
+ - 📚 Documentation improvements
116
+
117
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
118
+
119
+ ### Data Grid
120
+
121
+ #### `@mui/x-data-grid@7.12.0`
122
+
123
+ - [DataGrid] Fix crash when updating columns immediately after scrolling (#13781) @cherniavskii
124
+ - [DataGrid] Fix `role=presentation` a11y issue (#13891) @romgrk
125
+ - [DataGrid] Fix top corner pixels & outline radius (#13943) @romgrk
126
+ - [DataGrid] Refactor: remove useless copy (#14039) @romgrk
127
+ - [l10n] Improve Turkish (tr-TR) locale (#13996) @bagcivan
128
+
129
+ #### `@mui/x-data-grid-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
130
+
131
+ Same changes as in `@mui/x-data-grid@7.12.0`.
132
+
133
+ #### `@mui/x-data-grid-premium@7.12.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
134
+
135
+ Same changes as in `@mui/x-data-grid-pro@7.12.0`.
136
+
137
+ ### Date and Time Pickers
138
+
139
+ #### `@mui/x-date-pickers@7.12.0`
140
+
141
+ - [l10n] Improve Finnish (fi-FI) locale (#14054) @frozenzia
142
+
143
+ #### `@mui/x-date-pickers-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
144
+
145
+ Same changes as in `@mui/x-date-pickers@7.12.0`.
146
+
147
+ ### Charts
148
+
149
+ #### `@mui/x-charts@7.12.0`
150
+
151
+ - [charts] Fix incorrect `axisId` prop being allowed in xAxis/yAxis config. Use `id` instead. (#13986) @JCQuintas
152
+ - [charts] Use vendor to have Common JS bundle working out of the box (#13608) @alexfauquette
153
+ - [charts] Divide the `SeriesProvider` to use in filtering (#14026) @JCQuintas
154
+
155
+ ### Tree View
156
+
157
+ #### `@mui/x-tree-view@7.12.0`
158
+
159
+ - [TreeView] Add new prop `onItemClick` on the Tree View components (#14018) @flaviendelangle
160
+ - [TreeView] Add new utility function `isEventTargetInDescendants` (#13982) @flaviendelangle
161
+ - [TreeView] Support item reordering using drag and drop (#12213) @flaviendelangle
162
+
163
+ ### Docs
164
+
165
+ - [docs] Add Pickers `minDate` and `maxDate` `default` description (#14024) @LukasTy
166
+ - [docs] Fix 404 (#13989) @alexfauquette
167
+ - [docs] Fix Vale errors (#14025) @oliviertassinari
168
+ - [docs] Update on `renderCell` & autogenerated rows (#13879) @romgrk
169
+
170
+ ### Core
171
+
172
+ - [core] Fix event naming convention @oliviertassinari
173
+ - [core] Replace @mui/base with @mui/utils + @mui/material (#13823) @mnajdova
174
+ - [core] Test `charts` performance with codspeed (#13952) @JCQuintas
175
+ - [infra] Consolidate issue cleanup and support labeling action (#14031) @michelengelen
176
+ - [infra] Revert `vale` action `paths` filtering (#14038) @LukasTy
177
+ - [test] Fix adapters code coverage (#13969) @alexfauquette
178
+ - [test] Fix mocha config to run charts tests (#14041) @alexfauquette
179
+
180
+ ## 7.11.1
181
+
182
+ _Jul 25, 2024_
183
+
184
+ We'd like to offer a big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
185
+
186
+ - 🔎 Allow `Zoom` to be controllable for charts (#13858) @JCQuintas
187
+ - 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
188
+ - 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
189
+ - 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
190
+ - 🐞 Bugfixes
191
+ - 📚 Documentation improvements
192
+
193
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
194
+
195
+ ### Data Grid
196
+
197
+ #### `@mui/x-data-grid@7.11.1`
198
+
199
+ - [DataGrid] Remove dead code in internal `GridPreferencesPanel` (#13934) @k-rajat19
200
+ - [DataGrid] Do not miss to escape formulas in CSV export (#13888) @arminmeh
201
+ - [l10n] Add Icelandic (is-IS) locale (#13283) @magnimarels
202
+ - [l10n] Add Norwegian nynorsk (nn-NO) locale and improve Norwegian bokmål (nb-NO) locale (#13588) @AnderzL7
203
+ - [l10n] Improve German (de-DE) locale (#13910) @lhilgert9
204
+
205
+ #### `@mui/x-data-grid-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
206
+
207
+ Same changes as in `@mui/x-data-grid@7.11.1`.
208
+
209
+ #### `@mui/x-data-grid-premium@7.11.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
210
+
211
+ Same changes as in `@mui/x-data-grid-pro@7.11.1`, plus:
212
+
213
+ - [DataGridPremium] Pass the `api` object to events (#13893) @pcorpet
214
+ - [DataGridPremium] Fix paste to selected cells (#13967) @romgrk
215
+
216
+ ### Date and Time Pickers
217
+
218
+ #### `@mui/x-date-pickers@7.11.1`
219
+
220
+ - [fields] Prevent keyboard editing when disabled (#13900) @arthurbalduini
221
+ - [l10n] Add Norwegian Nynorsk (nn-NO) locale (#13946) @AnderzL7
222
+
223
+ #### `@mui/x-date-pickers-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
224
+
225
+ Same changes as in `@mui/x-date-pickers@7.11.1`.
226
+
227
+ ### Charts
228
+
229
+ #### `@mui/x-charts@7.11.1`
230
+
231
+ - [charts] Add `ownerState` function to `slotProps` typing when available (#13965) @alexfauquette
232
+ - [charts] Allow `Zoom` to be controllable (#13858) @JCQuintas
233
+ - [charts] Deprecate `xAxisKey` /`zAxisKey` in favor of `xAxisId`/`zAxisId` (#13940) @alexfauquette
234
+ - [charts] Hide empty arcs in the PieChart (#13897) @alexfauquette
235
+ - [charts] Limit the trigger of exit charts (#13682) @alexfauquette
236
+
237
+ ### Tree View
238
+
239
+ #### `@mui/x-tree-view@7.11.1`
240
+
241
+ - [TreeView] Allow the plugins to enrich the props passed to the item slots (#13953) @flaviendelangle
242
+
243
+ ### Docs
244
+
245
+ - [docs] Bump pnpm priority as a package manager (#13894) @oliviertassinari
246
+ - [docs] Explicitly mark charts pro as not released (#13905) @alexfauquette
247
+ - [docs] Fix dot consistency a11y table @oliviertassinari
248
+ - [docs] Fix some typos in charts docs (#13906) @cratiu222
249
+ - [docs] Fix spelling (#13902) @nnsW3
250
+ - [docs] Improve error message when moving between plans (#13874) @oliviertassinari
251
+ - [docs] Update `SparkLineChart` reference not being correctly capitalised (#13960) @duckboy81
252
+ - [docs] Fix scroll demos disorientation (#13909) @oliviertassinari
253
+
254
+ ### Core
255
+
256
+ - [core] Add `@mui/material-nextjs` to `MUI Core` renovate group (#13966) @LukasTy
257
+ - [core] Remove warning message in production (#13911) @oliviertassinari
258
+ - [code-infra] Reuse `useReactVersion` script from the monorepo (#13710) @cherniavskii
259
+ - [infra] Adds order id validation action (#13957) @michelengelen
260
+ - [infra] Fix order id validator action (#13971) @michelengelen
261
+ - [infra] Fix regex in order id validation (#13976) @michelengelen
262
+ - [infra] Issue template improvement (#13954) @michelengelen
263
+
264
+ ## 7.11.0
265
+
266
+ _Jul 18, 2024_
267
+
268
+ We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
269
+
270
+ - 🎨 Add [color legend](https://mui.com/x/react-charts/legend/#color-legend) for charts (#13700) @alexfauquette
271
+ - 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
272
+ - 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
273
+ - 🐞 Bugfixes
274
+ - 📚 Documentation improvements
275
+
276
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
277
+
278
+ ### Data Grid
279
+
280
+ #### `@mui/x-data-grid@7.11.0`
281
+
282
+ - [DataGrid] Expose `gridEditRowsStateSelector` (#13877) @romgrk
283
+ - [DataGrid] Fix `columnResizeStop` event not emitted when column is not resized (#13307) @mateuseap
284
+ - [DataGrid] Fix delete filter inconsistent behavior (#13353) @oukunan
285
+ - [DataGrid] Enable flip on preferences panel (#13803) @romgrk
286
+ - [DataGrid] Support `date` and `datetime-local` input types in `GridFilterInputMultipleValue` type (#13411) @karudedios
287
+ - [l10n] Improve Russian (ru-RU) locale (#13735) @diro-atk
288
+
289
+ #### `@mui/x-data-grid-pro@7.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
290
+
291
+ Same changes as in `@mui/x-data-grid@7.11.0`.
292
+
293
+ #### `@mui/x-data-grid-premium@7.11.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
294
+
295
+ Same changes as in `@mui/x-data-grid-pro@7.11.0`.
296
+
297
+ ### Date and Time Pickers
298
+
299
+ #### `@mui/x-date-pickers@7.11.0`
300
+
301
+ - [l10n] Improve Korean (ko-KR) locale (#13651) @100pearlcent
302
+ - [l10n] Improve Russian (ru-RU) locale (#13871) @Inv1x
303
+ - [pickers] Add more conformance tests improving API docs precision (#13800) @LukasTy
304
+ - [TimePicker] Add `Mui-selected` class to `TimeClock` meridiem buttons (#13848) @LukasTy
305
+
306
+ #### `@mui/x-date-pickers-pro@7.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
307
+
308
+ Same changes as in `@mui/x-date-pickers@7.11.0`, plus:
309
+
310
+ - [DateRangePicker] Fix `name` prop propagation regression (#13821) @LukasTy
311
+
312
+ ### Charts
313
+
314
+ #### `@mui/x-charts@7.11.0`
315
+
316
+ - [charts] Create color legend (#13700) @alexfauquette
317
+ - [charts] Defaultize axis on top level `useChartContainerProps` (#13817) @JCQuintas
318
+ - [charts] Fix charts not passing `className` to root element (#13647) @JCQuintas
319
+ - [charts] Generate API documentation for pro components (#13822) @alexfauquette
320
+ - [charts] Improve zoomed highlight behavior (unreleased) (#13868) @JCQuintas
321
+ - [charts] Allow zoom on Y axis and add zoom options to configure zooming behavior (unreleased) (#13726) @JCQuintas
322
+ - [charts] Disable animations while zooming (unreleased) (#13807) @JCQuintas
323
+
324
+ ### Tree View
325
+
326
+ #### `@mui/x-tree-view@7.11.0`
327
+
328
+ - [TreeView] Extract some logic outside of the `useTreeView` hook (#13845) @flaviendelangle
329
+
330
+ ### Docs
331
+
332
+ - [docs] Add warning about `process.env.NODE_ENV` in production (#13869) @cherniavskii
333
+ - [docs] Allow controlling the demo form from the example (#13796) @JCQuintas
334
+ - [docs] Clarify Pickers clearable behavior not working on mobile (#13786) @lnhrdt
335
+ - [docs] Improve the documentation of the picker's `onChange` and `onAccept` props (#13543) @flaviendelangle
336
+ - [docs] Replace company name with project name @oliviertassinari
337
+ - [docs] Sort Pickers & Charts API slots alphabetically (#13843) @LukasTy
338
+
339
+ ### Core
340
+
341
+ - [core] Add MUI Internal `renovate` group (#13846) @LukasTy
342
+ - [core] Link GitHub issue for `import/prefer-default-export` rule @oliviertassinari
343
+ - [core] Normalize `...other` and test imports in charts (#13844) @JCQuintas
344
+ - [core] Normalize rest / other to match the most common used @oliviertassinari
345
+ - [code-infra] Follow `next` tag for `@mui/docs` package bumps (#13813) @LukasTy
346
+ - [code-infra] Use specific version for `@mui/docs` dependency (#13760) @LukasTy
347
+ - [internals] Move `EventManager` to `@mui/x-internals` package (#13815) @flaviendelangle
348
+
349
+ ## 7.10.0
350
+
351
+ _Jul 11, 2024_
352
+
353
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
354
+
355
+ - 🎁 Add selectors to support showing child row count in footer in the Data Grid
356
+ - ✨ New APIs for retrieving current item tree and item's children IDs in the Tree View
357
+ - 🌍 Improve Spanish (es-ES) locale on the Data Grid
358
+ - 🐞 Bugfixes
359
+ - 📚 Documentation improvements
360
+
361
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
362
+
363
+ ### Data Grid
364
+
365
+ #### `@mui/x-data-grid@7.10.0`
366
+
367
+ - [DataGrid] Add selectors to support showing child row count in footer (#13725) @KenanYusuf
368
+ - [DataGrid] Fix incorrect panels position when using a toolbar (#13474) @oukunan
369
+ - [DataGrid] Set default variant to `'standard'` in `GridFilterInputMultipleValue` (#13129) @tarunrajput
370
+ - [DataGrid] Use `readonly` on more array props (#13331) @pcorpet
371
+ - [l10n] Improve Spanish (es-ES) locale (#13772) @joserealdev
372
+
373
+ #### `@mui/x-data-grid-pro@7.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
374
+
375
+ Same changes as in `@mui/x-data-grid@7.10.0`, plus:
376
+
377
+ - [DataGridPro] Keep bottom pinned row at the bottom (#13313) @romgrk
378
+
379
+ #### `@mui/x-data-grid-premium@7.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
380
+
381
+ Same changes as in `@mui/x-data-grid-pro@7.10.0`.
382
+
383
+ ### Date and Time Pickers
384
+
385
+ #### `@mui/x-date-pickers@7.10.0`
386
+
387
+ - [fields] Prevent infinite recursion when ensuring selection (#13779) @LukasTy
388
+ - [fields] Unify fields behavior regardless of the `readOnly` flag (#13688) @LukasTy
389
+
390
+ #### `@mui/x-date-pickers-pro@7.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
391
+
392
+ Same changes as in `@mui/x-date-pickers@7.10.0`, plus:
393
+
394
+ - [DateRangePicker] Fix `calendarHeader` slot props propagation (#13780) @LukasTy
395
+ - [DateTimeRangePicker] Resolve `format` from given `views` (#13743) @LukasTy
396
+
397
+ ### Charts
398
+
399
+ #### `@mui/x-charts@7.10.0`
400
+
401
+ - [charts] Fix displaying area of a `LineChart` when using the `log` scale (#13791) @alexfauquette
402
+ - [charts] Use correct click handler prop on pie chart `OnSeriesItemClick` documentation (#13761) @tonyhallett
403
+
404
+ ### Tree View
405
+
406
+ #### `@mui/x-tree-view@7.10.0`
407
+
408
+ - [TreeView] Add `getItemTree` and `getItemOrderedChildrenIds` methods to the public API (#13804) @flaviendelangle
409
+ - [TreeView] Add utility function to check if an optional plugin is present (#13788) @flaviendelangle
410
+
411
+ ### Docs
412
+
413
+ - [docs] Add missing default `loading` prop value (#13604) @oliviertassinari
414
+ - [docs] Add the `DateTimeRangePicker` to the "Commonly used components" demo (#13775) @flaviendelangle
415
+ - [docs] Fix Pickers customization playground overflow (#13742) @LukasTy
416
+ - [docs] Move Pickers dialog guidelines to accessibility page (#13778) @arthurbalduini
417
+
418
+ ### Core
419
+
420
+ - [core] Sort `DATA_GRID_PROPS_DEFAULT_VALUES` alphabetically (#13783) @oliviertassinari
421
+ - [test] Fix split infinitive use in tests @oliviertassinari
422
+
423
+ ## 7.9.0
424
+
425
+ _Jul 5, 2024_
426
+
427
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
428
+
429
+ - 🔄 Add loading overlay variants, including a skeleton loader option to the Data Grid component. See [Loading overlay docs](https://mui.com/x/react-data-grid/overlays/#loading-overlay) for more details.
430
+ - 🌳 Add `selectItem` and `getItemDOMElement` methods to the TreeView component public API
431
+ - ⛏️ Make the `usePickersTranslations` hook public in the pickers component
432
+ - 🐞 Bugfixes
433
+
434
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
435
+
436
+ ### Data Grid
437
+
438
+ #### `@mui/x-data-grid@7.9.0`
439
+
440
+ - [DataGrid] Add skeleton loading overlay support (#13293) @KenanYusuf
441
+ - [DataGrid] Fix pagination when `pagination={undefined}` (#13349) @sai6855
442
+
443
+ #### `@mui/x-data-grid-pro@7.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
444
+
445
+ Same changes as in `@mui/x-data-grid@7.9.0`.
446
+
447
+ #### `@mui/x-data-grid-premium@7.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
448
+
449
+ Same changes as in `@mui/x-data-grid-pro@7.9.0`.
450
+
451
+ ### Date and Time Pickers
452
+
453
+ #### `@mui/x-date-pickers@7.9.0`
454
+
455
+ - [pickers] Make the `usePickersTranslations` hook public (#13657) @flaviendelangle
456
+
457
+ #### `@mui/x-date-pickers-pro@7.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
458
+
459
+ Same changes as in `@mui/x-date-pickers@7.9.0`.
460
+
461
+ ### Charts
462
+
463
+ #### `@mui/x-charts@7.9.0`
464
+
465
+ - [charts] Add Heatmap (unreleased) (#13209) @alexfauquette
466
+ - [charts] Add initial `Zoom&Pan` to the Pro charts (unreleased) (#13405) @JCQuintas
467
+ - [charts] Fix Axis Highlight on horizontal bar charts regression (#13717) @JCQuintas
468
+ - [charts] Improve charts interaction for mobile users (#13692) @JCQuintas
469
+ - [charts] Add documentation on how to disable the tooltip on charts (#13724) @JCQuintas
470
+
471
+ ### Tree View
472
+
473
+ #### `@mui/x-tree-view@7.9.0`
474
+
475
+ - [TreeView] Add `selectItem` and `getItemDOMElement` methods to the public API (#13485) @flaviendelangle
476
+
477
+ ### Docs
478
+
479
+ - [docs] Fix custom "no results overlay" demo in dark mode (#13715) @KenanYusuf
480
+
481
+ ### Core
482
+
483
+ - [core] Add `react_next` workflow in CircleCI (#13360) @cherniavskii
484
+ - [core] Create a new package to share utils across X packages (#13528) @flaviendelangle
485
+ - [core] Fix dependency setup (#13684) @LukasTy
486
+ - [core] Remove `jscodeshift-add-imports` package (#13720) @LukasTy
487
+ - [code-infra] Cleanup monorepo and `@mui/docs` usage (#13713) @LukasTy
488
+
489
+ ## 7.8.0
490
+
491
+ _Jun 28, 2024_
492
+
493
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
494
+
495
+ - 🛰 Introduce server-side data source for improved server integration in the Data Grid.
496
+
497
+ Supports server-side pagination, sorting and filtering on plain and tree data, and automatic caching.
498
+
499
+ To enable, provide a `getRows` function to the `unstable_dataSource` prop on the Data Grid component.
500
+
501
+ ```tsx
502
+ const dataSource = {
503
+ getRows: async (params: GridServerGetRowsParams) => {
504
+ const data = await fetch(
505
+ `https://api.example.com/data?${new URLSearchParams({
506
+ page: params.page,
507
+ pageSize: params.pageSize,
508
+ sortModel: JSON.stringify(params.sortModel),
509
+ filterModel: JSON.stringify(params.filterModel),
510
+ }).toString()}`,
511
+ );
512
+ return {
513
+ rows: data.rows,
514
+ totalRows: data.totalRows,
515
+ };
516
+ },
517
+ }
518
+ <DataGridPro
519
+ unstable_dataSource={dataSource}
520
+ {...otherProps}
521
+ />
522
+ ```
523
+
524
+ See [server-side data documentation](https://mui.com/x/react-data-grid/server-side-data/) for more details.
525
+
526
+ - 📈 Support Date data on the BarChart component
527
+ - ↕️ Support custom column sort icons on the Data Grid
528
+ - 🖱️ Support modifying the expansion trigger on the Tree View components
529
+
530
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
531
+
532
+ ### Data Grid
533
+
534
+ #### `@mui/x-data-grid@7.8.0`
535
+
536
+ - [DataGrid] Add `columnHeaderSortIcon` slot (#13563) @arminmeh
537
+ - [DataGrid] Fix dimensions lag issue after autosize (#13587) @MBilalShafi
538
+ - [DataGrid] Fix print export failure when `hideFooter` option is set (#13034) @tarunrajput
539
+
540
+ #### `@mui/x-data-grid-pro@7.8.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
541
+
542
+ Same changes as in `@mui/x-data-grid@7.8.0`, plus:
543
+
544
+ - [DataGridPro] Fix multi-sorting indicator being cut off (#13625) @KenanYusuf
545
+ - [DataGridPro] Server-side tree data support (#12317) @MBilalShafi
546
+
547
+ #### `@mui/x-data-grid-premium@7.8.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
548
+
549
+ Same changes as in `@mui/x-data-grid-pro@7.8.0`.
550
+
551
+ ### Date and Time Pickers
552
+
553
+ #### `@mui/x-date-pickers@7.8.0`
554
+
555
+ - [fields] Fix section clearing behavior on Android (#13652) @LukasTy
556
+
557
+ #### `@mui/x-date-pickers-pro@7.8.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
558
+
559
+ Same changes as in `@mui/x-date-pickers@7.8.0`.
560
+
561
+ ### Charts
562
+
563
+ #### `@mui/x-charts@7.8.0`
564
+
565
+ - [charts] Fix line chart props not passing correct event handlers (#13609) @JCQuintas
566
+ - [charts] Support BarChart with `Date` data (#13471) @alexfauquette
567
+ - [charts] Support RTL for y-axis (#13614) @alexfauquette
568
+ - [charts] Use default values instead of non-null assertion to prevent error being thrown (#13637) @JCQuintas
569
+
570
+ ### Tree View
571
+
572
+ #### `@mui/x-tree-view@7.8.0`
573
+
574
+ - [TreeView] Add `expansionTrigger` prop (#13533) @noraleonte
575
+ - [TreeView] Support experimental features from plugin's dependencies (#13632) @flaviendelangle
576
+
577
+ ### Docs
578
+
579
+ - [docs] Add callout for `Luxon` `throwOnInvalid` support (#13621) @LukasTy
580
+ - [docs] Add "Overlays" section to the Data Grid documentation (#13624) @KenanYusuf
581
+
582
+ ### Core
583
+
584
+ - [core] Add eslint rule to restrict import from `../internals` root (#13633) @JCQuintas
585
+ - [docs-infra] Sync `\_app` folder with monorepo (#13582) @Janpot
586
+ - [license] Allow usage of charts and tree view pro package for old premium licenses (#13619) @flaviendelangle
587
+
588
+ ## 7.7.1
589
+
590
+ _Jun 21, 2024_
591
+
592
+ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
593
+
594
+ - 🌍 Improve Portuguese (pt-PT) locale on the Data Grid
595
+ - 🌍 Improve Danish (da-DK) locale on the Date and Time Pickers
596
+ - 🐞 Bugfixes
597
+ - 📚 Documentation improvements
598
+
599
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
600
+
601
+ ### Data Grid
602
+
603
+ #### `@mui/x-data-grid@7.7.1`
604
+
605
+ - [DataGrid][docs] Clarify enabling pagination (#13350) @oliviertassinari
606
+ - [DataGrid] Fix CSV export escaping for non-string values (#13560) @joeycumines-scw
607
+ - [l10n] Improve Portuguese (pt-PT) locale (#13348) @joaosreis
608
+
609
+ #### `@mui/x-data-grid-pro@7.7.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
610
+
611
+ Same changes as in `@mui/x-data-grid@7.7.1`, plus:
612
+
613
+ - [DataGrid] Warn about `getTreeDataPath` reference (#13519) @cherniavskii
614
+
615
+ #### `@mui/x-data-grid-premium@7.7.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
616
+
617
+ Same changes as in `@mui/x-data-grid-pro@7.7.1`.
618
+
619
+ ### Date and Time Pickers
620
+
621
+ #### `@mui/x-date-pickers@7.7.1`
622
+
623
+ - [fields] Prevent digit editing on the `Space` key down (#13510) @flaviendelangle
624
+ - [l10n] Improve Danish (da-DK) locale (#13375) @jacrowland1
625
+ - [pickers] Add context to `onAccept` callback (#13511) @flaviendelangle
626
+ - [pickers] Always use the same timezone in the field, the view and the layout components (#13481) @flaviendelangle
627
+ - [pickers] Fix `AdapterDateFnsV3` generated method types (#13464) @alexey-kozlenkov
628
+ - [pickers] Fix controlled `view` behavior (#13552) @LukasTy
629
+ - [TimePicker] Improves RTL verification for the time pickers default views (#13447) @arthurbalduini
630
+
631
+ #### `@mui/x-date-pickers-pro@7.7.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
632
+
633
+ Same changes as in `@mui/x-date-pickers@7.7.1`, plus:
634
+
635
+ - [DateRangePicker] Add accessible name to calendar grid (#13538) @LukasTy
636
+
637
+ ### Charts
638
+
639
+ #### `@mui/x-charts@7.7.1`
640
+
641
+ - [charts] Divide `CartesianProvider` to use logic in Pro package (#13531) @JCQuintas
642
+ - [charts] Do not publish the pro package (#13539) @alexfauquette
643
+ - [charts] Export `Pro` versions of regular charts (#13547) @JCQuintas
644
+ - [charts] Prepare `ChartContainerPro` for future Zoom changes (#13532) @JCQuintas
645
+ - [charts] Remove unnecessary proptypes from internal component (#13518) @JCQuintas
646
+
647
+ ### Tree View
648
+
649
+ #### `@mui/x-tree-view@7.7.1`
650
+
651
+ - [TreeView] Improve typing to support optional dependencies in plugins and in the item (#13523) @flaviendelangle
652
+ - [TreeView] Move `useTreeViewId` to the core plugins (#13566) @flaviendelangle
653
+ - [TreeView] Remove unused state from `useTreeViewId` (#13579) @flaviendelangle
654
+ - [TreeView] Support `itemId` with escaping characters when using `SimpleTreeView` (#13487) @oukunan
655
+
656
+ ### Docs
657
+
658
+ - [docs] Add section about the new uncovered product watermark (#13568) @michelengelen
659
+ - [docs] Document the `PickerValidDate` type override (#13476) @flaviendelangle
660
+ - [docs] Fix typo (#13507) @anshtiwatne
661
+ - [docs] Remove "-" in heat-map and tree-map urls (#13569) @alexfauquette
662
+ - [docs] Use dedicated tab for weather dataset (#13513) @alexfauquette
663
+ - [x-license] license update proposal (#13459) @michelengelen
664
+
665
+ ### Core
666
+
667
+ - [core] Fix failing CI test (#13574) @alexfauquette
668
+ - [infra] Remove explicit `@testing-library/react` dependency (#13478) @LukasTy
669
+
670
+ ## 7.7.0
671
+
672
+ _Jun 13, 2024_
673
+
674
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
675
+
676
+ - 🎁 Allow customization of the Pickers month and the year buttons
677
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-PT), and Russian (ru-RU) locales on the Data Grid
678
+ - 🌍 Improve Korean (ko-KR) and Persian (fa-IR) locales on the Date and Time Pickers
679
+ - 🐞 Bugfixes
680
+ - 📚 Documentation improvements
681
+
682
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
683
+
684
+ ### Data Grid
685
+
686
+ #### `@mui/x-data-grid@7.7.0`
687
+
688
+ - [DataGrid] Add `getFilterState` method (#13418) @cherniavskii
689
+ - [DataGrid] Do not show resize separators for column groups (#13455) @cherniavskii
690
+ - [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
691
+ - [l10n] Improve Portuguese (pt-PT) locale (#13384) @olavocarvalho
692
+ - [l10n] Improve Russian (ru-RU) locale (#11210) @dastan-akhmetov-scity
693
+
694
+ #### `@mui/x-data-grid-pro@7.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
695
+
696
+ Same changes as in `@mui/x-data-grid@7.7.0`, plus:
697
+
698
+ - [DataGridPro] Do not render detail panel if the focused cell is not visible (#13456) @cherniavskii
699
+
700
+ #### `@mui/x-data-grid-premium@7.7.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
701
+
702
+ Same changes as in `@mui/x-data-grid-pro@7.7.0`.
703
+
704
+ ### Date and Time Pickers
705
+
706
+ #### `@mui/x-date-pickers@7.7.0`
707
+
708
+ - [l10n] Improve Korean (ko-KR) locale (#13452) @ryxxn
709
+ - [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
710
+ - [pickers] Allow to customize the month and the year buttons (#13321) @flaviendelangle
711
+
712
+ #### `@mui/x-date-pickers-pro@7.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
713
+
714
+ Same changes as in `@mui/x-date-pickers@7.7.0`.
715
+
716
+ ### Charts
717
+
718
+ #### `@mui/x-charts@7.7.0`
719
+
720
+ - [charts] Add watermark on the pro `ResponsiveChartContainer` (#13398) @alexfauquette
721
+ - [charts] Allow to specify y-axis configuration (#13438) @alexfauquette
722
+ - [charts] Fix eslint for react compiler (#13444) @alexfauquette
723
+ - [charts] Improve themeAugmentation typing (#13433) @noraleonte
724
+ - [charts] Move the `ZAxisContextProvider` by default in the `ChartContainer` (#13465) @alexfauquette
725
+ - [charts] Use plugins to define series extremum and colors (#13397) @alexfauquette
726
+
727
+ ### Tree View
728
+
729
+ #### `@mui/x-tree-view@7.7.0`
730
+
731
+ - [TreeView] Improve TypeScript for plugins (#13380) @flaviendelangle
732
+ - [TreeView] Improve the typing of the cancelable events (#13152) @flaviendelangle
733
+ - [TreeView] Prepare support for PigmentCSS (#13412) @flaviendelangle
734
+ - [TreeView] Refactor the tree view internals to prepare for headless API (#13311) @flaviendelangle
735
+
736
+ ### Docs
737
+
738
+ - [docs] Add `renderHeader` recipe to the Master Details docs (#13370) @michelengelen
739
+ - [docs] Add lazy loading detail panel demo (#13453) @cherniavskii
740
+ - [docs] Add small edits to the Data Grid overview page (#13060) @danilo-leal
741
+ - [docs] Update a11y pages description (#13417) @danilo-leal
742
+ - [docs] improve the writing on the "Quick filter outside of the grid" example (#13155) @michelengelen
743
+
744
+ ### Core
745
+
746
+ - [core] Add `eslint-plugin-react-compiler` experimental version and rules (#13415) @JCQuintas
747
+ - [core] Minor setup cleanup (#13467) @LukasTy
748
+ - [infra] Adjust CI setup (#13448) @LukasTy
749
+ - [test] Add tests for the custom slots of `TreeItem2` (#13314) @flaviendelangle
750
+
751
+ ## 7.6.2
752
+
753
+ _Jun 6, 2024_
754
+
755
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
756
+
757
+ - 📚 Adds Date and Time Pickers accessibility page
758
+ - 🐞 Bugfixes
759
+ - 📚 Documentation improvements
760
+
761
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
762
+
763
+ ### Data Grid
764
+
765
+ #### `@mui/x-data-grid@7.6.2`
766
+
767
+ - [DataGrid] Add the `areElementSizesEqual` utility to improve code readability (#13254) @layerok
768
+ - [DataGrid] Clean up IE remnants from the codebase (#13390) @MBilalShafi
769
+
770
+ #### `@mui/x-data-grid-pro@7.6.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
771
+
772
+ Same changes as in `@mui/x-data-grid@7.6.2`.
773
+
774
+ #### `@mui/x-data-grid-premium@7.6.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
775
+
776
+ Same changes as in `@mui/x-data-grid-pro@7.6.2`.
777
+
778
+ ### Date and Time Pickers
779
+
780
+ #### `@mui/x-date-pickers@7.6.2`
781
+
782
+ - [fields] Fix `PageUp` and `PageDown` editing on letter sections (#13310) @arthurbalduini
783
+ - [pickers] Fix `AdapterDayjs` timezone behavior (#13362) @LukasTy
784
+ - [pickers] Use `useRtl` instead of `useTheme` to access direction (#13363) @flaviendelangle
785
+
786
+ #### `@mui/x-date-pickers-pro@7.6.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
787
+
788
+ Same changes as in `@mui/x-date-pickers@7.6.2`.
789
+
790
+ ### Charts
791
+
792
+ #### `@mui/x-charts@7.6.2`
793
+
794
+ - [charts] Add `Initializable` type and behavior to allow checking if a complex context has been initialized. (#13365) @JCQuintas
795
+ - [charts] Fix some props not working in `xAxis` and `yAxis` (#13372) @Valyok26
796
+ - [charts] Harmonize charts types (#13366) @alexfauquette
797
+ - [charts] Introduce plugins system (#13367) @alexfauquette
798
+ - [charts] Simplify plugin types (#13396) @JCQuintas
799
+
800
+ ### Docs
801
+
802
+ - [docs] Add badges like in Material UI @oliviertassinari
803
+ - [docs] Update twitter.com to x.com @oliviertassinari
804
+ - [docs] Fix the description of `tickInterval` (#13355) @alexfauquette
805
+ - [docs] Adjust the code example for `quickFilterValues` (#12919) @michelengelen
806
+ - [docs] Create Pickers accessibility page (#13274) @arthurbalduini
807
+
808
+ ### Core
809
+
810
+ - [core] Comment on `CSS.escape` for the future @oliviertassinari
811
+ - [core] Fix `l10n` action setup (#13382) @LukasTy
812
+ - [core] Fixes in preparation for React 18.3 (#13378) @LukasTy
813
+ - [core] Remove explicit `marked` dependency (#13383) @LukasTy
814
+ - [core] Remove unused `@types/prettier` dependency (#13389) @LukasTy
815
+ - [core] Add `docs/.env.local` to `.gitignore` (#13377) @KenanYusuf
816
+
817
+ ## 7.6.1
818
+
819
+ _May 31, 2024_
820
+
821
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
822
+
823
+ 🐞 Address the `@mui/internal-test-utils` added as a direct dependency to `@mui/x-data-grid` by mistake.
824
+
825
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
826
+
827
+ ### Data Grid
828
+
829
+ #### `@mui/x-data-grid@7.6.1`
830
+
831
+ - [DataGrid] Fix column resize not working with special character (#13069) @oukunan
832
+ - [DataGrid] Move `@mui/internal-test-utils` to dev dependency (#13318) @LukasTy
833
+
834
+ #### `@mui/x-data-grid-pro@7.6.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
835
+
836
+ Same changes as in `@mui/x-data-grid@7.6.1`.
837
+
838
+ #### `@mui/x-data-grid-premium@7.6.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
839
+
840
+ Same changes as in `@mui/x-data-grid-pro@7.6.1`.
841
+
842
+ ## 7.6.0
843
+
844
+ _May 30, 2024_
845
+
846
+ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
847
+
848
+ - 🎁 Allow to define and customize the indentation of nested items in the Tree View
849
+ - ✨ Allow charts highlights to be controlled
850
+ - 🌍 Improve Persian (fa-IR) locale on the Data Grid
851
+ - 🐞 Bugfixes
852
+ - 📚 Documentation improvements
853
+
854
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
855
+
856
+ ### Data Grid
857
+
858
+ #### `@mui/x-data-grid@7.6.0`
859
+
860
+ - [DataGrid] Avoid re-rendering all cells on column change (#12980) @romgrk
861
+ - [DataGrid] Export `GridColumnHeadersProps` (#13229) @cherniavskii
862
+ - [DataGrid] Fix header filters' issue with custom filters (#13255) @MBilalShafi
863
+ - [DataGrid] Remove dead logic to support Safari < 13 (#13249) @oliviertassinari
864
+ - [l10n] Improve Persian (fa-IR) locale (#12994) @amiryxe
865
+
866
+ #### `@mui/x-data-grid-pro@7.6.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
867
+
868
+ Same changes as in `@mui/x-data-grid@7.6.0`.
869
+
870
+ #### `@mui/x-data-grid-premium@7.6.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
871
+
872
+ Same changes as in `@mui/x-data-grid-pro@7.6.0`, plus:
873
+
874
+ - [DataGridPremium] Fix excel export causing column with wrong width (#13191) @romgrk
875
+
876
+ ### Date and Time Pickers
877
+
878
+ #### `@mui/x-date-pickers@7.6.0`
879
+
880
+ - [pickers] Fix `DateBuilderReturnType` when the date is `undefined` (#13244) @alexey-kozlenkov
881
+
882
+ #### `@mui/x-date-pickers-pro@7.6.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
883
+
884
+ Same changes as in `@mui/x-date-pickers@7.6.0`.
885
+
886
+ ### Charts
887
+
888
+ #### `@mui/x-charts@7.6.0`
889
+
890
+ - [charts] Allow charts highlights to be controlled (#12828) @JCQuintas
891
+ - [charts] Refactor axis band scaleType check (#13295) @JCQuintas
892
+ - [charts] Refactor checkScaleErrors to improve readability and simplify axis message logic (#13305) @JCQuintas
893
+
894
+ ### Tree View
895
+
896
+ #### `@mui/x-tree-view@7.6.0`
897
+
898
+ - [TreeView] Add JSDoc to every instance method (#13219) @flaviendelangle
899
+ - [TreeView] Allow to customize the indentation of nested items (#13225) @flaviendelangle
900
+ - [TreeView] Allow to define indentation at the item level (#13126) @flaviendelangle
901
+
902
+ ### Docs
903
+
904
+ - [docs] Add Bulk editing demo for the Community plan (#12800) @cherniavskii
905
+ - [docs] Add conditional label formatting on tooltip page and link to label page (#13235) @JCQuintas
906
+ - [docs] Add information about key combinations on a11y sections (#13234) @arthurbalduini
907
+ - [docs] Cleanup of the Tree View demos (#13237) @flaviendelangle
908
+ - [docs] Document how to customize a subsection of a line chart (#13210) @alexfauquette
909
+ - [docs] Fix Pickers FAQ callout (#13238) @LukasTy
910
+ - [docs] Fix Vale errors @oliviertassinari
911
+ - [docs] Fix a small typo in property comment (#13245) @Janpot
912
+ - [docs] Improve the Data Grid FAQ page (#13258) @MBilalShafi
913
+ - [docs] Removes unused lines in TreeItem2 styling (#13264) @arthurbalduini
914
+ - [docs] Small improvements on accessibility data grid doc (#13233) @arthurbalduini
915
+ - [docs] Update Pickers demo configurations (#13303) @LukasTy
916
+
917
+ ### Core
918
+
919
+ - [core] Add comment on why logic to sync column header (#13248) @oliviertassinari
920
+ - [core] Fix `l10n` script execution with arguments (#13297) @LukasTy
921
+ - [core] Prevent "Add reviewers" workflow from triggering since it doesn't work (#13236) @JCQuintas
922
+ - [docs-infra] Fix `@mui/material` version used in sandboxes (#13260) @LukasTy
923
+ - [test] Use `describeTreeView` for keyboard navigation tests on disabled items (#13184) @flaviendelangle
924
+ - [test] Use `describeTreeView` for remaining items tests (#13262) @flaviendelangle
925
+ - [test] Use test-utils from npm (#12880) @michaldudak
926
+ - [typescript] Remove duplicate `DateRangePosition` type in favor of `RangePosition` (#13288) @LukasTy
927
+
928
+ ## v7.5.1
929
+
930
+ _May 23, 2024_
931
+
932
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
933
+
934
+ - 🧰 Improve tree view testing
935
+ - 📊 Add `label` to be displayed in BarChart
936
+
937
+ ### Data Grid
938
+
939
+ #### `@mui/x-data-grid@7.5.1`
940
+
941
+ - [DataGrid] Escape formulas in CSV and Excel export (#13115) @cherniavskii
942
+
943
+ #### `@mui/x-data-grid-pro@7.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
944
+
945
+ Same changes as in `@mui/x-data-grid@7.5.1`.
946
+
947
+ #### `@mui/x-data-grid-premium@7.5.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
948
+
949
+ Same changes as in `@mui/x-data-grid-pro@7.5.1`.
950
+
951
+ ### Date and Time Pickers
952
+
953
+ #### `@mui/x-date-pickers@7.5.1`
954
+
955
+ - [pickers] Fix `disableOpenPicker` prop behavior (#13212) @LukasTy
956
+
957
+ #### `@mui/x-date-pickers-pro@7.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
958
+
959
+ Same changes as in `@mui/x-date-pickers@7.5.1`.
960
+
961
+ ### Charts
962
+
963
+ #### `@mui/x-charts@7.5.1`
964
+
965
+ - [charts] Add `label` to be displayed inside bars in BarChart (#12988) @JCQuintas
966
+ - [charts] Setup the repository for charts-pro (#13182) @alexfauquette
967
+
968
+ ### Docs
969
+
970
+ - [docs] Clean the pages in the navbar (#13192) @flaviendelangle
971
+ - [docs] Improve Tree View selection doc (#13105) @flaviendelangle
972
+ - [docs] Unify Tree View `apiRef` methods doc examples (#13193) @flaviendelangle
973
+
974
+ ### Core
975
+
976
+ - [core] Remove `raw-loader` package (#13160) @LukasTy
977
+ - [core] Remove outdated prop-types (#13181) @flaviendelangle
978
+ - [core] Rename `yarn` to `pnpm` in `PropTypes` comment (#13167) @LukasTy
979
+ - [core] Use `describeTreeView` for items test (partial) (#12893) @flaviendelangle
980
+ - [core] Use `describeTreeView` for keyboard selection tests (#13164) @flaviendelangle
981
+ - [core] Use `describeTreeView` for navigation tests (#12907) @flaviendelangle
982
+ - [core] Use `describeTreeView` for items rendering edge-case tests (#13168) @flaviendelangle
983
+ - [core] Add `test:coverage:inspect` to allow easier debugging (#13198) @JCQuintas
984
+ - [core] Fix `yarn proptypes` vs `pnpm proptypes` (#13199) @JCQuintas
985
+ - [code-infra] Run corepack enable on all CI jobs (#13205) @Janpot
986
+ - [code-infra] Use `nx` for lerna tasks (#13166) @LukasTy
987
+
988
+ ## v7.5.0
989
+
990
+ _May 17, 2024_
991
+
992
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
993
+
994
+ - 🎁 Add support for checkbox selection on the Tree View components
995
+ - 🌍 Improve Norwegian (nb-NO) and Spanish (es-ES) locales on the Data Grid
996
+ - 🐞 Bugfixes
997
+ - 📚 Documentation improvements
998
+
999
+ ### Data Grid
1000
+
1001
+ #### `@mui/x-data-grid@7.5.0`
1002
+
1003
+ - [DataGrid] Fix `rowModesModel` controlled prop (#13056) @Janpot
1004
+ - [DataGrid] Reduce bundle size with error messages (#12992) @oliviertassinari
1005
+ - [l10n] Improve Norwegian (nb-NO) locale (#13106) @oliverlaidma
1006
+ - [l10n] Improve Spanish (es-ES) locale (#13133) @Jucabel
1007
+
1008
+ #### `@mui/x-data-grid-pro@7.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1009
+
1010
+ Same changes as in `@mui/x-data-grid@7.5.0`.
1011
+
1012
+ #### `@mui/x-data-grid-premium@7.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1013
+
1014
+ Same changes as in `@mui/x-data-grid-pro@7.5.0`.
1015
+
1016
+ ### Date and Time Pickers
1017
+
1018
+ #### `@mui/x-date-pickers@7.5.0`
1019
+
1020
+ - [fields] Allow empty `textField` slot placeholder value (#13148) @arthurbalduini
1021
+ - [pickers] Fix `AdapterMomentJalaali` regression (#13144) @LukasTy
1022
+ - [pickers] Fix field focusing when switching to view without a renderer (#13112) @LukasTy
1023
+ - [pickers] Reuse `AdapterDateFnsBase` in Jalali adapters (#13075) @LukasTy
1024
+
1025
+ #### `@mui/x-date-pickers-pro@7.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1026
+
1027
+ Same changes as in `@mui/x-date-pickers@7.5.0`.
1028
+
1029
+ ### Charts
1030
+
1031
+ #### `@mui/x-charts@7.5.0`
1032
+
1033
+ - [charts] Tooltip with `trigger=axis` now follow touch on mobile (#13043) @wzdorowa
1034
+ - [charts] Allow `series.label` property to receive a function with the "location" it is going to be displayed on (#12830) @JCQuintas
1035
+ - [charts] Improve TypeScript performance (#13137) @alexfauquette
1036
+ - [charts] Fix area order when overlapping (#13121) @alexfauquette
1037
+ - [charts] Improve `useSlotProps` types (#13141) @alexfauquette
1038
+ - [charts] Fix using the theme's font in the Overlay (#13107) @alexfauquette
1039
+
1040
+ ### Tree View
1041
+
1042
+ #### `@mui/x-tree-view@7.5.0`
1043
+
1044
+ - [TreeView] Add support for checkbox selection (#11452) @flaviendelangle
1045
+ - [TreeView] Remove unused code (#12917) @flaviendelangle
1046
+
1047
+ ### Docs
1048
+
1049
+ - [docs] Document missing Charts API's (#12875) @alexfauquette
1050
+
1051
+ ### Core
1052
+
1053
+ - [core] Avoid root level `@mui/x-date-pickers` imports (#13120) @LukasTy
1054
+ - [core] Refactor ESLint config to disallow root level imports (#13130) @LukasTy
1055
+ - [core] Simplify Danger's config (#13062) @oliviertassinari
1056
+ - [core] Shift aliasing from babel to webpack (#13051) @Janpot
1057
+ - [core] Reuse the `SectionTitle` component in the doc (#13139) @alexfauquette
1058
+
1059
+ ## 7.4.0
1060
+
1061
+ _May 10, 2024_
1062
+
1063
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
1064
+
1065
+ - ✨ Add optional `id` attribute on shortcut items of the Date and Time Pickers
1066
+ - 🎁 Add support for `date-fns-jalali` v3 in the Date and Time Pickers
1067
+ - 🚀 Support rounded corners on `BarChart`
1068
+ - 🌍 Add accessibility page to TreeView docs
1069
+ - 🐞 Bugfixes
1070
+ - 📚 Documentation improvements
1071
+
1072
+ ### Data Grid
1073
+
1074
+ #### `@mui/x-data-grid@7.4.0`
1075
+
1076
+ - [DataGrid] Fix error when focus moves from column header to `svg` element (#13028) @oukunan
1077
+ - [DataGrid] Fix error on column groups change (#12965) @romgrk
1078
+
1079
+ #### `@mui/x-data-grid-pro@7.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1080
+
1081
+ Same changes as in `@mui/x-data-grid@7.4.0`.
1082
+
1083
+ #### `@mui/x-data-grid-premium@7.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1084
+
1085
+ Same changes as in `@mui/x-data-grid-pro@7.4.0`.
1086
+
1087
+ ### Date and Time Pickers
1088
+
1089
+ #### `@mui/x-date-pickers@7.4.0`
1090
+
1091
+ - [fields] Fix regression preventing form submit on "Enter" click (#13065) @LukasTy
1092
+ - [pickers] Add `AdapterDateFnsJalaliV3` adapter (#12891) @smmoosavi
1093
+ - [pickers] Add optional `id` attribute on shortcut items (#12976) @noraleonte
1094
+
1095
+ #### `@mui/x-date-pickers-pro@7.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1096
+
1097
+ Same changes as in `@mui/x-date-pickers@7.4.0`.
1098
+
1099
+ ### Charts
1100
+
1101
+ #### `@mui/x-charts@7.4.0`
1102
+
1103
+ - [charts] Add `ChartsGrid` to `themeAugmentation` (#13026) @noraleonte
1104
+ - [charts] Support rounded corners on `BarChart` (#12834) @JCQuintas
1105
+
1106
+ ### Tree View
1107
+
1108
+ #### `@mui/x-tree-view@7.4.0`
1109
+
1110
+ - [TreeView] Fix props propagation and theme entry in `TreeItem2` (#12889) @flaviendelangle
1111
+
1112
+ ### Docs
1113
+
1114
+ - [docs] Add accessibility page to TreeView docs (#12845) @noraleonte
1115
+ - [docs] Fix Charts styling typos (#13061) @oliviertassinari
1116
+ - [docs] Fix legal link to EULA free trial (#13013) @oliviertassinari
1117
+ - [docs] Update interface name in pinned columns docs (#13070) @cherniavskii
1118
+
1119
+ ### Core
1120
+
1121
+ - [core] Improve release process docs (#12977) @JCQuintas
1122
+ - [core] Prepare React 19 (#12991) @oliviertassinari
1123
+ - [docs-infra] Fix Netlify PR preview path (#12993) @oliviertassinari
1124
+ - [infra] Automation: Add release PR reviewers (#12982) @michelengelen
1125
+
1126
+ ## 7.3.2
1127
+
1128
+ _May 2, 2024_
1129
+
1130
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
1131
+
1132
+ - 🎁 Add "no data" and "loading" states to charts, allowing users to create [custom visualizations for each state](https://mui.com/x/react-charts/styling/#overlay)
1133
+ - 🌍 Improve Hebrew (he-IL) and Hungarian (hu-HU) locales on the Date and Time Pickers
1134
+ - 🌍 Improve Danish (da-DK) and Slovak (sk-SK) locales on the Data Grid
1135
+ - 📝 Fix a [typo](https://github.com/mui/mui-x/pull/12941/files/4bf4bffbc2799a01a96bc7458a17318cf41c1722#diff-26c31cc69d6f51110f89e339578ef9b3d4a3551f79077fff73f7babb81c5099f) in the auto-generated Charts gradient `id` attribute.
1136
+ It should not affect you, but if you were relying on the gradient `id` attribute, please update your usage.
1137
+ - 🐞 Bugfixes
1138
+ - 📚 Documentation improvements
1139
+
1140
+ ### Data Grid
1141
+
1142
+ #### `@mui/x-data-grid@7.3.2`
1143
+
1144
+ - [DataGrid] Allow to change reset text in the columns management panel (#12972) @MBilalShafi
1145
+ - [DataGrid] Derive `formattedValue` from the edit value when passing to `renderEditCell` (#12870) @cherniavskii
1146
+ - [DataGrid] Fix rows not being recomputed on `props.rowCount` change (#12833) @MBilalShafi
1147
+ - [l10n] Improve Danish (da-DK) locale (#12844) @fosterbuster
1148
+ - [l10n] Improve Slovak (sk-SK) locale (#12949) @stefikp
1149
+
1150
+ #### `@mui/x-data-grid-pro@7.3.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1151
+
1152
+ Same changes as in `@mui/x-data-grid@7.3.2`.
1153
+
1154
+ #### `@mui/x-data-grid-premium@7.3.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1155
+
1156
+ Same changes as in `@mui/x-data-grid-pro@7.3.2`, plus:
1157
+
1158
+ - [DataGridPremium] Fix print export not working with row grouping (#12957) @MBilalShafi
1159
+
1160
+ ### Date and Time Pickers
1161
+
1162
+ #### `@mui/x-date-pickers@7.3.2`
1163
+
1164
+ - [l10n] Improve Hebrew (he-IL) locale (#12910) @michaelNXT1
1165
+ - [l10n] Improve Hungarian (hu-HU) locale (#12930) @noherczeg
1166
+ - [pickers] Fix typo on the `viewRenderers` prop description (#12915) @flaviendelangle
1167
+ - [pickers] Improve TypeScript performance in `PickersDay` (#12920) @flaviendelangle
1168
+
1169
+ #### `@mui/x-date-pickers-pro@7.3.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1170
+
1171
+ Same changes as in `@mui/x-date-pickers@7.3.2`.
1172
+
1173
+ ### Charts
1174
+
1175
+ #### `@mui/x-charts@7.3.2`
1176
+
1177
+ - [charts] Add an overlay for "no data" or "loading" states (#12817) @alexfauquette
1178
+ - [charts] Fix typos in documentation, translations and errors (#12941) @JCQuintas
1179
+ - [charts] Fix `prop.slots` and `prop.slotProps` not passed to `<ChartsTooltip />` (#12939) @JCQuintas
1180
+
1181
+ ### Docs
1182
+
1183
+ - [docs] Improve Data Grid migration guide (#12969) @MBilalShafi
1184
+ - [docs] Polish references to the plans (#12922) @oliviertassinari
1185
+
1186
+ ### Core
1187
+
1188
+ - [core] Fix dependencies (#12951) @LukasTy
1189
+ - [core] Remove inconsistent blank lines (#12966) @oliviertassinari
1190
+ - [code-infra] Bump node image used by CI in docker (#12961) @LukasTy
1191
+ - [docs-infra] Remove no longer needed `next.config` settings (#12861) @oliviertassinari
1192
+ - [docs-infra] Use the `@mui/docs/HighlightedCode` (#12848) @alexfauquette
1193
+ - [test] Restore `t` command (#12948) @LukasTy
1194
+
1195
+ ## 7.3.1
1196
+
1197
+ _Apr 26, 2024_
1198
+
1199
+ We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
1200
+
1201
+ - 🎁 Scatter Charts get a [z-axis to allow coloring data points independently from their coordinates](https://mui.com/x/react-charts/scatter/#color-scale)
1202
+ - 🌍 Improve Catalan (ca-ES) and Spanish (es-ES) locales on the Date and Time Pickers
1203
+ - 🐞 Bugfixes
1204
+ - 📚 Documentation improvements
1205
+
1206
+ ### Data Grid
1207
+
1208
+ #### `@mui/x-data-grid@7.3.1`
1209
+
1210
+ - [DataGrid] Fix date filtering for negative timezone offsets (#12836) @cherniavskii
1211
+ - [DataGrid] Fix flex column width when used with pinned columns (#12849) @romgrk
1212
+ - [DataGrid] Fix group header resize (#12863) @arminmeh
1213
+ - [DataGrid] Pass slot props to `columnHeaders` slot (#12768) @cherniavskii
1214
+
1215
+ #### `@mui/x-data-grid-pro@7.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1216
+
1217
+ Same changes as in `@mui/x-data-grid@7.3.1`.
1218
+
1219
+ #### `@mui/x-data-grid-premium@7.3.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1220
+
1221
+ Same changes as in `@mui/x-data-grid-pro@7.3.1`.
1222
+
1223
+ ### Date and Time Pickers
1224
+
1225
+ #### `@mui/x-date-pickers@7.3.1`
1226
+
1227
+ - [l10n] Improve Catalan (ca-ES) locale (#12856) @soler1212
1228
+ - [l10n] Improve Spanish (es-ES) locale (#12858) @soler1212
1229
+
1230
+ #### `@mui/x-date-pickers-pro@7.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1231
+
1232
+ Same changes as in `@mui/x-date-pickers@7.3.1`.
1233
+
1234
+ ### Charts
1235
+
1236
+ #### `@mui/x-charts@7.3.1`
1237
+
1238
+ - [charts] Add documentation on border radius alternative for `BarCharts` (#12859) @JCQuintas
1239
+ - [charts] Add z-axis to colorize scatter charts (#12738) @alexfauquette
1240
+ - [charts] Fix left/bottomAxis not picking up default axis id (#12894) @JCQuintas
1241
+ - [charts] Improve default tooltip content (#12257) @oliviertassinari
1242
+ - [charts] Round y values for bar chart (#12846) @alexfauquette
1243
+
1244
+ ### Tree View
1245
+
1246
+ #### `@mui/x-tree-view@7.3.1`
1247
+
1248
+ - [TreeView] Remove un-needed `aria-activedescendant` attribute (#12867) @flaviendelangle
1249
+ - [TreeView] Rework the selection internals (#12703) @flaviendelangle
1250
+ - [TreeView] Use the order in which the items are displayed for `type-ahead` (#12827) @flaviendelangle
1251
+
1252
+ ### Docs
1253
+
1254
+ - [docs] Add demo for styling charts with `sx` props (#12791) @derek-0000
1255
+ - [docs] Cover webpack 4 support in migration guide (#12710) @cherniavskii
1256
+ - [docs] Document interfaces for charts (#12656) @alexfauquette
1257
+ - [docs] Fix Vale regression (#12862) @oliviertassinari
1258
+ - [docs] Improve Data Grid migration guide (#12879) @MBilalShafi
1259
+ - [docs] Update Column features availability (#12865) @DanailH
1260
+
1261
+ ### Core
1262
+
1263
+ - [core] Fix `l10n` GH workflow (#12895) @LukasTy
1264
+ - [core] Match Base UI and Toolpad @oliviertassinari
1265
+ - [core] Remove redundant `setupFiles` entries in `package.json` (#12899) @LukasTy
1266
+ - [core] Use `describeTreeView` for focus tests (#12698) @flaviendelangle
1267
+ - [core] Use `describeTreeView` for type-ahead tests (#12811) @flaviendelangle
1268
+ - [code-infra] Change package manager to `pnpm` (#11875) @LukasTy
1269
+ - [code-infra] Closer sync with eslint config of codebase (#12864) @oliviertassinari
1270
+ - [support-infra] Add release announcement to GitHub workflows (#11867) (#12843) @michelengelen
1271
+
1272
+ ## 7.3.0
1273
+
1274
+ _Apr 18, 2024_
1275
+
1276
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
1277
+
1278
+ - 📄 Support [unknown and estimated row count in server-side pagination](https://mui.com/x/react-data-grid/pagination/#index-based-pagination) (#12490) @MBilalShafi
1279
+ - 🎨 Support color scales in Charts (#12490) @alexfauquette
1280
+ Add a [`colorMap` configuration](https://mui.com/x/react-charts/styling/#values-color) to an axis, and the chart will use it to select colors.
1281
+ Each impacted chart ([bar charts](https://mui.com/x/react-charts/bars/#color-scale), [line charts](https://mui.com/x/react-charts/lines/#color-scale), [scatter charts](https://mui.com/x/react-charts/scatter/#color-scale)) has a dedicated section explaining how this color map is impacting it.
1282
+
1283
+ <img src="https://github.com/mui/mui-x/assets/45398769/f0066606-3486-4c4e-b3be-7fdd56d763c3" alt="scatter chart with gradient along y-axis" />
1284
+
1285
+ - 🌍 Improve Danish (da-DK) locale on the Data Grid
1286
+ - 🐞 Bugfixes
1287
+ - 📚 Documentation improvements
1288
+
1289
+ ### Data Grid
1290
+
1291
+ #### `@mui/x-data-grid@7.3.0`
1292
+
1293
+ - [DataGrid] Fix calling `onCellEditStop` on error (#12747) @sai6855
1294
+ - [DataGrid] Fix column resize (#12792) @romgrk
1295
+ - [DataGrid] Fix column separators (#12808) @romgrk
1296
+ - [DataGrid] Limit panel width to not exceed screen width (#12799) @cherniavskii
1297
+ - [DataGrid] Support advanced server-side pagination use cases (#12474) @MBilalShafi
1298
+ - [DataGrid] Support state export and restore on grid density (#12671) @MBilalShafi
1299
+ - [l10n] Improve Danish (da-DK) locale (#12784) @EmilBahnsen
1300
+
1301
+ #### `@mui/x-data-grid-pro@7.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1302
+
1303
+ Same changes as in `@mui/x-data-grid@7.3.0`, plus:
1304
+
1305
+ - [DataGridPro] Implement header filter height (#12666) @romgrk
1306
+
1307
+ #### `@mui/x-data-grid-premium@7.3.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1308
+
1309
+ Same changes as in `@mui/x-data-grid-pro@7.3.0`.
1310
+
1311
+ ### Charts
1312
+
1313
+ #### Breaking change
1314
+
1315
+ A typo fix:
1316
+
1317
+ ```diff
1318
+ - ContinuouseScaleName
1319
+ + ContinuousScaleName
1320
+ ```
1321
+
1322
+ #### `@mui/x-charts@7.3.0`
1323
+
1324
+ - [charts] Add `dataIndex` to series `valueFormatter` (#12745) @JCQuintas
1325
+ - [charts] Add color scale (#12490) @alexfauquette
1326
+ - [charts] Do not document the usage of `DEFAULT_X_AXIS_KEY` and `DEFAULT_Y_AXIS_KEY` (#12780) @alexfauquette
1327
+ - [charts] Export more utils (#12744) @alexfauquette
1328
+ - [charts] Fix passing slot props down to `PieArcLabel` (#12806) @JCQuintas
1329
+
1330
+ ### Tree View
1331
+
1332
+ #### `@mui/x-tree-view@7.3.0`
1333
+
1334
+ - [TreeView] Support `defaultMuiPrevented` on the `onFocus` prop of the root slot (#12813) @flaviendelangle
1335
+
1336
+ ### Docs
1337
+
1338
+ - [docs] Add grid cell display example to the migration guide (#12793) @romgrk
1339
+ - [docs] Use charts classes objects (#12781) @alexfauquette
1340
+ - [docs] Fix layout shift on demos (#12816) @zanivan
1341
+ - [test] Increase timeout for test that sometimes fail on `DateTimeRangePicker` (#12786) @LukasTy
1342
+
1343
+ ### Core
1344
+
1345
+ - [docs-infra] Prepare infra to document charts interfaces (#12653) @alexfauquette
1346
+
1347
+ ## 7.2.0
1348
+
1349
+ _Apr 12, 2024_
1350
+
1351
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
1352
+
1353
+ - 🎨 Make grid colors customizable through the MUI themes API
1354
+ - 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
1355
+ - 🐞 Bugfixes
1356
+ - 📚 Documentation improvements
1357
+
1358
+ ### Data Grid
1359
+
1360
+ #### `@mui/x-data-grid@7.2.0`
1361
+
1362
+ - [DataGrid] Add missing `api` property to `GridCallbackDetails` (#12742) @sai6855
1363
+ - [DataGrid] Do not escape double quotes when copying to clipboard (#12722) @cherniavskii
1364
+ - [DataGrid] Fix column vertical border (#12741) @romgrk
1365
+ - [DataGrid] Fix invalid date error when filtering `date`/`dateTime` columns (#12709) @cherniavskii
1366
+ - [DataGrid] Fix overflow with dynamic row height (#12683) @romgrk
1367
+ - [DataGrid] Make colors customizable (#12614) @romgrk
1368
+ - [l10n] Improve French (fr-FR) locale (#12755) @derek-0000
1369
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
1370
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
1371
+
1372
+ #### `@mui/x-data-grid-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1373
+
1374
+ Same changes as in `@mui/x-data-grid@7.2.0`.
1375
+
1376
+ #### `@mui/x-data-grid-premium@7.2.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1377
+
1378
+ Same changes as in `@mui/x-data-grid-pro@7.2.0`, plus:
1379
+
1380
+ - [DataGridPremium] Fix clipboard paste not working when cell loses focus (#12724) @cherniavskii
1381
+
1382
+ ### Date and Time Pickers
1383
+
1384
+ #### `@mui/x-date-pickers@7.2.0`
1385
+
1386
+ - [fields] Fix field editing after closing the picker (#12675) @LukasTy
1387
+ - [l10n] Improve French (fr-FR) locale (#12692) @FaroukBel
1388
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
1389
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
1390
+ - [pickers] Fix desktop date time Pickers grid layout (#12748) @LukasTy
1391
+
1392
+ #### `@mui/x-date-pickers-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1393
+
1394
+ Same changes as in `@mui/x-date-pickers@7.2.0`, plus:
1395
+
1396
+ - [DateTimeRangePicker] Fix desktop toolbar style (#12760) @LukasTy
1397
+
1398
+ ### Charts
1399
+
1400
+ #### `@mui/x-charts@7.2.0`
1401
+
1402
+ - [charts] Fix Bar chart with empty dataset throwing an error (#12708) @JCQuintas
1403
+ - [charts] Fix `tickLabelInterval` not working on `YAxis` (#12746) @JCQuintas
1404
+
1405
+ ### Tree View
1406
+
1407
+ #### `@mui/x-tree-view@7.2.0`
1408
+
1409
+ - [TreeView] Add a new lookup to access an item index without expansive computation (#12729) @flaviendelangle
1410
+ - [TreeView] Clean up usage of term "node" in internals (#12655) @noraleonte
1411
+ - [TreeView] Improve performance by removing `getNavigableChildrenIds` method (#12713) @flaviendelangle
1412
+ - [TreeView] Remove `state.items.itemTree` (#12717) @flaviendelangle
1413
+ - [TreeView] Remove remaining occurences of the word "node" in the codebase (#12712) @flaviendelangle
1414
+ - [TreeView] Return `instance` and `publicAPI` methods from plugin and populate the main objects inside `useTreeView` (#12650) @flaviendelangle
1415
+ - [TreeView] Fix behaviors when the item order changes (#12369) @flaviendelangle
1416
+
1417
+ ### Docs
1418
+
1419
+ - [docs] Add `AxisFormatter` documentation for customizing tick/tooltip value formatting (#12700) @JCQuintas
1420
+ - [docs] Add file explorer example to rich tree view customization docs (#12707) @noraleonte
1421
+ - [docs] Do not use import of depth 3 in the doc (#12716) @flaviendelangle
1422
+ - [docs] Explain how to clip plots with composition (#12679) @alexfauquette
1423
+ - [docs] Fix typo in Data Grid v7 migration page (#12720) @bfaulk96
1424
+ - [docs] Fix typo in Pickers v7 migration page (#12721) @bfaulk96
1425
+
1426
+ ### Core
1427
+
1428
+ - [core] Support multiple resolved `l10n` PR packages (#12735) @LukasTy
1429
+ - [core] Update Netlify release references in release README (#12687) @LukasTy
1430
+ - [core] Use `describeTreeView` for icons tests (#12672) @flaviendelangle
1431
+ - [core] Use `describeTreeView` in existing tests for `useTreeViewItems` (#12732) @flaviendelangle
1432
+
1433
+ ## 7.1.1
1434
+
1435
+ _Apr 5, 2024_
1436
+
1437
+ We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
1438
+
1439
+ - 🚀 Add `setItemExpansion` Tree View API method (#12595) @flaviendelangle
1440
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
1441
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
1442
+ - 🐞 Bugfixes
1443
+ - 📚 Documentation improvements
1444
+
1445
+ ### Data Grid
1446
+
1447
+ #### `@mui/x-data-grid@7.1.1`
1448
+
1449
+ - [DataGrid] Allow higher packages' props to be used in MIT (#12365) @MBilalShafi
1450
+ - [DataGrid] Fix RTL mode (#12583) @romgrk
1451
+ - [DataGrid] Fix `ColDefChangesGridNoSnap` demo crash (#12663) @MBilalShafi
1452
+ - [DataGrid] Fix server-side filter demo not working (#12662) @MBilalShafi
1453
+ - [DataGrid] Log error if `rowCount` is used with client-side pagination (#12448) @michelengelen
1454
+ - [DataGrid] Remove `GridFormatterParams` completely (#12660) @romgrk
1455
+ - [DataGrid] Restore main slot (#12657) @romgrk
1456
+ - [l10n] Improve Persian (fa-IR) locale (#12630) @amirhosseinzf
1457
+ - [l10n] Improve Portuguese (pt-BR) locale (#12618) @hugoalkimim
1458
+ - [l10n] Improve Spanish (es-ES) locale (#12606) @aitor40
1459
+
1460
+ #### `@mui/x-data-grid-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1461
+
1462
+ Same changes as in `@mui/x-data-grid@7.1.1`.
1463
+
1464
+ #### `@mui/x-data-grid-premium@7.1.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1465
+
1466
+ Same changes as in `@mui/x-data-grid-pro@7.1.1`.
1467
+
1468
+ ### Date and Time Pickers
1469
+
1470
+ #### `@mui/x-date-pickers@7.1.1`
1471
+
1472
+ - [fields] Fix `readOnly` behavior (#12609) @LukasTy
1473
+ - [l10n] Improve Persian (fa-IR) locale (#12632) @misafari
1474
+ - [l10n] Improve Portuguese (pt-BR) locale (#12613) @cnHealth
1475
+ - [l10n] Improve Ukrainian (uk-UA) locale (#12627) @alexkobylansky
1476
+
1477
+ #### `@mui/x-date-pickers-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1478
+
1479
+ Same changes as in `@mui/x-date-pickers@7.1.1`, plus:
1480
+
1481
+ - [DateTimeRangePicker] Fix selection on same day (#12604) @LukasTy
1482
+
1483
+ ### Charts
1484
+
1485
+ #### `@mui/x-charts@7.1.1`
1486
+
1487
+ - [charts] Fix `tickInterval` usage for y-axis (#12592) @alexfauquette
1488
+ - [charts] Fix Scatter series highlight when `id` is a `number` (#12677) @JCQuintas
1489
+ - [charts] Fix TS error when using `sx` property on `ChartsTooltip` (#12659) @JCQuintas
1490
+
1491
+ ### Tree View
1492
+
1493
+ #### `@mui/x-tree-view@7.1.1`
1494
+
1495
+ - [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
1496
+ - [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
1497
+ - [TreeView] Create Pro package (not released yet) (#12240) @flaviendelangle
1498
+ - [TreeView] Fix typo in errors (#12623) @alissa-tung
1499
+ - [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
1500
+
1501
+ ### Docs
1502
+
1503
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12646) @michelengelen
1504
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12670) @michelengelen
1505
+ - [docs] Fix formatting and typo on migration guide @oliviertassinari
1506
+ - [docs] Fix formatting in changelog @oliviertassinari
1507
+ - [docs] Fix grammar in TreeView migration doc (#12615) @joshkel
1508
+ - [docs] Fix missing closing props in `PieShapeNoSnap` demo (#12636) @alp-ex
1509
+ - [docs] Fix type arguments in Custom Field page (#12619) @Juneezee
1510
+ - [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
1511
+ - [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
1512
+ - [docs] Match IE 11 spacing with Material UI @oliviertassinari
1513
+ - [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
1514
+ - [docs] Remove ` around @default values (#12158) @alexfauquette
1515
+ - [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
1516
+ - [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
1517
+
1518
+ ### Core
1519
+
1520
+ - [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
1521
+ - [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
1522
+ - [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
1523
+ - [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
1524
+ - [core] Remove explicit `express` package (#12602) @LukasTy
1525
+ - [core] Update to new embedded translations in the docs package (#12232) @Janpot
1526
+ - [core] Use PR labels to identify the package a `l10n` PR belongs to (#12639) @LukasTy
1527
+ - [core] Use `describeTreeView` for selection tests (#12647) @flaviendelangle
1528
+ - [docs-infra] Adjust the links to search for issues (#11995) @michelengelen
1529
+ - [infra] Polish support survey experience (#12624) @oliviertassinari
1530
+ - [support-infra] Replace author association with a permission check in survey action (#12068) @michelengelen
1531
+ - [support-infra] Fix user permission check (#12669) @michelengelen
1532
+ - [test] Fix Tree View test import (#12668) @LukasTy
1533
+
1534
+ ## 7.1.0
1535
+
1536
+ _Mar 28, 2024_
1537
+
1538
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
1539
+
1540
+ - 🚀 Add `resizeThrottleMs` prop (#12556) @romgrk
1541
+ - 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
1542
+ - 🐞 Bugfixes
1543
+ - 📚 Documentation improvements
1544
+
1545
+ ### Data Grid
1546
+
1547
+ #### `@mui/x-data-grid@7.1.0`
1548
+
1549
+ - [DataGrid] Add `resizeThrottleMs` prop (#12556) @romgrk
1550
+ - [DataGrid] Do not publish `rowEditStop` event if row has fields with errors (#11383) @cherniavskii
1551
+ - [DataGrid] Fix bug in suspense (#12553) @romgrk
1552
+ - [DataGrid] Fix missing class name in the `GridToolbarQuickFilter` component (#12484) @jhawkins11
1553
+
1554
+ #### `@mui/x-data-grid-pro@7.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1555
+
1556
+ Same changes as in `@mui/x-data-grid@7.1.0`.
1557
+
1558
+ #### `@mui/x-data-grid-premium@7.1.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1559
+
1560
+ Same changes as in `@mui/x-data-grid-pro@7.1.0`.
1561
+
1562
+ ### Date and Time Pickers
1563
+
1564
+ #### `@mui/x-date-pickers@7.1.0`
1565
+
1566
+ - [fields] Fix placeholder override (#12589) @flaviendelangle
1567
+ - [l10n] Improve Chinese (Hong Kong) (zh-HK) locale (#12547) @samchiu90
1568
+ - [l10n] Improve Italian (it-IT) locale (#12549) @antomanc
1569
+ - [pickers] Prepare compatibility with `@mui/zero-runtime` (stop using `ownerState` in `styled`) (#12003) @flaviendelangle
1570
+
1571
+ #### `@mui/x-date-pickers-pro@7.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1572
+
1573
+ Same changes as in `@mui/x-date-pickers@7.1.0`, plus:
1574
+
1575
+ - [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12593) @LukasTy
1576
+
1577
+ ### Charts
1578
+
1579
+ #### `@mui/x-charts@7.1.0`
1580
+
1581
+ - [charts] Fix tooltip causing crash on data change (#12571) @Rishi556
1582
+
1583
+ ### Tree View
1584
+
1585
+ #### `@mui/x-tree-view@7.1.0`
1586
+
1587
+ - [TreeView] Do not use outdated version of the state to compute new label first char in `RichTreeView` (#12512) @flaviendelangle
1588
+
1589
+ ### Docs
1590
+
1591
+ - [docs] Add example to add a second icon next to the field's opening button (#12524) @flaviendelangle
1592
+ - [docs] Add missing note to Data Grid migration guide (#12557) @romgrk
1593
+ - [docs] Fix Charts title for SEO (#12545) @oliviertassinari
1594
+ - [docs] Fix small typo (#12558) @diogoparente
1595
+ - [docs] Improve codemod related documentation (#12582) @MBilalShafi
1596
+ - [docs] Reduce noise in migration docs side navigation (#12552) @cherniavskii
1597
+ - [docs] Sync static images from core repository (#12525) @LukasTy
1598
+
1599
+ ### Core
1600
+
1601
+ - [core] Fix `l10n` script on Windows (#12550) @LukasTy
1602
+ - [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
1603
+ - [core] Upgrade monorepo (#12536) @cherniavskii
1604
+
1605
+ ## 7.0.0
1606
+
1607
+ _Mar 22, 2024_
1608
+
1609
+ We're excited to [announce the first v7 stable release](https://mui.com/blog/mui-x-v7/)! 🎉🚀
1610
+
1611
+ This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements.
1612
+ Migration guides are available with a complete list of the breaking changes:
1613
+
1614
+ - [Data Grid](https://mui.com/x/migration/migration-data-grid-v6/)
1615
+ - [Date and Time Pickers](https://mui.com/x/migration/migration-pickers-v6/)
1616
+ - [Tree View](https://mui.com/x/migration/migration-tree-view-v6/)
1617
+ - [Charts](https://mui.com/x/migration/migration-charts-v6/)
1618
+
1619
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
1620
+
1621
+ - 🚀 Improve the usage of custom `viewRenderers` on `DateTimePicker` (#12441) @LukasTy
1622
+ - ✨ Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
1623
+ - 🕹️ Support controlled `density` for the Data Grid (#12332) @MBilalShafi
1624
+ - 🎁 Dynamic virtualization range for the Data Grid (#12353) @romgrk
1625
+ - 🐞 Bugfixes
1626
+ - 📚 Documentation improvements
1627
+
1628
+ ### Data Grid
1629
+
1630
+ #### Breaking changes
1631
+
1632
+ - The `density` is a [controlled prop](https://mui.com/x/react-data-grid/accessibility/#set-the-density-programmatically) now, if you were previously passing the `density` prop to the Data Grid, you will need to do one of the following:
1633
+
1634
+ 1. Move it to the `initialState.density` to initialize it.
1635
+
1636
+ ```diff
1637
+ <DataGrid
1638
+ - density="compact"
1639
+ + initialState={{ density: "compact" }}
1640
+ />
1641
+ ```
1642
+
1643
+ 2. Move it to the state and use `onDensityChange` callback to update the `density` prop accordingly for it to work as expected.
1644
+
1645
+ ```diff
1646
+ + const [density, setDensity] = React.useState<GridDensity>('compact');
1647
+ <DataGrid
1648
+ - density="compact"
1649
+ + density={density}
1650
+ + onDensityChange={(newDensity) => setDensity(newDensity)}
1651
+ />
1652
+ ```
1653
+
1654
+ - The selector `gridDensityValueSelector` was removed, use the `gridDensitySelector` instead.
1655
+
1656
+ - The props `rowBuffer` and `columnBuffer` were renamed to `rowBufferPx` and `columnBufferPx`.
1657
+ Their value is now a pixel value rather than a number of items. Their default value is now `150`.
1658
+
1659
+ - The props `rowThreshold` and `columnThreshold` have been removed.
1660
+ If you had the `rowThreshold` prop set to `0` to force new rows to be rendered more often – this is no longer necessary.
1661
+
1662
+ #### `@mui/x-data-grid@7.0.0`
1663
+
1664
+ - [DataGrid] Allow to control the grid density (#12332) @MBilalShafi
1665
+ - [DataGrid] Dynamic virtualization range (#12353) @romgrk
1666
+ - [DataGrid] Fix `ElementType` usage (#12479) @cherniavskii
1667
+ - [DataGrid] Fix cell value formatting on copy (#12357) @sai6855
1668
+ - [DataGrid] Fix checkbox selection is keeping selection when filtering (#11751) @g1mishra
1669
+ - [DataGrid] Make `rows` an optional prop (#12478) @MBilalShafi
1670
+
1671
+ #### `@mui/x-data-grid-pro@7.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1672
+
1673
+ Same changes as in `@mui/x-data-grid@7.0.0`.
1674
+
1675
+ #### `@mui/x-data-grid-premium@7.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1676
+
1677
+ Same changes as in `@mui/x-data-grid-pro@7.0.0`, plus:
1678
+
1679
+ - [DataGridPremium] Add support for confirmation before clipboard paste (#12225) @cherniavskii
1680
+ - [DataGridPremium] Fix single grouping column sorting (#9679) @cherniavskii
1681
+ - [DataGridPremium] Fix boolean cell not rendered in group rows (#12492) @sai6855
1682
+
1683
+ ### Date and Time Pickers
1684
+
1685
+ #### Breaking changes
1686
+
1687
+ - The `DesktopDateTimePicker` view rendering has been optimized by using the same technique as for `DesktopDateTimeRangePicker`.
1688
+ - The `dateTimeViewRenderers` have been removed in favor of reusing existing time view renderers (`renderTimeViewClock`, `renderDigitalClockTimeView` and `renderMultiSectionDigitalClockTimeView`) and date view renderer (`renderDateViewCalendar`).
1689
+ - Passing `renderTimeViewClock` to time view renderers will no longer revert to the old behavior of rendering only date or time view.
1690
+
1691
+ #### `@mui/x-date-pickers@7.0.0`
1692
+
1693
+ - [fields] Allow to override the separator between the start and the end date in all range fields (#12174) @flaviendelangle
1694
+ - [fields] Support format without separator (#12489) @flaviendelangle
1695
+ - [pickers] Use renderer interceptor on `DesktopDateTimePicker` (#12441) @LukasTy
1696
+
1697
+ #### `@mui/x-date-pickers-pro@7.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1698
+
1699
+ Same changes as in `@mui/x-date-pickers@7.0.0`, plus:
1700
+
1701
+ - [DateTimeRangePicker] Add component `JSDoc` (#12518) @LukasTy
1702
+ - [DateTimeRangePicker] Fix views behavior regression (#12529) @LukasTy
1703
+
1704
+ ### Charts
1705
+
1706
+ #### `@mui/x-charts@7.0.0`
1707
+
1708
+ - [charts] Fix small typo in `CartesianContextProvider` (#12461) @Janpot
1709
+
1710
+ ### Tree View
1711
+
1712
+ #### Breaking changes
1713
+
1714
+ - The required `nodeId` prop used by the `TreeItem` has been renamed to `itemId` for consistency:
1715
+
1716
+ ```diff
1717
+ <TreeView>
1718
+ - <TreeItem label="Item 1" nodeId="one">
1719
+ + <TreeItem label="Item 1" itemId="one">
1720
+ </TreeView>
1721
+ ```
1722
+
1723
+ - The focus is now applied to the Tree Item root element instead of the Tree View root element.
1724
+
1725
+ This change will allow new features that require the focus to be on the Tree Item,
1726
+ like the drag and drop reordering of items.
1727
+ It also solves several issues with focus management,
1728
+ like the inability to scroll to the focused item when a lot of items are rendered.
1729
+
1730
+ This will mostly impact how you write tests to interact with the Tree View:
1731
+
1732
+ For example, if you were writing a test with `react-testing-library`, here is what the changes could look like:
1733
+
1734
+ ```diff
1735
+ it('test example on first item', () => {
1736
+ - const { getByRole } = render(
1737
+ + const { getAllByRole } = render(
1738
+ <SimpleTreeView>
1739
+ <TreeItem nodeId="one" />
1740
+ <TreeItem nodeId="two" />
1741
+ </SimpleTreeView>
1742
+ );
1743
+
1744
+ - const tree = getByRole('tree');
1745
+ + const firstTreeItem = getAllByRole('treeitem')[0];
1746
+ act(() => {
1747
+ - tree.focus();
1748
+ + firstTreeItem.focus();
1749
+ });
1750
+ - fireEvent.keyDown(tree, { key: 'ArrowDown' });
1751
+ + fireEvent.keyDown(firstTreeItem, { key: 'ArrowDown' });
1752
+ })
1753
+ ```
1754
+
1755
+ #### `@mui/x-tree-view@7.0.0`
1756
+
1757
+ - [TreeView] Rename `nodeId` to `itemId` (#12418) @noraleonte
1758
+ - [TreeView] Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
1759
+ - [TreeView] Update JSDoc of the `ContentComponent` prop to avoid using the word "node" (#12476) @flaviendelangle
1760
+
1761
+ ### `@mui/x-codemod@7.0.0`
1762
+
1763
+ - [codemod] Add a codemod and update the grid migration guide (#12488) @MBilalShafi
1764
+
1765
+ ### Docs
1766
+
1767
+ - [docs] Finalize migration guide (#12501) @noraleonte
1768
+ - [docs] Fix nested cells alignment in the popular features demo (#12450) @cherniavskii
1769
+ - [docs] Fix some Vale errors (#12469) @oliviertassinari
1770
+ - [docs] Remove mentions of pre release (#12513) @noraleonte
1771
+ - [docs] Update branch name and tags (#12498) @cherniavskii
1772
+ - [docs] Update links to v6 (#12496) @cherniavskii
1773
+ - [docs] Update links to v7 docs (#12500) @noraleonte
1774
+ - [docs] Update supported versions (#12508) @joserodolfofreitas
1775
+ - [docs] Update "What's new in MUI X" page #12527 @cherniavskii
1776
+
1777
+ ### Core
1778
+
1779
+ - [core] Bump `@mui/material` peer dependency for all packages (#12516) @LukasTy
1780
+ - [core] Fix `no-restricted-imports` ESLint rule not working for Data Grid packages (#12477) @cherniavskii
1781
+ - [core] Lower the frequency of `no-response` action runs (#12491) @michaldudak
1782
+ - [core] Remove leftover `legacy` `browserlistrc` entry (#12415) @LukasTy
1783
+ - [core] Update NPM tag (#12511) @cherniavskii
1784
+ - [core] Update supported browsers (browserlistrc) (#12521) @LukasTy
1785
+ - [core] Use Circle CI context @oliviertassinari
1786
+ - [license] Fix grammar on expired license error message (#12460) @joserodolfofreitas
1787
+
1788
+ ## 7.0.0-beta.7
1789
+
1790
+ _Mar 14, 2024_
1791
+
1792
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
1793
+
1794
+ - 🦥 The Lazy loading feature is now stable and the `lazyLoading` feature flag was removed from the `experimentalFeatures` prop.
1795
+ - 🌍 Improve Japanese (ja-JP) locale for the Data Grid
1796
+ - 🐞 Bugfixes
1797
+ - 📚 Documentation improvements
1798
+
1799
+ ### Data Grid
1800
+
1801
+ #### Breaking changes
1802
+
1803
+ - The `columnHeader--showColumnBorder` class was replaced by `columnHeader--withLeftBorder` and `columnHeader--withRightBorder`.
1804
+ - The `columnHeadersInner`, `columnHeadersInner--scrollable`, and `columnHeaderDropZone` classes were removed since the inner wrapper was removed in our effort to simplify the DOM structure and improve accessibility.
1805
+ - The `pinnedColumnHeaders`, `pinnedColumnHeaders--left`, and `pinnedColumnHeaders--right` classes were removed along with the element they were applied to.
1806
+ The pinned column headers now use `position: 'sticky'` and are rendered in the same row element as the regular column headers.
1807
+
1808
+ #### `@mui/x-data-grid@7.0.0-beta.7`
1809
+
1810
+ - [DataGrid] Fix focus visible style on scrollbar (#12402) @oliviertassinari
1811
+ - [DataGrid] Fix the issue where pressing the Delete key resets various cell values to an empty string. (#12216) @sooster910
1812
+ - [DataGrid] Make `rowCount` part of the state (#12381) @MBilalShafi
1813
+ - [DataGrid] Make column resizing and autosizing available in Community plan (#12420) @cherniavskii
1814
+ - [DataGrid] Remove `baseSwitch` slot (#12439) @romgrk
1815
+ - [l10n] Improve Japanese (ja-JP) locale (#12398) @makoto14
1816
+
1817
+ #### `@mui/x-data-grid-pro@7.0.0-beta.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1818
+
1819
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.7`, plus:
1820
+
1821
+ - [DataGridPro] Add `inputRef` to the props passed to `colDef.renderHeaderFilter` (#12328) @vovarudomanenko
1822
+ - [DataGridPro] Fix filler rendered for no reason when there are pinned columns (#12440) @cherniavskii
1823
+ - [DataGridPro] Make lazy loading feature stable (#12421) @cherniavskii
1824
+ - [DataGridPro] Render pinned and non-pinned column headers in one row (#12376) @cherniavskii
1825
+
1826
+ #### `@mui/x-data-grid-premium@7.0.0-beta.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1827
+
1828
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.7`, plus:
1829
+
1830
+ - [DataGridPremium] Fix auto-scroll not working when selecting cell range (#12267) @cherniavskii
1831
+
1832
+ ### Date and Time Pickers
1833
+
1834
+ #### `@mui/x-date-pickers@7.0.0-beta.7`
1835
+
1836
+ - [fields] Fix `tabIndex` on accessible field DOM structure (#12311) @flaviendelangle
1837
+ - [fields] Fix items alignment on multi input range fields (#12312) @flaviendelangle
1838
+ - [pickers] Improve the customization of the range picker calendar header (#11988) @flaviendelangle
1839
+ - [pickers] Keep the existing time when looking for closest enabled date (#12377) @LukasTy
1840
+
1841
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1842
+
1843
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.7`.
1844
+
1845
+ ### Charts
1846
+
1847
+ #### `@mui/x-charts@7.0.0-beta.7`
1848
+
1849
+ - [charts] Fix axis highlight when axis is reversed (#12407) @alexfauquette
1850
+
1851
+ ### Tree View
1852
+
1853
+ #### Breaking changes
1854
+
1855
+ The `onNodeFocus` callback has been renamed to `onItemFocus` for consistency:
1856
+
1857
+ ```diff
1858
+ <SimpleTreeView
1859
+ - onNodeFocus={onNodeFocus}
1860
+ + onItemFocus={onItemFocus}
1861
+ />
1862
+ ```
1863
+
1864
+ #### `@mui/x-tree-view@7.0.0-beta.7`
1865
+
1866
+ - [TreeView] Clean the usage of the term "item" and "node" in API introduced during v7 (#12368) @noraleonte
1867
+ - [TreeView] Introduce a new `TreeItem2` component and a new `useTreeItem2` hook (#11721) @flaviendelangle
1868
+ - [TreeView] Rename `onNodeFocus` to `onItemFocus` (#12419) @noraleonte
1869
+
1870
+ ### Docs
1871
+
1872
+ - [docs] Add `legacy` bundle drop mention in migration pages (#12424) @LukasTy
1873
+ - [docs] Add missing luxon `Info` import (#12427) @LukasTy
1874
+ - [docs] Improve slots definitions for charts (#12408) @alexfauquette
1875
+ - [docs] Polish What's new in MUI X blog titles (#12309) @oliviertassinari
1876
+ - [docs] Replace `rel="noreferrer"` by `rel="noopener"` @oliviertassinari
1877
+ - [docs] Update `date-fns` `weekStarsOn` overriding example (#12416) @LukasTy
1878
+
1879
+ ### Core
1880
+
1881
+ - [core] Fix CI (#12414) @flaviendelangle
1882
+ - [core] Fix PR deploy link for Tree View doc pages (#12411) @flaviendelangle
1883
+
1884
+ ## 7.0.0-beta.6
1885
+
1886
+ _Mar 8, 2024_
1887
+
1888
+ We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
1889
+
1890
+ - 🐞 Bugfixes
1891
+ - 📚 Documentation improvements
1892
+
1893
+ ### Data Grid
1894
+
1895
+ #### `@mui/x-data-grid@7.0.0-beta.6`
1896
+
1897
+ - [DataGrid] Fix crashing of demos on rating change (#12315) @sai6855
1898
+ - [DataGrid] Fix double border below header (#12349) @joespeargresham
1899
+ - [DataGrid] Fix empty sort being saved in the `sortModel` (#12325) @MBilalShafi
1900
+ - [DataGrid] Remove unnecessary `stopCellMode` event in `renderEditRating` component (#12335) @sai6855
1901
+ - [DataGrid] Small performance optimizations (#12346) @romgrk
1902
+
1903
+ #### `@mui/x-data-grid-pro@7.0.0-beta.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1904
+
1905
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.6`, plus:
1906
+
1907
+ - [DataGridPro] Rework `onRowsScrollEnd` to use `IntersectionObserver` (#8672) @DanailH
1908
+
1909
+ #### `@mui/x-data-grid-premium@7.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1910
+
1911
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.6`.
1912
+
1913
+ ### Charts
1914
+
1915
+ #### `@mui/x-charts@7.0.0-beta.6`
1916
+
1917
+ - [charts] Add context to axis value formatter (#12172) @alexfauquette
1918
+ - [charts] Customize tick position for band scale (#12316) @alexfauquette
1919
+ - [charts] Fix RTL legend (#12175) @alexfauquette
1920
+
1921
+ ### Tree View
1922
+
1923
+ #### Breaking changes
1924
+
1925
+ - The component used to animate the item children is now defined as a slot on the `TreeItem` component.
1926
+
1927
+ If you were passing a `TransitionComponent` or `TransitionProps` to your `TreeItem` component,
1928
+ you need to use the new `groupTransition` slot on this component:
1929
+
1930
+ ```diff
1931
+ <SimpleTreeView>
1932
+ <TreeItem
1933
+ nodeId="1"
1934
+ label="Node 1"
1935
+ - TransitionComponent={Fade}
1936
+ + slots={{ groupTransition: Fade }}
1937
+ - TransitionProps={{ timeout: 600 }}
1938
+ + slotProps={{ groupTransition: { timeout: 600 } }}
1939
+ />
1940
+ </SimpleTreeView>
1941
+ ```
1942
+
1943
+ - The `group` class of the `TreeItem` component has been renamed to `groupTransition` to match with its new slot name.
1944
+
1945
+ ```diff
1946
+ const StyledTreeItem = styled(TreeItem)({
1947
+ - [`& .${treeItemClasses.group}`]: {
1948
+ + [`& .${treeItemClasses.groupTransition}`]: {
1949
+ marginLeft: 20,
1950
+ },
1951
+ });
1952
+ ```
1953
+
1954
+ #### `@mui/x-tree-view@7.0.0-beta.6`
1955
+
1956
+ - [TreeView] Fix invalid nodes state when updating `props.items` (#12359) @flaviendelangle
1957
+ - [TreeView] In the `RichTreeView`, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
1958
+ - [TreeView] New instance and publicAPI method: `getItem` (#12251) @flaviendelangle
1959
+ - [TreeView] Replace `TransitionComponent` and `TransitionProps` with a `groupTransition` slot (#12336) @flaviendelangle
1960
+
1961
+ ### Docs
1962
+
1963
+ - [docs] Add a note about `z-index` usage in SVG (#12337) @alexfauquette
1964
+ - [docs] `RichTreeView` customization docs (#12231) @noraleonte
1965
+
1966
+ ### Core
1967
+
1968
+ - [test] Add `Charts` test (#11551) @alexfauquette
1969
+
1970
+ ## 7.0.0-beta.5
1971
+
1972
+ _Mar 1, 2024_
1973
+
1974
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
1975
+
1976
+ - 🎁 Add `getSortComparator` for more advanced sorting behaviors (#12215) @cherniavskii
1977
+ - 🚀 Add `use client` directive to the Grid packages (#11803) @MBilalShafi
1978
+ - 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
1979
+ - 🐞 Bugfixes
1980
+ - 📚 Documentation improvements
1981
+
1982
+ ### Data Grid
1983
+
1984
+ #### `@mui/x-data-grid@7.0.0-beta.5`
1985
+
1986
+ - [DataGrid] Add `getSortComparator` for more advanced sorting behaviors (#12215) @cherniavskii
1987
+ - [DataGrid] Add `use client` directive to the Grid packages (#11803) @MBilalShafi
1988
+ - [DataGrid] Fix `disableResetButton` and `disableShowHideToggle` flags to not exclude each other (#12169) @adyry
1989
+ - [DataGrid] Fix cell range classnames (#12230) @romgrk
1990
+ - [DataGrid] Fix wrong offset for right-pinned columns when toggling dark/light modes (#12233) @cherniavskii
1991
+ - [DataGrid] Improve row virtualization and rendering performance (#12247) @romgrk
1992
+ - [DataGrid] Improve performance by removing `querySelector` call (#12229) @romgrk
1993
+ - [DataGrid] Fix `onColumnWidthChange` called before autosize affects column width (#12140) @shaharyar-shamshi
1994
+ - [DataGrid] Fix boolean "is" filter (#12117) @shaharyar-shamshi
1995
+ - [DataGrid] Fix `upsertFilterItems` removing filters that are not part of the update (#11954) @gitstart
1996
+ - [DataGrid] Render scrollbars only if there is scroll (#12265) @cherniavskii
1997
+
1998
+ #### `@mui/x-data-grid-pro@7.0.0-beta.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1999
+
2000
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.5`, plus:
2001
+
2002
+ - [DataGridPro] Fix column resize errors on MacOS with automatic scrollbars enabled (#12217) @cherniavskii
2003
+ - [DataGridPro] Fix lazy-loading crash (#12080) @romgrk
2004
+ - [DataGridPro] Fix useGridRows not giving error on reversed data (#10821) @martijn-basesoft
2005
+
2006
+ #### `@mui/x-data-grid-premium@7.0.0-beta.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2007
+
2008
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.5`, plus:
2009
+
2010
+ - [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12235) @MBilalShafi
2011
+
2012
+ ### Date and Time Pickers
2013
+
2014
+ #### `@mui/x-date-pickers@7.0.0-beta.5`
2015
+
2016
+ - [pickers] Fix toolbar components props handling (#12211) @LukasTy
2017
+ - [l10n] Improve Chinese (zh-CN) locale (#12245) @headironc
2018
+ - [l10n] Improve Korean (ko-KR) locale (#12192) @Luzi
2019
+
2020
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2021
+
2022
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.5`.
2023
+
2024
+ - [DateTimeRangePicker] Fix validation behavior (#12243) @LukasTy
2025
+
2026
+ ### Charts / `@mui/x-charts@7.0.0-beta.5`
2027
+
2028
+ - [charts] Fix grid duplicated key (#12208) @alexfauquette
2029
+
2030
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.5`
2031
+
2032
+ - [TreeView] Add public API and expose focus method (#12143) @noraleonte
2033
+
2034
+ ### Docs
2035
+
2036
+ - [docs] Fix image layout shift when loading @oliviertassinari
2037
+ - [docs] Match Material UI repo comment for redirections @oliviertassinari
2038
+ - [docs] Non breaking spaces @oliviertassinari
2039
+ - [docs] Polish the Date Picker playground (#11869) @zanivan
2040
+ - [docs] Standardize WAI-ARIA references @oliviertassinari
2041
+
2042
+ ### Core
2043
+
2044
+ - [core] Allow local docs next.js settings (#12227) @romgrk
2045
+ - [core] Remove grid folder from `getComponentInfo` RegExp (#12241) @flaviendelangle
2046
+ - [core] Remove `window.` reference for common globals @oliviertassinari
2047
+ - [core] Use runtime agnostic setTimeout type @oliviertassinari
2048
+ - [docs-infra] Fix Stack Overflow breaking space @oliviertassinari
2049
+ - [docs-infra] Fix missing non breaking spaces @oliviertassinari
2050
+ - [infra] Update `no-response` workflow (#12193) @MBilalShafi
2051
+ - [infra] Fix missing permission reset @oliviertassinari
2052
+
2053
+ ## 7.0.0-beta.4
2054
+
2055
+ _Feb 23, 2024_
2056
+
2057
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
2058
+
2059
+ - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
2060
+ - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
2061
+ - 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
2062
+ - 🐞 Bugfixes
2063
+ - 📚 Documentation improvements
2064
+
2065
+ ### Breaking changes
2066
+
2067
+ - The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
2068
+
2069
+ ### Data Grid
2070
+
2071
+ #### Breaking changes
2072
+
2073
+ - The cell inner wrapper `.MuiDataGrid-cellContent` has been removed, use `.MuiDataGrid-cell` to style the cells.
2074
+
2075
+ #### `@mui/x-data-grid@7.0.0-beta.4`
2076
+
2077
+ - [DataGrid] Simplify cell DOM structure (#12013) @romgrk
2078
+ - [DataGrid] Fix values labels in `is any of` filter operator (#11939) @gitstart
2079
+
2080
+ #### `@mui/x-data-grid-pro@7.0.0-beta.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2081
+
2082
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.4`.
2083
+
2084
+ #### `@mui/x-data-grid-premium@7.0.0-beta.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2085
+
2086
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
2087
+
2088
+ ### Date and Time Pickers
2089
+
2090
+ #### Breaking changes
2091
+
2092
+ - The `selectedSections` prop no longer accepts start and end indexes.
2093
+ When selecting several — but not all — sections, the field components were not behaving correctly, you can now only select one or all sections:
2094
+
2095
+ ```diff
2096
+ <DateField
2097
+ - selectedSections={{ startIndex: 0, endIndex: 0 }}
2098
+ + selectedSections={0}
2099
+
2100
+ // If the field has 3 sections
2101
+ - selectedSections={{ startIndex: 0, endIndex: 2 }}
2102
+ + selectedSections="all"
2103
+ />
2104
+ ```
2105
+
2106
+ - The headless field hooks (e.g.: `useDateField`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
2107
+ This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure. Learn more about this new [accessible DOM structure](/x/react-date-pickers/fields/#accessible-dom-structure).
2108
+
2109
+ When building a custom UI, you are most-likely only supporting one DOM structure, so you can remove `enableAccessibleFieldDOMStructure` before it is passed to the DOM:
2110
+
2111
+ ```diff
2112
+ function MyCustomTextField(props) {
2113
+ const {
2114
+ + // Should be ignored
2115
+ + enableAccessibleFieldDOMStructure,
2116
+ // ... rest of the props you are using
2117
+ } = props;
2118
+
2119
+ return ( /* Some UI to edit the date */ )
2120
+ }
2121
+
2122
+ function MyCustomField(props) {
2123
+ const fieldResponse = useDateField<Dayjs, false, typeof textFieldProps>({
2124
+ ...props,
2125
+ + // If you only support one DOM structure, we advise you to hardcode it here to avoid unwanted switches in your application
2126
+ + enableAccessibleFieldDOMStructure: false,
2127
+ });
2128
+
2129
+ return <MyCustomTextField ref={ref} {...fieldResponse} />;
2130
+ }
2131
+
2132
+ function App() {
2133
+ return <DatePicker slots={{ field: MyCustomField }} />;
2134
+ }
2135
+ ```
2136
+
2137
+ - The following internal types were exported by mistake and have been removed from the public API:
2138
+
2139
+ - `UseDateFieldDefaultizedProps`
2140
+ - `UseTimeFieldDefaultizedProps`
2141
+ - `UseDateTimeFieldDefaultizedProps`
2142
+ - `UseSingleInputDateRangeFieldComponentProps`
2143
+ - `UseSingleInputTimeRangeFieldComponentProps`
2144
+ - `UseSingleInputDateTimeRangeFieldComponentProps`
2145
+
2146
+ #### `@mui/x-date-pickers@7.0.0-beta.4`
2147
+
2148
+ - [fields] Add a11y support to multi-HTML field (#12173) @LukasTy
2149
+ - [fields] Use the `PickersTextField` component in the fields (#10649) @flaviendelangle
2150
+ - [pickers] Fix styling props propagation to `DateTimePickerTabs` (#12096) @LukasTy
2151
+
2152
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2153
+
2154
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.4`.
2155
+
2156
+ ### Charts / `@mui/x-charts@7.0.0-beta.4`
2157
+
2158
+ #### Breaking changes
2159
+
2160
+ These components are no longer exported from `@mui/x-charts`:
2161
+
2162
+ - `CartesianContextProvider`
2163
+ - `DrawingProvider`
2164
+
2165
+ #### `@mui/x-charts@7.0.0-beta.4`
2166
+
2167
+ - [charts] Don't display text if no value is provided (#12127) @alexfauquette
2168
+ - [charts] Remove export of context providers (#12123) @oliviertassinari
2169
+
2170
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
2171
+
2172
+ - [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
2173
+
2174
+ ### Docs
2175
+
2176
+ - [docs] Add recipe for hiding separator on non-resizable columns (#12134) @michelengelen
2177
+ - [docs] Add small improvements to the Gauge page (#12076) @danilo-leal
2178
+ - [docs] Add the 'point' scaleType to the axis documentation (#12179) @alexfauquette
2179
+ - [docs] Clarify Pickers 'Component composition' section (#12097) @LukasTy
2180
+ - [docs] Fix "Licensing" page link (#12156) @LukasTy
2181
+ - [docs] Fix the Treemap illustration (#12185) @danilo-leal
2182
+ - [docs] Fix error raised by Grammarly on the page @oliviertassinari
2183
+ - [docs] Improve performance on Charts entry point @oliviertassinari
2184
+ - [docs] Link to React Transition Group with https @oliviertassinari
2185
+ - [docs] Move Heatmap to `pro` plan (#12047) @alexfauquette
2186
+ - [docs] Reduce number of Vale errors @oliviertassinari
2187
+ - [docs] Remove default value set to `undefined` (#12128) @alexfauquette
2188
+
2189
+ ### Core
2190
+
2191
+ - [core] Fix docs link check (#12135) @LukasTy
2192
+ - [core] Fix missing context display names (#12124) @oliviertassinari
2193
+ - [core] Fix shortcuts when Caps Lock enabled (#12121) @oliviertassinari
2194
+ - [core] Remove IE 11 compat logic (#12119) @oliviertassinari
2195
+ - [core] Simplify key utils (#12120) @oliviertassinari
2196
+ - [core] Use the @mui/internal-scripts package (#12142) @michaldudak
2197
+ - [all components] Remove legacy IE 11 bundle (#12151) @flaviendelangle
2198
+ - [code-infra] Bump monorepo (#11880) @Janpot
2199
+ - [code-infra] Use `experimental.cpus` to control amount of export workers in Next.js (#12095) @Janpot
2200
+ - [docs-infra] Remove randomized API page layout (#11876) @alexfauquette
2201
+ - [test] Create local wrapper over `describeConformance` (#12130) @michaldudak
2202
+
2203
+ ## 7.0.0-beta.3
2204
+
2205
+ _Feb 16, 2024_
2206
+
2207
+ We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
2208
+
2209
+ - 🎁 Charts get a [built in grid](https://next.mui.com/x/react-charts/axis/#grid)
2210
+
2211
+ <img src="https://github.com/mui/mui-x/assets/45398769/74299f54-f020-4135-b38c-dc88a230db30" width="510" alt="Charts Grid" />
2212
+
2213
+ - 🎛️ Charts get a [Gauge component](https://next.mui.com/x/react-charts/gauge/).
2214
+
2215
+ <img src="https://github.com/mui/mui-x/assets/45398769/fb7a94b5-bef6-4fc2-a0cd-d6ff5b60fa8b" width="510" alt="Guage Chart" />
2216
+
2217
+ - 🐞 Bugfixes
2218
+
2219
+ - 📚 Documentation improvements
2220
+
2221
+ ### Data Grid
2222
+
2223
+ #### Breaking changes
2224
+
2225
+ - The `rowEditCommit` event and the related prop `onRowEditCommit` was removed. The [`processRowUpdate`](https://next.mui.com/x/react-data-grid/editing/#the-processrowupdate-callback) prop can be used in place.
2226
+
2227
+ #### `@mui/x-data-grid@7.0.0-beta.3`
2228
+
2229
+ - [DataGrid] Performance: avoid style invalidation (#12019) @romgrk
2230
+ - [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12073) @MBilalShafi
2231
+ - [DataGrid] Fix styling grid filter input single select (#11520) @FreakDroid
2232
+
2233
+ #### `@mui/x-data-grid-pro@7.0.0-beta.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2234
+
2235
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.3`.
2236
+
2237
+ #### `@mui/x-data-grid-premium@7.0.0-beta.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2238
+
2239
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.3`.
2240
+
2241
+ ### Charts / `@mui/x-charts@7.0.0-beta.3`
2242
+
2243
+ - [charts] Add Gauge component (#11996) @alexfauquette
2244
+ - [charts] Add a `ChartsGrid` component (#11034) @alexfauquette
2245
+
2246
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.3`
2247
+
2248
+ - [TreeView] Remove instance existence checks (#12066) @flaviendelangle
2249
+
2250
+ ### Docs
2251
+
2252
+ - [docs] Complete charts API pages (#12038) @alexfauquette
2253
+ - [docs] Add more illustrations to the charts overview page (#12041) @danilo-leal
2254
+ - [docs] Fix 301 redirection to StackBlitz @oliviertassinari
2255
+ - [docs] Fix Tree space to match the reset of the docs @oliviertassinari
2256
+ - [docs] Fix `dayOfWeekFormatter` typo in the pickers v6 to v7 migration document (#12043) @StylesTrip
2257
+ - [docs] Fix redirection @oliviertassinari
2258
+ - [docs] Fix typo for `AdapterDateFnsV3` (#12036) @flaviendelangle
2259
+ - [docs] Removed `focused` prop from demo (#12092) @michelengelen
2260
+
2261
+ ### Core
2262
+
2263
+ - [core] Fix CodeSandbox CI template @oliviertassinari
2264
+ - [core] Sort prop asc (#12033) @oliviertassinari
2265
+ - [core] Bump monorepo (#12055) @alexfauquette
2266
+
2267
+ ## 7.0.0-beta.2
2268
+
2269
+ _Feb 9, 2024_
2270
+
2271
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
2272
+
2273
+ - 🚀 Add slot typings on the Data Grid components (#11795) @romgrk
2274
+ - 🎁 Support UTC date formatting in Charts tooltip (#11943) @shaharyar-shamshi
2275
+ - 🌍 Improve Danish (da-DK) locale Data Grid (#11877) @ShahrazH
2276
+ - 🐞 Bugfixes
2277
+ - 📚 Documentation improvements
2278
+
2279
+ ### Data Grid
2280
+
2281
+ #### `@mui/x-data-grid@7.0.0-beta.2`
2282
+
2283
+ - [DataGrid] Add `removeAllFilterItems` as a reason of `onFilterModelChange` callback (#11911) @shaharyar-shamshi
2284
+ - [DataGrid] Add slot typings (#11795) @romgrk
2285
+ - [DataGrid] Add support for dialogs in menu actions (#11909) @cherniavskii
2286
+ - [DataGrid] Allow passing readonly arrays to `pageSizeOptions` prop (#11609) @pcorpet
2287
+ - [DataGrid] Fix incorrect computation of `lastPage` in `GridPagination` (#11958) @MBilalShafi
2288
+ - [DataGrid] Improve vertical scrolling performance (#11924) @romgrk
2289
+ - [l10n] Improve Danish (da-DK) locale (#11877) @ShahrazH
2290
+
2291
+ #### `@mui/x-data-grid-pro@7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2292
+
2293
+ Same changes as in `@mui/x-data-grid@v7.0.0-beta.2`.
2294
+
2295
+ #### `@mui/x-data-grid-premium@v7.0.0-beta.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2296
+
2297
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.2`, plus:
2298
+
2299
+ - [DataGridPremium] Fix autosize grouping cell (#11870) @romgrk
2300
+ - [DataGridPremium] Fix clipboard paste not working with Caps Lock enabled (#11965) @shaharyar-shamshi
2301
+
2302
+ ### Date and Time Pickers
2303
+
2304
+ #### `@mui/x-date-pickers@7.0.0-beta.2`
2305
+
2306
+ - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11936) @LukasTy
2307
+ - [pickers] Limit the valid values of `TDate` (#11791) @flaviendelangle
2308
+
2309
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2310
+
2311
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.2`.
2312
+
2313
+ ### Charts / `@mui/x-charts@7.0.0-beta.2`
2314
+
2315
+ - [charts] Add `reverse` property to axes (#11899) @alexfauquette
2316
+ - [charts] Allow series ids to be numbers (#11941) @alexfauquette
2317
+ - [charts] Support UTC date formatting in tooltip (#11943) @shaharyar-shamshi
2318
+
2319
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.2`
2320
+
2321
+ - [TreeView] Correctly detect if an item is expandable (#11963) @swalker326
2322
+ - [TreeView] Polish the default design & revise the simple version pages (#11529) @danilo-leal
2323
+
2324
+ ### License
2325
+
2326
+ #### Breaking changes
2327
+
2328
+ - If you're using the [commercial license](https://next.mui.com/x/introduction/licensing), you need to update the import path:
2329
+
2330
+ ```diff
2331
+ -import { LicenseInfo } from '@mui/x-license-pro';
2332
+ +import { LicenseInfo } from '@mui/x-license';
2333
+ ```
2334
+
2335
+ `@mui/x-license@7.0.0-beta.2`
2336
+
2337
+ - [license] Rename `@mui/x-license-pro` to `@mui/x-license` (#11938) @cherniavskii
2338
+
2339
+ ### Docs
2340
+
2341
+ - [docs] Add a note about `AdapterDateFnsV3` on the Getting Started page (#11985) @flaviendelangle
2342
+ - [docs] Add missing `Charts` breaking change steps (#11971) @alexfauquette
2343
+ - [docs] Fix `ChartsTooltip` typo (#11961) @thisisharsh7
2344
+ - [docs] Refactor `Localization` documentation sections (#11989) @LukasTy
2345
+ - [docs] Use "cannot" instead of "can't" or "can not" (#11986) @flaviendelangle
2346
+ - [docs] Add quick fixes to the migration guide (#11806) @danilo-leal
2347
+ - [docs] Avoid use of shorthand (#12000) @oliviertassinari
2348
+ - [docs] Avoid the use of MUI Core @oliviertassinari
2349
+ - [docs] Fix image size and dark mode @oliviertassinari
2350
+ - [docs] Follow blank line convention with use client @oliviertassinari
2351
+ - [docs] Stable layout between light and dark mode @oliviertassinari
2352
+
2353
+ ### Core
2354
+
2355
+ - [core] Add `docs:serve` script (#11935) @cherniavskii
2356
+ - [core] Bump monorepo (#12001) @cherniavskii
2357
+ - [core] Deprecate `LicenseInfo` re-exports (#11956) @cherniavskii
2358
+ - [core] Fix `test_types` failing on the `next` branch (#11944) @cherniavskii
2359
+ - [core] Fix failing `test_static` on the next branch (#11977) @cherniavskii
2360
+ - [core] Flatten grid packages folder (#11946) @cherniavskii
2361
+ - [core] Improve license info deprecation message (#11974) @cherniavskii
2362
+ - [core] Integrate changes from Core #40842 PR (#11801) @michaldudak
2363
+ - [core] Move next config to ESM (#11882) @Janpot
2364
+ - [core] Add auto-message on closed issues (#11805) @michelengelen
2365
+ - [core] Simplify bug reproduction (#11849) @oliviertassinari
2366
+ - [core] Fix npm reference @oliviertassinari
2367
+ - [core] Normalize issue template @oliviertassinari
2368
+
2369
+ ## 7.0.0-beta.1
2370
+
2371
+ _Feb 1, 2024_
2372
+
2373
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
2374
+
2375
+ - 🏃 Improve the filtering performance of the Data Grid by changing the `GridColDef` methods signatures (#11573) @cherniavskii
2376
+ - 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
2377
+ - 🚀 All charts have click handlers (#11411) @alexfauquette
2378
+ Test their respective documentation demonstrations to know more about the data format:
2379
+
2380
+ - [Scatter Chart](https://next.mui.com/x/react-charts/scatter/#click-event)
2381
+ - [Line Chart](https://next.mui.com/x/react-charts/lines/#click-event)
2382
+ - [Bar Chart](https://next.mui.com/x/react-charts/bars/#click-event)
2383
+ - [Pie Chart](https://next.mui.com/x/react-charts/pie/#click-event)
2384
+
2385
+ Big thanks to @giladappsforce and @yaredtsy for their contribution on exploring this feature.
2386
+
2387
+ ### Data Grid
2388
+
2389
+ ### Breaking changes
2390
+
2391
+ - The signature of `GridColDef['valueGetter']` has been changed for performance reasons:
2392
+
2393
+ ```diff
2394
+ - valueGetter: ({ value, row }) => value,
2395
+ + valueGetter: (value, row, column, apiRef) => value,
2396
+ ```
2397
+
2398
+ The `GridValueGetterParams` interface has been removed:
2399
+
2400
+ ```diff
2401
+ - const customValueGetter = (params: GridValueGetterParams) => params.row.budget;
2402
+ + const customValueGetter: GridValueGetterFn = (value, row) => row.budget;
2403
+ ```
2404
+
2405
+ - The signature of `GridColDef['valueFormatter']` has been changed for performance reasons:
2406
+
2407
+ ```diff
2408
+ - valueFormatter: ({ value }) => value,
2409
+ + valueFormatter: (value, row, column, apiRef) => value,
2410
+ ```
2411
+
2412
+ The `GridValueFormatterParams` interface has been removed:
2413
+
2414
+ ```diff
2415
+ - const gridDateFormatter = ({ value, field, id }: GridValueFormatterParams<Date>) => value.toLocaleDateString();
2416
+ + const gridDateFormatter: GridValueFormatter = (value: Date) => value.toLocaleDateString();
2417
+ ```
2418
+
2419
+ - The signature of `GridColDef['valueSetter']` has been changed for performance reasons:
2420
+
2421
+ ```diff
2422
+ - valueSetter: (params) => {
2423
+ - const [firstName, lastName] = params.value!.toString().split(' ');
2424
+ - return { ...params.row, firstName, lastName };
2425
+ - }
2426
+ + valueSetter: (value, row) => {
2427
+ + const [firstName, lastName] = value!.toString().split(' ');
2428
+ + return { ...row, firstName, lastName };
2429
+ +}
2430
+ ```
2431
+
2432
+ The `GridValueSetterParams` interface has been removed:
2433
+
2434
+ ```diff
2435
+ - const setFullName = (params: GridValueSetterParams) => {
2436
+ - const [firstName, lastName] = params.value!.toString().split(' ');
2437
+ - return { ...params.row, firstName, lastName };
2438
+ - };
2439
+ + const setFullName: GridValueSetter<Row> = (value, row) => {
2440
+ + const [firstName, lastName] = value!.toString().split(' ');
2441
+ + return { ...row, firstName, lastName };
2442
+ + }
2443
+ ```
2444
+
2445
+ - The signature of `GridColDef['valueParser']` has been changed for performance reasons:
2446
+
2447
+ ```diff
2448
+ - valueParser: (value, params: GridCellParams) => value.toLowerCase(),
2449
+ + valueParser: (value, row, column, apiRef) => value.toLowerCase(),
2450
+ ```
2451
+
2452
+ - The signature of `GridColDef['colSpan']` has been changed for performance reasons:
2453
+
2454
+ ```diff
2455
+ - colSpan: ({ row, field, value }: GridCellParams) => (row.id === 'total' ? 2 : 1),
2456
+ + colSpan: (value, row, column, apiRef) => (row.id === 'total' ? 2 : 1),
2457
+ ```
2458
+
2459
+ - The signature of `GridColDef['pastedValueParser']` has been changed for performance reasons:
2460
+
2461
+ ```diff
2462
+ - pastedValueParser: (value, params) => new Date(value),
2463
+ + pastedValueParser: (value, row, column, apiRef) => new Date(value),
2464
+ ```
2465
+
2466
+ - The signature of `GridColDef['groupingValueGetter']` has been changed for performance reasons:
2467
+
2468
+ ```diff
2469
+ - groupingValueGetter: (params) => params.value.name,
2470
+ + groupingValueGetter: (value: { name: string }) => value.name,
2471
+ ```
2472
+
2473
+ #### `@mui/x-data-grid@7.0.0-beta.1`
2474
+
2475
+ - [DataGrid] Add `toggleAllMode` prop to the `columnsManagement` slot (#10794) @H999
2476
+ - [DataGrid] Change `GridColDef` methods signatures (#11573) @cherniavskii
2477
+ - [DataGrid] Fix row reorder with cell selection (#11783) @PEsteves8
2478
+ - [DataGrid] Make columns management' casing consistent (#11858) @MBilalShafi
2479
+ - [l10n] Improve Hebrew (he-IL) locale (#11788) @danielmishan85
2480
+
2481
+ #### `@mui/x-data-grid-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2482
+
2483
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.1`.
2484
+
2485
+ #### `@mui/x-data-grid-premium@7.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2486
+
2487
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.1`.
2488
+
2489
+ ### Date and Time Pickers
2490
+
2491
+ #### `@mui/x-date-pickers@7.0.0-beta.1`
2492
+
2493
+ - [TimePicker] Add missing toolbar classes descriptions (#11856) @LukasTy
2494
+
2495
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2496
+
2497
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.1`.
2498
+
2499
+ ### Charts
2500
+
2501
+ #### Breaking changes
2502
+
2503
+ - The line chart now have animation by default.
2504
+ You can disable it with `skipAnimation` prop.
2505
+ See [animation documentation](next.mui.com/x/react-charts/lines/#animation) for more information.
2506
+
2507
+ - Pie charts `onClick` get renamed `onItemClick` for consistency with other charts click callback.
2508
+
2509
+ `@mui/x-charts@7.0.0-beta.1`
2510
+
2511
+ - [charts] Add `onClick` support (#11411) @alexfauquette
2512
+ - [charts] Add line animation (#11620) @alexfauquette
2513
+ - [charts] Document how to modify color according to values (#11824) @alexfauquette
2514
+ - [charts] Fix Tooltip crash with out of range lines (#11898) @alexfauquette
2515
+
2516
+ ### Docs
2517
+
2518
+ - [docs] Add a general uplift to the changelog page (#11396) @danilo-leal
2519
+ - [docs] Do not reference the Tree View overview page in the API pages (#11826) @flaviendelangle
2520
+ - [docs] Fix charts API links (#11832) @alexfauquette
2521
+ - [docs] Improve Support page (#11556) @oliviertassinari
2522
+ - [docs] Improve column visibility documentation (#11857) @MBilalShafi
2523
+ - [docs] Polish header @oliviertassinari
2524
+ - [docs] Sync support page with core @oliviertassinari
2525
+ - [docs] Update whats new page with "v7 Beta blogpost" content (#11879) @joserodolfofreitas
2526
+
2527
+ ### Core
2528
+
2529
+ - [core] Rely on immutable ref when possible (#11847) @oliviertassinari
2530
+ - [core] Bump monorepo (#11897) @alexfauquette
2531
+
2532
+ ## 7.0.0-beta.0
2533
+
2534
+ _Jan 26, 2024_
2535
+
2536
+ We are glad to announce MUI X v7 beta!
2537
+ This version has several improvements, bug fixes, and exciting features 🎉.
2538
+ We want to offer a big thanks to the 7 contributors who made this release possible ✨:
2539
+
2540
+ - 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy
2541
+
2542
+ <img src="https://github.com/mui/mui-x/assets/4941090/122bb7bc-5e72-4e11-a8e5-96f3026de922" width="510" height="652" alt="Date Time Range Picker example" />
2543
+
2544
+ - 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi
2545
+
2546
+ <img width="310" alt="image" src="https://github.com/mui/mui-x/assets/12609561/a79dac8b-d54d-4e69-a63a-ef78f3993f37">
2547
+
2548
+ - 🐞 Bugfixes
2549
+ - 📚 Documentation improvements
2550
+
2551
+ ### Data Grid
2552
+
2553
+ #### Breaking changes
2554
+
2555
+ - The columns management component has been redesigned and the component was extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot `columnsManagement` and the related prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood.
2556
+
2557
+ ```diff
2558
+ <DataGrid
2559
+ slotProps={{
2560
+ - columnsPanel: {
2561
+ + columnsManagement: {
2562
+ sort: 'asc',
2563
+ autoFocusSearchField: false,
2564
+ },
2565
+ }}
2566
+ />
2567
+ ```
2568
+
2569
+ - `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` toggle in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`.
2570
+
2571
+ ```diff
2572
+ <DataGrid
2573
+ - disableShowAllButton
2574
+ - disableHideAllButton
2575
+ + disableShowHideToggle
2576
+ />
2577
+ ```
2578
+
2579
+ #### `@mui/x-data-grid@7.0.0-beta.0`
2580
+
2581
+ - [DataGrid] Export `GridColumnTypes` interface for custom column types (#11742) @cherniavskii
2582
+ - [DataGrid] Initialize `apiRef` early (#11792) @cherniavskii
2583
+ - [DataGrid] New column management panel design (#11770) @MBilalShafi
2584
+ - [DataGrid] Fix support for tree with more than 50,000 children (#11757) @zenazn
2585
+
2586
+ #### `@mui/x-data-grid-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2587
+
2588
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.0`.
2589
+
2590
+ #### `@mui/x-data-grid-premium@7.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2591
+
2592
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.0`.
2593
+
2594
+ ### Date and Time Pickers
2595
+
2596
+ #### `@mui/x-date-pickers@7.0.0-beta.0`
2597
+
2598
+ - [pickers] Apply the `layout.tabs` class to `Tabs` slot (#11781) @LukasTy
2599
+ - [pickers] Avoid deep imports (#11794) @LukasTy
2600
+ - [pickers] Fields typing optimization (#11779) @LukasTy
2601
+
2602
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2603
+
2604
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus:
2605
+
2606
+ - [pickers] Add `DateTimeRangePicker` component (#9528) @LukasTy
2607
+ - [pickers] Add `DateTimeRangePicker` theme augmentation (#11814) @LukasTy
2608
+ - [DateRangePicker] Remove `calendars` prop on `Mobile` (#11752) @LukasTy
2609
+
2610
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.0`
2611
+
2612
+ - [TreeView] Remove unused props from prop-types and typing (#11778) @flaviendelangle
2613
+ - [TreeView] Throw an error when two items have the same id (#11715) @flaviendelangle
2614
+
2615
+ ### Docs
2616
+
2617
+ - [docs] Add `contextValue` to the headless tree view doc (#11705) @flaviendelangle
2618
+ - [docs] Add section for the `disableSelection` prop (#11821) @flaviendelangle
2619
+ - [docs] Fix brand name non-breaking space (#11758) @oliviertassinari
2620
+ - [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle
2621
+ - [docs] Fix use of quote, should use callout (#11759) @oliviertassinari
2622
+ - [docs] Improve error message for MUI Vale rule @oliviertassinari
2623
+ - [docs] Include `DateTimeRangePicker` in relevant demos (#11815) @LukasTy
2624
+ - [docs] Add recipe for sorting row groups by the number of child rows (#11164) @cherniavskii
2625
+
2626
+ ### Core
2627
+
2628
+ - [core] Cleanup script and alias setup (#11749) @LukasTy
2629
+ - [core] Polish issue templates @oliviertassinari
2630
+ - [code-infra] Update prettier and pretty-quick (#11735) @Janpot
2631
+
2632
+ ## 7.0.0-alpha.9
2633
+
2634
+ _Jan 19, 2024_
2635
+
2636
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
2637
+
2638
+ - 🎁 The Data Grid headers have been refactored to bring immense improvements to scrolling, state management, and overall performance of the grid.
2639
+ - ⚙️ The Data Grid disabled column-specific features like filtering, sorting, grouping, etc. could now be accessed programmatically. See the related [docs](https://next.mui.com/x/react-data-grid/api-object/#access-the-disabled-column-features) section.
2640
+ - 🚀 Uplift the `SimpleTreeView` customization examples (#11424) @noraleonte
2641
+ - 🌍 Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11668) on the Data Grid @BCaspari
2642
+ - 🐞 Bugfixes
2643
+ - 💔 Bump `@mui/material` peer dependency for all packages (#11692) @LukasTy
2644
+ The minimum required version of `@mui/material` is now `5.15.0`.
2645
+
2646
+ ### Data Grid
2647
+
2648
+ #### Breaking changes
2649
+
2650
+ - The `ariaV7` experimental flag has been removed and the Data Grid now uses the improved accessibility implementation by default.
2651
+ If you were using the `ariaV7` flag, you can remove it from the `experimentalFeatures` prop:
2652
+
2653
+ ```diff
2654
+ -<DataGrid experimentalFeatures={{ ariaV7: true }} />
2655
+ +<DataGrid />
2656
+ ```
2657
+
2658
+ The most notable changes that might affect your application or tests are:
2659
+
2660
+ - The `role="grid"` attribute along with related ARIA attributes are now applied to the inner `div` element instead of the root `div` element:
2661
+
2662
+ ```diff
2663
+ -<div class="MuiDataGrid-root" role="grid" aria-colcount="5" aria-rowcount="101" aria-multiselectable="false">
2664
+ +<div class="MuiDataGrid-root">
2665
+ <div class="MuiDataGrid-toolbarContainer"></div>
2666
+ - <div class="MuiDataGrid-main"></div>
2667
+ + <div class="MuiDataGrid-main" role="grid" aria-colcount="5" aria-rowcount="101" aria-multiselectable="false"></div>
2668
+ <div class="MuiDataGrid-footerContainer"></div>
2669
+ </div>
2670
+ ```
2671
+
2672
+ - When the [Tree data](https://next.mui.com/x/react-data-grid/tree-data/) feature is used, the grid role is now `role="treegrid"` instead of `role="grid"`.
2673
+ - The Data Grid cells now have `role="gridcell"` instead of `role="cell"`.
2674
+
2675
+ - The buttons in toolbar composable components `GridToolbarColumnsButton`, `GridToolbarFilterButton`, `GridToolbarDensity`, and `GridToolbarExport` are now wrapped with a tooltip component and have a consistent interface. To override some props corresponding to the toolbar buttons or their corresponding tooltips, you can use the `slotProps` prop. Following is an example diff. See [Toolbar section](https://next.mui.com/x/react-data-grid/components/#toolbar) for more details.
2676
+
2677
+ ```diff
2678
+ function CustomToolbar() {
2679
+ return (
2680
+ <GridToolbarContainer>
2681
+ <GridToolbarColumnsButton />
2682
+ <GridToolbarFilterButton
2683
+ - title="Custom filter" // 🛑 This was previously forwarded to the tooltip component
2684
+ + slotProps={{ tooltip: { title: 'Custom filter' } }} // ✅ This is the correct way now
2685
+ />
2686
+ <GridToolbarDensitySelector
2687
+ - variant="outlined" // 🛑 This was previously forwarded to the button component
2688
+ + slotProps={{ button: { variant: 'outlined' } }} // ✅ This is the correct way now
2689
+ />
2690
+ </GridToolbarContainer>
2691
+ );
2692
+ }
2693
+ ```
2694
+
2695
+ - Column grouping is now enabled by default. The flag `columnGrouping` is no longer needed to be passed to the `experimentalFeatures` prop to enable it.
2696
+
2697
+ ```diff
2698
+ -<DataGrid experimentalFeatures={{ columnGrouping: true }} />
2699
+ +<DataGrid />
2700
+ ```
2701
+
2702
+ - The column grouping API methods `getColumnGroupPath` and `getAllGroupDetails` are no longer prefixed with `unstable_`.
2703
+
2704
+ - The column grouping selectors `gridFocusColumnGroupHeaderSelector` and `gridTabIndexColumnGroupHeaderSelector` are no longer prefixed with `unstable_`.
2705
+
2706
+ - The disabled column specific features like `hiding`, `sorting`, `filtering`, `pinning`, `row grouping`, etc could now be controlled programmatically using `initialState`, respective controlled models, or the [API object](https://next.mui.com/x/react-data-grid/api-object/). See the related [docs](https://next.mui.com/x/react-data-grid/api-object/#access-the-disabled-column-features) section.
2707
+
2708
+ #### `@mui/x-data-grid@7.0.0-alpha.9`
2709
+
2710
+ - [DataGrid] Allow to filter non-filterable columns programmatically (#11538) @MBilalShafi
2711
+ - [DataGrid] Allow to programmatically sort unsortable columns (#11512) @MBilalShafi
2712
+ - [DataGrid] Fix incorrect default value for `filterModel.logicOperator` (#11673) @MBilalShafi
2713
+ - [DataGrid] Make `column grouping` feature stable (#11698) @MBilalShafi
2714
+ - [DataGrid] Remove the `ariaV7` experimental flag (#11428) @cherniavskii
2715
+ - [DataGrid] Start the FAQ page (#11686) @MBilalShafi
2716
+ - [DataGrid] Sticky headers (#10059) @romgrk
2717
+ - [DataGrid] Wrap toolbar buttons with tooltip (#11357) @MBilalShafi
2718
+ - [l10n] Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11668) @BCaspari
2719
+
2720
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2721
+
2722
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.9`, plus:
2723
+
2724
+ - [DataGridPro] Allow non-pinnable columns to be pinned programmatically (#11680) @MBilalShafi
2725
+
2726
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.9` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2727
+
2728
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.9`, plus:
2729
+
2730
+ - [DataGridPremium] Allow aggregation to be applied for non-aggregable columns (#11574) @MBilalShafi
2731
+ - [DataGridPremium] Allow programmatically grouping non-groupable columns (#11539) @MBilalShafi
2732
+
2733
+ ### Date and Time Pickers
2734
+
2735
+ #### Breaking changes
2736
+
2737
+ - The `locales` export has been removed from the root of the packages.
2738
+ If you were importing locales from the root, be sure to update it:
2739
+
2740
+ ```diff
2741
+ -import { frFR } from '@mui/x-date-pickers';
2742
+ +import { frFR } from '@mui/x-date-pickers/locales';
2743
+ ```
2744
+
2745
+ #### `@mui/x-date-pickers@7.0.0-alpha.9`
2746
+
2747
+ - [fields] Make `PickersTextField` and its dependencies public (#11581) @flaviendelangle
2748
+ - [fields] Support farsi digits (#11639) @flaviendelangle
2749
+ - [pickers] Fix AdapterLuxon `getWeekNumber` behavior (#11697) @LukasTy
2750
+ - [pickers] Stop root exporting `locales` (#11612) @LukasTy
2751
+
2752
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2753
+
2754
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.9`.
2755
+
2756
+ ### Charts / `@mui/x-charts@7.0.0-alpha.9`
2757
+
2758
+ - [charts] Do not propagate `innerRadius` and `outerRadius` to the DOM (#11689) @alexfauquette
2759
+ - [charts] Fix default `stackOffset` for `LineChart` (#11647) @alexfauquette
2760
+ - [charts] Remove a TypeScript ignore (#11688) @alexfauquette
2761
+
2762
+ ### Tree View
2763
+
2764
+ #### Breaking changes
2765
+
2766
+ - The `expandIcon` / `defaultExpandIcon` props, used to expand the children of a node (rendered when it is collapsed),
2767
+ is now defined as a slot both on the Tree View and the Tree Item components.
2768
+
2769
+ If you were using the `ChevronRight` icon from `@mui/icons-material`,
2770
+ you can stop passing it to your component because it is now the default value:
2771
+
2772
+ ```diff
2773
+ -import ChevronRightIcon from '@mui/icons-material/ChevronRight';
2774
+
2775
+ <SimpleTreeView
2776
+ - defaultExpandIcon={<ChevronRightIcon />}
2777
+ >
2778
+ {items}
2779
+ </SimpleTreeView>
2780
+ ```
2781
+
2782
+ If you were passing another icon to your Tree View component,
2783
+ you need to use the new `expandIcon` slot on this component:
2784
+
2785
+ ```diff
2786
+ <SimpleTreeView
2787
+ - defaultExpandIcon={<MyCustomExpandIcon />}
2788
+ + slots={{ expandIcon: MyCustomExpandIcon }}
2789
+ >
2790
+ {items}
2791
+ </SimpleTreeView>
2792
+ ```
2793
+
2794
+ If you were passing another icon to your Tree Item component,
2795
+ you need to use the new `expandIcon` slot on this component:
2796
+
2797
+ ```diff
2798
+ <SimpleTreeView>
2799
+ <TreeItem
2800
+ nodeId="1"
2801
+ label="Node 1"
2802
+ - expandIcon={<MyCustomExpandIcon />}
2803
+ + slots={{ expandIcon: MyCustomExpandIcon }}
2804
+ />
2805
+ </SimpleTreeView>
2806
+ ```
2807
+
2808
+ - The `collapseIcon` / `defaultCollapseIcon` props, used to collapse the children of a node (rendered when it is expanded),
2809
+ is now defined as a slot both on the Tree View and the Tree Item components.
2810
+
2811
+ If you were using the `ExpandMore` icon from `@mui/icons-material`,
2812
+ you can stop passing it to your component because it is now the default value:
2813
+
2814
+ ```diff
2815
+ - import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
2816
+
2817
+ <SimpleTreeView
2818
+ - defaultCollapseIcon={<ExpandMoreIcon />}
2819
+ >
2820
+ {items}
2821
+ </SimpleTreeView>
2822
+ ```
2823
+
2824
+ If you were passing another icon to your Tree View component,
2825
+ you need to use the new `collapseIcon` slot on this component:
2826
+
2827
+ ```diff
2828
+ <SimpleTreeView
2829
+ - defaultCollapseIcon={<MyCustomCollapseIcon />}
2830
+ + slots={{ collapseIcon: MyCustomCollapseIcon }}
2831
+ >
2832
+ {items}
2833
+ </SimpleTreeView>
2834
+ ```
2835
+
2836
+ If you were passing another icon to your Tree Item component,
2837
+ you need to use the new `collapseIcon` slot on this component:
2838
+
2839
+ ```diff
2840
+ <SimpleTreeView>
2841
+ <TreeItem
2842
+ nodeId="1"
2843
+ label="Node 1"
2844
+ - collapseIcon={<MyCustomCollapseIcon />}
2845
+ + slots={{ collapseIcon: MyCustomCollapseIcon }}
2846
+ />
2847
+ </SimpleTreeView>
2848
+ ```
2849
+
2850
+ - The `useTreeItem` hook has been renamed `useTreeItemState`.
2851
+ This will help create a new headless version of the `TreeItem` component based on a future `useTreeItem` hook.
2852
+
2853
+ ```diff
2854
+ -import { TreeItem, useTreeItem } from '@mui/x-tree-view/TreeItem';
2855
+ +import { TreeItem, useTreeItemState } from '@mui/x-tree-view/TreeItem';
2856
+
2857
+ const CustomContent = React.forwardRef((props, ref) => {
2858
+ - const { disabled } = useTreeItem(props.nodeId);
2859
+ + const { disabled } = useTreeItemState(props.nodeId);
2860
+
2861
+ // Render some UI
2862
+ });
2863
+
2864
+ function App() {
2865
+ return (
2866
+ <SimpleTreeView>
2867
+ <TreeItem ContentComponent={CustomContent} />
2868
+ </SimpleTreeView>
2869
+ )
2870
+ }
2871
+ ```
2872
+
2873
+ - The `parentIcon` prop has been removed from the Tree View components.
2874
+
2875
+ If you were passing an icon to your Tree View component,
2876
+ you can achieve the same behavior
2877
+ by passing the same icon to both the `collapseIcon` and the `expandIcon` slots on this component:
2878
+
2879
+ ```diff
2880
+ <SimpleTreeView
2881
+ - defaultParentIcon={<MyCustomParentIcon />}
2882
+ + slots={{ collapseIcon: MyCustomParentIcon, expandIcon: MyCustomParentIcon }}
2883
+ >
2884
+ {items}
2885
+ </SimpleTreeView>
2886
+ ```
2887
+
2888
+ - The `endIcon` / `defaultEndIcon` props, rendered next to an item without children,
2889
+ is now defined as a slot both on the Tree View and the Tree Item components.
2890
+
2891
+ If you were passing an icon to your Tree View component,
2892
+ you need to use the new `endIcon` slot on this component:
2893
+
2894
+ ```diff
2895
+ <SimpleTreeView
2896
+ - defaultEndIcon={<MyCustomEndIcon />}
2897
+ + slots={{ endIcon: MyCustomEndIcon }}
2898
+ >
2899
+ {items}
2900
+ </SimpleTreeView>
2901
+ ```
2902
+
2903
+ If you were passing an icon to your Tree Item component,
2904
+ you need to use the new `endIcon` slot on this component:
2905
+
2906
+ ```diff
2907
+ <SimpleTreeView>
2908
+ <TreeItem
2909
+ nodeId="1"
2910
+ label="Node 1"
2911
+ - endIcon={<MyCustomEndIcon />}
2912
+ + slots={{ endIcon: MyCustomEndIcon }}
2913
+ />
2914
+ </SimpleTreeView>
2915
+ ```
2916
+
2917
+ - The `icon` prop, rendered next to an item without children,
2918
+ is now defined as a slot on the Tree Item component.
2919
+
2920
+ If you were passing an icon to your Tree Item component,
2921
+ you need to use the new `icon` slot on this component:
2922
+
2923
+ ```diff
2924
+ <SimpleTreeView>
2925
+ <TreeItem
2926
+ nodeId="1"
2927
+ label="Node 1"
2928
+ - icon={<MyCustomIcon />}
2929
+ + slots={{ icon: MyCustomIcon }}
2930
+ />
2931
+ </SimpleTreeView>
2932
+ ```
2933
+
2934
+ #### `@mui/x-tree-view@7.0.0-alpha.9`
2935
+
2936
+ - [TreeView] Adjust expansion and selection docs (#11723) @noraleonte
2937
+ - [TreeView] Improve plugin signature definition (#11665) @flaviendelangle
2938
+ - [TreeView] Make each plugin responsible for its context value (#11623) @flaviendelangle
2939
+ - [TreeView] Migrate remaining icon props to slots (#11713) @flaviendelangle
2940
+ - [TreeView] Pass through `Theme` generic to variants (#11480) @dhulme
2941
+ - [TreeView] Rename `useTreeItem` to `useTreeItemState` (#11712) @flaviendelangle
2942
+ - [TreeView] Add `slots` and `slotProps` on the Tree View components (#11664) @flaviendelangle
2943
+ - [TreeView] Explore a better plugin model API (#11567) @flaviendelangle
2944
+
2945
+ ### Docs
2946
+
2947
+ - [docs] Clean the pickers migration guide (#11694) @flaviendelangle
2948
+ - [docs] Cleanup and fix Pickers Playground styling (#11700) @LukasTy
2949
+ - [docs] First draft of the Tree View custom plugin doc (#11564) @flaviendelangle
2950
+ - [docs] Fix Pickers migration syntax and diffs (#11695) @LukasTy
2951
+ - [docs] Fix generated tree view API docs (#11737) @LukasTy
2952
+ - [docs] Generate docs for Tree View slots (#11730) @flaviendelangle
2953
+ - [docs] Improve codemod for v7 (#11650) @oliviertassinari
2954
+ - [docs] Improve data grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
2955
+ - [docs] Parse markdown on API docs demo titles (#11728) @LukasTy
2956
+ - [docs] Remove the description from the `className` prop (#11693) @oliviertassinari
2957
+ - [docs] Uplift `SimpleTreeView` customization examples (#11424) @noraleonte
2958
+ - [docs] Uplift the Date Pickers playground (#11555) @danilo-leal
2959
+
2960
+ ### Core
2961
+
2962
+ - [core] Bump `@mui/material` peer dependency for all packages (#11692) @LukasTy
2963
+ - [core] Make `karma` run in parallel (#11571) @romgrk
2964
+ - [core] make `karma-parallel` run under a new command (#11716) @romgrk
2965
+ - [code-infra] Migrate all prettier APIs to the async version (#11732) @Janpot
2966
+ - [code-infra] Update the Babel macro path (#11479) @michaldudak
2967
+ - [docs-infra] Enforce brand name rules (#11651) @oliviertassinari
2968
+ - [test] Fix flaky Data Grid test (#11725) @cherniavskii
2969
+
2970
+ ## 7.0.0-alpha.8
2971
+
2972
+ _Jan 11, 2024_
2973
+
2974
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
2975
+
2976
+ - ⏰ Support date-fns v3 (#11659) @LukasTy
2977
+ Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
2978
+ ```js
2979
+ // with date-fns v2.x
2980
+ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
2981
+ import de from 'date-fns/locale/de';
2982
+ ```
2983
+ ```js
2984
+ // with date-fns v3.x
2985
+ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
2986
+ import { de } from 'date-fns/locale/de';
2987
+ ```
2988
+
2989
+ ### Data Grid
2990
+
2991
+ #### Breaking changes
2992
+
2993
+ - The import path for locales has been changed:
2994
+
2995
+ ```diff
2996
+ -import { enUS } from '@mui/x-data-grid';
2997
+ +import { enUS } from '@mui/x-data-grid/locales';
2998
+
2999
+ -import { enUS } from '@mui/x-data-grid-pro';
3000
+ +import { enUS } from '@mui/x-data-grid-pro/locales';
3001
+
3002
+ -import { enUS } from '@mui/x-data-grid-premium';
3003
+ +import { enUS } from '@mui/x-data-grid-premium/locales';
3004
+ ```
3005
+
3006
+ #### `@mui/x-data-grid@7.0.0-alpha.8`
3007
+
3008
+ - [DataGrid] Stop exporting locales from the package root (#11614) @cherniavskii
3009
+
3010
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3011
+
3012
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.8`.
3013
+
3014
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.8` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3015
+
3016
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.8`.
3017
+
3018
+ ### Date and Time Pickers
3019
+
3020
+ #### `@mui/x-date-pickers@7.0.0-alpha.8`
3021
+
3022
+ - [pickers] Add `date-fns@3.x` adapter (#11462) @LukasTy
3023
+ - [pickers] Avoid deeper than 2nd level imports (#11588) @LukasTy
3024
+ - [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11642) @noraleonte
3025
+ - [pickers] Move `DateRange` to `@mui/x-date-pickers-pro/models` (#11611) @flaviendelangle
3026
+ - [l10n] Add missing Danish (da-DK) locale export (#11640) @etlos
3027
+
3028
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3029
+
3030
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
3031
+
3032
+ ### Tree View / `@mui/x-tree-view@7.0.0-alpha.8`
3033
+
3034
+ - [tree view] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
3035
+ - [tree view] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle
3036
+
3037
+ ### Docs
3038
+
3039
+ - [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
3040
+ - [docs] Improve `git diff` format @oliviertassinari
3041
+ - [docs] Push up the MUI X brand (#11533) @oliviertassinari
3042
+ - [docs] Remove old data grid translation files (#11646) @cherniavskii
3043
+ - [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
3044
+ - [docs] Improve charts landing page (#11570) @oliviertassinari
3045
+
3046
+ ### Core
3047
+
3048
+ - [core] Lock `jsdom` version (#11652) @cherniavskii
3049
+ - [core] Remove PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD (#11608) @oliviertassinari
3050
+ - [core] Simplify isSsr logic (#11606) @oliviertassinari
3051
+ - [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
3052
+ - [core] Use MUI X official name in errors (#11645) @oliviertassinari
3053
+
3054
+ ## 7.0.0-alpha.7
3055
+
3056
+ _Jan 5, 2024_
3057
+
3058
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
3059
+
3060
+ - 🎁 New component to create a Tree View from a structured data source:
3061
+
3062
+ You can now directly pass your data to the `RichTreeView` component instead of manually converting it into JSX `TreeItem` components:
3063
+
3064
+ ```tsx
3065
+ const ITEMS = [
3066
+ {
3067
+ id: 'node-1',
3068
+ label: 'Node 1',
3069
+ children: [
3070
+ { id: 'node-1-1', label: 'Node 1.1' },
3071
+ { id: 'node-1-2', label: 'Node 1.2' },
3072
+ ],
3073
+ },
3074
+ {
3075
+ id: 'node-2',
3076
+ label: 'Node 2',
3077
+ },
3078
+ ];
3079
+
3080
+ <RichTreeView
3081
+ items={MUI_X_PRODUCTS}
3082
+ defaultCollapseIcon={<ExpandMoreIcon />}
3083
+ defaultExpandIcon={<ChevronRightIcon />}
3084
+ />;
3085
+ ```
3086
+
3087
+ - 🌍 Improve Czech (cs-CZ) locale on the Data Grid
3088
+ - 🐞 Bugfixes
3089
+
3090
+ ### Data Grid
3091
+
3092
+ #### `@mui/x-data-grid@7.0.0-alpha.7`
3093
+
3094
+ - [DataGrid] Don't evaluate `hasEval` when `disableEval` is set (#11516) @reihwald
3095
+ - [DataGrid] follow warning message guideline for `autoPageSize` and `autoHeight` (#11585) @Sboonny
3096
+ - [DataGrid] Replace `eval` with `new Function` (#11557) @oliviertassinari
3097
+ - [DataGrid] Warn devs when `autoPageSize` is used with `autoHeight` (#11554) @Sboonny
3098
+ - [l10n] Improve Czech (cs-CZ) locale (#11526) @fdebef
3099
+
3100
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3101
+
3102
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.7`.
3103
+
3104
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3105
+
3106
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.7`.
3107
+
3108
+ ### Date and Time Pickers
3109
+
3110
+ #### `@mui/x-date-pickers@7.0.0-alpha.7`
3111
+
3112
+ - [pickers] Fix views management (#11419) @LukasTy
3113
+
3114
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3115
+
3116
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
3117
+
3118
+ ### Charts / `@mui/x-charts@7.0.0-alpha.7`
3119
+
3120
+ - [charts] Add `arcLabelRadius` property (#11487) @alexfauquette
3121
+ - [charts] Fix `null` in line chart using dataset (#11550) @alexfauquette
3122
+
3123
+ ### Tree View
3124
+
3125
+ #### Breaking changes
3126
+
3127
+ - The expansion props have been renamed to better describe their behaviors:
3128
+
3129
+ | Old name | New name |
3130
+ | :---------------- | :---------------------- |
3131
+ | `onNodeToggle` | `onExpandedNodesChange` |
3132
+ | `expanded` | `expandedNodes` |
3133
+ | `defaultExpanded` | `defaultExpandedNodes` |
3134
+
3135
+ ```diff
3136
+ <TreeView
3137
+ - onNodeToggle={handleExpansionChange}
3138
+ + onExpandedNodesChange={handleExpansionChange}
3139
+
3140
+ - expanded={expandedNodes}
3141
+ + expandedNodes={expandedNodes}
3142
+
3143
+ - defaultExpanded={defaultExpandedNodes}
3144
+ + defaultExpandedNodes={defaultExpandedNodes}
3145
+ />
3146
+ ```
3147
+
3148
+ - The selection props have been renamed to better describe their behaviors:
3149
+
3150
+ | Old name | New name |
3151
+ | :---------------- | :---------------------- |
3152
+ | `onNodeSelect` | `onSelectedNodesChange` |
3153
+ | `selected` | `selectedNodes` |
3154
+ | `defaultSelected` | `defaultSelectedNodes` |
3155
+
3156
+ ```diff
3157
+ <TreeView
3158
+ - onNodeSelect={handleSelectionChange}
3159
+ + onSelectedNodesChange={handleSelectionChange}
3160
+
3161
+ - selected={selectedNodes}
3162
+ + selectedNodes={selectedNodes}
3163
+
3164
+ - defaultSelected={defaultSelectedNodes}
3165
+ + defaultSelectedNodes={defaultSelectedNodes}
3166
+ />
3167
+ ```
3168
+
3169
+ #### `@mui/x-tree-view@7.0.0-alpha.7`
3170
+
3171
+ - [TreeView] Improve the expansion API (#11476) @flaviendelangle
3172
+ - [TreeView] Improve the selection API (#11560) @flaviendelangle
3173
+ - [TreeView] Introduce the `items` prop (#11059) @flaviendelangle
3174
+
3175
+ ### Docs
3176
+
3177
+ - [docs] Add example for TreeView `onNodeExpansionToggle` prop (#11547) @flaviendelangle
3178
+ - [docs] Clarify Pickers usage with Luxon (#11545) @LukasTy
3179
+ - [docs] Complete transition to next branch (#11521) @oliviertassinari
3180
+ - [docs] Fix 404 links in the docs @oliviertassinari
3181
+ - [docs] Fix over page fetching @oliviertassinari
3182
+ - [docs] Lint `next.config.js` (#11514) @oliviertassinari
3183
+
3184
+ ### Core
3185
+
3186
+ - [core] Fix release changelog (#11496) @romgrk
3187
+ - [core] Fix use of ::before & ::after (#11515) @oliviertassinari
3188
+ - [core] Localize the issue template to MUI X (#11511) @oliviertassinari
3189
+ - [core] Regenerate API files (#11542) @flaviendelangle
3190
+ - [core] Remove issue emoji @oliviertassinari
3191
+ - [core] Sync the release instructions with MUI Core @oliviertassinari
3192
+ - [core] Yaml format match most common convention @oliviertassinari
3193
+
3194
+ ## 7.0.0-alpha.6
3195
+
3196
+ _Dec 22, 2023_
3197
+
3198
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
3199
+
3200
+ - 🎁 Data Grid now supports `Date` objects in the `filterModel`
3201
+ - 🌍 Improve Russian (ru-RU) locale on the Data Grid
3202
+ - 🐞 Bugfixes
3203
+
3204
+ ### Data Grid
3205
+
3206
+ #### Breaking changes
3207
+
3208
+ - The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
3209
+ - The `getOptionValue` and `getOptionLabel` props were removed from the following components:
3210
+
3211
+ - `GridEditSingleSelectCell`
3212
+ - `GridFilterInputSingleSelect`
3213
+ - `GridFilterInputMultipleSingleSelect`
3214
+
3215
+ Use the `getOptionValue` and `getOptionLabel` properties on the `singleSelect` column definition instead:
3216
+
3217
+ ```tsx
3218
+ const column: GridColDef = {
3219
+ type: 'singleSelect',
3220
+ field: 'country',
3221
+ valueOptions: [
3222
+ { code: 'BR', name: 'Brazil' },
3223
+ { code: 'FR', name: 'France' },
3224
+ ],
3225
+ getOptionValue: (value: any) => value.code,
3226
+ getOptionLabel: (value: any) => value.name,
3227
+ };
3228
+ ```
3229
+
3230
+ - The `filterModel` now supports `Date` objects as values for `date` and `dateTime` column types.
3231
+ The `filterModel` still accepts strings as values for `date` and `dateTime` column types,
3232
+ but all updates to the `filterModel` coming from the UI (for example filter panel) will set the value as a `Date` object.
3233
+
3234
+ #### `@mui/x-data-grid@7.0.0-alpha.6`
3235
+
3236
+ - [DataGrid] Fix typos in the JSDoc (#11451) @flaviendelangle
3237
+ - [DataGrid] Make `checkboxSelection` respect the `disableMultipleRowSelection` prop (#11448) @cherniavskii
3238
+ - [DataGrid] Support `Date` objects in filter model (#7069) @cherniavskii
3239
+ - [DataGrid] Use non-native `Select`s by default (#11330) @cherniavskii
3240
+ - [l10n] Improve Russian (ru-RU) locale (#11441) @wensiet
3241
+
3242
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3243
+
3244
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.6`.
3245
+
3246
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3247
+
3248
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.6`.
3249
+
3250
+ ### Date and Time Pickers
3251
+
3252
+ #### `@mui/x-date-pickers@7.0.0-alpha.6`
3253
+
3254
+ - [fields] Adjust `PickersInput` sizing styles (#11392) @noraleonte
3255
+ - [fields] Fix section pasting (#11447) @LukasTy
3256
+ - [pickers] Add `PickersTextField` `standard` and `filled` variants (#11250) @noraleonte
3257
+ - [pickers] Cleanup error messages in `PickersSectionList` (#11449) @flaviendelangle
3258
+ - [pickers] Create new component `PickersSectionList` (#11352) @flaviendelangle
3259
+
3260
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3261
+
3262
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.6`.
3263
+
3264
+ ### Charts / `@mui/x-charts@7.0.0-alpha.5`
3265
+
3266
+ - [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
3267
+ - [charts] Improve dataset typing (#11372) @alexfauquette
3268
+ - [charts] Make error message more explicit (#11457) @alexfauquette
3269
+ - [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
3270
+
3271
+ ### Docs
3272
+
3273
+ - [docs] Document `false` default values for boolean props (#11477) @cherniavskii
3274
+ - [docs] Improve Pickers `name` prop examples (#11422) @LukasTy
3275
+ - [docs] Limit `date-fns` package to v2 in codesandbox (#11463) @LukasTy
3276
+
3277
+ ### Core
3278
+
3279
+ - [core] Add missing breaking changes to changelog (#11420) @MBilalShafi
3280
+ - [core] Cherry pick follow up (#11469) @LukasTy
3281
+ - [core] Fix `cherry-pick` action (#11446) @LukasTy
3282
+ - [core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
3283
+ - [test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii
3284
+
3285
+ ## 7.0.0-alpha.5
3286
+
3287
+ _Dec 14, 2023_
3288
+
3289
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
3290
+
3291
+ - 💫 New recipe added for the Data Grid
3292
+ - 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
3293
+ - 🐞 Bugfixes
3294
+
3295
+ ### Data Grid
3296
+
3297
+ #### Breaking changes
3298
+
3299
+ - The `instanceId` prop is now required for state selectors.
3300
+ This prop is used to distinguish between multiple Data Grid instances on the same page.
3301
+ See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#instanceid-prop-is-required-for-state-selectors) for more details.
3302
+
3303
+ #### `@mui/x-data-grid@7.0.0-alpha.5`
3304
+
3305
+ - [DataGrid] Make `instanceId` required for state selectors (#11395) @cherniavskii
3306
+ - [DataGrid] Recipe for grouped rows autosizing (#11401) @michelengelen
3307
+ - [l10n] Improve Swedish (sv-SE) locale (#11373) @fredrikcarlbom
3308
+ - [l10n] Improve Urdu (ur-PK) locale (#11400) @MBilalShafi
3309
+
3310
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3311
+
3312
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.5`.
3313
+
3314
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3315
+
3316
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
3317
+
3318
+ ### Date and Time Pickers
3319
+
3320
+ #### Breaking changes
3321
+
3322
+ - The slot interfaces got renamed to match with `@mui/base` naming.
3323
+ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
3324
+
3325
+ ```diff
3326
+ -DateCalendarSlotsComponent
3327
+ -DateCalendarSlotsComponentsProps
3328
+ +DateCalendarSlots
3329
+ +DateCalendarSlotProps
3330
+ ```
3331
+
3332
+ - Move `inputRef` inside the props passed to the field hooks
3333
+
3334
+ The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
3335
+
3336
+ ```diff
3337
+ -const { inputRef, ...otherProps } = props
3338
+ -const fieldResponse = useDateField({ props: otherProps, inputRef });
3339
+ +const fieldResponse = useDateField(props);
3340
+ ```
3341
+
3342
+ If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
3343
+
3344
+ ```diff
3345
+ -const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
3346
+ -const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
3347
+
3348
+ const fieldResponse = useMultiInputDateRangeField({
3349
+ sharedProps,
3350
+ - startTextFieldProps: otherStartTextFieldProps,
3351
+ - endTextFieldProps: otherEndTextFieldProps,
3352
+ - startInputRef
3353
+ - endInputRef,
3354
+ + startTextFieldProps,
3355
+ + endTextFieldProps
3356
+ });
3357
+ ```
3358
+
3359
+ - Rename the ref returned by the field hooks to `inputRef`
3360
+
3361
+ When used with the v6 TextField approach (where the input is an `<input />` HTML element), the field hooks return a ref that needs to be passed to the `<input />` element.
3362
+ This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
3363
+
3364
+ ```diff
3365
+ const fieldResponse = useDateField(props);
3366
+
3367
+ -return <input ref={fieldResponse.ref} />
3368
+ +return <input ref={fieldResponse.inputRef} />
3369
+ ```
3370
+
3371
+ If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
3372
+
3373
+ ```diff
3374
+ const fieldResponse = useDateField(props);
3375
+
3376
+ return (
3377
+ <div>
3378
+ - <input ref={fieldResponse.startDate.ref} />
3379
+ + <input ref={fieldResponse.startDate.inputRef} />
3380
+ <span>–</span>
3381
+ - <input ref={fieldResponse.endDate.ref} />
3382
+ + <input ref={fieldResponse.endDate.inputRef} />
3383
+ </div>
3384
+ )
3385
+ ```
3386
+
3387
+ - Restructure the API of `useClearableField`
3388
+
3389
+ The `useClearableField` hook API has been simplified to now take a `props` parameter instead of a `fieldProps`, `InputProps`, `clearable`, `onClear`, `slots` and `slotProps` parameters.
3390
+
3391
+ You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
3392
+
3393
+ ```diff
3394
+ const fieldResponse = useDateField(props);
3395
+
3396
+ -const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
3397
+ -const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
3398
+ - fieldProps: otherFieldProps,
3399
+ - InputProps,
3400
+ - clearable,
3401
+ - onClear,
3402
+ - slots,
3403
+ - slotProps,
3404
+ -});
3405
+ -
3406
+ - return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
3407
+
3408
+ +const processedFieldProps = useClearableField(fieldResponse);
3409
+ +
3410
+ +return <MyCustomTextField {...processedFieldProps} />
3411
+ ```
3412
+
3413
+ #### `@mui/x-date-pickers@7.0.0-alpha.5`
3414
+
3415
+ - [fields] Support empty sections (#10307) @flaviendelangle
3416
+ - [pickers] Fix field types to avoid error on latest `@types/react` version (#11397) @LukasTy
3417
+ - [pickers] Remove all relative imports to the internals index file (#11375) @flaviendelangle
3418
+ - [pickers] Rename slots interfaces (#11339) @alexfauquette
3419
+ - [pickers] Simplify the API of the field hooks (#11371) @flaviendelangle
3420
+ - [pickers] Support name prop (#11025) @gitstart
3421
+
3422
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3423
+
3424
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.5`, plus:
3425
+
3426
+ - [DateRangePicker] Fix `autoFocus` behavior (#11273) @kealjones-wk
3427
+
3428
+ ### Charts / `@mui/x-charts@7.0.0-alpha.5`
3429
+
3430
+ - [charts] Fix size overflow (#11385) @alexfauquette
3431
+
3432
+ ### `@mui/x-codemod@7.0.0-alpha.5`
3433
+
3434
+ - [codemod] Add `cellSelection` codemod and update migration guide (#11353) @MBilalShafi
3435
+
3436
+ ### Docs
3437
+
3438
+ - [docs] Respect GoT books (@janoma) (#11387) @alexfauquette
3439
+
3440
+ ### Core
3441
+
3442
+ - [core] Automate cherry-pick of PRs from `next` -> `master` (#11382) @MBilalShafi
3443
+ - [infra] Update `no-response` workflow (#11369) @MBilalShafi
3444
+ - [test] Fix flaky screenshots (#11388) @cherniavskii
3445
+
3446
+ ## 7.0.0-alpha.4
3447
+
3448
+ _Dec 8, 2023_
3449
+
3450
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
3451
+
3452
+ - 🚀 The scatter charts now use voronoi to trigger items
3453
+
3454
+ Users needed to hover the item to highlight the scatter item or show the tooltip.
3455
+ Now they can interact with data by triggering the closest element. See the [docs page](https://next.mui.com/x/react-charts/scatter/#interaction) for more info.
3456
+
3457
+ - 📚 Add [Pickers FAQ page](https://next.mui.com/x/react-date-pickers/faq/)
3458
+ - 🎉 The Data Grid Header filters feature is now stable
3459
+ - 🌍 Improve Danish (da-DK) locale on Data Grid
3460
+ - 🐞 Bugfixes
3461
+
3462
+ ### Data Grid
3463
+
3464
+ #### Breaking changes
3465
+
3466
+ - The header filters feature is now stable. `unstable_` prefix is removed from prop `headerFilters` and related exports.
3467
+ See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#filtering) for more details.
3468
+
3469
+ - The `GridColDef['type']` has been narrowed down to only accept the built-in column types.
3470
+ TypeScript users need to use the `GridColDef` interface when defining columns:
3471
+
3472
+ ```tsx
3473
+ // 🛑 `type` is inferred as `string` and is too wide
3474
+ const columns = [{ type: 'number', field: 'id' }];
3475
+ <DataGrid columns={columns} />;
3476
+
3477
+ // ✅ `type` is `'number'`
3478
+ const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
3479
+ <DataGrid columns={columns} />;
3480
+
3481
+ // ✅ Alternalively, `as const` can be used to narrow down the type
3482
+ const columns = [{ type: 'number' as const, field: 'id' }];
3483
+ <DataGrid columns={columns} />;
3484
+ ```
3485
+
3486
+ #### `@mui/x-data-grid@7.0.0-alpha.4`
3487
+
3488
+ - [DataGrid] Added a guard for reorder cells (#11159) @michelengelen
3489
+ - [DataGrid] Narrow down `GridColDef['type']` (#11270) @cherniavskii
3490
+ - [l10n] Improve Danish (da-DK) locale (#11304) @goibon
3491
+
3492
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3493
+
3494
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.4`, plus:
3495
+
3496
+ - [DataGridPro] Make header filters feature stable (#11243) @MBilalShafi
3497
+
3498
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3499
+
3500
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.4`.
3501
+
3502
+ ### Date and Time Pickers
3503
+
3504
+ #### `@mui/x-date-pickers@7.0.0-alpha.4`
3505
+
3506
+ - [fields] Rework `PickersTextField` (#11258) @flaviendelangle
3507
+ - [pickers] Fix `MultiSectionDigitalClock` issues (#11305) @LukasTy
3508
+ - [pickers] Fix views height consistency (#11337) @LukasTy
3509
+
3510
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3511
+
3512
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.4`.
3513
+
3514
+ ### Charts / `@mui/x-charts@7.0.0-alpha.4`
3515
+
3516
+ - [charts] Remove animation on sparkline (#11311) @oliviertassinari
3517
+ - [charts] Use voronoi cells to trigger interaction with scatter items (#10981) @alexfauquette
3518
+ - [charts] Add `@mui/utils` as a dependency (#11351) @michelengelen
3519
+
3520
+ ### Docs
3521
+
3522
+ - [docs] Add FAQ page (#11271) @noraleonte
3523
+ - [docs] Add a doc section on how to override the start of the week with each adapter (#11223) @flaviendelangle
3524
+ - [docs] Added params to `onPaginationModelChange` docs (#10191) @JFBenzs
3525
+ - [docs] Fix typo (#11324) @cadam11
3526
+ - [docs] Improve `DemoContainer` styling coverage (#11315) @LukasTy
3527
+ - [docs] General revision of the Charts docs (#11249) @danilo-leal
3528
+
3529
+ ## 7.0.0-alpha.3
3530
+
3531
+ _Dec 4, 2023_
3532
+
3533
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
3534
+
3535
+ - 🚀 Support localized start of the week on pickers' `AdapterLuxon`
3536
+
3537
+ When using Luxon 3.4.4 or higher, the start of the week will be defined by the date locale (e.g.: Sunday for `en-US`, Monday for `fr-FR`).
3538
+
3539
+ - 📈 Fix a lot of Charts package issues
3540
+ - 🎉 The Data Grid features Cell selection and Clipboard paste are now stable
3541
+ - 🌍 Improve Bulgarian (bg-BG) locale on Data Grid
3542
+ - 🐞 Bugfixes
3543
+ - 📚 Documentation improvements
3544
+
3545
+ ### Data Grid
3546
+
3547
+ #### Breaking changes
3548
+
3549
+ - The clipboard paste feature is now enabled by default. The flag `clipboardPaste` is no longer needed to be passed to the `experimentalFeatures` prop.
3550
+
3551
+ - The clipboard related exports `ignoreValueFormatterDuringExport` and `splitClipboardPastedText` are no longer prefixed with `unstable_`.
3552
+
3553
+ - The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the `DataGrid` exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
3554
+
3555
+ - The `slots.preferencesPanel` slot and the `slotProps.preferencesPanel` prop were removed. Use `slots.panel` and `slotProps.panel` instead.
3556
+
3557
+ - The `GridPreferencesPanel` component is not exported anymore as it wasn't meant to be used outside of the Data Grid.
3558
+
3559
+ - The `unstable_` prefix has been removed from the cell selection props listed below.
3560
+
3561
+ | Old name | New name |
3562
+ | :------------------------------------ | :--------------------------- |
3563
+ | `unstable_cellSelection` | `cellSelection` |
3564
+ | `unstable_cellSelectionModel` | `cellSelectionModel` |
3565
+ | `unstable_onCellSelectionModelChange` | `onCellSelectionModelChange` |
3566
+
3567
+ - The `unstable_` prefix has been removed from the cell selection API methods listed below.
3568
+
3569
+ | Old name | New name |
3570
+ | :--------------------------------- | :------------------------ |
3571
+ | `unstable_getCellSelectionModel` | `getCellSelectionModel` |
3572
+ | `unstable_getSelectedCellsAsArray` | `getSelectedCellsAsArray` |
3573
+ | `unstable_isCellSelected` | `isCellSelected` |
3574
+ | `unstable_selectCellRange` | `selectCellRange` |
3575
+ | `unstable_setCellSelectionModel` | `setCellSelectionModel` |
3576
+
3577
+ - The Quick Filter now ignores hidden columns by default.
3578
+ See [including hidden columns](https://next.mui.com/x/react-data-grid/filtering/quick-filter/#including-hidden-columns) section for more details.
3579
+
3580
+ #### `@mui/x-data-grid@7.0.0-alpha.3`
3581
+
3582
+ - [DataGrid] Fix cell editing adding a leading "v" on paste (#9205) @prasad5795
3583
+ - [DataGrid] Exclude hidden columns from quick filtering by default (#11229) @cherniavskii
3584
+ - [DataGrid] Fix `onFilterModelChange` being fired with stale field value (#11000) @gitstart
3585
+ - [DataGrid] Fix handling of event target in portal (#11174) @cherniavskii
3586
+ - [DataGrid] Remove deprecated constants (#11233) @michelengelen
3587
+ - [DataGrid] Remove the `preferencesPanel` slot (#11228) @cherniavskii
3588
+ - [l10n] Improve Bulgarian (bg-BG) locale (#10856) @Kristiqn95
3589
+
3590
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3591
+
3592
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.3`.
3593
+
3594
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3595
+
3596
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.3`, plus:
3597
+
3598
+ - [DataGridPremium] Fix aggregated column ignoring column definition changes (#11129) @cherniavskii
3599
+ - [DataGridPremium] Make Cell selection feature stable (#11246) @MBilalShafi
3600
+ - [DataGridPremium] Make Clipboard paste feature stable (#11248) @MBilalShafi
3601
+
3602
+ ### Date and Time Pickers
3603
+
3604
+ #### Breaking changes
3605
+
3606
+ - The Date and Time Pickers now use the localized week when using `AdapterLuxon` and Luxon v3.4.4 or higher is installed.
3607
+ This new behavior allows `AdapterLuxon` to have the same behavior as the other adapters.
3608
+ If you want to keep the start of the week on Monday even if your locale says otherwise, you can hardcode the week settings as follows:
3609
+ The Firefox browser currently does not support this behavior because the [getWeekInfo](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getWeekInfo) API is not yet implemented.
3610
+
3611
+ ```ts
3612
+ import { Settings, Info } from 'luxon';
3613
+
3614
+ Settings.defaultWeekSettings = {
3615
+ firstDay: 1,
3616
+ minimalDays: Info.getMinimumDaysInFirstWeek(),
3617
+ weekend: [6, 7],
3618
+ };
3619
+ ```
3620
+
3621
+ - Add new parameters to the `shortcuts` slot `onChange` callback
3622
+
3623
+ The `onChange` callback fired when selecting a shortcut now requires two new parameters (previously they were optional):
3624
+
3625
+ - The [`changeImportance`](/x/react-date-pickers/shortcuts/#behavior-when-selecting-a-shortcut) of the shortcut.
3626
+ - The `item` containing the entire shortcut object.
3627
+
3628
+ ```diff
3629
+ const CustomShortcuts = (props) => {
3630
+ return (
3631
+ <React.Fragment>
3632
+ {props.items.map(item => {
3633
+ const value = item.getValue({ isValid: props.isValid });
3634
+ return (
3635
+ <button
3636
+ - onClick={() => onChange(value)}
3637
+ + onClick={() => onChange(value, props.changeImportance ?? 'accept', item)}
3638
+ >
3639
+ {value}
3640
+ </button>
3641
+ )
3642
+ }}
3643
+ </React.Fragment>
3644
+ )
3645
+ }
3646
+
3647
+ <DatePicker slots={{ shortcuts: CustomShortcuts }} />
3648
+ ```
3649
+
3650
+ - Usage of `AdapterDayjs` with the `customParseFormat` plugin
3651
+ The call to `dayjs.extend(customParseFormatPlugin)` has been moved to the `AdapterDayjs` constructor. This allows users to pass custom options to this plugin before the adapter uses it.
3652
+
3653
+ If you are using this plugin before the rendering of the first `LocalizationProvider` component and did not call `dayjs.extend` in your own codebase, you will need to manually extend `dayjs`:
3654
+
3655
+ ```tsx
3656
+ import dayjs from 'dayjs';
3657
+ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
3658
+
3659
+ dayjs.extend(customParseFormatPlugin);
3660
+ ```
3661
+
3662
+ The other plugins are still added before the adapter initialization.
3663
+
3664
+ #### `@mui/x-date-pickers@7.0.0-alpha.3`
3665
+
3666
+ - [pickers] Expand field placeholder methods flexibility by providing `format` parameter (#11130) @LukasTy
3667
+ - [pickers] Make `changeImportance` and `shortcut` mandatory in `PickersShortcuts` (#10941) @flaviendelangle
3668
+ - [pickers] Moved extend with `customParseFormat` to constructor (#11151) @michelengelen
3669
+ - [pickers] POC: `PickersTextField` styling - outlined variant (#10778) @noraleonte
3670
+ - [pickers] Support localized start of the week on `AdapterLuxon` (#10964) @flaviendelangle
3671
+ - [pickers] Use adapter methods instead of date library ones whenever possible (#11142) @flaviendelangle
3672
+
3673
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3674
+
3675
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.3`.
3676
+
3677
+ ### Charts / `@mui/x-charts@7.0.0-alpha.3`
3678
+
3679
+ - [charts] Adjusted `defaultizeValueFormatter` util to accept an optional `series.valueFormatter` value (#11144) @michelengelen
3680
+ - [charts] Apply `labelStyle` and `tickLabelStyle` props on `<ChartsYAxis />` (#11180) @akamfoad
3681
+ - [charts] Fix TypeScript config (#11259) @alexfauquette
3682
+ - [charts] Fix error with empty dataset (#11063) @alexfauquette
3683
+ - [charts] Fix export strategy (#11235) @alexfauquette
3684
+ - [charts] Remove outdated prop-types (#11045) @alexfauquette
3685
+
3686
+ ### Docs
3687
+
3688
+ - [docs] Add `TextField` styling example to customization playground (#10812) @noraleonte
3689
+ - [docs] Add a card grid to the installation page (#11177) @danilo-leal
3690
+ - [docs] Add end v6 blogpost to whats new page (#10999) @joserodolfofreitas
3691
+ - [docs] Add small formatting improvements to the licensing page (#11178) @danilo-leal
3692
+ - [docs] Document charts composition (#10710) (#11239) @alexfauquette
3693
+ - [docs] Fix <title> generation (#11182) @oliviertassinari
3694
+ - [docs] Fix dead anchor link (#11265) @oliviertassinari
3695
+ - [docs] Improve Data Grid togglable columns example (#11238) @MBilalShafi
3696
+ - [docs] Improve the prop descriptions of `DayCalendar` (#11158) @flaviendelangle
3697
+ - [docs] Move the adapter breaking changes in a collapsable block (#11205) @flaviendelangle
3698
+ - [docs] Polish Next.js header description @oliviertassinari
3699
+ - [docs] Remove the `newFeature` flag on v6 features (#11168) @flaviendelangle
3700
+ - [docs] Simplify a bit chart demo (#11173) @oliviertassinari
3701
+ - [docs] Standardize the usage of callouts in the MUI X docs (#7127) @samuelsycamore
3702
+ - [docs] Adjust the Data Grid demo page design (#11231) @danilo-leal
3703
+
3704
+ ### Core
3705
+
3706
+ - [core] Make `@mui/system` a direct dependency (#11128) @LukasTy
3707
+ - [core] Remove blank lines, coding style @oliviertassinari
3708
+ - [core] Remove outdated `ENABLE_AD` env variable (#11181) @oliviertassinari
3709
+ - [github] Do not add `plan: Pro` and `plan: Premium` labels on Pro / Premium issue templates (#10183) @flaviendelangle
3710
+
3711
+ ## 7.0.0-alpha.2
3712
+
3713
+ _Nov 23, 2023_
3714
+
3715
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
3716
+
3717
+ - 📈 Export missing Charts props
3718
+ - 🌍 Improve Arabic (ar-SD) and Hebrew (he-IL) locales on Data Grid
3719
+ - 🌍 Add Macedonian (mk) locale and improve German (de-DE) locale on Pickers
3720
+ - 🐞 Bugfixes
3721
+ - 📚 Documentation improvements
3722
+
3723
+ ### Data Grid
3724
+
3725
+ #### `@mui/x-data-grid@7.0.0-alpha.2`
3726
+
3727
+ - [l10n] Improve Arabic (ar-SD) locale (#11114) @MBilalShafi
3728
+ - [l10n] Improve Hebrew (he-IL) locale (#11056) (#11149) @MBilalShafi
3729
+ - [DataGrid] Remove unused utilities (#11156) @flaviendelangle
3730
+
3731
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3732
+
3733
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.2`.
3734
+
3735
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3736
+
3737
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.2`.
3738
+
3739
+ ### Date and Time Pickers
3740
+
3741
+ #### Breaking changes
3742
+
3743
+ - The deprecated `shouldDisableClock` prop has been removed in favor of the more flexible `shouldDisableTime` prop.
3744
+ The `shouldDisableClock` prop received `value` as a `number` of hours, minutes, or seconds.
3745
+ Instead, the `shouldDisableTime` prop receives the date object (based on the used adapter).
3746
+
3747
+ You can read more about the deprecation of this prop in [v6 migration guide](https://next.mui.com//x/migration/migration-pickers-v5/#%E2%9C%85-rename-or-refactor-shoulddisabletime-prop).
3748
+
3749
+ ```diff
3750
+ <DateTimePicker
3751
+ - shouldDisableClock={(timeValue, view) => view === 'hours' && timeValue < 12}
3752
+ + shouldDisableTime={(value, view) => view === 'hours' && value.hour() < 12}
3753
+ />
3754
+ ```
3755
+
3756
+ - The `adapter.dateWithTimezone` method has been removed and its content moved to the `date` method.
3757
+ You can use the `adapter.date` method instead:
3758
+
3759
+ ```diff
3760
+ - adapter.dateWithTimezone(undefined, 'system');
3761
+ + adapter.date(undefined, 'system');
3762
+ ```
3763
+
3764
+ - The `dayPickerClasses` variable has been renamed to `dayCalendarClasses` to be consistent with the new name of the `DayCalendar` component introduced in v6.0.0.
3765
+
3766
+ ```diff
3767
+ - import { dayPickerClasses } from '@mui/x-date-pickers/DateCalendar';
3768
+ + import { dayCalendarClasses } from '@mui/x-date-pickers/DateCalendar';
3769
+ ```
3770
+
3771
+ - The deprecated `defaultCalendarMonth` prop has been removed in favor of the more flexible `referenceDate` prop.
3772
+
3773
+ ```diff
3774
+ - <DateCalendar defaultCalendarMonth={dayjs('2022-04-01')};
3775
+ + <DateCalendar referenceDate{dayjs('2022-04-01')} />
3776
+ ```
3777
+
3778
+ - The `adapter.date` method now has the v6 `adapter.dateWithTimezone` method behavior.
3779
+ It no longer accepts `any` as a value but only `string | null | undefined`.
3780
+
3781
+ ```diff
3782
+ - adapter.date(new Date());
3783
+ + adapter.date();
3784
+
3785
+ - adapter.date(new Date('2022-04-17');
3786
+ + adapter.date('2022-04-17');
3787
+
3788
+ - adapter.date(new Date(2022, 3, 17, 4, 5, 34));
3789
+ + adapter.date('2022-04-17T04:05:34');
3790
+
3791
+ - adapter.date(new Date('Invalid Date'));
3792
+ + adapter.getInvalidDate();
3793
+ ```
3794
+
3795
+ #### `@mui/x-date-pickers@7.0.0-alpha.2`
3796
+
3797
+ - [l10n] Improve German (de-DE) locale (#11103) @jho-vema
3798
+ - [l10n] Add Macedonian (mk) locale (#10935) @brsnik
3799
+ - [pickers] Remove the `defaultCalendarMonth` prop (#10987) @flaviendelangle
3800
+ - [pickers] Remove the `shouldDisableClock` prop (#11042) @flaviendelangle
3801
+ - [pickers] Rename the `dayPickerClasses` variable `dayCalendarClasses` (#11140) @flaviendelangle
3802
+ - [pickers] Replace `adapter.date` with the current `adapter.dateWithTimezone` (#10979) @flaviendelangle
3803
+
3804
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3805
+
3806
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.2`.
3807
+
3808
+ ### Charts / `@mui/x-charts@7.0.0-alpha.2`
3809
+
3810
+ - [charts] Change export strategy in index files (#11113) @michelengelen
3811
+ - [charts] Fix `ChartsTooltip` component setup (#11152) @LukasTy
3812
+
3813
+ ### `@mui/x-codemod@7.0.0-alpha.2`
3814
+
3815
+ - [codemod] Add codemod to use `referenceDate` instead of `defaultCalendarMonth` (#11139) @flaviendelangle
3816
+ - [codemod] Clean the components to slots codemod usage (#11145) @flaviendelangle
3817
+
3818
+ ### Docs
3819
+
3820
+ - [docs] Add LTS section to support docs (#10927) @joserodolfofreitas
3821
+ - [docs] Clean the codemod README (#11051) @flaviendelangle
3822
+ - [docs] Fix typos and grammar issues (#11049) @flaviendelangle
3823
+ - [docs] Fix version links (#11001) @LukasTy
3824
+ - [docs] Point to the source of `@mui/x-data-grid-generator` (#11134) @oliviertassinari
3825
+
3826
+ ### Core
3827
+
3828
+ - [core] Bump monorepo (#11160) @LukasTy
3829
+ - [core] Fix comment in doc generation (#11098) @flaviendelangle
3830
+ - [core] Rename OpenCollective @oliviertassinari
3831
+ - [core] Upgrade `babel-plugin-module-resolver` to 5.0.0 (#11065) @flaviendelangle
3832
+ - [changelog] Improve git diff format @oliviertassinari
3833
+ - [renovate] Monthly schedule for lockfile maintenance (#10336) @Janpot
3834
+ - [test] Skip flaky e2e test in webkit (#11110) @cherniavskii
3835
+
3836
+ ## 7.0.0-alpha.1
3837
+
3838
+ _Nov 17, 2023_
3839
+
3840
+ We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
3841
+
3842
+ - 🐞 Bugfixes
3843
+ - 📚 Documentation improvements
3844
+
3845
+ ### Date and Time Pickers
3846
+
3847
+ #### `@mui/x-date-pickers@7.0.0-alpha.1` / `@mui/x-date-pickers-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3848
+
3849
+ #### Breaking changes
3850
+
3851
+ - The string argument of the `dayOfWeekFormatter` prop has been replaced in favor of the date object to allow more flexibility.
3852
+
3853
+ ```diff
3854
+ <DateCalendar
3855
+ // If you were still using the day string, you can get it back with your date library.
3856
+ - dayOfWeekFormatter={dayStr => `${dayStr}.`}
3857
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
3858
+
3859
+ // If you were already using the day object, just remove the first argument.
3860
+ - dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
3861
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
3862
+ />
3863
+ ```
3864
+
3865
+ - The imports related to the `calendarHeader` slot have been moved from `@mui/x-date-pickers/DateCalendar` to `@mui/x-date-pickers/PIckersCalendarHeader`:
3866
+
3867
+ ```diff
3868
+ export {
3869
+ pickersCalendarHeaderClasses,
3870
+ PickersCalendarHeaderClassKey,
3871
+ PickersCalendarHeaderClasses,
3872
+ PickersCalendarHeader,
3873
+ PickersCalendarHeaderProps,
3874
+ PickersCalendarHeaderSlotsComponent,
3875
+ PickersCalendarHeaderSlotsComponentsProps,
3876
+ ExportedPickersCalendarHeaderProps,
3877
+ -} from '@mui/x-date-pickers/DateCalendar';
3878
+ +} from '@mui/x-date-pickers/PickersCalendarHeader';
3879
+
3880
+ ```
3881
+
3882
+ - The `monthAndYear` format has been removed.
3883
+ It was used in the header of the calendar views, you can replace it with the new `format` prop of the `calendarHeader` slot:
3884
+
3885
+ ```diff
3886
+ <LocalizationProvider
3887
+ adapter={AdapterDayJS}
3888
+ - formats={{ monthAndYear: 'MM/YYYY' }}
3889
+ />
3890
+ <DatePicker
3891
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
3892
+ />
3893
+ <DateRangePicker
3894
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
3895
+ />
3896
+ <LocalizationProvider />
3897
+ ```
3898
+
3899
+ - The `adapter.getDiff` method have been removed, you can directly use your date library:
3900
+
3901
+ ```diff
3902
+ // For Day.js
3903
+ -const diff = adapter.getDiff(value, comparing, unit);
3904
+ +const diff = value.diff(comparing, unit);
3905
+
3906
+ // For Luxon
3907
+ -const diff = adapter.getDiff(value, comparing, unit);
3908
+ +const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
3909
+ + const parsedComparing = typeof comparing === 'string'
3910
+ + ? DateTime.fromJSDate(new Date(comparing))
3911
+ + : comparing;
3912
+ + if (unit) {
3913
+ + return Math.floor(value.diff(comparing).as(unit));
3914
+ + }
3915
+ + return value.diff(comparing).as('millisecond');
3916
+ +};
3917
+ +
3918
+ +const diff = getDiff(value, comparing, unit);
3919
+
3920
+ // For DateFns
3921
+ -const diff = adapter.getDiff(value, comparing, unit);
3922
+ +const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
3923
+ + const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
3924
+ + switch (unit) {
3925
+ + case 'years':
3926
+ + return dateFns.differenceInYears(value, parsedComparing);
3927
+ + case 'quarters':
3928
+ + return dateFns.differenceInQuarters(value, parsedComparing);
3929
+ + case 'months':
3930
+ + return dateFns.differenceInMonths(value, parsedComparing);
3931
+ + case 'weeks':
3932
+ + return dateFns.differenceInWeeks(value, parsedComparing);
3933
+ + case 'days':
3934
+ + return dateFns.differenceInDays(value, parsedComparing);
3935
+ + case 'hours':
3936
+ + return dateFns.differenceInHours(value, parsedComparing);
3937
+ + case 'minutes':
3938
+ + return dateFns.differenceInMinutes(value, parsedComparing);
3939
+ + case 'seconds':
3940
+ + return dateFns.differenceInSeconds(value, parsedComparing);
3941
+ + default: {
3942
+ + return dateFns.differenceInMilliseconds(value, parsedComparing);
3943
+ + }
3944
+ + }
3945
+ +};
3946
+ +
3947
+ +const diff = getDiff(value, comparing, unit);
3948
+
3949
+ // For Moment
3950
+ -const diff = adapter.getDiff(value, comparing, unit);
3951
+ +const diff = value.diff(comparing, unit);
3952
+ ```
3953
+
3954
+ - The `adapter.getFormatHelperText` method have been removed, you can use the `adapter.expandFormat` instead:
3955
+
3956
+ ```diff
3957
+ -const expandedFormat = adapter.getFormatHelperText(format);
3958
+ +const expandedFormat = adapter.expandFormat(format);
3959
+ ```
3960
+
3961
+ And if you need the exact same output you can apply the following transformation:
3962
+
3963
+ ```diff
3964
+ // For Day.js
3965
+ -const expandedFormat = adapter.getFormatHelperText(format);
3966
+ +const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
3967
+
3968
+ // For Luxon
3969
+ -const expandedFormat = adapter.getFormatHelperText(format);
3970
+ +const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
3971
+
3972
+ // For DateFns
3973
+ -const expandedFormat = adapter.getFormatHelperText(format);
3974
+ +const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
3975
+
3976
+ // For Moment
3977
+ -const expandedFormat = adapter.getFormatHelperText(format);
3978
+ +const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
3979
+ ```
3980
+
3981
+ - The `adapter.getMeridiemText` method have been removed, you can use the `adapter.setHours`, `adapter.date` and `adapter.format` methods to recreate its behavior:
3982
+
3983
+ ```diff
3984
+ -const meridiem = adapter.getMeridiemText('am');
3985
+ +const getMeridiemText = (meridiem: 'am' | 'pm') => {
3986
+ + const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
3987
+ + return utils.format(date, 'meridiem');
3988
+ +};
3989
+ +
3990
+ +const meridiem = getMeridiemText('am');
3991
+ ```
3992
+
3993
+ - The `adapter.getMonthArray` method have been removed, you can use the `adapter.startOfYear` and `adapter.addMonths` methods to recreate its behavior:
3994
+
3995
+ ```diff
3996
+ -const monthArray = adapter.getMonthArray(value);
3997
+ +const getMonthArray = (year) => {
3998
+ + const firstMonth = utils.startOfYear(year);
3999
+ + const months = [firstMonth];
4000
+ +
4001
+ + while (months.length < 12) {
4002
+ + const prevMonth = months[months.length - 1];
4003
+ + months.push(utils.addMonths(prevMonth, 1));
4004
+ + }
4005
+ +
4006
+ + return months;
4007
+ +}
4008
+ +
4009
+ +const monthArray = getMonthArray(value);
4010
+ ```
4011
+
4012
+ - The `adapter.getNextMonth` method have been removed, you can use the `adapter.addMonths` method instead:
4013
+
4014
+ ```diff
4015
+ -const nextMonth = adapter.getNextMonth(value);
4016
+ +const nextMonth = adapter.addMonths(value, 1);
4017
+ ```
4018
+
4019
+ - The `adapter.getPreviousMonth` method have been removed, you can use the `adapter.addMonths` method instead:
4020
+
4021
+ ```diff
4022
+ -const previousMonth = adapter.getPreviousMonth(value);
4023
+ +const previousMonth = adapter.addMonths(value, -1);
4024
+ ```
4025
+
4026
+ - The `adapter.getWeekdays` method have been removed, you can use the `adapter.startOfWeek` and `adapter.addDays` methods instead:
4027
+
4028
+ ```diff
4029
+ -const weekDays = adapter.getWeekdays(value);
4030
+ +const getWeekdays = (value) => {
4031
+ + const start = adapter.startOfWeek(value);
4032
+ + return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
4033
+ +};
4034
+ +
4035
+ +const weekDays = getWeekdays(value);
4036
+ ```
4037
+
4038
+ - The `isNull` method have been removed, you can replace it with a very basic check:
4039
+
4040
+ ```diff
4041
+ -const isNull = adapter.isNull(value);
4042
+ +const isNull = value === null;
4043
+ ```
4044
+
4045
+ - The `adapter.mergeDateAndTime` method have been removed, you can use the `adapter.setHours`, `adapter.setMinutes`, and `adapter.setSeconds` methods to recreate its behavior:
4046
+
4047
+ ```diff
4048
+ -const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
4049
+ +const mergeDateAndTime = <TDate>(
4050
+ + dateParam,
4051
+ + timeParam,
4052
+ + ) => {
4053
+ + let mergedDate = dateParam;
4054
+ + mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
4055
+ + mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
4056
+ + mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
4057
+ +
4058
+ + return mergedDate;
4059
+ + };
4060
+ +
4061
+ +const result = mergeDateAndTime(valueWithDate, valueWithTime);
4062
+ ```
4063
+
4064
+ - The `adapter.parseISO` method have been removed, you can directly use your date library:
4065
+
4066
+ ```diff
4067
+ // For Day.js
4068
+ -const value = adapter.parseISO(isoString);
4069
+ +const value = dayjs(isoString);
4070
+
4071
+ // For Luxon
4072
+ -const value = adapter.parseISO(isoString);
4073
+ +const value = DateTime.fromISO(isoString);
4074
+
4075
+ // For DateFns
4076
+ -const value = adapter.parseISO(isoString);
4077
+ +const value = dateFns.parseISO(isoString);
4078
+
4079
+ // For Moment
4080
+ -const value = adapter.parseISO(isoString);
4081
+ +const value = moment(isoString, true);
4082
+ ```
4083
+
4084
+ - The `adapter.toISO` method have been removed, you can directly use your date library:
4085
+
4086
+ ```diff
4087
+ // For Day.js
4088
+ -const isoString = adapter.toISO(value);
4089
+ +const isoString = value.toISOString();
4090
+
4091
+ // For Luxon
4092
+ -const isoString = adapter.toISO(value);
4093
+ +const isoString = value.toUTC().toISO({ format: 'extended' });
4094
+
4095
+ // For DateFns
4096
+ -const isoString = adapter.toISO(value);
4097
+ +const isoString = dateFns.formatISO(value, { format: 'extended' });
4098
+
4099
+ // For Moment
4100
+ -const isoString = adapter.toISO(value);
4101
+ +const isoString = value.toISOString();
4102
+ ```
4103
+
4104
+ - The `adapter.isEqual` method used to accept any type of value for its two input and tried to parse them before checking if they were equal.
4105
+ The method has been simplified and now only accepts an already-parsed date or `null` (ie: the same formats used by the `value` prop in the pickers)
4106
+
4107
+ ```diff
4108
+ const adapterDayjs = new AdapterDayjs();
4109
+ const adapterLuxon = new AdapterLuxon();
4110
+ const adapterDateFns = new AdapterDateFns();
4111
+ const adapterMoment = new AdatperMoment();
4112
+
4113
+ // Supported formats
4114
+ const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters
4115
+ const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
4116
+ const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
4117
+ const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17'));
4118
+
4119
+ // Non-supported formats (JS Date)
4120
+ -const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));
4121
+ +const isEqual = adapterDayjs.isEqual(dayjs(), dayjs('2022-04-17'));
4122
+
4123
+ -const isEqual = adapterLuxon.isEqual(new Date(), new Date('2022-04-17'));
4124
+ +const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
4125
+
4126
+ -const isEqual = adapterMoment.isEqual(new Date(), new Date('2022-04-17'));
4127
+ +const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
4128
+
4129
+ // Non-supported formats (string)
4130
+ -const isEqual = adapterDayjs.isEqual('2022-04-16', '2022-04-17');
4131
+ +const isEqual = adapterDayjs.isEqual(dayjs('2022-04-17'), dayjs('2022-04-17'));
4132
+
4133
+ -const isEqual = adapterLuxon.isEqual('2022-04-16', '2022-04-17');
4134
+ +const isEqual = adapterLuxon.isEqual(DateTime.fromISO('2022-04-17'), DateTime.fromISO('2022-04-17'));
4135
+
4136
+ -const isEqual = adapterMoment.isEqual('2022-04-16', '2022-04-17');
4137
+ +const isEqual = adapterMoment.isEqual(moment('2022-04-17'), moment('2022-04-17'));
4138
+
4139
+ -const isEqual = adapterDateFns.isEqual('2022-04-16', '2022-04-17');
4140
+ +const isEqual = adapterDateFns.isEqual(new Date('2022-04-17'), new Date('2022-04-17'));
4141
+ ```
4142
+
4143
+ - The `dateLibInstance` prop of `LocalizationProvider` does not work with `AdapterDayjs` anymore (#11023). This prop was used to set the pickers in UTC mode before the implementation of a proper timezone support in the components.
4144
+ You can learn more about the new approach on the [dedicated doc page](https://mui.com/x/react-date-pickers/timezone/).
4145
+
4146
+ ```diff
4147
+ // When a `value` or a `defaultValue` is provided
4148
+ <LocalizationProvider
4149
+ adapter={AdapterDayjs}
4150
+ - dateLibInstance={dayjs.utc}
4151
+ >
4152
+ <DatePicker value={dayjs.utc('2022-04-17')} />
4153
+ </LocalizationProvider>
4154
+
4155
+ // When no `value` or `defaultValue` is provided
4156
+ <LocalizationProvider
4157
+ adapter={AdapterDayjs}
4158
+ - dateLibInstance={dayjs.utc}
4159
+ >
4160
+ - <DatePicker />
4161
+ + <DatePicker timezone="UTC" />
4162
+ </LocalizationProvider>
4163
+ ```
4164
+
4165
+ - The property `hasLeadingZeros` has been removed from the sections in favor of the more precise `hasLeadingZerosInFormat` and `hasLeadingZerosInInput` properties (#10994). To keep the same behavior, you can replace it by `hasLeadingZerosInFormat`:
4166
+
4167
+ ```diff
4168
+ const fieldRef = React.useRef<FieldRef<FieldSection>>(null);
4169
+
4170
+ React.useEffect(() => {
4171
+ const firstSection = fieldRef.current!.getSections()[0];
4172
+ - console.log(firstSection.hasLeadingZeros);
4173
+ + console.log(firstSection.hasLeadingZerosInFormat);
4174
+ }, []);
4175
+
4176
+ return (
4177
+ <DateField unstableFieldRef={fieldRef} />
4178
+ );
4179
+ ```
4180
+
4181
+ - The `adapter.getYearRange` method used to accept two params and now accepts a tuple to be consistent with the `adapter.isWithinRange` method (#10978):
4182
+
4183
+ ```diff
4184
+ -adapter.getYearRange(start, end);
4185
+ +adapter.getYearRange([start, end])
4186
+ ```
4187
+
4188
+ - The `adapter.isValid` method used to accept any type of value and tried to parse them before checking their validity (#10971).
4189
+ The method has been simplified and now only accepts an already-parsed date or `null`.
4190
+ Which is the same type as the one accepted by the components `value` prop.
4191
+
4192
+ ```diff
4193
+ const adapterDayjs = new AdapterDayjs();
4194
+ const adapterLuxon = new AdapterLuxon();
4195
+ const adapterDateFns = new AdapterDateFns();
4196
+ const adapterMoment = new AdatperMoment();
4197
+
4198
+ // Supported formats
4199
+ const isValid = adapterDayjs.isValid(null); // Same for the other adapters
4200
+ const isValid = adapterLuxon.isValid(DateTime.now());
4201
+ const isValid = adapterMoment.isValid(moment());
4202
+ const isValid = adapterDateFns.isValid(new Date());
4203
+
4204
+ // Non-supported formats (JS Date)
4205
+ -const isValid = adapterDayjs.isValid(new Date('2022-04-17'));
4206
+ +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
4207
+
4208
+ -const isValid = adapterLuxon.isValid(new Date('2022-04-17'));
4209
+ +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
4210
+
4211
+ -const isValid = adapterMoment.isValid(new Date('2022-04-17'));
4212
+ +const isValid = adapterMoment.isValid(moment('2022-04-17'));
4213
+
4214
+ // Non-supported formats (string)
4215
+ -const isValid = adapterDayjs.isValid('2022-04-17');
4216
+ +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
4217
+
4218
+ -const isValid = adapterLuxon.isValid('2022-04-17');
4219
+ +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
4220
+
4221
+ -const isValid = adapterMoment.isValid('2022-04-17');
4222
+ +const isValid = adapterMoment.isValid(moment('2022-04-17'));
4223
+
4224
+ -const isValid = adapterDateFns.isValid('2022-04-17');
4225
+ +const isValid = adapterDateFns.isValid(new Date('2022-04-17'));
4226
+ ```
4227
+
4228
+ #### Changes
4229
+
4230
+ - [pickers] Change the input format of `adapter.getYearRange` to be consistent with `adapter.isWithinRange` (#10978) @flaviendelangle
4231
+ - [pickers] Clean remaining `components` / `componentsProps` typings (#11040) @flaviendelangle
4232
+ - [pickers] Modify `adapter.isEqual` method to accept `TDate | null` instead of `any` (#10976) @flaviendelangle
4233
+ - [pickers] Modify `adapter.isValid` method to accept `TDate | null` instead of `any` (#10971) @flaviendelangle
4234
+ - [pickers] Remove the `hasLeadingZeros` property from `FieldSection` (#10994) @flaviendelangle
4235
+ - [pickers] Remove the deprecated methods and formats from the adapters (#10776) @flaviendelangle
4236
+ - [pickers] Remove the legacy UTC implementation for `dayjs` (#11023) @flaviendelangle
4237
+ - [pickers] Remove unused code (#11048) @flaviendelangle
4238
+ - [pickers] Move the exports of the `calendarHeader` slot to `@mui/x-date-pickers/PickersCalendarHeader` (#11020) @flaviendelangle
4239
+ - [DateCalendar] Allow to override the format of the header with a prop (#10990) @flaviendelangle
4240
+ - [DateCalendar] Remove the string argument of the `dayOfWeekFormatter` prop (#10992) @flaviendelangle
4241
+
4242
+ ### Docs
4243
+
4244
+ - [docs] Fix incorrect component name in the "Custom slots and subcomponents" page (#11024) @flaviendelangle
4245
+ - [docs] Fix typos in pickers migration guide (#11057) @flaviendelangle
4246
+
4247
+ ### Core
4248
+
4249
+ - [core] Clean the component slots doc generation (#11021) @flaviendelangle
4250
+ - [core] Fix script to release with `next` tag (#10996) @LukasTy
4251
+ - [test] Wait for images to load (#11004) @cherniavskii
4252
+
4253
+ ## 7.0.0-alpha.0
4254
+
4255
+ _Nov 10, 2023_
4256
+
4257
+ We're thrilled to announce the first alpha release of our next major version, v7.
4258
+ This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
4259
+
4260
+ A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
4261
+
4262
+ - 🚀 First v7 alpha release
4263
+ - ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
4264
+ - 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
4265
+ - 💫 New recipes added for the data grid
4266
+ - 📈 `<ChartsReferenceLine />` component is now available
4267
+ - 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
4268
+ - 🐞 Bugfixes
4269
+ - 📚 Documentation improvements
4270
+
4271
+ ### Data Grid
4272
+
4273
+ #### Breaking changes
4274
+
4275
+ - The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead. See [components section](/x/react-data-grid/components/) for more details.
4276
+ - The print export will now only print the selected rows if there are any.
4277
+ If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
4278
+ You can [customize the rows to export by using the `getRowsToExport` function](/x/react-data-grid/export/#customizing-the-rows-to-export).
4279
+ - The `getApplyFilterFnV7` in `GridFilterOperator` was renamed to `getApplyFilterFn`.
4280
+ If you use `getApplyFilterFnV7` directly - rename it to `getApplyFilterFn`.
4281
+ - The signature of the function returned by `getApplyFilterFn` has changed for performance reasons:
4282
+
4283
+ ```diff
4284
+ const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
4285
+ if (!filterItem.value) {
4286
+ return null;
4287
+ }
4288
+ const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
4289
+ - return (cellParams) => {
4290
+ - const { value } = cellParams;
4291
+ + return (value, row, colDef, apiRef) => {
4292
+ return value != null ? filterRegex.test(String(value)) : false;
4293
+ };
4294
+ }
4295
+ ```
4296
+
4297
+ - The `getApplyQuickFilterFnV7` in `GridColDef` was renamed to `getApplyQuickFilterFn`.
4298
+ If you use `getApplyQuickFilterFnV7` directly - rename it to `getApplyQuickFilterFn`.
4299
+ - The signature of the function returned by `getApplyQuickFilterFn` has changed for performance reasons:
4300
+
4301
+ ```diff
4302
+ const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
4303
+ if (!value) {
4304
+ return null;
4305
+ }
4306
+ const filterRegex = new RegExp(escapeRegExp(value), 'i');
4307
+ - return (cellParams) => {
4308
+ - const { formattedValue } = cellParams;
4309
+ + return (value, row, column, apiRef) => {
4310
+ + let formattedValue = apiRef.current.getRowFormattedValue(row, column);
4311
+ return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
4312
+ };
4313
+ };
4314
+ ```
4315
+
4316
+ #### `@mui/x-data-grid@7.0.0-alpha.0`
4317
+
4318
+ - [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
4319
+ - [DataGrid] Fix: `undefined` slot value (#10937) @romgrk
4320
+ - [DataGrid] Print selected rows by default (#10846) @cherniavskii
4321
+ - [DataGrid] Remove deprecated `components` and `componentsProps` (#10911) @MBilalShafi
4322
+ - [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
4323
+ - [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
4324
+ - [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
4325
+ - [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
4326
+ - [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
4327
+
4328
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
4329
+
4330
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.0`, plus:
4331
+
4332
+ - [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
4333
+ - [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
4334
+
4335
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
4336
+
4337
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.0`, plus:
4338
+
4339
+ - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
4340
+
4341
+ ### Date and Time Pickers
4342
+
4343
+ #### Breaking changes
4344
+
4345
+ - The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead.
4346
+
4347
+ #### `@mui/x-date-pickers@7.0.0-alpha.0`
4348
+
4349
+ - [pickers] Escape non tokens words (#10400) @alexfauquette
4350
+ - [fields] Fix `MultiInputTimeRangeField` section selection (#10922) @noraleonte
4351
+ - [pickers] Refine `referenceDate` behavior in views (#10863) @LukasTy
4352
+ - [pickers] Remove `components` and `componentsProps` props (#10700) @alexfauquette
4353
+ - [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
4354
+ - [pickers] Add short weekdays token (#10988) @alexfauquette
4355
+
4356
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
4357
+
4358
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.0`.
4359
+
4360
+ ### Charts / `@mui/x-charts@7.0.0-alpha.0`
4361
+
4362
+ #### Breaking changes
4363
+
4364
+ Types for `slots` and `slotProps` got renamed by removing the "Component" which is meaningless for charts.
4365
+ Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
4366
+
4367
+ Here is an example of the renaming for the `<ChartsTooltip />` component.
4368
+
4369
+ ```diff
4370
+ -ChartsTooltipSlotsComponent
4371
+ +ChartsTooltipSlots
4372
+
4373
+ -ChartsTooltipSlotComponentProps
4374
+ +ChartsTooltipSlotProps
4375
+ ```
4376
+
4377
+ - [charts] Add `<ChartsReferenceLine />` component (#10597) (#10946) @alexfauquette
4378
+ - [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
4379
+ - [charts] Rename `slots` and `slotProps` types (#10875) @alexfauquette
4380
+
4381
+ ### `@mui/x-codemod@7.0.0-alpha.0`
4382
+
4383
+ - [codemod] Add `v7.0.0/preset-safe` (#10973) @LukasTy
4384
+
4385
+ ### Docs
4386
+
4387
+ - [docs] Add `@next` tag to the installation instructions (#10963) @MBilalShafi
4388
+ - [docs] Document how to hide the legend (#10951) @alexfauquette
4389
+ - [docs] Fix typo in the migration guide (#10972) @flaviendelangle
4390
+
4391
+ ### Core
4392
+
4393
+ - [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
4394
+ - [core] Bump monorepo (#10959) @LukasTy
4395
+ - [core] Changed prettier branch value to next (#10917) @michelengelen
4396
+ - [core] Fix GitHub title tag consistency @oliviertassinari
4397
+ - [core] Fixed wrong package names in migration docs (#10953) @michelengelen
4398
+ - [core] Merge `master` into `next` (#10929) @cherniavskii
4399
+ - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
4400
+ - [license] Correctly throw errors (#10924) @oliviertassinari
4401
+
4402
+ ## Older versions
4403
+
4404
+ Changes before 7.x are listed in our [changelog for older versions](https://github.com/mui/mui-x/blob/HEAD/changelogOld/).