@townco/ui 0.1.0 → 0.1.3

package/dist/tui/components/MultiSelect.js

@@ -1,72 +1,119 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text, useInput } from "ink";
 import { useState } from "react";
-export function MultiSelect({ options, selected, onChange, onSubmit, onCancel, }) {
-    const [focusedIndex, setFocusedIndex] = useState(0);
-    const totalItems = options.length + 1; // +1 for Continue button
-    useInput((input, key) => {
-        // Handle Escape: Cancel
-        if (key.escape) {
-            onCancel?.();
-            return;
-        }
-        // Handle Enter: Toggle selection or submit
-        if (key.return) {
-            if (focusedIndex === options.length) {
-                // On Continue button - submit
-                onSubmit();
-            }
-            else {
-                // On an option - toggle selection
-                const currentOption = options[focusedIndex];
-                if (currentOption) {
-                    const currentValue = currentOption.value;
-                    const newSelected = selected.includes(currentValue)
-                        ? selected.filter((v) => v !== currentValue)
-                        : [...selected, currentValue];
-                    onChange(newSelected);
-                }
-            }
-            return;
-        }
-        // Handle Arrow Up: Move focus up
-        if (key.upArrow) {
-            setFocusedIndex((prev) => (prev > 0 ? prev - 1 : totalItems - 1));
-            return;
-        }
-        // Handle Arrow Down: Move focus down
-        if (key.downArrow) {
-            setFocusedIndex((prev) => (prev < totalItems - 1 ? prev + 1 : 0));
-            return;
-        }
-        // Handle Spacebar: Toggle selection (only for options, not Continue button)
-        if (input === " ") {
-            if (focusedIndex >= options.length)
-                return; // Don't toggle Continue button
-            const currentOption = options[focusedIndex];
-            if (!currentOption)
-                return;
-            const currentValue = currentOption.value;
-            const newSelected = selected.includes(currentValue)
-                ? selected.filter((v) => v !== currentValue)
-                : [...selected, currentValue];
-            onChange(newSelected);
-            return;
-        }
-        // Handle Ctrl+A: Select all
-        if (key.ctrl && input === "a") {
-            onChange(options.map((opt) => opt.value));
-            return;
-        }
-        // Handle Ctrl+N: Clear all
-        if (key.ctrl && input === "n") {
-            onChange([]);
-            return;
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", children: [options.map((option, index) => {
-                const isSelected = selected.includes(option.value);
-                const isFocused = index === focusedIndex;
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isSelected ? "[x]" : "[ ]", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { inverse: focusedIndex === options.length, color: "green", bold: true, children: "\u2192 Continue" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Toggle \u2022 Enter on Continue: Proceed" }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MultiSelect({
+	options,
+	selected,
+	onChange,
+	onSubmit,
+	onCancel,
+}) {
+	const [focusedIndex, setFocusedIndex] = useState(0);
+	const totalItems = options.length + 1; // +1 for Continue button
+	useInput((input, key) => {
+		// Handle Escape: Cancel
+		if (key.escape) {
+			onCancel?.();
+			return;
+		}
+		// Handle Enter: Toggle selection or submit
+		if (key.return) {
+			if (focusedIndex === options.length) {
+				// On Continue button - submit
+				onSubmit();
+			} else {
+				// On an option - toggle selection
+				const currentOption = options[focusedIndex];
+				if (currentOption) {
+					const currentValue = currentOption.value;
+					const newSelected = selected.includes(currentValue)
+						? selected.filter((v) => v !== currentValue)
+						: [...selected, currentValue];
+					onChange(newSelected);
+				}
+			}
+			return;
+		}
+		// Handle Arrow Up: Move focus up
+		if (key.upArrow) {
+			setFocusedIndex((prev) => (prev > 0 ? prev - 1 : totalItems - 1));
+			return;
+		}
+		// Handle Arrow Down: Move focus down
+		if (key.downArrow) {
+			setFocusedIndex((prev) => (prev < totalItems - 1 ? prev + 1 : 0));
+			return;
+		}
+		// Handle Spacebar: Toggle selection (only for options, not Continue button)
+		if (input === " ") {
+			if (focusedIndex >= options.length) return; // Don't toggle Continue button
+			const currentOption = options[focusedIndex];
+			if (!currentOption) return;
+			const currentValue = currentOption.value;
+			const newSelected = selected.includes(currentValue)
+				? selected.filter((v) => v !== currentValue)
+				: [...selected, currentValue];
+			onChange(newSelected);
+			return;
+		}
+		// Handle Ctrl+A: Select all
+		if (key.ctrl && input === "a") {
+			onChange(options.map((opt) => opt.value));
+			return;
+		}
+		// Handle Ctrl+N: Clear all
+		if (key.ctrl && input === "n") {
+			onChange([]);
+			return;
+		}
+	});
+	return _jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			options.map((option, index) => {
+				const isSelected = selected.includes(option.value);
+				const isFocused = index === focusedIndex;
+				return _jsxs(
+					Box,
+					{
+						flexDirection: "column",
+						children: [
+							_jsx(Box, {
+								children: _jsxs(Text, {
+									inverse: isFocused,
+									children: [isSelected ? "[x]" : "[ ]", " ", option.label],
+								}),
+							}),
+							option.description &&
+								_jsx(Box, {
+									paddingLeft: 4,
+									children: _jsx(Text, {
+										dimColor: true,
+										children: option.description,
+									}),
+								}),
+						],
+					},
+					option.value,
+				);
+			}),
+			_jsx(Box, {
+				marginTop: 1,
+				children: _jsx(Text, {
+					inverse: focusedIndex === options.length,
+					color: "green",
+					bold: true,
+					children: "\u2192 Continue",
+				}),
+			}),
+			_jsx(Box, {
+				marginTop: 1,
+				children: _jsx(Text, {
+					dimColor: true,
+					children:
+						"\u2191/\u2193: Navigate \u2022 Space/Enter: Toggle \u2022 Enter on Continue: Proceed",
+				}),
+			}),
+		],
+	});
 }

package/dist/tui/components/ReadlineInput.d.ts

@@ -1,8 +1,14 @@
 export interface ReadlineInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    onSubmit: () => void;
-    onEscape?: () => void;
-    placeholder?: string;
+	value: string;
+	onChange: (value: string) => void;
+	onSubmit: () => void;
+	onEscape?: () => void;
+	placeholder?: string;
 }
-export declare function ReadlineInput({ value, onChange, onSubmit, onEscape, placeholder, }: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReadlineInput({
+	value,
+	onChange,
+	onSubmit,
+	onEscape,
+	placeholder,
+}: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;