@limonify/zest-ui 0.3.2 → 0.4.0

package/lib/utils/fastObjectShallowCompare.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fastObjectShallowCompare = fastObjectShallowCompare;
-const is = Object.is;
-function fastObjectShallowCompare(a, b) {
-    if (a === b) {
-        return true;
-    }
-    if (!(a instanceof Object) || !(b instanceof Object)) {
-        return false;
-    }
-    let aLength = 0;
-    let bLength = 0;
-    /* eslint-disable guard-for-in */
-    for (const key in a) {
-        aLength += 1;
-        if (!is(a[key], b[key])) {
-            return false;
-        }
-        if (!(key in b)) {
-            return false;
-        }
-    }
-    for (const _ in b) {
-        bLength += 1;
-    }
-    return aLength === bLength;
-}
-//# sourceMappingURL=fastObjectShallowCompare.js.map

package/lib/utils/fastObjectShallowCompare.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fastObjectShallowCompare.js","sourceRoot":"","sources":["../../src/utils/fastObjectShallowCompare.ts"],"names":[],"mappings":";;AAEA,4DA2BC;AA7BD,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;AAErB,SAAgB,wBAAwB,CAAuC,CAAI,EAAE,CAAI;IACvF,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,MAAM,CAAC,EAAE,CAAC;QACrD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,iCAAiC;IACjC,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC,CAAC;QAEb,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC;YAChB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC,CAAC;IACf,CAAC;IACD,OAAO,OAAO,KAAK,OAAO,CAAC;AAC7B,CAAC"}

package/lib/utils/mergeObjects.d.ts

@@ -1,2 +0,0 @@
-export declare function mergeObjects<A extends object | undefined, B extends object | undefined>(a: A, b: B): NonNullable<A> | NonNullable<B> | (A & B) | undefined;
-//# sourceMappingURL=mergeObjects.d.ts.map

package/lib/utils/mergeObjects.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeObjects.d.ts","sourceRoot":"","sources":["../../src/utils/mergeObjects.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,SAAS,EAAE,CAAC,SAAS,MAAM,GAAG,SAAS,EACrF,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,yDAYL"}

package/lib/utils/mergeObjects.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeObjects = mergeObjects;
-function mergeObjects(a, b) {
-    if (a && !b) {
-        return a;
-    }
-    if (!a && b) {
-        return b;
-    }
-    if (a || b) {
-        return { ...a, ...b };
-    }
-    return undefined;
-}
-//# sourceMappingURL=mergeObjects.js.map

package/lib/utils/mergeObjects.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeObjects.js","sourceRoot":"","sources":["../../src/utils/mergeObjects.ts"],"names":[],"mappings":";;AAAA,oCAcC;AAdD,SAAgB,YAAY,CAC1B,CAAI,EACJ,CAAI;IAEJ,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QACZ,OAAO,CAAC,CAAC;IACX,CAAC;IACD,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACZ,OAAO,CAAC,CAAC;IACX,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACX,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IACxB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/src/combobox/root/useComboboxRoot.ts

