@tooee/choose 0.1.22 → 0.2.1
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/README.md +28 -2
- package/dist/Choose.d.ts +14 -17
- package/dist/Choose.d.ts.map +1 -1
- package/dist/Choose.js +42 -266
- package/dist/Choose.js.map +1 -1
- package/dist/ChooseFilter.d.ts +12 -0
- package/dist/ChooseFilter.d.ts.map +1 -0
- package/dist/ChooseFilter.js +9 -0
- package/dist/ChooseFilter.js.map +1 -0
- package/dist/ChooseHighlightedText.d.ts +9 -0
- package/dist/ChooseHighlightedText.d.ts.map +1 -0
- package/dist/ChooseHighlightedText.js +30 -0
- package/dist/ChooseHighlightedText.js.map +1 -0
- package/dist/ChooseList.d.ts +28 -0
- package/dist/ChooseList.d.ts.map +1 -0
- package/dist/ChooseList.js +51 -0
- package/dist/ChooseList.js.map +1 -0
- package/dist/ChooseOverlay.d.ts +34 -5
- package/dist/ChooseOverlay.d.ts.map +1 -1
- package/dist/ChooseOverlay.js +29 -200
- package/dist/ChooseOverlay.js.map +1 -1
- package/dist/ChoosePanel.d.ts +30 -0
- package/dist/ChoosePanel.d.ts.map +1 -0
- package/dist/ChoosePanel.js +25 -0
- package/dist/ChoosePanel.js.map +1 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/source.d.ts +5 -0
- package/dist/source.d.ts.map +1 -0
- package/dist/source.js +12 -0
- package/dist/source.js.map +1 -0
- package/dist/types.d.ts +2 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/use-choose.d.ts +80 -0
- package/dist/use-choose.d.ts.map +1 -0
- package/dist/use-choose.js +365 -0
- package/dist/use-choose.js.map +1 -0
- package/package.json +11 -11
- package/src/Choose.tsx +68 -355
- package/src/ChooseFilter.tsx +45 -0
- package/src/ChooseHighlightedText.tsx +42 -0
- package/src/ChooseList.tsx +137 -0
- package/src/ChooseOverlay.tsx +73 -307
- package/src/ChoosePanel.tsx +123 -0
- package/src/index.ts +26 -1
- package/src/source.ts +12 -0
- package/src/types.ts +6 -0
- package/src/use-choose.ts +479 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChooseList.js","sourceRoot":"","sources":["../src/ChooseList.tsx"],"names":[],"mappings":"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"}
|
package/dist/ChooseOverlay.d.ts
CHANGED
|
@@ -1,11 +1,40 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { type ReactNode, type Ref } from "react";
|
|
2
|
+
import type { ActionDefinition } from "@tooee/commands";
|
|
3
|
+
import { type ChooseListProps } from "./ChooseList.js";
|
|
4
|
+
import { type ChoosePanelProps } from "./ChoosePanel.js";
|
|
5
|
+
import type { ChooseItem, ChooseResult, ChooseSource } from "./types.js";
|
|
6
|
+
import { type ChooseController } from "./use-choose.js";
|
|
7
|
+
interface ChooseOverlayBaseProps {
|
|
8
|
+
items: ChooseSource;
|
|
4
9
|
prompt?: string;
|
|
5
10
|
placeholder?: string;
|
|
6
11
|
emptyMessage?: string;
|
|
7
|
-
onSelect: (item: ChooseItem) => void | Promise<void>;
|
|
8
12
|
onCancel: () => void;
|
|
13
|
+
commands?: ActionDefinition[];
|
|
14
|
+
controllerRef?: Ref<ChooseController>;
|
|
15
|
+
renderItem?: ChooseListProps["renderItem"];
|
|
16
|
+
hints?: ChoosePanelProps["hints"];
|
|
17
|
+
statusRight?: ReactNode;
|
|
18
|
+
footer?: ReactNode;
|
|
19
|
+
inset?: ChoosePanelProps["inset"];
|
|
20
|
+
/** Nested modal content rendered above the chooser panel. */
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
/** Explicit interaction guard for legacy child overlays without a command surface. */
|
|
23
|
+
suspended?: boolean;
|
|
9
24
|
}
|
|
10
|
-
export
|
|
25
|
+
export type ChooseOverlayProps = ChooseOverlayBaseProps & ({
|
|
26
|
+
multi?: false;
|
|
27
|
+
onSelect: (item: ChooseItem) => void | Promise<void>;
|
|
28
|
+
onSubmit?: never;
|
|
29
|
+
} | {
|
|
30
|
+
multi: true;
|
|
31
|
+
onSubmit: (result: ChooseResult) => void | Promise<void>;
|
|
32
|
+
onSelect?: never;
|
|
33
|
+
});
|
|
34
|
+
/**
|
|
35
|
+
* Composed picker surface. Hosts should mount it on an owned modal command
|
|
36
|
+
* surface (as Tooee's overlay manager does) so nested surfaces suspend it.
|
|
37
|
+
*/
|
|
38
|
+
export declare function ChooseOverlay(props: ChooseOverlayProps): ReactNode;
|
|
39
|
+
export {};
|
|
11
40
|
//# sourceMappingURL=ChooseOverlay.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChooseOverlay.d.ts","sourceRoot":"","sources":["../src/ChooseOverlay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChooseOverlay.d.ts","sourceRoot":"","sources":["../src/ChooseOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACxE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAElE,UAAU,sBAAsB;IAC9B,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IAC1C,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACjC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CACI;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,GACD;IACE,KAAK,EAAE,IAAI,CAAA;IACX,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CACJ,CAAA;AAEH;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,aA0CtD"}
|
package/dist/ChooseOverlay.js
CHANGED
|
@@ -1,202 +1,31 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
.catch((err) => {
|
|
31
|
-
if (!active)
|
|
32
|
-
return;
|
|
33
|
-
setItems([]);
|
|
34
|
-
setError(err instanceof Error ? err.message : String(err));
|
|
35
|
-
setLoading(false);
|
|
36
|
-
});
|
|
37
|
-
return () => {
|
|
38
|
-
active = false;
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
}, [itemsOrLoader]);
|
|
42
|
-
// Filtered items via fuzzy matching
|
|
43
|
-
const filteredItems = useMemo(() => fuzzyFilter(items, filterQuery), [items, filterQuery]);
|
|
44
|
-
// Reset activeIndex when filter changes
|
|
45
|
-
const [prevFilterQuery, setPrevFilterQuery] = useState("");
|
|
46
|
-
if (filterQuery !== prevFilterQuery) {
|
|
47
|
-
setPrevFilterQuery(filterQuery);
|
|
48
|
-
setActiveIndex(0);
|
|
49
|
-
}
|
|
50
|
-
const moveUp = useCallback(() => {
|
|
51
|
-
setActiveIndex((i) => Math.max(0, i - 1));
|
|
52
|
-
}, []);
|
|
53
|
-
const moveDown = useCallback(() => {
|
|
54
|
-
setActiveIndex((i) => Math.min(filteredItems.length - 1, i + 1));
|
|
55
|
-
}, [filteredItems.length]);
|
|
56
|
-
const confirm = useCallback(() => {
|
|
57
|
-
const match = filteredItems[activeIndex];
|
|
58
|
-
if (match) {
|
|
59
|
-
onSelect(match.item);
|
|
60
|
-
}
|
|
61
|
-
}, [filteredItems, activeIndex, onSelect]);
|
|
62
|
-
const leaveInsertModeOrCancel = useCallback(() => {
|
|
63
|
-
if (mode === "insert") {
|
|
64
|
-
setMode("cursor");
|
|
65
|
-
}
|
|
66
|
-
else {
|
|
67
|
-
onCancel();
|
|
68
|
-
}
|
|
69
|
-
}, [mode, onCancel, setMode]);
|
|
70
|
-
const enterInsertMode = useCallback(() => {
|
|
71
|
-
setMode("insert");
|
|
72
|
-
}, [setMode]);
|
|
73
|
-
useCommand({
|
|
74
|
-
id: "choose-overlay:escape",
|
|
75
|
-
title: "Back / cancel",
|
|
76
|
-
hotkey: "Escape",
|
|
77
|
-
modes: ["insert", "cursor"],
|
|
78
|
-
hidden: true,
|
|
79
|
-
handler: leaveInsertModeOrCancel,
|
|
80
|
-
});
|
|
81
|
-
useCommand({
|
|
82
|
-
id: "choose-overlay:insert-mode-i",
|
|
83
|
-
title: "Insert mode",
|
|
84
|
-
hotkey: "i",
|
|
85
|
-
modes: ["cursor"],
|
|
86
|
-
hidden: true,
|
|
87
|
-
handler: enterInsertMode,
|
|
88
|
-
});
|
|
89
|
-
useCommand({
|
|
90
|
-
id: "choose-overlay:insert-mode-a",
|
|
91
|
-
title: "Insert mode",
|
|
92
|
-
hotkey: "a",
|
|
93
|
-
modes: ["cursor"],
|
|
94
|
-
hidden: true,
|
|
95
|
-
handler: enterInsertMode,
|
|
96
|
-
});
|
|
97
|
-
useCommand({
|
|
98
|
-
id: "choose-overlay:move-down-vim",
|
|
99
|
-
title: "Move down",
|
|
100
|
-
hotkey: "j",
|
|
101
|
-
modes: ["cursor"],
|
|
102
|
-
hidden: true,
|
|
103
|
-
handler: moveDown,
|
|
104
|
-
});
|
|
105
|
-
useCommand({
|
|
106
|
-
id: "choose-overlay:move-up-vim",
|
|
107
|
-
title: "Move up",
|
|
108
|
-
hotkey: "k",
|
|
109
|
-
modes: ["cursor"],
|
|
110
|
-
hidden: true,
|
|
111
|
-
handler: moveUp,
|
|
112
|
-
});
|
|
113
|
-
useCommand({
|
|
114
|
-
id: "choose-overlay:confirm",
|
|
115
|
-
title: "Confirm",
|
|
116
|
-
hotkey: "Enter",
|
|
117
|
-
modes: ["insert", "cursor"],
|
|
118
|
-
hidden: true,
|
|
119
|
-
handler: confirm,
|
|
120
|
-
});
|
|
121
|
-
useCommand({
|
|
122
|
-
id: "choose-overlay:move-up",
|
|
123
|
-
title: "Move up",
|
|
124
|
-
hotkey: "up",
|
|
125
|
-
modes: ["insert", "cursor"],
|
|
126
|
-
hidden: true,
|
|
127
|
-
handler: moveUp,
|
|
128
|
-
});
|
|
129
|
-
useCommand({
|
|
130
|
-
id: "choose-overlay:move-up-ctrl-p",
|
|
131
|
-
title: "Move up",
|
|
132
|
-
hotkey: "ctrl+p",
|
|
133
|
-
modes: ["insert", "cursor"],
|
|
134
|
-
hidden: true,
|
|
135
|
-
handler: moveUp,
|
|
136
|
-
});
|
|
137
|
-
useCommand({
|
|
138
|
-
id: "choose-overlay:move-down",
|
|
139
|
-
title: "Move down",
|
|
140
|
-
hotkey: "down",
|
|
141
|
-
modes: ["insert", "cursor"],
|
|
142
|
-
hidden: true,
|
|
143
|
-
handler: moveDown,
|
|
144
|
-
});
|
|
145
|
-
useCommand({
|
|
146
|
-
id: "choose-overlay:move-down-ctrl-n",
|
|
147
|
-
title: "Move down",
|
|
148
|
-
hotkey: "ctrl+n",
|
|
149
|
-
modes: ["insert", "cursor"],
|
|
150
|
-
hidden: true,
|
|
151
|
-
handler: moveDown,
|
|
152
|
-
});
|
|
153
|
-
// Auto-scroll to keep active item visible
|
|
154
|
-
useEffect(() => {
|
|
155
|
-
if (scrollRef.current && filteredItems.length > 0) {
|
|
156
|
-
scrollRef.current.scrollTop = Math.max(0, activeIndex - 5);
|
|
157
|
-
}
|
|
158
|
-
}, [activeIndex, filteredItems.length]);
|
|
159
|
-
const hintText = mode === "insert" ? "Enter confirm Esc commands" : "j/k navigate i insert Esc cancel";
|
|
160
|
-
return (_jsxs("box", { position: "absolute", left: "20%", right: "20%", top: "20%", bottom: "20%", flexDirection: "column", backgroundColor: theme.backgroundPanel, border: true, borderColor: theme.borderActive, children: [prompt && (_jsx("box", { height: 1, paddingLeft: 1, paddingRight: 1, backgroundColor: theme.backgroundElement, children: _jsx("text", { content: prompt, fg: theme.accent }) })), _jsxs("box", { flexDirection: "row", height: 1, style: { paddingLeft: 1, paddingRight: 1 }, children: [_jsx("text", { content: "> ", fg: theme.accent }), _jsx("input", { focused: mode === "insert", placeholder: placeholder ?? "Filter...", onInput: setFilterQuery, backgroundColor: "transparent", textColor: theme.text, placeholderColor: theme.textMuted, cursorColor: theme.primary, style: { flexGrow: 1 } }), _jsx("text", { content: ` ${filteredItems.length}/${items.length}`, fg: theme.textMuted }), _jsx(CloseButton, { onClose: onCancel })] }), _jsxs("scrollbox", { ref: scrollRef, flexDirection: "column", style: { flexGrow: 1 }, focused: false, children: [loading && (_jsx("box", { height: 1, style: { paddingLeft: 2 }, children: _jsx("text", { content: "Loading...", fg: theme.textMuted }) })), !loading && error && (_jsx("box", { height: 1, style: { paddingLeft: 2 }, children: _jsx("text", { content: `Error: ${error}`, fg: theme.error }) })), !loading && !error && filteredItems.length === 0 && emptyMessage && (_jsx("box", { height: 1, style: { paddingLeft: 2 }, children: _jsx("text", { content: emptyMessage, fg: theme.textMuted }) })), filteredItems.map((match, idx) => {
|
|
161
|
-
const isActive = idx === activeIndex;
|
|
162
|
-
return (_jsxs("box", { flexDirection: "row", height: 1, backgroundColor: isActive ? theme.backgroundElement : undefined, style: { paddingLeft: 1 }, onMouseDown: (event) => {
|
|
163
|
-
// Left-click picks the item — same code path as Enter confirm.
|
|
164
|
-
// (Standalone Choose keeps click-to-highlight; a modal picker
|
|
165
|
-
// overlay follows menu semantics like ContextMenu instead.)
|
|
166
|
-
if (event.button !== 0)
|
|
167
|
-
return;
|
|
168
|
-
event.preventDefault();
|
|
169
|
-
event.stopPropagation();
|
|
170
|
-
onSelect(match.item);
|
|
171
|
-
}, children: [match.item.icon && _jsx("text", { content: `${match.item.icon} `, fg: theme.textMuted }), _jsx("text", { fg: isActive ? theme.primary : theme.text, children: renderHighlightedText(match.item.text, match.positions, theme.warning) }), match.item.description && (_jsx("text", { content: ` ${match.item.description}`, fg: theme.textMuted }))] }, match.originalIndex));
|
|
172
|
-
})] }), _jsx("box", { height: 1, paddingLeft: 1, paddingRight: 1, backgroundColor: theme.backgroundElement, children: _jsx("text", { content: hintText, fg: theme.textMuted }) })] }));
|
|
173
|
-
}
|
|
174
|
-
function renderHighlightedText(text, positions, highlightColor) {
|
|
175
|
-
if (positions.length === 0) {
|
|
176
|
-
return text;
|
|
177
|
-
}
|
|
178
|
-
const posSet = new Set(positions);
|
|
179
|
-
const parts = [];
|
|
180
|
-
let current = "";
|
|
181
|
-
let currentHighlight = false;
|
|
182
|
-
for (let i = 0; i < text.length; i++) {
|
|
183
|
-
const isHighlight = posSet.has(i);
|
|
184
|
-
if (i === 0) {
|
|
185
|
-
currentHighlight = isHighlight;
|
|
186
|
-
current = text[i];
|
|
187
|
-
}
|
|
188
|
-
else if (isHighlight === currentHighlight) {
|
|
189
|
-
current += text[i];
|
|
190
|
-
}
|
|
191
|
-
else {
|
|
192
|
-
parts.push({ text: current, highlight: currentHighlight });
|
|
193
|
-
current = text[i];
|
|
194
|
-
currentHighlight = isHighlight;
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
if (current) {
|
|
198
|
-
parts.push({ text: current, highlight: currentHighlight });
|
|
199
|
-
}
|
|
200
|
-
return parts.map((part, i) => part.highlight ? (_jsx("span", { fg: highlightColor, children: part.text }, i)) : (part.text));
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { useImperativeHandle } from "react";
|
|
3
|
+
import { ChooseFilter } from "./ChooseFilter.js";
|
|
4
|
+
import { ChooseList } from "./ChooseList.js";
|
|
5
|
+
import { ChoosePanel } from "./ChoosePanel.js";
|
|
6
|
+
import { useChoose } from "./use-choose.js";
|
|
7
|
+
/**
|
|
8
|
+
* Composed picker surface. Hosts should mount it on an owned modal command
|
|
9
|
+
* surface (as Tooee's overlay manager does) so nested surfaces suspend it.
|
|
10
|
+
*/
|
|
11
|
+
export function ChooseOverlay(props) {
|
|
12
|
+
const multi = props.multi === true;
|
|
13
|
+
const choose = useChoose({
|
|
14
|
+
source: props.items,
|
|
15
|
+
multi,
|
|
16
|
+
onSubmit: (result) => {
|
|
17
|
+
if (multi)
|
|
18
|
+
return props.onSubmit(result);
|
|
19
|
+
const item = result.items[0];
|
|
20
|
+
if (item)
|
|
21
|
+
return props.onSelect(item);
|
|
22
|
+
},
|
|
23
|
+
onCancel: props.onCancel,
|
|
24
|
+
commands: props.commands,
|
|
25
|
+
commandScope: "choose-overlay",
|
|
26
|
+
suspended: props.suspended,
|
|
27
|
+
});
|
|
28
|
+
useImperativeHandle(props.controllerRef, () => choose.controller, [choose.controller]);
|
|
29
|
+
return (_jsxs(_Fragment, { children: [_jsx(ChoosePanel, { title: props.prompt, filter: _jsx(ChooseFilter, { choose: choose, placeholder: props.placeholder, onClose: props.onCancel }), multi: multi, hints: props.hints, statusRight: props.statusRight, footer: props.footer, inset: props.inset, children: _jsx(ChooseList, { choose: choose, rowClick: "submit", renderItem: props.renderItem, emptyContent: props.emptyMessage, suspended: props.suspended }) }), props.children] }));
|
|
201
30
|
}
|
|
202
31
|
//# sourceMappingURL=ChooseOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChooseOverlay.js","sourceRoot":"","sources":["../src/ChooseOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ChooseOverlay.js","sourceRoot":"","sources":["../src/ChooseOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAA4B,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAA;AAErE,OAAO,EAAE,SAAS,EAAyB,MAAM,iBAAiB,CAAA;AAmClE;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,CAAC;QACvB,MAAM,EAAE,KAAK,CAAC,KAAK;QACnB,KAAK;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACnB,IAAI,KAAK;gBAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YACxC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YAC5B,IAAI,IAAI;gBAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACvC,CAAC;QACD,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAC,CAAA;IAEF,mBAAmB,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAEtF,OAAO,CACL,8BACE,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,MAAM,EACnB,MAAM,EACJ,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,QAAQ,GAAI,EAE3F,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,GACU,EACb,KAAK,CAAC,QAAQ,IACd,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { type Mode } from "@tooee/commands";
|
|
3
|
+
export declare function buildChooseHints(mode: Mode, options?: {
|
|
4
|
+
multi?: boolean;
|
|
5
|
+
extra?: string[];
|
|
6
|
+
}): string[];
|
|
7
|
+
export type ChoosePanelInsetValue = number | "auto" | `${number}%`;
|
|
8
|
+
export interface ChoosePanelInset {
|
|
9
|
+
left?: ChoosePanelInsetValue;
|
|
10
|
+
right?: ChoosePanelInsetValue;
|
|
11
|
+
top?: ChoosePanelInsetValue;
|
|
12
|
+
bottom?: ChoosePanelInsetValue;
|
|
13
|
+
}
|
|
14
|
+
export interface ChoosePanelProps {
|
|
15
|
+
title?: ReactNode;
|
|
16
|
+
filter: ReactNode;
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
multi?: boolean;
|
|
19
|
+
hints?: (context: {
|
|
20
|
+
mode: Mode;
|
|
21
|
+
defaults: string[];
|
|
22
|
+
}) => ReactNode;
|
|
23
|
+
statusRight?: ReactNode;
|
|
24
|
+
footer?: ReactNode;
|
|
25
|
+
onClose?: () => void;
|
|
26
|
+
inset?: ChoosePanelInset;
|
|
27
|
+
}
|
|
28
|
+
/** Bordered chooser chrome with filter, content, hint/status, and footer slots. */
|
|
29
|
+
export declare function ChoosePanel({ title, filter, children, multi, hints, statusRight, footer, onClose, inset, }: ChoosePanelProps): ReactNode;
|
|
30
|
+
//# sourceMappingURL=ChoosePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoosePanel.d.ts","sourceRoot":"","sources":["../src/ChoosePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAGpD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,IAAI,EACV,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAO,GAClD,MAAM,EAAE,CAYV;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;AAElE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,qBAAqB,CAAA;IAC5B,KAAK,CAAC,EAAE,qBAAqB,CAAA;IAC7B,GAAG,CAAC,EAAE,qBAAqB,CAAA;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAA;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,SAAS,CAAA;IAClE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,gBAAgB,aAqElB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
|
|
2
|
+
import { useMode } from "@tooee/commands";
|
|
3
|
+
import { CloseButton, useTheme } from "@tooee/themes";
|
|
4
|
+
export function buildChooseHints(mode, options = {}) {
|
|
5
|
+
const base = mode === "insert"
|
|
6
|
+
? ["↑↓ navigate", "Enter confirm", ...(options.multi ? ["Tab toggle"] : []), "Esc commands"]
|
|
7
|
+
: [
|
|
8
|
+
"j/k navigate",
|
|
9
|
+
"i insert",
|
|
10
|
+
...(options.multi ? ["Tab toggle"] : []),
|
|
11
|
+
"Esc/q cancel",
|
|
12
|
+
"Enter confirm",
|
|
13
|
+
];
|
|
14
|
+
return options.extra ? [...base, ...options.extra] : base;
|
|
15
|
+
}
|
|
16
|
+
/** Bordered chooser chrome with filter, content, hint/status, and footer slots. */
|
|
17
|
+
export function ChoosePanel({ title, filter, children, multi, hints, statusRight, footer, onClose, inset, }) {
|
|
18
|
+
const { theme } = useTheme();
|
|
19
|
+
const mode = useMode();
|
|
20
|
+
const defaults = buildChooseHints(mode, { multi });
|
|
21
|
+
const hintContent = hints ? hints({ mode, defaults }) : defaults.join(" ");
|
|
22
|
+
return (_jsxs("box", { position: "absolute", left: inset?.left ?? "20%", right: inset?.right ?? "20%", top: inset?.top ?? "20%", bottom: inset?.bottom ?? "20%", flexDirection: "column", backgroundColor: theme.backgroundPanel, border: true, borderColor: theme.borderActive, children: [title != null && (_jsxs("box", { flexDirection: "row", height: 1, paddingLeft: 1, paddingRight: 1, backgroundColor: theme.backgroundElement, children: [typeof title === "string" ? (_jsx("text", { content: title, fg: theme.accent, style: { flexGrow: 1 } })) : (_jsx("box", { flexDirection: "row", style: { flexGrow: 1 }, children: title })), onClose && _jsx(CloseButton, { onClose: onClose })] })), filter, children, footer != null && (_jsx("box", { height: 1, paddingLeft: 1, paddingRight: 1, children: footer })), _jsxs("box", { flexDirection: "row", height: 1, paddingLeft: 1, paddingRight: 1, backgroundColor: theme.backgroundElement, children: [_jsx("box", { flexDirection: "row", style: { flexGrow: 1 }, children: typeof hintContent === "string" ? (_jsx("text", { content: hintContent, fg: theme.textMuted })) : (hintContent) }), statusRight != null &&
|
|
23
|
+
(typeof statusRight === "string" ? (_jsx("text", { content: statusRight, fg: theme.textMuted })) : (statusRight))] })] }));
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=ChoosePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoosePanel.js","sourceRoot":"","sources":["../src/ChoosePanel.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
export { Choose } from "./Choose.js";
|
|
2
|
+
export type { ChooseProps } from "./Choose.js";
|
|
2
3
|
export { ChooseOverlay } from "./ChooseOverlay.js";
|
|
3
4
|
export type { ChooseOverlayProps } from "./ChooseOverlay.js";
|
|
5
|
+
export { ChoosePanel, buildChooseHints } from "./ChoosePanel.js";
|
|
6
|
+
export type { ChoosePanelProps, ChoosePanelInset, ChoosePanelInsetValue } from "./ChoosePanel.js";
|
|
7
|
+
export { ChooseFilter } from "./ChooseFilter.js";
|
|
8
|
+
export type { ChooseFilterProps } from "./ChooseFilter.js";
|
|
9
|
+
export { ChooseList } from "./ChooseList.js";
|
|
10
|
+
export type { ChooseItemRenderContext, ChooseListProps } from "./ChooseList.js";
|
|
11
|
+
export { ChooseHighlightedText } from "./ChooseHighlightedText.js";
|
|
12
|
+
export type { ChooseHighlightedTextProps } from "./ChooseHighlightedText.js";
|
|
13
|
+
export { useChoose } from "./use-choose.js";
|
|
14
|
+
export type { ChooseCommandGroup, ChooseController, ChooseState, ChooseViewModel, UseChooseOptions, UseChooseResult, } from "./use-choose.js";
|
|
15
|
+
export { loadChooseSource } from "./source.js";
|
|
4
16
|
export { launch } from "./launch.js";
|
|
5
17
|
export type { ChooseLaunchOptions } from "./launch.js";
|
|
6
18
|
export { createStdinChooseProvider, createStaticProvider } from "./default-provider.js";
|
|
7
19
|
export { fuzzyFilter } from "./fuzzy.js";
|
|
8
20
|
export type { FuzzyMatch } from "./fuzzy.js";
|
|
9
|
-
export type { ChooseItem, ChooseContentProvider, ChooseResult, ChooseOptions } from "./types.js";
|
|
21
|
+
export type { ChooseItem, ChooseContentProvider, ChooseSource, ChooseResult, ChooseOptions, } from "./types.js";
|
|
10
22
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAChE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,YAAY,EACV,UAAU,EACV,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,YAAY,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export { Choose } from "./Choose.js";
|
|
2
2
|
export { ChooseOverlay } from "./ChooseOverlay.js";
|
|
3
|
+
export { ChoosePanel, buildChooseHints } from "./ChoosePanel.js";
|
|
4
|
+
export { ChooseFilter } from "./ChooseFilter.js";
|
|
5
|
+
export { ChooseList } from "./ChooseList.js";
|
|
6
|
+
export { ChooseHighlightedText } from "./ChooseHighlightedText.js";
|
|
7
|
+
export { useChoose } from "./use-choose.js";
|
|
8
|
+
export { loadChooseSource } from "./source.js";
|
|
3
9
|
export { launch } from "./launch.js";
|
|
4
10
|
export { createStdinChooseProvider, createStaticProvider } from "./default-provider.js";
|
|
5
11
|
export { fuzzyFilter } from "./fuzzy.js";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAS3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA"}
|
package/dist/source.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ChooseItem, ChooseSource } from "./types.js";
|
|
2
|
+
/** Resolve every public Choose source shape through one compatibility boundary. */
|
|
3
|
+
export declare function loadChooseSource(source: ChooseSource): ChooseItem[] | Promise<ChooseItem[]>;
|
|
4
|
+
export declare function chooseSourceError(error: unknown): string;
|
|
5
|
+
//# sourceMappingURL=source.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../src/source.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE1D,mFAAmF;AACnF,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAI3F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAExD"}
|
package/dist/source.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/** Resolve every public Choose source shape through one compatibility boundary. */
|
|
2
|
+
export function loadChooseSource(source) {
|
|
3
|
+
if (Array.isArray(source))
|
|
4
|
+
return source;
|
|
5
|
+
if (typeof source === "function")
|
|
6
|
+
return source();
|
|
7
|
+
return source.load();
|
|
8
|
+
}
|
|
9
|
+
export function chooseSourceError(error) {
|
|
10
|
+
return error instanceof Error ? error.message : String(error);
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=source.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"source.js","sourceRoot":"","sources":["../src/source.ts"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,UAAU,gBAAgB,CAAC,MAAoB;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAA;IACxC,IAAI,OAAO,MAAM,KAAK,UAAU;QAAE,OAAO,MAAM,EAAE,CAAA;IACjD,OAAO,MAAM,CAAC,IAAI,EAAE,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,OAAO,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC/D,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export interface ChooseItem {
|
|
|
7
7
|
export interface ChooseContentProvider {
|
|
8
8
|
load(): Promise<ChooseItem[]> | ChooseItem[];
|
|
9
9
|
}
|
|
10
|
+
/** Any item source accepted by the shared chooser core. */
|
|
11
|
+
export type ChooseSource = ChooseItem[] | ChooseContentProvider | (() => ChooseItem[] | Promise<ChooseItem[]>);
|
|
10
12
|
export interface ChooseResult {
|
|
11
13
|
items: ChooseItem[];
|
|
12
14
|
}
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;CAC7C;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;CAC7C;AAED,2DAA2D;AAC3D,MAAM,MAAM,YAAY,GACpB,UAAU,EAAE,GACZ,qBAAqB,GACrB,CAAC,MAAM,UAAU,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;AAEhD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { InputRenderable, KeyEvent } from "@opentui/core";
|
|
2
|
+
import { type ActionDefinition, type Mode } from "@tooee/commands";
|
|
3
|
+
import { type FuzzyMatch } from "./fuzzy.js";
|
|
4
|
+
import type { ChooseItem, ChooseResult, ChooseSource } from "./types.js";
|
|
5
|
+
declare module "@tooee/commands" {
|
|
6
|
+
interface CommandContext {
|
|
7
|
+
/** Contributed by chooser primitives: current filtering and selection state. */
|
|
8
|
+
choose: {
|
|
9
|
+
activeItem: ChooseItem | undefined;
|
|
10
|
+
selectedItems: ChooseItem[];
|
|
11
|
+
filterQuery: string;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export type ChooseCommandGroup = "navigation" | "mode" | "submit" | "cancel" | "multi-select";
|
|
16
|
+
export interface UseChooseOptions {
|
|
17
|
+
source: ChooseSource;
|
|
18
|
+
multi?: boolean;
|
|
19
|
+
initialFilter?: string;
|
|
20
|
+
onSubmit: (result: ChooseResult) => void | Promise<void>;
|
|
21
|
+
onCancel?: () => void;
|
|
22
|
+
commands?: ActionDefinition[];
|
|
23
|
+
/** Prefix for built-in command ids (default `choose`). */
|
|
24
|
+
commandScope?: string;
|
|
25
|
+
/** Disable a built-in command group when a host owns those keys. */
|
|
26
|
+
disable?: ChooseCommandGroup[];
|
|
27
|
+
/** Explicitly blur/disable mouse views while a legacy covering surface is open. */
|
|
28
|
+
suspended?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export interface ChooseController {
|
|
31
|
+
getFilter(): string;
|
|
32
|
+
setFilter(query: string): void;
|
|
33
|
+
clearFilter(): void;
|
|
34
|
+
moveUp(): void;
|
|
35
|
+
moveDown(): void;
|
|
36
|
+
setActiveIndex(index: number): void;
|
|
37
|
+
getActiveItem(): ChooseItem | undefined;
|
|
38
|
+
getSelectedItems(): ChooseItem[];
|
|
39
|
+
toggleActive(): void;
|
|
40
|
+
submit(): void;
|
|
41
|
+
cancel(): void;
|
|
42
|
+
reload(): void;
|
|
43
|
+
readonly mode: Mode;
|
|
44
|
+
setMode(mode: Mode): void;
|
|
45
|
+
}
|
|
46
|
+
export interface ChooseState {
|
|
47
|
+
items: ChooseItem[];
|
|
48
|
+
matches: FuzzyMatch[];
|
|
49
|
+
filterQuery: string;
|
|
50
|
+
activeIndex: number;
|
|
51
|
+
activeItem: ChooseItem | undefined;
|
|
52
|
+
selectedOriginalIndices: ReadonlySet<number>;
|
|
53
|
+
selectedItems: ChooseItem[];
|
|
54
|
+
loading: boolean;
|
|
55
|
+
error: string | null;
|
|
56
|
+
multi: boolean;
|
|
57
|
+
}
|
|
58
|
+
export interface ChooseViewModel {
|
|
59
|
+
filterRef: {
|
|
60
|
+
current: InputRenderable | null;
|
|
61
|
+
};
|
|
62
|
+
mode: Mode;
|
|
63
|
+
/** True while another modal surface (or an explicit host guard) owns interaction. */
|
|
64
|
+
suspended: boolean;
|
|
65
|
+
filterFocused: boolean;
|
|
66
|
+
onFilterInput: (query: string) => void;
|
|
67
|
+
/** Input-level Tab bridge; OpenTUI consumes Tab before global dispatch. */
|
|
68
|
+
onFilterKeyDown: (event: KeyEvent) => void;
|
|
69
|
+
}
|
|
70
|
+
export interface UseChooseResult {
|
|
71
|
+
controller: ChooseController;
|
|
72
|
+
state: ChooseState;
|
|
73
|
+
view: ChooseViewModel;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Shared headless chooser: source lifecycle, fuzzy matches, selection,
|
|
77
|
+
* command context, controller, and all built-in keyboard commands.
|
|
78
|
+
*/
|
|
79
|
+
export declare function useChoose(options: UseChooseOptions): UseChooseResult;
|
|
80
|
+
//# sourceMappingURL=use-choose.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-choose.d.ts","sourceRoot":"","sources":["../src/use-choose.ts"],"names":[],"mappings":"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"}
|