@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/module/form/useForm.js

@@ -1,375 +1 @@
-"use strict";
-
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { valuesEqual } from "./equal.js";
-import { getPath, setPath } from "./path.js";
-// Loosely typed (Values -> any) so the generic schema from any useForm<Values>
-// instance flows in without variance friction; callers re-apply Values at use.
-const rulesFor = (validate, name) => {
-  if (!validate || typeof validate === 'function') {
-    return [];
-  }
-  const r = validate[name];
-  if (!r) {
-    return [];
-  }
-  return Array.isArray(r) ? r : [r];
-};
-
-/**
- * Dependency-free form engine. Tracks values/errors/touched/dirty, runs
- * synchronous and async validation (per-field rule maps or a form-level
- * function), gates error display behind touched/submit, and on a failed submit
- * focuses the first errored field. The returned object is rebuilt every render
- * so `<Form>` consumers re-render on state changes.
- */
-export function useForm(config) {
-  const configRef = useRef(config);
-  configRef.current = config;
-  const initialRef = useRef(config.initialValues);
-  const [values, setValuesState] = useState(config.initialValues);
-  const [errors, setErrorsState] = useState({});
-  const [touched, setTouchedState] = useState({});
-  const [isSubmitting, setSubmitting] = useState(false);
-  const [isValidating, setValidating] = useState(false);
-  const [submitCount, setSubmitCount] = useState(0);
-
-  // Mirror of the latest state so handlers (incl. async) never read stale
-  // closures and sequential setFieldValue calls in one tick compound correctly.
-  const ref = useRef({
-    values,
-    errors,
-    touched,
-    submitCount
-  });
-  ref.current = {
-    values,
-    errors,
-    touched,
-    submitCount
-  };
-  const fieldNodes = useRef(new Map());
-  const fieldOrder = useRef([]);
-  const focusedFieldRef = useRef(null);
-
-  // Reinitialize compares initial values by value, not identity, so a caller
-  // passing an inline object literal does not reset the form on every render.
-  const initialVersionRef = useRef({
-    values: config.initialValues,
-    version: 0
-  });
-  if (!valuesEqual(config.initialValues, initialVersionRef.current.values)) {
-    initialVersionRef.current = {
-      values: config.initialValues,
-      version: initialVersionRef.current.version + 1
-    };
-  }
-  const initialVersion = initialVersionRef.current.version;
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: `initialVersion` stands for `config.initialValues` compared by value
-  useEffect(() => {
-    if (!configRef.current.enableReinitialize) {
-      return;
-    }
-    const next = configRef.current.initialValues;
-    initialRef.current = next;
-    ref.current.values = next;
-    ref.current.errors = {};
-    ref.current.touched = {};
-    setValuesState(next);
-    setErrorsState({});
-    setTouchedState({});
-  }, [initialVersion]);
-  const validateField = useCallback(async name => {
-    const validate = configRef.current.validate;
-    const allValues = ref.current.values;
-    if (typeof validate === 'function') {
-      const map = (await validate(allValues)) ?? {};
-      return map[name] || undefined;
-    }
-    const value = getPath(allValues, name);
-    for (const rule of rulesFor(validate, name)) {
-      const res = await rule(value, allValues);
-      if (res) {
-        return res;
-      }
-    }
-    return undefined;
-  }, []);
-  const runAll = useCallback(async vals => {
-    const validate = configRef.current.validate;
-    if (!validate) {
-      return {};
-    }
-    if (typeof validate === 'function') {
-      return (await validate(vals)) ?? {};
-    }
-    const out = {};
-    await Promise.all(Object.keys(validate).map(async name => {
-      const value = getPath(vals, name);
-      for (const rule of rulesFor(validate, name)) {
-        const res = await rule(value, vals);
-        if (res) {
-          out[name] = res;
-          break;
-        }
-      }
-    }));
-    return out;
-  }, []);
-  const revalidateField = useCallback(async name => {
-    const err = await validateField(name);
-    setErrorsState(prev => {
-      if (prev[name] === err) {
-        return prev;
-      }
-      const next = {
-        ...prev
-      };
-      if (err) {
-        next[name] = err;
-      } else {
-        delete next[name];
-      }
-      ref.current.errors = next;
-      return next;
-    });
-  }, [validateField]);
-  const validate = useCallback(async () => {
-    setValidating(true);
-    const errs = await runAll(ref.current.values);
-    setValidating(false);
-    ref.current.errors = errs;
-    setErrorsState(errs);
-    return errs;
-  }, [runAll]);
-  const setFieldValue = useCallback((name, value, shouldValidate) => {
-    const next = setPath(ref.current.values, name, value);
-    ref.current.values = next;
-    setValuesState(next);
-    const cfg = configRef.current;
-    // `revalidateOn: 'blur'` means a field that has ALREADY surfaced an error
-    // stops re-checking on every keystroke and waits for blur — without this
-    // the option was declared, documented and ignored.
-    const alreadyErrored = Boolean(ref.current.errors[name]);
-    const deferToBlur = alreadyErrored && cfg.revalidateOn === 'blur';
-    const willValidate = shouldValidate ?? (!deferToBlur && (ref.current.touched[name] || ref.current.submitCount > 0 || cfg.validateOn === 'change'));
-    if (willValidate) {
-      void revalidateField(name);
-    }
-  }, [revalidateField]);
-  const handleBlur = useCallback(name => {
-    setTouchedState(prev => {
-      if (prev[name]) {
-        return prev;
-      }
-      const next = {
-        ...prev,
-        [name]: true
-      };
-      ref.current.touched = next;
-      return next;
-    });
-    // Blur is the natural moment to surface a field's error.
-    void revalidateField(name);
-  }, [revalidateField]);
-  const setFieldTouched = useCallback((name, isTouched = true, shouldValidate) => {
-    const next = {
-      ...ref.current.touched,
-      [name]: isTouched
-    };
-    ref.current.touched = next;
-    setTouchedState(next);
-    if (shouldValidate ?? isTouched) {
-      void revalidateField(name);
-    }
-  }, [revalidateField]);
-  const setFieldError = useCallback((name, error) => {
-    setErrorsState(prev => {
-      const next = {
-        ...prev
-      };
-      if (error) {
-        next[name] = error;
-      } else {
-        delete next[name];
-      }
-      ref.current.errors = next;
-      return next;
-    });
-  }, []);
-  const setErrors = useCallback(errs => {
-    ref.current.errors = errs;
-    setErrorsState(errs);
-  }, []);
-  const setValues = useCallback((next, shouldValidate) => {
-    const resolved = typeof next === 'function' ? next(ref.current.values) : {
-      ...ref.current.values,
-      ...next
-    };
-    ref.current.values = resolved;
-    setValuesState(resolved);
-    if (shouldValidate) {
-      void validate();
-    }
-  }, [validate]);
-  const reset = useCallback(nextValues => {
-    const base = nextValues ? {
-      ...initialRef.current,
-      ...nextValues
-    } : initialRef.current;
-    initialRef.current = base;
-    ref.current.values = base;
-    ref.current.errors = {};
-    ref.current.touched = {};
-    ref.current.submitCount = 0;
-    setValuesState(base);
-    setErrorsState({});
-    setTouchedState({});
-    setSubmitCount(0);
-  }, []);
-  const registerField = useCallback((name, node) => {
-    if (node) {
-      fieldNodes.current.set(name, node);
-      if (!fieldOrder.current.includes(name)) {
-        fieldOrder.current.push(name);
-      }
-    } else {
-      fieldNodes.current.delete(name);
-      fieldOrder.current = fieldOrder.current.filter(n => n !== name);
-    }
-  }, []);
-  const handleFocus = useCallback(name => {
-    focusedFieldRef.current = name;
-  }, []);
-  const focusAdjacent = useCallback(direction => {
-    const order = fieldOrder.current;
-    const current = focusedFieldRef.current;
-    const index = current ? order.indexOf(current) : -1;
-    const target = order[index + direction];
-    if (!target) {
-      return;
-    }
-    focusedFieldRef.current = target;
-    fieldNodes.current.get(target)?.focus?.();
-  }, []);
-  const focusNext = useCallback(() => focusAdjacent(1), [focusAdjacent]);
-  const focusPrev = useCallback(() => focusAdjacent(-1), [focusAdjacent]);
-  const helpers = useMemo(() => ({
-    setErrors,
-    setFieldError,
-    reset,
-    setSubmitting
-  }), [setErrors, setFieldError, reset]);
-  const submit = useCallback(() => {
-    void (async () => {
-      const cfg = configRef.current;
-      const currentValues = ref.current.values;
-      ref.current.submitCount += 1;
-      setSubmitCount(c => c + 1);
-      setValidating(true);
-      const errs = await runAll(currentValues);
-      setValidating(false);
-      const keys = new Set([...fieldOrder.current, ...Object.keys(errs)]);
-      const nextTouched = {
-        ...ref.current.touched
-      };
-      keys.forEach(k => {
-        nextTouched[k] = true;
-      });
-      ref.current.touched = nextTouched;
-      ref.current.errors = errs;
-      setTouchedState(nextTouched);
-      setErrorsState(errs);
-      const firstError = fieldOrder.current.find(n => errs[n]) ?? Object.keys(errs).find(n => errs[n]);
-      if (firstError) {
-        fieldNodes.current.get(firstError)?.focus?.();
-        return;
-      }
-      setSubmitting(true);
-      try {
-        await cfg.onSubmit(currentValues, helpers);
-      } finally {
-        setSubmitting(false);
-      }
-    })();
-  }, [runAll, helpers]);
-  const uiErrors = useMemo(() => {
-    const gated = {};
-    for (const k of Object.keys(errors)) {
-      if (errors[k] && (touched[k] || submitCount > 0)) {
-        gated[k] = errors[k];
-      }
-    }
-    return gated;
-  }, [errors, touched, submitCount]);
-  const isValid = useMemo(() => {
-    const validateCfg = configRef.current.validate;
-    if (!validateCfg) {
-      return true;
-    }
-    // Form-level async fn can't run synchronously — fall back to known errors.
-    if (typeof validateCfg === 'function') {
-      return Object.values(errors).every(e => !e);
-    }
-    for (const name of Object.keys(validateCfg)) {
-      const value = getPath(values, name);
-      for (const rule of rulesFor(validateCfg, name)) {
-        const res = rule(value, values);
-        if (typeof res === 'string' && res) {
-          return false; // async rules (Promise) are skipped here
-        }
-      }
-    }
-    return true;
-  }, [values, errors]);
-  const dirty = useMemo(() => !valuesEqual(values, initialRef.current), [values]);
-  return {
-    values,
-    errors: uiErrors,
-    rawErrors: errors,
-    touched,
-    dirty,
-    isValid,
-    isSubmitting,
-    isValidating,
-    submitCount,
-    setFieldValue,
-    setFieldTouched,
-    setFieldError,
-    setValues,
-    setErrors,
-    reset,
-    validate,
-    validateField,
-    submit,
-    handleBlur,
-    focusNext,
-    focusPrev,
-    registerField,
-    getFieldState: name => {
-      const value = getPath(values, name);
-      const rawError = errors[name];
-      const isTouched = !!touched[name];
-      return {
-        value,
-        error: isTouched || submitCount > 0 ? rawError : undefined,
-        rawError,
-        touched: isTouched,
-        dirty: !valuesEqual(value, getPath(initialRef.current, name))
-      };
-    },
-    getFieldProps: name => ({
-      name,
-      value: getPath(values, name),
-      error: touched[name] || submitCount > 0 ? errors[name] : undefined,
-      touched: !!touched[name],
-      onChange: val => setFieldValue(name, val),
-      onChangeText: text => setFieldValue(name, text),
-      onBlur: () => handleBlur(name),
-      onFocus: () => handleFocus(name),
-      setValue: (val, sv) => setFieldValue(name, val, sv)
-    })
-  };
-}
-//# sourceMappingURL=useForm.js.map
+import{useCallback as r,useEffect as e,useMemo as t,useRef as n,useState as u}from"react";import{valuesEqual as c}from"./equal.js";import{getPath as o,setPath as s}from"./path.js";const rulesFor=(r,e)=>{if(!r||"function"==typeof r)return[];const t=r[e];return t?Array.isArray(t)?t:[t]:[]};export function useForm(i){const a=n(i);a.current=i;const l=n(i.initialValues),[f,d]=u(i.initialValues),[v,y]=u({}),[h,m]=u({}),[b,p]=u(!1),[w,g]=u(!1),[V,F]=u(0),O=n({values:f,errors:v,touched:h,submitCount:V});O.current={values:f,errors:v,touched:h,submitCount:V};const j=n(new Map),C=n([]),E=n(null),k=n({values:i.initialValues,version:0});c(i.initialValues,k.current.values)||(k.current={values:i.initialValues,version:k.current.version+1});const S=k.current.version;e(()=>{if(!a.current.enableReinitialize)return;const r=a.current.initialValues;l.current=r,O.current.values=r,O.current.errors={},O.current.touched={},d(r),y({}),m({})},[S]);const x=r(async r=>{const e=a.current.validate,t=O.current.values;if("function"==typeof e){return(await e(t)??{})[r]||void 0}const n=o(t,r);for(const u of rulesFor(e,r)){const r=await u(n,t);if(r)return r}},[]),B=r(async r=>{const e=a.current.validate;if(!e)return{};if("function"==typeof e)return await e(r)??{};const t={};return await Promise.all(Object.keys(e).map(async n=>{const u=o(r,n);for(const c of rulesFor(e,n)){const e=await c(u,r);if(e){t[n]=e;break}}})),t},[]),P=r(async r=>{const e=await x(r);y(t=>{if(t[r]===e)return t;const n={...t};return e?n[r]=e:delete n[r],O.current.errors=n,n})},[x]),A=r(async()=>{g(!0);const r=await B(O.current.values);return g(!1),O.current.errors=r,y(r),r},[B]),T=r((r,e,t)=>{const n=s(O.current.values,r,e);O.current.values=n,d(n);const u=a.current,c=Boolean(O.current.errors[r])&&"blur"===u.revalidateOn;(t??(!c&&(O.current.touched[r]||O.current.submitCount>0||"change"===u.validateOn)))&&P(r)},[P]),q=r(r=>{m(e=>{if(e[r])return e;const t={...e,[r]:!0};return O.current.touched=t,t}),P(r)},[P]),z=r((r,e=!0,t)=>{const n={...O.current.touched,[r]:e};O.current.touched=n,m(n),(t??e)&&P(r)},[P]),M=r((r,e)=>{y(t=>{const n={...t};return e?n[r]=e:delete n[r],O.current.errors=n,n})},[]),N=r(r=>{O.current.errors=r,y(r)},[]),R=r((r,e)=>{const t="function"==typeof r?r(O.current.values):{...O.current.values,...r};O.current.values=t,d(t),e&&A()},[A]),D=r(r=>{const e=r?{...l.current,...r}:l.current;l.current=e,O.current.values=e,O.current.errors={},O.current.touched={},O.current.submitCount=0,d(e),y({}),m({}),F(0)},[]),G=r((r,e)=>{e?(j.current.set(r,e),C.current.includes(r)||C.current.push(r)):(j.current.delete(r),C.current=C.current.filter(e=>e!==r))},[]),H=r(r=>{E.current=r},[]),I=r(r=>{const e=C.current,t=E.current,n=t?e.indexOf(t):-1,u=e[n+r];u&&(E.current=u,j.current.get(u)?.focus?.())},[]),J=r(()=>I(1),[I]),K=r(()=>I(-1),[I]),L=t(()=>({setErrors:N,setFieldError:M,reset:D,setSubmitting:p}),[N,M,D]),Q=r(()=>{(async()=>{const r=a.current,e=O.current.values;O.current.submitCount+=1,F(r=>r+1),g(!0);const t=await B(e);g(!1);const n=new Set([...C.current,...Object.keys(t)]),u={...O.current.touched};n.forEach(r=>{u[r]=!0}),O.current.touched=u,O.current.errors=t,m(u),y(t);const c=C.current.find(r=>t[r])??Object.keys(t).find(r=>t[r]);if(c)j.current.get(c)?.focus?.();else{p(!0);try{await r.onSubmit(e,L)}finally{p(!1)}}})()},[B,L]),U=t(()=>{const r={};for(const e of Object.keys(v))v[e]&&(h[e]||V>0)&&(r[e]=v[e]);return r},[v,h,V]),W=t(()=>{const r=a.current.validate;if(!r)return!0;if("function"==typeof r)return Object.values(v).every(r=>!r);for(const e of Object.keys(r)){const t=o(f,e);for(const n of rulesFor(r,e)){const r=n(t,f);if("string"==typeof r&&r)return!1}}return!0},[f,v]),X=t(()=>!c(f,l.current),[f]);return{values:f,errors:U,rawErrors:v,touched:h,dirty:X,isValid:W,isSubmitting:b,isValidating:w,submitCount:V,setFieldValue:T,setFieldTouched:z,setFieldError:M,setValues:R,setErrors:N,reset:D,validate:A,validateField:x,submit:Q,handleBlur:q,focusNext:J,focusPrev:K,registerField:G,getFieldState:r=>{const e=o(f,r),t=v[r],n=!!h[r];return{value:e,error:n||V>0?t:void 0,rawError:t,touched:n,dirty:!c(e,o(l.current,r))}},getFieldProps:r=>({name:r,value:o(f,r),error:h[r]||V>0?v[r]:void 0,touched:!!h[r],onChange:e=>T(r,e),onChangeText:e=>T(r,e),onBlur:()=>q(r),onFocus:()=>H(r),setValue:(e,t)=>T(r,e,t)})}}

