@teamnovu/kit-vue-forms 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,11 +1,12 @@
 var T = Object.defineProperty;
 var G = (e, r, t) => r in e ? T(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var _ = (e, r, t) => G(e, typeof r != "symbol" ? r + "" : r, t);
-import { toValue as L, toRaw as Z, computed as u, unref as d, reactive as E, toRefs as N, toRef as D, ref as W, watch as y, isRef as z, getCurrentScope as q, onBeforeUnmount as H, defineComponent as S, renderSlot as j, normalizeProps as M, guardReactiveProps as B, resolveComponent as Q, createBlock as O, openBlock as $, withCtx as A, resolveDynamicComponent as X, mergeProps as Y } from "vue";
+var D = (e, r, t) => G(e, typeof r != "symbol" ? r + "" : r, t);
+import { toValue as L, toRaw as Z, computed as u, unref as d, reactive as E, toRefs as N, toRef as _, ref as W, watch as y, isRef as z, getCurrentScope as q, onBeforeUnmount as H, defineComponent as S, renderSlot as j, normalizeProps as M, guardReactiveProps as B, resolveComponent as Q, createBlock as O, openBlock as $, withCtx as A, resolveDynamicComponent as X, mergeProps as Y } from "vue";
+import { cloneDeep as x } from "lodash-es";
 import "zod";
 function g(e) {
   const r = L(e), t = Z(r);
-  return structuredClone(t);
+  return x(t);
 }
 function K(e) {
   return e === "" ? [] : e.split(/\s*\.\s*/).filter(Boolean);
@@ -16,7 +17,7 @@ function w(e, r) {
     e
   );
 }
-function x(e, r, t) {
+function rr(e, r, t) {
   const s = Array.isArray(r) ? r : K(r);
   if (s.length === 0)
     throw new Error("Path cannot be empty");
@@ -32,13 +33,13 @@ const U = (e, r) => u({
     return w(d(e), d(r));
   },
   set(t) {
-    x(d(e), d(r), t);
+    rr(d(e), d(r), t);
   }
 });
 function F(e, r) {
   return !e && !r ? "" : !e && r ? r : !r && e ? e : `${e}.${r}`;
 }
-function rr(e, r) {
+function er(e, r) {
   if (!r)
     return e;
   const t = `${r}.`, s = Object.fromEntries(
@@ -52,7 +53,7 @@ function rr(e, r) {
     propertyErrors: s
   };
 }
-function er(e) {
+function tr(e) {
   const r = E({
     value: e.value,
     path: e.path,
@@ -86,15 +87,15 @@ function er(e) {
     clearErrors: n
   };
 }
-function tr(e, r) {
+function sr(e, r) {
   const t = {}, s = (c) => {
     const n = d(c.path);
     t[n] = c;
   }, a = (c) => {
     if (!t[c]) {
-      const n = er({
+      const n = tr({
         path: c,
-        value: U(D(e, "data"), c),
+        value: U(_(e, "data"), c),
         initialValue: u(() => w(e.initialData, c)),
         errors: u({
           get() {
@@ -117,14 +118,14 @@ function tr(e, r) {
     defineField: (c) => a(c.path)
   };
 }
-function sr(e) {
+function ar(e) {
   const r = u(() => e.getFields().some((s) => d(s.dirty))), t = u(() => e.getFields().some((s) => d(s.touched)));
   return {
     isDirty: r,
     isTouched: t
   };
 }
-function ar(e) {
+function or(e) {
   return e.filter(
     (r, t, s) => s.indexOf(r) === t
   );
@@ -139,10 +140,10 @@ function k(...e) {
     if (!s)
       return r;
     const a = (r ?? []).concat(t);
-    return ar(a);
+    return or(a);
   }, e[0]);
 }
-function or(...e) {
+function nr(...e) {
   return e.map((t) => Object.keys(t)).flat().reduce((t, s) => {
     const a = e.map((o) => o[s]).filter(Boolean);
     return {
@@ -161,7 +162,7 @@ function R(...e) {
   return e.length === 1 ? r : e.slice(1).reduce(
     (t, s) => ({
       general: k(t.general, s.general),
-      propertyErrors: or(t.propertyErrors ?? {}, s.propertyErrors ?? {})
+      propertyErrors: nr(t.propertyErrors ?? {}, s.propertyErrors ?? {})
     }),
     r
   );
@@ -171,7 +172,7 @@ function C(e) {
   const r = (((s = e.general) == null ? void 0 : s.length) ?? 0) > 0, t = Object.entries(e.propertyErrors).filter(([, a]) => a == null ? void 0 : a.length).length > 0;
   return r || t;
 }
-function nr(e) {
+function ir(e) {
   const r = e.issues.filter((s) => s.path.length === 0).map((s) => s.message), t = e.issues.filter((s) => s.path.length > 0).reduce((s, a) => {
     const o = a.path.join(".");
     return {
@@ -191,7 +192,7 @@ const m = {
     propertyErrors: {}
   }
 };
-class ir {
+class lr {
   constructor(r) {
     this.schema = r;
   }
@@ -201,7 +202,7 @@ class ir {
     const t = await this.schema.safeParseAsync(r);
     if (t.success)
       return m;
-    const s = nr(t.error);
+    const s = ir(t.error);
     return {
       isValid: !1,
       errors: {
@@ -211,7 +212,7 @@ class ir {
     };
   }
 }
-class lr {
+class cr {
   constructor(r) {
     this.validateFn = r;
   }
@@ -232,11 +233,11 @@ class lr {
     }
   }
 }
-class cr {
+class ur {
   constructor(r, t) {
-    _(this, "schemaValidator");
-    _(this, "functionValidator");
-    this.schema = r, this.validateFn = t, this.schemaValidator = new ir(this.schema), this.functionValidator = new lr(this.validateFn);
+    D(this, "schemaValidator");
+    D(this, "functionValidator");
+    this.schema = r, this.validateFn = t, this.schemaValidator = new lr(this.schema), this.functionValidator = new cr(this.validateFn);
   }
   async validate(r) {
     const [t, s] = await Promise.all([
@@ -250,12 +251,12 @@ class cr {
   }
 }
 function b(e) {
-  return u(() => new cr(
+  return u(() => new ur(
     d(e.schema),
     d(e.validateFn)
   ));
 }
-function ur(e, r) {
+function dr(e, r) {
   const t = E({
     validators: W([b(r)]),
     isValidated: !1,
@@ -316,7 +317,7 @@ function ur(e, r) {
     isValid: c
   };
 }
-class dr {
+class fr {
   constructor(r, t) {
     this.path = r, this.validator = t;
   }
@@ -339,7 +340,7 @@ class dr {
     };
   }
 }
-function fr(e, r, t) {
+function pr(e, r, t) {
   const s = U(e.data, r), a = u(() => w(e.initialData.value, r)), o = (i) => ({
     ...i,
     path: u(() => d(i.path).replace(r + ".", "")),
@@ -361,7 +362,7 @@ function fr(e, r, t) {
   }).map((i) => o(i)), l = () => e.getFields().filter((i) => {
     const p = i.path.value;
     return p.startsWith(r + ".") || p === r;
-  }), f = u(() => l().some((i) => i.dirty.value)), v = u(() => l().some((i) => i.touched.value)), P = u(() => e.isValid.value), I = u(() => e.isValidated.value), J = u(() => rr(d(e.errors), r));
+  }), f = u(() => l().some((i) => i.dirty.value)), v = u(() => l().some((i) => i.touched.value)), P = u(() => e.isValid.value), I = u(() => e.isValidated.value), J = u(() => er(d(e.errors), r));
   return {
     data: s,
     initialData: a,
@@ -375,7 +376,7 @@ function fr(e, r, t) {
     errors: J,
     defineValidator: (i) => {
       const p = z(i) ? i : b(i), V = u(
-        () => new dr(r, d(p))
+        () => new fr(r, d(p))
       );
       return e.defineValidator(V), p;
     },
@@ -390,7 +391,7 @@ function fr(e, r, t) {
     }
   };
 }
-function Fr(e) {
+function wr(e) {
   const r = u(() => Object.freeze(g(e.initialData))), t = W(g(r)), s = E({
     initialData: r,
     data: t
@@ -398,13 +399,13 @@ function Fr(e) {
   y(r, (f) => {
     s.data = g(f);
   });
-  const a = ur(s, e), o = tr(s, a), h = sr(o), c = () => {
+  const a = dr(s, e), o = sr(s, a), h = ar(o), c = () => {
     t.value = g(r), o.getFields().forEach(
       (f) => f.reset()
     );
   };
   function n(f, v) {
-    return fr(l, f);
+    return pr(l, f);
   }
   const l = {
     ...o,
@@ -412,12 +413,12 @@ function Fr(e) {
     ...h,
     reset: c,
     getSubForm: n,
-    initialData: D(s, "initialData"),
-    data: D(s, "data")
+    initialData: _(s, "initialData"),
+    data: _(s, "data")
   };
   return l;
 }
-const Er = /* @__PURE__ */ S({
+const Pr = /* @__PURE__ */ S({
   __name: "Field",
   props: {
     form: {},
@@ -432,7 +433,7 @@ const Er = /* @__PURE__ */ S({
     }), s = E(t);
     return (a, o) => j(a.$slots, "default", M(B(s)));
   }
-}), wr = /* @__PURE__ */ S({
+}), Dr = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "FormFieldWrapper",
   props: {
@@ -465,7 +466,7 @@ const Er = /* @__PURE__ */ S({
       }, 8, ["form", "path"]);
     };
   }
-}), Pr = /* @__PURE__ */ S({
+}), _r = /* @__PURE__ */ S({
   __name: "FormPart",
   props: {
     form: {},
@@ -477,8 +478,8 @@ const Er = /* @__PURE__ */ S({
   }
 });
 export {
-  Er as Field,
-  wr as FormFieldWrapper,
-  Pr as FormPart,
-  Fr as useForm
+  Pr as Field,
+  Dr as FormFieldWrapper,
+  _r as FormPart,
+  wr as useForm
 };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "",
-  "main": "index.js",
+  "main": "dist/index.js",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.js"
     }
   },
   "keywords": [
@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@vueuse/core": "^13.5.0",
+    "lodash-es": "^4.17.21",
     "vue-component-type-helpers": "^3.0.5",
     "zod": "^4"
   },

package/src/utils/general.ts

@@ -1,7 +1,8 @@
-import { toRaw, toValue, type MaybeRefOrGetter } from 'vue'
+import { type MaybeRefOrGetter, toRaw, toValue } from 'vue'
+import { cloneDeep } from 'lodash-es'
 
 export function cloneRefValue<T>(ref: MaybeRefOrGetter<T> | MaybeRefOrGetter<Readonly<T>>): T {
   const unreffed = toValue(ref)
   const raw = toRaw(unreffed)
-  return structuredClone(raw) as T
+  return cloneDeep(raw) as T
 }