@effect-app/vue-components 2.11.0 → 2.11.2

package/dist/vue-components.es10.js

@@ -215,7 +215,9 @@ const M = (i) => function(s) {
     // /** @experimental */
     handleSubmitEffect: B,
     registerField: (e) => {
-      N(e, (r) => j.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), R(() => {
+      N(e, (r) => {
+        j.value.set(r.name, { label: r.label, id: r.id });
+      }, { immediate: !0 }), R(() => {
         j.value.get(e.value.name)?.id === e.value.id && j.value.delete(e.value.name);
       });
     }

package/dist/vue-components.es8.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as C, computed as s, watch as b, provide as k, createBlock as F, openBlock as O, unref as f, withCtx as c, renderSlot as o, createVNode as i, createCommentVNode as S, normalizeProps as g, guardReactiveProps as d, createSlots as V, renderList as w } from "vue";
+import { defineComponent as M, ref as C, computed as s, watch as b, provide as k, createBlock as F, openBlock as O, unref as f, withCtx as i, renderSlot as o, createVNode as c, createCommentVNode as S, normalizeProps as g, guardReactiveProps as d, createSlots as V, renderList as w } from "vue";
 import A from "./vue-components.es9.js";
 const N = /* @__PURE__ */ M({
   __name: "OmegaTaggedUnion",
@@ -10,28 +10,28 @@ const N = /* @__PURE__ */ M({
     label: {}
   },
   setup(t) {
-    const n = t, r = C(null), v = s(() => n.name ? `${n.name}._tag` : "_tag"), $ = n.form.useStore((e) => e.values);
+    const n = t, m = C(null), v = s(() => n.name ? `${n.name}._tag` : "_tag"), $ = n.form.useStore((e) => e.values);
     b(
-      () => v.value.split(".").reduce((l, a) => l?.[a], $.value),
+      () => v.value.split(".").reduce((r, a) => r?.[a], $.value),
       (e) => {
-        r.value = e ?? null;
+        m.value = e ?? null;
       },
       { immediate: !0 }
     );
     const y = s(() => {
-      const e = r.value;
+      const e = m.value;
       return (a) => {
         if (!e) return null;
-        const m = n.form.unionMeta[e];
-        return m ? m[a] ?? null : null;
+        const l = n.form.unionMeta[e];
+        return l ? l[a] ?? null : null;
       };
     });
-    return k("getMetaFromArray", y), (e, l) => (O(), F(f(t.form).Field, {
+    return k("getMetaFromArray", y), (e, r) => (O(), F(f(t.form).Field, {
       name: t.name ? `${t.name}._tag` : "_tag"
     }, {
-      default: c((a) => [
+      default: i((a) => [
         o(e.$slots, "OmegaCustomInput", g(d(a)), () => [
-          i(f(t.form).Input, {
+          c(f(t.form).Input, {
             name: t.name ? `${t.name}._tag` : "_tag",
             label: t.label,
             type: t.type ?? "select",
@@ -39,15 +39,15 @@ const N = /* @__PURE__ */ M({
           }, null, 8, ["name", "label", "type", "options"])
         ]),
         o(e.$slots, "default"),
-        i(A, {
+        c(A, {
           field: a.field,
           state: a.state.value,
           name: t.name,
           form: t.form
         }, V({ _: 2 }, [
-          w(e.$slots, (m, u) => ({
+          w(e.$slots, (l, u) => ({
             name: u,
-            fn: c((h) => [
+            fn: i((h) => [
               o(e.$slots, u, g(d(h)))
             ])
           }))

package/dist/vue-components.es9.js

@@ -1,5 +1,5 @@
-import { defineComponent as n, watch as m, renderSlot as o, createCommentVNode as r, normalizeProps as f, mergeProps as u } from "vue";
-const c = /* @__PURE__ */ n({
+import { defineComponent as l, watch as r, renderSlot as o, createCommentVNode as m, normalizeProps as u, mergeProps as f } from "vue";
+const c = /* @__PURE__ */ l({
   __name: "OmegaTaggedUnionInternal",
   props: {
     state: {},
@@ -9,17 +9,17 @@ const c = /* @__PURE__ */ n({
   },
   setup(t) {
     const a = t;
-    return a.form.useStore(({ values: e }) => e), m(() => a.state, (e, s) => {
-      if (e === null && a.field.setValue(null), e !== s && e) {
-        const l = {
+    return a.form.useStore(({ values: e }) => e), r(() => a.state, (e, n) => {
+      if (e === null && a.field.setValue(null), e !== n && e) {
+        const s = {
           ...a.form.unionDefaultValues?.[e] ?? {},
           _tag: e
         };
-        a.form.reset(l), setTimeout(() => {
+        a.form.reset(s), setTimeout(() => {
           a.field.validate("change");
         }, 0);
       }
-    }, { immediate: !0 }), (e, s) => t.state ? o(e.$slots, `${t.name ? `${t.name}.` : ""}${t.state}`, f(u({ key: 0 }, { field: t.field, state: t.state }))) : r("", !0);
+    }, { immediate: !0 }), (e, n) => t.state ? o(e.$slots, `${t.name ? `${t.name}.` : ""}${t.state}`, u(f({ key: 0 }, { field: t.field, state: t.state }))) : m("", !0);
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "2.11.0",
+  "version": "2.11.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.19.3",
@@ -53,8 +53,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.93.6",
-    "effect-app": "3.15.1"
+    "effect-app": "3.15.1",
+    "@effect-app/vue": "2.93.6"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -34,6 +34,7 @@ watch(
   },
   (newTag) => {
     currentTag.value = newTag ?? null
+    return undefined
   },
   { immediate: true }
 )

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -44,5 +44,6 @@ watch(() => props.state, (newTag, oldTag) => {
       props.field.validate("change")
     }, 0)
   }
+  return undefined
 }, { immediate: true })
 </script>

package/src/components/OmegaForm/useOmegaForm.ts

@@ -919,6 +919,7 @@ export const useOmegaForm = <
         // Reset with current values to mark them as the new baseline
         form.reset(values.value)
       }
+      return undefined
     })
   }
 
@@ -964,7 +965,9 @@ export const useOmegaForm = <
     // /** @experimental */
     handleSubmitEffect,
     registerField: (field: ComputedRef<{ name: string; label: string; id: string }>) => {
-      watch(field, (f) => fieldMap.value.set(f.name, { label: f.label, id: f.id }), { immediate: true })
+      watch(field, (f) => {
+        fieldMap.value.set(f.name, { label: f.label, id: f.id })
+      }, { immediate: true })
       onUnmounted(() => {
         // Only delete if this component instance still owns the registration (id matches)
         // This prevents the old component from removing the new component's registration

package/src/components/OmegaForm/useRegisterField.ts

@@ -5,7 +5,9 @@ const Key = Symbol("injected") as InjectionKey<Map<string, { label: string; id:
 
 export const useRegisterField = (field: ComputedRef<{ name: string; label: string; id: string }>) => {
   const map = injectCertain(Key)
-  watch(field, (f) => map.set(f.name, { label: f.label, id: f.id }), { immediate: true })
+  watch(field, (f) => {
+    map.set(f.name, { label: f.label, id: f.id })
+  }, { immediate: true })
   onUnmounted(() => map.delete(field.value.name)) // todo; perhap only when owned
 }