package/lib/module/form/useFormCompletion.js

@@ -1,67 +1 @@
-"use strict";
-
-import { useMemo } from 'react';
-import { getPath } from "./path.js";
-/**
- * The default rule for "this field holds a value": everything counts except
- * `undefined`, `null`, `NaN`, a string that is empty or only whitespace, an
- * empty array, and `false`. `false` is empty on purpose: a field is listed
- * because completing the profile needs it, and for a switch or a checkbox
- * that means it must be on ("accept the terms"). An optional toggle should
- * not be listed. `0` is a value.
- */
-export const isFieldFilled = value => {
-  if (value === undefined || value === null || value === false) {
-    return false;
-  }
-  if (typeof value === 'number') {
-    return !Number.isNaN(value);
-  }
-  if (typeof value === 'string') {
-    return value.trim().length > 0;
-  }
-  if (Array.isArray(value)) {
-    return value.length > 0;
-  }
-  return true;
-};
-
-/**
- * How much of a form is filled in: `progress` as a fraction for a
- * ProgressRing, `percent` for a ProfileCompletion header. Give it the form's `values` and the
- * names of the fields that count; nested names (`address.city`, `phones[0]`)
- * resolve the way the form engine's own paths do.
- *
- * ```tsx
- * const form = useForm({ initialValues });
- * const { percent } = useFormCompletion(form.values, ['name', 'email', 'gstin']);
- * <ProfileCompletion progress={percent} … />
- * ```
- *
- * Memoised on the values object and on the field list's contents, so a
- * literal array written in render does not recompute on every render.
- */
-export const useFormCompletion = (values, fields, options = {}) => {
-  const {
-    isFilled
-  } = options;
-  const fieldKey = fields.join('\u0000');
-  return useMemo(() => {
-    const names = fieldKey.length === 0 ? [] : fieldKey.split('\u0000');
-    const missing = names.filter(name => {
-      const value = getPath(values, name);
-      return !(isFilled ? isFilled(value, name) : isFieldFilled(value));
-    });
-    const total = names.length;
-    const filled = total - missing.length;
-    const progress = total === 0 ? 0 : filled / total;
-    return {
-      progress,
-      percent: progress * 100,
-      filled,
-      total,
-      missing
-    };
-  }, [values, fieldKey, isFilled]);
-};
-//# sourceMappingURL=useFormCompletion.js.map
+import{useMemo as t}from"react";import{getPath as e}from"./path.js";export const isFieldFilled=t=>null!=t&&!1!==t&&("number"==typeof t?!Number.isNaN(t):"string"==typeof t?t.trim().length>0:!Array.isArray(t)||t.length>0);export const useFormCompletion=(r,i,l={})=>{const{isFilled:n}=l,o=i.join("\0");return t(()=>{const t=0===o.length?[]:o.split("\0"),i=t.filter(t=>{const i=e(r,t);return!(n?n(i,t):isFieldFilled(i))}),l=t.length,s=l-i.length,p=0===l?0:s/l;return{progress:p,percent:100*p,filled:s,total:l,missing:i}},[r,o,n])};

