@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/module/form/FormContext.js

@@ -1,44 +1 @@
-"use strict";
-
-import React, { createContext, useContext } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const FormContext = /*#__PURE__*/createContext(null);
-/**
- * Provides a {@link useForm} instance to descendants so `<FormField name>`,
- * {@link useField} and {@link useFieldArray} can bind by name.
- *
- * Generic in `Values`, and it has to be. `FormApi` is invariant in `Values`
- * because `setValues` accepts a `(prev: Values) => Values`, so a
- * `FormApi<MyValues>` is not assignable to a `FormApi<FormValues>`. While the
- * prop was declared at the base type, `useForm<MyValues>()` could not be handed
- * to `<Form>` by ANY consumer, which is most of the reason to type a form at
- * all. Untyped callers are unaffected: `Values` defaults to `FormValues`.
- */
-export const Form = ({
-  form,
-  children
-}) =>
-/*#__PURE__*/
-// Stored at the base type on purpose: descendants bind by NAME through
-// useField and never observe Values, so widening here is safe and is what
-// lets a typed form be provided at all.
-_jsx(FormContext.Provider, {
-  value: form,
-  children: children
-});
-Form.displayName = 'Form';
-
-/** Read the surrounding form. Throws if there is no `<Form>` ancestor. */
-export function useFormContext() {
-  const ctx = useContext(FormContext);
-  if (!ctx) {
-    throw new Error('useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.');
-  }
-  return ctx;
-}
-
-/** Read the surrounding form, or null when there is no `<Form>` ancestor. */
-export function useOptionalFormContext() {
-  return useContext(FormContext);
-}
-//# sourceMappingURL=FormContext.js.map
+import r,{createContext as e,useContext as o}from"react";import{jsx as t}from"react/jsx-runtime";const n=e(null);export const Form=({form:r,children:e})=>t(n.Provider,{value:r,children:e});Form.displayName="Form";export function useFormContext(){const r=o(n);if(!r)throw new Error("useFormContext / useField / <FormField name> must be rendered inside a <Form> from @webority/mobile-ui.");return r}export function useOptionalFormContext(){return o(n)}

package/lib/module/form/HookFormField.js

