@effect-app/vue-components 1.8.2 → 1.8.4

package/dist/vue-components.es55.js

@@ -1,4 +1,46 @@
-var r = "1.9.0";
+import { VERSION as d } from "./vue-components.es54.js";
+var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
+function s(c) {
+  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
+  if (!t)
+    return function() {
+      return !1;
+    };
+  var e = {
+    major: +t[1],
+    minor: +t[2],
+    patch: +t[3],
+    prerelease: t[4]
+  };
+  if (e.prerelease != null)
+    return function(r) {
+      return r === c;
+    };
+  function a(n) {
+    return f.add(n), !1;
+  }
+  function p(n) {
+    return m.add(n), !0;
+  }
+  return function(r) {
+    if (m.has(r))
+      return !0;
+    if (f.has(r))
+      return !1;
+    var i = r.match(h);
+    if (!i)
+      return a(r);
+    var u = {
+      major: +i[1],
+      minor: +i[2],
+      patch: +i[3],
+      prerelease: i[4]
+    };
+    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
+  };
+}
+var v = s(d);
 export {
-  r as VERSION
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es56.js

@@ -1,46 +1,4 @@
-import { VERSION as d } from "./vue-components.es55.js";
-var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-function s(c) {
-  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
-  if (!t)
-    return function() {
-      return !1;
-    };
-  var e = {
-    major: +t[1],
-    minor: +t[2],
-    patch: +t[3],
-    prerelease: t[4]
-  };
-  if (e.prerelease != null)
-    return function(r) {
-      return r === c;
-    };
-  function a(n) {
-    return f.add(n), !1;
-  }
-  function p(n) {
-    return m.add(n), !0;
-  }
-  return function(r) {
-    if (m.has(r))
-      return !0;
-    if (f.has(r))
-      return !1;
-    var i = r.match(h);
-    if (!i)
-      return a(r);
-    var u = {
-      major: +i[1],
-      minor: +i[2],
-      patch: +i[3],
-      prerelease: i[4]
-    };
-    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
-  };
-}
-var v = s(d);
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
 export {
-  s as _makeCompatibilityCheck,
-  v as isCompatible
+  o as _globalThis
 };

package/dist/vue-components.es6.js

@@ -1,9 +1,9 @@
 (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 [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.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 [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as I, getCurrentInstance as V, useId as $, computed as n, onMounted as g, ref as k, watchEffect as q, watch as D, onUnmounted as F, useAttrs as L, renderSlot as O, normalizeProps as h, guardReactiveProps as A, createElementVNode as M, normalizeClass as R, createBlock as S, createCommentVNode as U, unref as z, openBlock as T, mergeProps as Z } from "vue";
-import { useStore as j } from "@tanstack/vue-form";
-import G from "./vue-components.es25.js";
+import { defineComponent as C, getCurrentInstance as x, useId as P, computed as r, onMounted as _, renderSlot as $, normalizeProps as u, guardReactiveProps as N, createElementVNode as V, normalizeClass as k, createBlock as q, createCommentVNode as w, unref as B, openBlock as F, mergeProps as I } from "vue";
+import { useStore as L } from "@tanstack/vue-form";
+import D from "./vue-components.es24.js";
 
-const te = /* @__PURE__ */ I({
+const U = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -11,82 +11,61 @@ const te = /* @__PURE__ */ I({
     meta: {},
     label: {},
     type: {},
-    validators: {}
+    validators: {},
+    register: { type: Function },
+    options: {}
   },
-  setup(v) {
-    const e = v, y = V()?.appContext.components.VTextField, a = $(), l = e.field, o = j(l.store, (t) => t), m = n(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), d = n(() => o.value.value), f = n(() => o.value.meta.errors ?? []), b = n(
+  setup(p) {
+    const e = p, d = x()?.appContext.components.VTextField, o = P(), l = e.field, n = L(l.store, (t) => t), i = r(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown");
+    e.register(r(() => ({ name: e.field.name, label: e.label, id: o })));
+    const f = r(() => n.value.value), c = r(() => n.value.meta.errors ?? []), g = r(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        f.value.map((t) => t?.message).filter(Boolean)
+        c.value.map((t) => t?.message).filter(Boolean)
       )
-    ), C = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), x = (t) => {
-      C(t) && e.meta?.type !== "boolean" ? e.field.handleChange(
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), h = (t) => {
+      y(t) && e.meta?.type !== "boolean" ? e.field.handleChange(
         e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
       ) : e.field.handleChange(t);
     };
-    g(() => {
-      if (!d.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null") {
-        const t = o.value.meta.isDirty;
-        l.setValue(null), l.setMeta((r) => ({ ...r, isDirty: t }));
+    _(() => {
+      if (!f.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null") {
+        const t = n.value.meta.isDirty;
+        l.setValue(null), l.setMeta((a) => ({ ...a, isDirty: t }));
       }
     });
-    const { mapError: _, removeError: c, showErrors: w, showErrorsOn: E } = e.field.form.errorContext, s = k(!1);
-    q(() => {
-      (w.value || E === "onChange") && (s.value = !0);
-    });
-    const i = () => {
-      s.value = !0;
-    };
-    g(() => {
-      d.value && i();
-    });
-    const p = n(() => !s.value && m.value !== "select" ? [] : b.value);
-    D(
-      f,
-      (t) => {
-        t.length ? _({
-          inputId: a,
-          errors: o.value.meta.errors.map((r) => r.message).filter(Boolean),
-          label: e.label
-        }) : c(a);
-      }
-    ), F(() => {
-      c(a);
-    });
-    const P = (t) => {
-      const r = {
-        get(K, B, Q) {
-          return B === "handleChange" ? x : Reflect.get(...arguments);
+    const m = r(() => !n.value.meta.isDirty && i.value !== "select" ? [] : g.value), v = (t) => {
+      const a = {
+        get(S, b, z) {
+          return b === "handleChange" ? h : Reflect.get(...arguments);
         }
       };
-      return new Proxy(t, r);
-    }, N = L(), u = n(() => ({
+      return new Proxy(t, a);
+    }, s = r(() => ({
       inputProps: {
-        ...N,
-        id: a,
+        id: o,
         required: e.meta?.required,
         minLength: e.meta?.type === "string" && e.meta?.minLength,
         maxLength: e.meta?.type === "string" && e.meta?.maxLength,
         max: e.meta?.type === "number" && e.meta?.maximum,
         min: e.meta?.type === "number" && e.meta?.minimum,
-        errorMessages: p.value,
-        error: !!p.value.length,
-        setRealDirty: i,
-        type: m.value,
-        label: `${e.label}${e.meta?.required ? " *" : ""}`
+        errorMessages: m.value,
+        error: !!m.value.length,
+        type: i.value,
+        label: `${e.label}${e.meta?.required ? " *" : ""}`,
+        options: e.options
       },
-      field: P(e.field)
+      field: v(e.field)
     }));
-    return (t, r) => O(t.$slots, "default", h(A({ ...u.value.inputProps, field: u.value.field })), () => [
-      M("div", {
-        class: R(t.$attrs.class),
-        onFocusout: i
+    return (t, a) => $(t.$slots, "default", u(N({ ...t.$attrs, ...s.value.inputProps, field: s.value.field })), () => [
+      V("div", {
+        class: k(t.$attrs.class)
       }, [
-        z(y) ? (T(), S(G, h(Z({ key: 0 }, u.value)), null, 16)) : U("", !0)
-      ], 34)
+        B(d) ? (F(), q(D, u(I({ key: 0 }, { ...t.$attrs, ...s.value })), null, 16)) : w("", !0)
+      ], 2)
     ]);
   }
 });
 export {
-  te as default
+  U as default
 };

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.es12.js";
+import { isObject as z } from "./vue-components.es13.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.es14.js";
+import C from "./vue-components.es15.js";
+import ee from "./vue-components.es16.js";
+import { generateMetaFromSchema as re } from "./vue-components.es9.js";
+import te from "./vue-components.es5.js";
+import se from "./vue-components.es17.js";
+import { trace as _ } from "./vue-components.es18.js";
+import { context as M } from "./vue-components.es19.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
 };