@mui/x-date-pickers-pro 8.8.0 → 8.9.2
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/CHANGELOG.md +225 -24
- package/DateRangeCalendar/DateRangeCalendar.js +3 -3
- package/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +3 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -3
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +3 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -3
- package/MobileTimeRangePicker/MobileTimeRangePicker.js +3 -3
- package/TimeRangePicker/TimeRangePicker.js +3 -3
- package/TimeRangePicker/shared.d.ts +2 -2
- package/esm/DateRangeCalendar/DateRangeCalendar.js +3 -3
- package/esm/DateRangePickerDay/DateRangePickerDay.js +1 -1
- package/esm/DateTimeRangePicker/DateTimeRangePicker.js +3 -3
- package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -3
- package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js +3 -3
- package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -3
- package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js +3 -3
- package/esm/TimeRangePicker/TimeRangePicker.js +3 -3
- package/esm/TimeRangePicker/shared.d.ts +2 -2
- package/esm/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.js +1 -1
- package/esm/index.js +3 -3
- package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.js +1 -1
- package/index.js +3 -3
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/package.json +6 -7
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,225 @@
|
|
|
5
5
|
All notable changes to this project will be documented in this file.
|
|
6
6
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
7
7
|
|
|
8
|
+
## 8.9.2
|
|
9
|
+
|
|
10
|
+
_Jul 31, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 23 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🌎 Improve French (fr-FR), Hebrew (he-IL) and Polish (pl-PL) locales on the Data Grid
|
|
15
|
+
- 🌎 Improve Korean (ko-KR) locale on the Date and Time Pickers
|
|
16
|
+
- 📈 Add symlog scale to charts
|
|
17
|
+
- 📊 Fix bar border radius on Firefox
|
|
18
|
+
- 🐞 Bugfixes
|
|
19
|
+
- 📚 Documentation improvements
|
|
20
|
+
|
|
21
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
22
|
+
@AmrElnaggar99, @atlanteh, @ddolcimascolo, @Jiseoup, @leonaha5, @noherczeg, @sai6855
|
|
23
|
+
|
|
24
|
+
The following are all team members who have contributed to this release:
|
|
25
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @bharatkashyap, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @mapache-salvaje, @MBilalShafi, @rita-codes, @romgrk, @siriwatknp
|
|
26
|
+
|
|
27
|
+
### Data Grid
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid@8.9.2`
|
|
30
|
+
|
|
31
|
+
- [DataGrid] Add debounce for columns panel search (#18719) @noherczeg
|
|
32
|
+
- [DataGrid] Extract virtualization engine (#18275) @romgrk
|
|
33
|
+
- [DataGrid] Improve types in `<GridEditSingleSelect />` (#18184) @sai6855
|
|
34
|
+
- [l10n] Improve French (fr-FR) locale (#18905) @ddolcimascolo
|
|
35
|
+
- [l10n] Improve Hebrew (he-IL) locale (#18665) @atlanteh
|
|
36
|
+
- [l10n] Improve Polish (pl-PL) locale (#18068) @leonaha5
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-data-grid-pro@8.9.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
39
|
+
|
|
40
|
+
Same changes as in `@mui/x-data-grid@8.9.2`, plus:
|
|
41
|
+
|
|
42
|
+
- [DataGridPro] Fix duplicate nested rows for dynamically updated row IDs (#18526) @MBilalShafi
|
|
43
|
+
|
|
44
|
+
#### `@mui/x-data-grid-premium@8.9.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
45
|
+
|
|
46
|
+
Same changes as in `@mui/x-data-grid-pro@8.9.2`, plus:
|
|
47
|
+
|
|
48
|
+
- [DataGridPremium] Add `privateMode` to AI assistant prompt resolver (#18759) @bharatkashyap
|
|
49
|
+
- [DataGridPremium] Fix empty nested group values caused by main criterial `valueFormatter()` (#18916) @cherniavskii
|
|
50
|
+
- [DataGridPremium] Sidebar content and state is managed the same way as for preference panel (#18741) @arminmeh
|
|
51
|
+
- [DataGridPremium] Make `api` param for the aggregation function optional (#18984) @arminmeh
|
|
52
|
+
|
|
53
|
+
### Date and Time Pickers
|
|
54
|
+
|
|
55
|
+
#### `@mui/x-date-pickers@8.9.2`
|
|
56
|
+
|
|
57
|
+
- [l10n] Improve Korean (ko-KR) locale (#18664) @Jiseoup
|
|
58
|
+
- [pickers] Fix popper click-away behavior (#18804) @LukasTy
|
|
59
|
+
- [pickers] Fix usage not in main document (#18944) @LukasTy
|
|
60
|
+
|
|
61
|
+
#### `@mui/x-date-pickers-pro@8.9.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
62
|
+
|
|
63
|
+
Same changes as in `@mui/x-date-pickers@8.9.2`.
|
|
64
|
+
|
|
65
|
+
### Charts
|
|
66
|
+
|
|
67
|
+
#### `@mui/x-charts@8.9.2`
|
|
68
|
+
|
|
69
|
+
- [charts] Add symlog scale to charts (#18729) @bernardobelchior
|
|
70
|
+
- [charts] Fix bar border radius on Firefox (#18824) @bernardobelchior
|
|
71
|
+
- [charts] Fix crash when rendering large scatter dataset (#18845) @bernardobelchior
|
|
72
|
+
- [charts] Remove unnecessary type assertion in tooltip `valueFormatter()` (#18877) @sai6855
|
|
73
|
+
- [charts] Export `ChartsWrapper` from `'./ChartsWrapper'` rather than `'./internals'` (#18966) @JCQuintas
|
|
74
|
+
|
|
75
|
+
#### `@mui/x-charts-pro@8.9.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
76
|
+
|
|
77
|
+
Same changes as in `@mui/x-charts@8.9.2`, plus:
|
|
78
|
+
|
|
79
|
+
- [charts-pro] Fix voronoi interaction with zoom (#18950) @alexfauquette
|
|
80
|
+
- [charts-pro] Hide toolbar by default when exporting (#18764) @bernardobelchior
|
|
81
|
+
|
|
82
|
+
### Codemod
|
|
83
|
+
|
|
84
|
+
#### `@mui/x-codemod@8.9.2`
|
|
85
|
+
|
|
86
|
+
Internal changes.
|
|
87
|
+
|
|
88
|
+
### Docs
|
|
89
|
+
|
|
90
|
+
- [docs] Add Data Grid demo pages (#18180) @KenanYusuf
|
|
91
|
+
- [docs] Copyedit the Charts Overview page (#18840) @mapache-salvaje
|
|
92
|
+
- [docs] Fix incorrect parameter name in pickers "Custom components" page from `variant` to `pickerVariant` (#18919) @AmrElnaggar99
|
|
93
|
+
|
|
94
|
+
### Miscellaneous
|
|
95
|
+
|
|
96
|
+
- [code-infra] Auto-generate deep exports to prevent asymmetric exports (#18917) @JCQuintas
|
|
97
|
+
- [docs-infra] Turn on "Edit in Chat" for X docs (#18869) @siriwatknp
|
|
98
|
+
- [infra] Add specific bundle size tracking (#18884) @Janpot
|
|
99
|
+
- [infra] Fix markdown formatting in llms generation (#18914) @Janpot
|
|
100
|
+
- [infra] Use CI action from mui-public (#18709) @brijeshb42
|
|
101
|
+
|
|
102
|
+
## 8.9.1
|
|
103
|
+
|
|
104
|
+
_Jul 21, 2025_
|
|
105
|
+
|
|
106
|
+
We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
|
|
107
|
+
|
|
108
|
+
🐞 Fix package publish issue
|
|
109
|
+
|
|
110
|
+
The following are all team members who have contributed to this release:
|
|
111
|
+
@KenanYusuf, @MBilalShafi
|
|
112
|
+
|
|
113
|
+
### Data Grid
|
|
114
|
+
|
|
115
|
+
#### `@mui/x-data-grid@8.9.1`
|
|
116
|
+
|
|
117
|
+
- [DataGrid] Move conditional list view column logic into `gridVisibleColumnDefinitionsSelector` (#18724) @KenanYusuf
|
|
118
|
+
- [DataGrid] Fix row selection "exclude" model inconsistency (#18844) @MBilalShafi
|
|
119
|
+
|
|
120
|
+
#### `@mui/x-data-grid-pro@8.9.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
121
|
+
|
|
122
|
+
Same changes as in `@mui/x-data-grid@8.9.1`.
|
|
123
|
+
|
|
124
|
+
#### `@mui/x-data-grid-premium@8.9.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
125
|
+
|
|
126
|
+
Same changes as in `@mui/x-data-grid-pro@8.9.1`.
|
|
127
|
+
|
|
128
|
+
### Core
|
|
129
|
+
|
|
130
|
+
- [core] Follow yml syntax convention @oliviertassinari
|
|
131
|
+
|
|
132
|
+
## 8.9.0
|
|
133
|
+
|
|
134
|
+
_Jul 17, 2025_
|
|
135
|
+
|
|
136
|
+
We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
|
|
137
|
+
|
|
138
|
+
- ✨ Improve the drag and drop interaction for Data Grid [row reordering](https://mui.com/x/react-data-grid/row-ordering/) feature. It uses a drop indicator to point to the position the row would be moving to.
|
|
139
|
+
|
|
140
|
+
https://github.com/user-attachments/assets/37284c4f-e8d4-4fc6-a6af-a780592905ef
|
|
141
|
+
|
|
142
|
+
- 🚀 Improve Data Grid Pivoting and Aggregation performance
|
|
143
|
+
|
|
144
|
+
- 📊 Add `minBarSize` to set a minimum height for bars
|
|
145
|
+
|
|
146
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
147
|
+
@lauri865
|
|
148
|
+
|
|
149
|
+
The following are all team members who have contributed to this release:
|
|
150
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @noraleonte, @MBilalShafi
|
|
151
|
+
|
|
152
|
+
### Data Grid
|
|
153
|
+
|
|
154
|
+
#### `@mui/x-data-grid@8.9.0`
|
|
155
|
+
|
|
156
|
+
Internal changes.
|
|
157
|
+
|
|
158
|
+
#### `@mui/x-data-grid-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
159
|
+
|
|
160
|
+
Same changes as in `@mui/x-data-grid@8.9.0`, plus:
|
|
161
|
+
|
|
162
|
+
- [DataGridPro] Row reorder using drop indicator (#18627) @MBilalShafi
|
|
163
|
+
|
|
164
|
+
#### `@mui/x-data-grid-premium@8.9.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
165
|
+
|
|
166
|
+
Same changes as in `@mui/x-data-grid-pro@8.9.0`, plus:
|
|
167
|
+
|
|
168
|
+
- [DataGridPremium] Allow group column overrides with pivoting (#18765) @arminmeh
|
|
169
|
+
- [DataGridPremium] Support sort-dependent aggregation and improve performance (#18348) @lauri865
|
|
170
|
+
|
|
171
|
+
### Date and Time Pickers
|
|
172
|
+
|
|
173
|
+
#### `@mui/x-date-pickers@8.9.0`
|
|
174
|
+
|
|
175
|
+
- [pickers] Avoid useless date creation in `AdapterDayjs` (#18429) @flaviendelangle
|
|
176
|
+
- [pickers] Fix `timeSteps` JSDoc (#18807) @LukasTy
|
|
177
|
+
|
|
178
|
+
#### `@mui/x-date-pickers-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
179
|
+
|
|
180
|
+
Same changes as in `@mui/x-date-pickers@8.9.0`.
|
|
181
|
+
|
|
182
|
+
### Charts
|
|
183
|
+
|
|
184
|
+
#### `@mui/x-charts@8.9.0`
|
|
185
|
+
|
|
186
|
+
- [charts] Add `minBarSize` to prevent bars from having 0 height (#18798) @JCQuintas
|
|
187
|
+
- [charts] Add click listener to radar charts (#18773) @alexfauquette
|
|
188
|
+
- [charts] Improve scatter chart pointer move performance (#18775) @bernardobelchior
|
|
189
|
+
- [charts] Simplify radar internal hooks (#18760) @alexfauquette
|
|
190
|
+
- [charts] `minBarSize` now ignores `0` and `null` values (#18816) @JCQuintas
|
|
191
|
+
- [charts] Fix y-axis tick label overlap when using log scale (#18744) @bernardobelchior
|
|
192
|
+
- [charts] Expose <ChartType>Series type for all chart types (#18805) @bernardobelchior
|
|
193
|
+
|
|
194
|
+
#### `@mui/x-charts-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
195
|
+
|
|
196
|
+
Same changes as in `@mui/x-charts@8.9.0` plus:
|
|
197
|
+
|
|
198
|
+
[charts-pro] Fix issue where charts gestures weren't properly working when inside the shadow-dom (#18837) @JCQuintas
|
|
199
|
+
|
|
200
|
+
### Tree View
|
|
201
|
+
|
|
202
|
+
#### `@mui/x-tree-view@8.9.0`
|
|
203
|
+
|
|
204
|
+
Internal changes.
|
|
205
|
+
|
|
206
|
+
#### `@mui/x-tree-view-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
207
|
+
|
|
208
|
+
Same changes as in `@mui/x-tree-view@8.9.0`.
|
|
209
|
+
|
|
210
|
+
### Codemod
|
|
211
|
+
|
|
212
|
+
#### `@mui/x-codemod@8.9.0`
|
|
213
|
+
|
|
214
|
+
Internal changes.
|
|
215
|
+
|
|
216
|
+
### Docs
|
|
217
|
+
|
|
218
|
+
- [data grid][docs] Revise the Pro filter docs (#17929) @mapache-salvaje
|
|
219
|
+
- [charts][docs] Move mark outside clip-path (#18806) @alexfauquette
|
|
220
|
+
|
|
221
|
+
### Miscellaneous
|
|
222
|
+
|
|
223
|
+
- [code-infra] Fix ESLint `import` restriction rule for test files (#18669) @LukasTy
|
|
224
|
+
- [code-infra] Remove charts benchmarks dependency on `@testing-library/jest-dom` (#18800) @bernardobelchior
|
|
225
|
+
- [code-infra] Remove duplicate dependency from `eslint-plugin-mui-x` (#18797) @bernardobelchior
|
|
226
|
+
|
|
8
227
|
## 8.8.0
|
|
9
228
|
|
|
10
229
|
_Jul 11, 2025_
|
|
@@ -216,6 +435,7 @@ We'd like to extend a big thank you to the 12 contributors who made this release
|
|
|
216
435
|
- 📅 Add `usePickerAdapter` hook to access the date adapter.
|
|
217
436
|
|
|
218
437
|
You can use the adapter in your custom components if you need them to work with multiple date libraries — [Learn more](https://mui.com/x/react-date-pickers/custom-components/#access-date-adapter).
|
|
438
|
+
|
|
219
439
|
- 🌎 Improve Danish (da-DK) locale
|
|
220
440
|
- 🌎 Improve German (de-DE) locale
|
|
221
441
|
|
|
@@ -234,13 +454,13 @@ The following are all team members who have contributed to this release:
|
|
|
234
454
|
- [l10n] Improve Danish (da-DK) locale (#18428) @ShahrazH
|
|
235
455
|
- [l10n] Improve German (de-DE) locale (#18388) @omalyutin
|
|
236
456
|
|
|
237
|
-
#### `@mui/x-data-grid-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
457
|
+
#### `@mui/x-data-grid-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
238
458
|
|
|
239
459
|
Same changes as in `@mui/x-data-grid@8.6.0`, plus:
|
|
240
460
|
|
|
241
461
|
- [DataGridPro] Fix lazy loading params calculated from rendering context (#18460) @arminmeh
|
|
242
462
|
|
|
243
|
-
#### `@mui/x-data-grid-premium@8.6.0` [](https://mui.com/r/x-premium-svg-link
|
|
463
|
+
#### `@mui/x-data-grid-premium@8.6.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
244
464
|
|
|
245
465
|
Same changes as in `@mui/x-data-grid-pro@8.6.0`.
|
|
246
466
|
|
|
@@ -252,7 +472,7 @@ Same changes as in `@mui/x-data-grid-pro@8.6.0`.
|
|
|
252
472
|
- [pickers] Fix to use latest `value` when updating `lastCommittedValue` in internal state (#18518) @LukasTy
|
|
253
473
|
- [pickers] Use `usePickerAdapter` hook internally instead of `useUtils` (#18465) @LukasTy
|
|
254
474
|
|
|
255
|
-
#### `@mui/x-date-pickers-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
475
|
+
#### `@mui/x-date-pickers-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
256
476
|
|
|
257
477
|
Same changes as in `@mui/x-date-pickers@8.6.0`.
|
|
258
478
|
|
|
@@ -269,7 +489,7 @@ Same changes as in `@mui/x-date-pickers@8.6.0`.
|
|
|
269
489
|
- [charts] Improve touch behavior for polar axis (#18531) @JCQuintas
|
|
270
490
|
- [charts] Add `isElementInside` helper (#18530) @JCQuintas
|
|
271
491
|
|
|
272
|
-
#### `@mui/x-charts-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
492
|
+
#### `@mui/x-charts-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
273
493
|
|
|
274
494
|
Same changes as in `@mui/x-charts@8.6.0`, plus:
|
|
275
495
|
|
|
@@ -283,7 +503,7 @@ Same changes as in `@mui/x-charts@8.6.0`, plus:
|
|
|
283
503
|
|
|
284
504
|
Internal changes.
|
|
285
505
|
|
|
286
|
-
#### `@mui/x-tree-view-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
506
|
+
#### `@mui/x-tree-view-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
287
507
|
|
|
288
508
|
Same changes as in `@mui/x-tree-view@8.6.0`, plus:
|
|
289
509
|
|
|
@@ -1498,7 +1718,6 @@ Same changes as in `@mui/x-date-pickers@8.0.0-beta.3`.
|
|
|
1498
1718
|
|
|
1499
1719
|
- Removed `react-spring` as a dependency of `@mui/x-charts`.
|
|
1500
1720
|
A consequence of this change is that the props of some slots have been changed because the `SpringValue` wrapper has been removed. The affected slots and props are:
|
|
1501
|
-
|
|
1502
1721
|
- the type of the `x`, `y`, `width` and `height` props of the `bar` slot are now `number`;
|
|
1503
1722
|
- the type of `startAngle`, `endAngle`, `innerRadius`, `outerRadius`, `arcLabelRadius`, `cornerRadius` and `paddingAngle` props of `pieArc` and `pieArcLabel` slot are now `number`.
|
|
1504
1723
|
|
|
@@ -2066,7 +2285,6 @@ Following are all team members who have contributed to this release:
|
|
|
2066
2285
|
- The `slots.baseFormControl` component was removed.
|
|
2067
2286
|
|
|
2068
2287
|
- The "Reset" button in the column visibility panel now resets to the initial column visibility model. Previously it was reset to the model that was active at the time the panel was opened. The reset behavior follows these rules:
|
|
2069
|
-
|
|
2070
2288
|
1. If an initial `columnVisibilityModel` is provided, it resets to that model.
|
|
2071
2289
|
2. If a controlled `columnVisibilityModel` is provided, it resets to the first model value.
|
|
2072
2290
|
3. When the columns are updated (via the `columns` prop or `updateColumns()` API method), the reset reference point updates to the current `columnVisibilityModel`.
|
|
@@ -2089,7 +2307,6 @@ Following are all team members who have contributed to this release:
|
|
|
2089
2307
|
The `exclude` selection type allows to select all rows except the ones in the `ids` set.
|
|
2090
2308
|
|
|
2091
2309
|
This change impacts the following props:
|
|
2092
|
-
|
|
2093
2310
|
- `rowSelectionModel`
|
|
2094
2311
|
- `onRowSelectionModelChange`
|
|
2095
2312
|
- `initialState.rowSelectionModel`
|
|
@@ -2413,7 +2630,6 @@ Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.12`, plus:
|
|
|
2413
2630
|
- The `aria-label` on the `<Clock />` component and Time Picker opening button has been fixed to rely on the set `ampm` property instead of defaulting to the user's locale.
|
|
2414
2631
|
|
|
2415
2632
|
- The following unused formats have been removed from the adapters and can no longer be overridden via the `dateFormats` prop on the `<LocalizationProvider />` component:
|
|
2416
|
-
|
|
2417
2633
|
- `fullTime` - please use `fullTime12h` and `fullTime24h` instead:
|
|
2418
2634
|
```diff
|
|
2419
2635
|
<LocalizationProvider
|
|
@@ -2628,7 +2844,6 @@ Following are all team members who have contributed to this release:
|
|
|
2628
2844
|
|
|
2629
2845
|
- `viewportInnerSize.width` now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns)
|
|
2630
2846
|
- The Data Grid now has a default background color, and its customization has moved from `theme.mixins.MuiDataGrid` to `theme.palette.DataGrid` with the following properties:
|
|
2631
|
-
|
|
2632
2847
|
- `bg`: Sets the background color of the entire grid (new property)
|
|
2633
2848
|
- `headerBg`: Sets the background color of the header (previously named `containerBackground`)
|
|
2634
2849
|
- `pinnedBg`: Sets the background color of pinned rows and columns (previously named `pinnedBackground`)
|
|
@@ -2657,7 +2872,6 @@ Following are all team members who have contributed to this release:
|
|
|
2657
2872
|
Only the initial value and the type are updated. Logic that initializes the API and its availability remained the same, which means that if you could access API in a particular line of your code before, you are able to access it as well after this change.
|
|
2658
2873
|
|
|
2659
2874
|
Depending on the context in which the API is being used, you can decide what is the best way to deal with `null` value. Some options are:
|
|
2660
|
-
|
|
2661
2875
|
- Use optional chaining
|
|
2662
2876
|
- Use non-null assertion operator if you are sure your code is always executed when the `apiRef` is not `null`
|
|
2663
2877
|
- Return early if `apiRef` is `null`
|
|
@@ -3181,7 +3395,6 @@ Following are all team members who have contributed to this release:
|
|
|
3181
3395
|
#### Breaking changes
|
|
3182
3396
|
|
|
3183
3397
|
- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`:
|
|
3184
|
-
|
|
3185
3398
|
- For `.root` element, use `slotProps.root`.
|
|
3186
3399
|
- For `.main` element (the one with `role="grid"`), use `slotProps.main`.
|
|
3187
3400
|
|
|
@@ -3698,14 +3911,12 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus:
|
|
|
3698
3911
|
#### Breaking change
|
|
3699
3912
|
|
|
3700
3913
|
- The DX of the Tooltip customization has been refactored
|
|
3701
|
-
|
|
3702
3914
|
- The `tooltip` prop has been removed in favor of `slotProps.tooltip` for consistency.
|
|
3703
3915
|
- The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip.
|
|
3704
3916
|
- To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` hook to get the data, and wrap your component in `ChartsTooltipContainer` to follow the pointer position.
|
|
3705
3917
|
- To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip.
|
|
3706
3918
|
|
|
3707
3919
|
- The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation.
|
|
3708
|
-
|
|
3709
3920
|
- This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot` components.
|
|
3710
3921
|
If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`.
|
|
3711
3922
|
- The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance.
|
|
@@ -3815,14 +4026,12 @@ Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.0`, plus:
|
|
|
3815
4026
|
#### Breaking changes
|
|
3816
4027
|
|
|
3817
4028
|
- The default DOM structure of the field has changed [Learn more](https://mui.com/x/migration/migration-pickers-v7/#new-dom-structure-for-the-field).
|
|
3818
|
-
|
|
3819
4029
|
- Before version `v8.x`, the fields' DOM structure consisted of an `<input />`, which held the whole value for the component, but unfortunately presents a few limitations in terms of accessibility when managing multiple section values.
|
|
3820
4030
|
- Starting with version `v8.x`, all the field and picker components come with a new DOM structure that allows the field component to set aria attributes on individual sections, providing a far better experience with screen readers.
|
|
3821
4031
|
|
|
3822
4032
|
- Some translation keys no longer require `utils` and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are: `clockLabelText`, `openDatePickerDialogue` and `openTimePickerDialogue` — [Learn more](https://mui.com/x/migration/migration-pickers-v7/#stop-passing-utils-and-the-date-object-to-some-translation-keys).
|
|
3823
4033
|
|
|
3824
4034
|
- The following types are no longer exported by `@mui/x-date-pickers` and `@mui/x-date-pickers-pro` — [Learn more](https://mui.com/x/migration/migration-pickers-v7/#removed-types).
|
|
3825
|
-
|
|
3826
4035
|
- `UseDateFieldComponentProps`
|
|
3827
4036
|
- `UseTimeFieldComponentProps`
|
|
3828
4037
|
- `UseDateTimeFieldComponentProps`
|
|
@@ -3870,7 +4079,6 @@ Same changes as in `@mui/x-date-pickers@8.0.0-alpha.0`.
|
|
|
3870
4079
|
- The `slots.legend` does not receive the `drawingArea` prop. You can still access your custom legend with the `useDrawingArea()` hook if your custom legend needs it.
|
|
3871
4080
|
|
|
3872
4081
|
- Removed or renamed multiple props from Series — [Learn more](https://mui.com/x/migration/migration-charts-v7/#series-properties-renaming).
|
|
3873
|
-
|
|
3874
4082
|
- The `highlighted` and `faded` properties of highlightScope have been deprecated in favor of `highlight` and `fade`.
|
|
3875
4083
|
The deprecated ones are now removed.
|
|
3876
4084
|
- The `xAxisKey`, `yAxisKey`, and `zAxisKey` properties have been deprecated in favor of `xAxisId`, `yAxisId`, and `zAxisId`.
|
|
@@ -6134,7 +6342,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
6134
6342
|
<img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
|
|
6135
6343
|
|
|
6136
6344
|
- 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
|
|
6137
|
-
|
|
6138
6345
|
- 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.
|
|
6139
6346
|
- For more context, the initial issue is caused by D3 only exporting ESM.
|
|
6140
6347
|
|
|
@@ -7669,7 +7876,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
7669
7876
|
#### Breaking changes
|
|
7670
7877
|
|
|
7671
7878
|
- 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:
|
|
7672
|
-
|
|
7673
7879
|
1. Move it to the `initialState.density` to initialize it.
|
|
7674
7880
|
|
|
7675
7881
|
```diff
|
|
@@ -8175,7 +8381,6 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
|
|
|
8175
8381
|
```
|
|
8176
8382
|
|
|
8177
8383
|
- The following internal types were exported by mistake and have been removed from the public API:
|
|
8178
|
-
|
|
8179
8384
|
- `UseDateFieldDefaultizedProps`
|
|
8180
8385
|
- `UseTimeFieldDefaultizedProps`
|
|
8181
8386
|
- `UseDateTimeFieldDefaultizedProps`
|
|
@@ -8416,7 +8621,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
8416
8621
|
- 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
|
|
8417
8622
|
- 🚀 All charts have click handlers (#11411) @alexfauquette
|
|
8418
8623
|
Test their respective documentation demonstrations to know more about the data format:
|
|
8419
|
-
|
|
8420
8624
|
- [Scatter Chart](https://v7.mui.com/x/react-charts/scatter/#click-event)
|
|
8421
8625
|
- [Line Chart](https://v7.mui.com/x/react-charts/lines/#click-event)
|
|
8422
8626
|
- [Bar Chart](https://v7.mui.com/x/react-charts/bars/#click-event)
|
|
@@ -8696,7 +8900,6 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
|
|
|
8696
8900
|
```
|
|
8697
8901
|
|
|
8698
8902
|
The most notable changes that might affect your application or tests are:
|
|
8699
|
-
|
|
8700
8903
|
- The `role="grid"` attribute along with related ARIA attributes are now applied to the inner `div` element instead of the root `div` element:
|
|
8701
8904
|
|
|
8702
8905
|
```diff
|
|
@@ -9247,7 +9450,6 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
|
|
|
9247
9450
|
|
|
9248
9451
|
- The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
|
|
9249
9452
|
- The `getOptionValue` and `getOptionLabel` props were removed from the following components:
|
|
9250
|
-
|
|
9251
9453
|
- `GridEditSingleSelectCell`
|
|
9252
9454
|
- `GridFilterInputSingleSelect`
|
|
9253
9455
|
- `GridFilterInputMultipleSingleSelect`
|
|
@@ -9661,7 +9863,6 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.3`, plus:
|
|
|
9661
9863
|
- Add new parameters to the `shortcuts` slot `onChange` callback
|
|
9662
9864
|
|
|
9663
9865
|
The `onChange` callback fired when selecting a shortcut now requires two new parameters (previously they were optional):
|
|
9664
|
-
|
|
9665
9866
|
- The [`changeImportance`](/x/react-date-pickers/shortcuts/#behavior-when-selecting-a-shortcut) of the shortcut.
|
|
9666
9867
|
- The `item` containing the entire shortcut object.
|
|
9667
9868
|
|
|
@@ -37,7 +37,7 @@ var _DateRangePickerDay2 = require("../DateRangePickerDay2");
|
|
|
37
37
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
38
38
|
const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "classes", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "focusedView", "onFocusedViewChange", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone", "availableRangePositions", "views", "view", "openTo", "onViewChange"],
|
|
39
39
|
_excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
|
|
40
|
-
const releaseInfo = "
|
|
40
|
+
const releaseInfo = "MTc1MzkxMjgwMDAwMA==";
|
|
41
41
|
const DateRangeCalendarRoot = (0, _styles.styled)('div', {
|
|
42
42
|
name: 'MuiDateRangeCalendar',
|
|
43
43
|
slot: 'Root'
|
|
@@ -640,7 +640,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
640
640
|
onChange: _propTypes.default.func,
|
|
641
641
|
/**
|
|
642
642
|
* Callback fired on focused view change.
|
|
643
|
-
* @template TView
|
|
643
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
644
644
|
* @param {TView} view The new view to focus or not.
|
|
645
645
|
* @param {boolean} hasFocus `true` if the view should be focused.
|
|
646
646
|
*/
|
|
@@ -657,7 +657,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
657
657
|
onRangePositionChange: _propTypes.default.func,
|
|
658
658
|
/**
|
|
659
659
|
* Callback fired on view change.
|
|
660
|
-
* @template TView
|
|
660
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
661
661
|
* @param {TView} view The new view.
|
|
662
662
|
*/
|
|
663
663
|
onViewChange: _propTypes.default.func,
|
|
@@ -235,7 +235,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
|
|
|
235
235
|
showDaysOutsideCurrentMonth
|
|
236
236
|
} = props,
|
|
237
237
|
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
238
|
-
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "
|
|
238
|
+
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
239
239
|
const adapter = (0, _hooks.usePickerAdapter)();
|
|
240
240
|
const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
|
|
241
241
|
const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
|
|
@@ -285,7 +285,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
285
285
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
286
286
|
/**
|
|
287
287
|
* Callback fired on view change.
|
|
288
|
-
* @template TView
|
|
288
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
289
289
|
* @param {TView} view The new view.
|
|
290
290
|
*/
|
|
291
291
|
onViewChange: _propTypes.default.func,
|
|
@@ -391,8 +391,8 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
391
391
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
392
392
|
/**
|
|
393
393
|
* The time steps between two time unit options.
|
|
394
|
-
* For example, if `
|
|
395
|
-
* When single column time renderer is used, only `
|
|
394
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
395
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
396
396
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
397
397
|
*/
|
|
398
398
|
timeSteps: _propTypes.default.shape({
|
|
@@ -380,7 +380,7 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
380
380
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
381
381
|
/**
|
|
382
382
|
* Callback fired on view change.
|
|
383
|
-
* @template TView
|
|
383
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
384
384
|
* @param {TView} view The new view.
|
|
385
385
|
*/
|
|
386
386
|
onViewChange: _propTypes.default.func,
|
|
@@ -486,8 +486,8 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
486
486
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
487
487
|
/**
|
|
488
488
|
* The time steps between two time unit options.
|
|
489
|
-
* For example, if `
|
|
490
|
-
* When single column time renderer is used, only `
|
|
489
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
490
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
491
491
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
492
492
|
*/
|
|
493
493
|
timeSteps: _propTypes.default.shape({
|
|
@@ -281,7 +281,7 @@ DesktopTimeRangePicker.propTypes = {
|
|
|
281
281
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
282
282
|
/**
|
|
283
283
|
* Callback fired on view change.
|
|
284
|
-
* @template TView
|
|
284
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
285
285
|
* @param {TView} view The new view.
|
|
286
286
|
*/
|
|
287
287
|
onViewChange: _propTypes.default.func,
|
|
@@ -360,8 +360,8 @@ DesktopTimeRangePicker.propTypes = {
|
|
|
360
360
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
361
361
|
/**
|
|
362
362
|
* The time steps between two time unit options.
|
|
363
|
-
* For example, if `
|
|
364
|
-
* When single column time renderer is used, only `
|
|
363
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
364
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
365
365
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
366
366
|
*/
|
|
367
367
|
timeSteps: _propTypes.default.shape({
|
|
@@ -380,7 +380,7 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
380
380
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
381
381
|
/**
|
|
382
382
|
* Callback fired on view change.
|
|
383
|
-
* @template TView
|
|
383
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
384
384
|
* @param {TView} view The new view.
|
|
385
385
|
*/
|
|
386
386
|
onViewChange: _propTypes.default.func,
|
|
@@ -486,8 +486,8 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
486
486
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
487
487
|
/**
|
|
488
488
|
* The time steps between two time unit options.
|
|
489
|
-
* For example, if `
|
|
490
|
-
* When single column time renderer is used, only `
|
|
489
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
490
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
491
491
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
492
492
|
*/
|
|
493
493
|
timeSteps: _propTypes.default.shape({
|
|
@@ -269,7 +269,7 @@ MobileTimeRangePicker.propTypes = {
|
|
|
269
269
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
270
270
|
/**
|
|
271
271
|
* Callback fired on view change.
|
|
272
|
-
* @template TView
|
|
272
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
273
273
|
* @param {TView} view The new view.
|
|
274
274
|
*/
|
|
275
275
|
onViewChange: _propTypes.default.func,
|
|
@@ -343,8 +343,8 @@ MobileTimeRangePicker.propTypes = {
|
|
|
343
343
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
344
344
|
/**
|
|
345
345
|
* The time steps between two time unit options.
|
|
346
|
-
* For example, if `
|
|
347
|
-
* When single column time renderer is used, only `
|
|
346
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
347
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
348
348
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
349
349
|
*/
|
|
350
350
|
timeSteps: _propTypes.default.shape({
|
|
@@ -215,7 +215,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
|
|
|
215
215
|
onSelectedSectionsChange: _propTypes.default.func,
|
|
216
216
|
/**
|
|
217
217
|
* Callback fired on view change.
|
|
218
|
-
* @template TView
|
|
218
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
219
219
|
* @param {TView} view The new view.
|
|
220
220
|
*/
|
|
221
221
|
onViewChange: _propTypes.default.func,
|
|
@@ -294,8 +294,8 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
|
|
|
294
294
|
thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
|
|
295
295
|
/**
|
|
296
296
|
* The time steps between two time unit options.
|
|
297
|
-
* For example, if `
|
|
298
|
-
* When single column time renderer is used, only `
|
|
297
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
298
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
299
299
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
300
300
|
*/
|
|
301
301
|
timeSteps: _propTypes.default.shape({
|
|
@@ -59,8 +59,8 @@ export interface BaseTimeRangePickerProps extends Omit<BasePickerInputProps<Pick
|
|
|
59
59
|
thresholdToRenderTimeInASingleColumn?: number;
|
|
60
60
|
/**
|
|
61
61
|
* The time steps between two time unit options.
|
|
62
|
-
* For example, if `
|
|
63
|
-
* When single column time renderer is used, only `
|
|
62
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
63
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
64
64
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
65
65
|
*/
|
|
66
66
|
timeSteps?: TimeStepOptions;
|
|
@@ -30,7 +30,7 @@ import { PickersRangeCalendarHeader } from "../PickersRangeCalendarHeader/index.
|
|
|
30
30
|
import { useNullablePickerRangePositionContext } from "../internals/hooks/useNullablePickerRangePositionContext.js";
|
|
31
31
|
import { dateRangePickerDay2Classes } from "../DateRangePickerDay2/index.js";
|
|
32
32
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
33
|
-
const releaseInfo = "
|
|
33
|
+
const releaseInfo = "MTc1MzkxMjgwMDAwMA==";
|
|
34
34
|
const DateRangeCalendarRoot = styled('div', {
|
|
35
35
|
name: 'MuiDateRangeCalendar',
|
|
36
36
|
slot: 'Root'
|
|
@@ -633,7 +633,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
633
633
|
onChange: PropTypes.func,
|
|
634
634
|
/**
|
|
635
635
|
* Callback fired on focused view change.
|
|
636
|
-
* @template TView
|
|
636
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
637
637
|
* @param {TView} view The new view to focus or not.
|
|
638
638
|
* @param {boolean} hasFocus `true` if the view should be focused.
|
|
639
639
|
*/
|
|
@@ -650,7 +650,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
|
|
|
650
650
|
onRangePositionChange: PropTypes.func,
|
|
651
651
|
/**
|
|
652
652
|
* Callback fired on view change.
|
|
653
|
-
* @template TView
|
|
653
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
654
654
|
* @param {TView} view The new view.
|
|
655
655
|
*/
|
|
656
656
|
onViewChange: PropTypes.func,
|
|
@@ -228,7 +228,7 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
|
|
|
228
228
|
showDaysOutsideCurrentMonth
|
|
229
229
|
} = props,
|
|
230
230
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
231
|
-
useLicenseVerifier('x-date-pickers-pro', "
|
|
231
|
+
useLicenseVerifier('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
232
232
|
const adapter = usePickerAdapter();
|
|
233
233
|
const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
|
|
234
234
|
const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
|
|
@@ -278,7 +278,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
278
278
|
onSelectedSectionsChange: PropTypes.func,
|
|
279
279
|
/**
|
|
280
280
|
* Callback fired on view change.
|
|
281
|
-
* @template TView
|
|
281
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
282
282
|
* @param {TView} view The new view.
|
|
283
283
|
*/
|
|
284
284
|
onViewChange: PropTypes.func,
|
|
@@ -384,8 +384,8 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
384
384
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
385
385
|
/**
|
|
386
386
|
* The time steps between two time unit options.
|
|
387
|
-
* For example, if `
|
|
388
|
-
* When single column time renderer is used, only `
|
|
387
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
388
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
389
389
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
390
390
|
*/
|
|
391
391
|
timeSteps: PropTypes.shape({
|
|
@@ -373,7 +373,7 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
373
373
|
onSelectedSectionsChange: PropTypes.func,
|
|
374
374
|
/**
|
|
375
375
|
* Callback fired on view change.
|
|
376
|
-
* @template TView
|
|
376
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
377
377
|
* @param {TView} view The new view.
|
|
378
378
|
*/
|
|
379
379
|
onViewChange: PropTypes.func,
|
|
@@ -479,8 +479,8 @@ DesktopDateTimeRangePicker.propTypes = {
|
|
|
479
479
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
480
480
|
/**
|
|
481
481
|
* The time steps between two time unit options.
|
|
482
|
-
* For example, if `
|
|
483
|
-
* When single column time renderer is used, only `
|
|
482
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
483
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
484
484
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
485
485
|
*/
|
|
486
486
|
timeSteps: PropTypes.shape({
|
|
@@ -274,7 +274,7 @@ DesktopTimeRangePicker.propTypes = {
|
|
|
274
274
|
onSelectedSectionsChange: PropTypes.func,
|
|
275
275
|
/**
|
|
276
276
|
* Callback fired on view change.
|
|
277
|
-
* @template TView
|
|
277
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
278
278
|
* @param {TView} view The new view.
|
|
279
279
|
*/
|
|
280
280
|
onViewChange: PropTypes.func,
|
|
@@ -353,8 +353,8 @@ DesktopTimeRangePicker.propTypes = {
|
|
|
353
353
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
354
354
|
/**
|
|
355
355
|
* The time steps between two time unit options.
|
|
356
|
-
* For example, if `
|
|
357
|
-
* When single column time renderer is used, only `
|
|
356
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
357
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
358
358
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
359
359
|
*/
|
|
360
360
|
timeSteps: PropTypes.shape({
|
|
@@ -373,7 +373,7 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
373
373
|
onSelectedSectionsChange: PropTypes.func,
|
|
374
374
|
/**
|
|
375
375
|
* Callback fired on view change.
|
|
376
|
-
* @template TView
|
|
376
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
377
377
|
* @param {TView} view The new view.
|
|
378
378
|
*/
|
|
379
379
|
onViewChange: PropTypes.func,
|
|
@@ -479,8 +479,8 @@ MobileDateTimeRangePicker.propTypes = {
|
|
|
479
479
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
480
480
|
/**
|
|
481
481
|
* The time steps between two time unit options.
|
|
482
|
-
* For example, if `
|
|
483
|
-
* When single column time renderer is used, only `
|
|
482
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
483
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
484
484
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
485
485
|
*/
|
|
486
486
|
timeSteps: PropTypes.shape({
|
|
@@ -262,7 +262,7 @@ MobileTimeRangePicker.propTypes = {
|
|
|
262
262
|
onSelectedSectionsChange: PropTypes.func,
|
|
263
263
|
/**
|
|
264
264
|
* Callback fired on view change.
|
|
265
|
-
* @template TView
|
|
265
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
266
266
|
* @param {TView} view The new view.
|
|
267
267
|
*/
|
|
268
268
|
onViewChange: PropTypes.func,
|
|
@@ -336,8 +336,8 @@ MobileTimeRangePicker.propTypes = {
|
|
|
336
336
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
337
337
|
/**
|
|
338
338
|
* The time steps between two time unit options.
|
|
339
|
-
* For example, if `
|
|
340
|
-
* When single column time renderer is used, only `
|
|
339
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
340
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
341
341
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
342
342
|
*/
|
|
343
343
|
timeSteps: PropTypes.shape({
|
|
@@ -208,7 +208,7 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
|
|
|
208
208
|
onSelectedSectionsChange: PropTypes.func,
|
|
209
209
|
/**
|
|
210
210
|
* Callback fired on view change.
|
|
211
|
-
* @template TView
|
|
211
|
+
* @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
|
|
212
212
|
* @param {TView} view The new view.
|
|
213
213
|
*/
|
|
214
214
|
onViewChange: PropTypes.func,
|
|
@@ -287,8 +287,8 @@ process.env.NODE_ENV !== "production" ? TimeRangePicker.propTypes = {
|
|
|
287
287
|
thresholdToRenderTimeInASingleColumn: PropTypes.number,
|
|
288
288
|
/**
|
|
289
289
|
* The time steps between two time unit options.
|
|
290
|
-
* For example, if `
|
|
291
|
-
* When single column time renderer is used, only `
|
|
290
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
291
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
292
292
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
293
293
|
*/
|
|
294
294
|
timeSteps: PropTypes.shape({
|
|
@@ -59,8 +59,8 @@ export interface BaseTimeRangePickerProps extends Omit<BasePickerInputProps<Pick
|
|
|
59
59
|
thresholdToRenderTimeInASingleColumn?: number;
|
|
60
60
|
/**
|
|
61
61
|
* The time steps between two time unit options.
|
|
62
|
-
* For example, if `
|
|
63
|
-
* When single column time renderer is used, only `
|
|
62
|
+
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
63
|
+
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
64
64
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
65
65
|
*/
|
|
66
66
|
timeSteps?: TimeStepOptions;
|
|
@@ -13,7 +13,7 @@ export function useMultiInputRangeFieldRootProps(forwardedProps) {
|
|
|
13
13
|
return;
|
|
14
14
|
}
|
|
15
15
|
executeInTheNextEventLoopTick(() => {
|
|
16
|
-
if (privatePickerContext.rootRefObject.current?.contains(getActiveElement(
|
|
16
|
+
if (privatePickerContext.rootRefObject.current?.contains(getActiveElement(privatePickerContext.rootRefObject.current)) || pickerContext.popupRef.current?.contains(getActiveElement(pickerContext.popupRef.current))) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
19
|
privatePickerContext.dismissViews();
|
package/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v8.
|
|
2
|
+
* @mui/x-date-pickers-pro v8.9.2
|
|
3
3
|
*
|
|
4
|
-
* @license
|
|
5
|
-
* This source code is licensed under the
|
|
4
|
+
* @license SEE LICENSE IN LICENSE
|
|
5
|
+
* This source code is licensed under the SEE LICENSE IN LICENSE license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
8
|
// eslint-disable-next-line no-restricted-imports
|
|
@@ -19,7 +19,7 @@ export const useDesktopRangePicker = _ref => {
|
|
|
19
19
|
steps
|
|
20
20
|
} = _ref,
|
|
21
21
|
pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
22
|
-
useLicenseVerifier('x-date-pickers-pro', "
|
|
22
|
+
useLicenseVerifier('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
23
23
|
const {
|
|
24
24
|
slots,
|
|
25
25
|
slotProps,
|
|
@@ -21,7 +21,7 @@ export const useMobileRangePicker = _ref => {
|
|
|
21
21
|
steps
|
|
22
22
|
} = _ref,
|
|
23
23
|
pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
24
|
-
useLicenseVerifier('x-date-pickers-pro', "
|
|
24
|
+
useLicenseVerifier('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
25
25
|
const {
|
|
26
26
|
slots,
|
|
27
27
|
slotProps: innerSlotProps,
|
|
@@ -19,7 +19,7 @@ function useMultiInputRangeFieldRootProps(forwardedProps) {
|
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
21
21
|
(0, _internals.executeInTheNextEventLoopTick)(() => {
|
|
22
|
-
if (privatePickerContext.rootRefObject.current?.contains((0, _internals.getActiveElement)(
|
|
22
|
+
if (privatePickerContext.rootRefObject.current?.contains((0, _internals.getActiveElement)(privatePickerContext.rootRefObject.current)) || pickerContext.popupRef.current?.contains((0, _internals.getActiveElement)(pickerContext.popupRef.current))) {
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
25
|
privatePickerContext.dismissViews();
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-date-pickers-pro v8.
|
|
2
|
+
* @mui/x-date-pickers-pro v8.9.2
|
|
3
3
|
*
|
|
4
|
-
* @license
|
|
5
|
-
* This source code is licensed under the
|
|
4
|
+
* @license SEE LICENSE IN LICENSE
|
|
5
|
+
* This source code is licensed under the SEE LICENSE IN LICENSE license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
8
|
"use strict";
|
|
@@ -27,7 +27,7 @@ const useDesktopRangePicker = _ref => {
|
|
|
27
27
|
steps
|
|
28
28
|
} = _ref,
|
|
29
29
|
pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
30
|
-
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "
|
|
30
|
+
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
31
31
|
const {
|
|
32
32
|
slots,
|
|
33
33
|
slotProps,
|
|
@@ -29,7 +29,7 @@ const useMobileRangePicker = _ref => {
|
|
|
29
29
|
steps
|
|
30
30
|
} = _ref,
|
|
31
31
|
pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
32
|
-
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "
|
|
32
|
+
(0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', "MTc1MzkxMjgwMDAwMA==");
|
|
33
33
|
const {
|
|
34
34
|
slots,
|
|
35
35
|
slotProps: innerSlotProps,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers-pro",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.9.2",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The Pro plan edition of the MUI X Date and Time Picker components.",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -11,8 +11,7 @@
|
|
|
11
11
|
"homepage": "https://mui.com/x/react-date-pickers/",
|
|
12
12
|
"sideEffects": false,
|
|
13
13
|
"publishConfig": {
|
|
14
|
-
"access": "public"
|
|
15
|
-
"directory": "build"
|
|
14
|
+
"access": "public"
|
|
16
15
|
},
|
|
17
16
|
"keywords": [
|
|
18
17
|
"react",
|
|
@@ -32,14 +31,14 @@
|
|
|
32
31
|
"directory": "packages/x-date-pickers-pro"
|
|
33
32
|
},
|
|
34
33
|
"dependencies": {
|
|
35
|
-
"@babel/runtime": "^7.
|
|
34
|
+
"@babel/runtime": "^7.28.2",
|
|
36
35
|
"@mui/utils": "^7.2.0",
|
|
37
36
|
"clsx": "^2.1.1",
|
|
38
37
|
"prop-types": "^15.8.1",
|
|
39
38
|
"react-transition-group": "^4.4.5",
|
|
40
|
-
"@mui/x-
|
|
41
|
-
"@mui/x-
|
|
42
|
-
"@mui/x-
|
|
39
|
+
"@mui/x-license": "8.9.2",
|
|
40
|
+
"@mui/x-internals": "8.9.2",
|
|
41
|
+
"@mui/x-date-pickers": "8.9.2"
|
|
43
42
|
},
|
|
44
43
|
"peerDependencies": {
|
|
45
44
|
"@emotion/react": "^11.9.0",
|