@townco/ui 0.1.3 → 0.1.7

package/dist/tui/components/MultiSelect.js

@@ -1,119 +1,76 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text, useInput } from "ink";
 import { useState } from "react";
-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",
-				}),
-			}),
-		],
-	});
+export function MultiSelect({ options, selected, onChange, onSubmit, onCancel, autoAdvanceOnSelect = true, }) {
+    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);
+                    // Move focus down to next item (including Continue button)
+                    if (autoAdvanceOnSelect && focusedIndex < totalItems) {
+                        setFocusedIndex(focusedIndex + 1);
+                    }
+                }
+            }
+            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,14 +1,8 @@
 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;