@@ -1,199 +0,0 @@
-'use client';
-import * as React from 'react';
-import type { TextInput } from 'react-native';
-import { useControlled } from '../../hooks/useControlled';
-import { useIsoLayoutEffect } from '../../hooks/useIsoLayoutEffect';
-import { useStableCallback } from '../../hooks/useStableCallback';
-import type { ZestNativeEvent } from '../../utils/createChangeEventDetails';
-import { ComboboxRootContext, type ComboboxItem } from './ComboboxRootContext';
-
-export type ComboboxItems = ReadonlyArray<string | { value: unknown; label: string }>;
-
-/** Normalizes the `items` prop into `{ value, label }` records. */
-function normalizeItems(items: ComboboxItems | undefined): ComboboxItem[] {
-  if (!items) {
-    return [];
-  }
-  return items.map((item) =>
-    typeof item === 'string' ? { value: item, label: item } : { value: item.value, label: item.label },
-  );
-}
-
-export interface UseComboboxRootParameters {
-  mode: 'combobox' | 'autocomplete';
-  items: ComboboxItems | undefined;
-  value?: unknown;
-  defaultValue?: unknown;
-  onValueChange?: ((value: unknown) => void) | undefined;
-  inputValue?: string | undefined;
-  defaultInputValue?: string | undefined;
-  onInputValueChange?: ((value: string) => void) | undefined;
-  open?: boolean | undefined;
-  defaultOpen?: boolean | undefined;
-  onOpenChange?: ((open: boolean, event?: ZestNativeEvent) => void) | undefined;
-  openOnFocus?: boolean | undefined;
-  filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
-  disabled: boolean;
-}
-
-const defaultFilter = (item: ComboboxItem, query: string) =>
-  item.label.toLowerCase().includes(query.toLowerCase());
-
-/**
- * The state behind `Combobox.Root` and `Autocomplete.Root`: the resolved item
- * list, the filtered view of it, the input text, the selection, and the open
- * state — plus the anchor plumbing the popup needs.
- */
-export function useComboboxRoot(parameters: UseComboboxRootParameters): ComboboxRootContext {
-  const {
-    mode,
-    items,
-    value: valueProp,
-    defaultValue,
-    onValueChange,
-    inputValue: inputValueProp,
-    defaultInputValue,
-    onInputValueChange,
-    open: openProp,
-    defaultOpen = false,
-    onOpenChange,
-    openOnFocus = true,
-    filter = defaultFilter,
-    disabled,
-  } = parameters;
-
-  const normalized = React.useMemo(() => normalizeItems(items), [items]);
-
-  const [open, setOpenState] = useControlled<boolean>({
-    controlled: openProp,
-    default: defaultOpen,
-    name: 'Combobox',
-    state: 'open',
-  });
-
-  const [selectedValue, setSelectedValue] = useControlled<unknown>({
-    controlled: valueProp,
-    default: defaultValue ?? null,
-    name: 'Combobox',
-    state: 'value',
-  });
-
-  // The initial input text is only read on the first render; compute it once so
-  // it stays stable, or `useControlled` warns when a later selection changes the
-  // controlled `value` (and with it the derived label).
-  const initialInputRef = React.useRef<string | undefined>(undefined);
-  if (initialInputRef.current === undefined) {
-    initialInputRef.current =
-      defaultInputValue ??
-      (mode === 'combobox'
-        ? (normalized.find((item) => item.value === (valueProp ?? defaultValue))?.label ?? '')
-        : '');
-  }
-
-  const [inputValue, setInputValueState] = useControlled<string>({
-    controlled: inputValueProp,
-    default: initialInputRef.current,
-    name: 'Combobox',
-    state: 'inputValue',
-  });
-
-  const [triggerNode, setTriggerNode] = React.useState<unknown>(null);
-  const [update, setUpdate] = React.useState<(() => void) | undefined>(undefined);
-  const [inputRef, setInputRef] = React.useState<React.RefObject<TextInput | null> | undefined>(undefined);
-  const [triggerWidth, setTriggerWidth] = React.useState<number | undefined>(undefined);
-
-  const setOpen = useStableCallback((nextOpen: boolean, event?: ZestNativeEvent) => {
-    if (nextOpen === open) {
-      return;
-    }
-    onOpenChange?.(nextOpen, event);
-    setOpenState(nextOpen);
-  });
-
-  const setInputValue = useStableCallback((next: string) => {
-    onInputValueChange?.(next);
-    setInputValueState(next);
-    // Typing reopens the list so suggestions follow the query.
-    if (!open && next.length > 0) {
-      setOpen(true);
-    }
-  });
-
-  const selectItem = useStableCallback((item: ComboboxItem, event?: ZestNativeEvent) => {
-    if (mode === 'combobox') {
-      onValueChange?.(item.value);
-      setSelectedValue(item.value);
-    }
-    onInputValueChange?.(item.label);
-    setInputValueState(item.label);
-    setOpen(false, event);
-  });
-
-  // The label of the currently selected value (combobox mode only).
-  const selectedLabel =
-    mode === 'combobox'
-      ? (normalized.find((item) => item.value === selectedValue)?.label ?? '')
-      : '';
-
-  // Reflect a controlled `value` that changed from outside into the input text.
-  // `selectItem` already sets both, so the ref guard makes that a no-op and stops
-  // this from fighting the user's typing (typing never changes `selectedValue`).
-  const lastReflectedValueRef = React.useRef(selectedValue);
-  useIsoLayoutEffect(() => {
-    if (mode !== 'combobox' || selectedValue === lastReflectedValueRef.current) {
-      return;
-    }
-    lastReflectedValueRef.current = selectedValue;
-    setInputValueState(selectedLabel);
-  }, [mode, selectedValue, selectedLabel, setInputValueState]);
-
-  const filteredItems = React.useMemo(() => {
-    // When the input still shows the current selection, the user has not started
-    // filtering — show every item so a fresh focus reveals the whole list rather
-    // than the single selected row.
-    const query = mode === 'combobox' && inputValue === selectedLabel ? '' : inputValue.trim();
-    if (query.length === 0) {
-      return normalized;
-    }
-    return normalized.filter((item) => filter(item, query));
-  }, [normalized, inputValue, selectedLabel, mode, filter]);
-
-  return React.useMemo(
-    () => ({
-      mode,
-      open,
-      setOpen,
-      inputValue,
-      setInputValue,
-      selectedValue,
-      selectItem,
-      filteredItems,
-      disabled,
-      openOnFocus,
-      triggerNode,
-      setTriggerNode,
-      update,
-      setUpdate,
-      inputRef,
-      setInputRef,
-      triggerWidth,
-      setTriggerWidth,
-    }),
-    [
-      mode,
-      open,
-      setOpen,
-      inputValue,
-      setInputValue,
-      selectedValue,
-      selectItem,
-      filteredItems,
-      disabled,
-      openOnFocus,
-      triggerNode,
-      update,
-      inputRef,
-      triggerWidth,
-    ],
-  );
-}

package/src/utils/fastObjectShallowCompare.ts

@@ -1,30 +0,0 @@
-const is = Object.is;
-
-export function fastObjectShallowCompare<T extends Record<string, any> | null>(a: T, b: T) {
-  if (a === b) {
-    return true;
-  }
-  if (!(a instanceof Object) || !(b instanceof Object)) {
-    return false;
-  }
-
-  let aLength = 0;
-  let bLength = 0;
-
-  /* eslint-disable guard-for-in */
-  for (const key in a) {
-    aLength += 1;
-
-    if (!is(a[key], b[key])) {
-      return false;
-    }
-    if (!(key in b)) {
-      return false;
-    }
-  }
-
-  for (const _ in b) {
-    bLength += 1;
-  }
-  return aLength === bLength;
-}

package/src/utils/mergeObjects.ts

@@ -1,15 +0,0 @@
-export function mergeObjects<A extends object | undefined, B extends object | undefined>(
-  a: A,
-  b: B,
-) {
-  if (a && !b) {
-    return a;
-  }
-  if (!a && b) {
-    return b;
-  }
-  if (a || b) {
-    return { ...a, ...b };
-  }
-  return undefined;
-}