@tooee/choose 0.8.0 → 0.9.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/dist/choose-filter.d.ts +2 -11
- package/dist/choose-filter.d.ts.map +1 -1
- package/dist/choose-filter.js +1 -19
- package/dist/choose-filter.js.map +1 -1
- package/dist/choose-highlighted-text.d.ts +2 -8
- package/dist/choose-highlighted-text.d.ts.map +1 -1
- package/dist/choose-highlighted-text.js +1 -31
- package/dist/choose-highlighted-text.js.map +1 -1
- package/dist/choose-list.d.ts +2 -27
- package/dist/choose-list.d.ts.map +1 -1
- package/dist/choose-list.js +1 -65
- package/dist/choose-list.js.map +1 -1
- package/dist/choose-store.d.ts +2 -56
- package/dist/choose-store.d.ts.map +1 -1
- package/dist/choose-store.js +1 -101
- package/dist/choose-store.js.map +1 -1
- package/dist/choose.d.ts +1 -5
- package/dist/choose.d.ts.map +1 -1
- package/dist/choose.js +3 -19
- package/dist/choose.js.map +1 -1
- package/dist/choose.public-contract.typecheck.d.ts +11 -0
- package/dist/choose.public-contract.typecheck.d.ts.map +1 -0
- package/dist/choose.public-contract.typecheck.js +2 -0
- package/dist/choose.public-contract.typecheck.js.map +1 -0
- package/dist/fuzzy.d.ts +2 -8
- package/dist/fuzzy.d.ts.map +1 -1
- package/dist/fuzzy.js +1 -4
- package/dist/fuzzy.js.map +1 -1
- package/dist/launch.d.ts.map +1 -1
- package/dist/launch.js +1 -0
- package/dist/launch.js.map +1 -1
- package/dist/source.d.ts +1 -4
- package/dist/source.d.ts.map +1 -1
- package/dist/source.js +1 -25
- package/dist/source.js.map +1 -1
- package/dist/types.d.ts +1 -21
- package/dist/types.d.ts.map +1 -1
- package/dist/use-choose.d.ts +2 -79
- package/dist/use-choose.d.ts.map +1 -1
- package/dist/use-choose.js +1 -374
- package/dist/use-choose.js.map +1 -1
- package/package.json +7 -9
- package/src/choose-filter.tsx +2 -55
- package/src/choose-highlighted-text.tsx +2 -49
- package/src/choose-list.tsx +2 -156
- package/src/choose-store.ts +12 -146
- package/src/choose.public-contract.typecheck.ts +12 -0
- package/src/choose.tsx +15 -35
- package/src/fuzzy.ts +2 -13
- package/src/launch.tsx +1 -0
- package/src/source.ts +1 -36
- package/src/types.ts +7 -28
- package/src/use-choose.ts +9 -521
package/dist/source.js
CHANGED
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
if (Array.isArray(source)) {
|
|
3
|
-
return { items: source, kind: "items" };
|
|
4
|
-
}
|
|
5
|
-
// oxlint-disable-next-line anti-slop/no-runtime-typeof -- public source boundary distinguishes the documented loader callback from a provider
|
|
6
|
-
if (typeof source === "function") {
|
|
7
|
-
return { kind: "loader", load: source };
|
|
8
|
-
}
|
|
9
|
-
return { kind: "provider", provider: source };
|
|
10
|
-
};
|
|
11
|
-
/** Resolve every public Choose source shape through one compatibility boundary. */
|
|
12
|
-
export const loadChooseSource = function loadChooseSource(source) {
|
|
13
|
-
const decoded = decodeChooseSource(source);
|
|
14
|
-
if (decoded.kind === "items") {
|
|
15
|
-
return decoded.items;
|
|
16
|
-
}
|
|
17
|
-
if (decoded.kind === "loader") {
|
|
18
|
-
return decoded.load();
|
|
19
|
-
}
|
|
20
|
-
return decoded.provider.load();
|
|
21
|
-
};
|
|
22
|
-
// oxlint-disable-next-line anti-slop/no-unknown-parameters -- caught loader failures enter here before conversion to display text
|
|
23
|
-
export const chooseSourceError = function chooseSourceError(error) {
|
|
24
|
-
return error instanceof Error ? error.message : String(error);
|
|
25
|
-
};
|
|
1
|
+
export { loadChooseSource } from "@tooee/renderers";
|
|
26
2
|
//# sourceMappingURL=source.js.map
|
package/dist/source.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"source.js","sourceRoot":"","sources":["../src/source.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"source.js","sourceRoot":"","sources":["../src/source.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,22 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
text: string;
|
|
3
|
-
value?: string;
|
|
4
|
-
icon?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
}
|
|
7
|
-
export interface ChooseContentProvider {
|
|
8
|
-
load: () => Promise<ChooseItem[]> | ChooseItem[];
|
|
9
|
-
}
|
|
10
|
-
/** Any item source accepted by the shared chooser core. */
|
|
11
|
-
export type ChooseSource = ChooseItem[] | ChooseContentProvider | (() => ChooseItem[] | Promise<ChooseItem[]>);
|
|
12
|
-
export interface ChooseResult {
|
|
13
|
-
items: ChooseItem[];
|
|
14
|
-
}
|
|
15
|
-
export interface ChooseOptions {
|
|
16
|
-
multi?: boolean;
|
|
17
|
-
title?: string;
|
|
18
|
-
prompt?: string;
|
|
19
|
-
placeholder?: string;
|
|
20
|
-
emptyMessage?: string;
|
|
21
|
-
}
|
|
1
|
+
export type { ChooseContentProvider, ChooseItem, ChooseOptions, ChooseResult, ChooseSource, } from "@tooee/renderers";
|
|
22
2
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC"}
|
package/dist/use-choose.d.ts
CHANGED
|
@@ -1,80 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 const useChoose: (options: UseChooseOptions) => UseChooseResult;
|
|
1
|
+
export { useChoose } from "@tooee/renderers";
|
|
2
|
+
export type { ChooseCommandGroup, ChooseController, ChooseState, ChooseViewModel, UseChooseOptions, UseChooseResult, } from "@tooee/renderers";
|
|
80
3
|
//# sourceMappingURL=use-choose.d.ts.map
|
package/dist/use-choose.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-choose.d.ts","sourceRoot":"","sources":["../src/use-choose.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-choose.d.ts","sourceRoot":"","sources":["../src/use-choose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,kBAAkB,CAAC"}
|
package/dist/use-choose.js
CHANGED
|
@@ -1,375 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { useSelector } from "@xstate/store-react";
|
|
3
|
-
import { useActiveCommandSurface, useActions, useCommandSurfaceId, useLatest, useLazyRef, useMode, useProvideCommandContext, useSetMode, } from "@tooee/commands";
|
|
4
|
-
import { createChooseStore, selectActiveIndex, selectError, selectFilterQuery, selectItems, selectLoading, selectMatches, selectReloadRevision, selectSelectedOriginalIndices, } from "./choose-store.js";
|
|
5
|
-
import { chooseSourceError, loadChooseSource } from "./source.js";
|
|
6
|
-
/**
|
|
7
|
-
* Shared headless chooser: source lifecycle, fuzzy matches, selection,
|
|
8
|
-
* command context, controller, and all built-in keyboard commands.
|
|
9
|
-
*/
|
|
10
|
-
export const useChoose = function useChoose(options) {
|
|
11
|
-
const { source, multi = false, initialFilter = "", commandScope = "choose" } = options;
|
|
12
|
-
const initialItems = Array.isArray(source) ? source : [];
|
|
13
|
-
const store = useLazyRef(() => createChooseStore({
|
|
14
|
-
initialFilter,
|
|
15
|
-
items: initialItems,
|
|
16
|
-
loading: !Array.isArray(source),
|
|
17
|
-
})).current;
|
|
18
|
-
const filterRef = useRef(null);
|
|
19
|
-
const initialArraySourceRef = useLazyRef(() => Array.isArray(source) ? source : null);
|
|
20
|
-
const didHandleInitialSourceRef = useRef(false);
|
|
21
|
-
const items = useSelector(store, (snapshot) => selectItems(snapshot.context));
|
|
22
|
-
const matches = useSelector(store, (snapshot) => selectMatches(snapshot.context));
|
|
23
|
-
const filterQuery = useSelector(store, (snapshot) => selectFilterQuery(snapshot.context));
|
|
24
|
-
const activeIndex = useSelector(store, (snapshot) => selectActiveIndex(snapshot.context));
|
|
25
|
-
const selectedOriginalIndices = useSelector(store, (snapshot) => selectSelectedOriginalIndices(snapshot.context));
|
|
26
|
-
const loading = useSelector(store, (snapshot) => selectLoading(snapshot.context));
|
|
27
|
-
const error = useSelector(store, (snapshot) => selectError(snapshot.context));
|
|
28
|
-
const reloadRevision = useSelector(store, (snapshot) => selectReloadRevision(snapshot.context));
|
|
29
|
-
const activeItem = matches[activeIndex]?.item;
|
|
30
|
-
const selectedItems = useMemo(() => {
|
|
31
|
-
if (!multi) {
|
|
32
|
-
return activeItem === undefined ? [] : [activeItem];
|
|
33
|
-
}
|
|
34
|
-
const selected = [...selectedOriginalIndices].flatMap((index) => {
|
|
35
|
-
const item = items[index];
|
|
36
|
-
return item === undefined ? [] : [item];
|
|
37
|
-
});
|
|
38
|
-
if (selected.length > 0) {
|
|
39
|
-
return selected;
|
|
40
|
-
}
|
|
41
|
-
return activeItem === undefined ? [] : [activeItem];
|
|
42
|
-
}, [multi, activeItem, selectedOriginalIndices, items]);
|
|
43
|
-
const mode = useMode();
|
|
44
|
-
const setMode = useSetMode();
|
|
45
|
-
const optionsRef = useLatest(options);
|
|
46
|
-
const multiRef = useLatest(multi);
|
|
47
|
-
const modeRef = useLatest(mode);
|
|
48
|
-
useEffect(() => {
|
|
49
|
-
let active = true;
|
|
50
|
-
const deactivate = () => {
|
|
51
|
-
active = false;
|
|
52
|
-
};
|
|
53
|
-
// Direct arrays seed the store before the first render. Avoid replacing
|
|
54
|
-
// state after mount, which could overwrite immediate controller calls.
|
|
55
|
-
if (!didHandleInitialSourceRef.current &&
|
|
56
|
-
Array.isArray(source) &&
|
|
57
|
-
source === initialArraySourceRef.current) {
|
|
58
|
-
didHandleInitialSourceRef.current = true;
|
|
59
|
-
return deactivate;
|
|
60
|
-
}
|
|
61
|
-
didHandleInitialSourceRef.current = true;
|
|
62
|
-
store.trigger.requestStarted({});
|
|
63
|
-
const { requestId } = store.getSnapshot().context;
|
|
64
|
-
let result;
|
|
65
|
-
try {
|
|
66
|
-
result = loadChooseSource(source);
|
|
67
|
-
}
|
|
68
|
-
catch (loadError) {
|
|
69
|
-
store.trigger.loadFailed({ error: chooseSourceError(loadError), requestId });
|
|
70
|
-
return deactivate;
|
|
71
|
-
}
|
|
72
|
-
if (result instanceof Promise) {
|
|
73
|
-
store.trigger.loadingStarted({ requestId });
|
|
74
|
-
void (async () => {
|
|
75
|
-
try {
|
|
76
|
-
const loaded = await result;
|
|
77
|
-
if (active) {
|
|
78
|
-
store.trigger.loadSucceeded({ items: loaded, requestId });
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
catch (loadError) {
|
|
82
|
-
if (active) {
|
|
83
|
-
store.trigger.loadFailed({ error: chooseSourceError(loadError), requestId });
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
})();
|
|
87
|
-
return deactivate;
|
|
88
|
-
}
|
|
89
|
-
store.trigger.loadSucceeded({ items: result, requestId });
|
|
90
|
-
return deactivate;
|
|
91
|
-
}, [source, reloadRevision, store, initialArraySourceRef]);
|
|
92
|
-
const setFilter = useCallback((query) => {
|
|
93
|
-
store.trigger.filterChanged({ query });
|
|
94
|
-
}, [store]);
|
|
95
|
-
const updateActiveIndex = useCallback((index) => {
|
|
96
|
-
store.trigger.activeIndexSet({ index });
|
|
97
|
-
}, [store]);
|
|
98
|
-
const moveUp = useCallback(() => {
|
|
99
|
-
store.trigger.moved({ delta: -1 });
|
|
100
|
-
}, [store]);
|
|
101
|
-
const moveDown = useCallback(() => {
|
|
102
|
-
store.trigger.moved({ delta: 1 });
|
|
103
|
-
}, [store]);
|
|
104
|
-
const getActiveItem = useCallback(() => {
|
|
105
|
-
const { context } = store.getSnapshot();
|
|
106
|
-
return context.matches[context.activeIndex]?.item;
|
|
107
|
-
}, [store]);
|
|
108
|
-
const getSelectedItems = useCallback(() => {
|
|
109
|
-
const { context } = store.getSnapshot();
|
|
110
|
-
const active = context.matches[context.activeIndex]?.item;
|
|
111
|
-
if (!multiRef.current) {
|
|
112
|
-
return active === undefined ? [] : [active];
|
|
113
|
-
}
|
|
114
|
-
const selected = [...context.selectedOriginalIndices].flatMap((index) => {
|
|
115
|
-
const item = context.items[index];
|
|
116
|
-
return item === undefined ? [] : [item];
|
|
117
|
-
});
|
|
118
|
-
if (selected.length > 0) {
|
|
119
|
-
return selected;
|
|
120
|
-
}
|
|
121
|
-
return active === undefined ? [] : [active];
|
|
122
|
-
}, [multiRef, store]);
|
|
123
|
-
const toggleActive = useCallback(() => {
|
|
124
|
-
if (multiRef.current) {
|
|
125
|
-
store.trigger.activeToggled({});
|
|
126
|
-
}
|
|
127
|
-
}, [multiRef, store]);
|
|
128
|
-
const submit = useCallback(() => {
|
|
129
|
-
void optionsRef.current.onSubmit({ items: getSelectedItems() });
|
|
130
|
-
}, [getSelectedItems, optionsRef]);
|
|
131
|
-
const cancel = useCallback(() => optionsRef.current.onCancel?.(), [optionsRef]);
|
|
132
|
-
const reload = useCallback(() => {
|
|
133
|
-
store.trigger.reloadRequested({});
|
|
134
|
-
}, [store]);
|
|
135
|
-
const setModeExternal = useCallback((nextMode) => {
|
|
136
|
-
setMode(nextMode);
|
|
137
|
-
}, [setMode]);
|
|
138
|
-
useProvideCommandContext(() => {
|
|
139
|
-
const context = {
|
|
140
|
-
choose: {
|
|
141
|
-
activeItem: getActiveItem(),
|
|
142
|
-
filterQuery: store.getSnapshot().context.filterQuery,
|
|
143
|
-
selectedItems: getSelectedItems(),
|
|
144
|
-
},
|
|
145
|
-
};
|
|
146
|
-
if (optionsRef.current.onCancel !== undefined) {
|
|
147
|
-
context.exit = cancel;
|
|
148
|
-
}
|
|
149
|
-
return context;
|
|
150
|
-
});
|
|
151
|
-
useActions(options.commands);
|
|
152
|
-
const enabled = useCallback((group) => !(optionsRef.current.disable?.includes(group) ?? false), [optionsRef]);
|
|
153
|
-
const builtInActions = useMemo(() => {
|
|
154
|
-
const definitions = [
|
|
155
|
-
{
|
|
156
|
-
group: () => (modeRef.current === "insert" ? "mode" : "cancel"),
|
|
157
|
-
handler: () => {
|
|
158
|
-
if (modeRef.current === "insert") {
|
|
159
|
-
setMode("cursor");
|
|
160
|
-
}
|
|
161
|
-
else {
|
|
162
|
-
cancel();
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
hidden: true,
|
|
166
|
-
hotkey: "Escape",
|
|
167
|
-
id: `${commandScope}:escape`,
|
|
168
|
-
modes: ["insert", "cursor"],
|
|
169
|
-
title: "Back / cancel",
|
|
170
|
-
when: () => modeRef.current === "insert" ? true : optionsRef.current.onCancel !== undefined,
|
|
171
|
-
},
|
|
172
|
-
{
|
|
173
|
-
group: () => "cancel",
|
|
174
|
-
handler: cancel,
|
|
175
|
-
hidden: true,
|
|
176
|
-
hotkey: "q",
|
|
177
|
-
id: `${commandScope}:cancel`,
|
|
178
|
-
modes: ["cursor"],
|
|
179
|
-
title: "Cancel",
|
|
180
|
-
when: () => optionsRef.current.onCancel !== undefined,
|
|
181
|
-
},
|
|
182
|
-
{
|
|
183
|
-
group: () => "mode",
|
|
184
|
-
handler: () => {
|
|
185
|
-
setMode("insert");
|
|
186
|
-
},
|
|
187
|
-
hidden: true,
|
|
188
|
-
hotkey: "i",
|
|
189
|
-
id: `${commandScope}:insert-mode-i`,
|
|
190
|
-
modes: ["cursor"],
|
|
191
|
-
title: "Insert mode",
|
|
192
|
-
},
|
|
193
|
-
{
|
|
194
|
-
group: () => "mode",
|
|
195
|
-
handler: () => {
|
|
196
|
-
setMode("insert");
|
|
197
|
-
},
|
|
198
|
-
hidden: true,
|
|
199
|
-
hotkey: "a",
|
|
200
|
-
id: `${commandScope}:insert-mode-a`,
|
|
201
|
-
modes: ["cursor"],
|
|
202
|
-
title: "Insert mode",
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
group: () => "navigation",
|
|
206
|
-
handler: moveDown,
|
|
207
|
-
hidden: true,
|
|
208
|
-
hotkey: "j",
|
|
209
|
-
id: `${commandScope}:move-down-vim`,
|
|
210
|
-
modes: ["cursor"],
|
|
211
|
-
title: "Move down",
|
|
212
|
-
},
|
|
213
|
-
{
|
|
214
|
-
group: () => "navigation",
|
|
215
|
-
handler: moveUp,
|
|
216
|
-
hidden: true,
|
|
217
|
-
hotkey: "k",
|
|
218
|
-
id: `${commandScope}:move-up-vim`,
|
|
219
|
-
modes: ["cursor"],
|
|
220
|
-
title: "Move up",
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
group: () => "submit",
|
|
224
|
-
handler: submit,
|
|
225
|
-
hidden: true,
|
|
226
|
-
hotkey: "Enter",
|
|
227
|
-
id: `${commandScope}:confirm`,
|
|
228
|
-
modes: ["insert", "cursor"],
|
|
229
|
-
title: "Confirm",
|
|
230
|
-
},
|
|
231
|
-
{
|
|
232
|
-
group: () => "navigation",
|
|
233
|
-
handler: moveUp,
|
|
234
|
-
hidden: true,
|
|
235
|
-
hotkey: "up",
|
|
236
|
-
id: `${commandScope}:move-up`,
|
|
237
|
-
modes: ["insert", "cursor"],
|
|
238
|
-
title: "Move up",
|
|
239
|
-
},
|
|
240
|
-
{
|
|
241
|
-
group: () => "navigation",
|
|
242
|
-
handler: moveUp,
|
|
243
|
-
hidden: true,
|
|
244
|
-
hotkey: "ctrl+p",
|
|
245
|
-
id: `${commandScope}:move-up-ctrl-p`,
|
|
246
|
-
modes: ["insert", "cursor"],
|
|
247
|
-
title: "Move up",
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
group: () => "navigation",
|
|
251
|
-
handler: moveDown,
|
|
252
|
-
hidden: true,
|
|
253
|
-
hotkey: "down",
|
|
254
|
-
id: `${commandScope}:move-down`,
|
|
255
|
-
modes: ["insert", "cursor"],
|
|
256
|
-
title: "Move down",
|
|
257
|
-
},
|
|
258
|
-
{
|
|
259
|
-
group: () => "navigation",
|
|
260
|
-
handler: moveDown,
|
|
261
|
-
hidden: true,
|
|
262
|
-
hotkey: "ctrl+n",
|
|
263
|
-
id: `${commandScope}:move-down-ctrl-n`,
|
|
264
|
-
modes: ["insert", "cursor"],
|
|
265
|
-
title: "Move down",
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
group: () => "multi-select",
|
|
269
|
-
handler: () => {
|
|
270
|
-
toggleActive();
|
|
271
|
-
moveDown();
|
|
272
|
-
},
|
|
273
|
-
hidden: true,
|
|
274
|
-
hotkey: "Tab",
|
|
275
|
-
id: `${commandScope}:toggle-next`,
|
|
276
|
-
modes: ["insert", "cursor"],
|
|
277
|
-
title: "Toggle selection and move down",
|
|
278
|
-
when: () => multiRef.current,
|
|
279
|
-
},
|
|
280
|
-
{
|
|
281
|
-
group: () => "multi-select",
|
|
282
|
-
handler: () => {
|
|
283
|
-
toggleActive();
|
|
284
|
-
moveUp();
|
|
285
|
-
},
|
|
286
|
-
hidden: true,
|
|
287
|
-
hotkey: "shift+Tab",
|
|
288
|
-
id: `${commandScope}:toggle-previous`,
|
|
289
|
-
modes: ["insert", "cursor"],
|
|
290
|
-
title: "Toggle selection and move up",
|
|
291
|
-
when: () => multiRef.current,
|
|
292
|
-
},
|
|
293
|
-
];
|
|
294
|
-
return definitions.map(({ group, when, ...definition }) => ({
|
|
295
|
-
...definition,
|
|
296
|
-
when: () => enabled(group()) && (when?.() ?? true),
|
|
297
|
-
}));
|
|
298
|
-
}, [
|
|
299
|
-
cancel,
|
|
300
|
-
commandScope,
|
|
301
|
-
enabled,
|
|
302
|
-
modeRef,
|
|
303
|
-
moveDown,
|
|
304
|
-
moveUp,
|
|
305
|
-
multiRef,
|
|
306
|
-
optionsRef,
|
|
307
|
-
setMode,
|
|
308
|
-
submit,
|
|
309
|
-
toggleActive,
|
|
310
|
-
]);
|
|
311
|
-
useActions(builtInActions);
|
|
312
|
-
const surfaceId = useCommandSurfaceId();
|
|
313
|
-
const activeSurface = useActiveCommandSurface();
|
|
314
|
-
const suspended = (options.suspended ?? false) || (activeSurface !== null && activeSurface.id !== surfaceId);
|
|
315
|
-
const onFilterKeyDown = useCallback((event) => {
|
|
316
|
-
if (event.name !== "tab" ||
|
|
317
|
-
!multiRef.current ||
|
|
318
|
-
!enabled("multi-select") ||
|
|
319
|
-
modeRef.current !== "insert") {
|
|
320
|
-
return;
|
|
321
|
-
}
|
|
322
|
-
event.preventDefault();
|
|
323
|
-
toggleActive();
|
|
324
|
-
if (event.shift) {
|
|
325
|
-
moveUp();
|
|
326
|
-
}
|
|
327
|
-
else {
|
|
328
|
-
moveDown();
|
|
329
|
-
}
|
|
330
|
-
}, [enabled, modeRef, moveDown, moveUp, multiRef, toggleActive]);
|
|
331
|
-
const controller = useLazyRef(() => ({
|
|
332
|
-
cancel,
|
|
333
|
-
clearFilter: () => {
|
|
334
|
-
setFilter("");
|
|
335
|
-
},
|
|
336
|
-
getActiveItem,
|
|
337
|
-
getFilter: () => store.getSnapshot().context.filterQuery,
|
|
338
|
-
getSelectedItems,
|
|
339
|
-
get mode() {
|
|
340
|
-
return modeRef.current;
|
|
341
|
-
},
|
|
342
|
-
moveDown,
|
|
343
|
-
moveUp,
|
|
344
|
-
reload,
|
|
345
|
-
setActiveIndex: updateActiveIndex,
|
|
346
|
-
setFilter,
|
|
347
|
-
setMode: setModeExternal,
|
|
348
|
-
submit,
|
|
349
|
-
toggleActive,
|
|
350
|
-
})).current;
|
|
351
|
-
return {
|
|
352
|
-
controller,
|
|
353
|
-
state: {
|
|
354
|
-
activeIndex,
|
|
355
|
-
activeItem,
|
|
356
|
-
error,
|
|
357
|
-
filterQuery,
|
|
358
|
-
items,
|
|
359
|
-
loading,
|
|
360
|
-
matches,
|
|
361
|
-
multi,
|
|
362
|
-
selectedItems,
|
|
363
|
-
selectedOriginalIndices,
|
|
364
|
-
},
|
|
365
|
-
view: {
|
|
366
|
-
filterFocused: mode === "insert" && !suspended,
|
|
367
|
-
filterRef,
|
|
368
|
-
mode,
|
|
369
|
-
onFilterInput: setFilter,
|
|
370
|
-
onFilterKeyDown,
|
|
371
|
-
suspended,
|
|
372
|
-
},
|
|
373
|
-
};
|
|
374
|
-
};
|
|
1
|
+
export { useChoose } from "@tooee/renderers";
|
|
375
2
|
//# sourceMappingURL=use-choose.js.map
|
package/dist/use-choose.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-choose.js","sourceRoot":"","sources":["../src/use-choose.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"use-choose.js","sourceRoot":"","sources":["../src/use-choose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tooee/choose",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "Terminal selection with fuzzy filtering",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cli",
|
|
@@ -40,14 +40,12 @@
|
|
|
40
40
|
"typecheck": "tsc --noEmit"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@tooee/commands": "0.
|
|
44
|
-
"@tooee/
|
|
45
|
-
"@tooee/
|
|
46
|
-
"@tooee/
|
|
47
|
-
"@tooee/shell": "0.
|
|
48
|
-
"@tooee/themes": "0.
|
|
49
|
-
"@xstate/store": "^4",
|
|
50
|
-
"@xstate/store-react": "^2"
|
|
43
|
+
"@tooee/commands": "0.9.0",
|
|
44
|
+
"@tooee/layout": "0.9.0",
|
|
45
|
+
"@tooee/overlays": "0.9.0",
|
|
46
|
+
"@tooee/renderers": "0.9.0",
|
|
47
|
+
"@tooee/shell": "0.9.0",
|
|
48
|
+
"@tooee/themes": "0.9.0"
|
|
51
49
|
},
|
|
52
50
|
"devDependencies": {
|
|
53
51
|
"@opentui/core": "^0.5.1",
|
package/src/choose-filter.tsx
CHANGED
|
@@ -1,55 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { useTheme } from "@tooee/themes";
|
|
4
|
-
import type { UseChooseResult } from "./use-choose.js";
|
|
5
|
-
|
|
6
|
-
export interface ChooseFilterProps {
|
|
7
|
-
choose: UseChooseResult;
|
|
8
|
-
prompt?: ReactNode;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
right?: ReactNode;
|
|
11
|
-
onClose?: () => void;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/** Controlled filter row shared by fullscreen and overlay chooser assemblies. */
|
|
15
|
-
export const ChooseFilter = function ChooseFilter({
|
|
16
|
-
choose,
|
|
17
|
-
prompt = "> ",
|
|
18
|
-
placeholder = "Filter...",
|
|
19
|
-
right,
|
|
20
|
-
onClose,
|
|
21
|
-
}: ChooseFilterProps): ReactNode {
|
|
22
|
-
const { theme } = useTheme();
|
|
23
|
-
const { state, view } = choose;
|
|
24
|
-
const handleFilterInput = view.onFilterInput;
|
|
25
|
-
const handleFilterKeyDown = view.onFilterKeyDown;
|
|
26
|
-
const promptContent = decodeReactContent(prompt);
|
|
27
|
-
let renderedPrompt: ReactNode = null;
|
|
28
|
-
if (promptContent.kind === "string") {
|
|
29
|
-
renderedPrompt = <text content={promptContent.value} fg={theme.accent} />;
|
|
30
|
-
} else if (promptContent.kind === "node") {
|
|
31
|
-
renderedPrompt = promptContent.value;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
return (
|
|
35
|
-
<box flexDirection="row" height={1} style={{ paddingLeft: 1, paddingRight: 1 }}>
|
|
36
|
-
{renderedPrompt}
|
|
37
|
-
<input
|
|
38
|
-
ref={view.filterRef}
|
|
39
|
-
focused={view.filterFocused}
|
|
40
|
-
value={state.filterQuery}
|
|
41
|
-
placeholder={placeholder}
|
|
42
|
-
onInput={handleFilterInput}
|
|
43
|
-
onKeyDown={handleFilterKeyDown}
|
|
44
|
-
backgroundColor="transparent"
|
|
45
|
-
textColor={theme.text}
|
|
46
|
-
placeholderColor={theme.textMuted}
|
|
47
|
-
cursorColor={theme.primary}
|
|
48
|
-
style={{ flexGrow: 1 }}
|
|
49
|
-
/>
|
|
50
|
-
<text content={` ${state.matches.length}/${state.items.length}`} fg={theme.textMuted} />
|
|
51
|
-
{right}
|
|
52
|
-
{onClose && <CloseButton onClose={onClose} />}
|
|
53
|
-
</box>
|
|
54
|
-
);
|
|
55
|
-
};
|
|
1
|
+
export { ChooseFilter } from "@tooee/renderers";
|
|
2
|
+
export type { ChooseFilterProps } from "@tooee/renderers";
|