@termuijs/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,285 @@
+import { Widget } from '@termuijs/widgets';
+export { Box, Gauge, List, LogView, ProgressBar, Sparkline, Spinner, StatusIndicator, Table, Text, TextInput, Widget } from '@termuijs/widgets';
+import { Style, Screen } from '@termuijs/core';
+
+interface DividerOptions {
+    char?: string;
+    color?: Style['fg'];
+    title?: string;
+}
+declare class Divider extends Widget {
+    private _char;
+    private _color;
+    private _title;
+    constructor(options?: DividerOptions);
+    protected _renderSelf(screen: Screen): void;
+}
+
+declare class Spacer extends Widget {
+    constructor(grow?: number);
+    protected _renderSelf(_screen: Screen): void;
+}
+
+interface Tab {
+    label: string;
+    content: Widget;
+}
+interface TabsOptions {
+    activeColor?: Style['fg'];
+    inactiveColor?: Style['fg'];
+    border?: Style['border'];
+}
+declare class Tabs extends Widget {
+    private _tabs;
+    private _activeIndex;
+    private _activeColor;
+    private _inactiveColor;
+    focusable: boolean;
+    constructor(tabs: Tab[], options?: TabsOptions);
+    get activeIndex(): number;
+    selectTab(i: number): void;
+    nextTab(): void;
+    prevTab(): void;
+    get activeContent(): Widget | undefined;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface ModalOptions {
+    title?: string;
+    width?: number;
+    height?: number;
+    borderColor?: Style['fg'];
+    backdropChar?: string;
+}
+declare class Modal extends Widget {
+    private _title;
+    private _modalWidth;
+    private _modalHeight;
+    private _borderColor;
+    private _backdropChar;
+    private _visible;
+    private _content;
+    constructor(options?: ModalOptions);
+    get visible(): boolean;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    setContent(content: Widget): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface SelectOptions {
+    placeholder?: string;
+    activeColor?: Style['fg'];
+    onSelect?: (option: SelectOption, index: number) => void;
+}
+declare class Select extends Widget {
+    private _options;
+    private _selectedIndex;
+    private _isOpen;
+    private _placeholder;
+    private _activeColor;
+    private _onSelect?;
+    focusable: boolean;
+    constructor(options: SelectOption[], config?: SelectOptions);
+    get selectedOption(): SelectOption | undefined;
+    get selectedIndex(): number;
+    get isOpen(): boolean;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    selectNext(): void;
+    selectPrev(): void;
+    confirm(): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface MultiSelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface MultiSelectOptions {
+    activeColor?: Style['fg'];
+    checkChar?: string;
+    uncheckChar?: string;
+    onSubmit?: (selected: MultiSelectOption[]) => void;
+}
+declare class MultiSelect extends Widget {
+    private _options;
+    private _cursorIndex;
+    private _checked;
+    private _activeColor;
+    private _checkChar;
+    private _uncheckChar;
+    private _onSubmit?;
+    focusable: boolean;
+    constructor(options: MultiSelectOption[], config?: MultiSelectOptions);
+    get selectedOptions(): MultiSelectOption[];
+    selectNext(): void;
+    selectPrev(): void;
+    toggleCurrent(): void;
+    submit(): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface TreeNode {
+    label: string;
+    children?: TreeNode[];
+    expanded?: boolean;
+    icon?: string;
+}
+interface TreeOptions {
+    activeColor?: Style['fg'];
+    onSelect?: (node: TreeNode, path: number[]) => void;
+}
+declare class Tree extends Widget {
+    private _roots;
+    private _cursorIndex;
+    private _activeColor;
+    private _onSelect?;
+    focusable: boolean;
+    constructor(roots: TreeNode[], options?: TreeOptions);
+    private _flatten;
+    selectNext(): void;
+    selectPrev(): void;
+    toggleExpand(): void;
+    confirm(): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+interface ToastMessage {
+    text: string;
+    type: ToastType;
+    expireAt: number;
+}
+interface ToastOptions {
+    position?: 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left';
+    durationMs?: number;
+    maxVisible?: number;
+}
+declare class Toast extends Widget {
+    private _messages;
+    private _position;
+    private _durationMs;
+    private _maxVisible;
+    constructor(options?: ToastOptions);
+    push(text: string, type?: ToastType): void;
+    info(text: string): void;
+    success(text: string): void;
+    warning(text: string): void;
+    error(text: string): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface ConfirmDialogOptions {
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    borderColor?: Style['fg'];
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+declare class ConfirmDialog extends Widget {
+    private _message;
+    private _confirmLabel;
+    private _cancelLabel;
+    private _borderColor;
+    private _selected;
+    private _visible;
+    private _onConfirm?;
+    private _onCancel?;
+    focusable: boolean;
+    constructor(options: ConfirmDialogOptions);
+    get visible(): boolean;
+    show(): void;
+    hide(): void;
+    selectConfirm(): void;
+    selectCancel(): void;
+    toggleSelection(): void;
+    confirm(): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface FormField {
+    name: string;
+    label: string;
+    type: 'text' | 'select' | 'checkbox';
+    placeholder?: string;
+    required?: boolean;
+    options?: string[];
+    validate?: (value: string) => string | null;
+}
+interface FormOptions {
+    labelColor?: Style['fg'];
+    errorColor?: Style['fg'];
+    activeColor?: Style['fg'];
+    onSubmit?: (values: Record<string, string>) => void;
+}
+declare class Form extends Widget {
+    private _fields;
+    private _values;
+    private _errors;
+    private _activeField;
+    private _cursorPos;
+    private _labelColor;
+    private _errorColor;
+    private _activeColor;
+    private _onSubmit?;
+    focusable: boolean;
+    constructor(fields: FormField[], options?: FormOptions);
+    get values(): Record<string, string>;
+    nextField(): void;
+    prevField(): void;
+    insertChar(ch: string): void;
+    deleteBack(): void;
+    submit(): void;
+    protected _renderSelf(screen: Screen): void;
+}
+
+interface Command {
+    id: string;
+    label: string;
+    shortcut?: string;
+    action: () => void;
+    category?: string;
+}
+interface CommandPaletteOptions {
+    placeholder?: string;
+    borderColor?: Style['fg'];
+    activeColor?: Style['fg'];
+    maxVisible?: number;
+}
+declare class CommandPalette extends Widget {
+    private _commands;
+    private _filtered;
+    private _query;
+    private _cursorPos;
+    private _selectedIndex;
+    private _visible;
+    private _placeholder;
+    private _borderColor;
+    private _activeColor;
+    private _maxVisible;
+    focusable: boolean;
+    constructor(commands: Command[], options?: CommandPaletteOptions);
+    get visible(): boolean;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    insertChar(ch: string): void;
+    deleteBack(): void;
+    selectNext(): void;
+    selectPrev(): void;
+    confirm(): void;
+    private _filter;
+    protected _renderSelf(screen: Screen): void;
+}
+
+export { type Command, CommandPalette, type CommandPaletteOptions, ConfirmDialog, type ConfirmDialogOptions, Divider, type DividerOptions, Form, type FormField, type FormOptions, Modal, type ModalOptions, MultiSelect, type MultiSelectOption, type MultiSelectOptions, Select, type SelectOption, type SelectOptions, Spacer, type Tab, Tabs, type TabsOptions, Toast, type ToastMessage, type ToastOptions, type ToastType, Tree, type TreeNode, type TreeOptions };