@salt-ds/core 1.62.0 → 1.64.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/css/salt-core.css +168 -5
- package/dist-cjs/banner/Banner.js +8 -1
- package/dist-cjs/banner/Banner.js.map +1 -1
- package/dist-cjs/drawer/Drawer.js +3 -1
- package/dist-cjs/drawer/Drawer.js.map +1 -1
- package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-cjs/index.js +8 -0
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/link/Link.css.js +1 -1
- package/dist-cjs/tree/Tree.css.js +6 -0
- package/dist-cjs/tree/Tree.css.js.map +1 -0
- package/dist-cjs/tree/Tree.js +308 -0
- package/dist-cjs/tree/Tree.js.map +1 -0
- package/dist-cjs/tree/TreeContext.js +37 -0
- package/dist-cjs/tree/TreeContext.js.map +1 -0
- package/dist-cjs/tree/TreeNode.css.js +6 -0
- package/dist-cjs/tree/TreeNode.css.js.map +1 -0
- package/dist-cjs/tree/TreeNode.js +109 -0
- package/dist-cjs/tree/TreeNode.js.map +1 -0
- package/dist-cjs/tree/TreeNodeExpansionIcon.css.js +6 -0
- package/dist-cjs/tree/TreeNodeExpansionIcon.css.js.map +1 -0
- package/dist-cjs/tree/TreeNodeExpansionIcon.js +67 -0
- package/dist-cjs/tree/TreeNodeExpansionIcon.js.map +1 -0
- package/dist-cjs/tree/TreeNodeLabel.css.js +6 -0
- package/dist-cjs/tree/TreeNodeLabel.css.js.map +1 -0
- package/dist-cjs/tree/TreeNodeLabel.js +30 -0
- package/dist-cjs/tree/TreeNodeLabel.js.map +1 -0
- package/dist-cjs/tree/TreeNodeTrigger.css.js +6 -0
- package/dist-cjs/tree/TreeNodeTrigger.css.js.map +1 -0
- package/dist-cjs/tree/TreeNodeTrigger.js +161 -0
- package/dist-cjs/tree/TreeNodeTrigger.js.map +1 -0
- package/dist-cjs/tree/treeModel.js +61 -0
- package/dist-cjs/tree/treeModel.js.map +1 -0
- package/dist-cjs/tree/useTree.js +343 -0
- package/dist-cjs/tree/useTree.js.map +1 -0
- package/dist-es/banner/Banner.js +8 -1
- package/dist-es/banner/Banner.js.map +1 -1
- package/dist-es/drawer/Drawer.js +3 -1
- package/dist-es/drawer/Drawer.js.map +1 -1
- package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
- package/dist-es/index.js +4 -0
- package/dist-es/index.js.map +1 -1
- package/dist-es/link/Link.css.js +1 -1
- package/dist-es/tree/Tree.css.js +4 -0
- package/dist-es/tree/Tree.css.js.map +1 -0
- package/dist-es/tree/Tree.js +306 -0
- package/dist-es/tree/Tree.js.map +1 -0
- package/dist-es/tree/TreeContext.js +32 -0
- package/dist-es/tree/TreeContext.js.map +1 -0
- package/dist-es/tree/TreeNode.css.js +4 -0
- package/dist-es/tree/TreeNode.css.js.map +1 -0
- package/dist-es/tree/TreeNode.js +107 -0
- package/dist-es/tree/TreeNode.js.map +1 -0
- package/dist-es/tree/TreeNodeExpansionIcon.css.js +4 -0
- package/dist-es/tree/TreeNodeExpansionIcon.css.js.map +1 -0
- package/dist-es/tree/TreeNodeExpansionIcon.js +65 -0
- package/dist-es/tree/TreeNodeExpansionIcon.js.map +1 -0
- package/dist-es/tree/TreeNodeLabel.css.js +4 -0
- package/dist-es/tree/TreeNodeLabel.css.js.map +1 -0
- package/dist-es/tree/TreeNodeLabel.js +28 -0
- package/dist-es/tree/TreeNodeLabel.js.map +1 -0
- package/dist-es/tree/TreeNodeTrigger.css.js +4 -0
- package/dist-es/tree/TreeNodeTrigger.css.js.map +1 -0
- package/dist-es/tree/TreeNodeTrigger.js +159 -0
- package/dist-es/tree/TreeNodeTrigger.js.map +1 -0
- package/dist-es/tree/treeModel.js +57 -0
- package/dist-es/tree/treeModel.js.map +1 -0
- package/dist-es/tree/useTree.js +341 -0
- package/dist-es/tree/useTree.js.map +1 -0
- package/dist-types/drawer/Drawer.d.ts +6 -0
- package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts +14 -2
- package/dist-types/index.d.ts +1 -0
- package/dist-types/tree/Tree.d.ts +36 -0
- package/dist-types/tree/TreeContext.d.ts +77 -0
- package/dist-types/tree/TreeNode.d.ts +25 -0
- package/dist-types/tree/TreeNodeExpansionIcon.d.ts +4 -0
- package/dist-types/tree/TreeNodeLabel.d.ts +4 -0
- package/dist-types/tree/TreeNodeTrigger.d.ts +8 -0
- package/dist-types/tree/index.d.ts +4 -0
- package/dist-types/tree/treeModel.d.ts +24 -0
- package/dist-types/tree/useTree.d.ts +68 -0
- package/package.json +1 -1
|
@@ -0,0 +1,341 @@
|
|
|
1
|
+
import { useMemo, useRef, useCallback, useState, useEffect } from 'react';
|
|
2
|
+
import 'clsx';
|
|
3
|
+
import 'react/jsx-runtime';
|
|
4
|
+
import { useControlled } from '../utils/useControlled.js';
|
|
5
|
+
import '../utils/useFloatingUI/useFloatingUI.js';
|
|
6
|
+
import '../utils/useId.js';
|
|
7
|
+
import '../salt-provider/SaltProvider.js';
|
|
8
|
+
import '../viewport/ViewportProvider.js';
|
|
9
|
+
import { buildTreeModel } from './treeModel.js';
|
|
10
|
+
|
|
11
|
+
function arraysEqual(a, b) {
|
|
12
|
+
if (a.length !== b.length) {
|
|
13
|
+
return false;
|
|
14
|
+
}
|
|
15
|
+
return a.every((value, index) => value === b[index]);
|
|
16
|
+
}
|
|
17
|
+
function expandSelectionWithDescendants(selection, model, disabledIds) {
|
|
18
|
+
const expanded = new Set(selection);
|
|
19
|
+
function addDescendants(parentValue) {
|
|
20
|
+
const children = model.childrenOf.get(parentValue) ?? [];
|
|
21
|
+
for (const child of children) {
|
|
22
|
+
if (!disabledIds.has(child)) {
|
|
23
|
+
expanded.add(child);
|
|
24
|
+
addDescendants(child);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
for (const value of selection) {
|
|
29
|
+
addDescendants(value);
|
|
30
|
+
}
|
|
31
|
+
return Array.from(expanded);
|
|
32
|
+
}
|
|
33
|
+
function expandSelectionUpwards(selection, model, disabledIds) {
|
|
34
|
+
const selectedSet = new Set(selection);
|
|
35
|
+
for (const [value, meta] of model.nodes) {
|
|
36
|
+
if (meta.hasChildren && !selectedSet.has(value) && !disabledIds.has(value)) {
|
|
37
|
+
const children = model.childrenOf.get(value) ?? [];
|
|
38
|
+
const enabledChildren = children.filter((c) => !disabledIds.has(c));
|
|
39
|
+
if (enabledChildren.length > 0 && enabledChildren.every((c) => selectedSet.has(c))) {
|
|
40
|
+
selectedSet.add(value);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return Array.from(selectedSet);
|
|
45
|
+
}
|
|
46
|
+
function useTree(props) {
|
|
47
|
+
const {
|
|
48
|
+
defaultExpanded = [],
|
|
49
|
+
expanded: expandedProp,
|
|
50
|
+
onExpandedChange,
|
|
51
|
+
defaultSelected = [],
|
|
52
|
+
selected: selectedProp,
|
|
53
|
+
onSelectionChange,
|
|
54
|
+
multiselect = false,
|
|
55
|
+
disabled = false,
|
|
56
|
+
children
|
|
57
|
+
} = props;
|
|
58
|
+
const clampedDefaultSelected = multiselect ? defaultSelected : defaultSelected.slice(0, 1);
|
|
59
|
+
const clampedSelectedProp = selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;
|
|
60
|
+
const treeModel = useMemo(() => buildTreeModel(children), [children]);
|
|
61
|
+
const elementsRef = useRef(/* @__PURE__ */ new Map());
|
|
62
|
+
const suppressUncontrolledSelectionExpansionRef = useRef(false);
|
|
63
|
+
const disabledIdsSet = useMemo(() => {
|
|
64
|
+
const set = /* @__PURE__ */ new Set();
|
|
65
|
+
for (const [value, meta] of treeModel.nodes) {
|
|
66
|
+
if (meta.disabled) set.add(value);
|
|
67
|
+
}
|
|
68
|
+
return set;
|
|
69
|
+
}, [treeModel]);
|
|
70
|
+
const [expandedArray, setExpandedArray] = useControlled({
|
|
71
|
+
controlled: expandedProp,
|
|
72
|
+
default: defaultExpanded,
|
|
73
|
+
name: "Tree",
|
|
74
|
+
state: "expanded"
|
|
75
|
+
});
|
|
76
|
+
const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);
|
|
77
|
+
const expandedDefaultSelected = useMemo(() => {
|
|
78
|
+
if (!multiselect || clampedDefaultSelected.length === 0) {
|
|
79
|
+
return clampedDefaultSelected;
|
|
80
|
+
}
|
|
81
|
+
let expanded = expandSelectionWithDescendants(
|
|
82
|
+
clampedDefaultSelected,
|
|
83
|
+
treeModel,
|
|
84
|
+
disabledIdsSet
|
|
85
|
+
);
|
|
86
|
+
expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);
|
|
87
|
+
return expanded;
|
|
88
|
+
}, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);
|
|
89
|
+
const [selectedState, setSelectedState, selectedControlled] = useControlled({
|
|
90
|
+
controlled: clampedSelectedProp,
|
|
91
|
+
default: expandedDefaultSelected,
|
|
92
|
+
name: "Tree",
|
|
93
|
+
state: "selected"
|
|
94
|
+
});
|
|
95
|
+
const setVisibleSelectionState = useCallback((selection) => {
|
|
96
|
+
suppressUncontrolledSelectionExpansionRef.current = true;
|
|
97
|
+
setSelectedState(selection);
|
|
98
|
+
}, []);
|
|
99
|
+
const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);
|
|
100
|
+
const [activeNode, setActiveNode] = useState(void 0);
|
|
101
|
+
const registerElement = useCallback((value, element) => {
|
|
102
|
+
elementsRef.current.set(value, element);
|
|
103
|
+
return () => {
|
|
104
|
+
if (elementsRef.current.get(value) === element) {
|
|
105
|
+
elementsRef.current.delete(value);
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
}, []);
|
|
109
|
+
const getElement = useCallback((value) => {
|
|
110
|
+
return elementsRef.current.get(value);
|
|
111
|
+
}, []);
|
|
112
|
+
const getNodeMeta = useCallback(
|
|
113
|
+
(value) => {
|
|
114
|
+
return treeModel.nodes.get(value);
|
|
115
|
+
},
|
|
116
|
+
[treeModel]
|
|
117
|
+
);
|
|
118
|
+
const getParent = useCallback(
|
|
119
|
+
(value) => {
|
|
120
|
+
var _a;
|
|
121
|
+
return (_a = treeModel.nodes.get(value)) == null ? void 0 : _a.parentValue;
|
|
122
|
+
},
|
|
123
|
+
[treeModel]
|
|
124
|
+
);
|
|
125
|
+
const getChildren = useCallback(
|
|
126
|
+
(parentValue) => {
|
|
127
|
+
return treeModel.childrenOf.get(parentValue) ?? [];
|
|
128
|
+
},
|
|
129
|
+
[treeModel]
|
|
130
|
+
);
|
|
131
|
+
const getDescendants = useCallback(
|
|
132
|
+
(value) => {
|
|
133
|
+
const descendants = [];
|
|
134
|
+
function traverse(parentValue) {
|
|
135
|
+
const children2 = treeModel.childrenOf.get(parentValue) ?? [];
|
|
136
|
+
for (const child of children2) {
|
|
137
|
+
if (!disabledIdsSet.has(child)) {
|
|
138
|
+
descendants.push(child);
|
|
139
|
+
traverse(child);
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
traverse(value);
|
|
144
|
+
return descendants;
|
|
145
|
+
},
|
|
146
|
+
[treeModel, disabledIdsSet]
|
|
147
|
+
);
|
|
148
|
+
const getAncestors = useCallback(
|
|
149
|
+
(value) => {
|
|
150
|
+
var _a, _b;
|
|
151
|
+
const ancestors = [];
|
|
152
|
+
let current = (_a = treeModel.nodes.get(value)) == null ? void 0 : _a.parentValue;
|
|
153
|
+
while (current) {
|
|
154
|
+
ancestors.push(current);
|
|
155
|
+
current = (_b = treeModel.nodes.get(current)) == null ? void 0 : _b.parentValue;
|
|
156
|
+
}
|
|
157
|
+
return ancestors;
|
|
158
|
+
},
|
|
159
|
+
[treeModel]
|
|
160
|
+
);
|
|
161
|
+
const toggleExpanded = useCallback(
|
|
162
|
+
(event, value) => {
|
|
163
|
+
const isExpanding = !expandedState.has(value);
|
|
164
|
+
const newExpanded = isExpanding ? [...expandedArray, value] : expandedArray.filter((v) => v !== value);
|
|
165
|
+
setExpandedArray(newExpanded);
|
|
166
|
+
onExpandedChange == null ? void 0 : onExpandedChange(event, newExpanded);
|
|
167
|
+
},
|
|
168
|
+
[expandedArray, expandedState, onExpandedChange]
|
|
169
|
+
);
|
|
170
|
+
const calculateIndeterminateState = useCallback(
|
|
171
|
+
(selected) => {
|
|
172
|
+
const indeterminate = /* @__PURE__ */ new Set();
|
|
173
|
+
const selectedSet2 = new Set(selected);
|
|
174
|
+
for (const selectedValue of selected) {
|
|
175
|
+
let current = getParent(selectedValue);
|
|
176
|
+
while (current) {
|
|
177
|
+
const children2 = getChildren(current);
|
|
178
|
+
const enabledChildren = children2.filter(
|
|
179
|
+
(child) => !disabledIdsSet.has(child)
|
|
180
|
+
);
|
|
181
|
+
if (enabledChildren.length === 0) {
|
|
182
|
+
current = getParent(current);
|
|
183
|
+
continue;
|
|
184
|
+
}
|
|
185
|
+
const selectedChildren = enabledChildren.filter(
|
|
186
|
+
(child) => selectedSet2.has(child)
|
|
187
|
+
);
|
|
188
|
+
const allChildrenSelected = selectedChildren.length === enabledChildren.length;
|
|
189
|
+
const someChildrenSelected = selectedChildren.length > 0;
|
|
190
|
+
const someChildrenIndeterminate = enabledChildren.some(
|
|
191
|
+
(child) => indeterminate.has(child)
|
|
192
|
+
);
|
|
193
|
+
if (someChildrenIndeterminate || someChildrenSelected && !allChildrenSelected) {
|
|
194
|
+
indeterminate.add(current);
|
|
195
|
+
}
|
|
196
|
+
current = getParent(current);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
return indeterminate;
|
|
200
|
+
},
|
|
201
|
+
[getParent, getChildren, disabledIdsSet]
|
|
202
|
+
);
|
|
203
|
+
const indeterminateState = useMemo(() => {
|
|
204
|
+
const state = multiselect ? calculateIndeterminateState(selectedState) : /* @__PURE__ */ new Set();
|
|
205
|
+
return state;
|
|
206
|
+
}, [multiselect, selectedState, calculateIndeterminateState]);
|
|
207
|
+
useEffect(() => {
|
|
208
|
+
if (suppressUncontrolledSelectionExpansionRef.current) {
|
|
209
|
+
suppressUncontrolledSelectionExpansionRef.current = false;
|
|
210
|
+
return;
|
|
211
|
+
}
|
|
212
|
+
if (selectedControlled || !multiselect || selectedState.length === 0) {
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
215
|
+
let expanded = expandSelectionWithDescendants(
|
|
216
|
+
selectedState,
|
|
217
|
+
treeModel,
|
|
218
|
+
disabledIdsSet
|
|
219
|
+
);
|
|
220
|
+
expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);
|
|
221
|
+
if (!arraysEqual(selectedState, expanded)) {
|
|
222
|
+
setSelectedState(expanded);
|
|
223
|
+
}
|
|
224
|
+
}, [
|
|
225
|
+
selectedControlled,
|
|
226
|
+
multiselect,
|
|
227
|
+
selectedState,
|
|
228
|
+
treeModel,
|
|
229
|
+
disabledIdsSet
|
|
230
|
+
]);
|
|
231
|
+
const updateAncestors = (currentSet, value) => {
|
|
232
|
+
const ancestors = getAncestors(value);
|
|
233
|
+
for (const ancestor of ancestors) {
|
|
234
|
+
const children2 = treeModel.childrenOf.get(ancestor) ?? [];
|
|
235
|
+
const enabledChildren = children2.filter(
|
|
236
|
+
(child) => !disabledIdsSet.has(child)
|
|
237
|
+
);
|
|
238
|
+
if (enabledChildren.length === 0) continue;
|
|
239
|
+
const allSelected = enabledChildren.every(
|
|
240
|
+
(child) => currentSet.has(child)
|
|
241
|
+
);
|
|
242
|
+
if (allSelected) {
|
|
243
|
+
currentSet.add(ancestor);
|
|
244
|
+
} else {
|
|
245
|
+
currentSet.delete(ancestor);
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
return Array.from(currentSet);
|
|
249
|
+
};
|
|
250
|
+
const getMultiSelectState = (value) => {
|
|
251
|
+
const currentSet = new Set(selectedState);
|
|
252
|
+
const descendants = getDescendants(value);
|
|
253
|
+
if (currentSet.has(value)) {
|
|
254
|
+
currentSet.delete(value);
|
|
255
|
+
const descendantSet = new Set(descendants);
|
|
256
|
+
for (const d of descendantSet) {
|
|
257
|
+
currentSet.delete(d);
|
|
258
|
+
}
|
|
259
|
+
} else {
|
|
260
|
+
currentSet.add(value);
|
|
261
|
+
for (const d of descendants) {
|
|
262
|
+
if (!currentSet.has(d)) {
|
|
263
|
+
currentSet.add(d);
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
return updateAncestors(currentSet, value);
|
|
268
|
+
};
|
|
269
|
+
const select = useCallback(
|
|
270
|
+
(event, value) => {
|
|
271
|
+
if (disabled || disabledIdsSet.has(value)) return;
|
|
272
|
+
let newSelected;
|
|
273
|
+
if (multiselect) {
|
|
274
|
+
newSelected = getMultiSelectState(value);
|
|
275
|
+
} else {
|
|
276
|
+
const isCurrentlySelected = selectedSet.has(value);
|
|
277
|
+
newSelected = isCurrentlySelected ? [] : [value];
|
|
278
|
+
}
|
|
279
|
+
setSelectedState(newSelected);
|
|
280
|
+
onSelectionChange == null ? void 0 : onSelectionChange(event, newSelected);
|
|
281
|
+
},
|
|
282
|
+
[disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange]
|
|
283
|
+
);
|
|
284
|
+
const visibleNodes = useMemo(() => {
|
|
285
|
+
const visible = [];
|
|
286
|
+
function traverse(values) {
|
|
287
|
+
for (const value of values) {
|
|
288
|
+
visible.push(value);
|
|
289
|
+
const nodeMeta = treeModel.nodes.get(value);
|
|
290
|
+
if ((nodeMeta == null ? void 0 : nodeMeta.hasChildren) && expandedState.has(value)) {
|
|
291
|
+
const children2 = treeModel.childrenOf.get(value) ?? [];
|
|
292
|
+
traverse(children2);
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
traverse(treeModel.rootValues);
|
|
297
|
+
return visible;
|
|
298
|
+
}, [treeModel, expandedState]);
|
|
299
|
+
const tabbableNodeId = useMemo(() => {
|
|
300
|
+
if (activeNode) {
|
|
301
|
+
return activeNode;
|
|
302
|
+
}
|
|
303
|
+
const firstSelectedVisible = visibleNodes.find(
|
|
304
|
+
(node) => selectedSet.has(node)
|
|
305
|
+
);
|
|
306
|
+
if (firstSelectedVisible !== void 0) {
|
|
307
|
+
return firstSelectedVisible;
|
|
308
|
+
}
|
|
309
|
+
return visibleNodes[0];
|
|
310
|
+
}, [activeNode, selectedSet, visibleNodes]);
|
|
311
|
+
return {
|
|
312
|
+
expandedArray,
|
|
313
|
+
setExpandedArray,
|
|
314
|
+
expandedState,
|
|
315
|
+
toggleExpanded,
|
|
316
|
+
selectedState,
|
|
317
|
+
selectedSet,
|
|
318
|
+
setSelectedState,
|
|
319
|
+
setVisibleSelectionState,
|
|
320
|
+
select,
|
|
321
|
+
multiselect,
|
|
322
|
+
disabled,
|
|
323
|
+
disabledIdsSet,
|
|
324
|
+
treeModel,
|
|
325
|
+
getNodeMeta,
|
|
326
|
+
getParent,
|
|
327
|
+
getChildren,
|
|
328
|
+
getDescendants,
|
|
329
|
+
getAncestors,
|
|
330
|
+
visibleNodes,
|
|
331
|
+
tabbableNodeId,
|
|
332
|
+
registerElement,
|
|
333
|
+
getElement,
|
|
334
|
+
activeNode,
|
|
335
|
+
setActiveNode,
|
|
336
|
+
indeterminateState
|
|
337
|
+
};
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
export { useTree };
|
|
341
|
+
//# sourceMappingURL=useTree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import {\n type ReactNode,\n type SyntheticEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useControlled } from \"../utils\";\nimport { buildTreeModel, type TreeModel, type TreeNodeMeta } from \"./treeModel\";\n\nexport type { TreeModel, TreeNodeMeta } from \"./treeModel\";\n\nexport interface UseTreeProps {\n /**\n * Default expanded nodes (uncontrolled)\n */\n defaultExpanded?: string[];\n /**\n * Expanded nodes (controlled)\n */\n expanded?: string[];\n /**\n * Callback on expanded nodes change\n */\n onExpandedChange?: (event: SyntheticEvent, expanded: string[]) => void;\n /**\n * Default selected nodes (uncontrolled)\n */\n defaultSelected?: string[];\n /**\n * Selected nodes\n */\n selected?: string[];\n /**\n * Callback on selected nodes change\n */\n onSelectionChange?: (event: SyntheticEvent, selected: string[]) => void;\n /**\n * Sets multiselect mode with checkboxes and allows for multiple node selection\n */\n multiselect?: boolean;\n /**\n * Sets tree to disabled state, preventing all interaction\n */\n disabled?: boolean;\n /**\n * Tree children used to build the tree model for traversal an state management\n */\n children?: ReactNode;\n}\n\nfunction arraysEqual(a: string[], b: string[]): boolean {\n if (a.length !== b.length) {\n return false;\n }\n\n return a.every((value, index) => value === b[index]);\n}\n\nfunction expandSelectionWithDescendants(\n selection: string[],\n model: TreeModel,\n disabledIds: Set<string>,\n): string[] {\n const expanded = new Set(selection);\n\n function addDescendants(parentValue: string): void {\n const children = model.childrenOf.get(parentValue) ?? [];\n for (const child of children) {\n if (!disabledIds.has(child)) {\n expanded.add(child);\n addDescendants(child);\n }\n }\n }\n\n for (const value of selection) {\n addDescendants(value);\n }\n\n return Array.from(expanded);\n}\n\nfunction expandSelectionUpwards(\n selection: string[],\n model: TreeModel,\n disabledIds: Set<string>,\n): string[] {\n const selectedSet = new Set(selection);\n\n for (const [value, meta] of model.nodes) {\n if (\n meta.hasChildren &&\n !selectedSet.has(value) &&\n !disabledIds.has(value)\n ) {\n const children = model.childrenOf.get(value) ?? [];\n const enabledChildren = children.filter((c) => !disabledIds.has(c));\n\n if (\n enabledChildren.length > 0 &&\n enabledChildren.every((c) => selectedSet.has(c))\n ) {\n selectedSet.add(value);\n }\n }\n }\n\n return Array.from(selectedSet);\n}\n\nexport function useTree(props: UseTreeProps) {\n const {\n defaultExpanded = [],\n expanded: expandedProp,\n onExpandedChange,\n defaultSelected = [],\n selected: selectedProp,\n onSelectionChange,\n multiselect = false,\n disabled = false,\n children,\n } = props;\n\n const clampedDefaultSelected = multiselect\n ? defaultSelected\n : defaultSelected.slice(0, 1);\n\n const clampedSelectedProp =\n selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;\n\n const treeModel = useMemo(() => buildTreeModel(children), [children]);\n const elementsRef = useRef<Map<string, HTMLElement>>(new Map());\n const suppressUncontrolledSelectionExpansionRef = useRef(false);\n\n const disabledIdsSet = useMemo(() => {\n const set = new Set<string>();\n for (const [value, meta] of treeModel.nodes) {\n if (meta.disabled) set.add(value);\n }\n return set;\n }, [treeModel]);\n\n const [expandedArray, setExpandedArray] = useControlled({\n controlled: expandedProp,\n default: defaultExpanded,\n name: \"Tree\",\n state: \"expanded\",\n });\n\n // Convert array to Set for more efficient lookups during rendering and nav\n const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);\n\n const expandedDefaultSelected = useMemo(() => {\n if (!multiselect || clampedDefaultSelected.length === 0) {\n return clampedDefaultSelected;\n }\n\n let expanded = expandSelectionWithDescendants(\n clampedDefaultSelected,\n treeModel,\n disabledIdsSet,\n );\n\n expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n return expanded;\n }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);\n\n const [selectedState, setSelectedState, selectedControlled] = useControlled({\n controlled: clampedSelectedProp,\n default: expandedDefaultSelected,\n name: \"Tree\",\n state: \"selected\",\n });\n\n const setVisibleSelectionState = useCallback((selection: string[]) => {\n suppressUncontrolledSelectionExpansionRef.current = true;\n setSelectedState(selection);\n }, []);\n\n const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);\n\n const [activeNode, setActiveNode] = useState<string | undefined>(undefined);\n\n const registerElement = useCallback((value: string, element: HTMLElement) => {\n elementsRef.current.set(value, element);\n\n return () => {\n if (elementsRef.current.get(value) === element) {\n elementsRef.current.delete(value);\n }\n };\n }, []);\n\n const getElement = useCallback((value: string): HTMLElement | undefined => {\n return elementsRef.current.get(value);\n }, []);\n\n const getNodeMeta = useCallback(\n (value: string): TreeNodeMeta | undefined => {\n return treeModel.nodes.get(value);\n },\n [treeModel],\n );\n\n const getParent = useCallback(\n (value: string): string | undefined => {\n return treeModel.nodes.get(value)?.parentValue;\n },\n [treeModel],\n );\n\n const getChildren = useCallback(\n (parentValue: string): string[] => {\n return treeModel.childrenOf.get(parentValue) ?? [];\n },\n [treeModel],\n );\n\n // Depth-first search (with pre-order traversal)\n const getDescendants = useCallback(\n (value: string): string[] => {\n const descendants: string[] = [];\n\n function traverse(parentValue: string): void {\n const children = treeModel.childrenOf.get(parentValue) ?? [];\n for (const child of children) {\n if (!disabledIdsSet.has(child)) {\n descendants.push(child);\n traverse(child);\n }\n }\n }\n\n traverse(value);\n return descendants;\n },\n [treeModel, disabledIdsSet],\n );\n\n const getAncestors = useCallback(\n (value: string): string[] => {\n const ancestors: string[] = [];\n let current = treeModel.nodes.get(value)?.parentValue;\n\n while (current) {\n ancestors.push(current);\n current = treeModel.nodes.get(current)?.parentValue;\n }\n\n return ancestors;\n },\n [treeModel],\n );\n\n const toggleExpanded = useCallback(\n (event: SyntheticEvent, value: string) => {\n const isExpanding = !expandedState.has(value);\n const newExpanded = isExpanding\n ? [...expandedArray, value]\n : expandedArray.filter((v) => v !== value);\n\n setExpandedArray(newExpanded);\n onExpandedChange?.(event, newExpanded);\n },\n [expandedArray, expandedState, onExpandedChange],\n );\n\n const calculateIndeterminateState = useCallback(\n (selected: string[]): Set<string> => {\n const indeterminate = new Set<string>();\n const selectedSet = new Set(selected);\n\n for (const selectedValue of selected) {\n let current = getParent(selectedValue);\n\n while (current) {\n const children = getChildren(current);\n const enabledChildren = children.filter(\n (child) => !disabledIdsSet.has(child),\n );\n\n if (enabledChildren.length === 0) {\n current = getParent(current);\n continue;\n }\n\n const selectedChildren = enabledChildren.filter((child) =>\n selectedSet.has(child),\n );\n const allChildrenSelected =\n selectedChildren.length === enabledChildren.length;\n const someChildrenSelected = selectedChildren.length > 0;\n\n const someChildrenIndeterminate = enabledChildren.some((child) =>\n indeterminate.has(child),\n );\n\n if (\n someChildrenIndeterminate ||\n (someChildrenSelected && !allChildrenSelected)\n ) {\n indeterminate.add(current);\n }\n\n current = getParent(current);\n }\n }\n\n return indeterminate;\n },\n [getParent, getChildren, disabledIdsSet],\n );\n\n const indeterminateState = useMemo(() => {\n const state = multiselect\n ? calculateIndeterminateState(selectedState)\n : new Set<string>();\n return state;\n }, [multiselect, selectedState, calculateIndeterminateState]);\n\n useEffect(() => {\n if (suppressUncontrolledSelectionExpansionRef.current) {\n suppressUncontrolledSelectionExpansionRef.current = false;\n return;\n }\n\n if (selectedControlled || !multiselect || selectedState.length === 0) {\n return;\n }\n\n let expanded = expandSelectionWithDescendants(\n selectedState,\n treeModel,\n disabledIdsSet,\n );\n expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n if (!arraysEqual(selectedState, expanded)) {\n setSelectedState(expanded);\n }\n }, [\n selectedControlled,\n multiselect,\n selectedState,\n treeModel,\n disabledIdsSet,\n ]);\n\n const updateAncestors = (\n currentSet: Set<string>,\n value: string,\n ): string[] => {\n const ancestors = getAncestors(value);\n\n for (const ancestor of ancestors) {\n const children = treeModel.childrenOf.get(ancestor) ?? [];\n const enabledChildren = children.filter(\n (child) => !disabledIdsSet.has(child),\n );\n\n if (enabledChildren.length === 0) continue;\n\n const allSelected = enabledChildren.every((child) =>\n currentSet.has(child),\n );\n\n if (allSelected) {\n currentSet.add(ancestor);\n } else {\n currentSet.delete(ancestor);\n }\n }\n\n return Array.from(currentSet);\n };\n\n const getMultiSelectState = (value: string) => {\n const currentSet = new Set(selectedState);\n const descendants = getDescendants(value);\n\n if (currentSet.has(value)) {\n currentSet.delete(value);\n const descendantSet = new Set(descendants);\n for (const d of descendantSet) {\n currentSet.delete(d);\n }\n } else {\n currentSet.add(value);\n for (const d of descendants) {\n if (!currentSet.has(d)) {\n currentSet.add(d);\n }\n }\n }\n\n return updateAncestors(currentSet, value);\n };\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: getMultiSelectState/updateAncestors are intentionally not memoized - their captured values (selectedState, treeModel, etc.) are already in deps\n const select = useCallback(\n (event: SyntheticEvent, value: string) => {\n if (disabled || disabledIdsSet.has(value)) return;\n\n let newSelected: string[];\n\n if (multiselect) {\n newSelected = getMultiSelectState(value);\n } else {\n const isCurrentlySelected = selectedSet.has(value);\n newSelected = isCurrentlySelected ? [] : [value];\n }\n\n setSelectedState(newSelected);\n onSelectionChange?.(event, newSelected);\n },\n [disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange],\n );\n\n // Visible nodes in depth-first order matching visual tree order\n const visibleNodes = useMemo((): string[] => {\n const visible: string[] = [];\n\n function traverse(values: string[]): void {\n for (const value of values) {\n visible.push(value);\n\n const nodeMeta = treeModel.nodes.get(value);\n if (nodeMeta?.hasChildren && expandedState.has(value)) {\n const children = treeModel.childrenOf.get(value) ?? [];\n traverse(children);\n }\n }\n }\n\n traverse(treeModel.rootValues);\n return visible;\n }, [treeModel, expandedState]);\n\n const tabbableNodeId = useMemo((): string | undefined => {\n if (activeNode) {\n return activeNode;\n }\n\n const firstSelectedVisible = visibleNodes.find((node) =>\n selectedSet.has(node),\n );\n\n if (firstSelectedVisible !== undefined) {\n return firstSelectedVisible;\n }\n\n return visibleNodes[0];\n }, [activeNode, selectedSet, visibleNodes]);\n\n return {\n expandedArray,\n setExpandedArray,\n expandedState,\n toggleExpanded,\n selectedState,\n selectedSet,\n setSelectedState,\n setVisibleSelectionState,\n select,\n multiselect,\n disabled,\n disabledIdsSet,\n treeModel,\n getNodeMeta,\n getParent,\n getChildren,\n getDescendants,\n getAncestors,\n visibleNodes,\n tabbableNodeId,\n registerElement,\n getElement,\n activeNode,\n setActiveNode,\n indeterminateState,\n };\n}\n"],"names":["children","selectedSet"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type FloatingFocusManager } from "@floating-ui/react";
|
|
1
2
|
import { type ComponentPropsWithoutRef } from "react";
|
|
2
3
|
export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
4
|
/**
|
|
@@ -24,5 +25,10 @@ export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
|
|
|
24
25
|
* Prevent Scrim from rendering
|
|
25
26
|
* */
|
|
26
27
|
disableScrim?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Which element to initially focus. Can be either a number (tabbable index as specified by the order) or a ref.
|
|
30
|
+
* Default value is 0 (first tabbable element).
|
|
31
|
+
* */
|
|
32
|
+
initialFocus?: ComponentPropsWithoutRef<typeof FloatingFocusManager>["initialFocus"];
|
|
27
33
|
}
|
|
28
34
|
export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { type ChangeEvent, type
|
|
2
|
-
|
|
1
|
+
import { type ChangeEvent, type ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import { type ButtonProps } from "../button";
|
|
3
|
+
export interface FileDropZoneTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "onChange"> {
|
|
3
4
|
/**
|
|
4
5
|
* `accept` attribute for HTML <input>.
|
|
5
6
|
*
|
|
@@ -18,5 +19,16 @@ export interface FileDropZoneTriggerProps extends Omit<HTMLAttributes<HTMLButton
|
|
|
18
19
|
* Callback for input change event
|
|
19
20
|
*/
|
|
20
21
|
onChange?: (event: ChangeEvent<HTMLInputElement>, files: File[]) => void;
|
|
22
|
+
/**
|
|
23
|
+
* The appearance of the button. Options are 'solid', 'bordered', and 'transparent'.
|
|
24
|
+
* 'solid' is the default value.
|
|
25
|
+
*/
|
|
26
|
+
appearance?: ButtonProps["appearance"];
|
|
27
|
+
/**
|
|
28
|
+
* The sentiment of the button. Options are 'accented' and 'neutral'.
|
|
29
|
+
* 'neutral' is the default value.
|
|
30
|
+
*
|
|
31
|
+
*/
|
|
32
|
+
sentiment?: Extract<ButtonProps["sentiment"], "accented" | "neutral">;
|
|
21
33
|
}
|
|
22
34
|
export declare const FileDropZoneTrigger: import("react").ForwardRefExoticComponent<FileDropZoneTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
package/dist-types/index.d.ts
CHANGED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
|
|
2
|
+
export interface TreeProps extends ComponentPropsWithoutRef<"ul"> {
|
|
3
|
+
/**
|
|
4
|
+
* Default expanded nodes (uncontrolled)
|
|
5
|
+
*/
|
|
6
|
+
defaultExpanded?: string[];
|
|
7
|
+
/**
|
|
8
|
+
* Expanded nodes (controlled)
|
|
9
|
+
*/
|
|
10
|
+
expanded?: string[];
|
|
11
|
+
/**
|
|
12
|
+
* Callback on expanded nodes change
|
|
13
|
+
*/
|
|
14
|
+
onExpandedChange?: (event: SyntheticEvent, expanded: string[]) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Default selected nodes (uncontrolled)
|
|
17
|
+
*/
|
|
18
|
+
defaultSelected?: string[];
|
|
19
|
+
/**
|
|
20
|
+
* Selected nodes
|
|
21
|
+
*/
|
|
22
|
+
selected?: string[];
|
|
23
|
+
/**
|
|
24
|
+
* Callback on selected nodes change
|
|
25
|
+
*/
|
|
26
|
+
onSelectionChange?: (event: SyntheticEvent, selected: string[]) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Sets multiselect mode with checkboxes and allows for multiple node selection
|
|
29
|
+
*/
|
|
30
|
+
multiselect?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Sets tree to disabled state, preventing all interaction
|
|
33
|
+
*/
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
}
|
|
36
|
+
export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { type Dispatch, type ReactNode, type Ref, type RefObject, type SetStateAction, type SyntheticEvent } from "react";
|
|
2
|
+
import type { TreeModel, TreeNodeMeta } from "./useTree";
|
|
3
|
+
export interface TreeContextValue {
|
|
4
|
+
expandedState: Set<string>;
|
|
5
|
+
/** Toggle a node expansion state */
|
|
6
|
+
toggleExpanded: (event: SyntheticEvent, value: string) => void;
|
|
7
|
+
/** Selected node values */
|
|
8
|
+
selectedState: string[];
|
|
9
|
+
/** Selected node values as Set for O(1) lookups */
|
|
10
|
+
selectedSet: Set<string>;
|
|
11
|
+
/** Set selected state directly */
|
|
12
|
+
setSelectedState: Dispatch<SetStateAction<string[]>>;
|
|
13
|
+
/** Set selected state without expanding selection through hidden descendants */
|
|
14
|
+
setVisibleSelectionState: (selected: string[]) => void;
|
|
15
|
+
/** Select node */
|
|
16
|
+
select: (event: SyntheticEvent, value: string) => void;
|
|
17
|
+
/** Whether multiselect mode with checkboxes is enabled */
|
|
18
|
+
multiselect: boolean;
|
|
19
|
+
/** Disabled state of the tree */
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
/** Set of disabled node IDs */
|
|
22
|
+
disabledIdsSet: Set<string>;
|
|
23
|
+
/** Tree model for traversal */
|
|
24
|
+
treeModel: TreeModel;
|
|
25
|
+
/** Get node metadata from tree model */
|
|
26
|
+
getNodeMeta: (value: string) => TreeNodeMeta | undefined;
|
|
27
|
+
/** Get parent of a node */
|
|
28
|
+
getParent: (value: string) => string | undefined;
|
|
29
|
+
/** Get children of a node */
|
|
30
|
+
getChildren: (value: string) => string[];
|
|
31
|
+
/** Get all descendants of a node */
|
|
32
|
+
getDescendants: (value: string) => string[];
|
|
33
|
+
/** Get all ancestors of a node */
|
|
34
|
+
getAncestors: (value: string) => string[];
|
|
35
|
+
/** Memoized visible (navigable) nodes in tree order */
|
|
36
|
+
visibleNodes: string[];
|
|
37
|
+
/** Memoized tabbable node ID for roving tabindex (computed once at tree level) */
|
|
38
|
+
tabbableNodeId: string | undefined;
|
|
39
|
+
/** Register a DOM element for focus management */
|
|
40
|
+
registerElement: (value: string, element: HTMLElement) => () => void;
|
|
41
|
+
/** Get DOM element for a node (if mounted) */
|
|
42
|
+
getElement: (value: string) => HTMLElement | undefined;
|
|
43
|
+
/** Active node value */
|
|
44
|
+
activeNode: string | undefined;
|
|
45
|
+
/** Set the active node */
|
|
46
|
+
setActiveNode: Dispatch<SetStateAction<string | undefined>>;
|
|
47
|
+
/** Set of indeterminate (partially selected) node IDs */
|
|
48
|
+
indeterminateState: Set<string>;
|
|
49
|
+
}
|
|
50
|
+
export declare const TreeProvider: import("react").Provider<TreeContextValue | undefined>;
|
|
51
|
+
export declare function useTreeContext(): TreeContextValue;
|
|
52
|
+
export interface TreeNodeContextValue {
|
|
53
|
+
/** Current node value */
|
|
54
|
+
value: string;
|
|
55
|
+
/** Current depth level */
|
|
56
|
+
level: number;
|
|
57
|
+
/** Whether node has children */
|
|
58
|
+
hasChildren: boolean;
|
|
59
|
+
/** Whether node is expanded */
|
|
60
|
+
expanded: boolean;
|
|
61
|
+
/** Whether node is disabled */
|
|
62
|
+
disabled: boolean;
|
|
63
|
+
/** Node id for the li element */
|
|
64
|
+
id: string;
|
|
65
|
+
/** Ref for the li element rendered by TreeNodeTrigger */
|
|
66
|
+
nodeRef: RefObject<HTMLLIElement>;
|
|
67
|
+
/** Callback ref that connects TreeNode's forwarded ref to the li element */
|
|
68
|
+
setNodeRef: Ref<HTMLLIElement> | null;
|
|
69
|
+
/** Whether node is selected */
|
|
70
|
+
selected: boolean;
|
|
71
|
+
/** Whether node is in indeterminate state (partially selected children) */
|
|
72
|
+
indeterminate: boolean;
|
|
73
|
+
/** Child TreeNode elements to be rendered inside the group */
|
|
74
|
+
nodeChildren: ReactNode;
|
|
75
|
+
}
|
|
76
|
+
export declare const TreeNodeProvider: import("react").Provider<TreeNodeContextValue | undefined>;
|
|
77
|
+
export declare function useTreeNodeContext(): TreeNodeContextValue | undefined;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { IconProps } from "@salt-ds/icons";
|
|
2
|
+
import { type ComponentType, type ReactNode } from "react";
|
|
3
|
+
export interface TreeNodeProps {
|
|
4
|
+
/**
|
|
5
|
+
* Unique value representing this node within the tree
|
|
6
|
+
*/
|
|
7
|
+
value: string;
|
|
8
|
+
/**
|
|
9
|
+
* Label for the node. When provided, TreeNode automatically renders a TreeNodeTrigger.
|
|
10
|
+
*/
|
|
11
|
+
label?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Optional icon to display before the label
|
|
14
|
+
*/
|
|
15
|
+
icon?: ComponentType<IconProps>;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the node is disabled.
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Child nodes or content.
|
|
22
|
+
*/
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare const TreeNode: import("react").ForwardRefExoticComponent<TreeNodeProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export interface TreeNodeExpansionIconProps extends ComponentPropsWithoutRef<"span"> {
|
|
3
|
+
}
|
|
4
|
+
export declare const TreeNodeExpansionIcon: import("react").ForwardRefExoticComponent<TreeNodeExpansionIconProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export interface TreeNodeLabelProps extends ComponentPropsWithoutRef<"span"> {
|
|
3
|
+
}
|
|
4
|
+
export declare const TreeNodeLabel: import("react").ForwardRefExoticComponent<TreeNodeLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export interface TreeNodeTriggerProps extends ComponentPropsWithoutRef<"li"> {
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* The forwarded ref points to the inner trigger content span (for tooltip positioning),
|
|
6
|
+
* while the <li> handles focus, ARIA, and event handling.
|
|
7
|
+
*/
|
|
8
|
+
export declare const TreeNodeTrigger: import("react").ForwardRefExoticComponent<TreeNodeTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
|
+
export interface TreeNodeMeta {
|
|
3
|
+
value: string;
|
|
4
|
+
parentValue: string | undefined;
|
|
5
|
+
hasChildren: boolean;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface TreeModel {
|
|
9
|
+
/** All nodes indexed by value */
|
|
10
|
+
nodes: Map<string, TreeNodeMeta>;
|
|
11
|
+
/** Ordered list of root node values */
|
|
12
|
+
rootValues: string[];
|
|
13
|
+
/** Maps parent value to ordered list of child values */
|
|
14
|
+
childrenOf: Map<string, string[]>;
|
|
15
|
+
}
|
|
16
|
+
interface TreeNodeElementProps {
|
|
17
|
+
value: string;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare function isTreeNodeElement(child: ReactNode): child is ReactElement<TreeNodeElementProps>;
|
|
22
|
+
export declare function flattenTreeNodeChildren(children: ReactNode): ReactNode[];
|
|
23
|
+
export declare function buildTreeModel(children: ReactNode): TreeModel;
|
|
24
|
+
export {};
|