@teamnovu/kit-vue-forms 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,7 +1,7 @@
 var T = Object.defineProperty;
 var G = (t, e, r) => e in t ? T(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var E = (t, e, r) => G(t, typeof e != "symbol" ? e + "" : e, r);
-import { toValue as L, toRaw as Z, computed as c, unref as d, reactive as D, toRefs as N, shallowReactive as q, toRef as _, onScopeDispose as H, ref as W, watch as w, isRef as k, getCurrentScope as Q, onBeforeUnmount as X, defineComponent as j, renderSlot as O, normalizeProps as z, guardReactiveProps as B, resolveComponent as Y, createBlock as $, openBlock as A, withCtx as C, resolveDynamicComponent as x, mergeProps as ee } from "vue";
+import { toValue as L, toRaw as Z, computed as c, unref as d, isRef as O, reactive as D, toRefs as W, shallowReactive as q, toRef as _, onScopeDispose as H, ref as k, watch as w, getCurrentScope as Q, onBeforeUnmount as X, defineComponent as $, renderSlot as j, normalizeProps as z, guardReactiveProps as B, resolveComponent as Y, createBlock as A, openBlock as C, withCtx as M, resolveDynamicComponent as x, mergeProps as ee } from "vue";
 import { cloneDeep as re } from "lodash-es";
 import "zod";
 function g(t) {
@@ -18,19 +18,26 @@ function P(t, e) {
   );
 }
 function te(t, e, r) {
-  const s = Array.isArray(e) ? e : K(e), o = s.at(-1), n = s.slice(0, -1).reduce(
-    (p, h) => p[h],
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    t
-  );
-  n[o] = o ? r : n;
+  const s = Array.isArray(e) ? e : K(e), o = s.at(-1);
+  if (o) {
+    const n = s.slice(0, -1).reduce(
+      (p, h) => p[h],
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      d(t)
+    );
+    n[o] = r;
+  } else {
+    if (!O(t))
+      return;
+    t.value = r;
+  }
 }
 const U = (t, e) => c({
   get() {
     return P(d(t), d(e));
   },
   set(r) {
-    te(d(t), d(e), r);
+    te(t, d(e), r);
   }
 });
 function R(t, e) {
@@ -80,7 +87,7 @@ function oe(t) {
     e.errors = a;
   }, V = () => {
     e.errors = [];
-  }, i = N(e);
+  }, i = W(e);
   return {
     data: i.value,
     path: i.path,
@@ -187,7 +194,7 @@ function S(...t) {
     e
   );
 }
-function M(t) {
+function N(t) {
   var s;
   const e = (((s = t.general) == null ? void 0 : s.length) ?? 0) > 0, r = Object.entries(t.propertyErrors).filter(([, o]) => o == null ? void 0 : o.length).length > 0;
   return e || r;
@@ -278,7 +285,7 @@ function b(t) {
 }
 function he(t, e) {
   const r = D({
-    validators: W([b(e)]),
+    validators: k([b(e)]),
     isValidated: !1,
     errors: d(e.errors) ?? m.errors
   }), s = (i = m.errors) => {
@@ -305,7 +312,7 @@ function he(t, e) {
     r.isValidated && p();
   });
   const o = (i) => {
-    const a = k(i) ? i : b(i);
+    const a = O(i) ? i : b(i);
     return r.validators.push(a), Q() && X(() => {
       r.validators = r.validators.filter(
         (u) => u !== a
@@ -329,14 +336,14 @@ function he(t, e) {
   const p = async () => {
     const i = await n();
     return s(i.errors), r.isValidated = !0, {
-      isValid: !M(i.errors),
+      isValid: !N(i.errors),
       errors: r.errors
     };
-  }, h = c(() => !M(r.errors)), V = () => {
+  }, h = c(() => !N(r.errors)), V = () => {
     r.isValidated = !1, r.errors = d(e.errors) ?? m.errors;
   };
   return {
-    ...N(r),
+    ...W(r),
     validateForm: p,
     defineValidator: o,
     isValid: h,
@@ -401,7 +408,7 @@ function me(t, e, r) {
     isValidated: F,
     errors: J,
     defineValidator: (l) => {
-      const f = k(l) ? l : b(l), y = c(
+      const f = O(l) ? l : b(l), y = c(
         () => new ve(e, d(f))
       );
       return t.defineValidator(y), f;
@@ -418,7 +425,7 @@ function me(t, e, r) {
   };
 }
 function Pe(t) {
-  const e = c(() => Object.freeze(g(t.initialData))), r = W(g(e)), s = D({
+  const e = c(() => Object.freeze(g(t.initialData))), r = k(g(e)), s = D({
     initialData: e,
     data: r
   });
@@ -444,7 +451,7 @@ function Pe(t) {
   };
   return i;
 }
-const _e = /* @__PURE__ */ j({
+const _e = /* @__PURE__ */ $({
   __name: "Field",
   props: {
     form: {},
@@ -457,9 +464,9 @@ const _e = /* @__PURE__ */ j({
     const e = t, r = e.form.defineField({
       path: e.path
     }), s = D(r);
-    return (o, n) => O(o.$slots, "default", z(B(s)));
+    return (o, n) => j(o.$slots, "default", z(B(s)));
   }
-}), Se = /* @__PURE__ */ j({
+}), Se = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "FormFieldWrapper",
   props: {
@@ -471,19 +478,19 @@ const _e = /* @__PURE__ */ j({
   setup(t) {
     return (e, r) => {
       const s = Y("Field");
-      return A(), $(s, {
+      return C(), A(s, {
         form: e.form,
         path: e.path
       }, {
-        default: C(({ errors: o, data: n, setData: p }) => [
-          (A(), $(x(e.component), ee({ ...e.componentProps, ...e.$attrs }, {
+        default: M(({ errors: o, data: n, setData: p }) => [
+          (C(), A(x(e.component), ee({ ...e.componentProps, ...e.$attrs }, {
             "model-value": n,
             errors: o,
             name: e.path,
             "onUpdate:modelValue": p
           }), {
-            default: C(() => [
-              O(e.$slots, "default")
+            default: M(() => [
+              j(e.$slots, "default")
             ]),
             _: 2
           }, 1040, ["model-value", "errors", "name", "onUpdate:modelValue"]))
@@ -492,7 +499,7 @@ const _e = /* @__PURE__ */ j({
       }, 8, ["form", "path"]);
     };
   }
-}), be = /* @__PURE__ */ j({
+}), be = /* @__PURE__ */ $({
   __name: "FormPart",
   props: {
     form: {},
@@ -500,7 +507,7 @@ const _e = /* @__PURE__ */ j({
   },
   setup(t) {
     const e = t, r = c(() => e.form.getSubForm(e.path));
-    return (s, o) => O(s.$slots, "default", z(B({ subform: r.value })));
+    return (s, o) => j(s.$slots, "default", z(B({ subform: r.value })));
   }
 });
 export {

package/dist/utils/path.d.ts

@@ -3,7 +3,7 @@ import { Paths, PickProps, SplitPath } from '../types/util';
 import { ErrorBag } from '../types/validation';
 export declare function splitPath(path: string): string[];
 export declare function getNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>): PickProps<T, K>;
-export declare function setNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>, value: PickProps<T, K>): void;
+export declare function setNestedValue<T, K extends Paths<T>>(obj: MaybeRef<T>, path: K | SplitPath<K>, value: PickProps<T, K>): void;
 export declare const getLens: <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<K | SplitPath<K>>) => WritableComputedRef<PickProps<T, K>, PickProps<T, K>>;
 type JoinPath<Base extends string, Sub extends string> = `${Base}${Base extends '' ? '' : Sub extends '' ? '' : '.'}${Sub}`;
 export declare function joinPath<Base extends string, Sub extends string>(basePath: Base, subPath: Sub): JoinPath<Base, Sub>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-vue-forms",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/src/utils/path.ts

@@ -1,4 +1,4 @@
-import { computed, isRef, reactive, shallowRef, triggerRef, unref, watch, type MaybeRef } from 'vue'
+import { computed, isRef, unref, type MaybeRef } from 'vue'
 import type { Paths, PickProps, SplitPath } from '../types/util'
 import type { ErrorBag, ValidationErrors } from '../types/validation'
 
@@ -17,19 +17,29 @@ export function getNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPat
   ) as PickProps<T, K>
 }
 
-export function setNestedValue<T, K extends Paths<T>>(obj: T, path: K | SplitPath<K>, value: PickProps<T, K>): void {
+export function setNestedValue<T, K extends Paths<T>>(obj: MaybeRef<T>, path: K | SplitPath<K>, value: PickProps<T, K>): void {
   const keys = Array.isArray(path) ? path : splitPath(path)
 
   const lastKey = keys.at(-1)!
-  const target = keys
-    .slice(0, -1)
-    .reduce(
-      (current, key) => current[key],
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      obj as Record<string, any>,
-    )
 
-  target[lastKey] = lastKey ? value : target
+  if (!lastKey) {
+    if (!isRef(obj)) {
+      // We cannot do anything here as we have nothing we can assign to
+      return
+    }
+
+    obj.value = value
+  } else {
+    const target = keys
+      .slice(0, -1)
+      .reduce(
+        (current, key) => current[key],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        unref(obj) as Record<string, any>,
+      )
+
+    target[lastKey] = value
+  }
 }
 
 export const getLens = <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<K | SplitPath<K>>) => {
@@ -38,7 +48,7 @@ export const getLens = <T, K extends Paths<T>>(data: MaybeRef<T>, key: MaybeRef<
       return getNestedValue(unref(data), unref(key))
     },
     set(value: PickProps<T, K>) {
-      setNestedValue(unref(data), unref(key), value)
+      setNestedValue(data, unref(key), value)
     },
   })
 }