@teamnovu/kit-vue-forms 0.1.25 → 0.1.27

package/dist/composables/useSubmitHandler.d.ts

@@ -0,0 +1,8 @@
+import { Awaitable, MaybeRef } from '@vueuse/core';
+import { Form, FormDataDefault } from '../types/form';
+import { ValidationStrategy } from '../types/validation';
+interface SubmitHandlerOptions {
+    validationStrategy?: MaybeRef<ValidationStrategy>;
+}
+export declare function useSubmitHandler<T extends FormDataDefault>(form: Omit<Form<T>, 'submitHandler'>, options: SubmitHandlerOptions): (onSubmit: (data: T) => Awaitable<void>) => (event: SubmitEvent) => Promise<void>;
+export {};

package/dist/index.js

@@ -1,7 +1,7 @@
 var Q = Object.defineProperty;
 var X = (r, t, e) => t in r ? Q(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var D = (r, t, e) => X(r, typeof t != "symbol" ? t + "" : t, e);
-import { toValue as Y, toRaw as ee, unref as h, shallowRef as $, watch as R, computed as v, isRef as C, reactive as k, toRefs as K, shallowReactive as te, toRef as j, onScopeDispose as re, triggerRef as ae, ref as J, getCurrentScope as se, onBeforeUnmount as ne, defineComponent as T, renderSlot as b, normalizeProps as x, guardReactiveProps as N, resolveComponent as ie, createBlock as z, openBlock as H, withCtx as U, resolveDynamicComponent as oe, mergeProps as le, createSlots as ce, renderList as ue } from "vue";
+import { toValue as Y, toRaw as ee, unref as f, shallowRef as $, watch as R, computed as v, isRef as C, reactive as k, toRefs as K, shallowReactive as te, toRef as j, onScopeDispose as re, triggerRef as ae, ref as J, getCurrentScope as se, onBeforeUnmount as ne, defineComponent as T, renderSlot as b, normalizeProps as x, guardReactiveProps as N, resolveComponent as ie, createBlock as z, openBlock as H, withCtx as U, resolveDynamicComponent as oe, mergeProps as le, createSlots as ce, renderList as ue } from "vue";
 import { cloneDeep as de } from "lodash-es";
 import "zod";
 function g(r) {
@@ -10,7 +10,7 @@ function g(r) {
 }
 function L(r, t) {
   return (e) => async (a) => {
-    a.preventDefault(), h(t.validationStrategy) !== "none" && await r.validateForm(), r.isValid.value && await e(r.data.value);
+    a.preventDefault(), f(t.validationStrategy) !== "none" && await r.validateForm(), r.isValid.value && await e(r.data.value);
   };
 }
 class fe {
@@ -39,7 +39,7 @@ class fe {
 function he(r, t, e) {
   const a = /* @__PURE__ */ new Set();
   return t.map((s, n) => {
-    const d = [...r.get(s) ?? []], m = d.findIndex((f) => !a.has(f)), c = (m === -1 ? [] : d.slice(m))[0];
+    const d = [...r.get(s) ?? []], m = d.findIndex((h) => !a.has(h)), c = (m === -1 ? [] : d.slice(m))[0];
     if (c)
       return a.add(c), {
         id: c,
@@ -72,17 +72,17 @@ function G(r, t, e) {
       return s.setData([...i, c]), n.value.at(-1);
     },
     remove: (c) => {
-      const i = s.data.value ?? [], f = n.value.findIndex(
+      const i = s.data.value ?? [], h = n.value.findIndex(
         ({ id: l }) => l === c
       );
-      f !== -1 && s.setData(
-        i.slice(0, f).concat(i.slice(f + 1))
+      h !== -1 && s.setData(
+        i.slice(0, h).concat(i.slice(h + 1))
       );
     },
     insert: (c, i) => {
-      const f = s.data.value ?? [];
+      const h = s.data.value ?? [];
       return s.setData(
-        f.slice(0, i).concat([c]).concat(f.slice(i))
+        h.slice(0, i).concat([c]).concat(h.slice(i))
       ), n.value[i];
     },
     field: s
@@ -107,7 +107,7 @@ function ve(r, t, e) {
     const n = a.slice(0, -1).reduce(
       (d, m) => ((d == null ? void 0 : d[m]) === void 0 && (d[m] = {}), d == null ? void 0 : d[m]),
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      h(r)
+      f(r)
     );
     n[s] = e;
   } else {
@@ -118,10 +118,10 @@ function ve(r, t, e) {
 }
 const Z = (r, t) => v({
   get() {
-    return S(h(r), h(t));
+    return S(f(r), f(t));
   },
   set(e) {
-    ve(r, h(t), e);
+    ve(r, f(t), e);
   }
 });
 function I(r, t) {
@@ -170,7 +170,7 @@ function Fe(r) {
   R(
     $(e.initialValue),
     () => {
-      a.value = Object.freeze(g(e.initialValue)), s.value !== h(e.initialValue) && (s.value = g(e.initialValue));
+      a.value = Object.freeze(g(e.initialValue)), s.value !== f(e.initialValue) && (s.value = g(e.initialValue));
     },
     { flush: "sync" }
   );
@@ -184,10 +184,10 @@ function Fe(r) {
     (p = e.onFocus) == null || p.call(e);
   }, c = () => {
     const p = s.path.split(".").at(-1) || "";
-    h(e.existsInForm) && !/^\d+$/.test(p) && (s.value = g(s.initialValue)), s.touched = !1, s.errors = [];
+    f(e.existsInForm) && !/^\d+$/.test(p) && (s.value = g(s.initialValue)), s.touched = !1, s.errors = [];
   }, i = (p) => {
     n.value || d(g(p)), s.initialValue = p;
-  }, f = (p) => {
+  }, h = (p) => {
     s.errors = p;
   }, l = () => {
     s.errors = [];
@@ -204,7 +204,7 @@ function Fe(r) {
     onBlur: m,
     onFocus: F,
     reset: c,
-    setErrors: f,
+    setErrors: h,
     clearErrors: l
   };
 }
@@ -226,11 +226,11 @@ function Ee(r, t, e) {
     ...ye,
     ...e
   }, d = (l) => {
-    const o = h(l.path);
+    const o = f(l.path);
     s.set(o, l);
   }, m = (l) => {
     var o;
-    n != null && n.keepValuesOnUnmount || (o = s.get(l)) == null || o.reset(), s.delete(l);
+    f((n == null ? void 0 : n.keepValuesOnUnmount) ?? !0) || (o = s.get(l)) == null || o.reset(), s.delete(l);
   }, F = (l) => {
     var o;
     a.has(l) ? (o = a.get(l)) == null || o.inc() : a.set(l, new Ve(() => m(l)));
@@ -244,7 +244,7 @@ function Ee(r, t, e) {
         path: o,
         value: Z(j(r, "data"), o),
         initialValue: ge(r, o),
-        existsInForm: v(() => pe(r.data, h(o))),
+        existsInForm: v(() => pe(r.data, f(o))),
         errors: v({
           get() {
             return t.errors.value.propertyErrors[o] || [];
@@ -256,14 +256,14 @@ function Ee(r, t, e) {
         onBlur: async () => {
           var E, P;
           await Promise.all([
-            (E = n == null ? void 0 : n.onBlur) == null ? void 0 : E.call(n, h(o)),
+            (E = n == null ? void 0 : n.onBlur) == null ? void 0 : E.call(n, f(o)),
             (P = l.onBlur) == null ? void 0 : P.call(l)
           ]);
         },
         onFocus: async () => {
           var E, P;
           await Promise.all([
-            (E = n == null ? void 0 : n.onFocus) == null ? void 0 : E.call(n, h(o)),
+            (E = n == null ? void 0 : n.onFocus) == null ? void 0 : E.call(n, f(o)),
             (P = l.onFocus) == null ? void 0 : P.call(l)
           ]);
         }
@@ -274,17 +274,17 @@ function Ee(r, t, e) {
     return F(o), re(() => {
       c(o);
     }), p;
-  }, f = (l) => i(l);
+  }, h = (l) => i(l);
   return {
     fields: v(() => [...s.values()]),
     getField: (l) => i({ path: l }),
     registerField: d,
     deregisterField: m,
-    defineField: f
+    defineField: h
   };
 }
 function we(r) {
-  const t = v(() => r.fields.value.some((a) => h(a.dirty))), e = v(() => r.fields.value.some((a) => h(a.touched)));
+  const t = v(() => r.fields.value.some((a) => f(a.dirty))), e = v(() => r.fields.value.some((a) => f(a.touched)));
   return {
     isDirty: t,
     isTouched: e
@@ -417,19 +417,19 @@ class $e {
 }
 function O(r) {
   return v(() => new $e(
-    h(r.schema),
-    h(r.validateFn)
+    f(r.schema),
+    f(r.validateFn)
   ));
 }
 function be(r, t) {
   const e = k({
     validators: J([O(t)]),
     isValidated: !1,
-    errors: h(t.errors) ?? y.errors
+    errors: f(t.errors) ?? y.errors
   }), a = (i = y.errors) => {
-    e.errors = B(h(t.errors) ?? y.errors, i);
+    e.errors = B(f(t.errors) ?? y.errors, i);
   };
-  R(() => h(t.errors), async () => {
+  R(() => f(t.errors), async () => {
     if (e.isValidated) {
       const i = await n();
       a(i.errors);
@@ -440,35 +440,35 @@ function be(r, t) {
     async (i) => {
       if (e.isValidated)
         if (i) {
-          const f = await n();
-          e.errors = f.errors;
+          const h = await n();
+          e.errors = h.errors;
         } else
           e.errors = y.errors;
     },
     { immediate: !0 }
-  ), R([() => r.data, () => h(t.schema)], () => {
+  ), R([() => r.data, () => f(t.schema)], () => {
     e.isValidated && d();
   });
   const s = (i) => {
-    const f = C(i) ? i : O(i);
-    return e.validators.push(f), se() && ne(() => {
+    const h = C(i) ? i : O(i);
+    return e.validators.push(h), se() && ne(() => {
       e.validators = e.validators.filter(
-        (l) => l !== f
+        (l) => l !== h
       );
-    }), f;
+    }), h;
   };
   async function n() {
     const i = await Promise.all(
-      e.validators.filter((o) => h(o) !== void 0).map((o) => h(o).validate(r.data))
-    ), f = i.every((o) => o.isValid);
+      e.validators.filter((o) => f(o) !== void 0).map((o) => f(o).validate(r.data))
+    ), h = i.every((o) => o.isValid);
     let { errors: l } = y;
-    if (!f) {
+    if (!h) {
       const o = i.map((p) => p.errors);
       l = B(...o);
     }
     return {
       errors: l,
-      isValid: f
+      isValid: h
     };
   }
   const d = async () => {
@@ -478,18 +478,18 @@ function be(r, t) {
       errors: e.errors
     };
   }, m = async (i) => {
-    const f = await n();
+    const h = await n();
     return a({
-      general: f.errors.general,
+      general: h.errors.general,
       propertyErrors: {
-        [i]: f.errors.propertyErrors[i]
+        [i]: h.errors.propertyErrors[i]
       }
     }), {
-      isValid: !_(f.errors),
+      isValid: !_(h.errors),
       errors: e.errors
     };
   }, F = v(() => !_(e.errors)), c = () => {
-    e.isValidated = !1, e.errors = h(t.errors) ?? y.errors;
+    e.isValidated = !1, e.errors = f(t.errors) ?? y.errors;
   };
   return {
     ...K(e),
@@ -525,7 +525,7 @@ class ke {
 function Ae(r, t, e, a) {
   const s = Z(r.data, t), n = v(() => S(r.initialData.value, t)), d = (u) => ({
     ...u,
-    path: v(() => h(u.path).replace(t + ".", "")),
+    path: v(() => f(u.path).replace(t + ".", "")),
     setData: (V) => {
       u.setData(V);
     }
@@ -544,20 +544,20 @@ function Ae(r, t, e, a) {
   }).map((u) => d(u))), i = () => r.fields.value.filter((u) => {
     const V = u.path.value;
     return V.startsWith(t + ".") || V === t;
-  }), f = v(() => i().some((u) => u.dirty.value)), l = v(() => i().some((u) => u.touched.value)), o = v(() => r.isValid.value), p = v(() => r.isValidated.value), A = v(() => me(h(r.errors), t)), M = {
+  }), h = v(() => i().some((u) => u.dirty.value)), l = v(() => i().some((u) => u.touched.value)), o = v(() => r.isValid.value), p = v(() => r.isValidated.value), A = v(() => me(f(r.errors), t)), M = {
     data: s,
     fields: c,
     initialData: n,
     defineField: F,
     getField: m,
-    isDirty: f,
+    isDirty: h,
     isTouched: l,
     isValid: o,
     isValidated: p,
     errors: A,
     defineValidator: (u) => {
       const V = C(u) ? u : O(u), w = v(
-        () => new ke(t, h(V))
+        () => new ke(t, f(V))
       );
       return r.defineValidator(w), V;
     },
@@ -571,7 +571,7 @@ function Ae(r, t, e, a) {
       );
     },
     submitHandler: (u) => L(M, e ?? {})(u),
-    useFieldArray: (u, V) => G(M, u, V)
+    getFieldArray: (u, V) => G(M, u, V)
   };
   return M;
 }
@@ -590,14 +590,14 @@ function Ce(r) {
   const s = be(a, r), n = Ee(a, s, {
     keepValuesOnUnmount: r.keepValuesOnUnmount,
     onBlur: async (c) => {
-      h(r.validationStrategy) === "onTouch" && s.validateField(c);
+      f(r.validationStrategy) === "onTouch" && s.validateField(c);
     }
   }), d = we(n), m = () => {
     e.value = g(t), s.reset();
     for (const c of n.fields.value)
       c.reset();
   };
-  h(r.validationStrategy) === "onFormOpen" && s.validateForm();
+  f(r.validationStrategy) === "onFormOpen" && s.validateForm();
   const F = {
     ...n,
     ...s,
@@ -607,7 +607,7 @@ function Ce(r) {
     data: j(a, "data"),
     submitHandler: (c) => L(F, r)(c),
     getSubForm: (c, i) => Ae(F, c, r),
-    useFieldArray: (c, i) => G(F, c, i)
+    getFieldArray: (c, i) => G(F, c, i)
   };
   return F;
 }