@proyecto-viviana/solid-stately 0.1.5 → 0.2.1

package/src/tabs/createTabListState.ts

@@ -1,240 +0,0 @@
-/**
- * State management for tab components.
- * Based on @react-stately/tabs.
- */
-
-import { createSignal, type Accessor } from 'solid-js';
-import { access, type MaybeAccessor } from '../utils';
-import { ListCollection } from '../collections/ListCollection';
-import type {
-  Collection,
-  CollectionNode,
-  Key,
-  FocusStrategy,
-} from '../collections/types';
-
-export type KeyboardActivation = 'automatic' | 'manual';
-export type TabOrientation = 'horizontal' | 'vertical';
-
-export interface TabListStateProps<T = unknown> {
-  /** The items in the tab list. */
-  items?: T[];
-  /** Function to get a key from an item. */
-  getKey?: (item: T) => Key;
-  /** Function to get text value from an item. */
-  getTextValue?: (item: T) => string;
-  /** Function to check if an item is disabled. */
-  getDisabled?: (item: T) => boolean;
-  /** Keys of disabled tabs. */
-  disabledKeys?: Iterable<Key>;
-  /** The currently selected tab key (controlled). */
-  selectedKey?: Key | null;
-  /** The default selected tab key (uncontrolled). */
-  defaultSelectedKey?: Key;
-  /** Handler for tab selection changes. */
-  onSelectionChange?: (key: Key) => void;
-  /** Whether the entire tab list is disabled. */
-  isDisabled?: boolean;
-  /** Whether tabs are activated automatically on focus or manually. */
-  keyboardActivation?: KeyboardActivation;
-  /** The orientation of the tab list. */
-  orientation?: TabOrientation;
-}
-
-export interface TabListState<T = unknown> {
-  /** The collection of tabs. */
-  readonly collection: Accessor<Collection<T>>;
-  /** The currently selected tab key. */
-  readonly selectedKey: Accessor<Key | null>;
-  /** Set the selected tab key. */
-  setSelectedKey(key: Key): void;
-  /** The currently selected tab item. */
-  readonly selectedItem: Accessor<CollectionNode<T> | null>;
-  /** Whether the tab list is disabled. */
-  readonly isDisabled: Accessor<boolean>;
-  /** The keyboard activation mode. */
-  readonly keyboardActivation: Accessor<KeyboardActivation>;
-  /** The orientation of the tab list. */
-  readonly orientation: Accessor<TabOrientation>;
-  /** Whether a tab key is disabled. */
-  isKeyDisabled(key: Key): boolean;
-  /** The set of disabled keys. */
-  readonly disabledKeys: Accessor<Set<Key>>;
-  /** Whether the collection is focused. */
-  readonly isFocused: Accessor<boolean>;
-  /** Set the focused state. */
-  setFocused(isFocused: boolean): void;
-  /** The currently focused tab key. */
-  readonly focusedKey: Accessor<Key | null>;
-  /** Set the focused tab key. */
-  setFocusedKey(key: Key | null, childStrategy?: FocusStrategy): void;
-  /** The child focus strategy. */
-  readonly childFocusStrategy: Accessor<FocusStrategy | null>;
-}
-
-/**
- * Creates state for a tab list component.
- */
-export function createTabListState<T = unknown>(
-  props: MaybeAccessor<TabListStateProps<T>>
-): TabListState<T> {
-  const getProps = () => access(props);
-
-  // Build collection from items
-  const collection: Accessor<Collection<T>> = () => {
-    const p = getProps();
-    const items = p.items ?? [];
-
-    const nodes: CollectionNode<T>[] = items.map((item, index) => {
-      const key = p.getKey?.(item) ?? (item as any).key ?? (item as any).id ?? index;
-      const textValue =
-        p.getTextValue?.(item) ?? (item as any).textValue ?? (item as any).label ?? String(item);
-      const isDisabled = p.getDisabled?.(item) ?? (item as any).isDisabled ?? false;
-
-      return {
-        type: 'item' as const,
-        key,
-        value: item,
-        textValue,
-        rendered: null as any,
-        level: 0,
-        index,
-        parentKey: null,
-        hasChildNodes: false,
-        childNodes: [],
-        isDisabled,
-      };
-    });
-
-    return new ListCollection(nodes);
-  };
-
-  // Compute disabled keys
-  const disabledKeys: Accessor<Set<Key>> = () => {
-    const p = getProps();
-    const result = new Set<Key>(p.disabledKeys ?? []);
-
-    const coll = collection();
-    for (const node of coll) {
-      if (node.isDisabled) {
-        result.add(node.key);
-      }
-    }
-
-    return result;
-  };
-
-  // Check if a key is disabled
-  const isKeyDisabled = (key: Key): boolean => {
-    const p = getProps();
-    if (p.isDisabled) return true;
-    return disabledKeys().has(key);
-  };
-
-  // Find the first non-disabled key
-  const findFirstNonDisabledKey = (): Key | null => {
-    const coll = collection();
-    for (const node of coll) {
-      if (!isKeyDisabled(node.key)) {
-        return node.key;
-      }
-    }
-    return null;
-  };
-
-  // Get initial selected key
-  const getInitialSelectedKey = (): Key | null => {
-    const p = getProps();
-
-    // If controlled, use that value
-    if (p.selectedKey !== undefined) {
-      return p.selectedKey;
-    }
-
-    // If default provided and not disabled, use it
-    if (p.defaultSelectedKey !== undefined && !isKeyDisabled(p.defaultSelectedKey)) {
-      return p.defaultSelectedKey;
-    }
-
-    // Otherwise, select first non-disabled
-    return findFirstNonDisabledKey();
-  };
-
-  // Selection state
-  const [selectedKeyInternal, setSelectedKeyInternal] = createSignal<Key | null>(
-    getInitialSelectedKey()
-  );
-
-  // Compute actual selected key (controlled vs uncontrolled)
-  const selectedKey: Accessor<Key | null> = () => {
-    const p = getProps();
-    if (p.selectedKey !== undefined) {
-      return p.selectedKey;
-    }
-    return selectedKeyInternal();
-  };
-
-  const setSelectedKey = (key: Key) => {
-    // Don't select disabled keys
-    if (isKeyDisabled(key)) return;
-
-    const p = getProps();
-    // For uncontrolled mode, update internal state
-    if (p.selectedKey === undefined) {
-      setSelectedKeyInternal(key);
-    }
-
-    // Always call onChange
-    p.onSelectionChange?.(key);
-  };
-
-  // Get selected item
-  const selectedItem: Accessor<CollectionNode<T> | null> = () => {
-    const key = selectedKey();
-    if (key === null) return null;
-    return collection().getItem(key);
-  };
-
-  // Is disabled accessor
-  const isDisabled: Accessor<boolean> = () => getProps().isDisabled ?? false;
-
-  // Keyboard activation accessor
-  const keyboardActivation: Accessor<KeyboardActivation> = () =>
-    getProps().keyboardActivation ?? 'automatic';
-
-  // Orientation accessor
-  const orientation: Accessor<TabOrientation> = () =>
-    getProps().orientation ?? 'horizontal';
-
-  // Focus state
-  const [isFocused, setIsFocused] = createSignal(false);
-  const [focusedKey, setFocusedKeyInternal] = createSignal<Key | null>(null);
-  const [childFocusStrategy, setChildFocusStrategy] = createSignal<FocusStrategy | null>(null);
-
-  const setFocusedKey = (key: Key | null, childStrategy?: FocusStrategy) => {
-    setFocusedKeyInternal(key);
-    setChildFocusStrategy(childStrategy ?? null);
-
-    // In automatic mode, selecting follows focus
-    if (keyboardActivation() === 'automatic' && key !== null && !isKeyDisabled(key)) {
-      setSelectedKey(key);
-    }
-  };
-
-  return {
-    collection,
-    selectedKey,
-    setSelectedKey,
-    selectedItem,
-    isDisabled,
-    keyboardActivation,
-    orientation,
-    isKeyDisabled,
-    disabledKeys,
-    isFocused,
-    setFocused: setIsFocused,
-    focusedKey,
-    setFocusedKey,
-    childFocusStrategy,
-  };
-}

