@effect-app/vue-components 1.8.3 → 1.8.5

package/dist/vue-components.es7.js

@@ -1,31 +1,223 @@
-import { ref as a, computed as l, readonly as E, inject as p } from "vue";
-const d = Symbol();
-function b(o, u, t = "onSubmit") {
-  const r = a([]), n = (e) => {
-    r.value = r.value.filter((m) => m.inputId !== e);
-  }, s = (e) => {
-    n(e.inputId), r.value.push(e);
-  }, c = () => {
-    r.value = [];
-  }, i = l(() => t === "onSubmit" ? o.value > 0 : !0);
+import { useForm as T } from "@tanstack/vue-form";
+import { Data as W, S as U, Effect as l, Array as g, Option as E, Fiber as F } from "effect-app";
+import { runtimeFiberAsPromise as k } from "./vue-components.es13.js";
+import { isObject as z } from "./vue-components.es14.js";
+import { computed as $, onUnmounted as A, onMounted as Q, onBeforeUnmount as X, watch as N, h as D } from "vue";
+import { usePreventClose as Y } from "./vue-components.es8.js";
+import Z from "./vue-components.es15.js";
+import C from "./vue-components.es16.js";
+import ee from "./vue-components.es17.js";
+import { generateMetaFromSchema as re } from "./vue-components.es9.js";
+import te from "./vue-components.es5.js";
+import se from "./vue-components.es18.js";
+import { trace as _ } from "./vue-components.es19.js";
+import { context as M } from "./vue-components.es20.js";
+class ne extends W.TaggedError("FormErrors") {
+}
+const h = (c) => function(o) {
   return {
-    errors: E(r),
-    mapError: s,
-    removeError: n,
-    clearErrors: c,
-    showErrors: i,
-    generalErrors: u,
-    showErrorsOn: t ?? "onSubmit"
+    render() {
+      return D(o, {
+        form: c,
+        ...this.$attrs
+      }, this.$slots);
+    }
   };
-}
-function g() {
-  const o = p(d);
-  if (!o)
-    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
-  return o;
-}
+}, oe = (c) => function(o) {
+  return {
+    setup() {
+      return {
+        ...c
+      };
+    },
+    render({ errors: S, generalErrors: w, showErrors: v }) {
+      return D(o, {
+        errors: S,
+        generalErrors: w,
+        showErrors: v,
+        ...this.$attrs
+      }, this.$slots);
+    }
+  };
+}, ye = (c, a, o) => {
+  if (!c) throw new Error("Schema is required");
+  const S = U.standardSchemaV1(c), w = U.decode(c), { filterItems: v, meta: p } = re(c), m = $(() => {
+    if (o?.persistency?.id)
+      return o.persistency.id;
+    const e = window.location.pathname, r = Object.keys(p);
+    return `${e}-${r.join("-")}`;
+  }), R = () => {
+    const e = new URLSearchParams(window.location.search);
+    e.delete(m.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  };
+  function j(e, r) {
+    for (const t in r)
+      r[t] && z(r[t]) ? (e[t] || (e[t] = {}), j(e[t], r[t])) : e[t] = r[t];
+    return e;
+  }
+  const x = $(() => {
+    if (a?.defaultValues && !o?.persistency?.overrideDefaultValues)
+      return a?.defaultValues;
+    let e;
+    const r = o?.persistency;
+    if (!r?.policies || r.policies.length === 0) return {};
+    if (r.policies.includes("querystring"))
+      try {
+        const s = new URLSearchParams(window.location.search).get(m.value);
+        R(), s && (e = JSON.parse(s));
+      } catch (t) {
+        console.error(t);
+      }
+    if (
+      // query string has higher priority than local/session storage
+      !e && (r.policies.includes("local") || r.policies.includes("session"))
+    ) {
+      const t = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (t)
+        try {
+          const s = JSON.parse(
+            t.getItem(m.value) || "{}"
+          );
+          t.removeItem(m.value), e = s;
+        } catch (s) {
+          console.error(s);
+        }
+    }
+    if (e ??= {}, a?.defaultValues == null)
+      return e;
+    {
+      const t = a?.defaultValues;
+      return j(t, e);
+    }
+  }), H = (e, r) => e ? M.with(_.setSpan(M.active(), e), r) : r(), u = T({
+    ...a,
+    validators: {
+      onSubmit: S,
+      ...a?.validators || {}
+    },
+    onSubmit: a?.onSubmit ? ({ formApi: e, meta: r, value: t }) => H(r?.currentSpan, async () => {
+      const s = await l.runPromise(w(t)), n = a.onSubmit({
+        formApi: e,
+        meta: r,
+        value: s
+      });
+      return F.isFiber(n) && F.isRuntimeFiber(n) ? await k(n) : l.isEffect(n) ? await l.runPromise(
+        n.pipe(
+          // meta?.currentSpan
+          //   ? Effect.withParentSpan(meta.currentSpan)
+          //   : (_) => _,
+          l.flatMap((d) => F.join(d))
+        )
+      ) : n;
+    }) : void 0,
+    defaultValues: x.value
+  }), J = () => {
+    Object.keys(p).forEach((e) => {
+      u.setFieldValue(e, void 0);
+    });
+  }, V = (e) => e.reduce((r, t) => {
+    const s = t.split(".");
+    return s.reduce((n, d, G) => (G === s.length - 1 ? n[d] = u.getFieldValue(t) : n[d] = n[d] ?? {}, n[d]), r), r;
+  }, {}), O = (e) => {
+    if (e) {
+      if (g.isArray(e.keys))
+        return V(e.keys);
+      if (g.isArray(e.banKeys)) {
+        const r = Object.keys(p).filter((t) => e.banKeys?.includes(t));
+        return V(r);
+      }
+      return u.store.state.values;
+    }
+  }, b = () => {
+    const e = o?.persistency;
+    if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
+      const r = e.policies.includes("local") ? localStorage : sessionStorage;
+      if (!r) return;
+      const t = O(e);
+      return r.setItem(m.value, JSON.stringify(t));
+    }
+  }, P = () => {
+    const e = o?.persistency;
+    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
+      const r = O(e), t = new URLSearchParams(window.location.search);
+      t.set(m.value, JSON.stringify(r));
+      const s = new URL(window.location.href);
+      s.search = t.toString(), window.history.replaceState({}, "", s.toString());
+    }
+  };
+  A(b), Q(() => {
+    window.addEventListener("beforeunload", b), window.addEventListener("blur", P);
+  }), X(() => {
+    window.removeEventListener("beforeunload", b), window.removeEventListener("blur", P);
+  });
+  const I = (e) => l.currentSpan.pipe(
+    l.option,
+    l.flatMap(
+      (r) => l.promise(() => u.handleSubmit(E.isSome(r) ? { currentSpan: r.value, ...e } : e))
+    )
+  ), q = (e) => e?.checkErrors ? I(e?.meta).pipe(l.flatMap(l.fnUntraced(function* () {
+    const r = u.getAllErrors();
+    if (Object.keys(r.fields).length || r.form.errors.length)
+      return yield* new ne({ form: r.form, fields: r.fields });
+  }))) : I(e?.meta), B = u.handleSubmit, f = /* @__PURE__ */ new Map(), i = Object.assign(u, {
+    i18nNamespace: o?.i18nNamespace,
+    meta: p,
+    filterItems: v,
+    clear: J,
+    handleSubmit: (e) => {
+      const r = _.getSpan(M.active());
+      return B({ currentSpan: r, ...e });
+    },
+    // /** @experimental */
+    handleSubmitEffect: q,
+    registerField: (e) => {
+      N(e, (r) => f.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), A(() => f.delete(e.value.name));
+    }
+  }), y = i.useStore((e) => e.errors), K = i.useStore(
+    (e) => g.filterMap(
+      Object.entries(e.fieldMeta),
+      ([r, t]) => (t.errors ?? []).length && f.get(r)?.id ? E.some({
+        label: f.get(r).label,
+        inputId: f.get(r).id,
+        errors: (t.errors ?? []).map((s) => s.message).filter(Boolean)
+      }) : E.none()
+    )
+  );
+  N(
+    () => [i.filterItems, y.value],
+    () => {
+      const e = i.filterItems, r = y.value;
+      return e ? r ? (Object.values(r).filter(
+        (s) => !!s
+      ).flatMap(
+        (s) => Object.values(s).flat().map((n) => n.message)
+      ).some((s) => s === e.message) && e.items.forEach((s) => {
+        const n = i.getFieldMeta(s);
+        n && i.setFieldMeta(s, {
+          ...n,
+          errorMap: {
+            onSubmit: [
+              { path: [s], message: e.message }
+            ]
+          }
+        });
+      }), {}) : {} : {};
+    }
+  );
+  const L = { generalErrors: y, errors: K };
+  return o?.ignorePreventCloseEvents || Y(() => i.useStore((e) => e.isDirty)), Object.assign(i, {
+    errorContext: L,
+    Form: h(i)(se),
+    Input: h(i)(o?.input ?? te),
+    Field: u.Field,
+    Errors: oe(L)(ee),
+    Array: h(i)(Z),
+    AutoGen: h(i)(C)
+  });
+};
 export {
-  d as OmegaErrorsKey,
-  b as buildOmegaErrors,
-  g as useOmegaErrors
+  ne as FormErrors,
+  ye as useOmegaForm
 };

