@proyecto-viviana/solid-stately 0.2.4 → 0.3.0

package/src/searchfield/createSearchFieldState.ts

@@ -1,62 +1,56 @@
-/**
- * Creates state for a search field component.
- * Based on @react-stately/searchfield useSearchFieldState.
- */
-
-import { type Accessor, createSignal, createMemo } from 'solid-js';
-import { access, type MaybeAccessor } from '../utils';
-
-export interface SearchFieldStateProps {
-  /** 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 SearchFieldState {
-  /** The current value of the search field. */
-  value: Accessor<string>;
-  /** Sets the value of the search field. */
-  setValue: (value: string) => void;
-}
-
-/**
- * Provides state management for a search field.
- */
-export function createSearchFieldState(
-  props: MaybeAccessor<SearchFieldStateProps>
-): SearchFieldState {
-  const getProps = () => access(props);
-
-  // Controlled vs uncontrolled
-  const isControlled = () => getProps().value !== undefined;
-
-  // Internal signal for uncontrolled mode
-  const [internalValue, setInternalValue] = createSignal(
-    getProps().defaultValue ?? ''
-  );
-
-  // Current value accessor
-  const value = createMemo(() => {
-    const p = getProps();
-    return isControlled() ? (p.value ?? '') : internalValue();
-  });
-
-  // Set value function
-  const setValue = (newValue: string) => {
-    const p = getProps();
-
-    if (!isControlled()) {
-      setInternalValue(newValue);
-    }
-
-    p.onChange?.(newValue);
-  };
-
-  return {
-    value,
-    setValue,
-  };
-}
+/**
+ * Creates state for a search field component.
+ * Based on @react-stately/searchfield useSearchFieldState.
+ */
+
+import { type Accessor, createSignal, createMemo } from "solid-js";
+import { access, type MaybeAccessor } from "../utils";
+
+export interface SearchFieldStateProps {
+  /** 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 SearchFieldState {
+  /** The current value of the search field. */
+  value: Accessor<string>;
+  /** Sets the value of the search field. */
+  setValue: (value: string) => void;
+}
+
+/**
+ * Provides state management for a search field.
+ */
+export function createSearchFieldState(
+  props: MaybeAccessor<SearchFieldStateProps>,
+): SearchFieldState {
+  const getProps = () => access(props);
+
+  const isControlled = () => getProps().value !== undefined;
+
+  const [internalValue, setInternalValue] = createSignal(getProps().defaultValue ?? "");
+
+  const value = createMemo(() => {
+    const p = getProps();
+    return isControlled() ? (p.value ?? "") : internalValue();
+  });
+
+  const setValue = (newValue: string) => {
+    const p = getProps();
+
+    if (!isControlled()) {
+      setInternalValue(newValue);
+    }
+
+    p.onChange?.(newValue);
+  };
+
+  return {
+    value,
+    setValue,
+  };
+}

package/src/searchfield/index.d.ts

@@ -1,3 +1,3 @@
-export { createSearchFieldState } from './createSearchFieldState';
-export type { SearchFieldState, SearchFieldStateProps, } from './createSearchFieldState';
-//# sourceMappingURL=index.d.ts.map
+export { createSearchFieldState } from "./createSearchFieldState";
+export type { SearchFieldState, SearchFieldStateProps } from "./createSearchFieldState";
+//# sourceMappingURL=index.d.ts.map

package/src/searchfield/index.ts

@@ -1,5 +1,2 @@
-export { createSearchFieldState } from './createSearchFieldState';
-export type {
-  SearchFieldState,
-  SearchFieldStateProps,
-} from './createSearchFieldState';
+export { createSearchFieldState } from "./createSearchFieldState";
+export type { SearchFieldState, SearchFieldStateProps } from "./createSearchFieldState";

package/src/select/createSelectState.d.ts

@@ -2,72 +2,74 @@
  * State management for select components.
  * Based on @react-stately/select useSelectState.
  */
