@effect-app/vue-components 1.0.0-next.8 → 1.0.0

package/dist/vue-components.es48.js

@@ -1,6 +1,44 @@
-(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 o from "./vue-components.es40.js";
-
+import { ROOT_CONTEXT as l } from "./vue-components.es30.js";
+var c = function(t, o) {
+  var n = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!n) return t;
+  var e = n.call(t), a, r = [], u;
+  try {
+    for (; (o === void 0 || o-- > 0) && !(a = e.next()).done; ) r.push(a.value);
+  } catch (i) {
+    u = { error: i };
+  } finally {
+    try {
+      a && !a.done && (n = e.return) && n.call(e);
+    } finally {
+      if (u) throw u.error;
+    }
+  }
+  return r;
+}, p = function(t, o, n) {
+  if (n || arguments.length === 2) for (var e = 0, a = o.length, r; e < a; e++)
+    (r || !(e in o)) && (r || (r = Array.prototype.slice.call(o, 0, e)), r[e] = o[e]);
+  return t.concat(r || Array.prototype.slice.call(o));
+}, y = (
+  /** @class */
+  (function() {
+    function t() {
+    }
+    return t.prototype.active = function() {
+      return l;
+    }, t.prototype.with = function(o, n, e) {
+      for (var a = [], r = 3; r < arguments.length; r++)
+        a[r - 3] = arguments[r];
+      return n.call.apply(n, p([e], c(a), !1));
+    }, t.prototype.bind = function(o, n) {
+      return n;
+    }, t.prototype.enable = function() {
+      return this;
+    }, t.prototype.disable = function() {
+      return this;
+    }, t;
+  })()
+);
 export {
-  o as default
+  y as NoopContextManager
 };

package/dist/vue-components.es5.js

@@ -1,31 +1,53 @@
-import { ref as a, computed as l, readonly as d, inject as E } from "vue";
-const f = 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);
-  return {
-    errors: d(r),
-    addError: s,
-    removeError: n,
-    clearErrors: c,
-    showErrors: i,
-    generalErrors: u,
-    showErrorsOn: t ?? "onSubmit"
-  };
-}
-function g() {
-  const o = E(f);
-  if (!o)
-    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
-  return o;
-}
+import { defineComponent as y, inject as h, computed as l, createBlock as s, openBlock as i, resolveDynamicComponent as M, withCtx as p, createCommentVNode as $, mergeProps as b, renderSlot as C, normalizeProps as k, guardReactiveProps as F } from "vue";
+import { useIntl as A } from "./vue-components.es3.js";
+import { generateInputStandardSchemaFromFieldMeta as w } from "./vue-components.es8.js";
+import I from "./vue-components.es4.js";
+const z = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "OmegaInput",
+  props: {
+    form: {},
+    name: {},
+    label: {},
+    validators: {},
+    options: {},
+    type: {}
+  },
+  setup(u) {
+    const e = u, r = h(
+      "getMetaFromArray",
+      null
+    ), t = l(() => r?.value && r.value(e.name) ? r.value(e.name) : e.form.meta[e.name]), f = l(() => {
+      if (!t.value)
+        throw console.log(e.name, Object.keys(e.form.meta), e.form.meta), new Error("Meta is undefined");
+      return w(t.value);
+    }), { formatMessage: o } = A(), d = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (m) => m.toUpperCase()).trim(), n = () => o({ id: `general.fields.${e.name}`, defaultMessage: d(e.name) }), c = () => e.form.i18nNamespace ? o({ id: `${e.form.i18nNamespace}.fields.${e.name}`, defaultMessage: n() }) : n();
+    return (a, m) => (i(), s(M(a.form.Field), {
+      name: a.name,
+      validators: {
+        onChange: f.value,
+        ...a.validators
+      }
+    }, {
+      default: p(({ field: v }) => [
+        t.value ? (i(), s(I, b({
+          key: 0,
+          field: v,
+          label: a.label ?? c(),
+          options: a.options,
+          meta: t.value,
+          type: a.type
+        }, a.$attrs), {
+          default: p((g) => [
+            C(a.$slots, "default", k(F(g)))
+          ]),
+          _: 3
+        }, 16, ["field", "label", "options", "meta", "type"])) : $("", !0)
+      ]),
+      _: 3
+    }, 8, ["name", "validators"]));
+  }
+});
 export {
-  f as OmegaErrorsKey,
-  b as buildOmegaErrors,
-  g as useOmegaErrors
+  z as default
 };

package/dist/vue-components.es6.js

@@ -1,211 +1,31 @@
-import { useForm as D, useStore as H } from "@tanstack/vue-form";
-import { S as O, Effect as d, Fiber as y } from "effect-app";
-import { runtimeFiberAsPromise as J } from "./vue-components.es9.js";
-import { isObject as q } from "./vue-components.es10.js";
-import { computed as I, onUnmounted as K, onMounted as B, onBeforeUnmount as G, watch as W, h as $ } from "vue";
-import k from "./vue-components.es11.js";
-import z from "./vue-components.es12.js";
-import { buildOmegaErrors as Q } from "./vue-components.es5.js";
-import T from "./vue-components.es13.js";
-import { generateMetaFromSchema as X } from "./vue-components.es7.js";
-import Y from "./vue-components.es4.js";
-import Z from "./vue-components.es14.js";
-import { trace as P } from "./vue-components.es15.js";
-import { context as g } from "./vue-components.es16.js";
-const p = (c) => function(o) {
+import { ref as a, computed as l, readonly as d, inject as E } from "vue";
+const f = 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);
   return {
-    render() {
-      return $(o, {
-        form: c,
-        on: this.$listeners,
-        attrs: this.$attrs
-      }, this.$slots);
-    }
+    errors: d(r),
+    addError: s,
+    removeError: n,
+    clearErrors: c,
+    showErrors: i,
+    generalErrors: u,
+    showErrorsOn: t ?? "onSubmit"
   };
