@effect-app/vue-components 0.15.22 → 0.15.24

package/dist/vue-components.es18.js

@@ -1,91 +1,4 @@
-import { defineComponent as E, getCurrentInstance as C, computed as x, createBlock as o, openBlock as r, Transition as B, withCtx as n, createElementBlock as d, createCommentVNode as b, unref as e, renderSlot as w, normalizeProps as I, guardReactiveProps as V, resolveDynamicComponent as a, normalizeClass as N, createElementVNode as u, toDisplayString as c, Fragment as v, renderList as g, createTextVNode as k } from "vue";
-import { useOmegaErrors as O } from "./vue-components.es8.js";
-import { mdiLink as z } from "@mdi/js";
-import { useIntl as D } from "./vue-components.es3.js";
-const G = {
-  key: 0,
-  class: "error-alert"
-}, L = { class: "text-h6 mb-3" }, M = { class: "font-weight-medium" }, P = { class: "error-message" }, S = ["href"], T = { key: 1 }, H = /* @__PURE__ */ E({
-  __name: "OmegaErrors",
-  setup($) {
-    const m = C()?.appContext.components.VAlert, { errors: s, generalErrors: p, showErrors: y } = O(), { trans: _ } = D(), f = x(() => p.value ? p.value.filter(
-      (i) => !!i
-    ).flatMap(
-      (i) => Object.values(i).filter((l) => !!l).flatMap(
-        (l) => l.filter(
-          (t) => !!t?.message
-        ).map((t) => t.message)
-      )
-    ) : []);
-    return (i, l) => (r(), o(B, null, {
-      default: n(() => [
-        e(y) && (e(s).length || f.value.length) ? (r(), d("div", G, [
-          w(i.$slots, "default", I(V({ errors: e(s), showedGeneralErrors: f.value })), () => [
-            (r(), o(a(e(m) ? "v-alert" : "div"), {
-              class: N([e(m) ? "mb-4" : "error-alert-content", "mb-4"]),
-              type: "error",
-              variant: "tonal",
-              role: "alert",
-              "aria-live": "polite"
-            }, {
-              default: n(() => [
-                u("div", L, c(e(_)("form.includes_error")) + ":", 1),
-                e(s).length ? (r(), o(a(e(s).length > 1 ? "ul" : "div"), {
-                  key: 0,
-                  class: "error-list"
-                }, {
-                  default: n(() => [
-                    (r(!0), d(v, null, g(e(s), (t) => (r(), o(a(e(s).length > 1 ? "li" : "div"), {
-                      key: t.inputId,
-                      class: "error-item"
-                    }, {
-                      default: n(() => [
-                        u("div", M, c(t.label), 1),
-                        u("div", P, [
-                          (r(), o(a(t.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
-                            default: n(() => [
-                              (r(!0), d(v, null, g(t.errors, (h) => (r(), o(a(t.errors.length > 1 ? "li" : "span"), { key: h }, {
-                                default: n(() => [
-                                  k(c(h), 1)
-                                ]),
-                                _: 2
-                              }, 1024))), 128))
-                            ]),
-                            _: 2
-                          }, 1024))
-                        ]),
-                        u("a", {
-                          href: `#${t.inputId}`,
-                          class: "error-link"
-                        }, [
-                          (r(), o(a(e(m) ? "v-icon" : "i"), {
-                            icon: e(z),
-                            "aria-hidden": "true"
-                          }, {
-                            default: n(() => l[0] || (l[0] = [
-                              u("i", null, "🔗", -1)
-                            ])),
-                            _: 1,
-                            __: [0]
-                          }, 8, ["icon"])),
-                          k(" " + c(e(_)("form.fix_input")), 1)
-                        ], 8, S)
-                      ]),
-                      _: 2
-                    }, 1024))), 128))
-                  ]),
-                  _: 1
-                })) : (r(), d("span", T, c(f.value[0]), 1))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ], !0)
-        ])) : b("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+import f from "./vue-components.es6.js";
 export {
-  H as default
+  f as default
 };

package/dist/vue-components.es2.js

@@ -1,20 +1,20 @@
-import { default as t } from "./vue-components.es11.js";
-import { default as m } from "./vue-components.es4.js";
-import { default as p } from "./vue-components.es5.js";
-import { default as l } from "./vue-components.es12.js";
-import { default as g } from "./vue-components.es6.js";
-import { default as s } from "./vue-components.es7.js";
+import { default as t } from "./vue-components.es4.js";
+import { default as m } from "./vue-components.es5.js";
+import { default as p } from "./vue-components.es11.js";
+import { default as l } from "./vue-components.es6.js";
+import { default as g } from "./vue-components.es7.js";
+import { default as s } from "./vue-components.es12.js";
 import * as e from "./vue-components.es8.js";
 import { createMeta as O, duplicateSchema as F, generateInputStandardSchemaFromFieldMeta as c, generateMetaFromSchema as I, nullableInput as S } from "./vue-components.es10.js";
 import { useOmegaForm as i } from "./vue-components.es9.js";
 export {
-  s as OmegaArray,
-  g as OmegaAutoGen,
-  l as OmegaErrors,
+  t as OmegaArray,
+  m as OmegaAutoGen,
+  p as OmegaErrors,
   e as OmegaErrorsContext,
-  t as OmegaForm,
-  p as OmegaFormInput,
-  m as OmegaInput,
+  s as OmegaForm,
+  l as OmegaFormInput,
+  g as OmegaInput,
   O as createMeta,
   F as duplicateSchema,
   c as generateInputStandardSchemaFromFieldMeta,

package/dist/vue-components.es20.js

@@ -1,4 +1,113 @@
-import f from "./vue-components.es6.js";
+import { defineComponent as w, computed as f, onBeforeMount as E, watch as j, createElementBlock as v, openBlock as b, withModifiers as F, createElementVNode as M, unref as c, renderSlot as p, createCommentVNode as k, Fragment as V } from "vue";
+import { useStore as g } from "@tanstack/vue-form";
+import { getOmegaStore as B } from "./vue-components.es23.js";
+import { provideOmegaErrors as C } from "./vue-components.es8.js";
+import { useOmegaForm as I } from "./vue-components.es9.js";
+const $ = ["disabled"], N = /* @__PURE__ */ w({
+  __name: "OmegaWrapper",
+  props: {
+    omegaConfig: {},
+    subscribe: {},
+    showErrorsOn: {},
+    defaultValues: {},
+    defaultState: {},
+    asyncAlways: { type: Boolean },
+    asyncDebounceMs: {},
+    validators: {},
+    onSubmitMeta: {},
+    onSubmitInvalid: { type: Function },
+    transform: {},
+    onSubmit: { type: Function },
+    form: {},
+    schema: {}
+  },
+  setup(O) {
+    const o = O, m = f(() => {
+      if (!(o.form || !o.schema))
+        return I(o.schema, o, o.omegaConfig);
+    }), t = f(() => o.form ?? m.value);
+    E(() => {
+      if (!o.form) return;
+      const e = Object.keys(o.form.options || {}), s = /* @__PURE__ */ new Set([
+        "omegaConfig",
+        "subscribe",
+        "showErrorsOn",
+        "asyncAlways",
+        "form",
+        "schema"
+      ]), i = Object.fromEntries(
+        Object.entries(o).filter(
+          ([a, u]) => !s.has(a) && u !== void 0
+        )
+      ), r = Object.keys(i), n = e.filter(
+        (a) => r.includes(a) && i[a] !== void 0
+      );
+      n.length > 0 && console.warn(
+        `[OmegaWrapper] Overlapping keys found between form options and filtered props:
+${n.join(
+          `, 
+`
+        )}.
+Props will overwrite existing form options. This might indicate a configuration issue.`
+      );
+      const S = {
+        ...t.value.options,
+        ...i
+      };
+      t.value.options = Object.fromEntries(
+        // TODO
+        Object.entries(S).filter(
+          ([a, u]) => u !== void 0
+        )
+      );
+    });
+    const h = g(
+      t.value.store,
+      (e) => e.isSubmitting
+    ), d = B(
+      t.value,
+      o.subscribe
+    ), y = g(
+      t.value.store,
+      (e) => e.submissionAttempts
+    ), l = f(() => t.value.useStore((e) => e.errors));
+    return j(
+      () => [t.value.filterItems, l.value.value],
+      () => {
+        const e = t.value.filterItems, s = l.value.value;
+        return e ? s ? (Object.values(s).filter(
+          (r) => !!r
+        ).flatMap(
+          (r) => Object.values(r).flat().map((n) => n.message)
+        ).some((r) => r === e.message) && e.items.forEach((r) => {
+          const n = t.value.getFieldMeta(r);
+          n && t.value.setFieldMeta(r, {
+            ...n,
+            errorMap: {
+              onSubmit: [
+                { path: [r], message: e.message }
+              ]
+            }
+          });
+        }), {}) : {} : {};
+      }
+    ), C(y, l.value, o.showErrorsOn), (e, s) => (b(), v("form", {
+      novalidate: "",
+      onSubmit: s[0] || (s[0] = F((i) => t.value.handleSubmit(), ["prevent", "stop"]))
+    }, [
+      M("fieldset", { disabled: c(h) }, [
+        o.form ? (b(), v(V, { key: 0 }, [
+          p(e.$slots, "externalForm", { subscribedValues: c(d) }, void 0, !0),
+          p(e.$slots, "default", {}, void 0, !0)
+        ], 64)) : m.value ? p(e.$slots, "internalForm", {
+          key: 1,
+          form: m.value,
+          subscribedValues: c(d)
+        }, void 0, !0) : k("", !0)
+      ], 8, $)
+    ], 32));
+  }
+});
 export {
-  f as default
+  N as default
 };

package/dist/vue-components.es4.js

@@ -1,52 +1,53 @@
-import { defineComponent as d, inject as f, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as c, withCtx as l, createCommentVNode as v, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as b } from "vue";
-import { generateInputStandardSchemaFromFieldMeta as C } from "./vue-components.es10.js";
-import F from "./vue-components.es24.js";
-const P = /* @__PURE__ */ d({
+import { defineComponent as F, computed as d, onMounted as M, provide as P, createBlock as f, openBlock as m, resolveDynamicComponent as i, withCtx as c, renderSlot as o, createElementBlock as k, normalizeProps as s, guardReactiveProps as l, Fragment as A, renderList as b, mergeProps as B } from "vue";
+const N = /* @__PURE__ */ F({
   inheritAttrs: !1,
-  __name: "OmegaInput",
+  __name: "OmegaArray",
   props: {
     form: {},
     name: {},
-    validators: {},
-    label: {},
-    options: {},
-    type: {}
+    defaultItems: {},
+    items: {}
   },
-  setup(s) {
-    const a = s, o = f(
-      "getMetaFromArray",
-      null
-    ), t = r(() => o?.value && o.value(a.name) ? o.value(a.name) : a.form.meta[a.name]), i = r(() => {
-      if (!t.value)
-        throw console.log(a.name, Object.keys(a.form.meta), a.form.meta), new Error("Meta is undefined");
-      return C(t.value);
-    });
-    return (e, k) => (m(), n(c(e.form.Field), {
-      name: e.name,
-      validators: {
-        onChange: i.value,
-        ...e.validators
+  setup(g) {
+    const t = g, y = t.form.useStore((e) => e.values), u = d(() => {
+      const e = t.name.replace(/\[/g, ".").replace(/\]/g, "");
+      try {
+        return e.split(".").reduce((a, r) => a[r], y.value);
+      } catch {
+        return [];
       }
-    }, {
-      default: l(({ field: p }) => [
-        t.value ? (m(), n(F, y({
-          key: 0,
-          field: p,
-          label: e.label,
-          options: e.options,
-          meta: t.value,
-          type: e.type
-        }, e.$attrs), {
-          default: l((u) => [
-            g(e.$slots, "default", h(b(u)))
+    });
+    M(async () => {
+      t.defaultItems && !u.value && t.form.setFieldValue(t.name, t.defaultItems);
+    });
+    const $ = d(() => (a) => {
+      const r = a.replace(/\[\d+\]/g, "");
+      return t.form.meta[r];
+    });
+    return P("getMetaFromArray", $), (e, a) => (m(), f(i(e.form.Field), { name: e.name }, {
+      default: c(({ field: r, state: p }) => [
+        o(e.$slots, "pre-array", s(l({ field: r, state: p }))),
+        (m(!0), k(A, null, b(u.value, (C, n) => (m(), f(i(e.form.Field), {
+          key: `${e.name}[${Number(n)}]`,
+          name: `${e.name}[${Number(n)}]`
+        }, {
+          default: c(({ field: v, state: h }) => [
+            o(e.$slots, "default", B({ ref_for: !0 }, {
+              subField: v,
+              subState: h,
+              index: Number(n),
+              field: r
+            }))
           ]),
           _: 2
-        }, 1040, ["field", "label", "options", "meta", "type"])) : v("", !0)
+        }, 1032, ["name"]))), 128)),
+        o(e.$slots, "post-array", s(l({ field: r, state: p }))),
+        o(e.$slots, "field", s(l({ field: r })))
       ]),
       _: 3
-    }, 8, ["name", "validators"]));
+    }, 8, ["name"]));
   }
 });
 export {
-  P as default
+  N as default
 };

package/dist/vue-components.es5.js

@@ -1,34 +1,72 @@
-import { defineComponent as a, inject as t, createBlock as n, openBlock as m, mergeProps as p, unref as s, withCtx as i, renderSlot as l, normalizeProps as f, guardReactiveProps as u } from "vue";
-import d from "./vue-components.es4.js";
-import { OmegaFormKey as c } from "./vue-components.es9.js";
-const w = /* @__PURE__ */ a({
-  __name: "OmegaFormInput",
+import { defineComponent as _, computed as O, createElementBlock as j, openBlock as M, Fragment as E, renderList as A, renderSlot as F, createVNode as g, mergeProps as h } from "vue";
+import { Order as s, pipe as k, Array as l } from "effect-app";
+import v from "./vue-components.es7.js";
+const R = /* @__PURE__ */ _({
+  __name: "OmegaAutoGen",
   props: {
-    name: {},
-    label: {},
-    validators: {},
-    options: {},
-    type: {}
+    form: {},
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
   },
-  setup(g) {
-    const o = t(c);
-    if (!o)
-      throw new Error("OmegaFormInput must be used within an OmegaForm context");
-    return (e, b) => (m(), n(d, p(e.$props, {
-      form: s(o),
-      name: e.name,
-      label: e.label,
-      validators: e.validators,
-      options: e.options,
-      type: e.type
-    }), {
-      default: i((r) => [
-        l(e.$slots, "default", f(u(r)))
-      ]),
-      _: 3
-    }, 16, ["form", "name", "label", "validators", "options", "type"]));
+  setup(p) {
+    const m = (e) => (r) => Object.fromEntries(
+      Object.entries(r).map(([t, n]) => [t, e(n, t)])
+    ), u = (e) => (r) => Object.fromEntries(
+      Object.entries(r).filter(([t, n]) => e(n, t))
+    ), a = (e) => (r) => Object.entries(r).reduce(
+      (t, [n, c]) => {
+        const i = e(c, n);
+        return i !== !1 && (t[n] = i), t;
+      },
+      {}
+    ), o = p, f = (e, r) => {
+      const t = r?.indexOf(e) ?? -1;
+      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
+    }, d = s.mapInput(
+      s.number,
+      (e) => f(e.name, o.order || [])
+    ), b = O(
+      () => k(
+        o.form.meta,
+        // include / exclude
+        u(
+          (e, r) => o.pick ? o.pick.includes(r) && !o.omit?.includes(r) : !o.omit?.includes(r)
+        ),
+        (e) => e,
+        // labelMap and adding name
+        m((e, r) => ({
+          name: r,
+          label: o.labelMap?.(r) || r,
+          ...e
+        })),
+        // filterMap
+        o.filterMap ? a((e) => {
+          const r = o.filterMap?.(e.name, e);
+          return r === void 0 || r === !0 ? e : r;
+        }) : (e) => e,
+        // transform to array
+        (e) => Object.values(e),
+        // order
+        l.sort(d),
+        // sort
+        o.sort ? l.sort(o.sort) : (e) => e
+      )
+    );
+    return (e, r) => (M(!0), j(E, null, A(b.value, ({ name: t, label: n, ...c }) => F(e.$slots, "default", {
+      child: { name: t, label: n, ...c }
+    }, () => [
+      g(v, h({
+        form: o.form,
+        name: t,
+        label: n
+      }, { ref_for: !0 }, c), null, 16, ["form", "name", "label"])
+    ])), 256));
   }
 });
 export {
-  w as default
+  R as default
 };

package/dist/vue-components.es6.js

@@ -1,72 +1,34 @@
-import { defineComponent as _, computed as O, createElementBlock as j, openBlock as M, Fragment as E, renderList as A, renderSlot as F, createVNode as g, mergeProps as h } from "vue";
-import { Order as s, pipe as k, Array as l } from "effect-app";
-import v from "./vue-components.es4.js";
-const R = /* @__PURE__ */ _({
-  __name: "OmegaAutoGen",
+import { defineComponent as a, inject as t, createBlock as n, openBlock as m, mergeProps as p, unref as s, withCtx as i, renderSlot as l, normalizeProps as f, guardReactiveProps as u } from "vue";
+import d from "./vue-components.es7.js";
+import { OmegaFormKey as c } from "./vue-components.es9.js";
+const w = /* @__PURE__ */ a({
+  __name: "OmegaFormInput",
   props: {
-    form: {},
-    pick: {},
-    omit: {},
-    labelMap: { type: Function },
-    filterMap: { type: Function },
-    order: {},
-    sort: {}
+    name: {},
+    label: {},
+    validators: {},
+    options: {},
+    type: {}
   },
-  setup(p) {
-    const m = (e) => (r) => Object.fromEntries(
-      Object.entries(r).map(([t, n]) => [t, e(n, t)])
-    ), u = (e) => (r) => Object.fromEntries(
-      Object.entries(r).filter(([t, n]) => e(n, t))
-    ), a = (e) => (r) => Object.entries(r).reduce(
-      (t, [n, c]) => {
-        const i = e(c, n);
-        return i !== !1 && (t[n] = i), t;
-      },
-      {}
-    ), o = p, f = (e, r) => {
-      const t = r?.indexOf(e) ?? -1;
-      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
-    }, d = s.mapInput(
-      s.number,
-      (e) => f(e.name, o.order || [])
-    ), b = O(
-      () => k(
-        o.form.meta,
-        // include / exclude
-        u(
-          (e, r) => o.pick ? o.pick.includes(r) && !o.omit?.includes(r) : !o.omit?.includes(r)
-        ),
-        (e) => e,
-        // labelMap and adding name
-        m((e, r) => ({
-          name: r,
-          label: o.labelMap?.(r) || r,
-          ...e
-        })),
-        // filterMap
-        o.filterMap ? a((e) => {
-          const r = o.filterMap?.(e.name, e);
-          return r === void 0 || r === !0 ? e : r;
-        }) : (e) => e,
-        // transform to array
-        (e) => Object.values(e),
-        // order
-        l.sort(d),
-        // sort
-        o.sort ? l.sort(o.sort) : (e) => e
-      )
-    );
-    return (e, r) => (M(!0), j(E, null, A(b.value, ({ name: t, label: n, ...c }) => F(e.$slots, "default", {
-      child: { name: t, label: n, ...c }
-    }, () => [
-      g(v, h({
-        form: o.form,
-        name: t,
-        label: n
-      }, { ref_for: !0 }, c), null, 16, ["form", "name", "label"])
-    ])), 256));
+  setup(g) {
+    const o = t(c);
+    if (!o)
+      throw new Error("OmegaFormInput must be used within an OmegaForm context");
+    return (e, b) => (m(), n(d, p(e.$props, {
+      form: s(o),
+      name: e.name,
+      label: e.label,
+      validators: e.validators,
+      options: e.options,
+      type: e.type
+    }), {
+      default: i((r) => [
+        l(e.$slots, "default", f(u(r)))
+      ]),
+      _: 3
+    }, 16, ["form", "name", "label", "validators", "options", "type"]));
   }
 });
 export {
-  R as default
+  w as default
 };

package/dist/vue-components.es7.js

@@ -1,53 +1,52 @@
-import { defineComponent as F, computed as d, onMounted as M, provide as P, createBlock as f, openBlock as m, resolveDynamicComponent as i, withCtx as c, renderSlot as o, createElementBlock as k, normalizeProps as s, guardReactiveProps as l, Fragment as A, renderList as b, mergeProps as B } from "vue";
-const N = /* @__PURE__ */ F({
+import { defineComponent as d, inject as f, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as c, withCtx as l, createCommentVNode as v, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as b } from "vue";
+import { generateInputStandardSchemaFromFieldMeta as C } from "./vue-components.es10.js";
+import F from "./vue-components.es24.js";
+const P = /* @__PURE__ */ d({
   inheritAttrs: !1,
-  __name: "OmegaArray",
+  __name: "OmegaInput",
   props: {
     form: {},
     name: {},
-    defaultItems: {},
-    items: {}
+    validators: {},
+    label: {},
+    options: {},
+    type: {}
   },
-  setup(g) {
-    const t = g, y = t.form.useStore((e) => e.values), u = d(() => {
-      const e = t.name.replace(/\[/g, ".").replace(/\]/g, "");
-      try {
-        return e.split(".").reduce((a, r) => a[r], y.value);
-      } catch {
-        return [];
-      }
-    });
-    M(async () => {
-      t.defaultItems && !u.value && t.form.setFieldValue(t.name, t.defaultItems);
+  setup(s) {
+    const a = s, o = f(
+      "getMetaFromArray",
+      null
+    ), t = r(() => o?.value && o.value(a.name) ? o.value(a.name) : a.form.meta[a.name]), i = r(() => {
+      if (!t.value)
+        throw console.log(a.name, Object.keys(a.form.meta), a.form.meta), new Error("Meta is undefined");
+      return C(t.value);
     });
-    const $ = d(() => (a) => {
-      const r = a.replace(/\[\d+\]/g, "");
-      return t.form.meta[r];
-    });
-    return P("getMetaFromArray", $), (e, a) => (m(), f(i(e.form.Field), { name: e.name }, {
-      default: c(({ field: r, state: p }) => [
-        o(e.$slots, "pre-array", s(l({ field: r, state: p }))),
-        (m(!0), k(A, null, b(u.value, (C, n) => (m(), f(i(e.form.Field), {
-          key: `${e.name}[${Number(n)}]`,
-          name: `${e.name}[${Number(n)}]`
-        }, {
-          default: c(({ field: v, state: h }) => [
-            o(e.$slots, "default", B({ ref_for: !0 }, {
-              subField: v,
-              subState: h,
-              index: Number(n),
-              field: r
-            }))
+    return (e, k) => (m(), n(c(e.form.Field), {
+      name: e.name,
+      validators: {
+        onChange: i.value,
+        ...e.validators
+      }
+    }, {
+      default: l(({ field: p }) => [
+        t.value ? (m(), n(F, y({
+          key: 0,
+          field: p,
+          label: e.label,
+          options: e.options,
+          meta: t.value,
+          type: e.type
+        }, e.$attrs), {
+          default: l((u) => [
+            g(e.$slots, "default", h(b(u)))
           ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        o(e.$slots, "post-array", s(l({ field: r, state: p }))),
-        o(e.$slots, "field", s(l({ field: r })))
+          _: 3
+        }, 16, ["field", "label", "options", "meta", "type"])) : v("", !0)
       ]),
       _: 3
-    }, 8, ["name"]));
+    }, 8, ["name", "validators"]));
   }
 });
 export {
-  N as default
+  P as default
 };