@wzrhine/react 0.1.0 → 0.2.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 +20 -1
- package/dist/components/Alert.d.ts +3 -0
- package/dist/components/Alert.d.ts.map +1 -1
- package/dist/components/Alert.js +2 -2
- package/dist/components/Alert.js.map +1 -1
- package/dist/components/AlertDialog.d.ts +9 -1
- package/dist/components/AlertDialog.d.ts.map +1 -1
- package/dist/components/AlertDialog.js +25 -4
- package/dist/components/AlertDialog.js.map +1 -1
- package/dist/components/Badge.d.ts +17 -0
- package/dist/components/Badge.d.ts.map +1 -0
- package/dist/components/Badge.js +16 -0
- package/dist/components/Badge.js.map +1 -0
- package/dist/components/Button.d.ts +3 -0
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +2 -2
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Dialog.d.ts +5 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +4 -2
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Fieldset.d.ts +2 -1
- package/dist/components/Fieldset.d.ts.map +1 -1
- package/dist/components/Fieldset.js +2 -2
- package/dist/components/Fieldset.js.map +1 -1
- package/dist/components/Form.d.ts +1 -0
- package/dist/components/Form.d.ts.map +1 -1
- package/dist/components/Form.js +2 -2
- package/dist/components/Form.js.map +1 -1
- package/dist/components/Icon.d.ts +25 -0
- package/dist/components/Icon.d.ts.map +1 -0
- package/dist/components/Icon.js +38 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/NumberField.d.ts +3 -1
- package/dist/components/NumberField.d.ts.map +1 -1
- package/dist/components/NumberField.js +8 -2
- package/dist/components/NumberField.js.map +1 -1
- package/dist/components/Popover.d.ts +8 -3
- package/dist/components/Popover.d.ts.map +1 -1
- package/dist/components/Popover.js +2 -2
- package/dist/components/Popover.js.map +1 -1
- package/dist/components/Radio.d.ts +7 -0
- package/dist/components/Radio.d.ts.map +1 -1
- package/dist/components/Radio.js +4 -4
- package/dist/components/Radio.js.map +1 -1
- package/dist/components/ResizeHandle.d.ts +32 -0
- package/dist/components/ResizeHandle.d.ts.map +1 -0
- package/dist/components/ResizeHandle.js +33 -0
- package/dist/components/ResizeHandle.js.map +1 -0
- package/dist/components/ScrollArea.d.ts +5 -0
- package/dist/components/ScrollArea.d.ts.map +1 -1
- package/dist/components/ScrollArea.js +2 -2
- package/dist/components/ScrollArea.js.map +1 -1
- package/dist/components/Tree.d.ts +28 -0
- package/dist/components/Tree.d.ts.map +1 -0
- package/dist/components/Tree.js +129 -0
- package/dist/components/Tree.js.map +1 -0
- package/dist/components/Workbench.d.ts +31 -0
- package/dist/components/Workbench.d.ts.map +1 -0
- package/dist/components/Workbench.js +71 -0
- package/dist/components/Workbench.js.map +1 -0
- package/dist/components/navigation.d.ts +38 -0
- package/dist/components/navigation.d.ts.map +1 -0
- package/dist/components/navigation.js +96 -0
- package/dist/components/navigation.js.map +1 -0
- package/dist/components.css +46 -0
- package/dist/forms.css +17 -0
- package/dist/index.d.ts +16 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/provider/messages.d.ts +19 -0
- package/dist/provider/messages.d.ts.map +1 -1
- package/dist/provider/messages.js +8 -0
- package/dist/provider/messages.js.map +1 -1
- package/package.json +9 -4
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { cx } from '../utils/cx.js';
|
|
5
|
+
import { useRhineMessages } from '../provider/messages.js';
|
|
6
|
+
import { Icon } from './Icon.js';
|
|
7
|
+
export function Tree({ label, nodes, selectedId, defaultSelectedId, onSelect, expandedIds, defaultExpandedIds = [], onExpandedChange, onToggle, onLoadChildren, onRetry, empty, renderActions, className, onKeyDown, ...rest }) {
|
|
8
|
+
const m = useRhineMessages().tree;
|
|
9
|
+
const uid = React.useId();
|
|
10
|
+
const rootRef = React.useRef(null);
|
|
11
|
+
const [selected, setSelected] = React.useState(defaultSelectedId);
|
|
12
|
+
const [innerExpanded, setExpanded] = React.useState([...defaultExpandedIds]);
|
|
13
|
+
const [focused, setFocused] = React.useState(selectedId ?? defaultSelectedId ?? nodes[0]?.id);
|
|
14
|
+
const requested = React.useRef(new Set());
|
|
15
|
+
const expanded = new Set(expandedIds ?? innerExpanded);
|
|
16
|
+
const active = selectedId ?? selected;
|
|
17
|
+
const flat = [];
|
|
18
|
+
const visited = new Set();
|
|
19
|
+
const walk = (list, parent) => list.forEach((node) => {
|
|
20
|
+
if (visited.has(node.id))
|
|
21
|
+
return;
|
|
22
|
+
visited.add(node.id);
|
|
23
|
+
flat.push({ node, parent });
|
|
24
|
+
if (expanded.has(node.id) && node.children)
|
|
25
|
+
walk(node.children, node.id);
|
|
26
|
+
});
|
|
27
|
+
walk(nodes);
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
if (!onLoadChildren)
|
|
30
|
+
return;
|
|
31
|
+
for (const { node } of flat) {
|
|
32
|
+
if (expanded.has(node.id) && node.hasChildren && node.children === undefined && !node.loading && !node.error && !requested.current.has(node.id)) {
|
|
33
|
+
requested.current.add(node.id);
|
|
34
|
+
void onLoadChildren(node);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}, [expandedIds, innerExpanded, nodes, onLoadChildren]);
|
|
38
|
+
React.useEffect(() => {
|
|
39
|
+
if (selectedId !== undefined)
|
|
40
|
+
setFocused(selectedId);
|
|
41
|
+
}, [selectedId]);
|
|
42
|
+
const focus = (id) => {
|
|
43
|
+
if (!id)
|
|
44
|
+
return;
|
|
45
|
+
setFocused(id);
|
|
46
|
+
rootRef.current?.querySelectorAll('[role="treeitem"]').forEach((el) => { if (el.dataset.treeId === id)
|
|
47
|
+
el.focus(); });
|
|
48
|
+
};
|
|
49
|
+
const select = (node) => {
|
|
50
|
+
if (node.disabled)
|
|
51
|
+
return;
|
|
52
|
+
if (selectedId === undefined)
|
|
53
|
+
setSelected(node.id);
|
|
54
|
+
onSelect?.(node);
|
|
55
|
+
};
|
|
56
|
+
const toggle = (node, open = !expanded.has(node.id)) => {
|
|
57
|
+
if (node.disabled || (!node.hasChildren && !node.children?.length))
|
|
58
|
+
return;
|
|
59
|
+
const ids = open ? [...expanded, node.id] : [...expanded].filter((id) => id !== node.id);
|
|
60
|
+
if (expandedIds === undefined)
|
|
61
|
+
setExpanded(ids);
|
|
62
|
+
onExpandedChange?.(ids);
|
|
63
|
+
onToggle?.(node, open);
|
|
64
|
+
if (open && node.hasChildren && node.children === undefined && !node.loading && !node.error && !requested.current.has(node.id)) {
|
|
65
|
+
requested.current.add(node.id);
|
|
66
|
+
void onLoadChildren?.(node);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
const typeahead = React.useRef({ value: '', at: 0 });
|
|
70
|
+
const keyDown = (event) => {
|
|
71
|
+
onKeyDown?.(event);
|
|
72
|
+
if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey)
|
|
73
|
+
return;
|
|
74
|
+
const element = event.target;
|
|
75
|
+
if (element.getAttribute('role') !== 'treeitem')
|
|
76
|
+
return;
|
|
77
|
+
const index = flat.findIndex(({ node }) => node.id === element.dataset.treeId);
|
|
78
|
+
const current = flat[index];
|
|
79
|
+
if (!current)
|
|
80
|
+
return;
|
|
81
|
+
const { node, parent } = current;
|
|
82
|
+
let next;
|
|
83
|
+
if (event.key === 'ArrowDown')
|
|
84
|
+
next = flat[Math.min(index + 1, flat.length - 1)]?.node.id;
|
|
85
|
+
else if (event.key === 'ArrowUp')
|
|
86
|
+
next = flat[Math.max(index - 1, 0)]?.node.id;
|
|
87
|
+
else if (event.key === 'Home')
|
|
88
|
+
next = flat[0]?.node.id;
|
|
89
|
+
else if (event.key === 'End')
|
|
90
|
+
next = flat.at(-1)?.node.id;
|
|
91
|
+
else if (event.key === 'ArrowRight') {
|
|
92
|
+
if (expanded.has(node.id))
|
|
93
|
+
next = node.children?.[0]?.id;
|
|
94
|
+
else
|
|
95
|
+
toggle(node, true);
|
|
96
|
+
}
|
|
97
|
+
else if (event.key === 'ArrowLeft') {
|
|
98
|
+
if (expanded.has(node.id))
|
|
99
|
+
toggle(node, false);
|
|
100
|
+
else
|
|
101
|
+
next = parent;
|
|
102
|
+
}
|
|
103
|
+
else if (event.key === 'Enter' || event.key === ' ')
|
|
104
|
+
select(node);
|
|
105
|
+
else if (event.key.length === 1 && !event.nativeEvent.isComposing) {
|
|
106
|
+
const now = Date.now();
|
|
107
|
+
const query = now - typeahead.current.at < 600 ? typeahead.current.value + event.key : event.key;
|
|
108
|
+
typeahead.current = { value: query, at: now };
|
|
109
|
+
const reordered = [...flat.slice(index + 1), ...flat.slice(0, index + 1)];
|
|
110
|
+
next = reordered.find(({ node: candidate }) => !candidate.disabled && (candidate.textValue ?? String(candidate.label)).toLocaleLowerCase().startsWith(query.toLocaleLowerCase()))?.node.id;
|
|
111
|
+
}
|
|
112
|
+
else
|
|
113
|
+
return;
|
|
114
|
+
event.preventDefault();
|
|
115
|
+
if (next)
|
|
116
|
+
focus(next);
|
|
117
|
+
};
|
|
118
|
+
const tabStop = flat.some(({ node }) => node.id === focused) ? focused : flat[0]?.node.id;
|
|
119
|
+
const renderNodes = (list, depth = 1) => list.map((node, index) => {
|
|
120
|
+
const open = expanded.has(node.id);
|
|
121
|
+
const branch = Boolean(node.hasChildren || node.children?.length);
|
|
122
|
+
const name = node.textValue ?? String(node.label);
|
|
123
|
+
const labelId = `${uid}-${node.id}-label`;
|
|
124
|
+
return _jsxs("li", { role: "treeitem", "data-tree-id": node.id, "aria-level": depth, "aria-posinset": index + 1, "aria-setsize": list.length, "aria-selected": active === node.id, "aria-labelledby": labelId, "aria-expanded": branch ? open : undefined, "aria-disabled": node.disabled || undefined, tabIndex: tabStop === node.id ? 0 : -1, className: "rl-tree__item", onFocus: (event) => { if (event.target === event.currentTarget)
|
|
125
|
+
setFocused(node.id); }, children: [_jsxs("div", { className: "rl-tree__row", "data-selected": active === node.id || undefined, children: [branch && _jsx("button", { type: "button", className: "rl-tree__toggle", tabIndex: -1, disabled: node.disabled, "aria-label": open ? m.collapse(name) : m.expand(name), onClick: () => { focus(node.id); toggle(node); }, children: _jsx(Icon, { name: open ? 'ChevronDown' : 'ChevronRight' }) }), _jsx("button", { type: "button", className: "rl-tree__select", tabIndex: -1, disabled: node.disabled, onClick: () => { focus(node.id); select(node); }, children: _jsx("span", { id: labelId, className: "rl-tree__label", children: node.label }) }), renderActions?.(node)] }), open && _jsxs(_Fragment, { children: [node.loading && _jsx("p", { role: "status", className: "rl-tree__note", children: m.loading }), node.error && _jsxs("div", { className: "rl-tree__note", children: [_jsx("p", { role: "alert", children: node.error }), (onRetry || onLoadChildren) && _jsx("button", { type: "button", onClick: () => (onRetry ?? onLoadChildren)?.(node), children: m.retry(name) })] }), node.children?.length ? _jsx("ul", { role: "group", children: renderNodes(node.children, depth + 1) }) : null] })] }, node.id);
|
|
126
|
+
});
|
|
127
|
+
return _jsxs("div", { ...rest, ref: rootRef, className: cx('rl-tree', className), onKeyDown: keyDown, children: [_jsx("ul", { role: "tree", "aria-label": label, className: "rl-tree__root", children: renderNodes(nodes) }), nodes.length === 0 && _jsx("p", { children: empty ?? m.empty })] });
|
|
128
|
+
}
|
|
129
|
+
//# sourceMappingURL=Tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../src/components/Tree.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AA4BjC,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,kBAAkB,GAAG,EAAE,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAa;IACvO,MAAM,CAAC,GAAG,gBAAgB,EAAE,CAAC,IAAI,CAAC;IAClC,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;IACvF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,UAAU,IAAI,iBAAiB,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClH,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAU,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,WAAW,IAAI,aAAa,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC;IACtC,MAAM,IAAI,GAA+C,EAAE,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,MAAM,IAAI,GAAG,CAAC,IAAyB,EAAE,MAAe,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACjF,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAAE,OAAO;QACjC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAC5B,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,KAAK,CAAC,CAAC;IACZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,cAAc;YAAE,OAAO;QAC5B,KAAK,MAAM,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;YAC5B,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBAChJ,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC/B,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,UAAU,KAAK,SAAS;YAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,KAAK,GAAG,CAAC,EAAsB,EAAE,EAAE;QACvC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,CAAC,OAAO,EAAE,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,EAAE;YAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrI,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,IAAc,EAAE,EAAE;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,UAAU,KAAK,SAAS;YAAE,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnD,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,IAAc,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC/D,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;YAAE,OAAO;QAC3E,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QACzF,IAAI,WAAW,KAAK,SAAS;YAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QAChD,gBAAgB,EAAE,CAAC,GAAG,CAAC,CAAC;QACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvB,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/H,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC/B,KAAK,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,CAAC,KAA0C,EAAE,EAAE;QAC7D,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QACrF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC5C,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU;YAAE,OAAO;QACxD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC/E,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QACjC,IAAI,IAAwB,CAAC;QAC7B,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;aACrF,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;aAC1E,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;YAAE,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;aAClD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;YAAE,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;aACrD,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAAE,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;;gBAAM,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAAC,CAAC;aACtH,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;;gBAAM,IAAI,GAAG,MAAM,CAAC;QAAC,CAAC;aACtG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;aAC7D,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;YAClE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;YACjG,SAAS,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;YAC9C,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1E,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;QAC7L,CAAC;;YAAM,OAAO;QACd,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI;YAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;IAC1F,MAAM,WAAW,GAAG,CAAC,IAAyB,EAAE,KAAK,GAAG,CAAC,EAAmB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACtG,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAClE,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,EAAE,QAAQ,CAAC;QAC1C,OAAO,cAAkB,IAAI,EAAC,UAAU,kBAAe,IAAI,CAAC,EAAE,gBAAc,KAAK,mBAAiB,KAAK,GAAG,CAAC,kBAAgB,IAAI,CAAC,MAAM,mBAAiB,MAAM,KAAK,IAAI,CAAC,EAAE,qBAAmB,OAAO,mBAAiB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,mBAAiB,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;gBAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAChb,eAAK,SAAS,EAAC,cAAc,mBAAgB,MAAM,KAAK,IAAI,CAAC,EAAE,IAAI,SAAS,aACzE,MAAM,IAAI,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBAAc,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAAI,GAAS,EAC1Q,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAE,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,gBAAgB,YAAE,IAAI,CAAC,KAAK,GAAQ,GAAS,EACpN,aAAa,EAAE,CAAC,IAAI,CAAC,IAClB,EACL,IAAI,IAAI,8BACN,IAAI,CAAC,OAAO,IAAI,YAAG,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,OAAO,GAAK,EAC1E,IAAI,CAAC,KAAK,IAAI,eAAK,SAAS,EAAC,eAAe,aAAC,YAAG,IAAI,EAAC,OAAO,YAAE,IAAI,CAAC,KAAK,GAAK,EAAC,CAAC,OAAO,IAAI,cAAc,CAAC,IAAI,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,YAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAU,IAAO,EACtN,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,aAAI,IAAI,EAAC,OAAO,YAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,GAAM,CAAC,CAAC,CAAC,IAAI,IAC5F,KAVW,IAAI,CAAC,EAAE,CAWlB,CAAC;IACR,CAAC,CAAC,CAAC;IACH,OAAO,kBAAS,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,aAAE,aAAI,IAAI,EAAC,MAAM,gBAAa,KAAK,EAAE,SAAS,EAAC,eAAe,YAAE,WAAW,CAAC,KAAK,CAAC,GAAM,EAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAI,KAAK,IAAI,CAAC,CAAC,KAAK,GAAK,IAAO,CAAC;AAC7O,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type WorkbenchProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
3
|
+
rail?: React.ReactNode;
|
|
4
|
+
indexLabel?: string;
|
|
5
|
+
mainLabel?: string;
|
|
6
|
+
header?: React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
indexOpen?: boolean;
|
|
9
|
+
defaultIndexOpen?: boolean;
|
|
10
|
+
onIndexOpenChange?: (open: boolean) => void;
|
|
11
|
+
indexSize?: number;
|
|
12
|
+
defaultIndexSize?: number;
|
|
13
|
+
indexMin?: number;
|
|
14
|
+
indexMax?: number;
|
|
15
|
+
onIndexSizeChange?: (size: number) => void;
|
|
16
|
+
index?: React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
interface WorkbenchContextValue {
|
|
19
|
+
target: HTMLDivElement | null;
|
|
20
|
+
register: (id: string, present: boolean) => void;
|
|
21
|
+
indexOpen: boolean;
|
|
22
|
+
setIndexOpen: (open: boolean) => void;
|
|
23
|
+
}
|
|
24
|
+
/** Route-owned index content. A portal preserves the route's data/provider context. */
|
|
25
|
+
export declare function WorkbenchIndex({ children }: {
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
}): React.ReactPortal | null;
|
|
28
|
+
export declare function useWorkbench(): WorkbenchContextValue | null;
|
|
29
|
+
export declare function Workbench({ rail, index, header, children, indexLabel, mainLabel, indexOpen, defaultIndexOpen, onIndexOpenChange, indexSize, defaultIndexSize, indexMin, indexMax, onIndexSizeChange, className, style, ...rest }: WorkbenchProps): React.JSX.Element;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=Workbench.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Workbench.d.ts","sourceRoot":"","sources":["../../src/components/Workbench.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,UAAU,qBAAqB;IAC7B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4BAU1E;AAED,wBAAgB,YAAY,iCAAiD;AAE7E,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAsB,EAAE,QAAc,EAAE,QAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,qBAiDzQ"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { createPortal } from 'react-dom';
|
|
5
|
+
import { cx } from '../utils/cx.js';
|
|
6
|
+
import { useRhineMessages } from '../provider/messages.js';
|
|
7
|
+
import { ResizeHandle } from './ResizeHandle.js';
|
|
8
|
+
const WorkbenchContext = React.createContext(null);
|
|
9
|
+
/** Route-owned index content. A portal preserves the route's data/provider context. */
|
|
10
|
+
export function WorkbenchIndex({ children }) {
|
|
11
|
+
const context = React.useContext(WorkbenchContext);
|
|
12
|
+
const id = React.useId();
|
|
13
|
+
const register = context?.register;
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
if (!register)
|
|
16
|
+
return;
|
|
17
|
+
register(id, true);
|
|
18
|
+
return () => register(id, false);
|
|
19
|
+
}, [register, id]);
|
|
20
|
+
return context?.target ? createPortal(children, context.target) : null;
|
|
21
|
+
}
|
|
22
|
+
export function useWorkbench() { return React.useContext(WorkbenchContext); }
|
|
23
|
+
export function Workbench({ rail, index, header, children, indexLabel, mainLabel, indexOpen, defaultIndexOpen = true, onIndexOpenChange, indexSize, defaultIndexSize = 260, indexMin = 200, indexMax = 400, onIndexSizeChange, className, style, ...rest }) {
|
|
24
|
+
const messages = useRhineMessages();
|
|
25
|
+
const [inner, setInner] = React.useState(defaultIndexOpen);
|
|
26
|
+
const [innerSize, setInnerSize] = React.useState(defaultIndexSize);
|
|
27
|
+
const [target, setTarget] = React.useState(null);
|
|
28
|
+
const [registered, setRegistered] = React.useState(new Set());
|
|
29
|
+
const mainRef = React.useRef(null);
|
|
30
|
+
const indexRef = React.useRef(null);
|
|
31
|
+
const focusedIndex = React.useRef(false);
|
|
32
|
+
const previousOpen = React.useRef(indexOpen ?? defaultIndexOpen);
|
|
33
|
+
const open = indexOpen ?? inner;
|
|
34
|
+
const hasIndex = index != null || registered.size > 0;
|
|
35
|
+
const size = Math.max(indexMin, Math.min(indexMax, indexSize ?? innerSize));
|
|
36
|
+
const [dragging, setDragging] = React.useState(false);
|
|
37
|
+
const setOpen = React.useCallback((next) => { if (indexOpen === undefined)
|
|
38
|
+
setInner(next); onIndexOpenChange?.(next); }, [indexOpen, onIndexOpenChange]);
|
|
39
|
+
const register = React.useCallback((id, present) => setRegistered((old) => {
|
|
40
|
+
if (old.has(id) === present)
|
|
41
|
+
return old;
|
|
42
|
+
const next = new Set(old);
|
|
43
|
+
if (present)
|
|
44
|
+
next.add(id);
|
|
45
|
+
else
|
|
46
|
+
next.delete(id);
|
|
47
|
+
return next;
|
|
48
|
+
}), []);
|
|
49
|
+
React.useLayoutEffect(() => {
|
|
50
|
+
if (previousOpen.current && !open && (focusedIndex.current || indexRef.current?.contains(document.activeElement))) {
|
|
51
|
+
const target = mainRef.current;
|
|
52
|
+
if (target) {
|
|
53
|
+
target.focus();
|
|
54
|
+
if (document.activeElement !== target)
|
|
55
|
+
requestAnimationFrame(() => target.focus());
|
|
56
|
+
}
|
|
57
|
+
focusedIndex.current = false;
|
|
58
|
+
}
|
|
59
|
+
previousOpen.current = open;
|
|
60
|
+
}, [open]);
|
|
61
|
+
const value = React.useMemo(() => ({ target, register, indexOpen: open, setIndexOpen: setOpen }), [target, register, open, setOpen]);
|
|
62
|
+
return _jsx(WorkbenchContext.Provider, { value: value, children: _jsxs("div", { ...rest, className: cx('rl-workbench', className), style: { ...style, '--rl-workbench-index-size': `${open && hasIndex ? size : 0}px` }, "data-has-rail": rail != null || undefined, "data-index-open": (open && hasIndex) || undefined, "data-dragging": dragging || undefined, children: [rail && _jsx("div", { className: "rl-workbench__rail", children: rail }), header && _jsx("header", { className: "rl-workbench__header", children: header }), _jsxs("aside", { ref: indexRef, role: "complementary", className: "rl-workbench__index", "aria-label": indexLabel ?? messages.workbench.index, hidden: !open || !hasIndex, onFocusCapture: () => { focusedIndex.current = true; }, onBlurCapture: (event) => {
|
|
63
|
+
if (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget))
|
|
64
|
+
focusedIndex.current = false;
|
|
65
|
+
}, children: [index, _jsx("div", { ref: setTarget })] }), open && hasIndex && _jsx(ResizeHandle, { className: "rl-workbench__resize", pane: "start", size: size, min: indexMin, max: indexMax, onSizeChange: (next) => {
|
|
66
|
+
if (indexSize === undefined)
|
|
67
|
+
setInnerSize(next);
|
|
68
|
+
onIndexSizeChange?.(next);
|
|
69
|
+
}, onDraggingChange: setDragging, label: messages.workbench.resize, getAriaValueText: (width) => messages.workbench.width(String(width)) }), _jsx("main", { ref: mainRef, tabIndex: -1, "aria-label": mainLabel ?? messages.workbench.content, className: "rl-workbench__main", children: children })] }) });
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=Workbench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Workbench.js","sourceRoot":"","sources":["../../src/components/Workbench.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type NavItemProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
badge?: React.ReactNode;
|
|
7
|
+
collapsed?: boolean;
|
|
8
|
+
href?: string;
|
|
9
|
+
render?: React.ReactElement<Record<string, unknown>> | ((props: React.HTMLAttributes<HTMLElement>) => React.ReactElement);
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const NavItem: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
active?: boolean;
|
|
16
|
+
badge?: React.ReactNode;
|
|
17
|
+
collapsed?: boolean;
|
|
18
|
+
href?: string;
|
|
19
|
+
render?: React.ReactElement<Record<string, unknown>> | ((props: React.HTMLAttributes<HTMLElement>) => React.ReactElement);
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
22
|
+
export type NavRailProps = React.HTMLAttributes<HTMLElement> & {
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
collapsed?: boolean;
|
|
25
|
+
};
|
|
26
|
+
export declare function NavRail({ children, collapsed, className, onKeyDown, ...rest }: NavRailProps): React.JSX.Element;
|
|
27
|
+
export type NavGroupProps = React.HTMLAttributes<HTMLElement> & {
|
|
28
|
+
label: React.ReactNode;
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
collapsed?: boolean;
|
|
31
|
+
};
|
|
32
|
+
export declare function NavGroup({ label, children, collapsed, className, ...rest }: NavGroupProps): React.JSX.Element;
|
|
33
|
+
export type NavListProps = React.HTMLAttributes<HTMLElement> & {
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
label?: string;
|
|
36
|
+
};
|
|
37
|
+
export declare function NavList({ children, label, className, ...rest }: NavListProps): React.JSX.Element;
|
|
38
|
+
//# sourceMappingURL=navigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IAC1H,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,OAAO;WAZX,KAAK,CAAC,SAAS;WACf,KAAK,CAAC,SAAS;aACb,OAAO;YACR,KAAK,CAAC,SAAS;gBACX,OAAO;WACZ,MAAM;aACJ,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;eAC9G,OAAO;qCAoBlB,CAAC;AAkDH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAClH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,qBAEnG;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAC3I,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAiB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAEjG;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7G,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,qBAE5E"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { motion } from 'motion/react';
|
|
5
|
+
import { cx } from '../utils/cx.js';
|
|
6
|
+
import { useRhineMotion } from '../motion/useRhineMotion.js';
|
|
7
|
+
import { Tooltip } from './Tooltip.js';
|
|
8
|
+
const NavContext = React.createContext({ collapsed: false });
|
|
9
|
+
export const NavItem = React.forwardRef(function NavItem({ label, icon, active, badge, collapsed: collapsedProp, href, render, disabled, className, onClick, ...rest }, ref) {
|
|
10
|
+
const collapsed = collapsedProp ?? React.useContext(NavContext).collapsed;
|
|
11
|
+
const content = _jsxs(_Fragment, { children: [icon && _jsx("span", { className: "rl-nav-item__icon", "aria-hidden": "true", children: icon }), _jsx("span", { className: cx('rl-nav-item__label', collapsed && 'rl-visually-hidden'), children: label }), badge && _jsx("span", { className: "rl-nav-item__badge", children: badge })] });
|
|
12
|
+
const common = { ...rest, ref, className: cx('rl-nav-item', className), 'aria-current': active ? 'page' : undefined, 'aria-disabled': disabled || undefined, 'data-rl-nav-item': '', 'data-disabled': disabled || undefined, tabIndex: disabled ? -1 : 0,
|
|
13
|
+
onClick: (event) => { if (disabled) {
|
|
14
|
+
event.preventDefault();
|
|
15
|
+
return;
|
|
16
|
+
} onClick?.(event); }, children: content, };
|
|
17
|
+
let element;
|
|
18
|
+
if (typeof render === 'function')
|
|
19
|
+
element = render(common);
|
|
20
|
+
else if (render)
|
|
21
|
+
element = React.cloneElement(render, { ...common, onClick: (event) => {
|
|
22
|
+
common.onClick(event);
|
|
23
|
+
if (!event.defaultPrevented && !disabled)
|
|
24
|
+
render.props.onClick?.(event);
|
|
25
|
+
} });
|
|
26
|
+
else if (href)
|
|
27
|
+
element = _jsx("a", { ...common, ref: ref, href: disabled ? undefined : href });
|
|
28
|
+
else
|
|
29
|
+
element = _jsx("button", { ...common, ref: ref, type: "button", disabled: disabled });
|
|
30
|
+
return collapsed ? _jsx(Tooltip, { content: label, side: "right", children: element }) : element;
|
|
31
|
+
});
|
|
32
|
+
function Navigation({ children, className, collapsed = false, onKeyDown, onFocusCapture, ...rest }) {
|
|
33
|
+
const rootRef = React.useRef(null);
|
|
34
|
+
const { resolve } = useRhineMotion();
|
|
35
|
+
const [indicator, setIndicator] = React.useState(null);
|
|
36
|
+
const tabStop = React.useRef(null);
|
|
37
|
+
const items = () => Array.from(rootRef.current?.querySelectorAll('[data-rl-nav-item]') ?? []).filter((item) => item.getAttribute('aria-disabled') !== 'true');
|
|
38
|
+
const update = React.useCallback(() => {
|
|
39
|
+
const root = rootRef.current;
|
|
40
|
+
if (!root)
|
|
41
|
+
return;
|
|
42
|
+
const selected = root.querySelector('[data-rl-nav-item][aria-current]');
|
|
43
|
+
if (!selected) {
|
|
44
|
+
setIndicator(null);
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const bounds = selected.getBoundingClientRect();
|
|
48
|
+
const top = bounds.top - root.getBoundingClientRect().top + root.scrollTop;
|
|
49
|
+
setIndicator((old) => old?.top === top && old.height === bounds.height ? old : { top, height: bounds.height });
|
|
50
|
+
}, []);
|
|
51
|
+
React.useLayoutEffect(() => {
|
|
52
|
+
const list = items();
|
|
53
|
+
const current = list.includes(tabStop.current) ? tabStop.current : list.find((item) => item.hasAttribute('aria-current')) ?? list[0];
|
|
54
|
+
list.forEach((item) => { item.tabIndex = item === current ? 0 : -1; });
|
|
55
|
+
update();
|
|
56
|
+
});
|
|
57
|
+
React.useEffect(() => {
|
|
58
|
+
const root = rootRef.current;
|
|
59
|
+
if (!root || typeof ResizeObserver === 'undefined')
|
|
60
|
+
return;
|
|
61
|
+
const observer = new ResizeObserver(update);
|
|
62
|
+
observer.observe(root);
|
|
63
|
+
items().forEach((item) => observer.observe(item));
|
|
64
|
+
return () => observer.disconnect();
|
|
65
|
+
}, [children, update]);
|
|
66
|
+
const handleKeys = (event) => {
|
|
67
|
+
onKeyDown?.(event);
|
|
68
|
+
if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || !['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key))
|
|
69
|
+
return;
|
|
70
|
+
const list = items();
|
|
71
|
+
const index = list.indexOf(document.activeElement);
|
|
72
|
+
if (index < 0)
|
|
73
|
+
return;
|
|
74
|
+
const next = event.key === 'Home' ? 0 : event.key === 'End' ? list.length - 1 : Math.min(list.length - 1, Math.max(0, index + (event.key === 'ArrowDown' ? 1 : -1)));
|
|
75
|
+
event.preventDefault();
|
|
76
|
+
list[next]?.focus();
|
|
77
|
+
};
|
|
78
|
+
return _jsx(NavContext.Provider, { value: { collapsed }, children: _jsxs("nav", { ...rest, ref: rootRef, className: className, "data-collapsed": collapsed || undefined, onKeyDown: handleKeys, onFocusCapture: (event) => {
|
|
79
|
+
onFocusCapture?.(event);
|
|
80
|
+
const target = event.target;
|
|
81
|
+
if (!target.matches('[data-rl-nav-item]'))
|
|
82
|
+
return;
|
|
83
|
+
tabStop.current = target;
|
|
84
|
+
items().forEach((item) => { item.tabIndex = item === target ? 0 : -1; });
|
|
85
|
+
}, children: [indicator && _jsx(motion.div, { "aria-hidden": "true", className: "rl-nav-indicator", initial: false, animate: { y: indicator.top, height: indicator.height }, transition: resolve('layout', 'base') }), children] }) });
|
|
86
|
+
}
|
|
87
|
+
export function NavRail({ children, collapsed = false, className, onKeyDown, ...rest }) {
|
|
88
|
+
return _jsx(Navigation, { ...rest, collapsed: collapsed, className: cx('rl-nav-rail', className), onKeyDown: onKeyDown, children: children });
|
|
89
|
+
}
|
|
90
|
+
export function NavGroup({ label, children, collapsed = false, className, ...rest }) {
|
|
91
|
+
return _jsxs("section", { ...rest, className: cx('rl-nav-group', className), children: [_jsx("h2", { className: cx('rl-nav-group__label', collapsed && 'rl-visually-hidden'), children: label }), children] });
|
|
92
|
+
}
|
|
93
|
+
export function NavList({ children, label, className, ...rest }) {
|
|
94
|
+
return _jsx(Navigation, { ...rest, "aria-label": label ?? rest['aria-label'], className: cx('rl-nav-list', className), children: children });
|
|
95
|
+
}
|
|
96
|
+
//# sourceMappingURL=navigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"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"}
|
package/dist/components.css
CHANGED
|
@@ -29,6 +29,52 @@
|
|
|
29
29
|
box-sizing: border-box;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
/* ---------- Public icon / navigation / workbench additions ---------- */
|
|
33
|
+
.rl-icon { display: inline-block; flex: none; vertical-align: middle; }
|
|
34
|
+
.rl-count-badge { display: inline-flex; min-width: var(--rl-control-height-xs, 1.25rem); min-height: var(--rl-control-height-xs, 1.25rem); align-items: center; justify-content: center; padding-inline: var(--rl-space-1); border-radius: var(--rl-radius-round); background: var(--rl-bg-inverse); color: var(--rl-fg-inverse); font: var(--rl-type-mono); line-height: 1; }
|
|
35
|
+
.rl-tag { display: inline-flex; align-items: center; gap: var(--rl-space-1); max-width: 100%; min-height: var(--rl-control-height-sm); padding-inline-start: var(--rl-space-2); border: var(--rl-border-width) solid var(--rl-border-default); border-radius: var(--rl-radius-round); background: var(--rl-bg-subtle); color: var(--rl-fg-primary); font: var(--rl-type-label-sm); }
|
|
36
|
+
.rl-tag[data-tone='invalid'] { border-color: var(--rl-danger); color: var(--rl-danger); }
|
|
37
|
+
.rl-tag__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
38
|
+
.rl-tag__remove { display: inline-grid; place-items: center; min-width: var(--rl-control-height-sm); min-height: var(--rl-control-height-sm); margin: 0; padding: 0; border: 0; border-radius: var(--rl-radius-round); background: transparent; color: currentColor; cursor: pointer; }
|
|
39
|
+
.rl-tag__remove:focus-visible { outline: var(--rl-focus-ring); outline-offset: var(--rl-focus-offset); }
|
|
40
|
+
.rl-nav-rail, .rl-nav-list { position: relative; display: grid; gap: var(--rl-space-1); min-width: 0; }
|
|
41
|
+
.rl-nav-item { display: flex; align-items: center; gap: var(--rl-space-2); min-height: var(--rl-control-height-md); width: 100%; padding: 0 var(--rl-space-3); border: 0; border-radius: var(--rl-radius-sm); background: transparent; color: var(--rl-fg-muted); font: var(--rl-type-label); text-align: start; text-decoration: none; cursor: pointer; }
|
|
42
|
+
.rl-nav-item:hover, .rl-nav-item[aria-current='page'] { background: var(--rl-bg-hover); color: var(--rl-fg-primary); }
|
|
43
|
+
.rl-nav-item:focus-visible { outline: var(--rl-focus-ring); outline-offset: var(--rl-focus-offset); }
|
|
44
|
+
.rl-nav-item__icon { display: inline-grid; place-items: center; flex: none; width: var(--rl-icon-size-md); height: var(--rl-icon-size-md); }
|
|
45
|
+
.rl-nav-item__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
46
|
+
.rl-nav-group { display: grid; gap: var(--rl-space-1); }
|
|
47
|
+
.rl-nav-group__label { margin: 0; padding: var(--rl-space-2) var(--rl-space-3); color: var(--rl-fg-muted); font: var(--rl-type-meta); }
|
|
48
|
+
.rl-workbench { display: grid; grid-template-columns: auto minmax(0, var(--rl-workbench-index-size, var(--rl-space-0))) var(--rl-space-1) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; height: 100%; background: var(--rl-bg-canvas); color: var(--rl-fg-primary); }
|
|
49
|
+
.rl-workbench:not([data-has-rail]) { grid-template-columns: 0 minmax(0, var(--rl-workbench-index-size, var(--rl-space-0))) var(--rl-space-1) minmax(0, 1fr); }
|
|
50
|
+
.rl-workbench__rail { grid-column: 1; grid-row: 1 / -1; min-width: 0; min-height: 0; padding: var(--rl-space-3); border-inline-end: var(--rl-border-width) solid var(--rl-border-default); background: var(--rl-bg-surface); overflow: auto; }
|
|
51
|
+
.rl-workbench__index { grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; padding: var(--rl-space-3); border-inline-end: var(--rl-border-width) solid var(--rl-border-default); background: var(--rl-bg-surface); overflow: auto; }
|
|
52
|
+
.rl-workbench__resize { grid-column: 3; grid-row: 2; }
|
|
53
|
+
.rl-workbench__main { grid-column: 4; grid-row: 2; display: grid; min-width: 0; min-height: 0; overflow: auto; overflow-wrap: anywhere; }
|
|
54
|
+
.rl-workbench__header { grid-column: 2 / -1; grid-row: 1; display: flex; align-items: center; min-height: var(--rl-control-height-lg); gap: var(--rl-space-2); padding: 0 var(--rl-space-4); border-bottom: var(--rl-border-width) solid var(--rl-border-default); }
|
|
55
|
+
.rl-workbench__content { min-width: 0; min-height: 0; overflow: auto; }
|
|
56
|
+
.rl-workbench__index-toggle { margin-inline-start: auto; min-width: var(--rl-control-height-md); min-height: var(--rl-control-height-md); border: 0; background: transparent; color: var(--rl-fg-muted); }
|
|
57
|
+
.rl-tree { display: grid; min-width: 0; gap: var(--rl-space-1); }
|
|
58
|
+
.rl-tree__root, .rl-tree__item > [role='group'] { margin: 0; padding: 0; list-style: none; }
|
|
59
|
+
.rl-tree__item { min-width: 0; color: var(--rl-fg-primary); }
|
|
60
|
+
.rl-tree__row { display: flex; align-items: center; gap: var(--rl-space-1); min-height: var(--rl-control-height-md); padding-inline: var(--rl-space-2); border-radius: var(--rl-radius-xs); cursor: pointer; }
|
|
61
|
+
.rl-tree__row[data-selected] { background: var(--rl-bg-subtle); }
|
|
62
|
+
.rl-tree__select { min-width: 0; flex: 1; padding: 0; border: 0; background: transparent; color: inherit; text-align: start; }
|
|
63
|
+
.rl-tree__select:focus-visible { outline: var(--rl-focus-ring); outline-offset: var(--rl-focus-offset); }
|
|
64
|
+
.rl-tree__item:focus-visible { outline: var(--rl-focus-ring); outline-offset: var(--rl-focus-offset); }
|
|
65
|
+
.rl-tree__toggle { display: inline-grid; place-items: center; width: var(--rl-icon-size-md); height: var(--rl-icon-size-md); padding: 0; border: 0; background: transparent; color: var(--rl-fg-muted); }
|
|
66
|
+
.rl-tree__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
67
|
+
.rl-tree [role='group'] { display: grid; gap: var(--rl-space-1); padding-inline-start: var(--rl-space-4); }
|
|
68
|
+
.rl-tree__note { margin: 0; padding-inline-start: var(--rl-space-6); color: var(--rl-fg-muted); font: var(--rl-type-meta); }
|
|
69
|
+
.rl-nav-indicator { position: absolute; inset-inline-start: 0; width: var(--rl-border-width-strong); border-radius: var(--rl-radius-round); background: var(--rl-accent); pointer-events: none; }
|
|
70
|
+
.rl-resize-handle { align-self: stretch; width: var(--rl-border-width-strong); min-width: var(--rl-space-1); border: 0; background: var(--rl-border-default); cursor: col-resize; }
|
|
71
|
+
.rl-resize-handle:focus-visible { outline: var(--rl-focus-ring); outline-offset: var(--rl-focus-offset); }
|
|
72
|
+
.rl-resize-handle[data-dragging] { background: var(--rl-fg-primary); }
|
|
73
|
+
.rl-form__disabled { min-width: 0; margin: 0; padding: 0; border: 0; }
|
|
74
|
+
.rl-dialog__header { position: relative; }
|
|
75
|
+
.rl-dialog__close { position: absolute; inset-block-start: var(--rl-space-4); inset-inline-end: var(--rl-space-4); }
|
|
76
|
+
.rl-button[data-tone='danger'] { --rl-button-bg: var(--rl-danger); --rl-button-fg: var(--rl-fg-on-danger); --rl-button-border: var(--rl-danger); --rl-button-bg-hover: var(--rl-danger-hover); --rl-button-bg-pressed: var(--rl-danger-hover); --rl-button-border-hover: var(--rl-danger-hover); }
|
|
77
|
+
|
|
32
78
|
/* ---------- Button ---------- */
|
|
33
79
|
.rl-button {
|
|
34
80
|
--rl-button-bg: var(--rl-bg-surface);
|
package/dist/forms.css
CHANGED
|
@@ -405,6 +405,23 @@
|
|
|
405
405
|
row-gap: var(--rl-space-1);
|
|
406
406
|
}
|
|
407
407
|
|
|
408
|
+
.rl-choice-group[data-hide-label] .rl-choice-group__legend {
|
|
409
|
+
position: absolute;
|
|
410
|
+
width: var(--rl-border-width);
|
|
411
|
+
height: var(--rl-border-width);
|
|
412
|
+
margin: calc(var(--rl-border-width) * -1);
|
|
413
|
+
overflow: hidden;
|
|
414
|
+
clip-path: inset(50%);
|
|
415
|
+
white-space: nowrap;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
.rl-choice-group[data-appearance='chip'] .rl-choice-group__items,
|
|
419
|
+
.rl-choice-group[data-appearance='card'] .rl-choice-group__items { display: flex; flex-wrap: wrap; gap: var(--rl-space-2); }
|
|
420
|
+
.rl-choice-group[data-appearance='chip'] .rl-choice__label,
|
|
421
|
+
.rl-choice-group[data-appearance='card'] .rl-choice__label { min-height: var(--rl-control-height-md); padding: var(--rl-space-2) var(--rl-space-3); border: var(--rl-border-width) solid var(--rl-border-default); border-radius: var(--rl-radius-round); background: var(--rl-bg-surface); }
|
|
422
|
+
.rl-choice-group[data-appearance='card'] .rl-choice { flex: 1 1 var(--rl-space-16); }
|
|
423
|
+
.rl-choice-group[data-appearance='card'] .rl-choice__label { align-items: flex-start; border-radius: var(--rl-radius-sm); background: var(--rl-bg-subtle); }
|
|
424
|
+
|
|
408
425
|
/* ---------- Fieldset ---------- */
|
|
409
426
|
.rl-fieldset {
|
|
410
427
|
display: grid;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { Button } from './components/Button.js';
|
|
2
|
-
export type { ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
|
|
2
|
+
export type { ButtonProps, ButtonSize, ButtonTone, ButtonVariant } from './components/Button.js';
|
|
3
3
|
export { Surface } from './components/Surface.js';
|
|
4
4
|
export type { SurfaceElement, SurfacePadding, SurfaceProps, SurfaceTone } from './components/Surface.js';
|
|
5
5
|
export { StatusBadge } from './components/StatusBadge.js';
|
|
@@ -8,6 +8,18 @@ export { IconButton } from './components/IconButton.js';
|
|
|
8
8
|
export type { IconButtonProps, IconButtonVariant } from './components/IconButton.js';
|
|
9
9
|
export { Text } from './components/Text.js';
|
|
10
10
|
export type { TextElement, TextProps, TextTone, TextVariant } from './components/Text.js';
|
|
11
|
+
export { Icon, iconNames } from './components/Icon.js';
|
|
12
|
+
export type { IconName, IconProps } from './components/Icon.js';
|
|
13
|
+
export { CountBadge, Tag } from './components/Badge.js';
|
|
14
|
+
export type { CountBadgeProps, TagProps } from './components/Badge.js';
|
|
15
|
+
export { NavRail, NavItem, NavList, NavGroup } from './components/navigation.js';
|
|
16
|
+
export type { NavRailProps, NavItemProps, NavListProps, NavGroupProps } from './components/navigation.js';
|
|
17
|
+
export { Workbench, WorkbenchIndex, useWorkbench } from './components/Workbench.js';
|
|
18
|
+
export type { WorkbenchProps } from './components/Workbench.js';
|
|
19
|
+
export { Tree } from './components/Tree.js';
|
|
20
|
+
export type { TreeNode, TreeProps } from './components/Tree.js';
|
|
21
|
+
export { ResizeHandle } from './components/ResizeHandle.js';
|
|
22
|
+
export type { ResizeHandleProps } from './components/ResizeHandle.js';
|
|
11
23
|
export { Field } from './components/Field.js';
|
|
12
24
|
export type { FieldProps, FieldValidationMode } from './components/Field.js';
|
|
13
25
|
export { Input } from './components/Input.js';
|
|
@@ -57,11 +69,11 @@ export type { MeterProps, ProgressProps, ProgressSize, ProgressTone } from './co
|
|
|
57
69
|
export { Stat } from './components/Stat.js';
|
|
58
70
|
export type { StatDelta, StatProps, StatTone } from './components/Stat.js';
|
|
59
71
|
export { AlertDialog } from './components/AlertDialog.js';
|
|
60
|
-
export type { AlertDialogProps, AlertDialogTone } from './components/AlertDialog.js';
|
|
72
|
+
export type { AlertDialogProps, AlertDialogTone, AlertDialogAlternateAction } from './components/AlertDialog.js';
|
|
61
73
|
export { Drawer, DrawerClose } from './components/Drawer.js';
|
|
62
74
|
export type { DrawerCloseProps, DrawerCloseReason, DrawerProps, DrawerSide, DrawerSize } from './components/Drawer.js';
|
|
63
75
|
export { Alert, Callout } from './components/Alert.js';
|
|
64
|
-
export type { AlertLive, AlertProps, AlertTone, CalloutProps } from './components/Alert.js';
|
|
76
|
+
export type { AlertLive, AlertProps, AlertSize, AlertTone, CalloutProps } from './components/Alert.js';
|
|
65
77
|
export { EmptyState } from './components/EmptyState.js';
|
|
66
78
|
export type { EmptyStateHeadingLevel, EmptyStateKind, EmptyStateProps, EmptyStateSize } from './components/EmptyState.js';
|
|
67
79
|
export { Skeleton } from './components/Skeleton.js';
|
|
@@ -85,7 +97,7 @@ export type { CommandFilter, CommandItem, CommandPaletteProps } from './componen
|
|
|
85
97
|
export { SplitButton } from './components/SplitButton.js';
|
|
86
98
|
export type { SplitButtonProps } from './components/SplitButton.js';
|
|
87
99
|
export { ScrollArea } from './components/ScrollArea.js';
|
|
88
|
-
export type { ScrollAreaOrientation, ScrollAreaProps } from './components/ScrollArea.js';
|
|
100
|
+
export type { ScrollAreaOrientation, ScrollAreaProps, ScrollReveal } from './components/ScrollArea.js';
|
|
89
101
|
export { FileDropZone, matchesAccept, validateFiles } from './components/FileDropZone.js';
|
|
90
102
|
export type { FileDropZoneProps, FileRejection, FileRejectionReason } from './components/FileDropZone.js';
|
|
91
103
|
export { DataTable } from './components/DataTable.js';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -4,6 +4,12 @@ export { Surface } from './components/Surface.js';
|
|
|
4
4
|
export { StatusBadge } from './components/StatusBadge.js';
|
|
5
5
|
export { IconButton } from './components/IconButton.js';
|
|
6
6
|
export { Text } from './components/Text.js';
|
|
7
|
+
export { Icon, iconNames } from './components/Icon.js';
|
|
8
|
+
export { CountBadge, Tag } from './components/Badge.js';
|
|
9
|
+
export { NavRail, NavItem, NavList, NavGroup } from './components/navigation.js';
|
|
10
|
+
export { Workbench, WorkbenchIndex, useWorkbench } from './components/Workbench.js';
|
|
11
|
+
export { Tree } from './components/Tree.js';
|
|
12
|
+
export { ResizeHandle } from './components/ResizeHandle.js';
|
|
7
13
|
export { Field } from './components/Field.js';
|
|
8
14
|
export { Input } from './components/Input.js';
|
|
9
15
|
export { Textarea } from './components/Textarea.js';
|