@mui/x-tree-view-pro 9.0.0-alpha.1 → 9.0.0-alpha.3
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 +240 -0
- package/{esm/RichTreeViewPro/RichTreeViewPro.d.ts → RichTreeViewPro/RichTreeViewPro.d.mts} +1 -1
- package/RichTreeViewPro/RichTreeViewPro.js +29 -22
- package/{esm/RichTreeViewPro/RichTreeViewPro.js → RichTreeViewPro/RichTreeViewPro.mjs} +28 -21
- package/{esm/RichTreeViewPro/RichTreeViewPro.types.d.ts → RichTreeViewPro/RichTreeViewPro.types.d.mts} +2 -2
- package/{esm/RichTreeViewPro/index.d.ts → RichTreeViewPro/index.d.mts} +3 -3
- package/RichTreeViewPro/index.mjs +3 -0
- package/{esm/RichTreeViewPro/useExtractRichTreeViewProParameters.d.ts → RichTreeViewPro/useExtractRichTreeViewProParameters.d.mts} +6 -6
- package/RichTreeViewPro/useExtractRichTreeViewProParameters.js +4 -4
- package/{esm/RichTreeViewPro/useExtractRichTreeViewProParameters.js → RichTreeViewPro/useExtractRichTreeViewProParameters.mjs} +4 -4
- package/components/RichTreeViewVirtualizedItems.js +3 -2
- package/{esm/components/RichTreeViewVirtualizedItems.js → components/RichTreeViewVirtualizedItems.mjs} +3 -2
- package/{esm/hooks/index.d.ts → hooks/index.d.mts} +1 -1
- package/{esm/hooks/index.js → hooks/index.mjs} +1 -1
- package/{esm/hooks/useRichTreeViewProApiRef.d.ts → hooks/useRichTreeViewProApiRef.d.mts} +1 -1
- package/{esm/index.d.ts → index.d.mts} +3 -3
- package/index.d.ts +1 -1
- package/index.js +2 -9
- package/{esm/index.js → index.mjs} +4 -4
- package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.d.ts → internals/RichTreeViewProStore/RichTreeViewProStore.d.mts} +3 -3
- package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.js → internals/RichTreeViewProStore/RichTreeViewProStore.mjs} +3 -3
- package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.types.d.ts → internals/RichTreeViewProStore/RichTreeViewProStore.types.d.mts} +11 -7
- package/internals/RichTreeViewProStore/RichTreeViewProStore.types.d.ts +9 -5
- package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.utils.d.ts → internals/RichTreeViewProStore/RichTreeViewProStore.utils.d.mts} +1 -1
- package/internals/RichTreeViewProStore/RichTreeViewProStore.utils.js +4 -4
- package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.utils.js → internals/RichTreeViewProStore/RichTreeViewProStore.utils.mjs} +5 -5
- package/internals/RichTreeViewProStore/index.d.mts +2 -0
- package/internals/RichTreeViewProStore/index.mjs +2 -0
- package/{esm/internals/plugins/itemsReordering/TreeViewItemsReorderingPlugin.d.ts → internals/plugins/itemsReordering/TreeViewItemsReorderingPlugin.d.mts} +2 -2
- package/internals/plugins/itemsReordering/TreeViewItemsReorderingPlugin.js +2 -1
- package/{esm/internals/plugins/itemsReordering/TreeViewItemsReorderingPlugin.js → internals/plugins/itemsReordering/TreeViewItemsReorderingPlugin.mjs} +5 -4
- package/internals/plugins/itemsReordering/index.d.mts +3 -0
- package/internals/plugins/itemsReordering/index.mjs +3 -0
- package/{esm/internals/plugins/itemsReordering/itemPlugin.js → internals/plugins/itemsReordering/itemPlugin.mjs} +1 -1
- package/{esm/internals/plugins/itemsReordering/selectors.d.ts → internals/plugins/itemsReordering/selectors.d.mts} +3 -3
- package/{esm/internals/plugins/itemsReordering/utils.d.ts → internals/plugins/itemsReordering/utils.d.mts} +2 -2
- package/{esm/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.d.ts → internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.d.mts} +1 -1
- package/{esm/internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.js → internals/plugins/lazyLoading/TreeViewLazyLoadingPlugin.mjs} +1 -1
- package/internals/plugins/lazyLoading/index.d.mts +2 -0
- package/internals/plugins/lazyLoading/index.mjs +2 -0
- package/{esm/internals/plugins/lazyLoading/utils.d.ts → internals/plugins/lazyLoading/utils.d.mts} +1 -1
- package/internals/plugins/virtualization/index.d.mts +1 -0
- package/internals/plugins/virtualization/index.mjs +1 -0
- package/{esm/internals/plugins/virtualization/selectors.d.ts → internals/plugins/virtualization/selectors.d.mts} +1 -1
- package/package.json +44 -17
- package/themeAugmentation/index.d.mts +4 -0
- package/{esm/themeAugmentation/overrides.d.ts → themeAugmentation/overrides.d.mts} +1 -1
- package/{esm/themeAugmentation/props.d.ts → themeAugmentation/props.d.mts} +1 -1
- package/esm/RichTreeViewPro/index.js +0 -3
- package/esm/internals/RichTreeViewProStore/index.d.ts +0 -2
- package/esm/internals/RichTreeViewProStore/index.js +0 -2
- package/esm/internals/plugins/itemsReordering/index.d.ts +0 -3
- package/esm/internals/plugins/itemsReordering/index.js +0 -3
- package/esm/internals/plugins/lazyLoading/index.d.ts +0 -2
- package/esm/internals/plugins/lazyLoading/index.js +0 -2
- package/esm/internals/plugins/virtualization/index.d.ts +0 -1
- package/esm/internals/plugins/virtualization/index.js +0 -1
- package/esm/package.json +0 -1
- package/esm/themeAugmentation/index.d.ts +0 -4
- /package/{esm/RichTreeViewPro/RichTreeViewPro.types.js → RichTreeViewPro/RichTreeViewPro.types.mjs} +0 -0
- /package/{esm/RichTreeViewPro/richTreeViewProClasses.d.ts → RichTreeViewPro/richTreeViewProClasses.d.mts} +0 -0
- /package/{esm/RichTreeViewPro/richTreeViewProClasses.js → RichTreeViewPro/richTreeViewProClasses.mjs} +0 -0
- /package/{esm/components/RichTreeViewVirtualizedItems.d.ts → components/RichTreeViewVirtualizedItems.d.mts} +0 -0
- /package/{esm/hooks/useRichTreeViewProApiRef.js → hooks/useRichTreeViewProApiRef.mjs} +0 -0
- /package/{esm/internals/RichTreeViewProStore/RichTreeViewProStore.types.js → internals/RichTreeViewProStore/RichTreeViewProStore.types.mjs} +0 -0
- /package/{esm/internals/plugins/itemsReordering/itemPlugin.d.ts → internals/plugins/itemsReordering/itemPlugin.d.mts} +0 -0
- /package/{esm/internals/plugins/itemsReordering/selectors.js → internals/plugins/itemsReordering/selectors.mjs} +0 -0
- /package/{esm/internals/plugins/itemsReordering/types.d.ts → internals/plugins/itemsReordering/types.d.mts} +0 -0
- /package/{esm/internals/plugins/itemsReordering/types.js → internals/plugins/itemsReordering/types.mjs} +0 -0
- /package/{esm/internals/plugins/itemsReordering/utils.js → internals/plugins/itemsReordering/utils.mjs} +0 -0
- /package/{esm/internals/plugins/lazyLoading/types.d.ts → internals/plugins/lazyLoading/types.d.mts} +0 -0
- /package/{esm/internals/plugins/lazyLoading/types.js → internals/plugins/lazyLoading/types.mjs} +0 -0
- /package/{esm/internals/plugins/lazyLoading/utils.js → internals/plugins/lazyLoading/utils.mjs} +0 -0
- /package/{esm/internals/plugins/virtualization/selectors.js → internals/plugins/virtualization/selectors.mjs} +0 -0
- /package/{esm/internals/zero-styled/index.d.ts → internals/zero-styled/index.d.mts} +0 -0
- /package/{esm/internals/zero-styled/index.js → internals/zero-styled/index.mjs} +0 -0
- /package/{esm/themeAugmentation/components.d.ts → themeAugmentation/components.d.mts} +0 -0
- /package/{esm/themeAugmentation/components.js → themeAugmentation/components.mjs} +0 -0
- /package/{esm/themeAugmentation/index.js → themeAugmentation/index.mjs} +0 -0
- /package/{esm/themeAugmentation/overrides.js → themeAugmentation/overrides.mjs} +0 -0
- /package/{esm/themeAugmentation/props.js → themeAugmentation/props.mjs} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,245 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 9.0.0-alpha.3
|
|
4
|
+
|
|
5
|
+
_Mar 12, 2026_
|
|
6
|
+
|
|
7
|
+
We'd like to extend a big thank you to the 13 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, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @michelengelen, @rita-codes, @sai6855, @siriwatknp
|
|
13
|
+
|
|
14
|
+
### Data Grid
|
|
15
|
+
|
|
16
|
+
#### `@mui/x-data-grid@9.0.0-alpha.3`
|
|
17
|
+
|
|
18
|
+
- [DataGrid] Fix crash when `rows` and `rowModesModel` are updated simultaneously (#21265) @michelengelen
|
|
19
|
+
- [DataGrid] Add missing `resizablePanelHandle` classes to `gridClasses` object (#21538) @sai6855
|
|
20
|
+
- [DataGrid] Refactor `headerAlign` style calls (#21541) @sai6855
|
|
21
|
+
|
|
22
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
23
|
+
|
|
24
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.3`, plus:
|
|
25
|
+
|
|
26
|
+
- [DataGridPro] Add `role="presentation"` to detail panel toggle header content (#21634) @michelengelen
|
|
27
|
+
- [DataGridPro] Fix sorting not reflected in nested server-side data (#21619) @MBilalShafi
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
30
|
+
|
|
31
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.3`.
|
|
32
|
+
|
|
33
|
+
### Date and Time Pickers
|
|
34
|
+
|
|
35
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.3`
|
|
36
|
+
|
|
37
|
+
- [pickers] Refactor `DateRangePickerDay` overrides to use a centralized `elementOverrides` object (#21426) @sai6855
|
|
38
|
+
- [pickers] Migrate from deprecated props for `PickersModalDialog` (#21702) @siriwatknp
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
41
|
+
|
|
42
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.3`.
|
|
43
|
+
|
|
44
|
+
### Charts
|
|
45
|
+
|
|
46
|
+
#### `@mui/x-charts@9.0.0-alpha.3`
|
|
47
|
+
|
|
48
|
+
- [charts] Differentiate Line Plot roots classes (#21679) @JCQuintas
|
|
49
|
+
- [charts] Enable keyboard navigation by default (#21675) @alexfauquette
|
|
50
|
+
- [charts] Fix keyboard tooltip radar (#21667) @alexfauquette
|
|
51
|
+
- [charts] Fix selector default parameter (#21638) @JCQuintas
|
|
52
|
+
- [charts] Fix tooltip blink between node and pointer anchor (#21611) @alexfauquette
|
|
53
|
+
- [charts] Let tooltip and legend reflect the line shape (#21475) @alexfauquette
|
|
54
|
+
- [charts] Refactor `BarChart` classes structure (#21601) @JCQuintas
|
|
55
|
+
- [charts] Refactor `LineChart` classes structure (#21648) @JCQuintas
|
|
56
|
+
- [charts] Refactor `ScatterChart` classes structure (#21651) @JCQuintas
|
|
57
|
+
- [charts] Refactor `PieChart` classes structure (#21649) @JCQuintas
|
|
58
|
+
- [charts] Remove batch rendering checks in highlight selectors (#21646) @bernardobelchior
|
|
59
|
+
- [charts] Standardize generic arg names to `SeriesType` (#21694) @alexfauquette
|
|
60
|
+
- [charts] Simplify highlight hooks return types (#21695) @alexfauquette
|
|
61
|
+
|
|
62
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
63
|
+
|
|
64
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.3`, plus:
|
|
65
|
+
|
|
66
|
+
- [charts-pro] Fix heatmap style override from `arc` to `cell` (#21693) @Copilot
|
|
67
|
+
- [charts-pro] Fix image export truncated when page is zoomed out (#21685) @bernardobelchior
|
|
68
|
+
- [charts-pro] Speed-up heatmap cell search with an index lookup (#21130) @alexfauquette
|
|
69
|
+
- [charts-pro] Fix heatmap highlight not working (#21710) @Copilot
|
|
70
|
+
|
|
71
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
72
|
+
|
|
73
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
|
|
74
|
+
|
|
75
|
+
- [charts-premium] Re-enable WebGL tests (#21708) @bernardobelchior
|
|
76
|
+
|
|
77
|
+
### Tree View
|
|
78
|
+
|
|
79
|
+
#### Breaking changes
|
|
80
|
+
|
|
81
|
+
- Remove `TreeViewBaseItem` type (use `TreeViewDefaultItemModelProperties` or a custom interface)
|
|
82
|
+
- Remove `useTreeViewApiRef` hook (use `useRichTreeViewApiRef`, `useSimpleTreeViewApiRef`, or `useRichTreeViewProApiRef`)
|
|
83
|
+
- Remove `status` from content slot props returned by `getContentProps()` (use `data-*` attributes; `status` on `useTreeItem` return value is unchanged)
|
|
84
|
+
- Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
|
|
85
|
+
- The `<RichTreeViewPro />` component has now virtualization enabled by default.
|
|
86
|
+
- The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
|
|
87
|
+
- The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
|
|
88
|
+
|
|
89
|
+
#### `@mui/x-tree-view@9.0.0-alpha.3`
|
|
90
|
+
|
|
91
|
+
- [tree view] Remove deprecated APIs (#21591) @flaviendelangle
|
|
92
|
+
- [tree view] Fix collapsed children not selected with `selectionPropagation.descendants` in `SimpleTreeView` (#21253) @flaviendelangle
|
|
93
|
+
|
|
94
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
95
|
+
|
|
96
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.3`, plus:
|
|
97
|
+
|
|
98
|
+
- [RichTreeViewPro] Make the virtualization opt-out and port the layout doc from the data grid (#21461) @flaviendelangle
|
|
99
|
+
|
|
100
|
+
### Codemod
|
|
101
|
+
|
|
102
|
+
#### `@mui/x-codemod@9.0.0-alpha.3`
|
|
103
|
+
|
|
104
|
+
Internal changes.
|
|
105
|
+
|
|
106
|
+
### Docs
|
|
107
|
+
|
|
108
|
+
- [docs] Fix `AssistantWithDataSource` demo crashing (#21555) @sai6855
|
|
109
|
+
- [docs] Remove `Preview` pill from Sankey (#21623) @bernardobelchior
|
|
110
|
+
- [docs] Migrate internal Material UI deprecated APIs (#21680) @siriwatknp
|
|
111
|
+
- [docs] Remove `New` flag on Tree View and Date and Time Pickers features released before v9 alpha (#21585) @flaviendelangle
|
|
112
|
+
|
|
113
|
+
### Core
|
|
114
|
+
|
|
115
|
+
- [code-infra] Remove checkout step (#21688) @Janpot
|
|
116
|
+
- [code-infra] Fix contributor generation in changelog (#21718) @brijeshb42
|
|
117
|
+
- [docs-infra] Do not point to non-existent v8 subdomain (#21640) @cherniavskii
|
|
118
|
+
|
|
119
|
+
### Miscellaneous
|
|
120
|
+
|
|
121
|
+
- [test] Add missing tests for forwarding props to filter operators in DataGrid (#21441) @siriwatknp
|
|
122
|
+
- [x-license] Export additional license types and constants (#21625) @aemartos
|
|
123
|
+
- [x-license] Refactor license verification to accept package info object and add v9 version gating (#21690) @aemartos
|
|
124
|
+
|
|
125
|
+
## 9.0.0-alpha.2
|
|
126
|
+
|
|
127
|
+
_Mar 5, 2026_
|
|
128
|
+
|
|
129
|
+
We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
|
|
130
|
+
|
|
131
|
+
- ✅ Stabilize Sankey chart
|
|
132
|
+
- 🐞 Bugfixes and internal improvements
|
|
133
|
+
|
|
134
|
+
The following team members contributed to this release:
|
|
135
|
+
@aemartos, @alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @sai6855, @siriwatknp
|
|
136
|
+
|
|
137
|
+
### Data Grid
|
|
138
|
+
|
|
139
|
+
#### `@mui/x-data-grid@9.0.0-alpha.2`
|
|
140
|
+
|
|
141
|
+
- [dataGrid] Fix keyboard nav with single-row checkbox selection (#21149) @mj12albert
|
|
142
|
+
- [DataGrid] Add `checkboxColDef` prop to customize the selection column (#21331) @michelengelen
|
|
143
|
+
- [DataGrid] Format pagination numbers by default (#21117) @siriwatknp
|
|
144
|
+
- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21570) @arminmeh
|
|
145
|
+
- [DataGrid] Make GridScrollArea overrides resolver dynamic (#21532) @sai6855
|
|
146
|
+
|
|
147
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
148
|
+
|
|
149
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.2`, plus:
|
|
150
|
+
|
|
151
|
+
- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21540) @arminmeh
|
|
152
|
+
|
|
153
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
154
|
+
|
|
155
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.2`.
|
|
156
|
+
|
|
157
|
+
### Date and Time Pickers
|
|
158
|
+
|
|
159
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.2`
|
|
160
|
+
|
|
161
|
+
- [pickers] Add `keepOpenDuringFieldFocus` prop (#20782) @michelengelen
|
|
162
|
+
|
|
163
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
164
|
+
|
|
165
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.2`.
|
|
166
|
+
|
|
167
|
+
### Charts
|
|
168
|
+
|
|
169
|
+
#### `@mui/x-charts@9.0.0-alpha.2`
|
|
170
|
+
|
|
171
|
+
- [charts] Add `ChartsLayerContainer` component (#21264) @bernardobelchior
|
|
172
|
+
- [charts] Add codemod for `ChartsContainer` rename (#21504) @JCQuintas
|
|
173
|
+
- [charts] Add codemod for `ChartsDataProvider` rename (#21552) @JCQuintas
|
|
174
|
+
- [charts] Add codemod for `ChartsZoomSlider` rename (#21597) @JCQuintas
|
|
175
|
+
- [charts] Base the highlight items on the item identifiers (#21161) @alexfauquette
|
|
176
|
+
- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21191) @JCQuintas
|
|
177
|
+
- [charts] Deprecate `highlighted` and `faded` classes (#21476) @alexfauquette
|
|
178
|
+
- [charts] Migrate to latest v8 warning (#21518) @JCQuintas
|
|
179
|
+
- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21553) @JCQuintas
|
|
180
|
+
- [charts] Rename `WebGl` to `WebGL` (#21524) @JCQuintas
|
|
181
|
+
- [charts] Rename `useSvgRef()` by `useChartsLayerContainerRef()` (#21494) @alexfauquette
|
|
182
|
+
- [charts] Restore focus on last focused item (#21522) @alexfauquette
|
|
183
|
+
- [charts] Warn users when controlled tooltip state does not match the trigger (#21520) @Copilot
|
|
184
|
+
- [charts] Fix controlled tooltip position (#21603) @bernardobelchior
|
|
185
|
+
|
|
186
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
187
|
+
|
|
188
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.2`, plus:
|
|
189
|
+
|
|
190
|
+
- [charts-pro] Center the watermark (#21550) @alexfauquette
|
|
191
|
+
- [charts-pro] Stabilize `SankeyChart` API (#21133) @Copilot
|
|
192
|
+
|
|
193
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
194
|
+
|
|
195
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.2`.
|
|
196
|
+
|
|
197
|
+
### Tree View
|
|
198
|
+
|
|
199
|
+
#### `@mui/x-tree-view@9.0.0-alpha.2`
|
|
200
|
+
|
|
201
|
+
Internal changes.
|
|
202
|
+
|
|
203
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
204
|
+
|
|
205
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.2`.
|
|
206
|
+
|
|
207
|
+
### Codemod
|
|
208
|
+
|
|
209
|
+
#### `@mui/x-codemod@9.0.0-alpha.2`
|
|
210
|
+
|
|
211
|
+
Internal changes.
|
|
212
|
+
|
|
213
|
+
### Docs
|
|
214
|
+
|
|
215
|
+
- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
|
|
216
|
+
- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
|
|
217
|
+
- [docs] Update Roadmap section in the docs (#20892) @alelthomas
|
|
218
|
+
- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
|
|
219
|
+
- [docs] Fix missing codemod docs (#21604) @JCQuintas
|
|
220
|
+
|
|
221
|
+
### Core
|
|
222
|
+
|
|
223
|
+
- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) @JCQuintas
|
|
224
|
+
- [code-infra] Avoid static props for pageContent (#21038) @Janpot
|
|
225
|
+
- [code-infra] Isolate `date-pickers-pro` in the browser tests (#21383) @Janpot
|
|
226
|
+
- [code-infra] Remove `--coverage` (#21410) @Janpot
|
|
227
|
+
- [code-infra] Remove unneeded `skipIf`s (#21569) @JCQuintas
|
|
228
|
+
- [code-infra] Remove vale as a workspace dependency (#21489) @brijeshb42
|
|
229
|
+
- [code-infra] Remove x-charts-vendor from nextjs processing (#21534) @brijeshb42
|
|
230
|
+
- [code-infra] Set BASE_BRANCH env var in CircleCI config (#21548) @brijeshb42
|
|
231
|
+
- [code-infra] Setup error code extraction (#21469) @brijeshb42
|
|
232
|
+
- [code-infra] Setup flat build for packages (#21029) @brijeshb42
|
|
233
|
+
- [code-infra] Upgrade test_unit to large resource class (#21558) @Janpot
|
|
234
|
+
- [code-infra] Removed getTeamMembers function and usage from release script (#21605) @michelengelen
|
|
235
|
+
|
|
236
|
+
### Miscellaneous
|
|
237
|
+
|
|
238
|
+
- [x-license] Add Q1-2026 plan version with quantity and appType support (#21574) @aemartos
|
|
239
|
+
- [x-license] Add v3 key format support, centralize test keys, and trim public API (#21485) @aemartos
|
|
240
|
+
- [x-telemetry] telemetry opt-out by default, remove conf dependency (#21470) @aemartos
|
|
241
|
+
- [x-telemetry] test: mock context module directly in sender tests (#21546) @aemartos
|
|
242
|
+
|
|
3
243
|
## 9.0.0-alpha.1
|
|
4
244
|
|
|
5
245
|
_Feb 26, 2026_
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { RichTreeViewProProps } from "./RichTreeViewPro.types.
|
|
2
|
+
import { RichTreeViewProProps } from "./RichTreeViewPro.types.mjs";
|
|
3
3
|
export declare const RichTreeViewProRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
4
4
|
ownerState: RichTreeViewProProps<any, any>;
|
|
5
5
|
}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.ClassAttributes<HTMLUListElement> | keyof React.HTMLAttributes<HTMLUListElement>>, {}>;
|
|
@@ -13,8 +13,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
var _useMergedRefs = require("@base-ui/utils/useMergedRefs");
|
|
14
14
|
var _store = require("@mui/x-internals/store");
|
|
15
15
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
|
-
var
|
|
17
|
-
var
|
|
16
|
+
var _internals = require("@mui/x-license/internals");
|
|
17
|
+
var _internals2 = require("@mui/x-tree-view/internals");
|
|
18
18
|
var _warning = require("@mui/x-internals/warning");
|
|
19
19
|
var _zeroStyled = require("../internals/zero-styled");
|
|
20
20
|
var _richTreeViewProClasses = require("./richTreeViewProClasses");
|
|
@@ -58,7 +58,11 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
|
|
|
58
58
|
width: '100%'
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
|
-
const
|
|
61
|
+
const packageInfo = {
|
|
62
|
+
releaseDate: "MTc3MzI3MzYwMDAwMA==",
|
|
63
|
+
version: process.env.MUI_VERSION,
|
|
64
|
+
name: 'x-tree-view-pro'
|
|
65
|
+
};
|
|
62
66
|
|
|
63
67
|
/**
|
|
64
68
|
*
|
|
@@ -75,7 +79,7 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
|
|
|
75
79
|
props: inProps,
|
|
76
80
|
name: 'MuiRichTreeViewPro'
|
|
77
81
|
});
|
|
78
|
-
(0,
|
|
82
|
+
(0, _internals.useLicenseVerifier)(packageInfo);
|
|
79
83
|
if (process.env.NODE_ENV !== 'production') {
|
|
80
84
|
if (props.children != null) {
|
|
81
85
|
(0, _warning.warnOnce)(['MUI X: The `<RichTreeViewPro />` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
|
|
@@ -88,9 +92,14 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
|
|
|
88
92
|
parameters,
|
|
89
93
|
forwardedProps
|
|
90
94
|
} = (0, _useExtractRichTreeViewProParameters.useExtractRichTreeViewProParameters)(props);
|
|
95
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
96
|
+
if (parameters.itemHeight === null && !parameters.disableVirtualization) {
|
|
97
|
+
(0, _warning.warnOnce)(['MUI X: `itemHeight={null}` is not compatible with virtualization.', 'Please use `disableVirtualization` when using `itemHeight={null}`.']);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
91
100
|
|
|
92
101
|
// Context hooks
|
|
93
|
-
const store = (0,
|
|
102
|
+
const store = (0, _internals2.useTreeViewStore)(_RichTreeViewProStore.RichTreeViewProStore, parameters);
|
|
94
103
|
|
|
95
104
|
// Ref hooks
|
|
96
105
|
const ref = React.useRef(null);
|
|
@@ -104,25 +113,24 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
|
|
|
104
113
|
const slots = React.useMemo(() => (0, _extends2.default)({
|
|
105
114
|
root: RichTreeViewProRoot
|
|
106
115
|
}, inSlots), [inSlots]);
|
|
107
|
-
const Renderer = isVirtualizationEnabled ? _RichTreeViewVirtualizedItems.RichTreeViewVirtualizedItems :
|
|
108
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
116
|
+
const Renderer = isVirtualizationEnabled ? _RichTreeViewVirtualizedItems.RichTreeViewVirtualizedItems : _internals2.RichTreeViewItems;
|
|
117
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.TreeViewProvider, {
|
|
109
118
|
store: store,
|
|
110
119
|
classes: classes,
|
|
111
120
|
slots: slots,
|
|
112
121
|
slotProps: slotProps,
|
|
113
122
|
apiRef: apiRef,
|
|
114
123
|
rootRef: ref,
|
|
115
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
116
|
-
value:
|
|
124
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals2.TreeViewItemDepthContext.Provider, {
|
|
125
|
+
value: _internals2.itemsSelectors.itemDepth,
|
|
117
126
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Renderer, {
|
|
118
127
|
slots: slots,
|
|
119
128
|
slotProps: slotProps,
|
|
120
129
|
forwardedProps: forwardedProps,
|
|
121
130
|
ownerState: props,
|
|
122
131
|
rootRef: handleRef
|
|
123
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
124
|
-
|
|
125
|
-
releaseInfo: releaseInfo
|
|
132
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {
|
|
133
|
+
packageInfo: packageInfo
|
|
126
134
|
})]
|
|
127
135
|
})
|
|
128
136
|
});
|
|
@@ -209,11 +217,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
209
217
|
* @default false
|
|
210
218
|
*/
|
|
211
219
|
disableSelection: _propTypes.default.bool,
|
|
220
|
+
/**
|
|
221
|
+
* If `true`, virtualization is disabled.
|
|
222
|
+
* @default false
|
|
223
|
+
*/
|
|
224
|
+
disableVirtualization: _propTypes.default.bool,
|
|
212
225
|
/**
|
|
213
226
|
* When equal to 'flat', the tree is rendered as a flat list (children are rendered as siblings of their parents).
|
|
214
227
|
* When equal to 'nested', the tree is rendered with nested children (children are rendered inside the groupTransition slot of their children).
|
|
215
228
|
* Nested DOM structure is not compatible with collapse / expansion animations.
|
|
216
|
-
* @default 'flat'
|
|
229
|
+
* @default 'flat'
|
|
217
230
|
*/
|
|
218
231
|
domStructure: _propTypes.default.oneOf(['flat', 'nested']),
|
|
219
232
|
/**
|
|
@@ -295,7 +308,8 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
295
308
|
itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
296
309
|
/**
|
|
297
310
|
* Sets the height in pixel of an item.
|
|
298
|
-
*
|
|
311
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights (not compatible with virtualization).
|
|
312
|
+
* @default 32
|
|
299
313
|
*/
|
|
300
314
|
itemHeight: _propTypes.default.number,
|
|
301
315
|
items: _propTypes.default.array.isRequired,
|
|
@@ -400,12 +414,5 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
400
414
|
/**
|
|
401
415
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
402
416
|
*/
|
|
403
|
-
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
|
|
404
|
-
/**
|
|
405
|
-
* Whether virtualization is enabled.
|
|
406
|
-
* If true, the DOM structure will be set to 'flat'.
|
|
407
|
-
* If true and no itemHeight is provided, a default item height of 32px will be used for calculating the virtualization.
|
|
408
|
-
* @default false
|
|
409
|
-
*/
|
|
410
|
-
virtualization: _propTypes.default.bool
|
|
417
|
+
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
|
|
411
418
|
} : void 0;
|
|
@@ -6,15 +6,15 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
|
|
7
7
|
import { useStore } from '@mui/x-internals/store';
|
|
8
8
|
import composeClasses from '@mui/utils/composeClasses';
|
|
9
|
-
import { useLicenseVerifier, Watermark } from '@mui/x-license';
|
|
9
|
+
import { useLicenseVerifier, Watermark } from '@mui/x-license/internals';
|
|
10
10
|
import { TreeViewProvider, RichTreeViewItems, TreeViewItemDepthContext, itemsSelectors, useTreeViewStore } from '@mui/x-tree-view/internals';
|
|
11
11
|
import { warnOnce } from '@mui/x-internals/warning';
|
|
12
|
-
import { styled, createUseThemeProps } from "../internals/zero-styled/index.
|
|
13
|
-
import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.
|
|
14
|
-
import { useExtractRichTreeViewProParameters } from "./useExtractRichTreeViewProParameters.
|
|
15
|
-
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.
|
|
16
|
-
import { RichTreeViewVirtualizedItems } from "../components/RichTreeViewVirtualizedItems.
|
|
17
|
-
import { virtualizationSelectors } from "../internals/plugins/virtualization/index.
|
|
12
|
+
import { styled, createUseThemeProps } from "../internals/zero-styled/index.mjs";
|
|
13
|
+
import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.mjs";
|
|
14
|
+
import { useExtractRichTreeViewProParameters } from "./useExtractRichTreeViewProParameters.mjs";
|
|
15
|
+
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.mjs";
|
|
16
|
+
import { RichTreeViewVirtualizedItems } from "../components/RichTreeViewVirtualizedItems.mjs";
|
|
17
|
+
import { virtualizationSelectors } from "../internals/plugins/virtualization/index.mjs";
|
|
18
18
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
19
|
const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
|
|
20
20
|
const useUtilityClasses = ownerState => {
|
|
@@ -51,7 +51,11 @@ export const RichTreeViewProRoot = styled('ul', {
|
|
|
51
51
|
width: '100%'
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
const
|
|
54
|
+
const packageInfo = {
|
|
55
|
+
releaseDate: "MTc3MzI3MzYwMDAwMA==",
|
|
56
|
+
version: process.env.MUI_VERSION,
|
|
57
|
+
name: 'x-tree-view-pro'
|
|
58
|
+
};
|
|
55
59
|
|
|
56
60
|
/**
|
|
57
61
|
*
|
|
@@ -68,7 +72,7 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
|
|
|
68
72
|
props: inProps,
|
|
69
73
|
name: 'MuiRichTreeViewPro'
|
|
70
74
|
});
|
|
71
|
-
useLicenseVerifier(
|
|
75
|
+
useLicenseVerifier(packageInfo);
|
|
72
76
|
if (process.env.NODE_ENV !== 'production') {
|
|
73
77
|
if (props.children != null) {
|
|
74
78
|
warnOnce(['MUI X: The `<RichTreeViewPro />` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
|
|
@@ -81,6 +85,11 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
|
|
|
81
85
|
parameters,
|
|
82
86
|
forwardedProps
|
|
83
87
|
} = useExtractRichTreeViewProParameters(props);
|
|
88
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
89
|
+
if (parameters.itemHeight === null && !parameters.disableVirtualization) {
|
|
90
|
+
warnOnce(['MUI X: `itemHeight={null}` is not compatible with virtualization.', 'Please use `disableVirtualization` when using `itemHeight={null}`.']);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
84
93
|
|
|
85
94
|
// Context hooks
|
|
86
95
|
const store = useTreeViewStore(RichTreeViewProStore, parameters);
|
|
@@ -114,8 +123,7 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
|
|
|
114
123
|
ownerState: props,
|
|
115
124
|
rootRef: handleRef
|
|
116
125
|
}), /*#__PURE__*/_jsx(Watermark, {
|
|
117
|
-
|
|
118
|
-
releaseInfo: releaseInfo
|
|
126
|
+
packageInfo: packageInfo
|
|
119
127
|
})]
|
|
120
128
|
})
|
|
121
129
|
});
|
|
@@ -202,11 +210,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
202
210
|
* @default false
|
|
203
211
|
*/
|
|
204
212
|
disableSelection: PropTypes.bool,
|
|
213
|
+
/**
|
|
214
|
+
* If `true`, virtualization is disabled.
|
|
215
|
+
* @default false
|
|
216
|
+
*/
|
|
217
|
+
disableVirtualization: PropTypes.bool,
|
|
205
218
|
/**
|
|
206
219
|
* When equal to 'flat', the tree is rendered as a flat list (children are rendered as siblings of their parents).
|
|
207
220
|
* When equal to 'nested', the tree is rendered with nested children (children are rendered inside the groupTransition slot of their children).
|
|
208
221
|
* Nested DOM structure is not compatible with collapse / expansion animations.
|
|
209
|
-
* @default 'flat'
|
|
222
|
+
* @default 'flat'
|
|
210
223
|
*/
|
|
211
224
|
domStructure: PropTypes.oneOf(['flat', 'nested']),
|
|
212
225
|
/**
|
|
@@ -288,7 +301,8 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
288
301
|
itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
289
302
|
/**
|
|
290
303
|
* Sets the height in pixel of an item.
|
|
291
|
-
*
|
|
304
|
+
* Set to `null` to explicitly remove any item height restriction when items have different heights (not compatible with virtualization).
|
|
305
|
+
* @default 32
|
|
292
306
|
*/
|
|
293
307
|
itemHeight: PropTypes.number,
|
|
294
308
|
items: PropTypes.array.isRequired,
|
|
@@ -393,13 +407,6 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
393
407
|
/**
|
|
394
408
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
395
409
|
*/
|
|
396
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
397
|
-
/**
|
|
398
|
-
* Whether virtualization is enabled.
|
|
399
|
-
* If true, the DOM structure will be set to 'flat'.
|
|
400
|
-
* If true and no itemHeight is provided, a default item height of 32px will be used for calculating the virtualization.
|
|
401
|
-
* @default false
|
|
402
|
-
*/
|
|
403
|
-
virtualization: PropTypes.bool
|
|
410
|
+
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
404
411
|
} : void 0;
|
|
405
412
|
export { RichTreeViewPro };
|
|
@@ -3,8 +3,8 @@ import { Theme } from '@mui/material/styles';
|
|
|
3
3
|
import { SxProps } from '@mui/system/styleFunctionSx';
|
|
4
4
|
import { TreeViewValidItem } from '@mui/x-tree-view/models';
|
|
5
5
|
import { RichTreeViewItemsSlots, RichTreeViewItemsSlotProps, TreeViewSlots, TreeViewSlotProps, UseTreeViewStoreParameters, TreeViewPublicAPI } from '@mui/x-tree-view/internals';
|
|
6
|
-
import { RichTreeViewProClasses } from "./richTreeViewProClasses.
|
|
7
|
-
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.
|
|
6
|
+
import { RichTreeViewProClasses } from "./richTreeViewProClasses.mjs";
|
|
7
|
+
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.mjs";
|
|
8
8
|
export interface RichTreeViewProSlots extends TreeViewSlots, Omit<RichTreeViewItemsSlots, 'root'> {
|
|
9
9
|
/**
|
|
10
10
|
* Element rendered at the root.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./RichTreeViewPro.
|
|
2
|
-
export * from "./richTreeViewProClasses.
|
|
3
|
-
export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps, RichTreeViewProApiRef } from "./RichTreeViewPro.types.
|
|
1
|
+
export * from "./RichTreeViewPro.mjs";
|
|
2
|
+
export * from "./richTreeViewProClasses.mjs";
|
|
3
|
+
export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps, RichTreeViewProApiRef } from "./RichTreeViewPro.types.mjs";
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TreeViewValidItem } from '@mui/x-tree-view/models';
|
|
3
3
|
import { UseTreeViewStoreParameters } from '@mui/x-tree-view/internals';
|
|
4
|
-
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.
|
|
5
|
-
import { RichTreeViewProProps } from "./RichTreeViewPro.types.
|
|
4
|
+
import { RichTreeViewProStore } from "../internals/RichTreeViewProStore/index.mjs";
|
|
5
|
+
import { RichTreeViewProProps } from "./RichTreeViewPro.types.mjs";
|
|
6
6
|
export declare function useExtractRichTreeViewProParameters<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined>(props: RichTreeViewProProps<R, Multiple>): {
|
|
7
|
-
apiRef: import("./RichTreeViewPro.types.
|
|
8
|
-
slots: import("./RichTreeViewPro.types.
|
|
9
|
-
slotProps: import("./RichTreeViewPro.types.
|
|
7
|
+
apiRef: import("./RichTreeViewPro.types.mjs").RichTreeViewProApiRef<any, any> | undefined;
|
|
8
|
+
slots: import("./RichTreeViewPro.types.mjs").RichTreeViewProSlots | undefined;
|
|
9
|
+
slotProps: import("./RichTreeViewPro.types.mjs").RichTreeViewProSlotProps<R, Multiple> | undefined;
|
|
10
10
|
parameters: UseTreeViewStoreParameters<RichTreeViewProStore<R, Multiple>>;
|
|
11
11
|
forwardedProps: {
|
|
12
12
|
className?: string;
|
|
13
|
-
classes?: Partial<import("./richTreeViewProClasses.
|
|
13
|
+
classes?: Partial<import("./richTreeViewProClasses.mjs").RichTreeViewProClasses>;
|
|
14
14
|
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme>;
|
|
15
15
|
defaultChecked?: boolean | undefined;
|
|
16
16
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.useExtractRichTreeViewProParameters = useExtractRichTreeViewProParameters;
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "
|
|
11
|
+
const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
|
|
12
12
|
function useExtractRichTreeViewProParameters(props) {
|
|
13
13
|
const {
|
|
14
14
|
// Props for Provider
|
|
@@ -52,7 +52,7 @@ function useExtractRichTreeViewProParameters(props) {
|
|
|
52
52
|
isItemReorderable,
|
|
53
53
|
canMoveItemToNewPosition,
|
|
54
54
|
onItemPositionChange,
|
|
55
|
-
|
|
55
|
+
disableVirtualization
|
|
56
56
|
|
|
57
57
|
// Forwarded props
|
|
58
58
|
} = props,
|
|
@@ -95,14 +95,14 @@ function useExtractRichTreeViewProParameters(props) {
|
|
|
95
95
|
isItemReorderable,
|
|
96
96
|
canMoveItemToNewPosition,
|
|
97
97
|
onItemPositionChange,
|
|
98
|
-
|
|
98
|
+
disableVirtualization
|
|
99
99
|
}), [
|
|
100
100
|
// Shared parameters
|
|
101
101
|
disabledItemsFocusable, items, isItemDisabled, isItemSelectionDisabled, getItemLabel, getItemChildren, getItemId, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus, itemHeight,
|
|
102
102
|
// RichTreeViewStore parameters
|
|
103
103
|
onItemLabelChange, isItemEditable, domStructure,
|
|
104
104
|
// RichTreeViewProStore parameters
|
|
105
|
-
dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange,
|
|
105
|
+
dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
|
|
106
106
|
return {
|
|
107
107
|
apiRef,
|
|
108
108
|
slots,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
|
-
const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "
|
|
2
|
+
const _excluded = ["apiRef", "slots", "slotProps", "disabledItemsFocusable", "items", "isItemDisabled", "isItemSelectionDisabled", "getItemLabel", "getItemChildren", "getItemId", "onItemClick", "itemChildrenIndentation", "id", "expandedItems", "defaultExpandedItems", "onExpandedItemsChange", "onItemExpansionToggle", "expansionTrigger", "disableSelection", "selectedItems", "defaultSelectedItems", "multiSelect", "checkboxSelection", "selectionPropagation", "onSelectedItemsChange", "onItemSelectionToggle", "onItemFocus", "itemHeight", "onItemLabelChange", "isItemEditable", "domStructure", "dataSource", "dataSourceCache", "itemsReordering", "isItemReorderable", "canMoveItemToNewPosition", "onItemPositionChange", "disableVirtualization"];
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
export function useExtractRichTreeViewProParameters(props) {
|
|
5
5
|
const {
|
|
@@ -44,7 +44,7 @@ export function useExtractRichTreeViewProParameters(props) {
|
|
|
44
44
|
isItemReorderable,
|
|
45
45
|
canMoveItemToNewPosition,
|
|
46
46
|
onItemPositionChange,
|
|
47
|
-
|
|
47
|
+
disableVirtualization
|
|
48
48
|
|
|
49
49
|
// Forwarded props
|
|
50
50
|
} = props,
|
|
@@ -87,14 +87,14 @@ export function useExtractRichTreeViewProParameters(props) {
|
|
|
87
87
|
isItemReorderable,
|
|
88
88
|
canMoveItemToNewPosition,
|
|
89
89
|
onItemPositionChange,
|
|
90
|
-
|
|
90
|
+
disableVirtualization
|
|
91
91
|
}), [
|
|
92
92
|
// Shared parameters
|
|
93
93
|
disabledItemsFocusable, items, isItemDisabled, isItemSelectionDisabled, getItemLabel, getItemChildren, getItemId, onItemClick, itemChildrenIndentation, id, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpansionToggle, expansionTrigger, disableSelection, selectedItems, defaultSelectedItems, multiSelect, checkboxSelection, selectionPropagation, onSelectedItemsChange, onItemSelectionToggle, onItemFocus, itemHeight,
|
|
94
94
|
// RichTreeViewStore parameters
|
|
95
95
|
onItemLabelChange, isItemEditable, domStructure,
|
|
96
96
|
// RichTreeViewProStore parameters
|
|
97
|
-
dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange,
|
|
97
|
+
dataSource, dataSourceCache, itemsReordering, isItemReorderable, canMoveItemToNewPosition, onItemPositionChange, disableVirtualization]);
|
|
98
98
|
return {
|
|
99
99
|
apiRef,
|
|
100
100
|
slots,
|
|
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
});
|
|
9
9
|
exports.RichTreeViewVirtualizedItems = RichTreeViewVirtualizedItems;
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
|
|
11
12
|
var React = _interopRequireWildcard(require("react"));
|
|
12
13
|
var _useRefWithInit = require("@base-ui/utils/useRefWithInit");
|
|
13
14
|
var _xVirtualizer = require("@mui/x-virtualizer");
|
|
@@ -49,7 +50,7 @@ function RichTreeViewVirtualizedItems(props) {
|
|
|
49
50
|
} = (0, _internals.useTreeViewStyleContext)();
|
|
50
51
|
const domStructure = (0, _store.useStore)(store, _internals.itemsSelectors.domStructure);
|
|
51
52
|
if (domStructure === 'nested') {
|
|
52
|
-
throw new Error('MUI X: RichTreeViewItems only supports flat DOM structure when virtualized.');
|
|
53
|
+
throw new Error(process.env.NODE_ENV !== "production" ? 'MUI X: RichTreeViewItems only supports flat DOM structure when virtualized.' : (0, _formatErrorMessage2.default)(198));
|
|
53
54
|
}
|
|
54
55
|
const items = (0, _store.useStore)(store, expandedItemsIdSelectors);
|
|
55
56
|
const defaultItemHeight = (0, _store.useStore)(store, _internals.itemsSelectors.itemHeight);
|
|
@@ -67,7 +68,7 @@ function RichTreeViewVirtualizedItems(props) {
|
|
|
67
68
|
const virtualizer = (0, _xVirtualizer.useVirtualizer)({
|
|
68
69
|
layout,
|
|
69
70
|
dimensions: {
|
|
70
|
-
rowHeight: defaultItemHeight
|
|
71
|
+
rowHeight: defaultItemHeight ?? 32
|
|
71
72
|
},
|
|
72
73
|
virtualization: {},
|
|
73
74
|
rows: items,
|