@webority/mobile-ui 0.0.39 → 0.2.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
+"use strict";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{valuesEqual}from"./equal.js";import{getPath,setPath}from"./path.js";const rulesFor=(e,r)=>{if(!e||"function"==typeof e)return[];const t=e[r];return t?Array.isArray(t)?t:[t]:[]};export function useForm(e){const r=useRef(e);r.current=e;const t=useRef(e.initialValues),[u,n]=useState(e.initialValues),[s,c]=useState({}),[a,o]=useState({}),[l,i]=useState(!1),[f,d]=useState(!1),[v,b]=useState(0),h=useRef({values:u,errors:s,touched:a,submitCount:v});h.current={values:u,errors:s,touched:a,submitCount:v};const C=useRef(new Map),m=useRef([]),k=useRef(null),y=useRef({values:e.initialValues,version:0});valuesEqual(e.initialValues,y.current.values)||(y.current={values:e.initialValues,version:y.current.version+1});const g=y.current.version;useEffect(()=>{if(!r.current.enableReinitialize)return;const e=r.current.initialValues;t.current=e,h.current.values=e,h.current.errors={},h.current.touched={},n(e),c({}),o({})},[g]);const p=useCallback(async e=>{const t=r.current.validate,u=h.current.values;if("function"==typeof t){return(await t(u)??{})[e]||void 0}const n=getPath(u,e);for(const r of rulesFor(t,e)){const e=await r(n,u);if(e)return e}},[]),F=useCallback(async e=>{const t=r.current.validate;if(!t)return{};if("function"==typeof t)return await t(e)??{};const u={};return await Promise.all(Object.keys(t).map(async r=>{const n=getPath(e,r);for(const s of rulesFor(t,r)){const t=await s(n,e);if(t){u[r]=t;break}}})),u},[]),w=useCallback(async e=>{const r=await p(e);c(t=>{if(t[e]===r)return t;const u={...t};return r?u[e]=r:delete u[e],h.current.errors=u,u})},[p]),E=useCallback(async()=>{d(!0);const e=await F(h.current.values);return d(!1),h.current.errors=e,c(e),e},[F]),P=useCallback((e,t,u)=>{const s=setPath(h.current.values,e,t);h.current.values=s,n(s);const c=r.current,a=Boolean(h.current.errors[e])&&"blur"===c.revalidateOn;(u??(!a&&(h.current.touched[e]||h.current.submitCount>0||"change"===c.validateOn)))&&w(e)},[w]),S=useCallback(e=>{o(r=>{if(r[e])return r;const t={...r,[e]:!0};return h.current.touched=t,t}),w(e)},[w]),V=useCallback((e,r=!0,t)=>{const u={...h.current.touched,[e]:r};h.current.touched=u,o(u),(t??r)&&w(e)},[w]),O=useCallback((e,r)=>{c(t=>{const u={...t};return r?u[e]=r:delete u[e],h.current.errors=u,u})},[]),R=useCallback(e=>{h.current.errors=e,c(e)},[]),j=useCallback((e,r)=>{const t="function"==typeof e?e(h.current.values):{...h.current.values,...e};h.current.values=t,n(t),r&&E()},[E]),M=useCallback(e=>{const r=e?{...t.current,...e}:t.current;t.current=r,h.current.values=r,h.current.errors={},h.current.touched={},h.current.submitCount=0,n(r),c({}),o({}),b(0)},[]),q=useCallback((e,r)=>{r?(C.current.set(e,r),m.current.includes(e)||m.current.push(e)):(C.current.delete(e),m.current=m.current.filter(r=>r!==e))},[]),x=useCallback(e=>{k.current=e},[]),B=useCallback(e=>{const r=m.current,t=k.current,u=t?r.indexOf(t):-1,n=r[u+e];n&&(k.current=n,C.current.get(n)?.focus?.())},[]),A=useCallback(()=>B(1),[B]),T=useCallback(()=>B(-1),[B]),z=useMemo(()=>({setErrors:R,setFieldError:O,reset:M,setSubmitting:i}),[R,O,M]),N=useCallback(()=>{(async()=>{const e=r.current,t=h.current.values;h.current.submitCount+=1,b(e=>e+1),d(!0);const u=await F(t);d(!1);const n=new Set([...m.current,...Object.keys(u)]),s={...h.current.touched};n.forEach(e=>{s[e]=!0}),h.current.touched=s,h.current.errors=u,o(s),c(u);const a=m.current.find(e=>u[e])??Object.keys(u).find(e=>u[e]);if(a)C.current.get(a)?.focus?.();else{i(!0);try{await e.onSubmit(t,z)}finally{i(!1)}}})()},[F,z]),D=useMemo(()=>{const e={};for(const r of Object.keys(s))s[r]&&(a[r]||v>0)&&(e[r]=s[r]);return e},[s,a,v]),G=useMemo(()=>{const e=r.current.validate;if(!e)return!0;if("function"==typeof e)return Object.values(s).every(e=>!e);for(const r of Object.keys(e)){const t=getPath(u,r);for(const n of rulesFor(e,r)){const e=n(t,u);if("string"==typeof e&&e)return!1}}return!0},[u,s]),H=useMemo(()=>!valuesEqual(u,t.current),[u]);return{values:u,errors:D,rawErrors:s,touched:a,dirty:H,isValid:G,isSubmitting:l,isValidating:f,submitCount:v,setFieldValue:P,setFieldTouched:V,setFieldError:O,setValues:j,setErrors:R,reset:M,validate:E,validateField:p,submit:N,handleBlur:S,focusNext:A,focusPrev:T,registerField:q,getFieldState:e=>{const r=getPath(u,e),n=s[e],c=!!a[e];return{value:r,error:c||v>0?n:void 0,rawError:n,touched:c,dirty:!valuesEqual(r,getPath(t.current,e))}},getFieldProps:e=>({name:e,value:getPath(u,e),error:a[e]||v>0?s[e]:void 0,touched:!!a[e],onChange:r=>P(e,r),onChangeText:r=>P(e,r),onBlur:()=>S(e),onFocus:()=>x(e),setValue:(r,t)=>P(e,r,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
+"use strict";import{useMemo}from"react";import{getPath}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=(t,e,r={})=>{const{isFilled:i}=r,s=e.join("\0");return useMemo(()=>{const e=0===s.length?[]:s.split("\0"),r=e.filter(e=>{const r=getPath(t,e);return!(i?i(r,e):isFieldFilled(r))}),l=e.length,o=l-r.length,n=0===l?0:o/l;return{progress:n,percent:100*n,filled:o,total:l,missing:r}},[t,s,i])};

package/lib/module/form/useHookFormField.js

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

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
+"use strict";import{useCallback,useRef,useState}from"react";export function useControllableState({value:e,defaultValue:t,onChange:u}){const a=useRef(void 0!==e).current,[l,r]=useState(t);return[a?e:l,useCallback(e=>{a||r(e),u?.(e)},[a,u])]}

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
+"use strict";import{useEffect,useState}from"react";export const useDebounce=(e,t=300)=>{const[s,u]=useState(e);return useEffect(()=>{const s=setTimeout(()=>u(e),t);return()=>clearTimeout(s)},[e,t]),s};

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
+"use strict";import{useMemo}from"react";import{Animated,Easing}from"react-native";import{Gesture}from"react-native-gesture-handler";import{setNativeValue,useTheme}from"../theme/index.js";export const DRAG_DISMISS_DISTANCE=100;export const DRAG_DISMISS_VELOCITY=.5;export const createDragToDismissController=({drag:e,travel:t,onDismiss:s},n)=>{const{snappy:a}=n.spring,springBack=()=>Animated.spring(e,{toValue:0,damping:a.damping,stiffness:a.stiffness,mass:a.mass,useNativeDriver:!0}).start();return{move:t=>{setNativeValue(e,Math.max(0,t))},release:(a,r)=>{a>100||r>.5?Animated.timing(e,{toValue:"function"==typeof t?t():t,duration:n.duration.fast,easing:Easing.bezier(...n.easing.accelerate),useNativeDriver:!0}).start(()=>s()):springBack()},cancel:springBack}};export const useDragToDismiss=e=>{const{drag:t,travel:s,onDismiss:n,contentAtTop:a,scrollGesture:r}=e,{motion:i}=useTheme();return useMemo(()=>{const e=createDragToDismissController({drag:t,travel:s,onDismiss:n},i),o=Gesture.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,s)=>{s||e.cancel()});let l=0,m=!1;const u=Gesture.Pan().runOnJS(!0).activeOffsetY(8).failOffsetX([-12,12]).onBegin(()=>{l=0,m=!1}).onUpdate(t=>{if(!m){if(a&&!a())return;m=!0,l=t.translationY}e.move(t.translationY-l)}).onEnd(t=>{m&&e.release(t.translationY-l,t.velocityY/1e3)}).onFinalize((t,s)=>{!s&&m&&e.cancel()});return r&&u.simultaneousWithExternalGesture(r),{handleGesture:o,sheetGesture:u}},[t,s,n,a,r,i])};