package/lib/module/form/useHookFormField.js

@@ -0,0 +1 @@
+import{useController as e}from"react-hook-form";export function useHookFormField(o){const{field:r,fieldState:n}=e(o);return{name:r.name,value:r.value,error:n.error?.message||void 0,touched:n.isTouched,dirty:n.isDirty,onChange:e=>{r.onChange(e)},onChangeText:e=>{r.onChange(e)},onBlur:()=>{r.onBlur()},ref:r.ref}}

package/lib/module/hooks/index.js

@@ -1,10 +1 @@
-"use strict";
-
-export { useControllableState } from "./useControllableState.js";
-export { useDebounce } from "./useDebounce.js";
-export { createDragToDismissController, DRAG_DISMISS_DISTANCE, DRAG_DISMISS_VELOCITY, useDragToDismiss } from "./useDragToDismiss.js";
-export { FLICK_TOLERANCE, useFlickGuard } from "./useFlickGuard.js";
-export { PRESS_ANIMATION_PRESETS, usePressAnimation } from "./usePressAnimation.js";
-export { useReducedMotion } from "./useReducedMotion.js";
-export { useToggle } from "./useToggle.js";
-//# sourceMappingURL=index.js.map
+export{useControllableState}from"./useControllableState.js";export{useDebounce}from"./useDebounce.js";export{createDragToDismissController,DRAG_DISMISS_DISTANCE,DRAG_DISMISS_VELOCITY,useDragToDismiss}from"./useDragToDismiss.js";export{FLICK_TOLERANCE,useFlickGuard}from"./useFlickGuard.js";export{PRESS_ANIMATION_PRESETS,usePressAnimation}from"./usePressAnimation.js";export{useReducedMotion}from"./useReducedMotion.js";export{useToggle}from"./useToggle.js";

