@mui/x-tree-view 7.29.1 → 7.29.10
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 +327 -0
- package/TreeItem/TreeItem.js +0 -12
- package/TreeItem/TreeItemContent.js +8 -0
- package/index.js +1 -1
- package/modern/TreeItem/TreeItem.js +0 -12
- package/modern/TreeItem/TreeItemContent.js +8 -0
- package/modern/index.js +1 -1
- package/node/TreeItem/TreeItem.js +0 -12
- package/node/TreeItem/TreeItemContent.js +8 -0
- package/node/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,333 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## v7.29.10
|
|
7
|
+
|
|
8
|
+
_Sep 25, 2025_
|
|
9
|
+
|
|
10
|
+
We'd like to extend a big thank you to the 1 contributor who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🐞 Bugfixes
|
|
13
|
+
|
|
14
|
+
The following is the team member who have contributed to this release:
|
|
15
|
+
@flaviendelangle
|
|
16
|
+
|
|
17
|
+
### Tree View
|
|
18
|
+
|
|
19
|
+
#### `@mui/x-tree-view@7.29.10`
|
|
20
|
+
|
|
21
|
+
- [tree view] Fix the expansion toggle on icon container with old DOM structure (#19546) @flaviendelangle
|
|
22
|
+
|
|
23
|
+
#### `@mui/x-tree-view-pro@7.29.10` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
24
|
+
|
|
25
|
+
Same changes as in `@mui/x-tree-view@7.29.10`.
|
|
26
|
+
|
|
27
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
28
|
+
|
|
29
|
+
## 7.29.9
|
|
30
|
+
|
|
31
|
+
_Aug 7, 2025_
|
|
32
|
+
|
|
33
|
+
We'd like to extend a big thank you to the 5 contributors who made this release possible. Here are some highlights ✨:
|
|
34
|
+
|
|
35
|
+
- 🐞 Bugfixes
|
|
36
|
+
|
|
37
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
38
|
+
@nusr
|
|
39
|
+
|
|
40
|
+
The following are all team members who have contributed to this release:
|
|
41
|
+
@cherniavskii, @mapache-salvaje, @MBilalShafi, @rita-codes
|
|
42
|
+
|
|
43
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
44
|
+
|
|
45
|
+
### Data Grid
|
|
46
|
+
|
|
47
|
+
#### `@mui/x-data-grid@7.29.9`
|
|
48
|
+
|
|
49
|
+
- [DataGrid] Do not call `preProcessEditCellProps()` if cell is not editable based on `isCellEditable()` (#19082) @nusr
|
|
50
|
+
|
|
51
|
+
#### `@mui/x-data-grid-pro@7.29.9` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
52
|
+
|
|
53
|
+
Same changes as in `@mui/x-data-grid@7.29.9`, plus:
|
|
54
|
+
|
|
55
|
+
- [DataGridPro] Fix row ordering not auto-scrolling when moving beyond viewport (#18718) @MBilalShafi
|
|
56
|
+
|
|
57
|
+
#### `@mui/x-data-grid-premium@7.29.9` [](https://mui.com/r/x-premium-svg-link "Premium plan")
|
|
58
|
+
|
|
59
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.9`.
|
|
60
|
+
|
|
61
|
+
### Docs
|
|
62
|
+
|
|
63
|
+
- [docs] Audit and revise the Data Grid Pro row docs (#18629) @mapache-salvaje
|
|
64
|
+
- [docs] Fix `size` column filtering in files tree demo (#18728) @cherniavskii
|
|
65
|
+
|
|
66
|
+
### Miscellaneous
|
|
67
|
+
|
|
68
|
+
- Update readme publish release command V7 (#18684) @rita-codes
|
|
69
|
+
|
|
70
|
+
## v7.29.8
|
|
71
|
+
|
|
72
|
+
_Jul 4, 2025_
|
|
73
|
+
|
|
74
|
+
We'd like to extend a big thank you to the 3 contributors who made this release possible. Here are some highlights ✨:
|
|
75
|
+
|
|
76
|
+
- 🐞 Bugfixes
|
|
77
|
+
|
|
78
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
79
|
+
@sai6855
|
|
80
|
+
|
|
81
|
+
The following are all team members who have contributed to this release:
|
|
82
|
+
@bernardobelchior, @michelengelen
|
|
83
|
+
|
|
84
|
+
### Data Grid
|
|
85
|
+
|
|
86
|
+
#### `@mui/x-data-grid@7.29.8`
|
|
87
|
+
|
|
88
|
+
- [DataGrid] Fix `apiRef` not being passed on `onCellClick` params (#17528) @sai6855
|
|
89
|
+
|
|
90
|
+
#### `@mui/x-data-grid-pro@7.29.8` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
91
|
+
|
|
92
|
+
Same changes as in `@mui/x-data-grid@7.29.8`.
|
|
93
|
+
|
|
94
|
+
#### `@mui/x-data-grid-premium@7.29.8` [](https://mui.com/r/x-premium-svg-link "Premium plan")
|
|
95
|
+
|
|
96
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.8`.
|
|
97
|
+
|
|
98
|
+
### Miscellaneous
|
|
99
|
+
|
|
100
|
+
- [infra] Add `test_package` to fix CI (#18553) @bernardobelchior
|
|
101
|
+
- [infra] Aligned preparation script with master version (#18672) @michelengelen
|
|
102
|
+
- [infra] Updates release script to fetch latest major version from upstream (#18649) @michelengelen
|
|
103
|
+
|
|
104
|
+
## v7.29.7
|
|
105
|
+
|
|
106
|
+
<!-- generated comparing v7.29.6..v7.x -->
|
|
107
|
+
|
|
108
|
+
_Jun 26, 2025_
|
|
109
|
+
|
|
110
|
+
We'd like to extend a big thank you to the 4 contributors who made this release possible.
|
|
111
|
+
|
|
112
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
113
|
+
@alisasanib
|
|
114
|
+
|
|
115
|
+
Following are all team members who have contributed to this release:
|
|
116
|
+
@mapache-salvaje, @arminmeh, @michelengelen
|
|
117
|
+
|
|
118
|
+
### Data Grid
|
|
119
|
+
|
|
120
|
+
#### `@mui/x-data-grid@7.29.7`
|
|
121
|
+
|
|
122
|
+
Internal changes.
|
|
123
|
+
|
|
124
|
+
#### `@mui/x-data-grid-pro@7.29.7` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
125
|
+
|
|
126
|
+
Same changes as in `@mui/x-data-grid@7.29.7`, plus:
|
|
127
|
+
|
|
128
|
+
- [DataGridPro] Fix pinned columns order in column management (#18053) @alisasanib
|
|
129
|
+
|
|
130
|
+
#### `@mui/x-data-grid-premium@7.29.7` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
131
|
+
|
|
132
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.7`.
|
|
133
|
+
|
|
134
|
+
### Docs
|
|
135
|
+
|
|
136
|
+
- [docs] Revise the Row Grouping doc (#17494) @mapache-salvaje
|
|
137
|
+
- [docs] Document `GridRenderContext` (#18501) @arminmeh
|
|
138
|
+
- [docs] Prevent stale rows from appearing on sort and filter change in the lazy loading demo (#18463) @arminmeh
|
|
139
|
+
|
|
140
|
+
### Miscellaneous
|
|
141
|
+
|
|
142
|
+
- [infra] Add automated release PR creation script (#18450) @michelengelen
|
|
143
|
+
|
|
144
|
+
## 7.29.6
|
|
145
|
+
|
|
146
|
+
_Jun 6, 2025_
|
|
147
|
+
|
|
148
|
+
We'd like to extend a big thank you to @arminmeh, who made this release possible.
|
|
149
|
+
|
|
150
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
151
|
+
|
|
152
|
+
### Data Grid
|
|
153
|
+
|
|
154
|
+
#### `@mui/x-data-grid@7.29.6`
|
|
155
|
+
|
|
156
|
+
- [DataGrid] Keep pipe pre-processors execution order when callback reference changes (#18217) @arminmeh
|
|
157
|
+
|
|
158
|
+
#### `@mui/x-data-grid-pro@7.29.6` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
159
|
+
|
|
160
|
+
Same changes as in `@mui/x-data-grid@7.29.6`.
|
|
161
|
+
|
|
162
|
+
#### `@mui/x-data-grid-premium@7.29.6` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
163
|
+
|
|
164
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.6`.
|
|
165
|
+
|
|
166
|
+
### Docs
|
|
167
|
+
|
|
168
|
+
- [docs] Keep `groupingColDef` reference stable in the grid demos (#17549) @arminmeh
|
|
169
|
+
|
|
170
|
+
## 7.29.5
|
|
171
|
+
|
|
172
|
+
_May 29, 2025_
|
|
173
|
+
|
|
174
|
+
We'd like to extend a big thank you to @cherniavskii, who made this release possible.
|
|
175
|
+
|
|
176
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
177
|
+
|
|
178
|
+
### Data Grid
|
|
179
|
+
|
|
180
|
+
#### `@mui/x-data-grid@7.29.5`
|
|
181
|
+
|
|
182
|
+
- [DataGrid] Avoid ResizeObserver loop error (@cherniavskii) (#18005) @github-actions[bot]
|
|
183
|
+
|
|
184
|
+
#### `@mui/x-data-grid-pro@7.29.5` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
185
|
+
|
|
186
|
+
Same changes as in `@mui/x-data-grid@7.29.5`.
|
|
187
|
+
|
|
188
|
+
#### `@mui/x-data-grid-premium@7.29.5` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
189
|
+
|
|
190
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.5`.
|
|
191
|
+
|
|
192
|
+
## 7.29.4
|
|
193
|
+
|
|
194
|
+
_May 22, 2025_
|
|
195
|
+
|
|
196
|
+
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
197
|
+
|
|
198
|
+
- 🐞 Bugfixes
|
|
199
|
+
|
|
200
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
201
|
+
@campmarc, @whereisrmsqhs, @jyash97
|
|
202
|
+
|
|
203
|
+
Following are all team members who have contributed to this release:
|
|
204
|
+
@mapache-salvaje, @cherniavskii, @noraleonte.
|
|
205
|
+
|
|
206
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
207
|
+
|
|
208
|
+
### Data Grid
|
|
209
|
+
|
|
210
|
+
#### `@mui/x-data-grid@7.29.4`
|
|
211
|
+
|
|
212
|
+
- [DataGrid] Fix `renderContext` calculation loop (#17806) @cherniavskii
|
|
213
|
+
- [DataGrid] Fix column spanning jump on scroll (#17780) @cherniavskii
|
|
214
|
+
- [DataGrid] Fix content rendering for large rows while using automatic page size (#17866) @campmarc
|
|
215
|
+
|
|
216
|
+
#### `@mui/x-data-grid-pro@7.29.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
217
|
+
|
|
218
|
+
Same changes as in `@mui/x-data-grid@7.29.4`, plus:
|
|
219
|
+
|
|
220
|
+
- [DataGridPro] Add `aria-expanded` attribute to the master detail toggle button (#17890) @whereisrmsqhs
|
|
221
|
+
- [DataGridPro] Prevent text selection when reordering rows (#17920) @jyash97
|
|
222
|
+
|
|
223
|
+
#### `@mui/x-data-grid-premium@7.29.4` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
224
|
+
|
|
225
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.4`.
|
|
226
|
+
|
|
227
|
+
### Date and Time Pickers
|
|
228
|
+
|
|
229
|
+
#### `@mui/x-date-pickers@7.29.4`
|
|
230
|
+
|
|
231
|
+
- [pickers] Fix `PickersTextField` overflow (#17945) @noraleonte
|
|
232
|
+
|
|
233
|
+
#### `@mui/x-date-pickers-pro@7.29.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
234
|
+
|
|
235
|
+
Same changes as in `@mui/x-date-pickers@7.29.4`.
|
|
236
|
+
|
|
237
|
+
### Docs
|
|
238
|
+
|
|
239
|
+
- [docs] Add "upgrade to v8" callout on v7 planned pages (#17901) @mapache-salvaje
|
|
240
|
+
|
|
241
|
+
## 7.29.3
|
|
242
|
+
|
|
243
|
+
_May 8, 2025_
|
|
244
|
+
|
|
245
|
+
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
|
|
246
|
+
|
|
247
|
+
- 🐞 Bugfixes
|
|
248
|
+
|
|
249
|
+
Team members who have contributed to this release:
|
|
250
|
+
@arminmeh, @LukasTy, and @MBilalShafi.
|
|
251
|
+
|
|
252
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
253
|
+
|
|
254
|
+
### Data Grid
|
|
255
|
+
|
|
256
|
+
#### `@mui/x-data-grid@7.29.3`
|
|
257
|
+
|
|
258
|
+
- [DataGrid] Ignore `preProcessEditCellProps` for non-editable columns when starting a row update (#17734) @arminmeh
|
|
259
|
+
- [DataGrid] Avoid applying row selection propagation on filtered rows (#17742) @MBilalShafi
|
|
260
|
+
|
|
261
|
+
#### `@mui/x-data-grid-pro@7.29.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
262
|
+
|
|
263
|
+
Same changes as in `@mui/x-data-grid@7.29.3`.
|
|
264
|
+
|
|
265
|
+
#### `@mui/x-data-grid-premium@7.29.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
266
|
+
|
|
267
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.3`.
|
|
268
|
+
|
|
269
|
+
### Date and Time Pickers
|
|
270
|
+
|
|
271
|
+
#### `@mui/x-date-pickers@7.29.3`
|
|
272
|
+
|
|
273
|
+
- [DateTimePicker] Fix focus behavior on desktop variant (#17730) @LukasTy
|
|
274
|
+
|
|
275
|
+
#### `@mui/x-date-pickers-pro@7.29.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
276
|
+
|
|
277
|
+
Same changes as in `@mui/x-date-pickers@7.29.3`.
|
|
278
|
+
|
|
279
|
+
## 7.29.2
|
|
280
|
+
|
|
281
|
+
_May 1, 2025_
|
|
282
|
+
|
|
283
|
+
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
|
|
284
|
+
|
|
285
|
+
- 🌍 Add Armenian (hy-AM) locale on the Data Grid
|
|
286
|
+
- 🌍 Improve Italian (it-IT) locale on the Date and Time Pickers
|
|
287
|
+
- 🐞 Bugfixes
|
|
288
|
+
|
|
289
|
+
Special thanks go out to the community contributors who have helped make this release possible:
|
|
290
|
+
@ArturAghakaryan, @federico-ntr.
|
|
291
|
+
|
|
292
|
+
Following are all team members who have contributed to this release:
|
|
293
|
+
@arminmeh, @JCQuintas, @KenanYusuf, @MBilalShafi, @oliviertassinari.
|
|
294
|
+
|
|
295
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
296
|
+
|
|
297
|
+
### Data Grid
|
|
298
|
+
|
|
299
|
+
#### `@mui/x-data-grid@7.29.2`
|
|
300
|
+
|
|
301
|
+
- [DataGrid] Fix column title truncation on touch devices (#17497) @KenanYusuf
|
|
302
|
+
- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17530) @KenanYusuf
|
|
303
|
+
- [l10n] Add Armenian (hy-AM) locale (#17422) @ArturAghakaryan
|
|
304
|
+
- [l10n] Fix l10n export (#17526) @arminmeh
|
|
305
|
+
|
|
306
|
+
#### `@mui/x-data-grid-pro@7.29.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
307
|
+
|
|
308
|
+
Same changes as in `@mui/x-data-grid@7.29.2`.
|
|
309
|
+
|
|
310
|
+
#### `@mui/x-data-grid-premium@7.29.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
311
|
+
|
|
312
|
+
Same changes as in `@mui/x-data-grid-pro@7.29.2`.
|
|
313
|
+
|
|
314
|
+
### Date and Time Pickers
|
|
315
|
+
|
|
316
|
+
#### `@mui/x-date-pickers@7.29.2`
|
|
317
|
+
|
|
318
|
+
- [l10n] Improve Italian (it-IT) locale (#17604) @federico-ntr
|
|
319
|
+
|
|
320
|
+
#### `@mui/x-date-pickers-pro@7.29.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
321
|
+
|
|
322
|
+
Same changes as in `@mui/x-date-pickers@7.29.2`.
|
|
323
|
+
|
|
324
|
+
### Docs
|
|
325
|
+
|
|
326
|
+
- [docs] Fix MUI X v7 install instructions (#17537) @oliviertassinari
|
|
327
|
+
- [docs] Improve data grid export docs (#17553) @MBilalShafi
|
|
328
|
+
|
|
329
|
+
### Core
|
|
330
|
+
|
|
331
|
+
- [core] Fix root package 7.29.1 (#17523) @JCQuintas
|
|
332
|
+
|
|
6
333
|
## 7.29.1
|
|
7
334
|
|
|
8
335
|
_Apr 23, 2025_
|
package/TreeItem/TreeItem.js
CHANGED
|
@@ -184,9 +184,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
184
184
|
selection: {
|
|
185
185
|
disableSelection
|
|
186
186
|
},
|
|
187
|
-
expansion: {
|
|
188
|
-
expansionTrigger
|
|
189
|
-
},
|
|
190
187
|
treeId,
|
|
191
188
|
instance
|
|
192
189
|
} = useTreeViewContext();
|
|
@@ -217,7 +214,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
217
214
|
selected,
|
|
218
215
|
disabled,
|
|
219
216
|
editing,
|
|
220
|
-
handleExpansion,
|
|
221
217
|
handleCancelItemLabelEditing,
|
|
222
218
|
handleSaveItemLabel
|
|
223
219
|
} = useTreeItemState(itemId);
|
|
@@ -276,11 +272,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
276
272
|
} : {}),
|
|
277
273
|
className: classes.groupTransition
|
|
278
274
|
});
|
|
279
|
-
const handleIconContainerClick = event => {
|
|
280
|
-
if (expansionTrigger === 'iconContainer') {
|
|
281
|
-
handleExpansion(event);
|
|
282
|
-
}
|
|
283
|
-
};
|
|
284
275
|
const ExpansionIcon = expanded ? slots.collapseIcon : slots.expandIcon;
|
|
285
276
|
const _useSlotProps = useSlotProps({
|
|
286
277
|
elementType: ExpansionIcon,
|
|
@@ -290,9 +281,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
290
281
|
return _extends({}, resolveComponentProps(contextIcons.slotProps.collapseIcon, tempOwnerState), resolveComponentProps(inSlotProps?.collapseIcon, tempOwnerState));
|
|
291
282
|
}
|
|
292
283
|
return _extends({}, resolveComponentProps(contextIcons.slotProps.expandIcon, tempOwnerState), resolveComponentProps(inSlotProps?.expandIcon, tempOwnerState));
|
|
293
|
-
},
|
|
294
|
-
additionalProps: {
|
|
295
|
-
onClick: handleIconContainerClick
|
|
296
284
|
}
|
|
297
285
|
}),
|
|
298
286
|
expansionIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
|
|
@@ -67,6 +67,13 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
|
|
|
67
67
|
onClick(event);
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
+
|
|
71
|
+
// If we click on the expansion icon and expansionTrigger is "iconContainer", we expand or collapse the tree item.
|
|
72
|
+
const handleIconClick = expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer' ? event => {
|
|
73
|
+
if (expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer') {
|
|
74
|
+
handleExpansion(event);
|
|
75
|
+
}
|
|
76
|
+
} : undefined;
|
|
70
77
|
const handleLabelDoubleClick = event => {
|
|
71
78
|
if (event.defaultMuiPrevented) {
|
|
72
79
|
return;
|
|
@@ -80,6 +87,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
|
|
|
80
87
|
ref: ref,
|
|
81
88
|
children: [/*#__PURE__*/_jsx("div", {
|
|
82
89
|
className: classes.iconContainer,
|
|
90
|
+
onClick: handleIconClick,
|
|
83
91
|
children: icon
|
|
84
92
|
}), checkboxSelection && /*#__PURE__*/_jsx(Checkbox, {
|
|
85
93
|
className: classes.checkbox,
|
package/index.js
CHANGED
|
@@ -184,9 +184,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
184
184
|
selection: {
|
|
185
185
|
disableSelection
|
|
186
186
|
},
|
|
187
|
-
expansion: {
|
|
188
|
-
expansionTrigger
|
|
189
|
-
},
|
|
190
187
|
treeId,
|
|
191
188
|
instance
|
|
192
189
|
} = useTreeViewContext();
|
|
@@ -217,7 +214,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
217
214
|
selected,
|
|
218
215
|
disabled,
|
|
219
216
|
editing,
|
|
220
|
-
handleExpansion,
|
|
221
217
|
handleCancelItemLabelEditing,
|
|
222
218
|
handleSaveItemLabel
|
|
223
219
|
} = useTreeItemState(itemId);
|
|
@@ -276,11 +272,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
276
272
|
} : {}),
|
|
277
273
|
className: classes.groupTransition
|
|
278
274
|
});
|
|
279
|
-
const handleIconContainerClick = event => {
|
|
280
|
-
if (expansionTrigger === 'iconContainer') {
|
|
281
|
-
handleExpansion(event);
|
|
282
|
-
}
|
|
283
|
-
};
|
|
284
275
|
const ExpansionIcon = expanded ? slots.collapseIcon : slots.expandIcon;
|
|
285
276
|
const _useSlotProps = useSlotProps({
|
|
286
277
|
elementType: ExpansionIcon,
|
|
@@ -290,9 +281,6 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
|
|
|
290
281
|
return _extends({}, resolveComponentProps(contextIcons.slotProps.collapseIcon, tempOwnerState), resolveComponentProps(inSlotProps?.collapseIcon, tempOwnerState));
|
|
291
282
|
}
|
|
292
283
|
return _extends({}, resolveComponentProps(contextIcons.slotProps.expandIcon, tempOwnerState), resolveComponentProps(inSlotProps?.expandIcon, tempOwnerState));
|
|
293
|
-
},
|
|
294
|
-
additionalProps: {
|
|
295
|
-
onClick: handleIconContainerClick
|
|
296
284
|
}
|
|
297
285
|
}),
|
|
298
286
|
expansionIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
|
|
@@ -67,6 +67,13 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
|
|
|
67
67
|
onClick(event);
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
+
|
|
71
|
+
// If we click on the expansion icon and expansionTrigger is "iconContainer", we expand or collapse the tree item.
|
|
72
|
+
const handleIconClick = expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer' ? event => {
|
|
73
|
+
if (expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer') {
|
|
74
|
+
handleExpansion(event);
|
|
75
|
+
}
|
|
76
|
+
} : undefined;
|
|
70
77
|
const handleLabelDoubleClick = event => {
|
|
71
78
|
if (event.defaultMuiPrevented) {
|
|
72
79
|
return;
|
|
@@ -80,6 +87,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
|
|
|
80
87
|
ref: ref,
|
|
81
88
|
children: [/*#__PURE__*/_jsx("div", {
|
|
82
89
|
className: classes.iconContainer,
|
|
90
|
+
onClick: handleIconClick,
|
|
83
91
|
children: icon
|
|
84
92
|
}), checkboxSelection && /*#__PURE__*/_jsx(Checkbox, {
|
|
85
93
|
className: classes.checkbox,
|
package/modern/index.js
CHANGED
|
@@ -191,9 +191,6 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
|
|
|
191
191
|
selection: {
|
|
192
192
|
disableSelection
|
|
193
193
|
},
|
|
194
|
-
expansion: {
|
|
195
|
-
expansionTrigger
|
|
196
|
-
},
|
|
197
194
|
treeId,
|
|
198
195
|
instance
|
|
199
196
|
} = (0, _TreeViewProvider.useTreeViewContext)();
|
|
@@ -224,7 +221,6 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
|
|
|
224
221
|
selected,
|
|
225
222
|
disabled,
|
|
226
223
|
editing,
|
|
227
|
-
handleExpansion,
|
|
228
224
|
handleCancelItemLabelEditing,
|
|
229
225
|
handleSaveItemLabel
|
|
230
226
|
} = (0, _useTreeItemState.useTreeItemState)(itemId);
|
|
@@ -283,11 +279,6 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
|
|
|
283
279
|
} : {}),
|
|
284
280
|
className: classes.groupTransition
|
|
285
281
|
});
|
|
286
|
-
const handleIconContainerClick = event => {
|
|
287
|
-
if (expansionTrigger === 'iconContainer') {
|
|
288
|
-
handleExpansion(event);
|
|
289
|
-
}
|
|
290
|
-
};
|
|
291
282
|
const ExpansionIcon = expanded ? slots.collapseIcon : slots.expandIcon;
|
|
292
283
|
const _useSlotProps = (0, _useSlotProps4.default)({
|
|
293
284
|
elementType: ExpansionIcon,
|
|
@@ -297,9 +288,6 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
|
|
|
297
288
|
return (0, _extends2.default)({}, (0, _resolveComponentProps.default)(contextIcons.slotProps.collapseIcon, tempOwnerState), (0, _resolveComponentProps.default)(inSlotProps?.collapseIcon, tempOwnerState));
|
|
298
289
|
}
|
|
299
290
|
return (0, _extends2.default)({}, (0, _resolveComponentProps.default)(contextIcons.slotProps.expandIcon, tempOwnerState), (0, _resolveComponentProps.default)(inSlotProps?.expandIcon, tempOwnerState));
|
|
300
|
-
},
|
|
301
|
-
additionalProps: {
|
|
302
|
-
onClick: handleIconContainerClick
|
|
303
291
|
}
|
|
304
292
|
}),
|
|
305
293
|
expansionIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
|
|
@@ -75,6 +75,13 @@ const TreeItemContent = exports.TreeItemContent = /*#__PURE__*/React.forwardRef(
|
|
|
75
75
|
onClick(event);
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
|
+
|
|
79
|
+
// If we click on the expansion icon and expansionTrigger is "iconContainer", we expand or collapse the tree item.
|
|
80
|
+
const handleIconClick = expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer' ? event => {
|
|
81
|
+
if (expansionIcon != null && icon === expansionIcon && expansionTrigger === 'iconContainer') {
|
|
82
|
+
handleExpansion(event);
|
|
83
|
+
}
|
|
84
|
+
} : undefined;
|
|
78
85
|
const handleLabelDoubleClick = event => {
|
|
79
86
|
if (event.defaultMuiPrevented) {
|
|
80
87
|
return;
|
|
@@ -88,6 +95,7 @@ const TreeItemContent = exports.TreeItemContent = /*#__PURE__*/React.forwardRef(
|
|
|
88
95
|
ref: ref,
|
|
89
96
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
90
97
|
className: classes.iconContainer,
|
|
98
|
+
onClick: handleIconClick,
|
|
91
99
|
children: icon
|
|
92
100
|
}), checkboxSelection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
|
|
93
101
|
className: classes.checkbox,
|
package/node/index.js
CHANGED