@mui/x-tree-view-pro 7.12.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.
- package/LICENSE +11 -0
- package/README.md +26 -0
- package/build/CHANGELOG.md +4336 -0
- package/build/LICENSE +11 -0
- package/build/README.md +26 -0
- package/build/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
- package/build/RichTreeViewPro/RichTreeViewPro.js +359 -0
- package/build/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +8 -0
- package/build/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
- package/build/RichTreeViewPro/RichTreeViewPro.types.d.ts +65 -0
- package/build/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
- package/build/RichTreeViewPro/index.d.ts +3 -0
- package/build/RichTreeViewPro/index.js +3 -0
- package/build/RichTreeViewPro/package.json +6 -0
- package/build/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
- package/build/RichTreeViewPro/richTreeViewProClasses.js +6 -0
- package/build/index.d.ts +12 -0
- package/build/index.js +22 -0
- package/build/internals/index.d.ts +1 -0
- package/build/internals/index.js +1 -0
- package/build/internals/package.json +6 -0
- package/build/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
- package/build/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +4 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +140 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +26 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
- package/build/internals/utils/releaseInfo.d.ts +1 -0
- package/build/internals/utils/releaseInfo.js +13 -0
- package/build/internals/zero-styled/index.d.ts +3 -0
- package/build/internals/zero-styled/index.js +7 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.js +359 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
- package/build/modern/RichTreeViewPro/index.js +3 -0
- package/build/modern/RichTreeViewPro/richTreeViewProClasses.js +6 -0
- package/build/modern/index.js +22 -0
- package/build/modern/internals/index.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
- package/build/modern/internals/utils/releaseInfo.js +13 -0
- package/build/modern/internals/zero-styled/index.js +7 -0
- package/build/modern/themeAugmentation/index.js +3 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.js +367 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.plugins.js +11 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.types.js +5 -0
- package/build/node/RichTreeViewPro/index.js +27 -0
- package/build/node/RichTreeViewPro/richTreeViewProClasses.js +14 -0
- package/build/node/index.js +154 -0
- package/build/node/internals/index.js +12 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/index.js +12 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +138 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +203 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +5 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +160 -0
- package/build/node/internals/utils/releaseInfo.js +20 -0
- package/build/node/internals/zero-styled/index.js +17 -0
- package/build/node/themeAugmentation/index.js +38 -0
- package/build/package.json +59 -0
- package/build/themeAugmentation/components.d.ts +13 -0
- package/build/themeAugmentation/index.d.ts +3 -0
- package/build/themeAugmentation/index.js +3 -0
- package/build/themeAugmentation/overrides.d.ts +13 -0
- package/build/themeAugmentation/package.json +6 -0
- package/build/themeAugmentation/props.d.ts +12 -0
- package/package.json +71 -0
- package/src/RichTreeViewPro/RichTreeViewPro.plugins.ts +54 -0
- package/src/RichTreeViewPro/RichTreeViewPro.test.tsx +20 -0
- package/src/RichTreeViewPro/RichTreeViewPro.tsx +383 -0
- package/src/RichTreeViewPro/RichTreeViewPro.types.ts +80 -0
- package/src/RichTreeViewPro/index.ts +8 -0
- package/src/RichTreeViewPro/richTreeViewProClasses.ts +18 -0
- package/src/index.ts +17 -0
- package/src/internals/index.ts +1 -0
- package/src/internals/plugins/useTreeViewItemsReordering/index.ts +7 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.ts +155 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.test.tsx +370 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.ts +278 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.ts +160 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.ts +199 -0
- package/src/internals/utils/releaseInfo.ts +15 -0
- package/src/internals/zero-styled/index.ts +8 -0
- package/src/themeAugmentation/components.d.ts +13 -0
- package/src/themeAugmentation/index.js +1 -0
- package/src/themeAugmentation/index.ts +3 -0
- package/src/themeAugmentation/overrides.d.ts +13 -0
- package/src/themeAugmentation/props.d.ts +12 -0
- package/src/themeAugmentation/themeAugmentation.spec.ts +26 -0
- package/tsconfig.build.json +21 -0
- package/tsconfig.build.tsbuildinfo +1 -0
- package/tsconfig.json +14 -0
|
@@ -0,0 +1,4336 @@
|
|
|
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.0
|
|
7
|
+
|
|
8
|
+
_Aug 1, 2024_
|
|
9
|
+
|
|
10
|
+
### 💵 Our commercial offering is evolving
|
|
11
|
+
|
|
12
|
+
The [Pro plan](https://mui.com/x/introduction/licensing/#pro-plan) is receiving two new packages:
|
|
13
|
+
|
|
14
|
+
- `@mui/x-tree-view-pro` (available today!)
|
|
15
|
+
- `@mui/x-charts-pro` (available in the coming weeks)
|
|
16
|
+
|
|
17
|
+
As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.
|
|
18
|
+
|
|
19
|
+
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.
|
|
20
|
+
|
|
21
|
+
### Highlights
|
|
22
|
+
|
|
23
|
+
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
24
|
+
|
|
25
|
+
- 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
|
|
26
|
+
|
|
27
|
+
<img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
|
|
28
|
+
|
|
29
|
+
- 📦 Support Common JS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
|
|
30
|
+
|
|
31
|
+
- 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.
|
|
32
|
+
- For more context, the initial issue is caused by D3 only exporting ESM.
|
|
33
|
+
|
|
34
|
+

|
|
35
|
+
|
|
36
|
+
- The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.
|
|
37
|
+
|
|
38
|
+

|
|
39
|
+
|
|
40
|
+
- So in order to fix this, we are providing a CJS version of D3.
|
|
41
|
+
|
|
42
|
+

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