@mui/x-tree-view 9.0.0-alpha.4 → 9.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +262 -2
  2. package/RichTreeView/useExtractRichTreeViewParameters.d.mts +11 -11
  3. package/RichTreeView/useExtractRichTreeViewParameters.d.ts +11 -11
  4. package/SimpleTreeView/useExtractSimpleTreeViewParameters.d.mts +11 -11
  5. package/SimpleTreeView/useExtractSimpleTreeViewParameters.d.ts +11 -11
  6. package/TreeItem/TreeItem.d.mts +1 -1
  7. package/TreeItem/TreeItem.d.ts +1 -1
  8. package/TreeItem/TreeItem.js +4 -5
  9. package/TreeItem/TreeItem.mjs +4 -5
  10. package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js +1 -2
  11. package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.mjs +1 -2
  12. package/index.js +1 -1
  13. package/index.mjs +1 -1
  14. package/internals/MinimalTreeViewStore/MinimalTreeViewStore.mjs +3 -3
  15. package/internals/MinimalTreeViewStore/TimeoutManager.mjs +2 -2
  16. package/internals/RichTreeViewStore/RichTreeViewStore.mjs +2 -2
  17. package/internals/SimpleTreeViewStore/SimpleTreeViewStore.mjs +1 -1
  18. package/internals/hooks/useTreeViewRootProps.d.mts +11 -11
  19. package/internals/hooks/useTreeViewRootProps.d.ts +11 -11
  20. package/internals/plugins/jsxItems/TreeViewJSXItemsPlugin.mjs +1 -1
  21. package/package.json +62 -62
  22. package/utils/cache.d.mts +8 -9
  23. package/utils/cache.d.ts +8 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,265 @@
1
1
  # Changelog
2
2
 
