@proyecto-viviana/solid-stately 0.1.5 → 0.2.1

package/src/toggle/createToggleState.ts

@@ -1,94 +0,0 @@
-/**
- * Toggle state for Solid Stately
- *
- * Provides state management for toggle components like checkboxes and switches.
- *
- * This is a 1:1 port of @react-stately/toggle's useToggleState.
- */
-
-import { createSignal, Accessor } from 'solid-js';
-import { type MaybeAccessor, access } from '../utils';
-
-// ============================================
-// TYPES
-// ============================================
-
-export interface ToggleStateOptions {
-  /** Whether the element should be selected (controlled). */
-  isSelected?: boolean;
-  /** Whether the element should be selected by default (uncontrolled). */
-  defaultSelected?: boolean;
-  /** Handler that is called when the element's selection state changes. */
-  onChange?: (isSelected: boolean) => void;
-  /** Whether the element is read only. */
-  isReadOnly?: boolean;
-}
-
-export interface ToggleState {
-  /** Whether the toggle is selected. */
-  readonly isSelected: Accessor<boolean>;
-  /** Whether the toggle is selected by default. */
-  readonly defaultSelected: boolean;
-  /** Updates selection state. */
-  setSelected(isSelected: boolean): void;
-  /** Toggle the selection state. */
-  toggle(): void;
-}
-
-// ============================================
-// IMPLEMENTATION
-// ============================================
-
-/**
- * Provides state management for toggle components like checkboxes and switches.
- */
-export function createToggleState(props: MaybeAccessor<ToggleStateOptions> = {}): ToggleState {
-  const getProps = () => access(props);
-
-  // Get initial values
-  const initialProps = getProps();
-  const initialSelected = initialProps.isSelected ?? initialProps.defaultSelected ?? false;
-
-  // Create internal signal for uncontrolled mode
-  const [internalSelected, setInternalSelected] = createSignal(initialSelected);
-
-  // Determine if controlled
-  const isControlled = () => getProps().isSelected !== undefined;
-
-  // Get current selection state
-  const isSelected: Accessor<boolean> = () => {
-    const p = getProps();
-    return isControlled() ? (p.isSelected ?? false) : internalSelected();
-  };
-
-  // Update selection state
-  function setSelected(value: boolean): void {
-    const p = getProps();
-    if (p.isReadOnly) {
-      return;
-    }
-
-    if (!isControlled()) {
-      setInternalSelected(value);
-    }
-
-    p.onChange?.(value);
-  }
-
-  // Toggle selection state
-  function toggle(): void {
-    const p = getProps();
-    if (p.isReadOnly) {
-      return;
-    }
-
-    setSelected(!isSelected());
-  }
-
-  return {
-    isSelected,
-    defaultSelected: initialProps.defaultSelected ?? initialSelected,
-    setSelected,
-    toggle,
-  };
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,kBAAkB,EACvB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC"}

package/src/toggle/index.ts

@@ -1,5 +0,0 @@
-export {
-  createToggleState,
-  type ToggleStateOptions,
-  type ToggleState,
-} from './createToggleState';

package/src/tooltip/createTooltipTriggerState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTooltipTriggerState.d.ts","sourceRoot":"","sources":["createTooltipTriggerState.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOlF,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,yBAAyB;IACzB,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAClC;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAYxC;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,GAAE,mBAAwB,GAC9B,mBAAmB,CAkHrB"}

package/src/tooltip/createTooltipTriggerState.ts

@@ -1,183 +0,0 @@
-/**
- * Manages state for a tooltip trigger.
- * Based on @react-stately/tooltip useTooltipTriggerState.
- *
- * Tracks whether the tooltip is open, and provides methods to toggle this state.
- * Ensures only one tooltip is open at a time and controls the delay for showing a tooltip.
- */
-
-import { createSignal, onCleanup, type Accessor } from 'solid-js';
-import { createOverlayTriggerState, type OverlayTriggerProps } from '../overlays';
-import { isServer } from '../ssr';
-
-// Default delays (in ms)
-const TOOLTIP_DELAY = 1500;
-const TOOLTIP_COOLDOWN = 500;
-
-export interface TooltipTriggerProps extends OverlayTriggerProps {
-  /** The delay time in milliseconds for the tooltip to show up. */
-  delay?: number;
-  /** The delay time in milliseconds for the tooltip to close. */
-  closeDelay?: number;
-}
-
-export interface TooltipTriggerState {
-  /** Whether the tooltip is currently showing. */
-  readonly isOpen: Accessor<boolean>;
-  /**
-   * Shows the tooltip. By default, the tooltip becomes visible after a delay
-   * depending on a global warmup timer. The `immediate` option shows the
-   * tooltip immediately instead.
-   */
-  open(immediate?: boolean): void;
-  /** Hides the tooltip. */
-  close(immediate?: boolean): void;
-}
-
-// Global state for coordinating tooltips
-let tooltips: Record<string, (immediate?: boolean) => void> = {};
-let tooltipId = 0;
-let globalWarmedUp = false;
-let globalWarmUpTimeout: ReturnType<typeof setTimeout> | null = null;
-let globalCooldownTimeout: ReturnType<typeof setTimeout> | null = null;
-
-/**
- * Resets the global tooltip state. Useful for testing.
- * @internal
- */
-export function resetTooltipState(): void {
-  tooltips = {};
-  tooltipId = 0;
-  globalWarmedUp = false;
-  if (globalWarmUpTimeout) {
-    clearTimeout(globalWarmUpTimeout);
-    globalWarmUpTimeout = null;
-  }
-  if (globalCooldownTimeout) {
-    clearTimeout(globalCooldownTimeout);
-    globalCooldownTimeout = null;
-  }
-}
-
-/**
- * Manages state for a tooltip trigger. Tracks whether the tooltip is open, and provides
- * methods to toggle this state. Ensures only one tooltip is open at a time and controls
- * the delay for showing a tooltip.
- */
-export function createTooltipTriggerState(
-  props: TooltipTriggerProps = {}
-): TooltipTriggerState {
-  const delay = () => props.delay ?? TOOLTIP_DELAY;
-  const closeDelay = () => props.closeDelay ?? TOOLTIP_COOLDOWN;
-
-  const overlayState = createOverlayTriggerState(props);
-  const id = `tooltip-${++tooltipId}`;
-
-  let closeTimeout: ReturnType<typeof setTimeout> | null = null;
-  const [closeCallback, setCloseCallback] = createSignal<() => void>(() => overlayState.close());
-
-  const ensureTooltipEntry = () => {
-    tooltips[id] = hideTooltip;
-  };
-
-  const closeOpenTooltips = () => {
-    for (const hideTooltipId in tooltips) {
-      if (hideTooltipId !== id) {
-        tooltips[hideTooltipId](true);
-        delete tooltips[hideTooltipId];
-      }
-    }
-  };
-
-  const showTooltip = () => {
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-      closeTimeout = null;
-    }
-    closeOpenTooltips();
-    ensureTooltipEntry();
-    globalWarmedUp = true;
-    overlayState.open();
-
-    if (globalWarmUpTimeout) {
-      clearTimeout(globalWarmUpTimeout);
-      globalWarmUpTimeout = null;
-    }
-    if (globalCooldownTimeout) {
-      clearTimeout(globalCooldownTimeout);
-      globalCooldownTimeout = null;
-    }
-  };
-
-  const hideTooltip = (immediate?: boolean) => {
-    if (immediate || closeDelay() <= 0) {
-      if (closeTimeout) {
-        clearTimeout(closeTimeout);
-        closeTimeout = null;
-      }
-      closeCallback()();
-    } else if (!closeTimeout) {
-      closeTimeout = setTimeout(() => {
-        closeTimeout = null;
-        closeCallback()();
-      }, closeDelay());
-    }
-
-    if (globalWarmUpTimeout) {
-      clearTimeout(globalWarmUpTimeout);
-      globalWarmUpTimeout = null;
-    }
-
-    if (globalWarmedUp) {
-      if (globalCooldownTimeout) {
-        clearTimeout(globalCooldownTimeout);
-      }
-      globalCooldownTimeout = setTimeout(() => {
-        delete tooltips[id];
-        globalCooldownTimeout = null;
-        globalWarmedUp = false;
-      }, Math.max(TOOLTIP_COOLDOWN, closeDelay()));
-    }
-  };
-
-  const warmupTooltip = () => {
-    closeOpenTooltips();
-    ensureTooltipEntry();
-
-    if (!overlayState.isOpen() && !globalWarmUpTimeout && !globalWarmedUp) {
-      globalWarmUpTimeout = setTimeout(() => {
-        globalWarmUpTimeout = null;
-        globalWarmedUp = true;
-        showTooltip();
-      }, delay());
-    } else if (!overlayState.isOpen()) {
-      showTooltip();
-    }
-  };
-
-  // Update close callback when overlayState.close changes
-  setCloseCallback(() => overlayState.close);
-
-  // Cleanup on unmount
-  onCleanup(() => {
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-    }
-    if (tooltips[id]) {
-      delete tooltips[id];
-    }
-  });
-
-  return {
-    isOpen: overlayState.isOpen,
-    open: (immediate?: boolean) => {
-      if (isServer) return;
-      if (!immediate && delay() > 0 && !closeTimeout) {
-        warmupTooltip();
-      } else {
-        showTooltip();
-      }
-    },
-    close: hideTooltip,
-  };
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAC"}

