solid-hook-form 1.3.4 → 1.3.6

package/dist/form_context.d.ts

@@ -1 +1 @@
-export declare const FormContext: import('solid-js').Context<{}>;
+export declare const FormContext: import('solid-js').Context<unknown>;

package/dist/main.js

@@ -1,5 +1,5 @@
-import { createSignal as p, createContext as q, useContext as M } from "solid-js";
-const S = (e) => {
+import { createSignal as p, createContext as q, createComponent as M, useContext as S } from "solid-js";
+const H = (e) => {
   const n = e.target;
   return n instanceof HTMLSelectElement ? n.value : n instanceof HTMLInputElement && n.type === "checkbox" ? n.checked : n.value;
 }, y = (e, n) => {
@@ -12,20 +12,20 @@ const S = (e) => {
     return;
   }
   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 = {}) => {
+}, m = (e) => e instanceof RegExp || typeof e == "string" || typeof e == "number" ? e : e.value, g = (e) => typeof e == "string" ? e : typeof e.message == "string" ? e.message : "", N = (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) };
+    return { type: "required", message: g(r.required) };
+  if (r.min && Number(i) < Number(m(r.min)))
+    return { type: "min", message: g(r.min) };
+  if (r.max && Number(i) > Number(m(r.max)))
+    return { type: "max", message: g(r.max) };
+  if (r.minLength && i.length < m(r.minLength))
+    return { type: "minLength", message: g(r.minLength) };
+  if (r.maxLength && i.length > m(r.maxLength))
+    return { type: "maxLength", message: g(r.maxLength) };
+  if (r.pattern && !m(r.pattern).test(i))
+    return { type: "pattern", message: g(r.pattern) };
   if (r.validate) {
     const a = r.validate(i, e);
     if (a === !1)
@@ -33,7 +33,7 @@ const S = (e) => {
     if (typeof a == "string")
       return { type: "validate", message: a };
   }
-}, N = () => {
+}, T = () => {
   const [e, n] = p({});
   return {
     errors: e,
@@ -50,24 +50,24 @@ const S = (e) => {
       n({});
     }
   };
-}, w = ({
+}, O = ({
   defaultValues: e,
   mode: n = "onInput"
 }) => {
-  const r = {}, i = {}, [a, c] = p(e), { errors: f, appendError: u, removeError: F, resetErrors: b } = N(), [h, l] = p(!0), C = (t, o) => {
+  const r = {}, i = {}, [a, c] = p(e), { errors: f, appendError: u, removeError: F, resetErrors: b } = T(), [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);
+    const o = i[t], s = N(a(), t, o);
     s ? C(t, s) : V(t), l(!Object.keys(f()).length);
   }, I = () => {
     Object.keys(a()).forEach((t) => {
       v(t);
     });
   }, x = (t, o) => {
-    const s = S(t);
+    const s = H(t);
     c((d) => ({ ...d, [o]: s })), v(o);
   }, k = (t, o = {}) => (i[t] = {
     required: o.required,
@@ -111,14 +111,21 @@ const S = (e) => {
       })), b(), l(!0);
     }
   };
-}, L = q({}), O = (e) => /* @__PURE__ */ React.createElement(L.Provider, { value: e.form }, e.children), A = () => {
-  const e = M(L);
+}, L = q(), A = (e) => M(L.Provider, {
+  get value() {
+    return e.form;
+  },
+  get children() {
+    return e.children;
+  }
+}), D = () => {
+  const e = S(L);
   if (!e)
     throw new Error("useFormContext: cannot find a FormProvider");
   return e;
 };
 export {
-  O as FormProvider,
-  w as useForm,
-  A as useFormContext
+  A as FormProvider,
+  O as useForm,
+  D as useFormContext
 };

package/dist/main.umd.cjs

@@ -1 +1 @@
-(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"})});
+(function(f,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],c):(f=typeof globalThis<"u"?globalThis:f||self,c(f["solid-hook-form"]={},f.solid))})(this,function(f,c){"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]=c.createSignal({});return{errors:e,appendError:(u,g)=>{n(d=>({...d,[u]:g}))},removeError:u=>{n(g=>{const d={...g};return delete d[u],d})},resetErrors:()=>{n({})}}},V=({defaultValues:e,mode:n="onInput"})=>{const r={},s={},[a,u]=c.createSignal(e),{errors:g,appendError:d,removeError:T,resetErrors:j}=S(),[x,y]=c.createSignal(!0),q=(t,o)=>{const i=r[t];i&&(o.ref=i),d(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(g()).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:g,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=c.createContext(),k=e=>c.createComponent(v.Provider,{get value(){return e.form},get children(){return e.children}}),I=()=>{const e=c.useContext(v);if(!e)throw new Error("useFormContext: cannot find a FormProvider");return e};f.FormProvider=k,f.useForm=V,f.useFormContext=I,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

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