solid-hook-form 1.3.2 → 1.3.4

package/README.md

@@ -2,7 +2,7 @@
 
 ### Playground
 
-[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/user-attachments/assets/08c8242a-c254-4d80-9de8-278d32615c12" />](https://solid-hook-form.vercel.app/)
+[<img width="1171" alt="Screenshot 2025-04-05 at 15 01 47" src="https://github.com/tatsmaki/solid-hook-form/blob/master/assets/demo.png" />](https://solid-hook-form.vercel.app/)
 
 ### Install
 

package/dist/main.js

@@ -1,347 +1,124 @@
-const Y = (t, e) => t === e, d = {
-  equals: Y
-};
-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
-  }, n = (s) => (typeof s == "function" && (s = s(r.value)), R(r, s));
-  return [P.bind(r), n];
-}
-function et(t, e, r) {
-  const n = U(t, e, !1, g);
-  A(n);
-}
-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 M(t) {
-  if (l === null) return t();
-  const e = l;
-  l = null;
-  try {
-    return t();
-  } finally {
-    l = e;
-  }
-}
-function rt(t, e) {
-  const r = Symbol("context");
-  return {
-    id: r,
-    Provider: ct(r),
-    defaultValue: t
-  };
-}
-function nt(t) {
-  let e;
-  return a && a.context && (e = a.context[t.id]) !== void 0 ? e : t.defaultValue;
-}
-function st(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 P() {
-  if (this.sources && this.state)
-    if (this.state === g) A(this);
-    else {
-      const t = f;
-      f = null, L(() => w(this)), f = 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 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 (f.length > 1e6)
-      throw f = [], new Error();
-  })), e;
-}
-function A(t) {
-  if (!t.fn) return;
-  x(t);
-  const e = S;
-  ot(
-    t,
-    t.value,
-    e
-  );
-}
-function ot(t, e, r) {
-  let n;
-  const s = a, i = l;
-  l = a = t;
-  try {
-    n = t.fn(e);
-  } catch (p) {
-    return t.pure && (t.state = g, t.owned && t.owned.forEach(x), t.owned = null), t.updatedAt = r + 1, G(p);
-  } finally {
-    l = i, a = s;
-  }
-  (!t.updatedAt || t.updatedAt <= r) && (t.updatedAt != null && "observers" in t ? R(t, n) : t.value = n, t.updatedAt = r);
-}
-function U(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: a,
-    context: a ? a.context : null,
-    pure: r
-  };
-  return a === null || a !== $ && (a.owned ? a.owned.push(i) : a.owned = [i]), i;
-}
-function j(t) {
-  if (t.state === 0) return;
-  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 < S); )
-    t.state && e.push(t);
-  for (let r = e.length - 1; r >= 0; r--)
-    if (t = e[r], t.state === g)
-      A(t);
-    else if (t.state === y) {
-      const n = f;
-      f = null, L(() => w(t, e[0])), f = n;
-    }
-}
-function L(t, e) {
-  if (f) return t();
-  let r = !1;
-  f = [], h ? r = !0 : h = [], S++;
-  try {
-    const n = t();
-    return it(r), n;
-  } catch (n) {
-    r || (h = null), f = null, G(n);
-  }
-}
-function it(t) {
-  if (f && (H(f), f = null), t) return;
-  const e = h;
-  h = null, e.length && L(() => Z(e));
-}
-function H(t) {
-  for (let e = 0; e < t.length; e++) j(t[e]);
-}
-function w(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 < S) && j(n) : s === y && w(n, e);
-    }
-  }
-}
-function _(t) {
-  for (let e = 0; e < t.observers.length; e += 1) {
-    const r = t.observers[e];
-    r.state || (r.state = y, r.pure ? f.push(r) : h.push(r), r.observers && _(r));
-  }
-}
-function x(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--) x(t.tOwned[e]);
-    delete t.tOwned;
-  }
-  if (t.owned) {
-    for (e = t.owned.length - 1; e >= 0; e--) x(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 ut(t) {
-  return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
-    cause: t
-  });
-}
-function G(t, e = a) {
-  throw ut(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 ct(t, e) {
-  return function(n) {
-    let s;
-    return et(
-      () => s = M(() => (a.context = {
-        ...a.context,
-        [t]: n.value
-      }, st(() => n.children))),
-      void 0
-    ), s;
-  };
-}
-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;
+import { createSignal as p, createContext as q, useContext as M } from "solid-js";
+const S = (e) => {
+  const n = e.target;
+  return n instanceof HTMLSelectElement ? n.value : n instanceof HTMLInputElement && n.type === "checkbox" ? n.checked : n.value;
+}, y = (e, n) => {
+  if (e instanceof HTMLSelectElement) {
+    e.value = n;
     return;
   }
-  if (t instanceof HTMLInputElement && t.type === "checkbox") {
-    t.checked = e;
+  if (e instanceof HTMLInputElement && e.type === "checkbox") {
+    e.checked = n;
     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 : "", 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) };
+  e.value = n;
+}, g = (e) => e instanceof RegExp || typeof e == "string" || typeof e == "number" ? e : e.value, m = (e) => typeof e == "string" ? e : typeof e.message == "string" ? e.message : "", H = (e, n, r = {}) => {
+  const i = e[n];
+  if (r.required && !i)
+    return { type: "required", message: m(r.required) };
+  if (r.min && Number(i) < Number(g(r.min)))
+    return { type: "min", message: m(r.min) };
+  if (r.max && Number(i) > Number(g(r.max)))
+    return { type: "max", message: m(r.max) };
+  if (r.minLength && i.length < g(r.minLength))
+    return { type: "minLength", message: m(r.minLength) };
+  if (r.maxLength && i.length > g(r.maxLength))
+    return { type: "maxLength", message: m(r.maxLength) };
+  if (r.pattern && !g(r.pattern).test(i))
+    return { type: "pattern", message: m(r.pattern) };
   if (r.validate) {
-    const s = r.validate(n, t);
-    if (s === !1)
+    const a = r.validate(i, e);
+    if (a === !1)
       return { type: "validate" };
-    if (typeof s == "string")
-      return { type: "validate", message: s };
+    if (typeof a == "string")
+      return { type: "validate", message: a };
   }
-}, ft = () => {
-  const [t, e] = F({});
+}, N = () => {
+  const [e, n] = p({});
   return {
-    errors: t,
-    appendError: (i, p) => {
-      e((m) => ({ ...m, [i]: p }));
+    errors: e,
+    appendError: (c, f) => {
+      n((u) => ({ ...u, [c]: f }));
     },
-    removeError: (i) => {
-      e((p) => {
-        const m = { ...p };
-        return delete m[i], m;
+    removeError: (c) => {
+      n((f) => {
+        const u = { ...f };
+        return delete u[c], u;
       });
     },
     resetErrors: () => {
-      e({});
+      n({});
     }
   };
-}, mt = ({
-  defaultValues: t,
-  mode: e = "onInput"
+}, w = ({
+  defaultValues: e,
+  mode: n = "onInput"
 }) => {
-  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);
+  const r = {}, i = {}, [a, c] = p(e), { errors: f, appendError: u, removeError: F, resetErrors: b } = N(), [h, l] = p(!0), C = (t, o) => {
+    const s = r[t];
+    s && (o.ref = s), u(t, o);
+  }, V = (t) => {
+    F(t);
+  }, v = (t) => {
+    const o = i[t], s = H(a(), t, o);
+    s ? C(t, s) : V(t), l(!Object.keys(f()).length);
+  }, I = () => {
+    Object.keys(a()).forEach((t) => {
+      v(t);
     });
-  }, 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
+  }, x = (t, o) => {
+    const s = S(t);
+    c((d) => ({ ...d, [o]: s })), v(o);
+  }, k = (t, o = {}) => (i[t] = {
+    required: o.required,
+    min: o.min,
+    max: o.max,
+    minLength: o.minLength,
+    maxLength: o.maxLength,
+    pattern: o.pattern,
+    validate: o.validate
   }, {
-    name: o,
+    name: t,
     // value: values()[name],
-    onInput(c) {
-      e === "onInput" && N(c, o);
+    onInput(s) {
+      n === "onInput" && x(s, t);
     },
-    onChange(c) {
-      (e === "onChange" || e === "onInput") && N(c, o);
+    onChange(s) {
+      (n === "onChange" || n === "onInput") && x(s, t);
     },
-    ref(c) {
-      r[o] || (r[o] = c, c && D(c, s()[o]));
+    ref(s) {
+      r[t] || (r[t] = s, s && y(s, a()[t]));
     }
-  }), q = (o) => o ? s()[o] : s();
+  }), E = (t) => t ? a()[t] : a();
   return {
-    values: s,
-    errors: p,
-    isValid: k,
-    register: X,
-    getValues: q,
-    setValue: (o, u) => {
-      i((E) => ({ ...E, [o]: u }));
-      const c = r[o];
-      c && D(c, u);
+    values: a,
+    errors: f,
+    isValid: h,
+    register: k,
+    getValues: E,
+    setValue: (t, o) => {
+      c((d) => ({ ...d, [t]: o }));
+      const s = r[t];
+      s && y(s, o);
     },
-    onSubmit: (o) => (u) => {
-      u.preventDefault(), K(), k() && o(q());
+    onSubmit: (t) => (o) => {
+      o.preventDefault(), I(), h() && t(E());
     },
-    reset: (o = {}) => {
-      i(() => ({
-        ...t,
-        ...o
-      })), z(), O(!0);
+    reset: (t = {}) => {
+      c(() => ({
+        ...e,
+        ...t
+      })), b(), l(!0);
     }
   };
-}, Q = rt({}), vt = (t) => /* @__PURE__ */ React.createElement(Q.Provider, { value: t.form }, t.children), bt = () => {
-  const t = nt(Q);
-  if (!t)
+}, L = q({}), O = (e) => /* @__PURE__ */ React.createElement(L.Provider, { value: e.form }, e.children), A = () => {
+  const e = M(L);
+  if (!e)
     throw new Error("useFormContext: cannot find a FormProvider");
-  return t;
+  return e;
 };
 export {
-  vt as FormProvider,
-  mt as useForm,
-  bt as useFormContext
+  O as FormProvider,
+  w as useForm,
+  A as useFormContext
 };

package/dist/main.umd.cjs

@@ -1 +1 @@
-(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"})});
+(function(c,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],f):(c=typeof globalThis<"u"?globalThis:c||self,f(c["solid-hook-form"]={},c.solid))})(this,function(c,f){"use strict";const b=e=>{const n=e.target;return n instanceof HTMLSelectElement?n.value:n instanceof HTMLInputElement&&n.type==="checkbox"?n.checked:n.value},l=(e,n)=>{if(e instanceof HTMLSelectElement){e.value=n;return}if(e instanceof HTMLInputElement&&e.type==="checkbox"){e.checked=n;return}e.value=n},p=e=>e instanceof RegExp||typeof e=="string"||typeof e=="number"?e:e.value,m=e=>typeof e=="string"?e:typeof e.message=="string"?e.message:"",C=(e,n,r={})=>{const s=e[n];if(r.required&&!s)return{type:"required",message:m(r.required)};if(r.min&&Number(s)<Number(p(r.min)))return{type:"min",message:m(r.min)};if(r.max&&Number(s)>Number(p(r.max)))return{type:"max",message:m(r.max)};if(r.minLength&&s.length<p(r.minLength))return{type:"minLength",message:m(r.minLength)};if(r.maxLength&&s.length>p(r.maxLength))return{type:"maxLength",message:m(r.maxLength)};if(r.pattern&&!p(r.pattern).test(s))return{type:"pattern",message:m(r.pattern)};if(r.validate){const a=r.validate(s,e);if(a===!1)return{type:"validate"};if(typeof a=="string")return{type:"validate",message:a}}},S=()=>{const[e,n]=f.createSignal({});return{errors:e,appendError:(u,d)=>{n(g=>({...g,[u]:d}))},removeError:u=>{n(d=>{const g={...d};return delete g[u],g})},resetErrors:()=>{n({})}}},V=({defaultValues:e,mode:n="onInput"})=>{const r={},s={},[a,u]=f.createSignal(e),{errors:d,appendError:g,removeError:T,resetErrors:j}=S(),[x,y]=f.createSignal(!0),q=(t,o)=>{const i=r[t];i&&(o.ref=i),g(t,o)},M=t=>{T(t)},E=t=>{const o=s[t],i=C(a(),t,o);i?q(t,i):M(t),y(!Object.keys(d()).length)},P=()=>{Object.keys(a()).forEach(t=>{E(t)})},F=(t,o)=>{const i=b(t);u(h=>({...h,[o]:i})),E(o)},H=(t,o={})=>(s[t]={required:o.required,min:o.min,max:o.max,minLength:o.minLength,maxLength:o.maxLength,pattern:o.pattern,validate:o.validate},{name:t,onInput(i){n==="onInput"&&F(i,t)},onChange(i){(n==="onChange"||n==="onInput")&&F(i,t)},ref(i){r[t]||(r[t]=i,i&&l(i,a()[t]))}}),L=t=>t?a()[t]:a();return{values:a,errors:d,isValid:x,register:H,getValues:L,setValue:(t,o)=>{u(h=>({...h,[t]:o}));const i=r[t];i&&l(i,o)},onSubmit:t=>o=>{o.preventDefault(),P(),x()&&t(L())},reset:(t={})=>{u(()=>({...e,...t})),j(),y(!0)}}},v=f.createContext({}),k=e=>React.createElement(v.Provider,{value:e.form},e.children),I=()=>{const e=f.useContext(v);if(!e)throw new Error("useFormContext: cannot find a FormProvider");return e};c.FormProvider=k,c.useForm=V,c.useFormContext=I,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/dist/types/form.d.ts

@@ -4,7 +4,7 @@ import { Rules } from './validate';
 import { FieldErrors } from './errors';
 export type FormValues = Record<string, any>;
 export type Ref = HTMLElement | null;
-type RegisterReturn<F extends FormValues> = {
+export type RegisterReturn<F extends FormValues> = {
     name: Path<F>;
     ref(ref: Ref): void;
     onInput(event: Event): void;
@@ -16,7 +16,7 @@ export type GetValues<F extends FormValues> = {
     <N extends FieldPath<F>>(name: N): FieldPathValue<F, N>;
 };
 export type SetValue<F extends FormValues> = (name: Path<F>, value: FieldPathValue<F, Path<F>>) => void;
-type SubmitCallback<F extends FormValues> = (values: F) => void;
+export type SubmitCallback<F extends FormValues> = (values: F) => void;
 export type OnSubmit<F extends FormValues> = (submit: SubmitCallback<F>) => (event: SubmitEvent) => void;
 export type Reset<F extends FormValues> = (newDefaultValues?: Partial<F>) => void;
 export type UseFormReturn<F extends FormValues = FormValues> = {
@@ -30,4 +30,3 @@ export type UseFormReturn<F extends FormValues = FormValues> = {
     reset: Reset<F>;
 };
 export type FormFields = Record<string, Ref>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",
@@ -19,6 +19,9 @@
     "solid-js": "^1.9.5"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^0.8.10",
+    "@testing-library/user-event": "^14.6.1",
+    "happy-dom": "^17.4.4",
     "react-hook-form": "^7.55.0",
     "typescript": "~5.7.2",
     "vite": "^6.0.11",