solid-hook-form 1.2.1 → 1.3.1

package/dist/logic/create_errors.d.ts

@@ -0,0 +1,9 @@
+import { FieldError } from '../types/errors';
+import { FormValues } from '../types/form';
+import { Path } from '../types/path';
+export declare const createErrors: <F extends FormValues>() => {
+    errors: import('solid-js').Accessor<Partial<Record<Path<F>, FieldError>>>;
+    appendError: (name: Path<F>, error: FieldError) => void;
+    removeError: (name: Path<F>) => void;
+    resetErrors: () => void;
+};

package/dist/logic/get_value.d.ts

@@ -1,3 +1 @@
-type GetValueStrategy = (element: HTMLInputElement) => any;
-export declare const executeGetValueStrategy: GetValueStrategy;
-export {};
+export declare const getFieldValue: (event: Event) => string | boolean;

package/dist/logic/set_value.d.ts

@@ -1,3 +1 @@
-type SetValueStrategy = (element: HTMLInputElement, value: any) => void;
-export declare const executeSetValueStrategy: SetValueStrategy;
-export {};
+export declare const setFieldValue: (field: HTMLElement, value: any) => void;

package/dist/main.d.ts

@@ -1,3 +1,4 @@
 export { useForm } from './use_form';
 export { FormProvider } from './form_provider';
 export { useFormContext } from './use_form_context';
+export type { FieldError, FieldErrors } from './types/errors';

package/dist/main.js