-}, C = (c) => function(o) {
-  return {
-    setup() {
-      return {
-        ...c
-      };
-    },
-    render({ errors: h, generalErrors: w, showErrors: S }) {
-      return $(o, {
-        errors: h,
-        generalErrors: w,
-        showErrors: S,
-        on: this.$listeners,
-        attrs: this.$attrs
-      }, this.$slots);
-    }
-  };
-}, pe = (c, a, o) => {
-  if (!c) throw new Error("Schema is required");
-  const h = O.standardSchemaV1(c), w = O.decode(c), { filterItems: S, meta: f } = X(c), l = I(() => {
-    if (o?.persistency?.id)
-      return o.persistency.id;
-    const e = window.location.pathname, r = Object.keys(f);
-    return `${e}-${r.join("-")}`;
-  }), A = () => {
-    const e = new URLSearchParams(window.location.search);
-    e.delete(l.value);
-    const r = new URL(window.location.href);
-    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  };
-  function E(e, r) {
-    for (const t in r)
-      r[t] && q(r[t]) ? (e[t] || (e[t] = {}), E(e[t], r[t])) : e[t] = r[t];
-    return e;
-  }
-  const U = I(() => {
-    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(l.value);
-        A(), 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(l.value) || "{}"
-          );
-          t.removeItem(l.value), e = s;
-        } catch (s) {
-          console.error(s);
-        }
-    }
-    if (e ??= {}, a?.defaultValues == null)
-      return e;
-    {
-      const t = a?.defaultValues;
-      return E(t, e);
-    }
-  }), M = (e, r) => e ? g.with(P.setSpan(g.active(), e), r) : r(), u = D({
-    ...a,
-    validators: {
-      onSubmit: h,
-      ...a?.validators || {}
-    },
-    onSubmit: a?.onSubmit ? ({ formApi: e, meta: r, value: t }) => M(r?.currentSpan, async () => {
-      const s = await d.runPromise(w(t)), n = a.onSubmit({
-        formApi: e,
-        meta: r,
-        value: s
-      });
-      return y.isFiber(n) && y.isRuntimeFiber(n) ? await J(n) : d.isEffect(n) ? await d.runPromise(
-        n.pipe(
-          // meta?.currentSpan
-          //   ? Effect.withParentSpan(meta.currentSpan)
-          //   : (_) => _,
-          d.flatMap((m) => y.join(m))
-        )
-      ) : n;
-    }) : void 0,
-    defaultValues: U.value
-  }), N = () => {
-    Object.keys(f).forEach((e) => {
-      u.setFieldValue(e, void 0);
-    });
-  }, V = (e) => e.reduce((r, t) => {
-    const s = t.split(".");
-    return s.reduce((n, m, x) => (x === s.length - 1 ? n[m] = u.getFieldValue(t) : n[m] = n[m] ?? {}, n[m]), r), r;
-  }, {}), F = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return V(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(f).filter((t) => e.banKeys?.includes(t));
-        return V(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 = F(e);
-      return r.setItem(l.value, JSON.stringify(t));
-    }
-  }, j = () => {
-    const e = o?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = F(e), t = new URLSearchParams(window.location.search);
-      t.set(l.value, JSON.stringify(r));
-      const s = new URL(window.location.href);
-      s.search = t.toString(), window.history.replaceState({}, "", s.toString());
-    }
-  };
-  K(v), B(() => {
-    window.addEventListener("beforeunload", v), window.addEventListener("blur", j);
-  }), G(() => {
-    window.removeEventListener("beforeunload", v), window.removeEventListener("blur", j);
-  });
-  const R = u.handleSubmit, i = Object.assign(u, {
-    i18nNamespace: o?.i18nNamespace,
-    meta: f,
-    filterItems: S,
-    clear: N,
-    handleSubmit: (e) => {
-      const r = P.getSpan(g.active());
-      return R({ currentSpan: r, ...e });
-    }
-    // /** @experimental */
-    // handleSubmitEffect: (meta?: Record<string, any>) =>
-    //   Effect.currentSpan.pipe(
-    //     Effect.option,
-    //     Effect
-    //       .flatMap((span) =>
-    //         Effect.promise(() => form.handleSubmit(Option.isSome(span) ? { currentSpan: span.value, ...meta } : meta))
-    //       )
-    //   )
-  }), _ = H(
-    i.store,
-    (e) => e.submissionAttempts
-  ), b = i.useStore((e) => e.errors);
-  W(
-    () => [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 L = Q(_, b, o?.showErrorsOn);
-  return Object.assign(i, {
-    errorContext: L,
-    Form: p(i)(Z),
-    Input: p(i)(o?.input ?? Y),
-    Field: u.Field,
-    Errors: C(L)(T),
-    Array: p(i)(k),
-    AutoGen: p(i)(z)
-  });
-};
+}
+function g() {
+  const o = E(f);
+  if (!o)
+    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
+  return o;
+}
 export {
-  pe as useOmegaForm
+  f as OmegaErrorsKey,
+  b as buildOmegaErrors,
+  g as useOmegaErrors
 };