@effect-app/vue-components 0.0.8 → 0.1.0

package/dist/vue-components.es11.js

@@ -0,0 +1,64 @@
+import { defineComponent as d, watch as b, createElementBlock as S, openBlock as g, withModifiers as v, unref as a, createElementVNode as h, renderSlot as M } from "vue";
+import { useStore as i } from "@tanstack/vue-form";
+import { getOmegaStore as y } from "./vue-components.es16.js";
+import { provideOmegaErrors as O } from "./vue-components.es4.js";
+import { useOmegaForm as F } from "./vue-components.es5.js";
+const I = ["disabled"], A = /* @__PURE__ */ d({
+  __name: "OmegaWrapper",
+  props: {
+    subscribe: {},
+    form: {},
+    schema: {},
+    defaultValues: {},
+    defaultState: {},
+    asyncAlways: { type: Boolean },
+    asyncDebounceMs: {},
+    validators: {},
+    onSubmitMeta: {},
+    onSubmitInvalid: { type: Function },
+    transform: {},
+    onSubmit: { type: Function }
+  },
+  setup(u, { expose: l }) {
+    const r = u, t = r.form ?? F(r.schema, r), f = i(t.store, (e) => e.isSubmitting);
+    l(t);
+    const c = y(
+      t,
+      r.subscribe
+    ), p = i(
+      t.store,
+      (e) => e.submissionAttempts
+    ), o = t.useStore((e) => e.errors);
+    return b(
+      () => [t.filterItems, o.value],
+      () => {
+        const e = t.filterItems;
+        return e ? o.value ? (Object.values(o.value).filter(
+          (s) => !!s
+        ).flatMap(
+          (s) => Object.values(s).flat().map((n) => n.message)
+        ).some((s) => s === e.message) && e.items.forEach((s) => {
+          const n = t.getFieldMeta(s);
+          t.setFieldMeta(s, {
+            ...n,
+            errorMap: {
+              onSubmit: [{ path: [s], message: e.message }]
+            }
+          });
+        }), {}) : {} : {};
+      }
+    ), O(p, o), (e, m) => (g(), S("form", {
+      onSubmit: m[0] || (m[0] = v((s) => a(t).handleSubmit(), ["prevent", "stop"]))
+    }, [
+      h("fieldset", { disabled: a(f) }, [
+        M(e.$slots, "default", {
+          form: a(t),
+          subscribedValues: a(c)
+        }, void 0, !0)
+      ], 8, I)
+    ], 32));
+  }
+});
+export {
+  A as default
+};

package/dist/vue-components.es12.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/vue-components.es13.js

@@ -0,0 +1,4 @@
+import f from "./vue-components.es8.js";
+export {
+  f as default
+};

package/dist/vue-components.es14.js

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

package/dist/vue-components.es15.js