package/src/tabs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,sBAAsB,CAAC"}

package/src/tabs/index.ts

@@ -1,7 +0,0 @@
-export {
-  createTabListState,
-  type TabListStateProps,
-  type TabListState,
-  type KeyboardActivation,
-  type TabOrientation,
-} from './createTabListState';

package/src/textfield/createTextFieldState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTextFieldState.d.ts","sourceRoot":"","sources":["createTextFieldState.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAMtD,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAMD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,aAAa,CAAC,qBAAqB,CAAM,GAAG,cAAc,CAkCrG"}

package/src/textfield/createTextFieldState.ts

@@ -1,75 +0,0 @@
-/**
- * TextField state for Solid Stately
- *
- * Provides state management for text input components.
- *
- * This is a port of @react-stately/utils's useControlledState pattern
- * as used by @react-aria/textfield.
- */
-
-import { createSignal, Accessor } from 'solid-js';
-import { type MaybeAccessor, access } from '../utils';
-
-// ============================================
-// TYPES
-// ============================================
-
-export interface TextFieldStateOptions {
-  /** The current value (controlled). */
-  value?: string;
-  /** The default value (uncontrolled). */
-  defaultValue?: string;
-  /** Handler that is called when the value changes. */
-  onChange?: (value: string) => void;
-}
-
-export interface TextFieldState {
-  /** The current value of the text field. */
-  readonly value: Accessor<string>;
-  /** Sets the value of the text field. */
-  setValue(value: string): void;
-}
-
-// ============================================
-// IMPLEMENTATION
-// ============================================
-
-/**
- * Provides state management for text input components.
- * Supports both controlled and uncontrolled modes.
- */
-export function createTextFieldState(props: MaybeAccessor<TextFieldStateOptions> = {}): TextFieldState {
-  const getProps = () => access(props);
-
-  // Get initial value
-  const initialProps = getProps();
-  const initialValue = initialProps.value ?? initialProps.defaultValue ?? '';
-
-  // Create internal signal for uncontrolled mode
-  const [internalValue, setInternalValue] = createSignal(initialValue);
-
-  // Determine if controlled
-  const isControlled = () => getProps().value !== undefined;
-
-  // Get current value
-  const value: Accessor<string> = () => {
-    const p = getProps();
-    return isControlled() ? (p.value ?? '') : internalValue();
-  };
-
-  // Update value
-  function setValue(newValue: string): void {
-    const p = getProps();
-
-    if (!isControlled()) {
-      setInternalValue(newValue);
-    }
-
-    p.onChange?.(newValue);
-  }
-
-  return {
-    value,
-    setValue,
-  };
-}

