@mui/x-tree-view 9.0.0-alpha.2 → 9.0.0-alpha.4
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 +246 -1
- package/RichTreeView/RichTreeView.js +2 -1
- package/RichTreeView/RichTreeView.mjs +2 -1
- package/SimpleTreeView/SimpleTreeView.js +2 -1
- package/SimpleTreeView/SimpleTreeView.mjs +2 -1
- package/TreeItem/TreeItem.d.mts +1 -1
- package/TreeItem/TreeItem.d.ts +1 -1
- package/TreeItem/TreeItem.js +2 -8
- package/TreeItem/TreeItem.mjs +2 -8
- package/TreeItem/treeItemClasses.d.mts +0 -30
- package/TreeItem/treeItemClasses.d.ts +0 -30
- package/TreeItem/treeItemClasses.js +1 -3
- package/TreeItem/treeItemClasses.mjs +1 -3
- package/hooks/index.d.mts +0 -1
- package/hooks/index.d.ts +0 -1
- package/hooks/index.js +0 -7
- package/hooks/index.mjs +0 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internals/MinimalTreeViewStore/MinimalTreeViewStore.types.d.mts +3 -2
- package/internals/MinimalTreeViewStore/MinimalTreeViewStore.types.d.ts +3 -2
- package/internals/MinimalTreeViewStore/TimeoutManager.js +1 -1
- package/internals/MinimalTreeViewStore/TimeoutManager.mjs +1 -1
- package/internals/plugins/jsxItems/TreeViewJSXItemsPlugin.js +11 -0
- package/internals/plugins/jsxItems/TreeViewJSXItemsPlugin.mjs +11 -0
- package/models/items.d.mts +0 -6
- package/models/items.d.ts +0 -6
- package/package.json +2 -2
- package/useTreeItem/useTreeItem.js +1 -2
- package/useTreeItem/useTreeItem.mjs +1 -2
- package/useTreeItem/useTreeItem.types.d.mts +0 -4
- package/useTreeItem/useTreeItem.types.d.ts +0 -4
- package/hooks/useTreeViewApiRef.d.mts +0 -6
- package/hooks/useTreeViewApiRef.d.ts +0 -6
- package/hooks/useTreeViewApiRef.js +0 -13
- package/hooks/useTreeViewApiRef.mjs +0 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,250 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 9.0.0-alpha.4
|
|
4
|
+
|
|
5
|
+
_Mar 19, 2026_
|
|
6
|
+
|
|
7
|
+
We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
8
|
+
|
|
9
|
+
- 🐞 Bugfixes and internal improvements
|
|
10
|
+
|
|
11
|
+
The following team members contributed to this release:
|
|
12
|
+
@aemartos, @alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes, @sai6855, @siriwatknp
|
|
13
|
+
|
|
14
|
+
### Data Grid
|
|
15
|
+
|
|
16
|
+
#### `@mui/x-data-grid@9.0.0-alpha.4`
|
|
17
|
+
|
|
18
|
+
- [DataGrid] Mark charts integration as stable (#21764) @JCQuintas
|
|
19
|
+
- [DataGrid] Move `elementOverrides` to constants and remove duplicates (#21618) @sai6855
|
|
20
|
+
- [DataGrid] Migrate from deprecated Material UI APIs (#21682) @siriwatknp
|
|
21
|
+
|
|
22
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
23
|
+
|
|
24
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.4`.
|
|
25
|
+
|
|
26
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.4` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
27
|
+
|
|
28
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.4`.
|
|
29
|
+
|
|
30
|
+
### Date and Time Pickers
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.4`
|
|
33
|
+
|
|
34
|
+
- [pickers] Avoid stealing focus on click away (#13434) @LukasTy
|
|
35
|
+
- [pickers] Promote `fieldRef` to stable and add `clearValue` method (#21655) @michelengelen
|
|
36
|
+
|
|
37
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
38
|
+
|
|
39
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.4`.
|
|
40
|
+
|
|
41
|
+
### Charts
|
|
42
|
+
|
|
43
|
+
#### `@mui/x-charts@9.0.0-alpha.4`
|
|
44
|
+
|
|
45
|
+
- [charts] Add v9 chart series types and helper functions migration (#21009) @bernardobelchior
|
|
46
|
+
- [charts] Extract event listener to the layer container (#21751) @alexfauquette
|
|
47
|
+
- [charts] Fix WebGL print export canvas stretching (#21738) @JCQuintas
|
|
48
|
+
- [charts] Improve deprecation warnings (#21760) @alexfauquette
|
|
49
|
+
- [charts] Improve type safety in `identifierCleaner` (#21719) @bernardobelchior
|
|
50
|
+
- [charts] Make `preferStrictDomainInLineCharts` the default (#21744) @JCQuintas
|
|
51
|
+
- [charts] Move title and description to the layer container (#21757) @alexfauquette
|
|
52
|
+
- [charts] Refactor `FunnelChart` classes structure (#21652) @JCQuintas
|
|
53
|
+
- [charts] Refactor `Heatmap` classes structure (#21653) @JCQuintas
|
|
54
|
+
- [charts] Refactor `RadarChart` classes structure (#21650) @JCQuintas
|
|
55
|
+
- [charts] Refactor `SankeyChart` classes structure (#21654) @JCQuintas
|
|
56
|
+
- [charts] Refactor legend getters to use utility functions (#21628) @sai6855
|
|
57
|
+
- [charts] Remove deprecated `ChartContainer` and `ChartDataProvider` (#21777) @alexfauquette
|
|
58
|
+
- [charts] Remove deprecated `itemId` from `SeriesLegendItemContext` (#21788) @alexfauquette
|
|
59
|
+
- [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
|
|
60
|
+
- [charts] Remove deprecated classes (#21775) @alexfauquette
|
|
61
|
+
- [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
|
|
62
|
+
- [charts] Remove get*UtilityClass from public exports (#21769) @JCQuintas
|
|
63
|
+
- [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
|
|
64
|
+
- [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
|
|
65
|
+
- [charts] Remove deprecated props about voronoi (#21796) @alexfauquette
|
|
66
|
+
- [charts] Remove deprecated pieArcClasses (#21795) @alexfauquette
|
|
67
|
+
- [charts] Rename `data-series-id` by `data-series` (#21761) @alexfauquette
|
|
68
|
+
- [charts] Rename `voronoiMaxRadius`/`disableVoronoi` to `hitAreaRadius`/`disableHitArea` (#21750) @bernardobelchior
|
|
69
|
+
- [charts] Update pt-PT locale (#21296) @bernardobelchior
|
|
70
|
+
- [charts] Use different shape per series by default (#21713) @alexfauquette
|
|
71
|
+
- [charts] Add className prop to Radar components (#21794) @JCQuintas
|
|
72
|
+
- [charts] Add className prop to shared chart components (#21792) @JCQuintas
|
|
73
|
+
- [charts] Add className prop to BarPlot (#21791) @JCQuintas
|
|
74
|
+
- [charts] Portal tooltip into ChartsLayerContainer (#21801) @JCQuintas
|
|
75
|
+
|
|
76
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
77
|
+
|
|
78
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.4`, plus:
|
|
79
|
+
|
|
80
|
+
- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21716) @JCQuintas
|
|
81
|
+
- [charts-pro] Remove deprecated `onAxisClick` for Heatmap (#21786) @alexfauquette
|
|
82
|
+
|
|
83
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.4` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
84
|
+
|
|
85
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.4`, plus:
|
|
86
|
+
|
|
87
|
+
- [charts-premium] Add candlestick chart (#21129) @bernardobelchior
|
|
88
|
+
|
|
89
|
+
### Tree View
|
|
90
|
+
|
|
91
|
+
#### `@mui/x-tree-view@9.0.0-alpha.4`
|
|
92
|
+
|
|
93
|
+
Internal changes.
|
|
94
|
+
|
|
95
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
96
|
+
|
|
97
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.4`.
|
|
98
|
+
|
|
99
|
+
### Codemod
|
|
100
|
+
|
|
101
|
+
#### `@mui/x-codemod@9.0.0-alpha.4`
|
|
102
|
+
|
|
103
|
+
Internal changes.
|
|
104
|
+
|
|
105
|
+
### Docs
|
|
106
|
+
|
|
107
|
+
- [docs-infra] Exclude `ServerSideLazyLoadingRevalidation` from argos (#21734) @sai6855
|
|
108
|
+
- [docs] Update charts v9 migration guide to include premium package (#21743) @bernardobelchior
|
|
109
|
+
- [docs] Update v9 migration guides to install next tag (#21741) @bernardobelchior
|
|
110
|
+
- [docs] Revise the Pie chart docs (#21565) @mapache-salvaje
|
|
111
|
+
- [docs] Revise the Bar Chart docs (#21482) @mapache-salvaje
|
|
112
|
+
- [docs] Removed a `console.log` from an aggregation demo (#21698) @michelengelen
|
|
113
|
+
|
|
114
|
+
### Core
|
|
115
|
+
|
|
116
|
+
- [code-infra] Add pkg-pr-new as dev dependency (#21754) @Janpot
|
|
117
|
+
- [code-infra] Prevent `combiner` to have default parameters (#21707) @JCQuintas
|
|
118
|
+
- [code-infra] Remove CI coverage collection and upload to Codecov (#21671) @Janpot
|
|
119
|
+
- [internal] Remove @bernardobelchior from Charts CODEOWNERS (#21776) @Copilot
|
|
120
|
+
|
|
121
|
+
### Miscellaneous
|
|
122
|
+
|
|
123
|
+
- [x-license] Fix process.env.MUI_VERSION not being replaced during build (#21727) @aemartos
|
|
124
|
+
- [x-license] Add new watermark license status message (#21720) @aemartos
|
|
125
|
+
|
|
126
|
+
## 9.0.0-alpha.3
|
|
127
|
+
|
|
128
|
+
_Mar 12, 2026_
|
|
129
|
+
|
|
130
|
+
We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
131
|
+
|
|
132
|
+
- 🐞 Bugfixes and internal improvements
|
|
133
|
+
|
|
134
|
+
The following team members contributed to this release:
|
|
135
|
+
@aemartos, @alexfauquette, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @michelengelen, @rita-codes, @sai6855, @siriwatknp
|
|
136
|
+
|
|
137
|
+
### Data Grid
|
|
138
|
+
|
|
139
|
+
#### `@mui/x-data-grid@9.0.0-alpha.3`
|
|
140
|
+
|
|
141
|
+
- [DataGrid] Fix crash when `rows` and `rowModesModel` are updated simultaneously (#21265) @michelengelen
|
|
142
|
+
- [DataGrid] Add missing `resizablePanelHandle` classes to `gridClasses` object (#21538) @sai6855
|
|
143
|
+
- [DataGrid] Refactor `headerAlign` style calls (#21541) @sai6855
|
|
144
|
+
|
|
145
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
146
|
+
|
|
147
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.3`, plus:
|
|
148
|
+
|
|
149
|
+
- [DataGridPro] Add `role="presentation"` to detail panel toggle header content (#21634) @michelengelen
|
|
150
|
+
- [DataGridPro] Fix sorting not reflected in nested server-side data (#21619) @MBilalShafi
|
|
151
|
+
|
|
152
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
153
|
+
|
|
154
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.3`.
|
|
155
|
+
|
|
156
|
+
### Date and Time Pickers
|
|
157
|
+
|
|
158
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.3`
|
|
159
|
+
|
|
160
|
+
- [pickers] Refactor `DateRangePickerDay` overrides to use a centralized `elementOverrides` object (#21426) @sai6855
|
|
161
|
+
- [pickers] Migrate from deprecated props for `PickersModalDialog` (#21702) @siriwatknp
|
|
162
|
+
|
|
163
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
164
|
+
|
|
165
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.3`.
|
|
166
|
+
|
|
167
|
+
### Charts
|
|
168
|
+
|
|
169
|
+
#### `@mui/x-charts@9.0.0-alpha.3`
|
|
170
|
+
|
|
171
|
+
- [charts] Differentiate Line Plot roots classes (#21679) @JCQuintas
|
|
172
|
+
- [charts] Enable keyboard navigation by default (#21675) @alexfauquette
|
|
173
|
+
- [charts] Fix keyboard tooltip radar (#21667) @alexfauquette
|
|
174
|
+
- [charts] Fix selector default parameter (#21638) @JCQuintas
|
|
175
|
+
- [charts] Fix tooltip blink between node and pointer anchor (#21611) @alexfauquette
|
|
176
|
+
- [charts] Let tooltip and legend reflect the line shape (#21475) @alexfauquette
|
|
177
|
+
- [charts] Refactor `BarChart` classes structure (#21601) @JCQuintas
|
|
178
|
+
- [charts] Refactor `LineChart` classes structure (#21648) @JCQuintas
|
|
179
|
+
- [charts] Refactor `ScatterChart` classes structure (#21651) @JCQuintas
|
|
180
|
+
- [charts] Refactor `PieChart` classes structure (#21649) @JCQuintas
|
|
181
|
+
- [charts] Remove batch rendering checks in highlight selectors (#21646) @bernardobelchior
|
|
182
|
+
- [charts] Standardize generic arg names to `SeriesType` (#21694) @alexfauquette
|
|
183
|
+
- [charts] Simplify highlight hooks return types (#21695) @alexfauquette
|
|
184
|
+
|
|
185
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
186
|
+
|
|
187
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.3`, plus:
|
|
188
|
+
|
|
189
|
+
- [charts-pro] Fix heatmap style override from `arc` to `cell` (#21693) @Copilot
|
|
190
|
+
- [charts-pro] Fix image export truncated when page is zoomed out (#21685) @bernardobelchior
|
|
191
|
+
- [charts-pro] Speed-up heatmap cell search with an index lookup (#21130) @alexfauquette
|
|
192
|
+
- [charts-pro] Fix heatmap highlight not working (#21710) @Copilot
|
|
193
|
+
|
|
194
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
195
|
+
|
|
196
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
|
|
197
|
+
|
|
198
|
+
- [charts-premium] Re-enable WebGL tests (#21708) @bernardobelchior
|
|
199
|
+
|
|
200
|
+
### Tree View
|
|
201
|
+
|
|
202
|
+
#### Breaking changes
|
|
203
|
+
|
|
204
|
+
- Remove `TreeViewBaseItem` type (use `TreeViewDefaultItemModelProperties` or a custom interface)
|
|
205
|
+
- Remove `useTreeViewApiRef` hook (use `useRichTreeViewApiRef`, `useSimpleTreeViewApiRef`, or `useRichTreeViewProApiRef`)
|
|
206
|
+
- Remove `status` from content slot props returned by `getContentProps()` (use `data-*` attributes; `status` on `useTreeItem` return value is unchanged)
|
|
207
|
+
- Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
|
|
208
|
+
- The `<RichTreeViewPro />` component has now virtualization enabled by default.
|
|
209
|
+
- 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.
|
|
211
|
+
|
|
212
|
+
#### `@mui/x-tree-view@9.0.0-alpha.3`
|
|
213
|
+
|
|
214
|
+
- [tree view] Remove deprecated APIs (#21591) @flaviendelangle
|
|
215
|
+
- [tree view] Fix collapsed children not selected with `selectionPropagation.descendants` in `SimpleTreeView` (#21253) @flaviendelangle
|
|
216
|
+
|
|
217
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
218
|
+
|
|
219
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.3`, plus:
|
|
220
|
+
|
|
221
|
+
- [RichTreeViewPro] Make the virtualization opt-out and port the layout doc from the data grid (#21461) @flaviendelangle
|
|
222
|
+
|
|
223
|
+
### Codemod
|
|
224
|
+
|
|
225
|
+
#### `@mui/x-codemod@9.0.0-alpha.3`
|
|
226
|
+
|
|
227
|
+
Internal changes.
|
|
228
|
+
|
|
229
|
+
### Docs
|
|
230
|
+
|
|
231
|
+
- [docs] Fix `AssistantWithDataSource` demo crashing (#21555) @sai6855
|
|
232
|
+
- [docs] Remove `Preview` pill from Sankey (#21623) @bernardobelchior
|
|
233
|
+
- [docs] Migrate internal Material UI deprecated APIs (#21680) @siriwatknp
|
|
234
|
+
- [docs] Remove `New` flag on Tree View and Date and Time Pickers features released before v9 alpha (#21585) @flaviendelangle
|
|
235
|
+
|
|
236
|
+
### Core
|
|
237
|
+
|
|
238
|
+
- [code-infra] Remove checkout step (#21688) @Janpot
|
|
239
|
+
- [code-infra] Fix contributor generation in changelog (#21718) @brijeshb42
|
|
240
|
+
- [docs-infra] Do not point to non-existent v8 subdomain (#21640) @cherniavskii
|
|
241
|
+
|
|
242
|
+
### Miscellaneous
|
|
243
|
+
|
|
244
|
+
- [test] Add missing tests for forwarding props to filter operators in DataGrid (#21441) @siriwatknp
|
|
245
|
+
- [x-license] Export additional license types and constants (#21625) @aemartos
|
|
246
|
+
- [x-license] Refactor license verification to accept package info object and add v9 version gating (#21690) @aemartos
|
|
247
|
+
|
|
3
248
|
## 9.0.0-alpha.2
|
|
4
249
|
|
|
5
250
|
_Mar 5, 2026_
|
|
@@ -92,7 +337,7 @@ Internal changes.
|
|
|
92
337
|
|
|
93
338
|
- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
|
|
94
339
|
- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
|
|
95
|
-
- [docs] Update Roadmap section in the docs
|
|
340
|
+
- [docs] Update Roadmap section in the docs (#20892) @alelthomas
|
|
96
341
|
- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
|
|
97
342
|
- [docs] Fix missing codemod docs (#21604) @JCQuintas
|
|
98
343
|
|
|
@@ -268,7 +268,8 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
|
|
|
268
268
|
itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
269
269
|
/**
|
|
270
270
|
* Sets the height in pixel of an item.
|
|
271
|
-
*
|
|
271
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
272
|
+
* @default null
|
|
272
273
|
*/
|
|
273
274
|
itemHeight: _propTypes.default.number,
|
|
274
275
|
items: _propTypes.default.array.isRequired,
|
|
@@ -261,7 +261,8 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
|
|
|
261
261
|
itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
262
262
|
/**
|
|
263
263
|
* Sets the height in pixel of an item.
|
|
264
|
-
*
|
|
264
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
265
|
+
* @default null
|
|
265
266
|
*/
|
|
266
267
|
itemHeight: PropTypes.number,
|
|
267
268
|
items: PropTypes.array.isRequired,
|
|
@@ -194,7 +194,8 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
|
|
|
194
194
|
itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
195
195
|
/**
|
|
196
196
|
* Sets the height in pixel of an item.
|
|
197
|
-
*
|
|
197
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
198
|
+
* @default null
|
|
198
199
|
*/
|
|
199
200
|
itemHeight: _propTypes.default.number,
|
|
200
201
|
/**
|
|
@@ -187,7 +187,8 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
|
|
|
187
187
|
itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
188
188
|
/**
|
|
189
189
|
* Sets the height in pixel of an item.
|
|
190
|
-
*
|
|
190
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
191
|
+
* @default null
|
|
191
192
|
*/
|
|
192
193
|
itemHeight: PropTypes.number,
|
|
193
194
|
/**
|
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" | "
|
|
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>, {}, {}>;
|
|
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" | "
|
|
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>, {}, {}>;
|
|
19
19
|
type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElement>) => React.JSX.Element) & {
|
|
20
20
|
propTypes?: any;
|
|
21
21
|
};
|
package/TreeItem/TreeItem.js
CHANGED
|
@@ -197,13 +197,7 @@ const useUtilityClasses = classesProp => {
|
|
|
197
197
|
labelInput: ['labelInput'],
|
|
198
198
|
dragAndDropOverlay: ['dragAndDropOverlay'],
|
|
199
199
|
errorIcon: ['errorIcon'],
|
|
200
|
-
loadingIcon: ['loadingIcon']
|
|
201
|
-
expanded: ['expanded'],
|
|
202
|
-
editing: ['editing'],
|
|
203
|
-
editable: ['editable'],
|
|
204
|
-
selected: ['selected'],
|
|
205
|
-
focused: ['focused'],
|
|
206
|
-
disabled: ['disabled']
|
|
200
|
+
loadingIcon: ['loadingIcon']
|
|
207
201
|
};
|
|
208
202
|
return (0, _composeClasses.default)(slots, _treeItemClasses.getTreeItemUtilityClass, classes);
|
|
209
203
|
};
|
|
@@ -274,7 +268,7 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
|
|
|
274
268
|
getSlotProps: getContentProps,
|
|
275
269
|
externalSlotProps: slotProps.content,
|
|
276
270
|
ownerState: {},
|
|
277
|
-
className:
|
|
271
|
+
className: classes.content
|
|
278
272
|
});
|
|
279
273
|
const IconContainer = slots.iconContainer ?? TreeItemIconContainer;
|
|
280
274
|
const iconContainerProps = (0, _useSlotProps.default)({
|
package/TreeItem/TreeItem.mjs
CHANGED
|
@@ -190,13 +190,7 @@ const useUtilityClasses = classesProp => {
|
|
|
190
190
|
labelInput: ['labelInput'],
|
|
191
191
|
dragAndDropOverlay: ['dragAndDropOverlay'],
|
|
192
192
|
errorIcon: ['errorIcon'],
|
|
193
|
-
loadingIcon: ['loadingIcon']
|
|
194
|
-
expanded: ['expanded'],
|
|
195
|
-
editing: ['editing'],
|
|
196
|
-
editable: ['editable'],
|
|
197
|
-
selected: ['selected'],
|
|
198
|
-
focused: ['focused'],
|
|
199
|
-
disabled: ['disabled']
|
|
193
|
+
loadingIcon: ['loadingIcon']
|
|
200
194
|
};
|
|
201
195
|
return composeClasses(slots, getTreeItemUtilityClass, classes);
|
|
202
196
|
};
|
|
@@ -267,7 +261,7 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
267
261
|
getSlotProps: getContentProps,
|
|
268
262
|
externalSlotProps: slotProps.content,
|
|
269
263
|
ownerState: {},
|
|
270
|
-
className:
|
|
264
|
+
className: classes.content
|
|
271
265
|
});
|
|
272
266
|
const IconContainer = slots.iconContainer ?? TreeItemIconContainer;
|
|
273
267
|
const iconContainerProps = useSlotProps({
|
|
@@ -19,36 +19,6 @@ export interface TreeItemClasses {
|
|
|
19
19
|
errorIcon: string;
|
|
20
20
|
/** Styles applied to the loading icon element */
|
|
21
21
|
loadingIcon: string;
|
|
22
|
-
/**
|
|
23
|
-
* State class applied to the content element when the item is expanded.
|
|
24
|
-
* @deprecated Use the `data-expanded` attribute instead.
|
|
25
|
-
*/
|
|
26
|
-
expanded: string;
|
|
27
|
-
/**
|
|
28
|
-
* State class applied to the content element when the item is selected.
|
|
29
|
-
* @deprecated Use the `data-selected` attribute instead.
|
|
30
|
-
*/
|
|
31
|
-
selected: string;
|
|
32
|
-
/**
|
|
33
|
-
* State class applied to the content element when the item is focused.
|
|
34
|
-
* @deprecated Use the `data-focused` attribute instead.
|
|
35
|
-
*/
|
|
36
|
-
focused: string;
|
|
37
|
-
/**
|
|
38
|
-
* State class applied to the content element when the item is disabled.
|
|
39
|
-
* @deprecated Use the `data-disabled` attribute instead.
|
|
40
|
-
*/
|
|
41
|
-
disabled: string;
|
|
42
|
-
/**
|
|
43
|
-
* State class applied to the content element when the item is editable.
|
|
44
|
-
* @deprecated Use the `data-editable` attribute instead.
|
|
45
|
-
*/
|
|
46
|
-
editable: string;
|
|
47
|
-
/**
|
|
48
|
-
* State class applied to the content element when the item is being edited.
|
|
49
|
-
* @deprecated Use the `data-editing` attribute instead.
|
|
50
|
-
*/
|
|
51
|
-
editing: string;
|
|
52
22
|
}
|
|
53
23
|
export type TreeItemClassKey = keyof TreeItemClasses;
|
|
54
24
|
export declare function getTreeItemUtilityClass(slot: string): string;
|
|
@@ -19,36 +19,6 @@ export interface TreeItemClasses {
|
|
|
19
19
|
errorIcon: string;
|
|
20
20
|
/** Styles applied to the loading icon element */
|
|
21
21
|
loadingIcon: string;
|
|
22
|
-
/**
|
|
23
|
-
* State class applied to the content element when the item is expanded.
|
|
24
|
-
* @deprecated Use the `data-expanded` attribute instead.
|
|
25
|
-
*/
|
|
26
|
-
expanded: string;
|
|
27
|
-
/**
|
|
28
|
-
* State class applied to the content element when the item is selected.
|
|
29
|
-
* @deprecated Use the `data-selected` attribute instead.
|
|
30
|
-
*/
|
|
31
|
-
selected: string;
|
|
32
|
-
/**
|
|
33
|
-
* State class applied to the content element when the item is focused.
|
|
34
|
-
* @deprecated Use the `data-focused` attribute instead.
|
|
35
|
-
*/
|
|
36
|
-
focused: string;
|
|
37
|
-
/**
|
|
38
|
-
* State class applied to the content element when the item is disabled.
|
|
39
|
-
* @deprecated Use the `data-disabled` attribute instead.
|
|
40
|
-
*/
|
|
41
|
-
disabled: string;
|
|
42
|
-
/**
|
|
43
|
-
* State class applied to the content element when the item is editable.
|
|
44
|
-
* @deprecated Use the `data-editable` attribute instead.
|
|
45
|
-
*/
|
|
46
|
-
editable: string;
|
|
47
|
-
/**
|
|
48
|
-
* State class applied to the content element when the item is being edited.
|
|
49
|
-
* @deprecated Use the `data-editing` attribute instead.
|
|
50
|
-
*/
|
|
51
|
-
editing: string;
|
|
52
22
|
}
|
|
53
23
|
export type TreeItemClassKey = keyof TreeItemClasses;
|
|
54
24
|
export declare function getTreeItemUtilityClass(slot: string): string;
|
|
@@ -11,6 +11,4 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
|
|
|
11
11
|
function getTreeItemUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiTreeItem', slot);
|
|
13
13
|
}
|
|
14
|
-
const treeItemClasses = exports.treeItemClasses = (0, _generateUtilityClasses.default)('MuiTreeItem', ['root', 'content', 'groupTransition', 'iconContainer', 'label', 'checkbox', 'labelInput', 'dragAndDropOverlay', 'errorIcon', 'loadingIcon'
|
|
15
|
-
// State classes, will be replaced by data-attrs in the next major
|
|
16
|
-
'expanded', 'selected', 'focused', 'disabled', 'editable', 'editing']);
|
|
14
|
+
const treeItemClasses = exports.treeItemClasses = (0, _generateUtilityClasses.default)('MuiTreeItem', ['root', 'content', 'groupTransition', 'iconContainer', 'label', 'checkbox', 'labelInput', 'dragAndDropOverlay', 'errorIcon', 'loadingIcon']);
|
|
@@ -3,6 +3,4 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
|
3
3
|
export function getTreeItemUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiTreeItem', slot);
|
|
5
5
|
}
|
|
6
|
-
export const treeItemClasses = generateUtilityClasses('MuiTreeItem', ['root', 'content', 'groupTransition', 'iconContainer', 'label', 'checkbox', 'labelInput', 'dragAndDropOverlay', 'errorIcon', 'loadingIcon'
|
|
7
|
-
// State classes, will be replaced by data-attrs in the next major
|
|
8
|
-
'expanded', 'selected', 'focused', 'disabled', 'editable', 'editing']);
|
|
6
|
+
export const treeItemClasses = generateUtilityClasses('MuiTreeItem', ['root', 'content', 'groupTransition', 'iconContainer', 'label', 'checkbox', 'labelInput', 'dragAndDropOverlay', 'errorIcon', 'loadingIcon']);
|
package/hooks/index.d.mts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { useTreeItemUtils } from "./useTreeItemUtils/index.mjs";
|
|
2
2
|
export { useTreeItemModel } from "./useTreeItemModel.mjs";
|
|
3
3
|
export { useApplyPropagationToSelectedItemsOnMount } from "./useApplyPropagationToSelectedItemsOnMount.mjs";
|
|
4
|
-
export { useTreeViewApiRef } from "./useTreeViewApiRef.mjs";
|
|
5
4
|
export { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
|
|
6
5
|
export { useSimpleTreeViewApiRef } from "./useSimpleTreeViewApiRef.mjs";
|
package/hooks/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { useTreeItemUtils } from "./useTreeItemUtils/index.js";
|
|
2
2
|
export { useTreeItemModel } from "./useTreeItemModel.js";
|
|
3
3
|
export { useApplyPropagationToSelectedItemsOnMount } from "./useApplyPropagationToSelectedItemsOnMount.js";
|
|
4
|
-
export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
|
|
5
4
|
export { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.js";
|
|
6
5
|
export { useSimpleTreeViewApiRef } from "./useSimpleTreeViewApiRef.js";
|
package/hooks/index.js
CHANGED
|
@@ -33,15 +33,8 @@ Object.defineProperty(exports, "useTreeItemUtils", {
|
|
|
33
33
|
return _useTreeItemUtils.useTreeItemUtils;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
Object.defineProperty(exports, "useTreeViewApiRef", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _useTreeViewApiRef.useTreeViewApiRef;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
36
|
var _useTreeItemUtils = require("./useTreeItemUtils");
|
|
43
37
|
var _useTreeItemModel = require("./useTreeItemModel");
|
|
44
38
|
var _useApplyPropagationToSelectedItemsOnMount = require("./useApplyPropagationToSelectedItemsOnMount");
|
|
45
|
-
var _useTreeViewApiRef = require("./useTreeViewApiRef");
|
|
46
39
|
var _useRichTreeViewApiRef = require("./useRichTreeViewApiRef");
|
|
47
40
|
var _useSimpleTreeViewApiRef = require("./useSimpleTreeViewApiRef");
|
package/hooks/index.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export { useTreeItemUtils } from "./useTreeItemUtils/index.mjs";
|
|
2
2
|
export { useTreeItemModel } from "./useTreeItemModel.mjs";
|
|
3
3
|
export { useApplyPropagationToSelectedItemsOnMount } from "./useApplyPropagationToSelectedItemsOnMount.mjs";
|
|
4
|
-
export { useTreeViewApiRef } from "./useTreeViewApiRef.mjs";
|
|
5
4
|
export { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
|
|
6
5
|
export { useSimpleTreeViewApiRef } from "./useSimpleTreeViewApiRef.mjs";
|
package/index.js
CHANGED
package/index.mjs
CHANGED
|
@@ -250,9 +250,10 @@ export interface MinimalTreeViewParameters<R extends TreeViewValidItem<R>, Multi
|
|
|
250
250
|
onItemFocus?: (event: React.SyntheticEvent | null, itemId: TreeViewItemId) => void;
|
|
251
251
|
/**
|
|
252
252
|
* Sets the height in pixel of an item.
|
|
253
|
-
*
|
|
253
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
254
|
+
* @default null
|
|
254
255
|
*/
|
|
255
|
-
itemHeight?: number;
|
|
256
|
+
itemHeight?: number | null;
|
|
256
257
|
}
|
|
257
258
|
/**
|
|
258
259
|
* Mapper between a Tree View instance's state and parameters.
|
|
@@ -250,9 +250,10 @@ export interface MinimalTreeViewParameters<R extends TreeViewValidItem<R>, Multi
|
|
|
250
250
|
onItemFocus?: (event: React.SyntheticEvent | null, itemId: TreeViewItemId) => void;
|
|
251
251
|
/**
|
|
252
252
|
* Sets the height in pixel of an item.
|
|
253
|
-
*
|
|
253
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights.
|
|
254
|
+
* @default null
|
|
254
255
|
*/
|
|
255
|
-
itemHeight?: number;
|
|
256
|
+
itemHeight?: number | null;
|
|
256
257
|
}
|
|
257
258
|
/**
|
|
258
259
|
* Mapper between a Tree View instance's state and parameters.
|
|
@@ -17,7 +17,7 @@ class TimeoutManager {
|
|
|
17
17
|
this.timeoutIds.set(key, id);
|
|
18
18
|
};
|
|
19
19
|
startInterval = (key, delay, fn) => {
|
|
20
|
-
this.
|
|
20
|
+
this.clearInterval(key);
|
|
21
21
|
const id = setInterval(fn, delay); /* Node.js types are enabled in development */
|
|
22
22
|
|
|
23
23
|
this.intervalIds.set(key, id);
|
|
@@ -11,7 +11,7 @@ export class TimeoutManager {
|
|
|
11
11
|
this.timeoutIds.set(key, id);
|
|
12
12
|
};
|
|
13
13
|
startInterval = (key, delay, fn) => {
|
|
14
|
-
this.
|
|
14
|
+
this.clearInterval(key);
|
|
15
15
|
const id = setInterval(fn, delay); /* Node.js types are enabled in development */
|
|
16
16
|
|
|
17
17
|
this.intervalIds.set(key, id);
|
|
@@ -8,6 +8,7 @@ exports.TreeViewJSXItemsPlugin = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
|
|
10
10
|
var _items = require("../items");
|
|
11
|
+
var _selectors = require("../selection/selectors");
|
|
11
12
|
var _itemPlugin = require("./itemPlugin");
|
|
12
13
|
class TreeViewJSXItemsPlugin {
|
|
13
14
|
/**
|
|
@@ -114,6 +115,16 @@ Two items were provided with the same id in the \`items\` prop: "${item.id}"` :
|
|
|
114
115
|
[parentIdWithDefault]: (0, _items.buildSiblingIndexes)(orderedChildrenIds)
|
|
115
116
|
})
|
|
116
117
|
});
|
|
118
|
+
|
|
119
|
+
// If a parent was selected while its children were unmounted (collapsed with unmountOnExit),
|
|
120
|
+
// re-run selection propagation now that the children are registered.
|
|
121
|
+
if (parentId !== null && _selectors.selectionSelectors.isItemSelected(this.store.state, parentId)) {
|
|
122
|
+
this.store.selection.setItemSelection({
|
|
123
|
+
itemId: parentId,
|
|
124
|
+
shouldBeSelected: true,
|
|
125
|
+
keepExistingSelection: true
|
|
126
|
+
});
|
|
127
|
+
}
|
|
117
128
|
};
|
|
118
129
|
}
|
|
119
130
|
exports.TreeViewJSXItemsPlugin = TreeViewJSXItemsPlugin;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
|
|
3
3
|
import { buildSiblingIndexes, itemsSelectors, TREE_VIEW_ROOT_PARENT_ID } from "../items/index.mjs";
|
|
4
|
+
import { selectionSelectors } from "../selection/selectors.mjs";
|
|
4
5
|
import { jsxItemsitemWrapper, useJSXItemsItemPlugin } from "./itemPlugin.mjs";
|
|
5
6
|
export class TreeViewJSXItemsPlugin {
|
|
6
7
|
/**
|
|
@@ -107,5 +108,15 @@ Two items were provided with the same id in the \`items\` prop: "${item.id}"` :
|
|
|
107
108
|
[parentIdWithDefault]: buildSiblingIndexes(orderedChildrenIds)
|
|
108
109
|
})
|
|
109
110
|
});
|
|
111
|
+
|
|
112
|
+
// If a parent was selected while its children were unmounted (collapsed with unmountOnExit),
|
|
113
|
+
// re-run selection propagation now that the children are registered.
|
|
114
|
+
if (parentId !== null && selectionSelectors.isItemSelected(this.store.state, parentId)) {
|
|
115
|
+
this.store.selection.setItemSelection({
|
|
116
|
+
itemId: parentId,
|
|
117
|
+
shouldBeSelected: true,
|
|
118
|
+
keepExistingSelection: true
|
|
119
|
+
});
|
|
120
|
+
}
|
|
110
121
|
};
|
|
111
122
|
}
|
package/models/items.d.mts
CHANGED
|
@@ -4,12 +4,6 @@ export type TreeViewDefaultItemModelProperties = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
children?: TreeViewDefaultItemModelProperties[];
|
|
6
6
|
};
|
|
7
|
-
/**
|
|
8
|
-
* @deprecated Use `TreeViewDefaultItemModelProperties` instead, or define your own item model interface.
|
|
9
|
-
*/
|
|
10
|
-
export type TreeViewBaseItem<R extends {} = TreeViewDefaultItemModelProperties> = R & {
|
|
11
|
-
children?: TreeViewBaseItem<R>[];
|
|
12
|
-
};
|
|
13
7
|
export type TreeViewValidItem<R extends {}> = {
|
|
14
8
|
children?: R[];
|
|
15
9
|
};
|
package/models/items.d.ts
CHANGED
|
@@ -4,12 +4,6 @@ export type TreeViewDefaultItemModelProperties = {
|
|
|
4
4
|
label: string;
|
|
5
5
|
children?: TreeViewDefaultItemModelProperties[];
|
|
6
6
|
};
|
|
7
|
-
/**
|
|
8
|
-
* @deprecated Use `TreeViewDefaultItemModelProperties` instead, or define your own item model interface.
|
|
9
|
-
*/
|
|
10
|
-
export type TreeViewBaseItem<R extends {} = TreeViewDefaultItemModelProperties> = R & {
|
|
11
|
-
children?: TreeViewBaseItem<R>[];
|
|
12
|
-
};
|
|
13
7
|
export type TreeViewValidItem<R extends {}> = {
|
|
14
8
|
children?: R[];
|
|
15
9
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-tree-view",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.4",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "The community edition of the MUI X Tree View components.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -38,7 +38,7 @@
|
|
|
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.
|
|
41
|
+
"@mui/x-internals": "9.0.0-alpha.4"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@emotion/react": "^11.9.0",
|
|
@@ -177,8 +177,7 @@ const useTreeItem = parameters => {
|
|
|
177
177
|
const props = (0, _extends2.default)({}, externalEventHandlers, externalProps, {
|
|
178
178
|
ref: handleContentRef,
|
|
179
179
|
onClick: createContentHandleClick(externalEventHandlers),
|
|
180
|
-
onMouseDown: createContentHandleMouseDown(externalEventHandlers)
|
|
181
|
-
status
|
|
180
|
+
onMouseDown: createContentHandleMouseDown(externalEventHandlers)
|
|
182
181
|
});
|
|
183
182
|
['expanded', 'selected', 'focused', 'disabled', 'editing', 'editable'].forEach(key => {
|
|
184
183
|
if (status[key]) {
|
|
@@ -171,8 +171,7 @@ export const useTreeItem = parameters => {
|
|
|
171
171
|
const props = _extends({}, externalEventHandlers, externalProps, {
|
|
172
172
|
ref: handleContentRef,
|
|
173
173
|
onClick: createContentHandleClick(externalEventHandlers),
|
|
174
|
-
onMouseDown: createContentHandleMouseDown(externalEventHandlers)
|
|
175
|
-
status
|
|
174
|
+
onMouseDown: createContentHandleMouseDown(externalEventHandlers)
|
|
176
175
|
});
|
|
177
176
|
['expanded', 'selected', 'focused', 'disabled', 'editing', 'editable'].forEach(key => {
|
|
178
177
|
if (status[key]) {
|
|
@@ -53,10 +53,6 @@ export interface UseTreeItemContentSlotPropsFromUseTreeItem {
|
|
|
53
53
|
onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
|
|
54
54
|
onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
|
|
55
55
|
ref: React.RefCallback<HTMLDivElement> | null;
|
|
56
|
-
/**
|
|
57
|
-
* @deprecated Will be removed in the next major version. Please use the data-attrs instead.
|
|
58
|
-
*/
|
|
59
|
-
status: UseTreeItemStatus;
|
|
60
56
|
'data-expanded'?: '';
|
|
61
57
|
'data-selected'?: '';
|
|
62
58
|
'data-focused'?: '';
|
|
@@ -53,10 +53,6 @@ export interface UseTreeItemContentSlotPropsFromUseTreeItem {
|
|
|
53
53
|
onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
|
|
54
54
|
onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
|
|
55
55
|
ref: React.RefCallback<HTMLDivElement> | null;
|
|
56
|
-
/**
|
|
57
|
-
* @deprecated Will be removed in the next major version. Please use the data-attrs instead.
|
|
58
|
-
*/
|
|
59
|
-
status: UseTreeItemStatus;
|
|
60
56
|
'data-expanded'?: '';
|
|
61
57
|
'data-selected'?: '';
|
|
62
58
|
'data-focused'?: '';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
|
|
2
|
-
/**
|
|
3
|
-
* Hook that instantiates a [[TreeViewApiRef]].
|
|
4
|
-
* @deprecated Use `useRichTreeViewApiRef()`, `useRichTreeViewProApiRef()` or `useSimpleTreeViewApiRef()` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const useTreeViewApiRef: typeof useRichTreeViewApiRef;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.js";
|
|
2
|
-
/**
|
|
3
|
-
* Hook that instantiates a [[TreeViewApiRef]].
|
|
4
|
-
* @deprecated Use `useRichTreeViewApiRef()`, `useRichTreeViewProApiRef()` or `useSimpleTreeViewApiRef()` instead.
|
|
5
|
-
*/
|
|
6
|
-
export declare const useTreeViewApiRef: typeof useRichTreeViewApiRef;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useTreeViewApiRef = void 0;
|
|
8
|
-
var _useRichTreeViewApiRef = require("./useRichTreeViewApiRef");
|
|
9
|
-
/**
|
|
10
|
-
* Hook that instantiates a [[TreeViewApiRef]].
|
|
11
|
-
* @deprecated Use `useRichTreeViewApiRef()`, `useRichTreeViewProApiRef()` or `useSimpleTreeViewApiRef()` instead.
|
|
12
|
-
*/
|
|
13
|
-
const useTreeViewApiRef = exports.useTreeViewApiRef = _useRichTreeViewApiRef.useRichTreeViewApiRef;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Hook that instantiates a [[TreeViewApiRef]].
|
|
7
|
-
* @deprecated Use `useRichTreeViewApiRef()`, `useRichTreeViewProApiRef()` or `useSimpleTreeViewApiRef()` instead.
|
|
8
|
-
*/
|
|
9
|
-
export const useTreeViewApiRef = useRichTreeViewApiRef;
|