@proyecto-viviana/solid-stately 0.2.4 → 0.3.0

package/src/table/createTableState.ts

@@ -3,20 +3,20 @@
  * Based on @react-stately/table/useTableState.
  */
 
-import { createMemo, type Accessor } from 'solid-js';
-import { createGridState } from '../grid/createGridState';
-import type { Key } from '../collections/types';
+import { createMemo, type Accessor } from "solid-js";
+import { createGridState } from "../grid/createGridState";
+import type { Key } from "../collections/types";
 import type {
   TableState,
   TableStateOptions,
   TableCollection,
   SortDescriptor,
   SortDirection,
-} from './types';
+} from "./types";
 
 const OPPOSITE_SORT_DIRECTION: Record<SortDirection, SortDirection> = {
-  ascending: 'descending',
-  descending: 'ascending',
+  ascending: "descending",
+  descending: "ascending",
 };
 
 /**
@@ -66,7 +66,7 @@ export function createTableState<
       newDirection = OPPOSITE_SORT_DIRECTION[currentSort.direction];
     } else {
       // Default to ascending for new column
-      newDirection = 'ascending';
+      newDirection = "ascending";
     }
 
     opts.onSortChange?.({
@@ -98,6 +98,9 @@ export function createTableState<
     get selectionMode() {
       return gridState.selectionMode;
     },
+    get selectionBehavior() {
+      return gridState.selectionBehavior;
+    },
     get selectedKeys() {
       return gridState.selectedKeys;
     },

package/src/table/index.d.ts

@@ -2,7 +2,17 @@
  * Table state management module.
  * Provides state hooks for Table components.
  */
-export { createTableState } from './createTableState';
-export { TableCollection, createTableCollection } from './TableCollection';
-export type { TableState, TableStateOptions, TableCollection as ITableCollection, SortDescriptor, SortDirection, Sortable, ColumnDefinition, RowDefinition, TableCollectionOptions, } from './types';
-//# sourceMappingURL=index.d.ts.map
+export { createTableState } from "./createTableState";
+export { TableCollection, createTableCollection } from "./TableCollection";
+export type {
+  TableState,
+  TableStateOptions,
+  TableCollection as ITableCollection,
+  SortDescriptor,
+  SortDirection,
+  Sortable,
+  ColumnDefinition,
+  RowDefinition,
+  TableCollectionOptions,
+} from "./types";
+//# sourceMappingURL=index.d.ts.map

package/src/table/index.ts

@@ -3,8 +3,9 @@
  * Provides state hooks for Table components.
  */
 
-export { createTableState } from './createTableState';
-export { TableCollection, createTableCollection } from './TableCollection';
+export { createTableState } from "./createTableState";
+export { createTableColumnResizeState } from "./createTableColumnResizeState";
+export { TableCollection, createTableCollection } from "./TableCollection";
 export type {
   TableState,
   TableStateOptions,
@@ -15,4 +16,10 @@ export type {
   ColumnDefinition,
   RowDefinition,
   TableCollectionOptions,
-} from './types';
+} from "./types";
+export type {
+  ColumnSize,
+  ColumnResizeDefinition,
+  TableColumnResizeStateProps,
+  TableColumnResizeState,
+} from "./createTableColumnResizeState";

package/src/table/types.d.ts

@@ -2,138 +2,144 @@
  * Table state types for Table components.
  * Based on @react-stately/table and @react-types/table.
  */
-import type { Key } from '../collections/types';
-import type { GridState, GridCollection, GridNode } from '../grid/types';
+import type { Key } from "../collections/types";
+import type { GridState, GridCollection, GridNode } from "../grid/types";
 /**
  * Sort direction for table columns.
  */