package/lib/module/hooks/useControllableState.js

@@ -1,28 +1 @@
-"use strict";
-
-import { useCallback, useRef, useState } from 'react';
-/**
- * Bridges controlled and uncontrolled usage for a value+onChange pair. When
- * `value` is provided the component is controlled (the hook just forwards it
- * and calls `onChange`); otherwise the hook owns the state, seeded from
- * `defaultValue`. The controlled/uncontrolled decision is locked on first
- * render so a component never flips modes mid-life.
- */
-export function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const isControlledRef = useRef(value !== undefined);
-  const isControlled = isControlledRef.current;
-  const [internal, setInternal] = useState(defaultValue);
-  const current = isControlled ? value : internal;
-  const setValue = useCallback(next => {
-    if (!isControlled) {
-      setInternal(next);
-    }
-    onChange?.(next);
-  }, [isControlled, onChange]);
-  return [current, setValue];
-}
-//# sourceMappingURL=useControllableState.js.map
+import{useCallback as e,useRef as t,useState as o}from"react";export function useControllableState({value:r,defaultValue:n,onChange:a}){const u=t(void 0!==r).current,[l,c]=o(n);return[u?r:l,e(e=>{u||c(e),a?.(e)},[u,a])]}

package/lib/module/hooks/useDebounce.js

