solid-hook-form 1.3.3 → 1.3.5

package/dist/main.js

@@ -1,347 +1,132 @@
-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 M, createComponent as S, useContext as y } 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;
+}, L = (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;
+}, 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: 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 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({});
+}, T = () => {
+  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"
+}, O = ({
+  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: b, resetErrors: C } = T(), [h, l] = p(!0), V = (t, o) => {
+    const s = r[t];
+    s && (o.ref = s), u(t, o);
+  }, I = (t) => {
+    b(t);
+  }, x = (t) => {
+    const o = i[t], s = N(a(), t, o);
+    s ? V(t, s) : I(t), l(!Object.keys(f()).length);
+  }, k = () => {
+    Object.keys(a()).forEach((t) => {
+      x(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
+  }, v = (t, o) => {
+    const s = H(t);
+    c((d) => ({ ...d, [o]: s })), x(o);
+  }, q = (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" && v(s, t);
     },
-    onChange(c) {
-      (e === "onChange" || e === "onInput") && N(c, o);
+    onChange(s) {
+      (n === "onChange" || n === "onInput") && v(s, t);
     },
-    ref(c) {
-      r[o] || (r[o] = c, c && D(c, s()[o]));
+    ref(s) {
+      r[t] || (r[t] = s, s && L(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: q,
+    getValues: E,
+    setValue: (t, o) => {
+      c((d) => ({ ...d, [t]: o }));
+      const s = r[t];
+      s && L(s, o);
     },
-    onSubmit: (o) => (u) => {
-      u.preventDefault(), K(), k() && o(q());
+    onSubmit: (t) => (o) => {
+      o.preventDefault(), k(), h() && t(E());
     },
-    reset: (o = {}) => {
-      i(() => ({
-        ...t,
-        ...o
-      })), z(), O(!0);
+    reset: (t = {}) => {
+      c(() => ({
+        ...e,
+        ...t
+      })), C(), l(!0);
     }
   };
-}, Q = rt({}), vt = (t) => /* @__PURE__ */ React.createElement(Q.Provider, { value: t.form }, t.children), bt = () => {
-  const t = nt(Q);
-  if (!t)
+}, F = M({}), A = (e) => S(F.Provider, {
+  get value() {
+    return e.form;
+  },
+  get children() {
+    return e.children;
+  }
+}), D = () => {
+  const e = y(F);
+  if (console.log("context", e, y), !e)
     throw new Error("useFormContext: cannot find a FormProvider");
-  return t;
+  return e;
 };
 export {
-  vt as FormProvider,
-  mt as useForm,
-  bt as useFormContext
+  A as FormProvider,
+  O as useForm,
+  D as useFormContext
 };
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../src/logic/get_value.ts","../src/logic/set_value.ts","../src/logic/validate.ts","../src/logic/create_errors.ts","../src/use_form.ts","../src/form_context.ts","../src/form_provider.tsx","../src/use_form_context.ts"],"sourcesContent":["export const getFieldValue = (event: Event) => {\n  const field = event.target;\n\n  if (field instanceof HTMLSelectElement) {\n    return field.value;\n  }\n\n  if (field instanceof HTMLInputElement && field.type === \"checkbox\") {\n    return field.checked;\n  }\n\n  return (field as HTMLInputElement).value;\n};\n","export const setFieldValue = (field: HTMLElement, value: any) => {\n  if (field instanceof HTMLSelectElement) {\n    field.value = value;\n\n    return;\n  }\n\n  if (field instanceof HTMLInputElement && field.type === \"checkbox\") {\n    field.checked = value;\n\n    return;\n  }\n\n  (field as HTMLInputElement).value = value;\n};\n","import { FieldError } from \"../types/errors\";\nimport { FormValues } from \"../types/form\";\nimport { Path } from \"../types/path\";\nimport { Rules, ValidationRule } from \"../types/validate\";\n\nconst getRuleValue = (rule: ValidationRule<any>) => {\n  if (rule instanceof RegExp) {\n    return rule;\n  }\n\n  if (typeof rule === \"string\" || typeof rule === \"number\") {\n    return rule;\n  }\n\n  return rule.value;\n};\n\nconst getRuleMessage = (rule: ValidationRule<any>) => {\n  if (typeof rule === \"string\") {\n    return rule;\n  }\n\n  if (typeof rule.message === \"string\") {\n    return rule.message;\n  }\n\n  return \"\";\n};\n\nexport const validate = <F extends FormValues>(\n  values: F,\n  name: Path<F>,\n  rules: Rules<F, Path<F>> = {}\n): FieldError | undefined => {\n  const value = values[name];\n\n  if (rules.required && !value) {\n    return { type: \"required\", message: getRuleMessage(rules.required) };\n  }\n\n  if (rules.min && Number(value) < Number(getRuleValue(rules.min))) {\n    return { type: \"min\", message: getRuleMessage(rules.min) };\n  }\n\n  if (rules.max && Number(value) > Number(getRuleValue(rules.max))) {\n    return { type: \"max\", message: getRuleMessage(rules.max) };\n  }\n\n  if (rules.minLength && value.length < getRuleValue(rules.minLength)) {\n    return { type: \"minLength\", message: getRuleMessage(rules.minLength) };\n  }\n\n  if (rules.maxLength && value.length > getRuleValue(rules.maxLength)) {\n    return { type: \"maxLength\", message: getRuleMessage(rules.maxLength) };\n  }\n\n  if (rules.pattern && !getRuleValue(rules.pattern).test(value)) {\n    return { type: \"pattern\", message: getRuleMessage(rules.pattern) };\n  }\n\n  if (rules.validate) {\n    const message = rules.validate(value, values);\n\n    if (message === false) {\n      return { type: \"validate\" };\n    }\n\n    if (typeof message === \"string\") {\n      return { type: \"validate\", message };\n    }\n  }\n};\n","import { createSignal } from \"solid-js\";\nimport { FieldError, FieldErrors } from \"../types/errors\";\nimport { FormValues } from \"../types/form\";\nimport { Path } from \"../types/path\";\n\nexport const createErrors = <F extends FormValues>() => {\n  const [errors, setErrors] = createSignal<FieldErrors<F>>({});\n\n  const appendError = (name: Path<F>, error: FieldError) => {\n    setErrors((prev) => ({ ...prev, [name]: error }));\n  };\n\n  const removeError = (name: Path<F>) => {\n    setErrors((prev) => {\n      const errors = { ...prev };\n\n      delete errors[name];\n      return errors;\n    });\n  };\n\n  const resetErrors = () => {\n    setErrors({});\n  };\n\n  return {\n    errors,\n    appendError,\n    removeError,\n    resetErrors,\n  };\n};\n","import { createSignal } from \"solid-js\";\nimport {\n  FormFields,\n  FormValues,\n  GetValues,\n  OnSubmit,\n  Register,\n  Reset,\n  SetValue,\n  UseFormReturn,\n} from \"./types/form\";\nimport { Path } from \"./types/path\";\nimport { FieldError } from \"./types/errors\";\nimport { getFieldValue } from \"./logic/get_value\";\nimport { setFieldValue } from \"./logic/set_value\";\nimport { Rules } from \"./types/validate\";\nimport { validate } from \"./logic/validate\";\nimport { createErrors } from \"./logic/create_errors\";\n\ntype UseFormArg<T extends FormValues> = {\n  defaultValues: T;\n  mode?: \"onInput\" | \"onChange\" | \"onSubmit\";\n};\n\nexport const useForm = <F extends FormValues>({\n  defaultValues,\n  mode = \"onInput\",\n}: UseFormArg<F>): UseFormReturn<F> => {\n  const fields: FormFields = {};\n  const rules: Record<string, Rules<F, Path<F>>> = {};\n\n  const [values, setValues] = createSignal<F>(defaultValues);\n  const { errors, appendError, removeError, resetErrors } = createErrors<F>();\n  const [isValid, setIsValid] = createSignal<boolean>(true);\n\n  const setFieldError = (name: Path<F>, error: FieldError) => {\n    const field = fields[name];\n\n    if (field) {\n      error.ref = field;\n    }\n\n    appendError(name, error);\n  };\n\n  const clearFieldError = (name: Path<F>) => {\n    removeError(name);\n  };\n\n  const validateField = (name: Path<F>) => {\n    const rule = rules[name];\n    const error = validate(values(), name, rule);\n\n    if (error) {\n      setFieldError(name, error);\n    } else {\n      clearFieldError(name);\n    }\n\n    setIsValid(!Object.keys(errors()).length);\n  };\n\n  const validateAllFields = () => {\n    Object.keys(values()).forEach((key) => {\n      validateField(key as Path<F>);\n    });\n  };\n\n  const onFieldChange = (event: Event, name: Path<F>) => {\n    const value = getFieldValue(event);\n\n    setValues((prev) => ({ ...prev, [name]: value }));\n    validateField(name);\n  };\n\n  const register: Register<F> = (name, options = {}) => {\n    rules[name] = {\n      required: options.required,\n      min: options.min,\n      max: options.max,\n      minLength: options.minLength,\n      maxLength: options.maxLength,\n      pattern: options.pattern,\n      validate: options.validate,\n    };\n\n    return {\n      name,\n      // value: values()[name],\n      onInput(event) {\n        if (mode === \"onInput\") {\n          onFieldChange(event, name);\n        }\n      },\n      onChange(event) {\n        if (mode === \"onChange\" || mode === \"onInput\") {\n          onFieldChange(event, name);\n        }\n      },\n      ref(element) {\n        const field = fields[name];\n\n        if (field) {\n          return;\n        }\n\n        fields[name] = element;\n\n        if (element) {\n          setFieldValue(element, values()[name]);\n        }\n      },\n    };\n  };\n\n  const getValues: GetValues<F> = (name?: string) => {\n    if (name) {\n      return values()[name];\n    }\n\n    return values();\n  };\n\n  const setValue: SetValue<F> = (name, value) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n\n    const field = fields[name];\n\n    if (field) {\n      setFieldValue(field, value);\n    }\n  };\n\n  const onSubmit: OnSubmit<F> = (submit) => {\n    return (event) => {\n      event.preventDefault();\n      validateAllFields();\n\n      if (isValid()) {\n        submit(getValues());\n      }\n    };\n  };\n\n  const reset: Reset<F> = (newDefaultValues = {}) => {\n    setValues(() => ({\n      ...defaultValues,\n      ...newDefaultValues,\n    }));\n    resetErrors();\n    setIsValid(true);\n  };\n\n  return {\n    values,\n    errors,\n    isValid,\n    register,\n    getValues,\n    setValue,\n    onSubmit,\n    reset,\n  };\n};\n","import { createContext } from \"solid-js\";\n\nexport const FormContext = createContext({});\n","import { ParentProps } from \"solid-js\";\nimport { FormValues, UseFormReturn } from \"./types/form\";\nimport { FormContext } from \"./form_context\";\n\ntype FormProviderProps<T extends FormValues> = ParentProps & {\n  form: UseFormReturn<T>;\n};\n\nexport const FormProvider = <T extends FormValues>(props: FormProviderProps<T>) => {\n  return <FormContext.Provider value={props.form}>{props.children}</FormContext.Provider>;\n};\n","import { useContext } from \"solid-js\";\nimport { FormContext } from \"./form_context\";\nimport { FormValues, UseFormReturn } from \"./types/form\";\n\nexport const useFormContext = <T extends FormValues>() => {\n  const form = useContext(FormContext) as UseFormReturn<T>;\n\n  console.log(\"context\", form, useContext);\n\n  if (!form) {\n    throw new Error(\"useFormContext: cannot find a FormProvider\");\n  }\n\n  return form;\n};\n"],"names":["getFieldValue","event","field","setFieldValue","value","getRuleValue","rule","getRuleMessage","validate","values","name","rules","message","createErrors","errors","setErrors","createSignal","error","prev","useForm","defaultValues","mode","fields","setValues","appendError","removeError","resetErrors","isValid","setIsValid","setFieldError","clearFieldError","validateField","validateAllFields","key","onFieldChange","register","options","element","getValues","submit","newDefaultValues","FormContext","createContext","FormProvider","props","_$createComponent","Provider","form","children","useFormContext","useContext"],"mappings":"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"}

package/dist/main.umd.cjs

@@ -1 +1,2 @@
-(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(f,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],s):(f=typeof globalThis<"u"?globalThis:f||self,s(f["solid-hook-form"]={},f.solid))})(this,function(f,s){"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,g=e=>typeof e=="string"?e:typeof e.message=="string"?e.message:"",C=(e,n,r={})=>{const c=e[n];if(r.required&&!c)return{type:"required",message:g(r.required)};if(r.min&&Number(c)<Number(p(r.min)))return{type:"min",message:g(r.min)};if(r.max&&Number(c)>Number(p(r.max)))return{type:"max",message:g(r.max)};if(r.minLength&&c.length<p(r.minLength))return{type:"minLength",message:g(r.minLength)};if(r.maxLength&&c.length>p(r.maxLength))return{type:"maxLength",message:g(r.maxLength)};if(r.pattern&&!p(r.pattern).test(c))return{type:"pattern",message:g(r.pattern)};if(r.validate){const a=r.validate(c,e);if(a===!1)return{type:"validate"};if(typeof a=="string")return{type:"validate",message:a}}},S=()=>{const[e,n]=s.createSignal({});return{errors:e,appendError:(u,m)=>{n(d=>({...d,[u]:m}))},removeError:u=>{n(m=>{const d={...m};return delete d[u],d})},resetErrors:()=>{n({})}}},V=({defaultValues:e,mode:n="onInput"})=>{const r={},c={},[a,u]=s.createSignal(e),{errors:m,appendError:d,removeError:T,resetErrors:j}=S(),[x,y]=s.createSignal(!0),q=(t,o)=>{const i=r[t];i&&(o.ref=i),d(t,o)},M=t=>{T(t)},E=t=>{const o=c[t],i=C(a(),t,o);i?q(t,i):M(t),y(!Object.keys(m()).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={})=>(c[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:m,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=s.createContext({}),k=e=>s.createComponent(v.Provider,{get value(){return e.form},get children(){return e.children}}),I=()=>{const e=s.useContext(v);if(console.log("context",e,s.useContext),!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"})});
+//# sourceMappingURL=main.umd.cjs.map

package/dist/main.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.umd.cjs","sources":["../src/logic/get_value.ts","../src/logic/set_value.ts","../src/logic/validate.ts","../src/logic/create_errors.ts","../src/use_form.ts","../src/form_context.ts","../src/form_provider.tsx","../src/use_form_context.ts"],"sourcesContent":["export const getFieldValue = (event: Event) => {\n  const field = event.target;\n\n  if (field instanceof HTMLSelectElement) {\n    return field.value;\n  }\n\n  if (field instanceof HTMLInputElement && field.type === \"checkbox\") {\n    return field.checked;\n  }\n\n  return (field as HTMLInputElement).value;\n};\n","export const setFieldValue = (field: HTMLElement, value: any) => {\n  if (field instanceof HTMLSelectElement) {\n    field.value = value;\n\n    return;\n  }\n\n  if (field instanceof HTMLInputElement && field.type === \"checkbox\") {\n    field.checked = value;\n\n    return;\n  }\n\n  (field as HTMLInputElement).value = value;\n};\n","import { FieldError } from \"../types/errors\";\nimport { FormValues } from \"../types/form\";\nimport { Path } from \"../types/path\";\nimport { Rules, ValidationRule } from \"../types/validate\";\n\nconst getRuleValue = (rule: ValidationRule<any>) => {\n  if (rule instanceof RegExp) {\n    return rule;\n  }\n\n  if (typeof rule === \"string\" || typeof rule === \"number\") {\n    return rule;\n  }\n\n  return rule.value;\n};\n\nconst getRuleMessage = (rule: ValidationRule<any>) => {\n  if (typeof rule === \"string\") {\n    return rule;\n  }\n\n  if (typeof rule.message === \"string\") {\n    return rule.message;\n  }\n\n  return \"\";\n};\n\nexport const validate = <F extends FormValues>(\n  values: F,\n  name: Path<F>,\n  rules: Rules<F, Path<F>> = {}\n): FieldError | undefined => {\n  const value = values[name];\n\n  if (rules.required && !value) {\n    return { type: \"required\", message: getRuleMessage(rules.required) };\n  }\n\n  if (rules.min && Number(value) < Number(getRuleValue(rules.min))) {\n    return { type: \"min\", message: getRuleMessage(rules.min) };\n  }\n\n  if (rules.max && Number(value) > Number(getRuleValue(rules.max))) {\n    return { type: \"max\", message: getRuleMessage(rules.max) };\n  }\n\n  if (rules.minLength && value.length < getRuleValue(rules.minLength)) {\n    return { type: \"minLength\", message: getRuleMessage(rules.minLength) };\n  }\n\n  if (rules.maxLength && value.length > getRuleValue(rules.maxLength)) {\n    return { type: \"maxLength\", message: getRuleMessage(rules.maxLength) };\n  }\n\n  if (rules.pattern && !getRuleValue(rules.pattern).test(value)) {\n    return { type: \"pattern\", message: getRuleMessage(rules.pattern) };\n  }\n\n  if (rules.validate) {\n    const message = rules.validate(value, values);\n\n    if (message === false) {\n      return { type: \"validate\" };\n    }\n\n    if (typeof message === \"string\") {\n      return { type: \"validate\", message };\n    }\n  }\n};\n","import { createSignal } from \"solid-js\";\nimport { FieldError, FieldErrors } from \"../types/errors\";\nimport { FormValues } from \"../types/form\";\nimport { Path } from \"../types/path\";\n\nexport const createErrors = <F extends FormValues>() => {\n  const [errors, setErrors] = createSignal<FieldErrors<F>>({});\n\n  const appendError = (name: Path<F>, error: FieldError) => {\n    setErrors((prev) => ({ ...prev, [name]: error }));\n  };\n\n  const removeError = (name: Path<F>) => {\n    setErrors((prev) => {\n      const errors = { ...prev };\n\n      delete errors[name];\n      return errors;\n    });\n  };\n\n  const resetErrors = () => {\n    setErrors({});\n  };\n\n  return {\n    errors,\n    appendError,\n    removeError,\n    resetErrors,\n  };\n};\n","import { createSignal } from \"solid-js\";\nimport {\n  FormFields,\n  FormValues,\n  GetValues,\n  OnSubmit,\n  Register,\n  Reset,\n  SetValue,\n  UseFormReturn,\n} from \"./types/form\";\nimport { Path } from \"./types/path\";\nimport { FieldError } from \"./types/errors\";\nimport { getFieldValue } from \"./logic/get_value\";\nimport { setFieldValue } from \"./logic/set_value\";\nimport { Rules } from \"./types/validate\";\nimport { validate } from \"./logic/validate\";\nimport { createErrors } from \"./logic/create_errors\";\n\ntype UseFormArg<T extends FormValues> = {\n  defaultValues: T;\n  mode?: \"onInput\" | \"onChange\" | \"onSubmit\";\n};\n\nexport const useForm = <F extends FormValues>({\n  defaultValues,\n  mode = \"onInput\",\n}: UseFormArg<F>): UseFormReturn<F> => {\n  const fields: FormFields = {};\n  const rules: Record<string, Rules<F, Path<F>>> = {};\n\n  const [values, setValues] = createSignal<F>(defaultValues);\n  const { errors, appendError, removeError, resetErrors } = createErrors<F>();\n  const [isValid, setIsValid] = createSignal<boolean>(true);\n\n  const setFieldError = (name: Path<F>, error: FieldError) => {\n    const field = fields[name];\n\n    if (field) {\n      error.ref = field;\n    }\n\n    appendError(name, error);\n  };\n\n  const clearFieldError = (name: Path<F>) => {\n    removeError(name);\n  };\n\n  const validateField = (name: Path<F>) => {\n    const rule = rules[name];\n    const error = validate(values(), name, rule);\n\n    if (error) {\n      setFieldError(name, error);\n    } else {\n      clearFieldError(name);\n    }\n\n    setIsValid(!Object.keys(errors()).length);\n  };\n\n  const validateAllFields = () => {\n    Object.keys(values()).forEach((key) => {\n      validateField(key as Path<F>);\n    });\n  };\n\n  const onFieldChange = (event: Event, name: Path<F>) => {\n    const value = getFieldValue(event);\n\n    setValues((prev) => ({ ...prev, [name]: value }));\n    validateField(name);\n  };\n\n  const register: Register<F> = (name, options = {}) => {\n    rules[name] = {\n      required: options.required,\n      min: options.min,\n      max: options.max,\n      minLength: options.minLength,\n      maxLength: options.maxLength,\n      pattern: options.pattern,\n      validate: options.validate,\n    };\n\n    return {\n      name,\n      // value: values()[name],\n      onInput(event) {\n        if (mode === \"onInput\") {\n          onFieldChange(event, name);\n        }\n      },\n      onChange(event) {\n        if (mode === \"onChange\" || mode === \"onInput\") {\n          onFieldChange(event, name);\n        }\n      },\n      ref(element) {\n        const field = fields[name];\n\n        if (field) {\n          return;\n        }\n\n        fields[name] = element;\n\n        if (element) {\n          setFieldValue(element, values()[name]);\n        }\n      },\n    };\n  };\n\n  const getValues: GetValues<F> = (name?: string) => {\n    if (name) {\n      return values()[name];\n    }\n\n    return values();\n  };\n\n  const setValue: SetValue<F> = (name, value) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n\n    const field = fields[name];\n\n    if (field) {\n      setFieldValue(field, value);\n    }\n  };\n\n  const onSubmit: OnSubmit<F> = (submit) => {\n    return (event) => {\n      event.preventDefault();\n      validateAllFields();\n\n      if (isValid()) {\n        submit(getValues());\n      }\n    };\n  };\n\n  const reset: Reset<F> = (newDefaultValues = {}) => {\n    setValues(() => ({\n      ...defaultValues,\n      ...newDefaultValues,\n    }));\n    resetErrors();\n    setIsValid(true);\n  };\n\n  return {\n    values,\n    errors,\n    isValid,\n    register,\n    getValues,\n    setValue,\n    onSubmit,\n    reset,\n  };\n};\n","import { createContext } from \"solid-js\";\n\nexport const FormContext = createContext({});\n","import { ParentProps } from \"solid-js\";\nimport { FormValues, UseFormReturn } from \"./types/form\";\nimport { FormContext } from \"./form_context\";\n\ntype FormProviderProps<T extends FormValues> = ParentProps & {\n  form: UseFormReturn<T>;\n};\n\nexport const FormProvider = <T extends FormValues>(props: FormProviderProps<T>) => {\n  return <FormContext.Provider value={props.form}>{props.children}</FormContext.Provider>;\n};\n","import { useContext } from \"solid-js\";\nimport { FormContext } from \"./form_context\";\nimport { FormValues, UseFormReturn } from \"./types/form\";\n\nexport const useFormContext = <T extends FormValues>() => {\n  const form = useContext(FormContext) as UseFormReturn<T>;\n\n  console.log(\"context\", form, useContext);\n\n  if (!form) {\n    throw new Error(\"useFormContext: cannot find a FormProvider\");\n  }\n\n  return form;\n};\n"],"names":["getFieldValue","event","field","setFieldValue","value","getRuleValue","rule","getRuleMessage","validate","values","name","rules","message","createErrors","errors","setErrors","createSignal","error","prev","useForm","defaultValues","mode","fields","setValues","appendError","removeError","resetErrors","isValid","setIsValid","setFieldError","clearFieldError","validateField","validateAllFields","key","onFieldChange","register","options","element","getValues","submit","newDefaultValues","FormContext","createContext","FormProvider","props","_$createComponent","Provider","form","children","useFormContext","useContext"],"mappings":"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"}

package/package.json

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