package/src/tooltip/index.ts

@@ -1,6 +0,0 @@
-export {
-  createTooltipTriggerState,
-  resetTooltipState,
-  type TooltipTriggerProps,
-  type TooltipTriggerState,
-} from './createTooltipTriggerState';

package/src/tree/TreeCollection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeCollection.d.ts","sourceRoot":"","sources":["TreeCollection.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,IAAI,eAAe,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzF;;;GAGG;AACH,qBAAa,cAAc,CAAC,CAAC,CAAE,YAAW,eAAe,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,MAAM,CAAoC;IAClD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,KAAK,CAAqB;gBAGhC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EACxB,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC;IAKxB,OAAO,CAAC,eAAe;IAqEvB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAExB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAID,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC;IAIxB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI;IAIrC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI;IAOrC,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI;IAMlC,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI;IAMjC,WAAW,IAAI,GAAG,GAAG,IAAI;IAIzB,UAAU,IAAI,GAAG,GAAG,IAAI;IAIxB,WAAW,CAAC,GAAG,EAAE,GAAG,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAK5C,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;IAK9B,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI;IAKlC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;CAG3C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EACxB,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,GACrB,cAAc,CAAC,CAAC,CAAC,CAEnB"}

package/src/tree/TreeCollection.ts

@@ -1,175 +0,0 @@
-/**
- * TreeCollection implementation.
- * Based on @react-stately/tree/TreeCollection.
- *
- * A flattened view of tree nodes that respects expanded state.
- * Only visible nodes (root + expanded children) are included in iteration.
- */
-
-import type { Key } from '../collections/types';
-import type { TreeCollection as ITreeCollection, TreeNode, TreeItemData } from './types';
-
-/**
- * Creates a TreeCollection from hierarchical data.
- * The collection is flattened based on expanded keys.
- */
-export class TreeCollection<T> implements ITreeCollection<T> {
-  private keyMap: Map<Key, TreeNode<T>> = new Map();
-  private visibleKeys: Key[] = [];
-  private _rows: TreeNode<T>[] = [];
-
-  constructor(
-    items: TreeItemData<T>[],
-    expandedKeys: Set<Key>
-  ) {
-    this.buildCollection(items, expandedKeys);
-  }
-
-  private buildCollection(items: TreeItemData<T>[], expandedKeys: Set<Key>): void {
-    let globalIndex = 0;
-
-    const visit = (
-      item: TreeItemData<T>,
-      level: number,
-      parentKey: Key | null,
-      indexInParent: number
-    ): TreeNode<T> => {
-      const hasChildren = item.children && item.children.length > 0;
-      const isExpanded = hasChildren && expandedKeys.has(item.key);
-
-      // Build child nodes first (even if not visible, for the map)
-      const childNodes: TreeNode<T>[] = [];
-      if (hasChildren && item.children) {
-        for (let i = 0; i < item.children.length; i++) {
-          const childNode = visit(item.children[i], level + 1, item.key, i);
-          childNodes.push(childNode);
-        }
-      }
-
-      const node: TreeNode<T> = {
-        type: 'item',
-        key: item.key,
-        value: item.value,
-        textValue: item.textValue || String(item.key),
-        level,
-        index: indexInParent,
-        parentKey,
-        hasChildNodes: hasChildren || false,
-        childNodes,
-        isDisabled: item.isDisabled,
-        isExpandable: hasChildren,
-        isExpanded,
-      };
-
-      // Always add to keyMap (for getItem lookups)
-      this.keyMap.set(item.key, node);
-
-      return node;
-    };
-
-    // First pass: build all nodes
-    const rootNodes: TreeNode<T>[] = [];
-    for (let i = 0; i < items.length; i++) {
-      const node = visit(items[i], 0, null, i);
-      rootNodes.push(node);
-    }
-
-    // Second pass: build visible rows list
-    const addVisibleNodes = (nodes: TreeNode<T>[]): void => {
-      for (const node of nodes) {
-        // Update the row index for visible nodes
-        node.rowIndex = globalIndex++;
-        this._rows.push(node);
-        this.visibleKeys.push(node.key);
-
-        // Add children if expanded
-        if (node.isExpanded && node.childNodes.length > 0) {
-          addVisibleNodes(node.childNodes);
-        }
-      }
-    };
-
-    addVisibleNodes(rootNodes);
-  }
-
-  // Collection properties
-
-  get size(): number {
-    return this.visibleKeys.length;
-  }
-
-  get rows(): TreeNode<T>[] {
-    return this._rows;
-  }
-
-  get rowCount(): number {
-    return this._rows.length;
-  }
-
-  // Collection methods
-
-  getKeys(): Iterable<Key> {
-    return this.visibleKeys;
-  }
-
-  getItem(key: Key): TreeNode<T> | null {
-    return this.keyMap.get(key) ?? null;
-  }
-
-  at(index: number): TreeNode<T> | null {
-    if (index < 0 || index >= this._rows.length) {
-      return null;
-    }
-    return this._rows[index];
-  }
-
-  getKeyBefore(key: Key): Key | null {
-    const index = this.visibleKeys.indexOf(key);
-    if (index <= 0) return null;
-    return this.visibleKeys[index - 1];
-  }
-
-  getKeyAfter(key: Key): Key | null {
-    const index = this.visibleKeys.indexOf(key);
-    if (index < 0 || index >= this.visibleKeys.length - 1) return null;
-    return this.visibleKeys[index + 1];
-  }
-
-  getFirstKey(): Key | null {
-    return this.visibleKeys[0] ?? null;
-  }
-
-  getLastKey(): Key | null {
-    return this.visibleKeys[this.visibleKeys.length - 1] ?? null;
-  }
-
-  getChildren(key: Key): Iterable<TreeNode<T>> {
-    const node = this.keyMap.get(key);
-    return node?.childNodes ?? [];
-  }
-
-  getTextValue(key: Key): string {
-    const node = this.keyMap.get(key);
-    return node?.textValue ?? '';
-  }
-
-  getParentKey(key: Key): Key | null {
-    const node = this.keyMap.get(key);
-    return node?.parentKey ?? null;
-  }
-
-  [Symbol.iterator](): Iterator<TreeNode<T>> {
-    return this._rows[Symbol.iterator]();
-  }
-}
-
-/**
- * Factory function to create a TreeCollection.
- * Useful for the collectionFactory pattern in TreeStateOptions.
- */
-export function createTreeCollection<T>(
-  items: TreeItemData<T>[],
-  expandedKeys: Set<Key>
-): TreeCollection<T> {
-  return new TreeCollection(items, expandedKeys);
-}

package/src/tree/createTreeState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTreeState.d.ts","sourceRoot":"","sources":["createTreeState.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA8C,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,cAAc,EAEf,MAAM,SAAS,CAAC;AAGjB;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAC/F,OAAO,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACxC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAiWjB"}