package/dist/vue-components.es8.js

@@ -1,215 +1,32 @@
-import { useForm as J, useStore as q } from "@tanstack/vue-form";
-import { Data as K, S as L, Effect as c, Fiber as y, Option as k } from "effect-app";
-import { runtimeFiberAsPromise as B } from "./vue-components.es13.js";
-import { isObject as G } from "./vue-components.es14.js";
-import { computed as A, onUnmounted as T, onMounted as W, onBeforeUnmount as z, watch as Q, h as M } from "vue";
-import { usePreventClose as X } from "./vue-components.es9.js";
-import Y from "./vue-components.es15.js";
-import Z from "./vue-components.es16.js";
-import { buildOmegaErrors as C } from "./vue-components.es7.js";
-import ee from "./vue-components.es17.js";
-import { generateMetaFromSchema as re } from "./vue-components.es10.js";
-import te from "./vue-components.es5.js";
-import se from "./vue-components.es18.js";
-import { trace as I } from "./vue-components.es19.js";
-import { context as E } from "./vue-components.es20.js";
-class ne extends K.TaggedError("FormErrors") {
-}
-const p = (l) => function(o) {
-  return {
-    render() {
-      return M(o, {
-        form: l,
-        ...this.$attrs
-      }, this.$slots);
-    }
-  };
-}, oe = (l) => function(o) {
-  return {
-    setup() {
-      return {
-        ...l
-      };
-    },
-    render({ errors: h, generalErrors: S, showErrors: w }) {
-      return M(o, {
-        errors: h,
-        generalErrors: S,
-        showErrors: w,
-        ...this.$attrs
-      }, this.$slots);
-    }
-  };
-}, Ee = (l, a, o) => {
-  if (!l) throw new Error("Schema is required");
-  const h = L.standardSchemaV1(l), S = L.decode(l), { filterItems: w, meta: d } = re(l), m = A(() => {
-    if (o?.persistency?.id)
-      return o.persistency.id;
-    const e = window.location.pathname, r = Object.keys(d);
-    return `${e}-${r.join("-")}`;
-  }), U = () => {
-    const e = new URLSearchParams(window.location.search);
-    e.delete(m.value);
-    const r = new URL(window.location.href);
-    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  };
-  function g(e, r) {
-    for (const t in r)
-      r[t] && G(r[t]) ? (e[t] || (e[t] = {}), g(e[t], r[t])) : e[t] = r[t];
-    return e;
-  }
-  const $ = A(() => {
-    if (a?.defaultValues && !o?.persistency?.overrideDefaultValues)
-      return a?.defaultValues;
-    let e;
-    const r = o?.persistency;
-    if (!r?.policies || r.policies.length === 0) return {};
-    if (r.policies.includes("querystring"))
-      try {
-        const s = new URLSearchParams(window.location.search).get(m.value);
-        U(), s && (e = JSON.parse(s));
-      } catch (t) {
-        console.error(t);
-      }
-    if (
-      // query string has higher priority than local/session storage
-      !e && (r.policies.includes("local") || r.policies.includes("session"))
-    ) {
-      const t = r.policies.includes("local") ? localStorage : sessionStorage;
-      if (t)
-        try {
-          const s = JSON.parse(
-            t.getItem(m.value) || "{}"
-          );
-          t.removeItem(m.value), e = s;
-        } catch (s) {
-          console.error(s);
-        }
-    }
-    if (e ??= {}, a?.defaultValues == null)
-      return e;
-    {
-      const t = a?.defaultValues;
-      return g(t, e);
-    }
-  }), N = (e, r) => e ? E.with(I.setSpan(E.active(), e), r) : r(), u = J({
-    ...a,
-    validators: {
-      onSubmit: h,
-      ...a?.validators || {}
-    },
-    onSubmit: a?.onSubmit ? ({ formApi: e, meta: r, value: t }) => N(r?.currentSpan, async () => {
-      const s = await c.runPromise(S(t)), n = a.onSubmit({
-        formApi: e,
-        meta: r,
-        value: s
-      });
-      return y.isFiber(n) && y.isRuntimeFiber(n) ? await B(n) : c.isEffect(n) ? await c.runPromise(
-        n.pipe(
-          // meta?.currentSpan
-          //   ? Effect.withParentSpan(meta.currentSpan)
-          //   : (_) => _,
-          c.flatMap((f) => y.join(f))
-        )
-      ) : n;
-    }) : void 0,
-    defaultValues: $.value
-  }), _ = () => {
-    Object.keys(d).forEach((e) => {
-      u.setFieldValue(e, void 0);
-    });
-  }, F = (e) => e.reduce((r, t) => {
-    const s = t.split(".");
-    return s.reduce((n, f, H) => (H === s.length - 1 ? n[f] = u.getFieldValue(t) : n[f] = n[f] ?? {}, n[f]), r), r;
-  }, {}), O = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return F(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(d).filter((t) => e.banKeys?.includes(t));
-        return F(r);
-      }
-      return u.store.state.values;
-    }
-  }, v = () => {
-    const e = o?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
-      const r = e.policies.includes("local") ? localStorage : sessionStorage;
-      if (!r) return;
-      const t = O(e);
-      return r.setItem(m.value, JSON.stringify(t));
-    }
-  }, V = () => {
-    const e = o?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = O(e), t = new URLSearchParams(window.location.search);
-      t.set(m.value, JSON.stringify(r));
-      const s = new URL(window.location.href);
-      s.search = t.toString(), window.history.replaceState({}, "", s.toString());
-    }
-  };
-  T(v), W(() => {
-    window.addEventListener("beforeunload", v), window.addEventListener("blur", V);
-  }), z(() => {
-    window.removeEventListener("beforeunload", v), window.removeEventListener("blur", V);
-  });
-  const j = (e) => c.currentSpan.pipe(
-    c.option,
-    c.flatMap(
-      (r) => c.promise(() => u.handleSubmit(k.isSome(r) ? { currentSpan: r.value, ...e } : e))
-    )
-  ), D = (e) => e?.checkErrors ? j(e?.meta).pipe(c.flatMap(c.fnUntraced(function* () {
-    const r = u.getAllErrors();
-    if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new ne({ form: r.form, fields: r.fields });
-  }))) : j(e?.meta), R = u.handleSubmit, i = Object.assign(u, {
-    i18nNamespace: o?.i18nNamespace,
-    meta: d,
-    filterItems: w,
-    clear: _,
-    handleSubmit: (e) => {
-      const r = I.getSpan(E.active());
-      return R({ currentSpan: r, ...e });
-    },
-    // /** @experimental */
-    handleSubmitEffect: D
-  }), x = q(
-    i.store,
-    (e) => e.submissionAttempts
-  ), b = i.useStore((e) => e.errors);
-  Q(
-    () => [i.filterItems, b.value],
-    () => {
-      const e = i.filterItems, r = b.value;
-      return e ? r ? (Object.values(r).filter(
-        (s) => !!s
-      ).flatMap(
-        (s) => Object.values(s).flat().map((n) => n.message)
-      ).some((s) => s === e.message) && e.items.forEach((s) => {
-        const n = i.getFieldMeta(s);
-        n && i.setFieldMeta(s, {
-          ...n,
-          errorMap: {
-            onSubmit: [
-              { path: [s], message: e.message }
-            ]
-          }
-        });
-      }), {}) : {} : {};
-    }
-  );
-  const P = C(x, b, o?.showErrorsOn);
-  return o?.ignorePreventCloseEvents || X(() => i.useStore((e) => e.isDirty)), Object.assign(i, {
-    errorContext: P,
-    Form: p(i)(se),
-    Input: p(i)(o?.input ?? te),
-    Field: u.Field,
-    Errors: oe(P)(ee),
-    Array: p(i)(Y),
-    AutoGen: p(i)(Z)
+import r from "./vue-components.es23.js";
+import { inject as c, provide as l } from "vue";
+import { onMountedWithCleanup as u } from "./vue-components.es12.js";
+const f = () => r(), i = Symbol("DialogBus"), p = () => c(i, null), g = () => {
+  const e = f();
+  return l(i, e), e;
+}, d = (e) => {
+  const o = p();
+  if (!o)
+    return;
+  const s = e();
+  u(() => {
+    const n = (t) => {
+      s.value && (confirm("Es sind ungespeicherte Änderungen vorhanden. Wirklich schließen?") || (t.prevent = !0));
+    };
+    return o.on("dialog-closing", n), () => o.off("dialog-closing", n);
   });
+}, h = (e) => {
+  const o = g();
+  return () => {
+    const n = {};
+    o.emit("dialog-closing", n), n.prevent ? typeof n.prevent == "object" && "then" in n.prevent && n.prevent.then((t) => {
+      t !== !1 && e();
+    }) : e();
+  };
 };
 export {
-  ne as FormErrors,
-  Ee as useOmegaForm
+  p as injectBus,
+  g as provideBus,
+  h as useOnClose,
+  d as usePreventClose
 };