@@ -0,0 +1 @@
+import e from"react";import{FormField as r}from"../components/FormField/FormField.js";import{useHookFormField as o}from"./useHookFormField.js";import{jsx as l}from"react/jsx-runtime";export const HookFormField=t=>{const{label:n,helperText:i,required:a,layout:s,labelStyle:m,helperStyle:c,errorStyle:p,containerStyle:u,inputContainerStyle:y,accessibilityLabel:d,testID:f,children:F,hideError:h,...S}=t,b=o(S),x="function"==typeof F;let C=null;if(x)C=F(b);else if(e.isValidElement(F)){const r=F.props;C=e.cloneElement(F,{value:b.value,error:b.error,onChangeText:e=>{b.onChangeText(e),r.onChangeText?.(e)},onBlur:e=>{b.onBlur(),r.onBlur?.(e)},ref:e=>{b.ref(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(r.ref,e)}})}const T=!x||e.isValidElement(C)&&"error"in C.props;return l(r,{label:n,helperText:i,required:a,layout:s,labelStyle:m,helperStyle:c,errorStyle:p,containerStyle:u,inputContainerStyle:y,accessibilityLabel:d,testID:f,error:h??T?void 0:b.error,children:C})};HookFormField.displayName="HookFormField";

package/lib/module/form/equal.js

@@ -1,51 +1 @@
-"use strict";
-
-const isPlainObject = value => {
-  if (value === null || typeof value !== 'object') {
-    return false;
-  }
-  const proto = Object.getPrototypeOf(value);
-  return proto === Object.prototype || proto === null;
-};
-
-/**
- * Whether two form value trees hold the same data. The form engine copies only
- * the branch a write touches, so most subtrees are compared by identity and the
- * walk stops early; serialising both trees cost a full pass on every keystroke.
- * A key holding `undefined` counts as absent, the way the serialised comparison
- * treated it, and dates compare by instant.
- */
-export const valuesEqual = (a, b) => {
-  if (Object.is(a, b)) {
-    return true;
-  }
-  if (a instanceof Date && b instanceof Date) {
-    return a.getTime() === b.getTime();
-  }
-  if (Array.isArray(a) || Array.isArray(b)) {
-    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) {
-      return false;
-    }
-    for (let i = 0; i < a.length; i += 1) {
-      if (!valuesEqual(a[i], b[i])) {
-        return false;
-      }
-    }
-    return true;
-  }
-  if (!isPlainObject(a) || !isPlainObject(b)) {
-    return false;
-  }
-  const keysA = Object.keys(a).filter(key => a[key] !== undefined);
-  const keysB = Object.keys(b).filter(key => b[key] !== undefined);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (const key of keysA) {
-    if (!valuesEqual(a[key], b[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-//# sourceMappingURL=equal.js.map
+const isPlainObject=r=>{if(null===r||"object"!=typeof r)return!1;const e=Object.getPrototypeOf(r);return e===Object.prototype||null===e};export const valuesEqual=(r,e)=>{if(Object.is(r,e))return!0;if(r instanceof Date&&e instanceof Date)return r.getTime()===e.getTime();if(Array.isArray(r)||Array.isArray(e)){if(!Array.isArray(r)||!Array.isArray(e)||r.length!==e.length)return!1;for(let t=0;t<r.length;t+=1)if(!valuesEqual(r[t],e[t]))return!1;return!0}if(!isPlainObject(r)||!isPlainObject(e))return!1;const t=Object.keys(r).filter(e=>void 0!==r[e]),n=Object.keys(e).filter(r=>void 0!==e[r]);if(t.length!==n.length)return!1;for(const n of t)if(!valuesEqual(r[n],e[n]))return!1;return!0};

package/lib/module/form/index.js

@@ -1,17 +1 @@
-"use strict";
-
-export { Form, useFormContext, useOptionalFormContext } from "./FormContext.js";
-export { deletePath, getPath, setPath } from "./path.js";
-
-// Validation rule presets (the dependency-free Yup replacement):
-//   import { rules } from '@webority/mobile-ui';
-//   validate: { email: [rules.required(), rules.email()] }
-// import-then-export instead of `export * as` — consumer apps compile this
-// library from source via Metro, and their babel preset does not transform
-// export-namespace-from syntax outside the app root.
-import * as rules from "./rules.js";
-export { useField, useFieldArray } from "./useField.js";
-export { useForm } from "./useForm.js";
-export { isFieldFilled, useFormCompletion } from "./useFormCompletion.js";
-export { rules };
-//# sourceMappingURL=index.js.map
+export{Form,useFormContext,useOptionalFormContext}from"./FormContext.js";export{HookFormField}from"./HookFormField.js";export{deletePath,getPath,setPath}from"./path.js";import*as o from"./rules.js";export{useField,useFieldArray}from"./useField.js";export{useForm}from"./useForm.js";export{isFieldFilled,useFormCompletion}from"./useFormCompletion.js";export{useHookFormField}from"./useHookFormField.js";export{o as rules};

package/lib/module/form/path.js

@@ -1,84 +1 @@
-"use strict";
-
-/**
- * Immutable get/set/delete for dot- and bracket-notation field paths
- * ("address.city", "phones[0]", "items[2].qty"). Lets a single flat `name`
- * string address nested values and array items, so the form engine can treat
- * every field uniformly regardless of how deep it lives in the value tree.
- */
-
-const tokenize = path => {
-  const tokens = [];
-  const re = /[^.[\]]+/g;
-  let m;
-  while ((m = re.exec(path)) !== null) {
-    const raw = m[0];
-    tokens.push(/^\d+$/.test(raw) ? Number(raw) : raw);
-  }
-  return tokens;
-};
-export const getPath = (obj, path) => {
-  const tokens = tokenize(path);
-  let cur = obj;
-  for (const t of tokens) {
-    if (cur == null || typeof cur !== 'object') {
-      return undefined;
-    }
-    cur = cur[t];
-  }
-  return cur;
-};
-export const setPath = (obj, path, value) => {
-  const tokens = tokenize(path);
-  if (tokens.length === 0) {
-    return obj;
-  }
-  const root = Array.isArray(obj) ? [...obj] : {
-    ...obj
-  };
-  let cur = root;
-  for (let i = 0; i < tokens.length - 1; i++) {
-    const t = tokens[i];
-    const next = tokens[i + 1];
-    const child = cur[t];
-    // Clone the existing branch so we never mutate the previous value tree;
-    // create the right container shape when the branch is missing.
-    const cloned = child != null && typeof child === 'object' ? Array.isArray(child) ? [...child] : {
-      ...child
-    } : typeof next === 'number' ? [] : {};
-    cur[t] = cloned;
-    cur = cloned;
-  }
-  cur[tokens[tokens.length - 1]] = value;
-  return root;
-};
-export const deletePath = (obj, path) => {
-  const tokens = tokenize(path);
-  if (tokens.length === 0) {
-    return obj;
-  }
-  const root = Array.isArray(obj) ? [...obj] : {
-    ...obj
-  };
-  let cur = root;
-  for (let i = 0; i < tokens.length - 1; i++) {
-    const t = tokens[i];
-    const child = cur[t];
-    if (child == null || typeof child !== 'object') {
-      return root;
-    }
-    const cloned = Array.isArray(child) ? [...child] : {
-      ...child
-    };
-    cur[t] = cloned;
-    cur = cloned;
-  }
-  const last = tokens[tokens.length - 1];
-  if (Array.isArray(cur) && typeof last === 'number') {
-    cur.splice(last, 1);
-  } else {
-    delete cur[last];
-  }
-  return root;
-};
-//# sourceMappingURL=path.js.map
+const tokenize=t=>{const e=[],r=/[^.[\]]+/g;let n;for(;null!==(n=r.exec(t));){const t=n[0];e.push(/^\d+$/.test(t)?Number(t):t)}return e};export const getPath=(t,e)=>{const r=tokenize(e);let n=t;for(const t of r){if(null==n||"object"!=typeof n)return;n=n[t]}return n};export const setPath=(t,e,r)=>{const n=tokenize(e);if(0===n.length)return t;const o=Array.isArray(t)?[...t]:{...t};let s=o;for(let t=0;t<n.length-1;t++){const e=n[t],r=n[t+1],o=s[e],l=null!=o&&"object"==typeof o?Array.isArray(o)?[...o]:{...o}:"number"==typeof r?[]:{};s[e]=l,s=l}return s[n[n.length-1]]=r,o};export const deletePath=(t,e)=>{const r=tokenize(e);if(0===r.length)return t;const n=Array.isArray(t)?[...t]:{...t};let o=n;for(let t=0;t<r.length-1;t++){const e=r[t],s=o[e];if(null==s||"object"!=typeof s)return n;const l=Array.isArray(s)?[...s]:{...s};o[e]=l,o=l}const s=r[r.length-1];return Array.isArray(o)&&"number"==typeof s?o.splice(s,1):delete o[s],n};

package/lib/module/form/rules.js

@@ -1,59 +1 @@
-"use strict";
-
-/**
- * Validation rule presets — the dependency-free replacement for Yup chains.
- * Each factory returns a {@link ValidationRule}. Rules built on the project's
- * `validators` module skip empty values (so `required()` owns emptiness and you
- * don't get duplicate errors), and accept an optional custom message.
- */
-
-import { isAadhaar, isAlphanumeric, isEmail, isGstin, isIfsc, isIndianMobile, isIndianPincode, isInteger, isNumeric, isPan, isPhone, isStrongPassword, isUrl } from '@webority/mobile-core';
-import { getPath } from "./path.js";
-const isEmptyValue = v => v == null || v === '' || Array.isArray(v) && v.length === 0;
-const fromPredicate = (predicate, defaultMsg) => message => value => isEmptyValue(value) || predicate(value) ? undefined : message ?? defaultMsg;
-export const required = (message = 'This field is required') => value => {
-  // A required boolean (e.g. "accept terms" checkbox) must be true.
-  if (typeof value === 'boolean') {
-    return value ? undefined : message;
-  }
-  return isEmptyValue(value) ? message : undefined;
-};
-export const email = fromPredicate(isEmail, 'Enter a valid email');
-export const mobile = fromPredicate(isIndianMobile, 'Enter a valid mobile number');
-export const phone = fromPredicate(isPhone, 'Enter a valid phone number');
-export const url = fromPredicate(isUrl, 'Enter a valid URL');
-export const numeric = fromPredicate(isNumeric, 'Enter a valid number');
-export const integer = fromPredicate(isInteger, 'Enter a whole number');
-export const alphanumeric = fromPredicate(isAlphanumeric, 'Use letters and numbers only');
-export const pincode = fromPredicate(isIndianPincode, 'Enter a valid 6-digit PIN code');
-export const pan = fromPredicate(isPan, 'Enter a valid PAN');
-export const gstin = fromPredicate(isGstin, 'Enter a valid GSTIN');
-export const aadhaar = fromPredicate(isAadhaar, 'Enter a valid Aadhaar number');
-export const ifsc = fromPredicate(isIfsc, 'Enter a valid IFSC code');
-export const minLength = (length, message) => value => isEmptyValue(value) || String(value).length >= length ? undefined : message ?? `Must be at least ${length} characters`;
-export const maxLength = (length, message) => value => value == null || String(value).length <= length ? undefined : message ?? `Must be at most ${length} characters`;
-export const min = (n, message) => value => isEmptyValue(value) || Number(value) >= n ? undefined : message ?? `Must be at least ${n}`;
-export const max = (n, message) => value => isEmptyValue(value) || Number(value) <= n ? undefined : message ?? `Must be at most ${n}`;
-export const pattern = (regex, message = 'Invalid format') => value => isEmptyValue(value) || regex.test(String(value)) ? undefined : message;
-export const oneOf = (allowed, message = 'Invalid selection') => value => isEmptyValue(value) || allowed.includes(value) ? undefined : message;
-
-/** Cross-field equality (e.g. confirm-password). `otherField` is a field path. */
-export const matches = (otherField, message = 'Values do not match') => (value, allValues) => value === getPath(allValues, otherField) ? undefined : message;
-export const strongPassword = (rules, message = 'Password is too weak') => value => isEmptyValue(value) || isStrongPassword(value, rules) ? undefined : message;
-
-/**
- * Wrap any custom check. Return `true` (valid), `false` (invalid → default
- * message), or a string (invalid → that message). Async is supported — return
- * a Promise of the same.
- */
-export const custom = (fn, message = 'Invalid value') => async (value, allValues) => {
-  const result = await fn(value, allValues);
-  if (result === true) {
-    return undefined;
-  }
-  if (result === false) {
-    return message;
-  }
-  return result;
-};
-//# sourceMappingURL=rules.js.map
+import{isAadhaar as t,isAlphanumeric as e,isEmail as o,isGstin as r,isIfsc as n,isIndianMobile as a,isIndianPincode as i,isInteger as s,isNumeric as c,isPan as d,isPhone as l,isStrongPassword as p,isUrl as m}from"@webority/mobile-core";import{getPath as v}from"./path.js";const isEmptyValue=t=>null==t||""===t||Array.isArray(t)&&0===t.length,fromPredicate=(t,e)=>o=>r=>isEmptyValue(r)||t(r)?void 0:o??e;export const required=(t="This field is required")=>e=>"boolean"==typeof e?e?void 0:t:isEmptyValue(e)?t:void 0;export const email=fromPredicate(o,"Enter a valid email");export const mobile=fromPredicate(a,"Enter a valid mobile number");export const phone=fromPredicate(l,"Enter a valid phone number");export const url=fromPredicate(m,"Enter a valid URL");export const numeric=fromPredicate(c,"Enter a valid number");export const integer=fromPredicate(s,"Enter a whole number");export const alphanumeric=fromPredicate(e,"Use letters and numbers only");export const pincode=fromPredicate(i,"Enter a valid 6-digit PIN code");export const pan=fromPredicate(d,"Enter a valid PAN");export const gstin=fromPredicate(r,"Enter a valid GSTIN");export const aadhaar=fromPredicate(t,"Enter a valid Aadhaar number");export const ifsc=fromPredicate(n,"Enter a valid IFSC code");export const minLength=(t,e)=>o=>isEmptyValue(o)||String(o).length>=t?void 0:e??`Must be at least ${t} characters`;export const maxLength=(t,e)=>o=>null==o||String(o).length<=t?void 0:e??`Must be at most ${t} characters`;export const min=(t,e)=>o=>isEmptyValue(o)||Number(o)>=t?void 0:e??`Must be at least ${t}`;export const max=(t,e)=>o=>isEmptyValue(o)||Number(o)<=t?void 0:e??`Must be at most ${t}`;export const pattern=(t,e="Invalid format")=>o=>isEmptyValue(o)||t.test(String(o))?void 0:e;export const oneOf=(t,e="Invalid selection")=>o=>isEmptyValue(o)||t.includes(o)?void 0:e;export const matches=(t,e="Values do not match")=>(o,r)=>o===v(r,t)?void 0:e;export const strongPassword=(t,e="Password is too weak")=>o=>isEmptyValue(o)||p(o,t)?void 0:e;export const custom=(t,e="Invalid value")=>async(o,r)=>{const n=await t(o,r);if(!0!==n)return!1===n?e:n};

package/lib/module/form/types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=types.js.map

package/lib/module/form/useField.js

@@ -1,61 +1 @@
-"use strict";
-
-import { useFormContext } from "./FormContext.js";
-import { getPath } from "./path.js";
-/**
- * Bind a single field by name. Returns everything an input needs; pick the
- * handler your control uses:
- *   const email = useField('email');
- *   <Input value={email.value} onChangeText={email.onChangeText} onBlur={email.onBlur} error={email.error} />
- *   <Select value={country.value} onChange={country.onChange} error={country.error} />
- *   <Switch value={!!agree.value} onChange={agree.onChange} />
- */
-export function useField(name) {
-  const form = useFormContext();
-  return form.getFieldProps(name);
-}
-/**
- * Manage a repeating list field (phone numbers, line items, etc.) by name.
- * Each helper writes the whole array back through the form so validation and
- * dirty-tracking stay correct.
- */
-export function useFieldArray(name) {
-  const form = useFormContext();
-  const fields = getPath(form.values, name) ?? [];
-  const set = next => form.setFieldValue(name, next);
-  return {
-    fields,
-    length: fields.length,
-    push: item => set([...fields, item]),
-    remove: index => set(fields.filter((_, i) => i !== index)),
-    insert: (index, item) => {
-      const copy = [...fields];
-      copy.splice(index, 0, item);
-      set(copy);
-    },
-    // `move` and `replace` index into the array directly, so an out-of-range
-    // index corrupts it rather than failing: splice(9, 1) on a 3-item array
-    // yields `undefined`, which then gets spliced back IN, and `copy[9] = item`
-    // grows the array with six holes. Either one puts nulls into the submitted
-    // payload of a repeating field. `insert` and `remove` need no guard —
-    // splice clamps and filter no-ops.
-    move: (from, to) => {
-      if (from < 0 || from >= fields.length) {
-        return;
-      }
-      const copy = [...fields];
-      const [moved] = copy.splice(from, 1);
-      copy.splice(Math.max(0, Math.min(to, copy.length)), 0, moved);
-      set(copy);
-    },
-    replace: (index, item) => {
-      if (index < 0 || index >= fields.length) {
-        return;
-      }
-      const copy = [...fields];
-      copy[index] = item;
-      set(copy);
-    }
-  };
-}
-//# sourceMappingURL=useField.js.map
+import{useFormContext as e}from"./FormContext.js";import{getPath as t}from"./path.js";export function useField(t){return e().getFieldProps(t)}export function useFieldArray(r){const n=e(),i=t(n.values,r)??[],set=e=>n.setFieldValue(r,e);return{fields:i,length:i.length,push:e=>set([...i,e]),remove:e=>set(i.filter((t,r)=>r!==e)),insert:(e,t)=>{const r=[...i];r.splice(e,0,t),set(r)},move:(e,t)=>{if(e<0||e>=i.length)return;const r=[...i],[n]=r.splice(e,1);r.splice(Math.max(0,Math.min(t,r.length)),0,n),set(r)},replace:(e,t)=>{if(e<0||e>=i.length)return;const r=[...i];r[e]=t,set(r)}}}