@@ -1,187 +1,187 @@
-const K = (t, e) => t === e, x = {
-  equals: K
+const Y = (t, e) => t === e, d = {
+  equals: Y
 };
-let X = Q;
-const v = 1, w = 2, Y = {};
-var l = null;
-let k = null, Z = null, o = null, a = null, g = null, E = 0;
-function O(t, e) {
-  e = e ? Object.assign({}, x, e) : x;
+let Z = H;
+const g = 1, y = 2, $ = {};
+var a = null;
+let C = null, tt = null, l = null, f = null, h = null, S = 0;
+function F(t, e) {
+  e = e ? Object.assign({}, d, e) : d;
   const r = {
     value: t,
     observers: null,
     observerSlots: null,
     comparator: e.equals || void 0
-  }, s = (n) => (typeof n == "function" && (n = n(r.value)), G(r, n));
-  return [T.bind(r), s];
+  }, n = (s) => (typeof s == "function" && (s = s(r.value)), R(r, s));
+  return [P.bind(r), n];
 }
-function $(t, e, r) {
-  const s = M(t, e, !1, v);
-  A(s);
+function et(t, e, r) {
+  const n = U(t, e, !1, g);
+  A(n);
 }
-function D(t, e, r) {
-  r = r ? Object.assign({}, x, r) : x;
-  const s = M(t, e, !0, 0);
-  return s.observers = null, s.observerSlots = null, s.comparator = r.equals || void 0, A(s), T.bind(s);
+function T(t, e, r) {
+  r = r ? Object.assign({}, d, r) : d;
+  const n = U(t, e, !0, 0);
+  return n.observers = null, n.observerSlots = null, n.comparator = r.equals || void 0, A(n), P.bind(n);
 }
-function j(t) {
-  if (o === null) return t();
-  const e = o;
-  o = null;
+function M(t) {
+  if (l === null) return t();
+  const e = l;
+  l = null;
   try {
     return t();
   } finally {
-    o = e;
+    l = e;
   }
 }
-function tt(t, e) {
+function rt(t, e) {
   const r = Symbol("context");
   return {
     id: r,
-    Provider: it(r),
+    Provider: ct(r),
     defaultValue: t
   };
 }
-function et(t) {
+function nt(t) {
   let e;
-  return l && l.context && (e = l.context[t.id]) !== void 0 ? e : t.defaultValue;
+  return a && a.context && (e = a.context[t.id]) !== void 0 ? e : t.defaultValue;
 }
-function rt(t) {
-  const e = D(t), r = D(() => F(e()));
+function st(t) {
+  const e = T(t), r = T(() => V(e()));
   return r.toArray = () => {
-    const s = r();
-    return Array.isArray(s) ? s : s != null ? [s] : [];
+    const n = r();
+    return Array.isArray(n) ? n : n != null ? [n] : [];
   }, r;
 }
-function T() {
+function P() {
   if (this.sources && this.state)
-    if (this.state === v) A(this);
+    if (this.state === g) A(this);
     else {
-      const t = a;
-      a = null, V(() => d(this)), a = t;
+      const t = f;
+      f = null, L(() => w(this)), f = t;
     }
-  if (o) {
+  if (l) {
     const t = this.observers ? this.observers.length : 0;
-    o.sources ? (o.sources.push(this), o.sourceSlots.push(t)) : (o.sources = [this], o.sourceSlots = [t]), this.observers ? (this.observers.push(o), this.observerSlots.push(o.sources.length - 1)) : (this.observers = [o], this.observerSlots = [o.sources.length - 1]);
+    l.sources ? (l.sources.push(this), l.sourceSlots.push(t)) : (l.sources = [this], l.sourceSlots = [t]), this.observers ? (this.observers.push(l), this.observerSlots.push(l.sources.length - 1)) : (this.observers = [l], this.observerSlots = [l.sources.length - 1]);
   }
   return this.value;
 }
-function G(t, e, r) {
-  let s = t.value;
-  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && V(() => {
-    for (let n = 0; n < t.observers.length; n += 1) {
-      const i = t.observers[n], p = k && k.running;
-      p && k.disposed.has(i), (p ? !i.tState : !i.state) && (i.pure ? a.push(i) : g.push(i), i.observers && W(i)), p || (i.state = v);
+function R(t, e, r) {
+  let n = t.value;
+  return (!t.comparator || !t.comparator(n, e)) && (t.value = e, t.observers && t.observers.length && L(() => {
+    for (let s = 0; s < t.observers.length; s += 1) {
+      const i = t.observers[s], p = C && C.running;
+      p && C.disposed.has(i), (p ? !i.tState : !i.state) && (i.pure ? f.push(i) : h.push(i), i.observers && _(i)), p || (i.state = g);
     }
-    if (a.length > 1e6)
-      throw a = [], new Error();
+    if (f.length > 1e6)
+      throw f = [], new Error();
   })), e;
 }
 function A(t) {
   if (!t.fn) return;
-  S(t);
-  const e = E;
-  st(
+  x(t);
+  const e = S;
+  ot(
     t,
     t.value,
     e
   );
 }
-function st(t, e, r) {
-  let s;
-  const n = l, i = o;
-  o = l = t;
+function ot(t, e, r) {
+  let n;
+  const s = a, i = l;
+  l = a = t;
   try {
-    s = t.fn(e);
+    n = t.fn(e);
   } catch (p) {
-    return t.pure && (t.state = v, t.owned && t.owned.forEach(S), t.owned = null), t.updatedAt = r + 1, z(p);
+    return t.pure && (t.state = g, t.owned && t.owned.forEach(x), t.owned = null), t.updatedAt = r + 1, G(p);
   } finally {
-    o = i, l = n;
+    l = i, a = s;
   }
-  (!t.updatedAt || t.updatedAt <= r) && (t.updatedAt != null && "observers" in t ? G(t, s) : t.value = s, t.updatedAt = r);
+  (!t.updatedAt || t.updatedAt <= r) && (t.updatedAt != null && "observers" in t ? R(t, n) : t.value = n, t.updatedAt = r);
 }
-function M(t, e, r, s = v, n) {
+function U(t, e, r, n = g, s) {
   const i = {
     fn: t,
-    state: s,
+    state: n,
     updatedAt: null,
     owned: null,
     sources: null,
     sourceSlots: null,
     cleanups: null,
     value: e,
-    owner: l,
-    context: l ? l.context : null,
+    owner: a,
+    context: a ? a.context : null,
     pure: r
   };
-  return l === null || l !== Y && (l.owned ? l.owned.push(i) : l.owned = [i]), i;
+  return a === null || a !== $ && (a.owned ? a.owned.push(i) : a.owned = [i]), i;
 }
-function _(t) {
+function j(t) {
   if (t.state === 0) return;
-  if (t.state === w) return d(t);
-  if (t.suspense && j(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  if (t.state === y) return w(t);
+  if (t.suspense && M(t.suspense.inFallback)) return t.suspense.effects.push(t);
   const e = [t];
-  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < E); )
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < S); )
     t.state && e.push(t);
   for (let r = e.length - 1; r >= 0; r--)
-    if (t = e[r], t.state === v)
+    if (t = e[r], t.state === g)
       A(t);
-    else if (t.state === w) {
-      const s = a;
-      a = null, V(() => d(t, e[0])), a = s;
+    else if (t.state === y) {
+      const n = f;
+      f = null, L(() => w(t, e[0])), f = n;
     }
 }
-function V(t, e) {
-  if (a) return t();
+function L(t, e) {
+  if (f) return t();
   let r = !1;
-  a = [], g ? r = !0 : g = [], E++;
+  f = [], h ? r = !0 : h = [], S++;
   try {
-    const s = t();
-    return nt(r), s;
-  } catch (s) {
-    r || (g = null), a = null, z(s);
+    const n = t();
+    return it(r), n;
+  } catch (n) {
+    r || (h = null), f = null, G(n);
   }
 }
-function nt(t) {
-  if (a && (Q(a), a = null), t) return;
-  const e = g;
-  g = null, e.length && V(() => X(e));
+function it(t) {
+  if (f && (H(f), f = null), t) return;
+  const e = h;
+  h = null, e.length && L(() => Z(e));
 }
-function Q(t) {
-  for (let e = 0; e < t.length; e++) _(t[e]);
+function H(t) {
+  for (let e = 0; e < t.length; e++) j(t[e]);
 }
-function d(t, e) {
+function w(t, e) {
   t.state = 0;
   for (let r = 0; r < t.sources.length; r += 1) {
-    const s = t.sources[r];
-    if (s.sources) {
-      const n = s.state;
-      n === v ? s !== e && (!s.updatedAt || s.updatedAt < E) && _(s) : n === w && d(s, e);
+    const n = t.sources[r];
+    if (n.sources) {
+      const s = n.state;
+      s === g ? n !== e && (!n.updatedAt || n.updatedAt < S) && j(n) : s === y && w(n, e);
     }
   }
 }
-function W(t) {
+function _(t) {
   for (let e = 0; e < t.observers.length; e += 1) {
     const r = t.observers[e];
-    r.state || (r.state = w, r.pure ? a.push(r) : g.push(r), r.observers && W(r));
+    r.state || (r.state = y, r.pure ? f.push(r) : h.push(r), r.observers && _(r));
   }
 }
-function S(t) {
+function x(t) {
   let e;
   if (t.sources)
     for (; t.sources.length; ) {
-      const r = t.sources.pop(), s = t.sourceSlots.pop(), n = r.observers;
-      if (n && n.length) {
-        const i = n.pop(), p = r.observerSlots.pop();
-        s < n.length && (i.sourceSlots[p] = s, n[s] = i, r.observerSlots[s] = p);
+      const r = t.sources.pop(), n = t.sourceSlots.pop(), s = r.observers;
+      if (s && s.length) {
+        const i = s.pop(), p = r.observerSlots.pop();
+        n < s.length && (i.sourceSlots[p] = n, s[n] = i, r.observerSlots[n] = p);
       }
     }
   if (t.tOwned) {
-    for (e = t.tOwned.length - 1; e >= 0; e--) S(t.tOwned[e]);
+    for (e = t.tOwned.length - 1; e >= 0; e--) x(t.tOwned[e]);
     delete t.tOwned;
   }
   if (t.owned) {
-    for (e = t.owned.length - 1; e >= 0; e--) S(t.owned[e]);
+    for (e = t.owned.length - 1; e >= 0; e--) x(t.owned[e]);
     t.owned = null;
   }
   if (t.cleanups) {
@@ -195,138 +195,153 @@ function ut(t) {
     cause: t
   });
 }
-function z(t, e = l) {
+function G(t, e = a) {
   throw ut(t);
 }
-function F(t) {
-  if (typeof t == "function" && !t.length) return F(t());
+function V(t) {
+  if (typeof t == "function" && !t.length) return V(t());
   if (Array.isArray(t)) {
     const e = [];
     for (let r = 0; r < t.length; r++) {
-      const s = F(t[r]);
-      Array.isArray(s) ? e.push.apply(e, s) : e.push(s);
+      const n = V(t[r]);
+      Array.isArray(n) ? e.push.apply(e, n) : e.push(n);
     }
     return e;
   }
   return t;
 }
-function it(t, e) {
-  return function(s) {
-    let n;
-    return $(
-      () => n = j(() => (l.context = {
-        ...l.context,
-        [t]: s.value
-      }, rt(() => s.children))),
+function ct(t, e) {
+  return function(n) {
+    let s;
+    return et(
+      () => s = M(() => (a.context = {
+        ...a.context,
+        [t]: n.value
+      }, st(() => n.children))),
       void 0
-    ), n;
+    ), s;
   };
 }
-const P = {
-  text(t) {
-    return t.value;
-  },
-  checkbox(t) {
-    return t.checked;
-  }
-}, ot = (t) => (P[t.type] || P.text)(t), R = {
-  text(t, e) {
+const lt = (t) => {
+  const e = t.target;
+  return e instanceof HTMLSelectElement ? e.value : e instanceof HTMLInputElement && e.type === "checkbox" ? e.checked : e.value;
+}, D = (t, e) => {
+  if (t instanceof HTMLSelectElement) {
     t.value = e;
-  },
-  checkbox(t, e) {
+    return;
+  }
+  if (t instanceof HTMLInputElement && t.type === "checkbox") {
     t.checked = e;
+    return;
   }
-}, U = (t, e) => (R[t.type] || R.text)(t, e), y = (t) => t instanceof RegExp || typeof t == "string" || typeof t == "number" ? t : t.value, b = (t) => typeof t == "string" ? t : typeof t.message == "string" ? t.message : "", lt = (t, e, r = {}) => {
-  const s = t[e];
-  if (r.required && !s)
-    return { type: "required", message: b(r.required) };
-  if (r.min && Number(s) < Number(y(r.min)))
-    return { type: "min", message: b(r.min) };
-  if (r.max && Number(s) > Number(y(r.max)))
-    return { type: "max", message: b(r.max) };
-  if (r.minLength && s.length < y(r.minLength))
-    return { type: "minLength", message: b(r.minLength) };
-  if (r.maxLength && s.length > y(r.maxLength))
-    return { type: "maxLength", message: b(r.maxLength) };
-  if (r.pattern && !y(r.pattern).test(s))
-    return { type: "pattern", message: b(r.pattern) };
+  t.value = e;
+}, b = (t) => t instanceof RegExp || typeof t == "string" || typeof t == "number" ? t : t.value, v = (t) => typeof t == "string" ? t : typeof t.message == "string" ? t.message : "", at = (t, e, r = {}) => {
+  const n = t[e];
+  if (r.required && !n)
+    return { type: "required", message: v(r.required) };
+  if (r.min && Number(n) < Number(b(r.min)))
+    return { type: "min", message: v(r.min) };
+  if (r.max && Number(n) > Number(b(r.max)))
+    return { type: "max", message: v(r.max) };
+  if (r.minLength && n.length < b(r.minLength))
+    return { type: "minLength", message: v(r.minLength) };
+  if (r.maxLength && n.length > b(r.maxLength))
+    return { type: "maxLength", message: v(r.maxLength) };
+  if (r.pattern && !b(r.pattern).test(n))
+    return { type: "pattern", message: v(r.pattern) };
   if (r.validate) {
-    const n = r.validate(s, t);
-    if (n === !1)
+    const s = r.validate(n, t);
+    if (s === !1)
       return { type: "validate" };
-    if (typeof n == "string")
-      return { type: "validate", message: n };
+    if (typeof s == "string")
+      return { type: "validate", message: s };
   }
-}, pt = ({
+}, ft = () => {
+  const [t, e] = F({});
+  return {
+    errors: t,
+    appendError: (i, p) => {
+      e((m) => ({ ...m, [i]: p }));
+    },
+    removeError: (i) => {
+      e((p) => {
+        const m = { ...p };
+        return delete m[i], m;
+      });
+    },
+    resetErrors: () => {
+      e({});
+    }
+  };
+}, mt = ({
   defaultValues: t,
   mode: e = "onInput"
 }) => {
-  const r = {}, s = {}, [n, i] = O(t), [p, C] = O({}), [N, q] = O(!0), L = (u) => {
-    const c = s[u], f = lt(n(), u, c);
-    C(f ? (h) => ({ ...h, [u]: f }) : (h) => {
-      const m = { ...h };
-      return delete m[u], m;
-    }), q(!Object.keys(p()).length);
-  }, H = () => {
-    Object.keys(n()).forEach((u) => {
-      L(u);
+  const r = {}, n = {}, [s, i] = F(t), { errors: p, appendError: m, removeError: W, resetErrors: z } = ft(), [k, O] = F(!0), B = (o, u) => {
+    const c = r[o];
+    c && (u.ref = c), m(o, u);
+  }, J = (o) => {
+    W(o);
+  }, I = (o) => {
+    const u = n[o], c = at(s(), o, u);
+    c ? B(o, c) : J(o), O(!Object.keys(p()).length);
+  }, K = () => {
+    Object.keys(s()).forEach((o) => {
+      I(o);
     });
-  }, J = (u, c = {}) => (s[u] = {
-    required: c.required,
-    min: c.min,
-    max: c.max,
-    minLength: c.minLength,
-    maxLength: c.maxLength,
-    pattern: c.pattern,
-    validate: c.validate
+  }, N = (o, u) => {
+    const c = lt(o);
+    i((E) => ({ ...E, [u]: c })), I(u);
+  }, X = (o, u = {}) => (n[o] = {
+    required: u.required,
+    min: u.min,
+    max: u.max,
+    minLength: u.minLength,
+    maxLength: u.maxLength,
+    pattern: u.pattern,
+    validate: u.validate
   }, {
-    name: u,
+    name: o,
     // value: values()[name],
-    onInput(f) {
-      if (e === "onInput") {
-        const h = f.target.value;
-        i((m) => ({ ...m, [u]: h })), L(u);
-      }
+    onInput(c) {
+      e === "onInput" && N(c, o);
     },
-    onChange(f) {
-      if (e === "onChange" || e === "onInput") {
-        const h = ot(f.target);
-        i((m) => ({ ...m, [u]: h })), L(u);
-      }
+    onChange(c) {
+      (e === "onChange" || e === "onInput") && N(c, o);
     },
-    ref(f) {
-      r[u] || (r[u] = f, f && U(f, n()[u]));
+    ref(c) {
+      r[o] || (r[o] = c, c && D(c, s()[o]));
     }
-  }), I = (u) => u ? n()[u] : n();
+  }), q = (o) => o ? s()[o] : s();
   return {
-    values: n,
+    values: s,
     errors: p,
-    isValid: N,
-    register: J,
-    getValues: I,
-    setValue: (u, c) => {
-      i((h) => ({ ...h, [u]: c }));
-      const f = r[u];
-      f && U(f, c);
+    isValid: k,
+    register: X,
+    getValues: q,
+    setValue: (o, u) => {
+      i((E) => ({ ...E, [o]: u }));
+      const c = r[o];
+      c && D(c, u);
     },
-    onSubmit: (u) => (c) => {
-      c.preventDefault(), H(), N() && u(I());
+    onSubmit: (o) => (u) => {
+      u.preventDefault(), K(), k() && o(q());
     },
-    reset: (u = {}) => {
+    reset: (o = {}) => {
       i(() => ({
         ...t,
-        ...u
-      })), C({}), q(!0);
+        ...o
+      })), z(), O(!0);
     }
   };
-}, B = tt({}), ht = (t) => /* @__PURE__ */ React.createElement(B.Provider, { value: t.form }, t.children), gt = () => {
-  const t = et(B);
+}, Q = rt({}), vt = (t) => /* @__PURE__ */ React.createElement(Q.Provider, { value: t.form }, t.children), bt = () => {
+  const t = nt(Q);
   if (!t)
     throw new Error("useFormContext: cannot find a FormProvider");
   return t;
 };
 export {
-  ht as FormProvider,
-  pt as useForm,
-  gt as useFormContext
+  vt as FormProvider,
+  mt as useForm,
+  bt as useFormContext
 };

package/dist/main.umd.cjs

@@ -1 +1 @@
-(function(g,x){typeof exports=="object"&&typeof module<"u"?x(exports):typeof define=="function"&&define.amd?define(["exports"],x):(g=typeof globalThis<"u"?globalThis:g||self,x(g["solid-hook-form"]={}))})(this,function(g){"use strict";const w={equals:(t,e)=>t===e};let K=U;const v=1,S=2,X={};var o=null;let L=null,Y=null,l=null,c=null,m=null,E=0;function k(t,e){e=e?Object.assign({},w,e):w;const r={value:t,observers:null,observerSlots:null,comparator:e.equals||void 0},n=s=>(typeof s=="function"&&(s=s(r.value)),j(r,s));return[T.bind(r),n]}function Z(t,e,r){const n=D(t,e,!1,v);A(n)}function I(t,e,r){r=r?Object.assign({},w,r):w;const n=D(t,e,!0,0);return n.observers=null,n.observerSlots=null,n.comparator=r.equals||void 0,A(n),T.bind(n)}function P(t){if(l===null)return t();const e=l;l=null;try{return t()}finally{l=e}}function $(t,e){const r=Symbol("context");return{id:r,Provider:ut(r),defaultValue:t}}function tt(t){let e;return o&&o.context&&(e=o.context[t.id])!==void 0?e:t.defaultValue}function et(t){const e=I(t),r=I(()=>O(e()));return r.toArray=()=>{const n=r();return Array.isArray(n)?n:n!=null?[n]:[]},r}function T(){if(this.sources&&this.state)if(this.state===v)A(this);else{const t=c;c=null,C(()=>V(this)),c=t}if(l){const t=this.observers?this.observers.length:0;l.sources?(l.sources.push(this),l.sourceSlots.push(t)):(l.sources=[this],l.sourceSlots=[t]),this.observers?(this.observers.push(l),this.observerSlots.push(l.sources.length-1)):(this.observers=[l],this.observerSlots=[l.sources.length-1])}return this.value}function j(t,e,r){let n=t.value;return(!t.comparator||!t.comparator(n,e))&&(t.value=e,t.observers&&t.observers.length&&C(()=>{for(let s=0;s<t.observers.length;s+=1){const i=t.observers[s],p=L&&L.running;p&&L.disposed.has(i),(p?!i.tState:!i.state)&&(i.pure?c.push(i):m.push(i),i.observers&&M(i)),p||(i.state=v)}if(c.length>1e6)throw c=[],new Error})),e}function A(t){if(!t.fn)return;F(t);const e=E;rt(t,t.value,e)}function rt(t,e,r){let n;const s=o,i=l;l=o=t;try{n=t.fn(e)}catch(p){return t.pure&&(t.state=v,t.owned&&t.owned.forEach(F),t.owned=null),t.updatedAt=r+1,G(p)}finally{l=i,o=s}(!t.updatedAt||t.updatedAt<=r)&&(t.updatedAt!=null&&"observers"in t?j(t,n):t.value=n,t.updatedAt=r)}function D(t,e,r,n=v,s){const i={fn:t,state:n,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:o,context:o?o.context:null,pure:r};return o===null||o!==X&&(o.owned?o.owned.push(i):o.owned=[i]),i}function R(t){if(t.state===0)return;if(t.state===S)return V(t);if(t.suspense&&P(t.suspense.inFallback))return t.suspense.effects.push(t);const e=[t];for(;(t=t.owner)&&(!t.updatedAt||t.updatedAt<E);)t.state&&e.push(t);for(let r=e.length-1;r>=0;r--)if(t=e[r],t.state===v)A(t);else if(t.state===S){const n=c;c=null,C(()=>V(t,e[0])),c=n}}function C(t,e){if(c)return t();let r=!1;c=[],m?r=!0:m=[],E++;try{const n=t();return nt(r),n}catch(n){r||(m=null),c=null,G(n)}}function nt(t){if(c&&(U(c),c=null),t)return;const e=m;m=null,e.length&&C(()=>K(e))}function U(t){for(let e=0;e<t.length;e++)R(t[e])}function V(t,e){t.state=0;for(let r=0;r<t.sources.length;r+=1){const n=t.sources[r];if(n.sources){const s=n.state;s===v?n!==e&&(!n.updatedAt||n.updatedAt<E)&&R(n):s===S&&V(n,e)}}}function M(t){for(let e=0;e<t.observers.length;e+=1){const r=t.observers[e];r.state||(r.state=S,r.pure?c.push(r):m.push(r),r.observers&&M(r))}}function F(t){let e;if(t.sources)for(;t.sources.length;){const r=t.sources.pop(),n=t.sourceSlots.pop(),s=r.observers;if(s&&s.length){const i=s.pop(),p=r.observerSlots.pop();n<s.length&&(i.sourceSlots[p]=n,s[n]=i,r.observerSlots[n]=p)}}if(t.tOwned){for(e=t.tOwned.length-1;e>=0;e--)F(t.tOwned[e]);delete t.tOwned}if(t.owned){for(e=t.owned.length-1;e>=0;e--)F(t.owned[e]);t.owned=null}if(t.cleanups){for(e=t.cleanups.length-1;e>=0;e--)t.cleanups[e]();t.cleanups=null}t.state=0}function st(t){return t instanceof Error?t:new Error(typeof t=="string"?t:"Unknown error",{cause:t})}function G(t,e=o){throw st(t)}function O(t){if(typeof t=="function"&&!t.length)return O(t());if(Array.isArray(t)){const e=[];for(let r=0;r<t.length;r++){const n=O(t[r]);Array.isArray(n)?e.push.apply(e,n):e.push(n)}return e}return t}function ut(t,e){return function(n){let s;return Z(()=>s=P(()=>(o.context={...o.context,[t]:n.value},et(()=>n.children))),void 0),s}}const _={text(t){return t.value},checkbox(t){return t.checked}},it=t=>(_[t.type]||_.text)(t),Q={text(t,e){t.value=e},checkbox(t,e){t.checked=e}},W=(t,e)=>(Q[t.type]||Q.text)(t,e),d=t=>t instanceof RegExp||typeof t=="string"||typeof t=="number"?t:t.value,b=t=>typeof t=="string"?t:typeof t.message=="string"?t.message:"",ot=(t,e,r={})=>{const n=t[e];if(r.required&&!n)return{type:"required",message:b(r.required)};if(r.min&&Number(n)<Number(d(r.min)))return{type:"min",message:b(r.min)};if(r.max&&Number(n)>Number(d(r.max)))return{type:"max",message:b(r.max)};if(r.minLength&&n.length<d(r.minLength))return{type:"minLength",message:b(r.minLength)};if(r.maxLength&&n.length>d(r.maxLength))return{type:"maxLength",message:b(r.maxLength)};if(r.pattern&&!d(r.pattern).test(n))return{type:"pattern",message:b(r.pattern)};if(r.validate){const s=r.validate(n,t);if(s===!1)return{type:"validate"};if(typeof s=="string")return{type:"validate",message:s}}},lt=({defaultValues:t,mode:e="onInput"})=>{const r={},n={},[s,i]=k(t),[p,q]=k({}),[B,H]=k(!0),N=u=>{const a=n[u],f=ot(s(),u,a);q(f?h=>({...h,[u]:f}):h=>{const y={...h};return delete y[u],y}),H(!Object.keys(p()).length)},ft=()=>{Object.keys(s()).forEach(u=>{N(u)})},pt=(u,a={})=>(n[u]={required:a.required,min:a.min,max:a.max,minLength:a.minLength,maxLength:a.maxLength,pattern:a.pattern,validate:a.validate},{name:u,onInput(f){if(e==="onInput"){const h=f.target.value;i(y=>({...y,[u]:h})),N(u)}},onChange(f){if(e==="onChange"||e==="onInput"){const h=it(f.target);i(y=>({...y,[u]:h})),N(u)}},ref(f){r[u]||(r[u]=f,f&&W(f,s()[u]))}}),J=u=>u?s()[u]:s();return{values:s,errors:p,isValid:B,register:pt,getValues:J,setValue:(u,a)=>{i(h=>({...h,[u]:a}));const f=r[u];f&&W(f,a)},onSubmit:u=>a=>{a.preventDefault(),ft(),B()&&u(J())},reset:(u={})=>{i(()=>({...t,...u})),q({}),H(!0)}}},z=$({}),ct=t=>React.createElement(z.Provider,{value:t.form},t.children),at=()=>{const t=tt(z);if(!t)throw new Error("useFormContext: cannot find a FormProvider");return t};g.FormProvider=ct,g.useForm=lt,g.useFormContext=at,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+(function(h,y){typeof exports=="object"&&typeof module<"u"?y(exports):typeof define=="function"&&define.amd?define(["exports"],y):(h=typeof globalThis<"u"?globalThis:h||self,y(h["solid-hook-form"]={}))})(this,function(h){"use strict";const E={equals:(t,e)=>t===e};let B=j;const g=1,w=2,J={};var c=null;let k=null,K=null,a=null,f=null,m=null,x=0;function O(t,e){e=e?Object.assign({},E,e):E;const r={value:t,observers:null,observerSlots:null,comparator:e.equals||void 0},n=s=>(typeof s=="function"&&(s=s(r.value)),N(r,s));return[q.bind(r),n]}function X(t,e,r){const n=P(t,e,!1,g);S(n)}function T(t,e,r){r=r?Object.assign({},E,r):E;const n=P(t,e,!0,0);return n.observers=null,n.observerSlots=null,n.comparator=r.equals||void 0,S(n),q.bind(n)}function I(t){if(a===null)return t();const e=a;a=null;try{return t()}finally{a=e}}function Y(t,e){const r=Symbol("context");return{id:r,Provider:nt(r),defaultValue:t}}function Z(t){let e;return c&&c.context&&(e=c.context[t.id])!==void 0?e:t.defaultValue}function $(t){const e=T(t),r=T(()=>V(e()));return r.toArray=()=>{const n=r();return Array.isArray(n)?n:n!=null?[n]:[]},r}function q(){if(this.sources&&this.state)if(this.state===g)S(this);else{const t=f;f=null,A(()=>F(this)),f=t}if(a){const t=this.observers?this.observers.length:0;a.sources?(a.sources.push(this),a.sourceSlots.push(t)):(a.sources=[this],a.sourceSlots=[t]),this.observers?(this.observers.push(a),this.observerSlots.push(a.sources.length-1)):(this.observers=[a],this.observerSlots=[a.sources.length-1])}return this.value}function N(t,e,r){let n=t.value;return(!t.comparator||!t.comparator(n,e))&&(t.value=e,t.observers&&t.observers.length&&A(()=>{for(let s=0;s<t.observers.length;s+=1){const i=t.observers[s],p=k&&k.running;p&&k.disposed.has(i),(p?!i.tState:!i.state)&&(i.pure?f.push(i):m.push(i),i.observers&&D(i)),p||(i.state=g)}if(f.length>1e6)throw f=[],new Error})),e}function S(t){if(!t.fn)return;L(t);const e=x;tt(t,t.value,e)}function tt(t,e,r){let n;const s=c,i=a;a=c=t;try{n=t.fn(e)}catch(p){return t.pure&&(t.state=g,t.owned&&t.owned.forEach(L),t.owned=null),t.updatedAt=r+1,R(p)}finally{a=i,c=s}(!t.updatedAt||t.updatedAt<=r)&&(t.updatedAt!=null&&"observers"in t?N(t,n):t.value=n,t.updatedAt=r)}function P(t,e,r,n=g,s){const i={fn:t,state:n,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:e,owner:c,context:c?c.context:null,pure:r};return c===null||c!==J&&(c.owned?c.owned.push(i):c.owned=[i]),i}function M(t){if(t.state===0)return;if(t.state===w)return F(t);if(t.suspense&&I(t.suspense.inFallback))return t.suspense.effects.push(t);const e=[t];for(;(t=t.owner)&&(!t.updatedAt||t.updatedAt<x);)t.state&&e.push(t);for(let r=e.length-1;r>=0;r--)if(t=e[r],t.state===g)S(t);else if(t.state===w){const n=f;f=null,A(()=>F(t,e[0])),f=n}}function A(t,e){if(f)return t();let r=!1;f=[],m?r=!0:m=[],x++;try{const n=t();return et(r),n}catch(n){r||(m=null),f=null,R(n)}}function et(t){if(f&&(j(f),f=null),t)return;const e=m;m=null,e.length&&A(()=>B(e))}function j(t){for(let e=0;e<t.length;e++)M(t[e])}function F(t,e){t.state=0;for(let r=0;r<t.sources.length;r+=1){const n=t.sources[r];if(n.sources){const s=n.state;s===g?n!==e&&(!n.updatedAt||n.updatedAt<x)&&M(n):s===w&&F(n,e)}}}function D(t){for(let e=0;e<t.observers.length;e+=1){const r=t.observers[e];r.state||(r.state=w,r.pure?f.push(r):m.push(r),r.observers&&D(r))}}function L(t){let e;if(t.sources)for(;t.sources.length;){const r=t.sources.pop(),n=t.sourceSlots.pop(),s=r.observers;if(s&&s.length){const i=s.pop(),p=r.observerSlots.pop();n<s.length&&(i.sourceSlots[p]=n,s[n]=i,r.observerSlots[n]=p)}}if(t.tOwned){for(e=t.tOwned.length-1;e>=0;e--)L(t.tOwned[e]);delete t.tOwned}if(t.owned){for(e=t.owned.length-1;e>=0;e--)L(t.owned[e]);t.owned=null}if(t.cleanups){for(e=t.cleanups.length-1;e>=0;e--)t.cleanups[e]();t.cleanups=null}t.state=0}function rt(t){return t instanceof Error?t:new Error(typeof t=="string"?t:"Unknown error",{cause:t})}function R(t,e=c){throw rt(t)}function V(t){if(typeof t=="function"&&!t.length)return V(t());if(Array.isArray(t)){const e=[];for(let r=0;r<t.length;r++){const n=V(t[r]);Array.isArray(n)?e.push.apply(e,n):e.push(n)}return e}return t}function nt(t,e){return function(n){let s;return X(()=>s=I(()=>(c.context={...c.context,[t]:n.value},$(()=>n.children))),void 0),s}}const st=t=>{const e=t.target;return e instanceof HTMLSelectElement?e.value:e instanceof HTMLInputElement&&e.type==="checkbox"?e.checked:e.value},U=(t,e)=>{if(t instanceof HTMLSelectElement){t.value=e;return}if(t instanceof HTMLInputElement&&t.type==="checkbox"){t.checked=e;return}t.value=e},b=t=>t instanceof RegExp||typeof t=="string"||typeof t=="number"?t:t.value,v=t=>typeof t=="string"?t:typeof t.message=="string"?t.message:"",ot=(t,e,r={})=>{const n=t[e];if(r.required&&!n)return{type:"required",message:v(r.required)};if(r.min&&Number(n)<Number(b(r.min)))return{type:"min",message:v(r.min)};if(r.max&&Number(n)>Number(b(r.max)))return{type:"max",message:v(r.max)};if(r.minLength&&n.length<b(r.minLength))return{type:"minLength",message:v(r.minLength)};if(r.maxLength&&n.length>b(r.maxLength))return{type:"maxLength",message:v(r.maxLength)};if(r.pattern&&!b(r.pattern).test(n))return{type:"pattern",message:v(r.pattern)};if(r.validate){const s=r.validate(n,t);if(s===!1)return{type:"validate"};if(typeof s=="string")return{type:"validate",message:s}}},it=()=>{const[t,e]=O({});return{errors:t,appendError:(i,p)=>{e(d=>({...d,[i]:p}))},removeError:i=>{e(p=>{const d={...p};return delete d[i],d})},resetErrors:()=>{e({})}}},ut=({defaultValues:t,mode:e="onInput"})=>{const r={},n={},[s,i]=O(t),{errors:p,appendError:d,removeError:at,resetErrors:ft}=it(),[_,G]=O(!0),pt=(o,u)=>{const l=r[o];l&&(u.ref=l),d(o,u)},ht=o=>{at(o)},Q=o=>{const u=n[o],l=ot(s(),o,u);l?pt(o,l):ht(o),G(!Object.keys(p()).length)},gt=()=>{Object.keys(s()).forEach(o=>{Q(o)})},W=(o,u)=>{const l=st(o);i(C=>({...C,[u]:l})),Q(u)},mt=(o,u={})=>(n[o]={required:u.required,min:u.min,max:u.max,minLength:u.minLength,maxLength:u.maxLength,pattern:u.pattern,validate:u.validate},{name:o,onInput(l){e==="onInput"&&W(l,o)},onChange(l){(e==="onChange"||e==="onInput")&&W(l,o)},ref(l){r[o]||(r[o]=l,l&&U(l,s()[o]))}}),z=o=>o?s()[o]:s();return{values:s,errors:p,isValid:_,register:mt,getValues:z,setValue:(o,u)=>{i(C=>({...C,[o]:u}));const l=r[o];l&&U(l,u)},onSubmit:o=>u=>{u.preventDefault(),gt(),_()&&o(z())},reset:(o={})=>{i(()=>({...t,...o})),ft(),G(!0)}}},H=Y({}),lt=t=>React.createElement(H.Provider,{value:t.form},t.children),ct=()=>{const t=Z(H);if(!t)throw new Error("useFormContext: cannot find a FormProvider");return t};h.FormProvider=lt,h.useForm=ut,h.useFormContext=ct,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/dist/types/errors.d.ts

@@ -1,21 +1,11 @@
 import { FormValues } from './form';
-import { BrowserNativeObject, IsAny, LiteralUnion, Merge } from './utils';
+import { Path } from './path';
+import { LiteralUnion } from './utils';
 import { Rules } from './validate';
+export type Message = string;
 export type FieldError = {
     type: LiteralUnion<keyof Rules, string>;
+    ref?: HTMLElement;
     message?: Message;
 };
-export type Message = string;
-export type GlobalError = Partial<{
-    type: string | number;
-    message: Message;
-}>;
-export type DeepRequired<T> = T extends BrowserNativeObject | Blob ? T : {
-    [K in keyof T]-?: NonNullable<DeepRequired<T[K]>>;
-};
-export type FieldErrorsImpl<T extends FormValues = FormValues> = {
-    [K in keyof T]?: T[K] extends BrowserNativeObject | Blob ? FieldError : K extends "root" | `root.${string}` ? GlobalError : T[K] extends object ? Merge<FieldError, FieldErrorsImpl<T[K]>> : FieldError;
-};
-export type FieldErrors<T extends FormValues = FormValues> = Partial<FormValues extends IsAny<FormValues> ? any : FieldErrorsImpl<DeepRequired<T>>> & {
-    root?: Record<string, GlobalError> & GlobalError;
-};
+export type FieldErrors<F extends FormValues = FormValues> = Partial<Record<Path<F>, FieldError>>;

package/dist/types/form.d.ts

@@ -2,13 +2,13 @@ import { Accessor } from 'solid-js';
 import { FieldPath, FieldPathValue, Path } from './path';
 import { Rules } from './validate';
 import { FieldErrors } from './errors';
-import { InputEvent, ChangeEvent } from './event';
 export type FormValues = Record<string, any>;
+export type Ref = HTMLElement | null;
 type RegisterReturn<F extends FormValues> = {
     name: Path<F>;
-    ref(ref: HTMLInputElement | null): void;
-    onInput(event: InputEvent): void;
-    onChange(event: ChangeEvent): void;
+    ref(ref: Ref): void;
+    onInput(event: Event): void;
+    onChange(event: Event): void;
 };
 export type Register<T extends FormValues> = (name: Path<T>, options?: Rules<T, Path<T>>) => RegisterReturn<T>;
 export type GetValues<F extends FormValues> = {
@@ -29,4 +29,5 @@ export type UseFormReturn<F extends FormValues = FormValues> = {
     onSubmit: OnSubmit<F>;
     reset: Reset<F>;
 };
+export type FormFields = Record<string, Ref>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.2.1",
+  "version": "1.3.1",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",

package/dist/test/input_text.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/event.d.ts

@@ -1,7 +0,0 @@
-export type InputEvent = Event & {
-    target: HTMLInputElement;
-};
-export type ChangeEvent = Event & {
-    target: HTMLInputElement;
-};
-export type StrategyKey = "text" | "checkbox";