-export type SortDirection = 'ascending' | 'descending';
+export type SortDirection = "ascending" | "descending";
 /**
  * Describes which column to sort by and in what direction.
  */
 export interface SortDescriptor {
-    /** The key of the column to sort by. */
-    column: Key;
-    /** The direction to sort by. */
-    direction: SortDirection;
+  /** The key of the column to sort by. */
+  column: Key;
+  /** The direction to sort by. */
+  direction: SortDirection;
 }
 /**
  * Interface for sortable components.
  */
 export interface Sortable {
-    /** The current sorted column and direction. */
-    sortDescriptor?: SortDescriptor;
-    /** Handler that is called when the sorted column or direction changes. */
-    onSortChange?: (descriptor: SortDescriptor) => void;
+  /** The current sorted column and direction. */
+  sortDescriptor?: SortDescriptor;
+  /** Handler that is called when the sorted column or direction changes. */
+  onSortChange?: (descriptor: SortDescriptor) => void;
 }
 /**
  * A collection of table rows and columns.
  * Extends GridCollection with table-specific metadata.
  */
 export interface TableCollection<T = unknown> extends GridCollection<T> {
-    /** A list of header row nodes in the table. */
-    readonly headerRows: GridNode<T>[];
-    /** A list of column nodes in the table. */
-    readonly columns: GridNode<T>[];
-    /** A set of column keys that serve as the row header. */
-    readonly rowHeaderColumnKeys: Set<Key>;
-    /** The node that makes up the header of the table. */
-    readonly head?: GridNode<T>;
-    /** The node that makes up the body of the table. */
-    readonly body: GridNode<T>;
+  /** A list of header row nodes in the table. */
+  readonly headerRows: GridNode<T>[];
+  /** A list of column nodes in the table. */
+  readonly columns: GridNode<T>[];
+  /** A set of column keys that serve as the row header. */
+  readonly rowHeaderColumnKeys: Set<Key>;
+  /** The node that makes up the header of the table. */
+  readonly head?: GridNode<T>;
+  /** The node that makes up the body of the table. */
+  readonly body: GridNode<T>;
 }
 /**
  * State for a table component.
  * Extends GridState with table-specific functionality.
  */
