@mui/x-data-grid 8.7.0 → 8.9.1
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 +229 -24
- package/DataGrid/index.d.ts +0 -1
- package/DataGrid/useDataGridComponent.js +8 -0
- package/components/GridScrollArea.d.ts +1 -1
- package/components/GridScrollArea.js +134 -28
- package/components/containers/GridRootStyles.js +41 -0
- package/components/virtualization/GridVirtualScroller.js +4 -0
- package/constants/gridClasses.d.ts +20 -0
- package/constants/gridClasses.js +3 -1
- package/esm/DataGrid/index.d.ts +0 -1
- package/esm/DataGrid/useDataGridComponent.js +8 -0
- package/esm/components/GridScrollArea.d.ts +1 -1
- package/esm/components/GridScrollArea.js +134 -28
- package/esm/components/containers/GridRootStyles.js +41 -0
- package/esm/components/virtualization/GridVirtualScroller.js +4 -0
- package/esm/constants/gridClasses.d.ts +20 -0
- package/esm/constants/gridClasses.js +3 -1
- package/esm/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts +5 -0
- package/esm/hooks/core/pipeProcessing/useGridPipeProcessing.js +20 -5
- package/esm/hooks/core/useGridProps.d.ts +2 -2
- package/esm/hooks/core/useGridProps.js +3 -1
- package/esm/hooks/features/columnGrouping/gridColumnGroupsInterfaces.d.ts +4 -1
- package/esm/hooks/features/columnGrouping/gridColumnGroupsUtils.js +35 -32
- package/esm/hooks/features/columnGrouping/useGridColumnGrouping.js +18 -13
- package/esm/hooks/features/columns/gridColumnsInterfaces.d.ts +3 -3
- package/esm/hooks/features/columns/gridColumnsSelector.js +6 -2
- package/esm/hooks/features/columns/gridColumnsUtils.js +6 -4
- package/esm/hooks/features/columns/useGridColumns.js +8 -10
- package/esm/hooks/features/dataSource/useGridDataSourceBase.d.ts +1 -1
- package/esm/hooks/features/dataSource/useGridDataSourceBase.js +3 -0
- package/esm/hooks/features/dataSource/utils.js +3 -0
- package/esm/hooks/features/export/utils.js +1 -1
- package/esm/hooks/features/filter/useGridFilter.js +3 -3
- package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts +1 -1
- package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +5 -9
- package/esm/hooks/features/listView/gridListViewSelectors.d.ts +8 -1
- package/esm/hooks/features/listView/gridListViewSelectors.js +7 -0
- package/esm/hooks/features/rowSelection/useGridRowSelection.js +5 -4
- package/esm/hooks/features/rows/gridRowsUtils.d.ts +1 -1
- package/esm/hooks/features/rows/gridRowsUtils.js +5 -2
- package/esm/hooks/features/rows/useGridRows.js +4 -3
- package/esm/hooks/features/scroll/useGridScroll.d.ts +1 -1
- package/esm/hooks/features/scroll/useGridScroll.js +2 -3
- package/esm/hooks/features/virtualization/useGridVirtualScroller.js +3 -6
- package/esm/hooks/utils/index.d.ts +1 -0
- package/esm/hooks/utils/index.js +2 -1
- package/esm/hooks/utils/useGridInitializeState.d.ts +1 -1
- package/esm/hooks/utils/useGridInitializeState.js +6 -1
- package/esm/hooks/utils/useGridSelector.js +4 -0
- package/esm/hooks/utils/useRunOncePerLoop.d.ts +1 -0
- package/esm/hooks/utils/useRunOncePerLoop.js +26 -0
- package/esm/index.js +1 -1
- package/esm/internals/utils/cache.d.ts +9 -0
- package/esm/internals/utils/cache.js +19 -0
- package/esm/internals/utils/index.d.ts +2 -1
- package/esm/internals/utils/index.js +2 -1
- package/esm/locales/idID.d.ts +4 -0
- package/esm/locales/idID.js +261 -0
- package/esm/locales/index.d.ts +2 -1
- package/esm/locales/index.js +2 -1
- package/esm/models/api/gridRowApi.d.ts +5 -0
- package/esm/models/events/gridEventLookup.d.ts +2 -1
- package/esm/models/gridApiCaches.d.ts +8 -2
- package/esm/models/gridStateCommunity.d.ts +2 -2
- package/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts +5 -0
- package/hooks/core/pipeProcessing/useGridPipeProcessing.js +20 -5
- package/hooks/core/useGridProps.d.ts +2 -2
- package/hooks/core/useGridProps.js +3 -1
- package/hooks/features/columnGrouping/gridColumnGroupsInterfaces.d.ts +4 -1
- package/hooks/features/columnGrouping/gridColumnGroupsUtils.js +35 -32
- package/hooks/features/columnGrouping/useGridColumnGrouping.js +18 -13
- package/hooks/features/columns/gridColumnsInterfaces.d.ts +3 -3
- package/hooks/features/columns/gridColumnsSelector.js +6 -2
- package/hooks/features/columns/gridColumnsUtils.js +6 -4
- package/hooks/features/columns/useGridColumns.js +8 -10
- package/hooks/features/dataSource/useGridDataSourceBase.d.ts +1 -1
- package/hooks/features/dataSource/useGridDataSourceBase.js +3 -0
- package/hooks/features/dataSource/utils.js +3 -0
- package/hooks/features/export/utils.js +1 -1
- package/hooks/features/filter/useGridFilter.js +3 -3
- package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.d.ts +1 -1
- package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +5 -9
- package/hooks/features/listView/gridListViewSelectors.d.ts +8 -1
- package/hooks/features/listView/gridListViewSelectors.js +8 -1
- package/hooks/features/rowSelection/useGridRowSelection.js +5 -4
- package/hooks/features/rows/gridRowsUtils.d.ts +1 -1
- package/hooks/features/rows/gridRowsUtils.js +5 -2
- package/hooks/features/rows/useGridRows.js +4 -3
- package/hooks/features/scroll/useGridScroll.d.ts +1 -1
- package/hooks/features/scroll/useGridScroll.js +2 -3
- package/hooks/features/virtualization/useGridVirtualScroller.js +3 -6
- package/hooks/utils/index.d.ts +1 -0
- package/hooks/utils/index.js +12 -0
- package/hooks/utils/useGridInitializeState.d.ts +1 -1
- package/hooks/utils/useGridInitializeState.js +6 -1
- package/hooks/utils/useGridSelector.js +4 -0
- package/hooks/utils/useRunOncePerLoop.d.ts +1 -0
- package/hooks/utils/useRunOncePerLoop.js +33 -0
- package/index.js +1 -1
- package/internals/utils/cache.d.ts +9 -0
- package/internals/utils/cache.js +26 -0
- package/internals/utils/index.d.ts +2 -1
- package/internals/utils/index.js +11 -0
- package/locales/idID.d.ts +4 -0
- package/locales/idID.js +267 -0
- package/locales/index.d.ts +2 -1
- package/locales/index.js +11 -0
- package/models/api/gridRowApi.d.ts +5 -0
- package/models/events/gridEventLookup.d.ts +2 -1
- package/models/gridApiCaches.d.ts +8 -2
- package/models/gridStateCommunity.d.ts +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,229 @@
|
|
|
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.1
|
|
9
|
+
|
|
10
|
+
_Jul 21, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
🐞 Fix package publish issue
|
|
15
|
+
|
|
16
|
+
The following are all team members who have contributed to this release:
|
|
17
|
+
@KenanYusuf, @MBilalShafi
|
|
18
|
+
|
|
19
|
+
### Data Grid
|
|
20
|
+
|
|
21
|
+
#### `@mui/x-data-grid@8.9.1`
|
|
22
|
+
|
|
23
|
+
- [DataGrid] Move conditional list view column logic into `gridVisibleColumnDefinitionsSelector` (#18724) @KenanYusuf
|
|
24
|
+
- [DataGrid] Fix row selection "exclude" model inconsistency (#18844) @MBilalShafi
|
|
25
|
+
|
|
26
|
+
#### `@mui/x-data-grid-pro@8.9.1` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
27
|
+
|
|
28
|
+
Same changes as in `@mui/x-data-grid@8.9.1`.
|
|
29
|
+
|
|
30
|
+
#### `@mui/x-data-grid-premium@8.9.1` [](https://mui.com/r/x-premium-svg-link "Premium plan")
|
|
31
|
+
|
|
32
|
+
Same changes as in `@mui/x-data-grid-pro@8.9.1`.
|
|
33
|
+
|
|
34
|
+
### Core
|
|
35
|
+
|
|
36
|
+
- [core] Follow yml syntax convention @oliviertassinari
|
|
37
|
+
|
|
38
|
+
## 8.9.0
|
|
39
|
+
|
|
40
|
+
_Jul 17, 2025_
|
|
41
|
+
|
|
42
|
+
We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
|
|
43
|
+
|
|
44
|
+
- ✨ 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.
|
|
45
|
+
|
|
46
|
+
https://github.com/user-attachments/assets/37284c4f-e8d4-4fc6-a6af-a780592905ef
|
|
47
|
+
|
|
48
|
+
- 🚀 Improve Data Grid Pivoting and Aggregation performance
|
|
49
|
+
|
|
50
|
+
- 📊 Add `minBarSize` to set a minimum height for bars
|
|
51
|
+
|
|
52
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
53
|
+
@lauri865
|
|
54
|
+
|
|
55
|
+
The following are all team members who have contributed to this release:
|
|
56
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @noraleonte, @MBilalShafi
|
|
57
|
+
|
|
58
|
+
### Data Grid
|
|
59
|
+
|
|
60
|
+
#### `@mui/x-data-grid@8.9.0`
|
|
61
|
+
|
|
62
|
+
Internal changes.
|
|
63
|
+
|
|
64
|
+
#### `@mui/x-data-grid-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
65
|
+
|
|
66
|
+
Same changes as in `@mui/x-data-grid@8.9.0`, plus:
|
|
67
|
+
|
|
68
|
+
- [DataGridPro] Row reorder using drop indicator (#18627) @MBilalShafi
|
|
69
|
+
|
|
70
|
+
#### `@mui/x-data-grid-premium@8.9.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
71
|
+
|
|
72
|
+
Same changes as in `@mui/x-data-grid-pro@8.9.0`, plus:
|
|
73
|
+
|
|
74
|
+
- [DataGridPremium] Allow group column overrides with pivoting (#18765) @arminmeh
|
|
75
|
+
- [DataGridPremium] Support sort-dependent aggregation and improve performance (#18348) @lauri865
|
|
76
|
+
|
|
77
|
+
### Date and Time Pickers
|
|
78
|
+
|
|
79
|
+
#### `@mui/x-date-pickers@8.9.0`
|
|
80
|
+
|
|
81
|
+
- [pickers] Avoid useless date creation in `AdapterDayjs` (#18429) @flaviendelangle
|
|
82
|
+
- [pickers] Fix `timeSteps` JSDoc (#18807) @LukasTy
|
|
83
|
+
|
|
84
|
+
#### `@mui/x-date-pickers-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
85
|
+
|
|
86
|
+
Same changes as in `@mui/x-date-pickers@8.9.0`.
|
|
87
|
+
|
|
88
|
+
### Charts
|
|
89
|
+
|
|
90
|
+
#### `@mui/x-charts@8.9.0`
|
|
91
|
+
|
|
92
|
+
- [charts] Add `minBarSize` to prevent bars from having 0 height (#18798) @JCQuintas
|
|
93
|
+
- [charts] Add click listener to radar charts (#18773) @alexfauquette
|
|
94
|
+
- [charts] Improve scatter chart pointer move performance (#18775) @bernardobelchior
|
|
95
|
+
- [charts] Simplify radar internal hooks (#18760) @alexfauquette
|
|
96
|
+
- [charts] `minBarSize` now ignores `0` and `null` values (#18816) @JCQuintas
|
|
97
|
+
- [charts] Fix y-axis tick label overlap when using log scale (#18744) @bernardobelchior
|
|
98
|
+
- [charts] Expose <ChartType>Series type for all chart types (#18805) @bernardobelchior
|
|
99
|
+
|
|
100
|
+
#### `@mui/x-charts-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
101
|
+
|
|
102
|
+
Same changes as in `@mui/x-charts@8.9.0` plus:
|
|
103
|
+
|
|
104
|
+
[charts-pro] Fix issue where charts gestures weren't properly working when inside the shadow-dom (#18837) @JCQuintas
|
|
105
|
+
|
|
106
|
+
### Tree View
|
|
107
|
+
|
|
108
|
+
#### `@mui/x-tree-view@8.9.0`
|
|
109
|
+
|
|
110
|
+
Internal changes.
|
|
111
|
+
|
|
112
|
+
#### `@mui/x-tree-view-pro@8.9.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
113
|
+
|
|
114
|
+
Same changes as in `@mui/x-tree-view@8.9.0`.
|
|
115
|
+
|
|
116
|
+
### Codemod
|
|
117
|
+
|
|
118
|
+
#### `@mui/x-codemod@8.9.0`
|
|
119
|
+
|
|
120
|
+
Internal changes.
|
|
121
|
+
|
|
122
|
+
### Docs
|
|
123
|
+
|
|
124
|
+
- [data grid][docs] Revise the Pro filter docs (#17929) @mapache-salvaje
|
|
125
|
+
- [charts][docs] Move mark outside clip-path (#18806) @alexfauquette
|
|
126
|
+
|
|
127
|
+
### Miscellaneous
|
|
128
|
+
|
|
129
|
+
- [code-infra] Fix ESLint `import` restriction rule for test files (#18669) @LukasTy
|
|
130
|
+
- [code-infra] Remove charts benchmarks dependency on `@testing-library/jest-dom` (#18800) @bernardobelchior
|
|
131
|
+
- [code-infra] Remove duplicate dependency from `eslint-plugin-mui-x` (#18797) @bernardobelchior
|
|
132
|
+
|
|
133
|
+
## 8.8.0
|
|
134
|
+
|
|
135
|
+
_Jul 11, 2025_
|
|
136
|
+
|
|
137
|
+
We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
138
|
+
|
|
139
|
+
- 📊 Chart zoom preview can be enabled
|
|
140
|
+
|
|
141
|
+
<img width="758" alt="chart with x-axis preview" src="https://github.com/user-attachments/assets/50ce6f61-16dc-4e9b-a727-ca65d80927d7" />
|
|
142
|
+
|
|
143
|
+
- 🌎 Add Indonesian (id-ID) locale on the Data Grid
|
|
144
|
+
|
|
145
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
146
|
+
@kennarddh
|
|
147
|
+
|
|
148
|
+
The following are all team members who have contributed to this release:
|
|
149
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @noraleonte, @prakhargupta1, @rita-codes, @siriwatknp
|
|
150
|
+
|
|
151
|
+
### Data Grid
|
|
152
|
+
|
|
153
|
+
#### `@mui/x-data-grid@8.8.0`
|
|
154
|
+
|
|
155
|
+
- [DataGrid] Fix `useGridSelector` missing subscription in `React.StrictMode` (#18676) @cherniavskii
|
|
156
|
+
- [DataGrid] Fix scrollbar filler `z-index` (#18688) @KenanYusuf
|
|
157
|
+
- [DataGrid] Set correct data source cache chunk size when pagination is disabled (#18636) @arminmeh
|
|
158
|
+
- [l10n] Add Indonesian (id-ID) locale (#18710) @kennarddh
|
|
159
|
+
|
|
160
|
+
#### `@mui/x-data-grid-pro@8.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
161
|
+
|
|
162
|
+
Same changes as in `@mui/x-data-grid@8.8.0`, plus:
|
|
163
|
+
|
|
164
|
+
- [DataGridPro] Fix row ordering not auto-scrolling when moving beyond viewport (#18557) @MBilalShafi
|
|
165
|
+
- [DataGridPro] Set correct parent paths when tree is refreshed with data source tree data and row grouping (#18715) @arminmeh
|
|
166
|
+
|
|
167
|
+
#### `@mui/x-data-grid-premium@8.8.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
168
|
+
|
|
169
|
+
Same changes as in `@mui/x-data-grid-pro@8.8.0`.
|
|
170
|
+
|
|
171
|
+
### Date and Time Pickers
|
|
172
|
+
|
|
173
|
+
#### `@mui/x-date-pickers@8.8.0`
|
|
174
|
+
|
|
175
|
+
Internal changes.
|
|
176
|
+
|
|
177
|
+
#### `@mui/x-date-pickers-pro@8.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
178
|
+
|
|
179
|
+
Same changes as in `@mui/x-date-pickers@8.8.0`.
|
|
180
|
+
|
|
181
|
+
### Charts
|
|
182
|
+
|
|
183
|
+
#### `@mui/x-charts@8.8.0`
|
|
184
|
+
|
|
185
|
+
- [charts] Add control to the axis highlight (#17900) @alexfauquette
|
|
186
|
+
- [charts] Avoid processing area plot data if area isn't used in series (#18712) @bernardobelchior
|
|
187
|
+
- [charts] Make smarter default domain limit (#18506) @alexfauquette
|
|
188
|
+
|
|
189
|
+
#### `@mui/x-charts-pro@8.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
190
|
+
|
|
191
|
+
Same changes as in `@mui/x-charts@8.8.0`, plus:
|
|
192
|
+
|
|
193
|
+
- [charts-pro] Add `funnelDirection` to control pyramid direction (#18568) @JCQuintas
|
|
194
|
+
- [charts-pro] Add `onBeforeExport` callback (#18722) @bernardobelchior
|
|
195
|
+
- [charts-pro] Add chart zoom preview (#18267) @bernardobelchior
|
|
196
|
+
- [charts-pro] Allow customizing scatter preview marker size (#18726) @bernardobelchior
|
|
197
|
+
- [charts-pro] Allow disabling the copy of styles in charts export (#18753) @bernardobelchior
|
|
198
|
+
|
|
199
|
+
### Tree View
|
|
200
|
+
|
|
201
|
+
#### `@mui/x-tree-view@8.8.0`
|
|
202
|
+
|
|
203
|
+
- [tree view] Fix state update that caused scrolling bug when lazy loading and `checkboxSelection` are enabled (#18749) @rita-codes
|
|
204
|
+
|
|
205
|
+
#### `@mui/x-tree-view-pro@8.8.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
206
|
+
|
|
207
|
+
Same changes as in `@mui/x-tree-view@8.8.0`.
|
|
208
|
+
|
|
209
|
+
### Codemod
|
|
210
|
+
|
|
211
|
+
#### `@mui/x-codemod@8.8.0`
|
|
212
|
+
|
|
213
|
+
Internal changes.
|
|
214
|
+
|
|
215
|
+
### Docs
|
|
216
|
+
|
|
217
|
+
- [docs] Add standalone Pyramid chart page to improve SEO (#18527) @prakhargupta1
|
|
218
|
+
- [docs] Add example to customise line interaction (#18539) @alexfauquette
|
|
219
|
+
- [docs] Fix `size` column filtering in files tree demo (#17952) @cherniavskii
|
|
220
|
+
- [docs] Generate `llms.txt` for X and their products (#18595) @siriwatknp
|
|
221
|
+
- [docs] Improve bar chart demos on mobile (#18721) @alexfauquette
|
|
222
|
+
- [docs] Refine charts overview page (#17447) @noraleonte
|
|
223
|
+
|
|
224
|
+
### Miscellaneous
|
|
225
|
+
|
|
226
|
+
- [code-infra] Ensure all `@mui/*` packages are picked by `Material UI` renovate group (#18711) @LukasTy
|
|
227
|
+
- [code-infra] Fix broken CI (#18716) @LukasTy
|
|
228
|
+
- [code-infra] Refactor `prettier` config resolving (#18720) @LukasTy
|
|
229
|
+
- [test] Increase data points in chart benchmarks (#18714) @bernardobelchior
|
|
230
|
+
|
|
8
231
|
## 8.7.0
|
|
9
232
|
|
|
10
233
|
_Jul 4, 2025_
|
|
@@ -118,6 +341,7 @@ We'd like to extend a big thank you to the 12 contributors who made this release
|
|
|
118
341
|
- 📅 Add `usePickerAdapter` hook to access the date adapter.
|
|
119
342
|
|
|
120
343
|
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).
|
|
344
|
+
|
|
121
345
|
- 🌎 Improve Danish (da-DK) locale
|
|
122
346
|
- 🌎 Improve German (de-DE) locale
|
|
123
347
|
|
|
@@ -136,13 +360,13 @@ The following are all team members who have contributed to this release:
|
|
|
136
360
|
- [l10n] Improve Danish (da-DK) locale (#18428) @ShahrazH
|
|
137
361
|
- [l10n] Improve German (de-DE) locale (#18388) @omalyutin
|
|
138
362
|
|
|
139
|
-
#### `@mui/x-data-grid-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
363
|
+
#### `@mui/x-data-grid-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
140
364
|
|
|
141
365
|
Same changes as in `@mui/x-data-grid@8.6.0`, plus:
|
|
142
366
|
|
|
143
367
|
- [DataGridPro] Fix lazy loading params calculated from rendering context (#18460) @arminmeh
|
|
144
368
|
|
|
145
|
-
#### `@mui/x-data-grid-premium@8.6.0` [](https://mui.com/r/x-premium-svg-link
|
|
369
|
+
#### `@mui/x-data-grid-premium@8.6.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
146
370
|
|
|
147
371
|
Same changes as in `@mui/x-data-grid-pro@8.6.0`.
|
|
148
372
|
|
|
@@ -154,7 +378,7 @@ Same changes as in `@mui/x-data-grid-pro@8.6.0`.
|
|
|
154
378
|
- [pickers] Fix to use latest `value` when updating `lastCommittedValue` in internal state (#18518) @LukasTy
|
|
155
379
|
- [pickers] Use `usePickerAdapter` hook internally instead of `useUtils` (#18465) @LukasTy
|
|
156
380
|
|
|
157
|
-
#### `@mui/x-date-pickers-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
381
|
+
#### `@mui/x-date-pickers-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
158
382
|
|
|
159
383
|
Same changes as in `@mui/x-date-pickers@8.6.0`.
|
|
160
384
|
|
|
@@ -171,7 +395,7 @@ Same changes as in `@mui/x-date-pickers@8.6.0`.
|
|
|
171
395
|
- [charts] Improve touch behavior for polar axis (#18531) @JCQuintas
|
|
172
396
|
- [charts] Add `isElementInside` helper (#18530) @JCQuintas
|
|
173
397
|
|
|
174
|
-
#### `@mui/x-charts-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
398
|
+
#### `@mui/x-charts-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
175
399
|
|
|
176
400
|
Same changes as in `@mui/x-charts@8.6.0`, plus:
|
|
177
401
|
|
|
@@ -185,7 +409,7 @@ Same changes as in `@mui/x-charts@8.6.0`, plus:
|
|
|
185
409
|
|
|
186
410
|
Internal changes.
|
|
187
411
|
|
|
188
|
-
#### `@mui/x-tree-view-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link
|
|
412
|
+
#### `@mui/x-tree-view-pro@8.6.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
189
413
|
|
|
190
414
|
Same changes as in `@mui/x-tree-view@8.6.0`, plus:
|
|
191
415
|
|
|
@@ -1400,7 +1624,6 @@ Same changes as in `@mui/x-date-pickers@8.0.0-beta.3`.
|
|
|
1400
1624
|
|
|
1401
1625
|
- Removed `react-spring` as a dependency of `@mui/x-charts`.
|
|
1402
1626
|
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:
|
|
1403
|
-
|
|
1404
1627
|
- the type of the `x`, `y`, `width` and `height` props of the `bar` slot are now `number`;
|
|
1405
1628
|
- the type of `startAngle`, `endAngle`, `innerRadius`, `outerRadius`, `arcLabelRadius`, `cornerRadius` and `paddingAngle` props of `pieArc` and `pieArcLabel` slot are now `number`.
|
|
1406
1629
|
|
|
@@ -1968,7 +2191,6 @@ Following are all team members who have contributed to this release:
|
|
|
1968
2191
|
- The `slots.baseFormControl` component was removed.
|
|
1969
2192
|
|
|
1970
2193
|
- 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:
|
|
1971
|
-
|
|
1972
2194
|
1. If an initial `columnVisibilityModel` is provided, it resets to that model.
|
|
1973
2195
|
2. If a controlled `columnVisibilityModel` is provided, it resets to the first model value.
|
|
1974
2196
|
3. When the columns are updated (via the `columns` prop or `updateColumns()` API method), the reset reference point updates to the current `columnVisibilityModel`.
|
|
@@ -1991,7 +2213,6 @@ Following are all team members who have contributed to this release:
|
|
|
1991
2213
|
The `exclude` selection type allows to select all rows except the ones in the `ids` set.
|
|
1992
2214
|
|
|
1993
2215
|
This change impacts the following props:
|
|
1994
|
-
|
|
1995
2216
|
- `rowSelectionModel`
|
|
1996
2217
|
- `onRowSelectionModelChange`
|
|
1997
2218
|
- `initialState.rowSelectionModel`
|
|
@@ -2315,7 +2536,6 @@ Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.12`, plus:
|
|
|
2315
2536
|
- 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.
|
|
2316
2537
|
|
|
2317
2538
|
- The following unused formats have been removed from the adapters and can no longer be overridden via the `dateFormats` prop on the `<LocalizationProvider />` component:
|
|
2318
|
-
|
|
2319
2539
|
- `fullTime` - please use `fullTime12h` and `fullTime24h` instead:
|
|
2320
2540
|
```diff
|
|
2321
2541
|
<LocalizationProvider
|
|
@@ -2530,7 +2750,6 @@ Following are all team members who have contributed to this release:
|
|
|
2530
2750
|
|
|
2531
2751
|
- `viewportInnerSize.width` now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns)
|
|
2532
2752
|
- 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:
|
|
2533
|
-
|
|
2534
2753
|
- `bg`: Sets the background color of the entire grid (new property)
|
|
2535
2754
|
- `headerBg`: Sets the background color of the header (previously named `containerBackground`)
|
|
2536
2755
|
- `pinnedBg`: Sets the background color of pinned rows and columns (previously named `pinnedBackground`)
|
|
@@ -2559,7 +2778,6 @@ Following are all team members who have contributed to this release:
|
|
|
2559
2778
|
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.
|
|
2560
2779
|
|
|
2561
2780
|
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:
|
|
2562
|
-
|
|
2563
2781
|
- Use optional chaining
|
|
2564
2782
|
- Use non-null assertion operator if you are sure your code is always executed when the `apiRef` is not `null`
|
|
2565
2783
|
- Return early if `apiRef` is `null`
|
|
@@ -3083,7 +3301,6 @@ Following are all team members who have contributed to this release:
|
|
|
3083
3301
|
#### Breaking changes
|
|
3084
3302
|
|
|
3085
3303
|
- Passing additional props (like `data-*`, `aria-*`) directly on the Data Grid component is no longer supported. To pass the props, use `slotProps`:
|
|
3086
|
-
|
|
3087
3304
|
- For `.root` element, use `slotProps.root`.
|
|
3088
3305
|
- For `.main` element (the one with `role="grid"`), use `slotProps.main`.
|
|
3089
3306
|
|
|
@@ -3600,14 +3817,12 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus:
|
|
|
3600
3817
|
#### Breaking change
|
|
3601
3818
|
|
|
3602
3819
|
- The DX of the Tooltip customization has been refactored
|
|
3603
|
-
|
|
3604
3820
|
- The `tooltip` prop has been removed in favor of `slotProps.tooltip` for consistency.
|
|
3605
3821
|
- The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip.
|
|
3606
3822
|
- 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.
|
|
3607
3823
|
- To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip.
|
|
3608
3824
|
|
|
3609
3825
|
- The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation.
|
|
3610
|
-
|
|
3611
3826
|
- This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot` components.
|
|
3612
3827
|
If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`.
|
|
3613
3828
|
- The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance.
|
|
@@ -3717,14 +3932,12 @@ Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.0`, plus:
|
|
|
3717
3932
|
#### Breaking changes
|
|
3718
3933
|
|
|
3719
3934
|
- 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).
|
|
3720
|
-
|
|
3721
3935
|
- 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.
|
|
3722
3936
|
- 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.
|
|
3723
3937
|
|
|
3724
3938
|
- 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).
|
|
3725
3939
|
|
|
3726
3940
|
- 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).
|
|
3727
|
-
|
|
3728
3941
|
- `UseDateFieldComponentProps`
|
|
3729
3942
|
- `UseTimeFieldComponentProps`
|
|
3730
3943
|
- `UseDateTimeFieldComponentProps`
|
|
@@ -3772,7 +3985,6 @@ Same changes as in `@mui/x-date-pickers@8.0.0-alpha.0`.
|
|
|
3772
3985
|
- 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.
|
|
3773
3986
|
|
|
3774
3987
|
- Removed or renamed multiple props from Series — [Learn more](https://mui.com/x/migration/migration-charts-v7/#series-properties-renaming).
|
|
3775
|
-
|
|
3776
3988
|
- The `highlighted` and `faded` properties of highlightScope have been deprecated in favor of `highlight` and `fade`.
|
|
3777
3989
|
The deprecated ones are now removed.
|
|
3778
3990
|
- The `xAxisKey`, `yAxisKey`, and `zAxisKey` properties have been deprecated in favor of `xAxisId`, `yAxisId`, and `zAxisId`.
|
|
@@ -6036,7 +6248,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
6036
6248
|
<img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
|
|
6037
6249
|
|
|
6038
6250
|
- 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
|
|
6039
|
-
|
|
6040
6251
|
- 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.
|
|
6041
6252
|
- For more context, the initial issue is caused by D3 only exporting ESM.
|
|
6042
6253
|
|
|
@@ -7571,7 +7782,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
7571
7782
|
#### Breaking changes
|
|
7572
7783
|
|
|
7573
7784
|
- 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:
|
|
7574
|
-
|
|
7575
7785
|
1. Move it to the `initialState.density` to initialize it.
|
|
7576
7786
|
|
|
7577
7787
|
```diff
|
|
@@ -8077,7 +8287,6 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
|
|
|
8077
8287
|
```
|
|
8078
8288
|
|
|
8079
8289
|
- The following internal types were exported by mistake and have been removed from the public API:
|
|
8080
|
-
|
|
8081
8290
|
- `UseDateFieldDefaultizedProps`
|
|
8082
8291
|
- `UseTimeFieldDefaultizedProps`
|
|
8083
8292
|
- `UseDateTimeFieldDefaultizedProps`
|
|
@@ -8318,7 +8527,6 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
|
|
|
8318
8527
|
- 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
|
|
8319
8528
|
- 🚀 All charts have click handlers (#11411) @alexfauquette
|
|
8320
8529
|
Test their respective documentation demonstrations to know more about the data format:
|
|
8321
|
-
|
|
8322
8530
|
- [Scatter Chart](https://v7.mui.com/x/react-charts/scatter/#click-event)
|
|
8323
8531
|
- [Line Chart](https://v7.mui.com/x/react-charts/lines/#click-event)
|
|
8324
8532
|
- [Bar Chart](https://v7.mui.com/x/react-charts/bars/#click-event)
|
|
@@ -8598,7 +8806,6 @@ We'd like to offer a big thanks to the 11 contributors who made this release pos
|
|
|
8598
8806
|
```
|
|
8599
8807
|
|
|
8600
8808
|
The most notable changes that might affect your application or tests are:
|
|
8601
|
-
|
|
8602
8809
|
- The `role="grid"` attribute along with related ARIA attributes are now applied to the inner `div` element instead of the root `div` element:
|
|
8603
8810
|
|
|
8604
8811
|
```diff
|
|
@@ -9149,7 +9356,6 @@ We'd like to offer a big thanks to the 6 contributors who made this release poss
|
|
|
9149
9356
|
|
|
9150
9357
|
- The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
|
|
9151
9358
|
- The `getOptionValue` and `getOptionLabel` props were removed from the following components:
|
|
9152
|
-
|
|
9153
9359
|
- `GridEditSingleSelectCell`
|
|
9154
9360
|
- `GridFilterInputSingleSelect`
|
|
9155
9361
|
- `GridFilterInputMultipleSingleSelect`
|
|
@@ -9563,7 +9769,6 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.3`, plus:
|
|
|
9563
9769
|
- Add new parameters to the `shortcuts` slot `onChange` callback
|
|
9564
9770
|
|
|
9565
9771
|
The `onChange` callback fired when selecting a shortcut now requires two new parameters (previously they were optional):
|
|
9566
|
-
|
|
9567
9772
|
- The [`changeImportance`](/x/react-date-pickers/shortcuts/#behavior-when-selecting-a-shortcut) of the shortcut.
|
|
9568
9773
|
- The `item` containing the entire shortcut object.
|
|
9569
9774
|
|
package/DataGrid/index.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
'use client';
|
|
2
3
|
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.useDataGridComponent = void 0;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
7
10
|
var _useGridInitialization = require("../hooks/core/useGridInitialization");
|
|
8
11
|
var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
|
|
9
12
|
var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
|
|
@@ -96,5 +99,10 @@ const useDataGridComponent = (apiRef, props) => {
|
|
|
96
99
|
(0, _virtualization.useGridVirtualization)(apiRef, props);
|
|
97
100
|
(0, _useGridListView.useGridListView)(apiRef, props);
|
|
98
101
|
(0, _useGridDataSource.useGridDataSource)(apiRef, props);
|
|
102
|
+
|
|
103
|
+
// Should be the last thing to run, because all pre-processors should have been registered by now.
|
|
104
|
+
React.useEffect(() => {
|
|
105
|
+
apiRef.current.runAppliersForPendingProcessors();
|
|
106
|
+
});
|
|
99
107
|
};
|
|
100
108
|
exports.useDataGridComponent = useDataGridComponent;
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { RefObject } from '@mui/x-internals/types';
|
|
3
3
|
import { GridScrollParams } from "../models/params/gridScrollParams.js";
|
|
4
4
|
interface ScrollAreaProps {
|
|
5
|
-
scrollDirection: 'left' | 'right';
|
|
5
|
+
scrollDirection: 'left' | 'right' | 'up' | 'down';
|
|
6
6
|
scrollPosition: RefObject<GridScrollParams>;
|
|
7
7
|
}
|
|
8
8
|
declare function GridScrollAreaWrapper(props: ScrollAreaProps): React.JSX.Element | null;
|