-import { type Accessor } from 'solid-js';
-import { type MaybeAccessor } from '../utils';
-import type { Key, CollectionNode, Collection } from '../collections/types';
+import { type Accessor } from "solid-js";
+import { type MaybeAccessor } from "../utils";
+import type { Key, CollectionNode, Collection } from "../collections/types";
 export interface SelectStateProps<T = unknown> {
-    /** The items to display in the select. */
-    items: T[];
-    /** Function to get the key for an item. */
-    getKey?: (item: T) => Key;
-    /** Function to get the text value for an item. */
-    getTextValue?: (item: T) => string;
-    /** Function to check if an item is disabled. */
-    getDisabled?: (item: T) => boolean;
-    /** Keys of disabled items. */
-    disabledKeys?: Iterable<Key>;
-    /** The currently selected key (controlled). */
-    selectedKey?: Key | null;
-    /** The default selected key (uncontrolled). */
-    defaultSelectedKey?: Key | null;
-    /** Handler called when the selection changes. */
-    onSelectionChange?: (key: Key | null) => void;
-    /** Whether the select is open (controlled). */
-    isOpen?: boolean;
-    /** Whether the select is open by default (uncontrolled). */
-    defaultOpen?: boolean;
-    /** Handler called when the open state changes. */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Whether the select is disabled. */
-    isDisabled?: boolean;
-    /** Whether the select is required. */
-    isRequired?: boolean;
+  /** The items to display in the select. */
+  items: T[];
+  /** Function to get the key for an item. */
+  getKey?: (item: T) => Key;
+  /** Function to get the text value for an item. */
+  getTextValue?: (item: T) => string;
+  /** Function to check if an item is disabled. */
+  getDisabled?: (item: T) => boolean;
+  /** Keys of disabled items. */
+  disabledKeys?: Iterable<Key>;
+  /** The currently selected key (controlled). */
+  selectedKey?: Key | null;
+  /** The default selected key (uncontrolled). */
+  defaultSelectedKey?: Key | null;
+  /** Handler called when the selection changes. */
+  onSelectionChange?: (key: Key | null) => void;
+  /** Whether the select is open (controlled). */
+  isOpen?: boolean;
+  /** Whether the select is open by default (uncontrolled). */
+  defaultOpen?: boolean;
+  /** Handler called when the open state changes. */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** Whether the select is disabled. */
+  isDisabled?: boolean;
+  /** Whether the select is required. */
+  isRequired?: boolean;
 }
 export interface SelectState<T = unknown> {
-    /** The collection of items. */
-    readonly collection: Accessor<Collection<T>>;
-    /** Whether the select dropdown is open. */
-    readonly isOpen: Accessor<boolean>;
-    /** Open the select dropdown. */
-    open(): void;
-    /** Close the select dropdown. */
-    close(): void;
-    /** Toggle the select dropdown. */
-    toggle(): void;
-    /** The currently selected key. */
-    readonly selectedKey: Accessor<Key | null>;
-    /** The currently selected item. */
-    readonly selectedItem: Accessor<CollectionNode<T> | null>;
-    /** Set the selected key. */
-    setSelectedKey(key: Key | null): void;
-    /** The currently focused key. */
-    readonly focusedKey: Accessor<Key | null>;
-    /** Set the focused key. */
-    setFocusedKey(key: Key | null): void;
-    /** Whether the select has focus. */
-    readonly isFocused: Accessor<boolean>;
-    /** Set whether the select has focus. */
-    setFocused(isFocused: boolean): void;
-    /** Whether a specific key is disabled. */
-    isKeyDisabled(key: Key): boolean;
-    /** Whether the select is disabled. */
-    readonly isDisabled: boolean;
-    /** Whether the select is required. */
-    readonly isRequired: boolean;
+  /** The collection of items. */
+  readonly collection: Accessor<Collection<T>>;
+  /** Whether the select dropdown is open. */
+  readonly isOpen: Accessor<boolean>;
+  /** Open the select dropdown. */
+  open(): void;
+  /** Close the select dropdown. */
+  close(): void;
+  /** Toggle the select dropdown. */
+  toggle(): void;
+  /** The currently selected key. */
+  readonly selectedKey: Accessor<Key | null>;
+  /** The currently selected item. */
+  readonly selectedItem: Accessor<CollectionNode<T> | null>;
+  /** Set the selected key. */
+  setSelectedKey(key: Key | null): void;
+  /** The currently focused key. */
+  readonly focusedKey: Accessor<Key | null>;
+  /** Set the focused key. */
+  setFocusedKey(key: Key | null): void;
+  /** Whether the select has focus. */
+  readonly isFocused: Accessor<boolean>;
+  /** Set whether the select has focus. */
+  setFocused(isFocused: boolean): void;
+  /** Whether a specific key is disabled. */
+  isKeyDisabled(key: Key): boolean;
+  /** Whether the select is disabled. */
+  readonly isDisabled: boolean;
+  /** Whether the select is required. */
+  readonly isRequired: boolean;
 }
 /**
  * Creates state for a select component.
  * Combines list state with overlay trigger state for dropdown behavior.
  */
-export declare function createSelectState<T = unknown>(props: MaybeAccessor<SelectStateProps<T>>): SelectState<T>;
-//# sourceMappingURL=createSelectState.d.ts.map
+export declare function createSelectState<T = unknown>(
+  props: MaybeAccessor<SelectStateProps<T>>,
+): SelectState<T>;
+//# sourceMappingURL=createSelectState.d.ts.map