solid-hook-form 1.3.6 → 1.4.0

package/dist/logic/get_value.d.ts

@@ -1 +1 @@
-export declare const getFieldValue: (event: Event) => string | boolean;
+export declare const getFieldValue: (event: Event) => string | boolean | FileList | null;

package/dist/main.js

@@ -1,7 +1,7 @@
-import { createSignal as p, createContext as q, createComponent as M, useContext as S } from "solid-js";
-const H = (e) => {
+import { createSignal as d, createContext as H, createComponent as T, useContext as q } 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;
+  return n instanceof HTMLSelectElement ? n.value : n instanceof HTMLInputElement && n.type === "checkbox" ? n.checked : n instanceof HTMLInputElement && n.type === "file" ? n.files : n.value;
 }, y = (e, n) => {
   if (e instanceof HTMLSelectElement) {
     e.value = n;
@@ -11,65 +11,75 @@ const H = (e) => {
     e.checked = n;
     return;
   }
-  e.value = n;
-}, 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 = {}) => {
+  e instanceof HTMLInputElement && e.type === "file" || (e.value = n);
+}, p = (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: g(r.required) };
-  if (r.min && Number(i) < Number(m(r.min)))
+  if (r.min && Number(i) < Number(p(r.min)))
     return { type: "min", message: g(r.min) };
-  if (r.max && Number(i) > Number(m(r.max)))
+  if (r.max && Number(i) > Number(p(r.max)))
     return { type: "max", message: g(r.max) };
-  if (r.minLength && i.length < m(r.minLength))
+  if (r.minLength && i.length < p(r.minLength))
     return { type: "minLength", message: g(r.minLength) };
-  if (r.maxLength && i.length > m(r.maxLength))
+  if (r.maxLength && i.length > p(r.maxLength))
     return { type: "maxLength", message: g(r.maxLength) };
-  if (r.pattern && !m(r.pattern).test(i))
+  if (r.pattern && !p(r.pattern).test(i))
     return { type: "pattern", message: g(r.pattern) };
   if (r.validate) {
-    const a = r.validate(i, e);
-    if (a === !1)
+    const c = r.validate(i, e);
+    if (c === !1)
       return { type: "validate" };
-    if (typeof a == "string")
-      return { type: "validate", message: a };
+    if (typeof c == "string")
+      return { type: "validate", message: c };
   }
-}, T = () => {
-  const [e, n] = p({});
+}, j = () => {
+  const [e, n] = d({});
   return {
     errors: e,
-    appendError: (c, f) => {
-      n((u) => ({ ...u, [c]: f }));
+    appendError: (a, f) => {
+      n((m) => ({ ...m, [a]: f }));
     },
-    removeError: (c) => {
+    removeError: (a) => {
       n((f) => {
-        const u = { ...f };
-        return delete u[c], u;
+        const m = { ...f };
+        return delete m[a], m;
       });
     },
     resetErrors: () => {
       n({});
     }
   };
-}, O = ({
+}, A = ({
   defaultValues: e,
   mode: n = "onInput"
 }) => {
-  const r = {}, i = {}, [a, c] = p(e), { errors: f, appendError: u, removeError: F, resetErrors: b } = T(), [h, l] = p(!0), C = (t, o) => {
+  const r = {}, i = {}, [c, a] = d(e), { errors: f, appendError: m, removeError: F, resetErrors: b } = j(), [l, h] = d(!0), C = (t, o) => {
     const s = r[t];
-    s && (o.ref = s), u(t, o);
-  }, V = (t) => {
+    s && (o.ref = s), m(t, o);
+  }, I = (t) => {
     F(t);
-  }, v = (t) => {
-    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);
+  }, E = (t) => {
+    const o = i[t], s = N(c(), t, o);
+    s ? C(t, s) : I(t), h(!Object.keys(f()).length);
+  }, k = () => {
+    Object.keys(c()).forEach((t) => {
+      E(t);
     });
-  }, x = (t, o) => {
-    const s = H(t);
-    c((d) => ({ ...d, [o]: s })), v(o);
-  }, k = (t, o = {}) => (i[t] = {
+  }, V = () => {
+    var o;
+    const t = Object.keys(r);
+    for (const s of t) {
+      const u = f()[s];
+      if (u) {
+        (o = u.ref) == null || o.focus();
+        break;
+      }
+    }
+  }, v = (t, o) => {
+    const s = S(t);
+    a((u) => ({ ...u, [o]: s })), E(o);
+  }, M = (t, o = {}) => (i[t] = {
     required: o.required,
     min: o.min,
     max: o.max,
@@ -81,51 +91,51 @@ const H = (e) => {
     name: t,
     // value: values()[name],
     onInput(s) {
-      n === "onInput" && x(s, t);
+      n === "onInput" && v(s, t);
     },
     onChange(s) {
-      (n === "onChange" || n === "onInput") && x(s, t);
+      (n === "onChange" || n === "onInput") && v(s, t);
     },
     ref(s) {
-      r[t] || (r[t] = s, s && y(s, a()[t]));
+      r[t] || (r[t] = s, s && y(s, c()[t]));
     }
-  }), E = (t) => t ? a()[t] : a();
+  }), x = (t) => t ? c()[t] : c();
   return {
-    values: a,
+    values: c,
     errors: f,
-    isValid: h,
-    register: k,
-    getValues: E,
+    isValid: l,
+    register: M,
+    getValues: x,
     setValue: (t, o) => {
-      c((d) => ({ ...d, [t]: o }));
+      a((u) => ({ ...u, [t]: o }));
       const s = r[t];
       s && y(s, o);
     },
     onSubmit: (t) => (o) => {
-      o.preventDefault(), I(), h() && t(E());
+      o.preventDefault(), k(), l() && t(x()), V();
     },
     reset: (t = {}) => {
-      c(() => ({
+      a(() => ({
         ...e,
         ...t
-      })), b(), l(!0);
+      })), b(), h(!0);
     }
   };
-}, L = q(), A = (e) => M(L.Provider, {
+}, L = H(), D = (e) => T(L.Provider, {
   get value() {
     return e.form;
   },
   get children() {
     return e.children;
   }
-}), D = () => {
-  const e = S(L);
+}), z = () => {
+  const e = q(L);
   if (!e)
     throw new Error("useFormContext: cannot find a FormProvider");
   return e;
 };
 export {
-  A as FormProvider,
-  O as useForm,
-  D as useFormContext
+  D as FormProvider,
+  A as useForm,
+  z as useFormContext
 };

package/dist/main.umd.cjs

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

package/package.json

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