3
+ ## 9.0.0-rc.0
4
+
5
+ <!-- generated comparing v9.0.0-beta.0..master -->
6
+
7
+ _Apr 7, 2026_
8
+
9
+ We'd like to extend a big thank you to the 18 contributors who made this release possible.
10
+
11
+ Special thanks go out to these community members for their valuable contributions:
12
+ @mixelburg, @sibananda485, @youjin-hong
13
+
14
+ The following team members contributed to this release:
15
+ @aemartos, @alexfauquette, @arminmeh, @brijeshb42, @flaviendelangle, @JCQuintas, @LukasTy, @mapache-salvaje, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @romgrk, @siriwatknp, @ZeeshanTamboli
16
+
17
+ ### Data Grid
18
+
19
+ #### `@mui/x-data-grid@9.0.0-rc.0`
20
+
21
+ - [DataGrid] Rename filter panel `Columns` label to singular `Column` (#21935) @youjin-hong
22
+ - [DataGrid] Export `GridColumnUnsortedIconProps` for custom column icon slots (#21658) @mixelburg
23
+ - [DataGrid] Remove `x-virtualizer`'s `virtualScroller` from public API (#21936) @romgrk
24
+ - [DataGrid][virtualizer] Scrolling without render gaps (#21616) @romgrk
25
+
26
+ #### `@mui/x-data-grid-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
27
+
28
+ Same changes as in `@mui/x-data-grid@9.0.0-rc.0`, plus:
29
+
30
+ - [DataGridPro] Improve trigger for nested row reordering (#21642) @MBilalShafi
31
+ - [DataGridPro] Undeprecate `onRowsScrollEnd` prop (#21912) @MBilalShafi
32
+
33
+ #### `@mui/x-data-grid-premium@9.0.0-rc.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
34
+
35
+ Same changes as in `@mui/x-data-grid-pro@9.0.0-rc.0`, plus:
36
+
37
+ - [DataGridPremium] Fix clipboard paste issue in portal (#21931) @sibananda485
38
+
39
+ ### Date and Time Pickers
40
+
41
+ #### Breaking changes
42
+
43
+ - Accessible DOM structure is now the only default. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#accessible-dom-structure-is-now-the-default)
44
+ - The `PickerDay2` and `DateRangePickerDay2` components were propagated to stable while removing the previous defaults. [Read more](https://next.mui.com/x/migration/migration-pickers-v8/#day-slot)
45
+
46
+ #### `@mui/x-date-pickers@9.0.0-rc.0`
47
+
48
+ - [pickers] Remove `PickersDay` and `DateRangePickerDay` and promote their `2` versions as replacements (#21739) @michelengelen
49
+
50
+ #### `@mui/x-date-pickers-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
51
+
52
+ Same changes as in `@mui/x-date-pickers@9.0.0-rc.0`.
53
+
54
+ ### Charts
55
+
56
+ #### `@mui/x-charts@9.0.0-rc.0.0`
57
+
58
+ - [charts] Make line visibility toggle start from the baseline (#21893) @alexfauquette
59
+ - [charts] Remove the container overflow (#21955) @alexfauquette
60
+ - [charts] Revert `theme.alpha` for non-channel token (#21965) @siriwatknp
61
+
62
+ #### `@mui/x-charts-pro@9.0.0-rc.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
63
+
64
+ Same changes as in `@mui/x-charts@9.0.0-rc.0.0`, plus:
65
+
66
+ - [charts-pro] Zoom slider touch improvements (#21832) @JCQuintas
67
+ - [charts-pro] Add `seriesIds` filter to zoom slider preview (#21933) @JCQuintas
68
+ - [charts-pro] Fix zoom slider preview with discard filter mode (#21883) @JCQuintas
69
+
70
+ #### `@mui/x-charts-premium@9.0.0-rc.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
71
+
72
+ Same changes as in `@mui/x-charts-pro@9.0.0-rc.0.0`, plus:
73
+
74
+ - [charts-premium] Add series `valueFormatter` to candlestick chart (#21905) @JCQuintas
75
+ - [charts-premium] Add zoom slider preview support for candlestick charts (#21914) @JCQuintas
76
+ - [charts-premium] Allow color customization in `Candlestick` chart (#21838) @JCQuintas
77
+ - [charts-premium] Support hide/show for OHLC (candlestick) series (#21807) @Copilot
78
+ - [charts-premium] Add `dataset` support to `Candlestick` chart (#21872) @JCQuintas
79
+ - [charts-premium] Add candlestick page to sidebar navigation (#21834) @JCQuintas
80
+
81
+ ### Tree View
82
+
83
+ #### `@mui/x-tree-view@9.0.0-rc.0`
84
+
85
+ Internal changes.
86
+
87
+ #### `@mui/x-tree-view-pro@9.0.0-rc.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
88
+
89
+ Same changes as in `@mui/x-tree-view@9.0.0-rc.0`, plus:
90
+
91
+ - [RichTreeViewPro] Allow to auto-expand lazy loaded items (#21759) @flaviendelangle
92
+
93
+ ### Scheduler
94
+
95
+ #### `@mui/x-scheduler@9.0.0-alpha.0`
96
+
97
+ - [scheduler] Add locale files, adapt l10n scripts, and add localization table to docs (#21870) @rita-codes
98
+ - [scheduler] Add planned features to the docs (#21705) @rita-codes
99
+ - [scheduler] Add scheduler to docs introduction (#21845) @rita-codes
100
+ - [scheduler] Add wide docs to scheduler (#21860) @noraleonte
101
+ - [scheduler] All day event bugfixes (#21884) @noraleonte
102
+ - [scheduler] Autofocus title field (#21947) @noraleonte
103
+ - [scheduler] Change default event creation trigger to single click (#21979) @rita-codes
104
+ - [scheduler] Change order of the views on the view selector (#21904) @rita-codes
105
+ - [scheduler] Disabled border color for the repeat day picker in dark mode (#21987) @rita-codes
106
+ - [scheduler] Drop unused dependency (#21956) @flaviendelangle
107
+ - [scheduler] Fix all-day event shifting to previous day in negative UTC offsets (#21994) @rita-codes
108
+ - [scheduler] Fix dark theme localization demos (#21992) @noraleonte
109
+ - [scheduler] Fix licensing confusion in docs (#21939) @rita-codes
110
+ - [scheduler] Fix preferences menu width shift when toggling options + Improve preferences menu accessibility (#21902) @rita-codes
111
+ - [scheduler] Prepare for the alpha launch (#21859) @rita-codes
112
+ - [scheduler] Sync Base UI internals and apply good practices (#21946) @flaviendelangle
113
+ - [scheduler] Update close modal aria label translation (#21940) @rita-codes
114
+ - [scheduler] Add Spanish (es-ES) locale (#21900) @rita-codes
115
+ - [scheduler] Improve French (fr-FR) locale (#21941) @rita-codes
116
+ - [scheduler] Improve Romanian (ro-RO) locale (#21942) @rita-codes
117
+
118
+ #### `@mui/x-scheduler-premium@9.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
119
+
120
+ Same changes as in `@mui/x-scheduler@9.0.0-alpha.0`.
121
+
122
+ ### Codemod
123
+
124
+ #### `@mui/x-codemod@9.0.0-rc.0`
125
+
126
+ Internal changes.
127
+
128
+ ### Docs
129
+
130
+ - [docs] Fix JSDOM → jsdom casing (#21907) @JCQuintas
131
+ - [docs] Remove Joy UI references and dependency (#21937) @siriwatknp
132
+ - [docs] Remove none generated files (#21886) @alexfauquette
133
+ - [docs] Remove unused interactive demo code (#21945) @LukasTy
134
+ - [docs] Revise the Funnel doc (#21677) @mapache-salvaje
135
+ - [docs] Revise the Line chart docs (#21554) @mapache-salvaje
136
+ - [docs] Revise the Radar doc (#21674) @mapache-salvaje
137
+ - [docs] Revise the Sankey doc (#21678) @mapache-salvaje
138
+ - [docs] Revise the Scatter chart docs (#21564) @mapache-salvaje
139
+
140
+ ### Core
141
+
142
+ - [docs-infra] Update to the latest monorepo (#21971) @brijeshb42
143
+ - [internal] Remove checks for `materialVersion >= 6` (#21975) @LukasTy
144
+
145
+ ### Miscellaneous
146
+
147
+ - [core] Bump @mui/material to v9.0.0-beta.1 (#21858) @siriwatknp
148
+ - [core] Update browserslistrc (#21974) @siriwatknp
149
+ - [deps] Bump minimum core packages to 7.3.0 to adopt theme color manipulator (#21892) @siriwatknp
150
+ - [telemetry] Prefer upstream remote over origin for `projectId` (#21882) @aemartos
151
+ - [telemetry] Send `repoHash`, `[x]packageNameHash`, and `rootPathHash` alongside `projectId` (#21896) @aemartos
152
+ - [test] Exclude flaky `DataGrid` argos test (#21977) @MBilalShafi
153
+ - [test] Fix flaky `DataGrid` test (#22000) @arminmeh
154
+ - [test] Remove `componentsProp` test from `describeConformance` (#21897) @ZeeshanTamboli
155
+ - [x-license] Change `orderId` type from `number` to `string` (#21885) @aemartos
156
+
157
+ ## 9.0.0-beta.0
158
+
159
+ <!-- generated comparing v9.0.0-alpha.4..master -->
160
+
161
+ _Mar 27, 2026_
162
+
163
+ We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
164
+
165
+ - 🔊 New Charts voiceover component for improved screen reader support
166
+ - ⌨️ Charts keyboard navigation improvements: axis tooltip now shows when navigating with the keyboard
167
+ - 📊 Charts axes now can be set to automatically resize to fit their content
168
+ - 📝 New `rowCheckbox` slot in Data Grid for easier checkbox column customization
169
+ - ⚡️ `fetchRows()` API in Data Grid Pro now defaults `start` and `end` based on scroll position with lazy loading
170
+ - 🐞 Bugfixes and internal improvements
171
+
172
+ The following team members contributed to this release:
173
+ @aemartos, @alexfauquette, @arminmeh, @cherniavskii, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes
174
+
175
+ ### Data Grid
176
+
177
+ #### `@mui/x-data-grid@9.0.0-beta.0`
178
+
179
+ - [DataGrid] Add `rowCheckbox` slot for easier customization (#21797) @michelengelen
180
+ - [DataGrid] Prevent repeated `hasScrollbar` state updates (#21820) @arminmeh
181
+
182
+ #### `@mui/x-data-grid-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
183
+
184
+ Same changes as in `@mui/x-data-grid@9.0.0-beta.0`, plus:
185
+
186
+ - [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21742) @arminmeh
187
+
188
+ #### `@mui/x-data-grid-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
189
+
190
+ Same changes as in `@mui/x-data-grid-pro@9.0.0-beta.0`.
191
+
192
+ ### Date and Time Pickers
193
+
194
+ #### `@mui/x-date-pickers@9.0.0-beta.0`
195
+
196
+ Internal changes.
197
+
198
+ #### `@mui/x-date-pickers-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
199
+
200
+ Same changes as in `@mui/x-date-pickers@9.0.0-beta.0`.
201
+
202
+ ### Charts
203
+
204
+ #### `@mui/x-charts@9.0.0-beta.0`
205
+
206
+ - [charts] Add `className` prop to Pro chart plot components (#21793) @JCQuintas
207
+ - [charts] Add experimental position-based pointer interaction for line series (#21809) @JCQuintas
208
+ - [charts] Add l10n to the bar accessibility (#21815) @alexfauquette
209
+ - [charts] Add localization for the basic charts (#21822) @alexfauquette
210
+ - [charts] Add voiceover component (#21344) @alexfauquette
211
+ - [charts] Allow axes to automatically resize to content (#21087) @JCQuintas
212
+ - [charts] Document multiple use-cases for references (#21768) @alexfauquette
213
+ - [charts] Remove compatibility layer for React vs native events (#21780) @JCQuintas
214
+ - [charts] Remove deprecated `barLabel` props (#21783) @alexfauquette
215
+ - [charts] Show axis tooltip when navigating with keyboard (#21689) @Copilot
216
+
217
+ #### `@mui/x-charts-pro@9.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
218
+
219
+ Same changes as in `@mui/x-charts@9.0.0-beta.0`.
220
+
221
+ #### `@mui/x-charts-premium@9.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
222
+
223
+ Same changes as in `@mui/x-charts-pro@9.0.0-beta.0`.
224
+
225
+ ### Tree View
226
+
227
+ #### `@mui/x-tree-view@9.0.0-alpha.4`
228
+
229
+ Internal changes.
230
+
231
+ #### `@mui/x-tree-view-pro@9.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
232
+
233
+ Same changes as in `@mui/x-tree-view@9.0.0-alpha.4`.
234
+
235
+ ### Codemod
236
+
237
+ #### `@mui/x-codemod@9.0.0-alpha.4`
238
+
239
+ Internal changes.
240
+
241
+ ### Docs
242
+
243
+ - [docs] Document how to customize voiceover announcement (#21833) @alexfauquette
244
+ - [docs] Remove Discord mention from docs (#21855) @mapache-salvaje
245
+ - [docs] Remove stabilized experimental feature from demo (#21869) @JCQuintas
246
+ - [docs] Update telemetry guide to reflect pseudonymous data collection and license compliance (#21812) @aemartos
247
+ - [docs] Revise the Sparkline doc (#21614) @mapache-salvaje
248
+ - [docs] Revise the Gauge doc (#21673) @mapache-salvaje
249
+ - [docs] Revise the Heatmap doc (#21676) @mapache-salvaje
250
+
251
+ ### Core
252
+
253
+ - [code-infra] Remove unused deps and unify es-toolkit via catalog (#21840) @Janpot
254
+ - [code-infra] Update @mui/internal-bundle-size-checker to canary.68 (#21836) @Janpot
255
+ - [code-infra] Update next (#21837) @Janpot
256
+ - [internal] Remove headless data grid packages (#21843) @cherniavskii
257
+
258
+ ### Miscellaneous
259
+
260
+ - Add @romgrk to CODEOWNERS for `x-virtualizer` and `x-internals` (#21819) @Copilot
261
+ - [x-license] add 2022 plan version (#21814) @aemartos
262
+
3
263
  ## 9.0.0-alpha.4
4
264
 
5
265
  _Mar 19, 2026_
@@ -59,7 +319,7 @@ Same changes as in `@mui/x-date-pickers@9.0.0-alpha.4`.
59
319
  - [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
60
320
  - [charts] Remove deprecated classes (#21775) @alexfauquette
61
321
  - [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
62
- - [charts] Remove get*UtilityClass from public exports (#21769) @JCQuintas
322
+ - [charts] Remove get\*UtilityClass from public exports (#21769) @JCQuintas
63
323
  - [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
64
324
  - [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
65
325
  - [charts] Remove deprecated props about voronoi (#21796) @alexfauquette
@@ -207,7 +467,7 @@ Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
207
467
  - Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
208
468
  - The `<RichTreeViewPro />` component has now virtualization enabled by default.
209
469
  - The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
210
- - The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
470
+ - The items of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
211
471
 
212
472
  #### `@mui/x-tree-view@9.0.0-alpha.3`
213
473
 
package/RichTreeView/useExtractRichTreeViewParameters.d.mts CHANGED
@@ -138,18 +138,18 @@ export declare function useExtractRichTreeViewParameters<R extends TreeViewValid
138
138
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
139
139
  onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
140
140
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
141
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
142
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
141
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
142
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
143
143
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
144
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
147
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
148
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
149
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
150
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
151
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
152
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
144
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
145
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
146
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
147
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
149
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
150
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
151
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
152
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
153
153
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
154
154
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
155
155
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/RichTreeView/useExtractRichTreeViewParameters.d.ts CHANGED
@@ -138,18 +138,18 @@ export declare function useExtractRichTreeViewParameters<R extends TreeViewValid
138
138
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
139
139
  onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
140
140
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
141
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
142
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
141
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
142
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
143
143
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
144
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
147
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
148
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
149
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
150
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
151
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
152
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
144
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
145
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
146
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
147
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
149
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
150
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
151
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
152
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
153
153
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
154
154
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
155
155
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/SimpleTreeView/useExtractSimpleTreeViewParameters.d.mts CHANGED
@@ -137,18 +137,18 @@ export declare function useExtractSimpleTreeViewParameters<Multiple extends bool
137
137
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
138
138
  onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
139
139
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
140
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
141
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
140
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
141
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
142
142
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
143
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
144
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
147
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
148
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
149
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
150
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
151
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
143
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
144
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
145
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
146
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
147
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
149
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
150
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
151
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
152
152
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
153
153
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
154
154
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/SimpleTreeView/useExtractSimpleTreeViewParameters.d.ts CHANGED
@@ -137,18 +137,18 @@ export declare function useExtractSimpleTreeViewParameters<Multiple extends bool
137
137
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
138
138
  onBlur?: React.FocusEventHandler<HTMLUListElement> | undefined;
139
139
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
140
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
141
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
140
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
141
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
142
142
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
143
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
144
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
147
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
148
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
149
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
150
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
151
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
143
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
144
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
145
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
146
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
147
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
149
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
150
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
151
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
152
152
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
153
153
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
154
154
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/TreeItem/TreeItem.d.mts CHANGED
@@ -15,7 +15,7 @@ export declare const TreeItemErrorContainer: import("@emotion/styled").StyledCom
15
15
  export declare const TreeItemLoadingContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/CircularProgress").CircularProgressProps, keyof import("@mui/material/CircularProgress").CircularProgressProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
16
16
  export declare const TreeItemCheckbox: import("@emotion/styled").StyledComponent<Pick<Omit<CheckboxProps & {
17
17
  visible?: boolean;
18
- }, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "inputProps" | "inputRef" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
18
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
19
19
  type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElement>) => React.JSX.Element) & {
20
20
  propTypes?: any;
21
21
  };
package/TreeItem/TreeItem.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const TreeItemErrorContainer: import("@emotion/styled").StyledCom
15
15
  export declare const TreeItemLoadingContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/CircularProgress").CircularProgressProps, keyof import("@mui/material/CircularProgress").CircularProgressProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
16
16
  export declare const TreeItemCheckbox: import("@emotion/styled").StyledComponent<Pick<Omit<CheckboxProps & {
17
17
  visible?: boolean;
18
- }, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "inputProps" | "inputRef" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
18
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>, "form" | "slot" | "style" | "title" | "aria-expanded" | "aria-disabled" | "onDoubleClick" | "aria-hidden" | "content" | "slots" | "slotProps" | "className" | "classes" | "color" | "sx" | "suppressHydrationWarning" | "id" | "lang" | "name" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "icon" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "checked" | "visible" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "indeterminate" | "readOnly" | "required" | "size" | "component" | "checkedIcon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
19
19
  type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElement>) => React.JSX.Element) & {
20
20
  propTypes?: any;
21
21
  };
package/TreeItem/TreeItem.js CHANGED
@@ -14,7 +14,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
14
14
  var _clsx = _interopRequireDefault(require("clsx"));
15
15
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
16
16
  var _unsupportedProp = _interopRequireDefault(require("@mui/utils/unsupportedProp"));
17
- var _styles = require("@mui/material/styles");
18
17
  var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
19
18
  var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
20
19
  var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
@@ -77,17 +76,17 @@ const TreeItemContent = exports.TreeItemContent = (0, _zeroStyled.styled)('div',
77
76
  backgroundColor: (theme.vars || theme).palette.action.focus
78
77
  },
79
78
  '&[data-selected]': {
80
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
79
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity),
81
80
  '&:hover': {
82
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
81
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`),
83
82
  // Reset on touch devices, it doesn't add specificity
84
83
  '@media (hover: none)': {
85
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
84
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity)
86
85
  }
87
86
  }
88
87
  },
89
88
  '&[data-selected][data-focused]': {
90
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
89
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)
91
90
  }
92
91
  }));
93
92
  const TreeItemLabel = exports.TreeItemLabel = (0, _zeroStyled.styled)('div', {
package/TreeItem/TreeItem.mjs CHANGED
@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
9
9
  import clsx from 'clsx';
10
10
  import CircularProgress from '@mui/material/CircularProgress';
11
11
  import unsupportedProp from '@mui/utils/unsupportedProp';
12
- import { alpha } from '@mui/material/styles';
13
12
  import Collapse from '@mui/material/Collapse';
14
13
  import MuiCheckbox from '@mui/material/Checkbox';
15
14
  import useSlotProps from '@mui/utils/useSlotProps';
@@ -70,17 +69,17 @@ export const TreeItemContent = styled('div', {
70
69
  backgroundColor: (theme.vars || theme).palette.action.focus
71
70
  },
72
71
  '&[data-selected]': {
73
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
72
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity),
74
73
  '&:hover': {
75
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
74
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`),
76
75
  // Reset on touch devices, it doesn't add specificity
77
76
  '@media (hover: none)': {
78
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
77
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity)
79
78
  }
80
79
  }
81
80
  },
82
81
  '&[data-selected][data-focused]': {
83
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
82
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`)
84
83
  }
85
84
  }));
86
85
  export const TreeItemLabel = styled('div', {
package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js CHANGED
@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.TreeItemDragAndDropOverlay = TreeItemDragAndDropOverlay;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _styles = require("@mui/material/styles");
12
11
  var _createStyled = require("@mui/system/createStyled");
13
12
  var _zeroStyled = require("../internals/zero-styled");
14
13
  var _jsxRuntime = require("react/jsx-runtime");
@@ -33,7 +32,7 @@ const TreeItemDragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
33
32
  style: {
34
33
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
35
34
  borderRadius: theme.shape.borderRadius,
36
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.dark, theme.palette.action.focusOpacity)
35
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.dark, (theme.vars || theme).palette.action.focusOpacity)
37
36
  }
38
37
  }, {
39
38
  props: {
package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.mjs CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  import PropTypes from 'prop-types';
5
- import { alpha } from '@mui/material/styles';
6
5
  import { shouldForwardProp } from '@mui/system/createStyled';
7
6
  import { styled } from "../internals/zero-styled/index.mjs";
8
7
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -27,7 +26,7 @@ const TreeItemDragAndDropOverlayRoot = styled('div', {
27
26
  style: {
28
27
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
29
28
  borderRadius: theme.shape.borderRadius,
30
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.dark, theme.palette.action.focusOpacity)
29
+ backgroundColor: theme.alpha((theme.vars || theme).palette.primary.dark, (theme.vars || theme).palette.action.focusOpacity)
31
30
  }
32
31
  }, {
33
32
  props: {
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v9.0.0-alpha.4
2
+ * @mui/x-tree-view v9.0.0-rc.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v9.0.0-alpha.4
2
+ * @mui/x-tree-view v9.0.0-rc.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/internals/MinimalTreeViewStore/MinimalTreeViewStore.mjs CHANGED
@@ -12,9 +12,9 @@ import { TreeViewExpansionPlugin } from "../plugins/expansion/index.mjs";
12
12
  import { TreeViewItemPluginManager } from "./TreeViewItemPluginManager.mjs";
13
13
  export class MinimalTreeViewStore extends Store {
14
14
  initialParameters = null;
15
- eventManager = (() => new EventManager())();
16
- timeoutManager = (() => new TimeoutManager())();
17
- itemPluginManager = (() => new TreeViewItemPluginManager())();
15
+ eventManager = new EventManager();
16
+ timeoutManager = new TimeoutManager();
17
+ itemPluginManager = new TreeViewItemPluginManager();
18
18
  constructor(parameters, instanceName, mapper) {
19
19
  const minimalInitialState = createMinimalInitialState(parameters);
20
20
  const initialState = mapper.getInitialState(minimalInitialState, parameters);
package/internals/MinimalTreeViewStore/TimeoutManager.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  export class TimeoutManager {
2
- timeoutIds = (() => new Map())();
3
- intervalIds = (() => new Map())();
2
+ timeoutIds = new Map();
3
+ intervalIds = new Map();
4
4
  startTimeout = (key, delay, fn) => {
5
5
  this.clearTimeout(key);
6
6
  const id = setTimeout(() => {
package/internals/RichTreeViewStore/RichTreeViewStore.mjs CHANGED
@@ -3,13 +3,13 @@ import { TreeViewLabelEditingPlugin } from "../plugins/labelEditing/index.mjs";
3
3
  import { MinimalTreeViewStore } from "../MinimalTreeViewStore/index.mjs";
4
4
  import { parametersToStateMapper } from "./RichTreeViewStore.utils.mjs";
5
5
  export class ExtendableRichTreeViewStore extends MinimalTreeViewStore {
6
- labelEditing = (() => new TreeViewLabelEditingPlugin(this))();
6
+ labelEditing = new TreeViewLabelEditingPlugin(this);
7
7
 
8
8
  /**
9
9
  * Mapper of the RichTreeViewStore.
10
10
  * Can be used by classes extending the RichTreeViewStore to create their own mapper.
11
11
  */
12
- static rawMapper = (() => parametersToStateMapper)();
12
+ static rawMapper = parametersToStateMapper;
13
13
  buildPublicAPI() {
14
14
  return _extends({}, super.buildPublicAPI(), this.labelEditing.buildPublicAPI());
15
15
  }
package/internals/SimpleTreeViewStore/SimpleTreeViewStore.mjs CHANGED
@@ -4,7 +4,7 @@ import { MinimalTreeViewStore } from "../MinimalTreeViewStore/index.mjs";
4
4
  import { TreeViewJSXItemsPlugin } from "../plugins/jsxItems/index.mjs";
5
5
  import { parametersToStateMapper } from "./SimpleTreeViewStore.utils.mjs";
6
6
  export class SimpleTreeViewStore extends MinimalTreeViewStore {
7
- jsxItems = (() => new TreeViewJSXItemsPlugin(this))();
7
+ jsxItems = new TreeViewJSXItemsPlugin(this);
8
8
  constructor(parameters) {
9
9
  super(_extends({}, parameters, {
10
10
  items: EMPTY_ARRAY
package/internals/hooks/useTreeViewRootProps.d.mts CHANGED
@@ -132,18 +132,18 @@ export declare function useTreeViewRootProps<TStore extends TreeViewAnyStore>(st
132
132
  onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLUListElement> | undefined;
133
133
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
134
134
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
135
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
136
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
135
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
136
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
137
137
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
138
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
139
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
140
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
141
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
142
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
143
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
144
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
138
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
139
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
140
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
141
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
142
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
143
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
144
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
145
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
146
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
147
147
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
148
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
149
149
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/internals/hooks/useTreeViewRootProps.d.ts CHANGED
@@ -132,18 +132,18 @@ export declare function useTreeViewRootProps<TStore extends TreeViewAnyStore>(st
132
132
  onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLUListElement> | undefined;
133
133
  onFocusCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
134
134
  onBlurCapture?: React.FocusEventHandler<HTMLUListElement> | undefined;
135
- onChange?: React.FormEventHandler<HTMLUListElement> | undefined;
136
- onChangeCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
135
+ onChange?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
136
+ onChangeCapture?: React.ChangeEventHandler<HTMLUListElement, Element> | undefined;
137
137
  onBeforeInput?: React.InputEventHandler<HTMLUListElement> | undefined;
138
- onBeforeInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
139
- onInput?: React.FormEventHandler<HTMLUListElement> | undefined;
140
- onInputCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
141
- onReset?: React.FormEventHandler<HTMLUListElement> | undefined;
142
- onResetCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
143
- onSubmit?: React.FormEventHandler<HTMLUListElement> | undefined;
144
- onSubmitCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
145
- onInvalid?: React.FormEventHandler<HTMLUListElement> | undefined;
146
- onInvalidCapture?: React.FormEventHandler<HTMLUListElement> | undefined;
138
+ onBeforeInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
139
+ onInput?: React.InputEventHandler<HTMLUListElement> | undefined;
140
+ onInputCapture?: React.InputEventHandler<HTMLUListElement> | undefined;
141
+ onReset?: React.ReactEventHandler<HTMLUListElement> | undefined;
142
+ onResetCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
143
+ onSubmit?: React.SubmitEventHandler<HTMLUListElement> | undefined;
144
+ onSubmitCapture?: React.SubmitEventHandler<HTMLUListElement> | undefined;
145
+ onInvalid?: React.ReactEventHandler<HTMLUListElement> | undefined;
146
+ onInvalidCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
147
147
  onLoad?: React.ReactEventHandler<HTMLUListElement> | undefined;
148
148
  onLoadCapture?: React.ReactEventHandler<HTMLUListElement> | undefined;
149
149
  onError?: React.ReactEventHandler<HTMLUListElement> | undefined;
package/internals/plugins/jsxItems/TreeViewJSXItemsPlugin.mjs CHANGED
@@ -8,7 +8,7 @@ export class TreeViewJSXItemsPlugin {
8
8
  * Tracks which component instance owns each item id,
9
9
  * so that duplicate ids from different components can be detected.
10
10
  */
11
- itemOwners = (() => new Map())();
11
+ itemOwners = new Map();
12
12
  constructor(store) {
13
13
  this.store = store;
14
14
  store.itemPluginManager.register(useJSXItemsItemPlugin, jsxItemsitemWrapper);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-tree-view",
3
- "version": "9.0.0-alpha.4",
3
+ "version": "9.0.0-rc.0",
4
4
  "author": "MUI Team",
5
5
  "description": "The community edition of the MUI X Tree View components.",
6
6
  "license": "MIT",
@@ -32,19 +32,19 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.28.6",
35
- "@base-ui/utils": "^0.2.3",
36
- "@mui/utils": "^7.3.7",
35
+ "@base-ui/utils": "^0.2.6",
36
+ "@mui/utils": "9.0.0-beta.1",
37
37
  "@types/react-transition-group": "^4.4.12",
38
38
  "clsx": "^2.1.1",
39
39
  "prop-types": "^15.8.1",
40
40
  "react-transition-group": "^4.4.5",
41
- "@mui/x-internals": "9.0.0-alpha.4"
41
+ "@mui/x-internals": "9.0.0-rc.0"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "@emotion/react": "^11.9.0",
45
45
  "@emotion/styled": "^11.8.1",
46
- "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
47
- "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
46
+ "@mui/material": "^7.3.0 || ^9.0.0-beta.0 || ^9.0.0",
47
+ "@mui/system": "^7.3.0 || ^9.0.0-beta.1",
48
48
  "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
49
49
  "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
50
50
  },
@@ -77,196 +77,196 @@
77
77
  }
78
78
  },
79
79
  "./RichTreeView": {
80
- "import": {
81
- "types": "./RichTreeView/index.d.mts",
82
- "default": "./RichTreeView/index.mjs"
83
- },
84
80
  "require": {
85
81
  "types": "./RichTreeView/index.d.ts",
86
82
  "default": "./RichTreeView/index.js"
87
83
  },
84
+ "import": {
85
+ "types": "./RichTreeView/index.d.mts",
86
+ "default": "./RichTreeView/index.mjs"
87
+ },
88
88
  "default": {
89
89
  "types": "./RichTreeView/index.d.mts",
90
90
  "default": "./RichTreeView/index.mjs"
91
91
  }
92
92
  },
93
93
  "./SimpleTreeView": {
94
- "import": {
95
- "types": "./SimpleTreeView/index.d.mts",
96
- "default": "./SimpleTreeView/index.mjs"
97
- },
98
94
  "require": {
99
95
  "types": "./SimpleTreeView/index.d.ts",
100
96
  "default": "./SimpleTreeView/index.js"
101
97
  },
98
+ "import": {
99
+ "types": "./SimpleTreeView/index.d.mts",
100
+ "default": "./SimpleTreeView/index.mjs"
101
+ },
102
102
  "default": {
103
103
  "types": "./SimpleTreeView/index.d.mts",
104
104
  "default": "./SimpleTreeView/index.mjs"
105
105
  }
106
106
  },
107
107
  "./TreeItem": {
108
- "import": {
109
- "types": "./TreeItem/index.d.mts",
110
- "default": "./TreeItem/index.mjs"
111
- },
112
108
  "require": {
113
109
  "types": "./TreeItem/index.d.ts",
114
110
  "default": "./TreeItem/index.js"
115
111
  },
112
+ "import": {
113
+ "types": "./TreeItem/index.d.mts",
114
+ "default": "./TreeItem/index.mjs"
115
+ },
116
116
  "default": {
117
117
  "types": "./TreeItem/index.d.mts",
118
118
  "default": "./TreeItem/index.mjs"
119
119
  }
120
120
  },
121
121
  "./TreeItemDragAndDropOverlay": {
122
- "import": {
123
- "types": "./TreeItemDragAndDropOverlay/index.d.mts",
124
- "default": "./TreeItemDragAndDropOverlay/index.mjs"
125
- },
126
122
  "require": {
127
123
  "types": "./TreeItemDragAndDropOverlay/index.d.ts",
128
124
  "default": "./TreeItemDragAndDropOverlay/index.js"
129
125
  },
126
+ "import": {
127
+ "types": "./TreeItemDragAndDropOverlay/index.d.mts",
128
+ "default": "./TreeItemDragAndDropOverlay/index.mjs"
129
+ },
130
130
  "default": {
131
131
  "types": "./TreeItemDragAndDropOverlay/index.d.mts",
132
132
  "default": "./TreeItemDragAndDropOverlay/index.mjs"
133
133
  }
134
134
  },
135
135
  "./TreeItemIcon": {
136
- "import": {
137
- "types": "./TreeItemIcon/index.d.mts",
138
- "default": "./TreeItemIcon/index.mjs"
139
- },
140
136
  "require": {
141
137
  "types": "./TreeItemIcon/index.d.ts",
142
138
  "default": "./TreeItemIcon/index.js"
143
139
  },
140
+ "import": {
141
+ "types": "./TreeItemIcon/index.d.mts",
142
+ "default": "./TreeItemIcon/index.mjs"
143
+ },
144
144
  "default": {
145
145
  "types": "./TreeItemIcon/index.d.mts",
146
146
  "default": "./TreeItemIcon/index.mjs"
147
147
  }
148
148
  },
149
149
  "./TreeItemLabelInput": {
150
- "import": {
151
- "types": "./TreeItemLabelInput/index.d.mts",
152
- "default": "./TreeItemLabelInput/index.mjs"
153
- },
154
150
  "require": {
155
151
  "types": "./TreeItemLabelInput/index.d.ts",
156
152
  "default": "./TreeItemLabelInput/index.js"
157
153
  },
154
+ "import": {
155
+ "types": "./TreeItemLabelInput/index.d.mts",
156
+ "default": "./TreeItemLabelInput/index.mjs"
157
+ },
158
158
  "default": {
159
159
  "types": "./TreeItemLabelInput/index.d.mts",
160
160
  "default": "./TreeItemLabelInput/index.mjs"
161
161
  }
162
162
  },
163
163
  "./TreeItemProvider": {
164
- "import": {
165
- "types": "./TreeItemProvider/index.d.mts",
166
- "default": "./TreeItemProvider/index.mjs"
167
- },
168
164
  "require": {
169
165
  "types": "./TreeItemProvider/index.d.ts",
170
166
  "default": "./TreeItemProvider/index.js"
171
167
  },
168
+ "import": {
169
+ "types": "./TreeItemProvider/index.d.mts",
170
+ "default": "./TreeItemProvider/index.mjs"
171
+ },
172
172
  "default": {
173
173
  "types": "./TreeItemProvider/index.d.mts",
174
174
  "default": "./TreeItemProvider/index.mjs"
175
175
  }
176
176
  },
177
177
  "./hooks": {
178
- "import": {
179
- "types": "./hooks/index.d.mts",
180
- "default": "./hooks/index.mjs"
181
- },
182
178
  "require": {
183
179
  "types": "./hooks/index.d.ts",
184
180
  "default": "./hooks/index.js"
185
181
  },
182
+ "import": {
183
+ "types": "./hooks/index.d.mts",
184
+ "default": "./hooks/index.mjs"
185
+ },
186
186
  "default": {
187
187
  "types": "./hooks/index.d.mts",
188
188
  "default": "./hooks/index.mjs"
189
189
  }
190
190
  },
191
191
  "./icons": {
192
- "import": {
193
- "types": "./icons/index.d.mts",
194
- "default": "./icons/index.mjs"
195
- },
196
192
  "require": {
197
193
  "types": "./icons/index.d.ts",
198
194
  "default": "./icons/index.js"
199
195
  },
196
+ "import": {
197
+ "types": "./icons/index.d.mts",
198
+ "default": "./icons/index.mjs"
199
+ },
200
200
  "default": {
201
201
  "types": "./icons/index.d.mts",
202
202
  "default": "./icons/index.mjs"
203
203
  }
204
204
  },
205
205
  "./internals": {
206
- "import": {
207
- "types": "./internals/index.d.mts",
208
- "default": "./internals/index.mjs"
209
- },
210
206
  "require": {
211
207
  "types": "./internals/index.d.ts",
212
208
  "default": "./internals/index.js"
213
209
  },
210
+ "import": {
211
+ "types": "./internals/index.d.mts",
212
+ "default": "./internals/index.mjs"
213
+ },
214
214
  "default": {
215
215
  "types": "./internals/index.d.mts",
216
216
  "default": "./internals/index.mjs"
217
217
  }
218
218
  },
219
219
  "./models": {
220
- "import": {
221
- "types": "./models/index.d.mts",
222
- "default": "./models/index.mjs"
223
- },
224
220
  "require": {
225
221
  "types": "./models/index.d.ts",
226
222
  "default": "./models/index.js"
227
223
  },
224
+ "import": {
225
+ "types": "./models/index.d.mts",
226
+ "default": "./models/index.mjs"
227
+ },
228
228
  "default": {
229
229
  "types": "./models/index.d.mts",
230
230
  "default": "./models/index.mjs"
231
231
  }
232
232
  },
233
233
  "./themeAugmentation": {
234
- "import": {
235
- "types": "./themeAugmentation/index.d.mts",
236
- "default": "./themeAugmentation/index.mjs"
237
- },
238
234
  "require": {
239
235
  "types": "./themeAugmentation/index.d.ts",
240
236
  "default": "./themeAugmentation/index.js"
241
237
  },
238
+ "import": {
239
+ "types": "./themeAugmentation/index.d.mts",
240
+ "default": "./themeAugmentation/index.mjs"
241
+ },
242
242
  "default": {
243
243
  "types": "./themeAugmentation/index.d.mts",
244
244
  "default": "./themeAugmentation/index.mjs"
245
245
  }
246
246
  },
247
247
  "./useTreeItem": {
248
- "import": {
249
- "types": "./useTreeItem/index.d.mts",
250
- "default": "./useTreeItem/index.mjs"
251
- },
252
248
  "require": {
253
249
  "types": "./useTreeItem/index.d.ts",
254
250
  "default": "./useTreeItem/index.js"
255
251
  },
252
+ "import": {
253
+ "types": "./useTreeItem/index.d.mts",
254
+ "default": "./useTreeItem/index.mjs"
255
+ },
256
256
  "default": {
257
257
  "types": "./useTreeItem/index.d.mts",
258
258
  "default": "./useTreeItem/index.mjs"
259
259
  }
260
260
  },
261
261
  "./utils": {
262
- "import": {
263
- "types": "./utils/index.d.mts",
264
- "default": "./utils/index.mjs"
265
- },
266
262
  "require": {
267
263
  "types": "./utils/index.d.ts",
268
264
  "default": "./utils/index.js"
269
265
  },
266
+ "import": {
267
+ "types": "./utils/index.d.mts",
268
+ "default": "./utils/index.mjs"
269
+ },
270
270
  "default": {
271
271
  "types": "./utils/index.d.mts",
272
272
  "default": "./utils/index.mjs"
package/utils/cache.d.mts CHANGED
@@ -1,4 +1,3 @@
1
- import { TreeViewItemMeta } from "../internals/models/index.mjs";
2
1
  type DataSourceCacheDefaultConfig = {
3
2
  /**
4
3
  * Time To Live for each cache entry in milliseconds.
@@ -7,32 +6,32 @@ type DataSourceCacheDefaultConfig = {
7
6
  */
8
7
  ttl?: number;
9
8
  };
10
- export interface DataSourceCache {
9
+ export interface DataSourceCache<T = any> {
11
10
  /**
12
11
  * Set the cache entry for the given key.
13
12
  * @param {string} key The key of type `string`
14
- * @param {TreeViewItemMeta[]} value The value to be stored in the cache
13
+ * @param {T[]} value The value to be stored in the cache
15
14
  */
16
- set: (key: string, value: TreeViewItemMeta[]) => void;
15
+ set: (key: string, value: T[]) => void;
17
16
  /**
18
17
  * Get the cache entry for the given key.
19
18
  * @param {string} key The key of type `string`
20
- * @returns {TreeViewItemMeta[]} The value stored in the cache
19
+ * @returns {T[] | undefined | -1} The value stored in the cache, `undefined` if not found, or `-1` if the cache entry is stale.
21
20
  */
22
- get: (key: string) => TreeViewItemMeta[] | undefined | -1;
21
+ get: (key: string) => T[] | undefined | -1;
23
22
  /**
24
23
  * Clear the cache.
25
24
  */
26
25
  clear: () => void;
27
26
  }
28
- export declare class DataSourceCacheDefault {
27
+ export declare class DataSourceCacheDefault<T = any> implements DataSourceCache<T> {
29
28
  private cache;
30
29
  private ttl;
31
30
  constructor({
32
31
  ttl
33
32
  }: DataSourceCacheDefaultConfig);
34
- set(key: string, value: TreeViewItemMeta[]): void;
35
- get(key: string): TreeViewItemMeta[] | undefined | -1;
33
+ set(key: string, value: T[]): void;
34
+ get(key: string): T[] | undefined | -1;
36
35
  clear(): void;
37
36
  }
38
37
  export {};
package/utils/cache.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { TreeViewItemMeta } from "../internals/models/index.js";
2
1
  type DataSourceCacheDefaultConfig = {
3
2
  /**
4
3
  * Time To Live for each cache entry in milliseconds.
@@ -7,32 +6,32 @@ type DataSourceCacheDefaultConfig = {
7
6
  */
8
7
  ttl?: number;
9
8
  };
10
- export interface DataSourceCache {
9
+ export interface DataSourceCache<T = any> {
11
10
  /**
12
11
  * Set the cache entry for the given key.
13
12
  * @param {string} key The key of type `string`
14
- * @param {TreeViewItemMeta[]} value The value to be stored in the cache
13
+ * @param {T[]} value The value to be stored in the cache
15
14
  */
16
- set: (key: string, value: TreeViewItemMeta[]) => void;
15
+ set: (key: string, value: T[]) => void;
17
16
  /**
18
17
  * Get the cache entry for the given key.
19
18
  * @param {string} key The key of type `string`
20
- * @returns {TreeViewItemMeta[]} The value stored in the cache
19
+ * @returns {T[] | undefined | -1} The value stored in the cache, `undefined` if not found, or `-1` if the cache entry is stale.
21
20
  */
22
- get: (key: string) => TreeViewItemMeta[] | undefined | -1;
21
+ get: (key: string) => T[] | undefined | -1;
23
22
  /**
24
23
  * Clear the cache.
25
24
  */
26
25
  clear: () => void;
27
26
  }
28
- export declare class DataSourceCacheDefault {
27
+ export declare class DataSourceCacheDefault<T = any> implements DataSourceCache<T> {
29
28
  private cache;
30
29
  private ttl;
31
30
  constructor({
32
31
  ttl
33
32
  }: DataSourceCacheDefaultConfig);
34
- set(key: string, value: TreeViewItemMeta[]): void;
35
- get(key: string): TreeViewItemMeta[] | undefined | -1;
33
+ set(key: string, value: T[]): void;
34
+ get(key: string): T[] | undefined | -1;
36
35
  clear(): void;
37
36
  }
38
37
  export {};