@@ -0,0 +1,86 @@
+(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input v-btn{all:unset;cursor:pointer}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(a,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const s=document.createElement("style");s.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input v-btn{all:unset;cursor:pointer}")),this.shadowRoot.appendChild(s)}},e.call(window.customElements,a,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as C, getCurrentInstance as L, useId as O, computed as n, watch as V, onMounted as S, ref as $, watchEffect as A, useAttrs as P, renderSlot as D, normalizeProps as M, guardReactiveProps as R, createBlock as T, createCommentVNode as U, unref as z, openBlock as F } from "vue";
+import { useStore as N } from "@tanstack/vue-form";
+import { useOmegaErrors as j } from "./vue-components.es4.js";
+import G from "./vue-components.es18.js";
+
+const X = /* @__PURE__ */ C({
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(q) {
+    const e = q, l = L(), E = l == null ? void 0 : l.appContext.components.VTextField, o = O(), u = e.field, a = N(u.store, (t) => t), i = n(() => {
+      var t, r;
+      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
+    }), m = n(() => a.value.value), p = n(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
+      )
+    );
+    V(
+      () => [!!m.value],
+      () => {
+        var t, r;
+        p.value.length && !m.value && !((t = e.meta) != null && t.required) && u.setValue(
+          ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
+        );
+      }
+    ), S(() => {
+      var t, r;
+      !m.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && u.setValue(null);
+    });
+    const s = $(!1), I = () => {
+      s.value = !0;
+    }, { addError: k, formSubmissionAttempts: w, removeError: B } = j();
+    A(() => {
+      w.value > 0 && (s.value = !0);
+    });
+    const d = n(() => !s.value && i.value !== "select" ? [] : p.value);
+    V(
+      () => a.value.meta.errors,
+      () => {
+        a.value.meta.errors.length ? k({
+          inputId: o,
+          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : B(o);
+      }
+    ), P();
+    const f = n(() => {
+      var t, r, c, v, g, y, h, b, x, _;
+      return {
+        id: o,
+        required: (t = e.meta) == null ? void 0 : t.required,
+        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((c = e.meta) == null ? void 0 : c.minLength),
+        maxLength: ((v = e.meta) == null ? void 0 : v.type) === "string" && ((g = e.meta) == null ? void 0 : g.maxLength),
+        max: ((y = e.meta) == null ? void 0 : y.type) === "number" && ((h = e.meta) == null ? void 0 : h.maximum),
+        min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((x = e.meta) == null ? void 0 : x.minimum),
+        name: e.field.name,
+        modelValue: e.field.state.value,
+        errorMessages: d.value,
+        error: !!d.value.length,
+        field: e.field,
+        setRealDirty: I,
+        type: i.value,
+        label: `${e.label}${(_ = e.meta) != null && _.required ? " *" : ""}`,
+        options: e.options
+      };
+    });
+    return (t, r) => D(t.$slots, "default", M(R(f.value)), () => [
+      z(E) ? (F(), T(G, {
+        key: 0,
+        "input-props": f.value
+      }, null, 8, ["input-props"])) : U("", !0)
+    ]);
+  }
+});
+export {
+  X as default
+};

package/dist/vue-components.es16.js

@@ -0,0 +1,13 @@
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
+export {
+  c as getOmegaStore
+};

package/dist/vue-components.es17.js

@@ -0,0 +1,4 @@
+import f from "./vue-components.es15.js";
+export {
+  f as default
+};

package/dist/vue-components.es18.js

@@ -0,0 +1,134 @@
+import { defineComponent as V, resolveComponent as o, createElementBlock as m, openBlock as r, createBlock as l, createCommentVNode as p, mergeProps as i, normalizeClass as y, createVNode as s, unref as t, withCtx as v } from "vue";
+import { mdiRefresh as u } from "@mdi/js";
+const q = { class: "omega-input" }, U = /* @__PURE__ */ V({
+  __name: "OmegaInputVuetify",
+  props: {
+    inputProps: {}
+  },
+  setup(C) {
+    return (e, n) => {
+      const d = o("v-text-field"), h = o("v-textarea"), f = o("v-select"), P = o("v-icon"), g = o("v-btn"), b = o("v-autocomplete");
+      return r(), m("div", q, [
+        e.inputProps.type === "email" || e.inputProps.type === "string" ? (r(), l(d, i({
+          key: 0,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "model-value": e.inputProps.modelValue,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "onUpdate:modelValue": e.inputProps.field.handleChange,
+          onBlur: e.inputProps.setRealDirty
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "model-value", "error-messages", "error", "onUpdate:modelValue", "onBlur"])) : p("", !0),
+        e.inputProps.type === "text" ? (r(), l(h, i({ key: 1 }, e.$attrs, {
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "model-value": e.inputProps.modelValue,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          "onUpdate:modelValue": e.inputProps.field.handleChange,
+          onBlur: e.inputProps.setRealDirty
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "model-value", "error-messages", "error", "onUpdate:modelValue", "onBlur"])) : p("", !0),
+        e.inputProps.type === "number" ? (r(), l(d, i({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "model-value": e.inputProps.modelValue,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "onUpdate:modelValue": n[0] || (n[0] = (a) => {
+            e.inputProps.field.handleChange(Number(a));
+          }),
+          onBlur: e.inputProps.setRealDirty
+        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "model-value", "error-messages", "error", "onBlur"])) : p("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (r(), m("div", {
+          key: 3,
+          class: y(e.inputProps.type !== "multiple" && "d-flex align-center")
+        }, [
+          s(f, i({
+            id: e.inputProps.id,
+            required: e.inputProps.required,
+            multiple: e.inputProps.type === "multiple",
+            chips: e.inputProps.type === "multiple",
+            name: e.inputProps.name,
+            "model-value": e.inputProps.modelValue,
+            label: e.inputProps.label,
+            items: e.inputProps.options,
+            "error-messages": e.inputProps.errorMessages,
+            error: e.inputProps.error
+          }, e.$attrs, {
+            "onUpdate:modelValue": e.inputProps.field.handleChange,
+            onBlur: e.inputProps.setRealDirty
+          }), null, 16, ["id", "required", "multiple", "chips", "name", "model-value", "label", "items", "error-messages", "error", "onUpdate:modelValue", "onBlur"]),
+          e.inputProps.type === "select" ? (r(), l(g, {
+            key: 0,
+            "variant-btn": "secondary",
+            "variant-icon": t(u),
+            class: "mr-2",
+            title: "Reset",
+            onClick: n[1] || (n[1] = (a) => e.inputProps.field.handleChange(void 0))
+          }, {
+            default: v(() => [
+              s(P, { icon: t(u) }, null, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["variant-icon"])) : p("", !0)
+        ], 2)) : p("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (r(), m("div", {
+          key: 4,
+          class: y(
+            e.inputProps.type !== "autocompletemultiple" && "d-flex align-center"
+          )
+        }, [
+          s(b, i({
+            id: e.inputProps.id,
+            multiple: e.inputProps.type === "autocompletemultiple",
+            required: e.inputProps.required,
+            name: e.inputProps.name,
+            "model-value": e.inputProps.modelValue,
+            label: e.inputProps.label,
+            items: e.inputProps.options,
+            "error-messages": e.inputProps.errorMessages,
+            error: e.inputProps.error,
+            chips: e.inputProps.type === "autocompletemultiple"
+          }, e.$attrs, {
+            "onUpdate:modelValue": e.inputProps.field.handleChange,
+            onBlur: e.inputProps.setRealDirty
+          }), null, 16, ["id", "multiple", "required", "name", "model-value", "label", "items", "error-messages", "error", "chips", "onUpdate:modelValue", "onBlur"]),
+          e.inputProps.type === "autocomplete" ? (r(), l(g, {
+            key: 0,
+            "variant-btn": "secondary",
+            "variant-icon": t(u),
+            class: "mr-2",
+            title: "Reset",
+            onClick: n[2] || (n[2] = (a) => e.inputProps.field.handleChange(void 0))
+          }, {
+            default: v(() => [
+              s(P, { icon: t(u) }, null, 8, ["icon"])
+            ]),
+            _: 1
+          }, 8, ["variant-icon"])) : p("", !0)
+        ], 2)) : p("", !0)
+      ]);
+    };
+  }
+});
+export {
+  U as default
+};

package/dist/vue-components.es2.js

@@ -0,0 +1,22 @@
+import { OmegaErrorsCE as m, OmegaFormCE as o, OmegaInputCE as t, registerOmegaForm as p } from "./vue-components.es10.js";
+import * as e from "./vue-components.es4.js";
+import { useOmegaForm as f } from "./vue-components.es5.js";
+import { duplicateSchema as n, generateInputStandardSchemaFromFieldMeta as s, generateMetaFromSchema as O, nullableInput as l } from "./vue-components.es6.js";
+import { default as d } from "./vue-components.es7.js";
+import { default as E } from "./vue-components.es8.js";
+import { default as i } from "./vue-components.es9.js";
+export {
+  i as OmegaErrors,
+  m as OmegaErrorsCE,
+  e as OmegaErrorsContext,
+  d as OmegaForm,
+  o as OmegaFormCE,
+  E as OmegaInput,
+  t as OmegaInputCE,
+  n as duplicateSchema,
+  s as generateInputStandardSchemaFromFieldMeta,
+  O as generateMetaFromSchema,
+  l as nullableInput,
+  p as registerOmegaForm,
+  f as useOmegaForm
+};

package/dist/vue-components.es20.js

@@ -0,0 +1,6 @@
+(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input v-btn{all:unset;cursor:pointer}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(a,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const s=document.createElement("style");s.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input v-btn{all:unset;cursor:pointer}")),this.shadowRoot.appendChild(s)}},e.call(window.customElements,a,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./vue-components.es18.js";
+
+export {
+  o as default
+};

package/dist/vue-components.es3.js

@@ -0,0 +1,11 @@
+import { inject as o, provide as r } from "vue";
+const n = Symbol(), i = () => {
+  const t = o(n);
+  if (!t)
+    throw new Error("useIntl must be used within a IntlProvider");
+  return t;
+}, s = (t) => r(n, t);
+export {
+  s as provideIntl,
+  i as useIntl
+};

package/dist/vue-components.es4.js

@@ -0,0 +1,30 @@
+import { ref as m, readonly as d, provide as l, inject as p } from "vue";
+const s = Symbol();
+function E(e, u) {
+  const r = m([]), t = (o) => {
+    r.value = r.value.filter((i) => i.inputId !== o);
+  }, a = (o) => {
+    t(o.inputId), r.value.push(o);
+  }, c = () => {
+    r.value = [];
+  }, n = {
+    errors: d(r),
+    addError: a,
+    removeError: t,
+    clearErrors: c,
+    formSubmissionAttempts: e,
+    generalErrors: u
+  };
+  return l(s, n), n;
+}
+function f() {
+  const e = p(s);
+  if (!e)
+    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
+  return e;
+}
+export {
+  s as OmegaErrorsKey,
+  E as provideOmegaErrors,
+  f as useOmegaErrors
+};

package/dist/vue-components.es5.js

@@ -0,0 +1,25 @@
+import { useForm as b } from "@tanstack/vue-form";
+import { S as g } from "effect-app";
+import { generateMetaFromSchema as h } from "./vue-components.es6.js";
+const v = (r, e) => {
+  if (!r) throw new Error("Schema is required");
+  const a = g.standardSchemaV1(r), { filterItems: t, meta: d } = h(r), u = b({
+    ...e,
+    validators: {
+      onSubmit: a,
+      ...(e == null ? void 0 : e.validators) || {}
+    },
+    onSubmit: e != null && e.onSubmit ? ({ formApi: S, meta: c, value: f }) => {
+      var m;
+      return (m = e.onSubmit) == null ? void 0 : m.call(e, {
+        formApi: S,
+        meta: c,
+        value: f
+      });
+    } : void 0
+  });
+  return Object.assign(u, { meta: d, filterItems: t });
+};
+export {
+  v as useOmegaForm
+};