@effect-app/vue-components 2.11.4 → 3.0.0

package/dist/types/components/OmegaForm/OmegaFormStuff.d.ts

@@ -144,7 +144,6 @@ export declare const generateMetaFromSchema: <From, To>(schema: S.Schema<To, Fro
     schema: S.Schema<To, From, never>;
     meta: MetaRecord<To>;
     unionMeta: Record<string, MetaRecord<To>>;
-    unionDefaultValues: Record<string, Record<string, any>>;
 };
 export declare const generateInputStandardSchemaFromFieldMeta: (meta: FieldMeta, trans?: ReturnType<typeof useIntl>["trans"]) => StandardSchemaV1<any, any>;
 export declare const nullableInput: <A, I, R>(schema: S.Schema<A, I, R>, defaultValue: () => A) => S.transform<import("effect/Schema").NullOr<S.Schema<A, I, R>> & {

package/dist/types/components/OmegaForm/useOmegaForm.d.ts

@@ -62,7 +62,6 @@ export type OmegaConfig<T> = {
 export interface OF<From, To> extends OmegaFormApi<From, To> {
     meta: MetaRecord<From>;
     unionMeta: Record<string, MetaRecord<From>>;
-    unionDefaultValues: Record<string, Record<string, any>>;
     clear: () => void;
     i18nNamespace?: string;
     ignorePreventCloseEvents?: boolean;

package/dist/vue-components.es10.js

@@ -1,60 +1,60 @@
-import { useForm as T } from "@tanstack/vue-form";
-import { Data as z, S as W, Effect as d, Fiber as $, Option as A, Array as F } from "effect-app";
-import { runtimeFiberAsPromise as G } from "./vue-components.es17.js";
-import { computed as x, onUnmounted as R, onMounted as Z, onBeforeUnmount as Q, watch as N, ref as X, h as q } from "vue";
-import { useIntl as Y } from "./vue-components.es3.js";
-import C from "./vue-components.es18.js";
-import ee from "./vue-components.es19.js";
-import re from "./vue-components.es20.js";
-import { generateMetaFromSchema as te, deepMerge as H, defaultsValueFromSchema as se } from "./vue-components.es12.js";
-import ne from "./vue-components.es6.js";
-import oe from "./vue-components.es8.js";
-import ie from "./vue-components.es21.js";
-import { trace as J } from "./vue-components.es22.js";
+import { useForm as K } from "@tanstack/vue-form";
+import { Data as T, S as W, Effect as d, Fiber as $, Option as P, Array as F } from "effect-app";
+import { runtimeFiberAsPromise as z } from "./vue-components.es17.js";
+import { computed as x, onUnmounted as D, onMounted as G, onBeforeUnmount as Z, watch as R, ref as Q, h as J } from "vue";
+import { useIntl as X } from "./vue-components.es3.js";
+import Y from "./vue-components.es18.js";
+import C from "./vue-components.es19.js";
+import ee from "./vue-components.es20.js";
+import { generateMetaFromSchema as re, deepMerge as N, defaultsValueFromSchema as te } from "./vue-components.es12.js";
+import se from "./vue-components.es6.js";
+import ne from "./vue-components.es8.js";
+import oe from "./vue-components.es21.js";
+import { trace as H } from "./vue-components.es22.js";
 import { context as U } from "./vue-components.es23.js";
-class ae extends z.TaggedError("FormErrors") {
+class ie extends T.TaggedError("FormErrors") {
 }
 const M = (i) => function(s) {
   return {
     render() {
-      return q(s, {
+      return J(s, {
         form: i,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, ce = (i) => {
-  const { formatMessage: l } = Y(), s = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (g) => g.toUpperCase()).trim(), f = (a) => l ? l({ id: `general.fields.${a}`, defaultMessage: s(a) }) : s(a);
+}, ae = (i) => {
+  const { formatMessage: l } = X(), s = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (g) => g.toUpperCase()).trim(), f = (a) => l ? l({ id: `general.fields.${a}`, defaultMessage: s(a) }) : s(a);
   return (a) => i.i18nNamespace ? l({ id: `${i.i18nNamespace}.fields.${a}`, defaultMessage: f(a) }) : f(a);
-}, le = (i) => function(s) {
+}, ce = (i) => function(s) {
   return {
     setup() {
-      const { fieldMap: f, form: m } = i, a = m.useStore((p) => p.errors), g = m.useStore((p) => p.fieldMeta), O = m.useStore((p) => p.errorMap), v = ce(m), L = x(() => {
-        const p = F.filterMap(
+      const { fieldMap: f, form: m } = i, a = m.useStore((v) => v.errors), g = m.useStore((v) => v.fieldMeta), p = m.useStore((v) => v.errorMap), j = ae(m), A = x(() => {
+        const v = F.filterMap(
           Object.entries(g.value),
-          ([o, b]) => {
-            const w = b.errors ?? [];
-            if (!w.length) return A.none();
-            const u = f.value.get(o);
-            return u ? A.some({
+          ([O, h]) => {
+            const w = h.errors ?? [];
+            if (!w.length) return P.none();
+            const u = f.value.get(O);
+            return u ? P.some({
               label: u.label,
               inputId: u.id,
               // Only show the first error
               errors: [w[0]?.message].filter(Boolean)
-            }) : A.none();
+            }) : P.none();
           }
-        ), P = [];
-        if (O.value.onSubmit) {
-          for (const [o, b] of Object.entries(O.value.onSubmit))
-            if (F.isArray(b) && b.length)
-              for (const w of b) {
+        ), o = [];
+        if (p.value.onSubmit) {
+          for (const [O, h] of Object.entries(p.value.onSubmit))
+            if (F.isArray(h) && h.length)
+              for (const w of h) {
                 const u = w;
                 if (u?.path && F.isArray(u.path) && u.path.length) {
-                  const y = u.path.join(".");
-                  if (!f.value.has(y)) {
-                    P.push({
-                      label: v(y),
-                      inputId: y,
+                  const E = u.path.join(".");
+                  if (!f.value.has(E)) {
+                    o.push({
+                      label: j(E),
+                      inputId: E,
                       errors: [u.message].filter(Boolean)
                     });
                     break;
@@ -62,55 +62,55 @@ const M = (i) => function(s) {
                 }
               }
         }
-        return [...p, ...P];
+        return [...v, ...o];
       });
       return {
         generalErrors: a,
-        errors: L
+        errors: A
       };
     },
     render({ errors: f, generalErrors: m }) {
-      return q(s, {
+      return J(s, {
         errors: f,
         generalErrors: m,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, S = (i, l) => i.includes(l), Fe = (i, l, s) => {
+}, b = (i, l) => i.includes(l), Me = (i, l, s) => {
   if (!i) throw new Error("Schema is required");
-  const f = W.standardSchemaV1(i), m = W.decode(i), { meta: a, unionDefaultValues: g, unionMeta: O } = te(i), v = x(() => {
+  const f = W.standardSchemaV1(i), m = W.decode(i), { meta: a, unionMeta: g } = re(i), p = x(() => {
     if (s?.persistency?.id)
       return s.persistency.id;
     const e = window.location.pathname, r = Object.keys(a);
     return `${e}-${r.join("-")}`;
-  }), L = () => {
+  }), j = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(v.value);
+    e.delete(p.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  }, p = x(() => {
+  }, A = x(() => {
     let e;
     const r = s?.persistency;
     if (
       // query string has higher priority than local/session storage
-      r?.policies && !e && (S(r.policies, "local") || S(r.policies, "session"))
+      r?.policies && !e && (b(r.policies, "local") || b(r.policies, "session"))
     ) {
-      const n = S(r.policies, "local") ? localStorage : sessionStorage;
+      const n = b(r.policies, "local") ? localStorage : sessionStorage;
       if (n)
         try {
           const t = JSON.parse(
-            n.getItem(v.value) || "{}"
+            n.getItem(p.value) || "{}"
           );
-          n.removeItem(v.value), e = t;
+          n.removeItem(p.value), e = t;
         } catch (t) {
           console.error(t);
         }
     }
-    if (r?.policies && S(r.policies, "querystring"))
+    if (r?.policies && b(r.policies, "querystring"))
       try {
-        const t = new URLSearchParams(window.location.search).get(v.value);
-        L(), t && (e = H(e || {}, JSON.parse(t)));
+        const t = new URLSearchParams(window.location.search).get(p.value);
+        j(), t && (e = N(e || {}, JSON.parse(t)));
       } catch (n) {
         console.error(n);
       }
@@ -118,127 +118,122 @@ const M = (i) => function(s) {
     const c = {
       tanstack: l?.defaultValues || {},
       persistency: e,
-      schema: se(i)
+      schema: te(i)
     };
     return (s?.defaultValuesPriority || ["tanstack", "persistency", "schema"]).reverse().reduce(
-      (n, t) => Object.keys(n).length ? H(n, c[t]) : c[t],
+      (n, t) => Object.keys(n).length ? N(n, c[t]) : c[t],
       {}
     );
-  }), P = (e, r) => e ? U.with(J.setSpan(U.active(), e), r) : r(), o = T({
+  }), v = (e, r) => e ? U.with(H.setSpan(U.active(), e), r) : r(), o = K({
     ...l,
     validators: {
       onSubmit: f,
       ...l?.validators || {}
     },
-    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: c }) => P(r?.currentSpan, async () => {
+    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: c }) => v(r?.currentSpan, async () => {
       const n = await d.runPromise(m(c)), t = l.onSubmit({
         formApi: e,
         meta: r,
         value: n
       });
-      return $.isFiber(t) && $.isRuntimeFiber(t) ? await G(t) : d.isEffect(t) ? await d.runPromise(
+      return $.isFiber(t) && $.isRuntimeFiber(t) ? await z(t) : d.isEffect(t) ? await d.runPromise(
         t.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          d.flatMap((h) => $.join(h))
+          d.flatMap((S) => $.join(S))
         )
       ) : t;
     }) : void 0,
-    defaultValues: p.value
-  }), b = () => {
+    defaultValues: A.value
+  }), O = () => {
     Object.keys(a).forEach((e) => {
       o.setFieldValue(e, void 0);
     });
-  }, w = (e) => e.reduce((r, c) => {
+  }, h = (e) => e.reduce((r, c) => {
     const n = c.split(".");
-    return n.reduce((t, h, _) => (_ === n.length - 1 ? t[h] = o.getFieldValue(c) : t[h] = t[h] ?? {}, t[h]), r), r;
-  }, {}), u = (e) => {
+    return n.reduce((t, S, _) => (_ === n.length - 1 ? t[S] = o.getFieldValue(c) : t[S] = t[S] ?? {}, t[S]), r), r;
+  }, {}), w = (e) => {
     if (e) {
       if (F.isArray(e.keys))
-        return w(e.keys);
+        return h(e.keys);
       if (F.isArray(e.banKeys)) {
         const r = Object.keys(a).filter((c) => e.banKeys?.includes(c));
-        return w(r);
+        return h(r);
       }
       return o.store.state.values;
     }
-  }, y = () => {
+  }, u = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && (S(e.policies, "local") || S(e.policies, "session"))) {
-      const r = S(e.policies, "local") ? localStorage : sessionStorage;
+    if (!(!e?.policies || e.policies.length === 0) && (b(e.policies, "local") || b(e.policies, "session"))) {
+      const r = b(e.policies, "local") ? localStorage : sessionStorage;
       if (!r) return;
-      const c = u(e);
-      return r.setItem(v.value, JSON.stringify(c));
+      const c = w(e);
+      return r.setItem(p.value, JSON.stringify(c));
     }
-  }, V = () => {
+  }, E = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && S(e.policies, "querystring")) {
-      const r = u(e), c = new URLSearchParams(window.location.search);
-      c.set(v.value, JSON.stringify(r));
+    if (!(!e?.policies || e.policies.length === 0) && b(e.policies, "querystring")) {
+      const r = w(e), c = new URLSearchParams(window.location.search);
+      c.set(p.value, JSON.stringify(r));
       const n = new URL(window.location.href);
       n.search = c.toString(), window.history.replaceState({}, "", n.toString());
     }
   }, k = (e) => {
     o.store.state.isDirty && e.preventDefault();
   };
-  if (R(y), Z(() => {
-    window.addEventListener("beforeunload", y), window.addEventListener("blur", V), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", k);
-  }), Q(() => {
-    window.removeEventListener("beforeunload", y), window.removeEventListener("blur", V), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", k);
+  if (D(u), G(() => {
+    window.addEventListener("beforeunload", u), window.addEventListener("blur", E), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", k);
+  }), Z(() => {
+    window.removeEventListener("beforeunload", u), window.removeEventListener("blur", E), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", k);
   }), s?.preventWindowExit === "prevent-and-reset") {
     const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), c = o.useStore((t) => t.canSubmit), n = o.useStore((t) => t.values);
-    N([e, r], ([t, h], [_]) => {
-      _ && !t && h > 0 && c.value && o.reset(n.value);
+    R([e, r], ([t, S], [_]) => {
+      _ && !t && S > 0 && c.value && o.reset(n.value);
     });
   }
   const I = (e) => d.currentSpan.pipe(
     d.option,
     d.flatMap(
-      (r) => d.promise(() => o.handleSubmit(A.isSome(r) ? { currentSpan: r.value, ...e } : e))
+      (r) => d.promise(() => o.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), B = (e) => e?.checkErrors ? I(e?.meta).pipe(d.flatMap(d.fnUntraced(function* () {
+  ), q = (e) => e?.checkErrors ? I(e?.meta).pipe(d.flatMap(d.fnUntraced(function* () {
     const r = o.getAllErrors();
     if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new ae({ form: r.form, fields: r.fields });
-  }))) : I(e?.meta), K = o.handleSubmit, j = X(/* @__PURE__ */ new Map()), E = Object.assign(o, {
+      return yield* new ie({ form: r.form, fields: r.fields });
+  }))) : I(e?.meta), B = o.handleSubmit, L = Q(/* @__PURE__ */ new Map()), y = Object.assign(o, {
     i18nNamespace: s?.i18nNamespace,
     ignorePreventCloseEvents: s?.ignorePreventCloseEvents,
     meta: a,
-    unionMeta: O,
-    unionDefaultValues: g,
-    clear: b,
+    unionMeta: g,
+    clear: O,
     handleSubmit: (e) => {
-      const r = J.getSpan(U.active());
-      return K({ currentSpan: r, ...e });
+      const r = H.getSpan(U.active());
+      return B({ currentSpan: r, ...e });
     },
     // /** @experimental */
-    handleSubmitEffect: B,
+    handleSubmitEffect: q,
     registerField: (e) => {
-      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);
-      });
+      R(e, (r) => L.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), D(() => L.value.delete(e.value.name));
     }
-  }), D = { form: E, fieldMap: j };
-  return Object.assign(E, {
+  }), V = { form: y, fieldMap: L };
+  return Object.assign(y, {
     // Type-level properties for performance optimization (not used at runtime)
     _paths: void 0,
     _keys: void 0,
     _schema: i,
-    errorContext: D,
-    Form: M(E)(ie),
-    Input: M(E)(s?.input ?? ne),
-    TaggedUnion: M(E)(oe),
+    errorContext: V,
+    Form: M(y)(oe),
+    Input: M(y)(s?.input ?? se),
+    TaggedUnion: M(y)(ne),
     Field: o.Field,
-    Errors: le(D)(re),
-    Array: M(E)(C),
-    AutoGen: M(E)(ee)
+    Errors: ce(V)(ee),
+    Array: M(y)(Y),
+    AutoGen: M(y)(C)
   });
 };
 export {
-  ae as FormErrors,
-  ce as useErrorLabel,
-  Fe as useOmegaForm
+  ie as FormErrors,
+  ae as useErrorLabel,
+  Me as useOmegaForm
 };