package/src/textfield/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAC"}

package/src/textfield/index.ts

@@ -1,5 +0,0 @@
-export {
-  createTextFieldState,
-  type TextFieldStateOptions,
-  type TextFieldState,
-} from './createTextFieldState';

package/src/toast/createToastState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createToastState.d.ts","sourceRoot":"","sources":["createToastState.ts"],"names":[],"mappings":"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"}

package/src/toast/createToastState.ts

@@ -1,316 +0,0 @@
-/**
- * Toast state management for SolidJS
- * Based on @react-stately/toast useToastState
- */
-
-import { createSignal, onCleanup, type Accessor } from 'solid-js';
-
-// ============================================
-// TYPES
-// ============================================
-
-export interface ToastOptions {
-  /** A timeout to automatically close the toast, in milliseconds. */
-  timeout?: number;
-  /** The priority of the toast relative to other toasts. */
-  priority?: number;
-  /** Handler called when the toast is closed. */
-  onClose?: () => void;
-}
-
-export interface QueuedToast<T> {
-  /** The content of the toast. */
-  content: T;
-  /** A unique key for the toast. */
-  key: string;
-  /** The timer for the toast. */
-  timer: Timer | null;
-  /** Whether the toast should be animated. */
-  animation?: 'entering' | 'exiting' | 'queued';
-  /** The priority of the toast. */
-  priority: number;
-  /** Handler called when the toast is closed. */
-  onClose?: () => void;
-  /** The timeout for the toast. */
-  timeout?: number;
-}
-
-export interface ToastQueueOptions {
-  /** The maximum number of toasts to display at once. */
-  maxVisibleToasts?: number;
-  /** Whether toasts should stack (true) or queue (false). */
-  hasExitAnimation?: boolean;
-}
-
-export interface ToastStateProps<T> {
-  /** The toast queue to use. */
-  queue: ToastQueue<T>;
-}
-
-export interface ToastState<T> {
-  /** The currently visible toasts. */
-  visibleToasts: Accessor<QueuedToast<T>[]>;
-  /** Adds a toast to the queue. */
-  add: (content: T, options?: ToastOptions) => string;
-  /** Closes a toast by key. */
-  close: (key: string) => void;
-  /** Pauses all toast timers. */
-  pauseAll: () => void;
-  /** Resumes all toast timers. */
-  resumeAll: () => void;
-}
-
-// ============================================
-// TIMER CLASS
-// ============================================
-
-/**
- * A Timer that supports pause and resume.
- */
-export class Timer {
-  private timerId: number | null = null;
-  private startTime: number = 0;
-  private remaining: number;
-  private callback: () => void;
-
-  constructor(callback: () => void, delay: number) {
-    this.callback = callback;
-    this.remaining = delay;
-    this.resume();
-  }
-
-  pause() {
-    if (this.timerId === null) {
-      return;
-    }
-    clearTimeout(this.timerId);
-    this.timerId = null;
-    this.remaining -= Date.now() - this.startTime;
-  }
-
-  resume() {
-    if (this.timerId !== null) {
-      return;
-    }
-    this.startTime = Date.now();
-    this.timerId = window.setTimeout(() => {
-      this.timerId = null;
-      this.callback();
-    }, this.remaining);
-  }
-
-  reset(delay: number) {
-    this.pause();
-    this.remaining = delay;
-    this.resume();
-  }
-
-  cancel() {
-    if (this.timerId !== null) {
-      clearTimeout(this.timerId);
-      this.timerId = null;
-    }
-  }
-}
-
-// ============================================
-// TOAST QUEUE CLASS
-// ============================================
-
-type SubscribeCallback<T> = (toasts: QueuedToast<T>[]) => void;
-
-/**
- * A queue that manages toast notifications.
- * Can be created once and shared across the app (singleton pattern).
- */
-export class ToastQueue<T> {
-  private queue: QueuedToast<T>[] = [];
-  private subscriptions = new Set<SubscribeCallback<T>>();
-  private maxVisibleToasts: number;
-  private hasExitAnimation: boolean;
-  private keyCounter = 0;
-
-  constructor(options: ToastQueueOptions = {}) {
-    this.maxVisibleToasts = options.maxVisibleToasts ?? 5;
-    this.hasExitAnimation = options.hasExitAnimation ?? false;
-  }
-
-  /**
-   * Subscribe to queue changes.
-   */
-  subscribe(callback: SubscribeCallback<T>): () => void {
-    this.subscriptions.add(callback);
-    return () => {
-      this.subscriptions.delete(callback);
-    };
-  }
-
-  /**
-   * Add a toast to the queue.
-   */
-  add(content: T, options: ToastOptions = {}): string {
-    const key = String(this.keyCounter++);
-
-    const toast: QueuedToast<T> = {
-      content,
-      key,
-      timer: null,
-      priority: options.priority ?? 0,
-      onClose: options.onClose,
-      timeout: options.timeout,
-      animation: 'entering',
-    };
-
-    // Find insertion point based on priority
-    let low = 0;
-    let high = this.queue.length;
-    while (low < high) {
-      const mid = Math.floor((low + high) / 2);
-      if (toast.priority > this.queue[mid].priority) {
-        high = mid;
-      } else {
-        low = mid + 1;
-      }
-    }
-
-    // Insert at the correct position
-    this.queue = [
-      ...this.queue.slice(0, low),
-      toast,
-      ...this.queue.slice(low),
-    ];
-
-    // Start timer for visible toasts
-    this.updateVisibility();
-
-    return key;
-  }
-
-  /**
-   * Close a toast by key.
-   */
-  close(key: string): void {
-    const toast = this.queue.find((t) => t.key === key);
-    if (!toast) return;
-
-    // Cancel any existing timer
-    toast.timer?.cancel();
-    toast.timer = null;
-
-    if (this.hasExitAnimation && toast.animation !== 'queued') {
-      // Mark as exiting for animation
-      toast.animation = 'exiting';
-      this.notify();
-    } else {
-      // Remove immediately
-      this.remove(key);
-    }
-  }
-
-  /**
-   * Remove a toast after exit animation completes.
-   */
-  remove(key: string): void {
-    const toast = this.queue.find((t) => t.key === key);
-    if (toast) {
-      toast.onClose?.();
-      toast.timer?.cancel();
-    }
-
-    this.queue = this.queue.filter((t) => t.key !== key);
-    this.updateVisibility();
-  }
-
-  /**
-   * Pause all toast timers.
-   */
-  pauseAll(): void {
-    for (const toast of this.queue) {
-      toast.timer?.pause();
-    }
-  }
-
-  /**
-   * Resume all toast timers.
-   */
-  resumeAll(): void {
-    for (const toast of this.queue) {
-      toast.timer?.resume();
-    }
-  }
-
-  private updateVisibility(): void {
-    // Mark toasts as visible or queued based on maxVisibleToasts
-    const visibleCount = this.queue.filter(
-      (t) => t.animation !== 'queued' && t.animation !== 'exiting'
-    ).length;
-
-    let promoted = 0;
-    for (const toast of this.queue) {
-      if (toast.animation === 'queued' && visibleCount + promoted < this.maxVisibleToasts) {
-        toast.animation = 'entering';
-        promoted++;
-      }
-      if (toast.animation === 'queued') continue;
-
-      // Start timer for visible toasts
-      if (toast.timeout != null && toast.timer === null && toast.animation !== 'exiting') {
-        toast.timer = new Timer(() => {
-          this.close(toast.key);
-        }, toast.timeout);
-      }
-    }
-
-    this.notify();
-  }
-
-  private notify(): void {
-    const toasts = [...this.queue];
-    for (const callback of this.subscriptions) {
-      callback(toasts);
-    }
-  }
-}
-
-// ============================================
-// HOOK
-// ============================================
-
-/**
- * Creates reactive toast state from a ToastQueue.
- * Use this hook to subscribe to toast changes in your component.
- */
-export function createToastState<T>(props: ToastStateProps<T>): ToastState<T> {
-  const [visibleToasts, setVisibleToasts] = createSignal<QueuedToast<T>[]>([]);
-
-  // Subscribe to queue changes
-  const unsubscribe = props.queue.subscribe((toasts) => {
-    setVisibleToasts(toasts);
-  });
-
-  onCleanup(() => {
-    unsubscribe();
-  });
-
-  return {
-    visibleToasts,
-    add: (content, options) => props.queue.add(content, options),
-    close: (key) => props.queue.close(key),
-    pauseAll: () => props.queue.pauseAll(),
-    resumeAll: () => props.queue.resumeAll(),
-  };
-}
-
-// ============================================
-// CONVENIENCE HOOKS
-// ============================================
-
-/**
- * Creates a new ToastQueue and returns reactive state.
- * Use this if you don't need a global queue.
- */
-export function createToastQueue<T>(options?: ToastQueueOptions): ToastState<T> & { queue: ToastQueue<T> } {
-  const queue = new ToastQueue<T>(options);
-  const state = createToastState({ queue });
-  return { ...state, queue };
-}

package/src/toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,KAAK,EACL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC"}

package/src/toast/index.ts

@@ -1,11 +0,0 @@
-export {
-  createToastState,
-  createToastQueue,
-  ToastQueue,
-  Timer,
-  type ToastOptions,
-  type QueuedToast,
-  type ToastQueueOptions,
-  type ToastStateProps,
-  type ToastState,
-} from './createToastState';

package/src/toggle/createToggleState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createToggleState.d.ts","sourceRoot":"","sources":["createToggleState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,UAAU,CAAC;AAMtD,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC;IACvC,kCAAkC;IAClC,MAAM,IAAI,IAAI,CAAC;CAChB;AAMD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAE,aAAa,CAAC,kBAAkB,CAAM,GAAG,WAAW,CAiD5F"}