@@ -1,12 +1 @@
-"use strict";
-
-import { useEffect, useState } from 'react';
-export const useDebounce = (value, delay = 300) => {
-  const [debounced, setDebounced] = useState(value);
-  useEffect(() => {
-    const handle = setTimeout(() => setDebounced(value), delay);
-    return () => clearTimeout(handle);
-  }, [value, delay]);
-  return debounced;
-};
-//# sourceMappingURL=useDebounce.js.map
+import{useEffect as e,useState as t}from"react";export const useDebounce=(o,r=300)=>{const[c,n]=t(o);return e(()=>{const e=setTimeout(()=>n(o),r);return()=>clearTimeout(e)},[o,r]),c};

package/lib/module/hooks/useDragToDismiss.js

@@ -1,137 +1 @@
-"use strict";
-
-/**
- * Drag-to-dismiss for the library's bottom sheets (OptionSheet behind Select,
- * InlineSelect, PhoneNumberInput and FilePicker; the DatePicker, DateRangePicker
- * and TimePicker sheets).
- *
- * Built on react-native-gesture-handler, the same as BottomSheet: RN's own
- * PanResponder never wins the touch from a native list on Android, so a sheet
- * that wraps a FlatList could only be dragged from its handle. Two gestures
- * come back:
- *   - `handleGesture` for the grab handle / title row: any downward drag
- *     there moves the sheet, whatever the content is doing;
- *   - `sheetGesture` for the sheet itself: a downward drag anywhere moves the
- *     sheet while `contentAtTop()` says the content cannot scroll up any
- *     further. Pass the list's own `Gesture.Native()` as `scrollGesture` so
- *     the two run together: the list scrolls as usual, and once it is at its
- *     top the same finger pulls the sheet down.
- *
- * Release past the distance or velocity threshold slides the sheet the rest
- * of the way and calls `onDismiss`; a short drag springs back. The sheet's
- * translation is a plain Animated.Value on the native driver, so the finger
- * tracking stays off the JS thread once the value is set.
- *
- * Every mounting point must sit inside a `GestureHandlerRootView`; a native
- * `<Modal>` needs its own one inside the modal (BottomSheet does the same).
- */
-
-import { useMemo } from 'react';
-import { Animated, Easing } from 'react-native';
-import { Gesture } from 'react-native-gesture-handler';
-import { setNativeValue, useTheme } from "../theme/index.js";
-
-/** The gesture types as the installed gesture-handler builds them; typed off the value so a second copy of the package cannot split them. */
-
-/** Release beyond this many px of downward drag dismisses. */
-export const DRAG_DISMISS_DISTANCE = 100;
-/** Release above this downward velocity (px/ms) dismisses. */
-export const DRAG_DISMISS_VELOCITY = 0.5;
-
-/** The drag's state machine, free of gesture-handler so it can be unit-tested. */
-
-export const createDragToDismissController = ({
-  drag,
-  travel,
-  onDismiss
-}, motion) => {
-  const {
-    snappy
-  } = motion.spring;
-  const springBack = () => Animated.spring(drag, {
-    toValue: 0,
-    damping: snappy.damping,
-    stiffness: snappy.stiffness,
-    mass: snappy.mass,
-    useNativeDriver: true
-  }).start();
-  return {
-    move: dy => {
-      setNativeValue(drag, Math.max(0, dy));
-    },
-    release: (dy, vy) => {
-      if (dy > DRAG_DISMISS_DISTANCE || vy > DRAG_DISMISS_VELOCITY) {
-        Animated.timing(drag, {
-          toValue: typeof travel === 'function' ? travel() : travel,
-          duration: motion.duration.fast,
-          easing: Easing.bezier(...motion.easing.accelerate),
-          useNativeDriver: true
-        }).start(() => onDismiss());
-      } else {
-        springBack();
-      }
-    },
-    cancel: springBack
-  };
-};
-export const useDragToDismiss = options => {
-  const {
-    drag,
-    travel,
-    onDismiss,
-    contentAtTop,
-    scrollGesture
-  } = options;
-  const {
-    motion
-  } = useTheme();
-  return useMemo(() => {
-    const ctl = createDragToDismissController({
-      drag,
-      travel,
-      onDismiss
-    }, motion);
-
-    // The handle: any clear downward drag.
-    const handleGesture = Gesture.Pan().runOnJS(true).activeOffsetY(6).failOffsetX([-12, 12]).onUpdate(e => ctl.move(e.translationY)).onEnd(e => ctl.release(e.translationY, e.velocityY / 1000)).onFinalize((_e, success) => {
-      if (!success) {
-        ctl.cancel();
-      }
-    });
-
-    // The sheet: the drag only counts from the moment the content is at its
-    // top, so a list scrolls first and the sheet follows once it runs out.
-    let base = 0;
-    let engaged = false;
-    const sheetGesture = Gesture.Pan().runOnJS(true).activeOffsetY(8).failOffsetX([-12, 12]).onBegin(() => {
-      base = 0;
-      engaged = false;
-    }).onUpdate(e => {
-      if (!engaged) {
-        if (contentAtTop ? contentAtTop() : true) {
-          engaged = true;
-          base = e.translationY;
-        } else {
-          return;
-        }
-      }
-      ctl.move(e.translationY - base);
-    }).onEnd(e => {
-      if (engaged) {
-        ctl.release(e.translationY - base, e.velocityY / 1000);
-      }
-    }).onFinalize((_e, success) => {
-      if (!success && engaged) {
-        ctl.cancel();
-      }
-    });
-    if (scrollGesture) {
-      sheetGesture.simultaneousWithExternalGesture(scrollGesture);
-    }
-    return {
-      handleGesture,
-      sheetGesture
-    };
-  }, [drag, travel, onDismiss, contentAtTop, scrollGesture, motion]);
-};
-//# sourceMappingURL=useDragToDismiss.js.map
+import{useMemo as e}from"react";import{Animated as t,Easing as n}from"react-native";import{Gesture as s}from"react-native-gesture-handler";import{setNativeValue as r,useTheme as a}from"../theme/index.js";export const DRAG_DISMISS_DISTANCE=100;export const DRAG_DISMISS_VELOCITY=.5;export const createDragToDismissController=({drag:e,travel:s,onDismiss:a},o)=>{const{snappy:i}=o.spring,springBack=()=>t.spring(e,{toValue:0,damping:i.damping,stiffness:i.stiffness,mass:i.mass,useNativeDriver:!0}).start();return{move:t=>{r(e,Math.max(0,t))},release:(r,i)=>{r>100||i>.5?t.timing(e,{toValue:"function"==typeof s?s():s,duration:o.duration.fast,easing:n.bezier(...o.easing.accelerate),useNativeDriver:!0}).start(()=>a()):springBack()},cancel:springBack}};export const useDragToDismiss=t=>{const{drag:n,travel:r,onDismiss:o,contentAtTop:i,scrollGesture:l}=t,{motion:c}=a();return e(()=>{const e=createDragToDismissController({drag:n,travel:r,onDismiss:o},c),t=s.Pan().runOnJS(!0).activeOffsetY(6).failOffsetX([-12,12]).onUpdate(t=>e.move(t.translationY)).onEnd(t=>e.release(t.translationY,t.velocityY/1e3)).onFinalize((t,n)=>{n||e.cancel()});let a=0,m=!1;const f=s.Pan().runOnJS(!0).activeOffsetY(8).failOffsetX([-12,12]).onBegin(()=>{a=0,m=!1}).onUpdate(t=>{if(!m){if(i&&!i())return;m=!0,a=t.translationY}e.move(t.translationY-a)}).onEnd(t=>{m&&e.release(t.translationY-a,t.velocityY/1e3)}).onFinalize((t,n)=>{!n&&m&&e.cancel()});return l&&f.simultaneousWithExternalGesture(l),{handleGesture:t,sheetGesture:f}},[n,r,o,i,l,c])};