-export interface TableState<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<GridState<T, GridCollection<T>>, 'collection'> {
-    /** The table collection. */
-    readonly collection: C;
-    /** Whether the row selection checkboxes should be displayed. */
-    readonly showSelectionCheckboxes: boolean;
-    /** The current sorted column and direction. */
-    readonly sortDescriptor: SortDescriptor | null;
-    /** Sort by the given column and direction. */
-    sort(columnKey: Key, direction?: SortDirection): void;
+export interface TableState<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<
+  GridState<T, GridCollection<T>>,
+  "collection"
+> {
+  /** The table collection. */
+  readonly collection: C;
+  /** Whether the row selection checkboxes should be displayed. */
+  readonly showSelectionCheckboxes: boolean;
+  /** The current sorted column and direction. */
+  readonly sortDescriptor: SortDescriptor | null;
+  /** Sort by the given column and direction. */
+  sort(columnKey: Key, direction?: SortDirection): void;
 }
 /**
  * Options for creating table state.
  */
-export interface TableStateOptions<T, C extends TableCollection<T> = TableCollection<T>> extends Sortable {
-    /** The table collection. */
-    collection: C;
-    /** Keys of disabled rows. */
-    disabledKeys?: Iterable<Key>;
-    /** Focus mode: 'row' or 'cell'. */
-    focusMode?: 'row' | 'cell';
-    /** Selection mode. */
-    selectionMode?: 'none' | 'single' | 'multiple';
-    /** Selection behavior. */
-    selectionBehavior?: 'toggle' | 'replace';
-    /** Whether empty selection is disallowed. */
-    disallowEmptySelection?: boolean;
-    /** Currently selected keys (controlled). */
-    selectedKeys?: 'all' | Iterable<Key>;
-    /** Default selected keys (uncontrolled). */
-    defaultSelectedKeys?: 'all' | Iterable<Key>;
-    /** Handler for selection changes. */
-    onSelectionChange?: (keys: 'all' | Set<Key>) => void;
-    /** Whether the row selection checkboxes should be displayed. */
-    showSelectionCheckboxes?: boolean;
+export interface TableStateOptions<
+  T,
+  C extends TableCollection<T> = TableCollection<T>,
+> extends Sortable {
+  /** The table collection. */
+  collection: C;
+  /** Keys of disabled rows. */
+  disabledKeys?: Iterable<Key>;
+  /** Focus mode: 'row' or 'cell'. */
+  focusMode?: "row" | "cell";
+  /** Selection mode. */
+  selectionMode?: "none" | "single" | "multiple";
+  /** Selection behavior. */
+  selectionBehavior?: "toggle" | "replace";
+  /** Whether empty selection is disallowed. */
+  disallowEmptySelection?: boolean;
+  /** Currently selected keys (controlled). */
+  selectedKeys?: "all" | Iterable<Key>;
+  /** Default selected keys (uncontrolled). */
+  defaultSelectedKeys?: "all" | Iterable<Key>;
+  /** Handler for selection changes. */
+  onSelectionChange?: (keys: "all" | Set<Key>) => void;
+  /** Whether the row selection checkboxes should be displayed. */
+  showSelectionCheckboxes?: boolean;
 }
 /**
  * Column definition for building table collections.
  */
 export interface ColumnDefinition<T = unknown> {
-    /** The key for the column. */
-    key: Key;
-    /** The display name or rendered content. */
-    name?: string;
-    /** Text value for accessibility. */
-    textValue?: string;
-    /** Whether this column is a row header. */
-    isRowHeader?: boolean;
-    /** Whether this column allows sorting. */
-    allowsSorting?: boolean;
-    /** Child columns (for column groups). */
-    children?: ColumnDefinition<T>[];
-    /** Width of the column. */
-    width?: number | string;
-    /** Minimum width of the column. */
-    minWidth?: number;
-    /** Maximum width of the column. */
-    maxWidth?: number;
+  /** The key for the column. */
+  key: Key;
+  /** The display name or rendered content. */
+  name?: string;
+  /** Text value for accessibility. */
+  textValue?: string;
+  /** Whether this column is a row header. */
+  isRowHeader?: boolean;
+  /** Whether this column allows sorting. */
+  allowsSorting?: boolean;
+  /** Child columns (for column groups). */
+  children?: ColumnDefinition<T>[];
+  /** Width of the column. */
+  width?: number | string;
+  /** Minimum width of the column. */
+  minWidth?: number;
+  /** Maximum width of the column. */
+  maxWidth?: number;
 }
 /**
  * Row definition for building table collections.
  */
 export interface RowDefinition<T = unknown> {
-    /** The key for the row. */
-    key: Key;
-    /** The data value for the row. */
-    value: T;
-    /** Text value for accessibility/search. */
-    textValue?: string;
-    /** Whether this row has child rows (for tree tables). */
-    hasChildRows?: boolean;
-    /** Child rows (for tree tables). */
-    childRows?: RowDefinition<T>[];
+  /** The key for the row. */
+  key: Key;
+  /** The data value for the row. */
+  value: T;
+  /** Text value for accessibility/search. */
+  textValue?: string;
+  /** Whether this row has child rows (for tree tables). */
+  hasChildRows?: boolean;
+  /** Child rows (for tree tables). */
+  childRows?: RowDefinition<T>[];
 }
 /**
  * Options for building a table collection.
  */
 export interface TableCollectionOptions<T = unknown> {
-    /** Column definitions. */
-    columns: ColumnDefinition<T>[];
-    /** Row definitions or data items. */
-    rows: RowDefinition<T>[] | T[];
-    /** Function to get the key from a data item. */
-    getKey?: (item: T) => Key;
-    /** Function to get the text value from a data item. */
-    getTextValue?: (item: T, column: ColumnDefinition<T>) => string;
-    /** Whether to show selection checkboxes. */
-    showSelectionCheckboxes?: boolean;
-    /** Set of column keys that serve as row headers. */
-    rowHeaderColumnKeys?: Set<Key>;
+  /** Column definitions. */
+  columns: ColumnDefinition<T>[];
+  /** Row definitions or data items. */
+  rows: RowDefinition<T>[] | T[];
+  /** Function to get the key from a data item. */
+  getKey?: (item: T) => Key;
+  /** Function to get the text value from a data item. */
+  getTextValue?: (item: T, column: ColumnDefinition<T>) => string;
+  /** Whether to show selection checkboxes. */
+  showSelectionCheckboxes?: boolean;
+  /** Set of column keys that serve as row headers. */
+  rowHeaderColumnKeys?: Set<Key>;
 }
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/src/table/types.ts

@@ -3,13 +3,13 @@
  * Based on @react-stately/table and @react-types/table.
  */
 
-import type { Key, FocusStrategy } from '../collections/types';
-import type { GridState, GridCollection, GridNode, GridNodeType } from '../grid/types';
+import type { Key, FocusStrategy } from "../collections/types";
+import type { GridState, GridCollection, GridNode, GridNodeType } from "../grid/types";
 
 /**
  * Sort direction for table columns.
  */
-export type SortDirection = 'ascending' | 'descending';
+export type SortDirection = "ascending" | "descending";
 
 /**
  * Describes which column to sort by and in what direction.
@@ -52,8 +52,10 @@ export interface TableCollection<T = unknown> extends GridCollection<T> {
  * State for a table component.
  * Extends GridState with table-specific functionality.
  */
-export interface TableState<T, C extends TableCollection<T> = TableCollection<T>>
-  extends Omit<GridState<T, GridCollection<T>>, 'collection'> {
+export interface TableState<T, C extends TableCollection<T> = TableCollection<T>> extends Omit<
+  GridState<T, GridCollection<T>>,
+  "collection"
+> {
   /** The table collection. */
   readonly collection: C;
   /** Whether the row selection checkboxes should be displayed. */
@@ -67,26 +69,28 @@ export interface TableState<T, C extends TableCollection<T> = TableCollection<T>
 /**
  * Options for creating table state.
  */
-export interface TableStateOptions<T, C extends TableCollection<T> = TableCollection<T>>
-  extends Sortable {
+export interface TableStateOptions<
+  T,
+  C extends TableCollection<T> = TableCollection<T>,
+> extends Sortable {
   /** The table collection. */
   collection: C;
   /** Keys of disabled rows. */
   disabledKeys?: Iterable<Key>;
   /** Focus mode: 'row' or 'cell'. */
-  focusMode?: 'row' | 'cell';
+  focusMode?: "row" | "cell";
   /** Selection mode. */
-  selectionMode?: 'none' | 'single' | 'multiple';
+  selectionMode?: "none" | "single" | "multiple";
   /** Selection behavior. */
-  selectionBehavior?: 'toggle' | 'replace';
+  selectionBehavior?: "toggle" | "replace";
   /** Whether empty selection is disallowed. */
   disallowEmptySelection?: boolean;
   /** Currently selected keys (controlled). */
-  selectedKeys?: 'all' | Iterable<Key>;
+  selectedKeys?: "all" | Iterable<Key>;
   /** Default selected keys (uncontrolled). */
-  defaultSelectedKeys?: 'all' | Iterable<Key>;
+  defaultSelectedKeys?: "all" | Iterable<Key>;
   /** Handler for selection changes. */
-  onSelectionChange?: (keys: 'all' | Set<Key>) => void;
+  onSelectionChange?: (keys: "all" | Set<Key>) => void;
   /** Whether the row selection checkboxes should be displayed. */
   showSelectionCheckboxes?: boolean;
 }

package/src/tabs/createTabListState.d.ts

@@ -2,67 +2,69 @@
  * State management for tab components.
  * Based on @react-stately/tabs.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import type { Collection, CollectionNode, Key, FocusStrategy } from '../collections/types';
-export type KeyboardActivation = 'automatic' | 'manual';
-export type TabOrientation = 'horizontal' | 'vertical';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+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;
+  /** 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>;
+  /** 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 declare function createTabListState<T = unknown>(props: MaybeAccessor<TabListStateProps<T>>): TabListState<T>;
-//# sourceMappingURL=createTabListState.d.ts.map
+export declare function createTabListState<T = unknown>(
+  props: MaybeAccessor<TabListStateProps<T>>,
+): TabListState<T>;
+//# sourceMappingURL=createTabListState.d.ts.map