@effect-app/vue-components 0.12.19 → 0.12.21

package/dist/vue-components.es24.js

@@ -1,13 +1,92 @@
-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 : {});
-}
+(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 w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
+import { useStore as z } from "@tanstack/vue-form";
+import { useOmegaErrors as A } from "./vue-components.es8.js";
+import D from "./vue-components.es27.js";
+
+const J = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(c) {
+    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
+      )
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
+    f(
+      () => !!n.value,
+      () => {
+        y(n.value) && e.meta?.type !== "boolean" && N(() => {
+          o.setValue(
+            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), d(() => {
+      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
+    });
+    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
+    k(() => {
+      (E.value || V === "onChange") && (s.value = !0);
+    });
+    const u = () => {
+      s.value = !0;
+    };
+    d(() => {
+      n.value && u();
+    });
+    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
+    f(
+      () => r.value.meta.errors,
+      () => {
+        r.value.meta.errors.length ? h({
+          inputId: l,
+          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : b(l);
+      }
+    );
+    const i = a(() => ({
+      id: l,
+      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,
+      name: e.field.name,
+      modelValue: e.field.state.value,
+      errorMessages: p.value,
+      error: !!p.value.length,
+      field: e.field,
+      setRealDirty: u,
+      type: m.value,
+      label: `${e.label}${e.meta?.required ? " *" : ""}`,
+      options: e.options
+    }));
+    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
+      _("div", {
+        class: q(t.$attrs.class),
+        onFocusout: u
+      }, [
+        F(v) ? (S(), L(D, T({
+          key: 0,
+          "input-props": i.value
+        }, t.$attrs, {
+          "vuetify-value": i.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  c as getOmegaStore
+  J as default
 };

package/dist/vue-components.es25.js

@@ -1,92 +1,13 @@
-(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 w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
-import { useStore as z } from "@tanstack/vue-form";
-import { useOmegaErrors as A } from "./vue-components.es7.js";
-import D from "./vue-components.es27.js";
-
-const J = /* @__PURE__ */ w({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(c) {
-    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
-      )
-    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
-    f(
-      () => !!n.value,
-      () => {
-        y(n.value) && e.meta?.type !== "boolean" && N(() => {
-          o.setValue(
-            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), d(() => {
-      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
-    });
-    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
-    k(() => {
-      (E.value || V === "onChange") && (s.value = !0);
-    });
-    const u = () => {
-      s.value = !0;
-    };
-    d(() => {
-      n.value && u();
-    });
-    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
-    f(
-      () => r.value.meta.errors,
-      () => {
-        r.value.meta.errors.length ? h({
-          inputId: l,
-          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : b(l);
-      }
-    );
-    const i = a(() => ({
-      id: l,
-      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,
-      name: e.field.name,
-      modelValue: e.field.state.value,
-      errorMessages: p.value,
-      error: !!p.value.length,
-      field: e.field,
-      setRealDirty: u,
-      type: m.value,
-      label: `${e.label}${e.meta?.required ? " *" : ""}`,
-      options: e.options
-    }));
-    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
-      _("div", {
-        class: q(t.$attrs.class),
-        onFocusout: u
-      }, [
-        F(v) ? (S(), L(D, T({
-          key: 0,
-          "input-props": i.value
-        }, t.$attrs, {
-          "vuetify-value": i.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
-      ], 34)
-    ]);
-  }
-});
+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 {
-  J as default
+  c as getOmegaStore
 };

package/dist/vue-components.es26.js

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

package/dist/vue-components.es4.js

@@ -1,6 +1,6 @@
 import { defineComponent as d, inject as f, computed as o, createBlock as n, openBlock as m, resolveDynamicComponent as v, withCtx as l, createCommentVNode as c, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as C } from "vue";
-import { generateInputStandardSchemaFromFieldMeta as F } from "./vue-components.es9.js";
-import b from "./vue-components.es25.js";
+import { generateInputStandardSchemaFromFieldMeta as F } from "./vue-components.es10.js";
+import b from "./vue-components.es24.js";
 const P = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/dist/vue-components.es5.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.es4.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.es6.js

@@ -1,62 +1,72 @@
-import { defineComponent as g, onMounted as c, computed as M, provide as F, createBlock as p, openBlock as m, resolveDynamicComponent as i, withCtx as l, createElementBlock as _, renderSlot as u, Fragment as h, renderList as k, mergeProps as v, normalizeProps as A, guardReactiveProps as S } from "vue";
-import { createMeta as $ } from "./vue-components.es9.js";
-const P = /* @__PURE__ */ g({
-  inheritAttrs: !1,
-  __name: "OmegaArray",
+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",
   props: {
     form: {},
-    name: {},
-    items: {}
+    pick: {},
+    omit: {},
+    labelMap: { type: Function },
+    filterMap: { type: Function },
+    order: {},
+    sort: {}
   },
-  setup(f) {
-    const n = f;
-    c(() => {
-      n.items && n.form.setFieldValue(n.name, n.items);
-    });
-    const d = M(() => {
-      const e = n.form.meta[n.name];
-      if (e && e.type === "multiple") {
-        const o = e.rest.reduce((t, r) => r.type._tag === "TypeLiteral" ? {
-          ...t,
-          propertySignatures: [
-            ...t.propertySignatures || [],
-            ...r.type.propertySignatures
-          ]
-        } : {
-          ...t,
-          property: r.type
-        }, {}), a = $({ ...o, meta: e });
-        return (t) => {
-          if (t.endsWith("]")) return a;
-          const r = t.split("]."), s = r[r.length - 1];
-          return a[s];
-        };
-      }
-      return (o) => {
-      };
-    });
-    return F("getMetaFromArray", d), (e, o) => (m(), p(i(e.form.Field), { name: e.name }, {
-      default: l(({ field: a }) => [
-        (m(!0), _(h, null, k(a.state.value, (y, t) => (m(), p(i(e.form.Field), {
-          key: t,
-          name: `${e.name}[${t}]`
-        }, {
-          default: l(({ field: r, state: s }) => [
-            u(e.$slots, "default", v({ ref_for: !0 }, {
-              field: a,
-              subField: r,
-              subState: s,
-              index: t
-            }))
-          ]),
-          _: 2
-        }, 1032, ["name"]))), 128)),
-        u(e.$slots, "field", A(S({ field: a })))
-      ]),
-      _: 3
-    }, 8, ["name"]));
+  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 {
-  P as default
+  R as default
 };

package/dist/vue-components.es7.js

@@ -1,31 +1,62 @@
-import { ref as l, computed as p, readonly as v, provide as E, inject as f } from "vue";
-const s = Symbol();
-function g(o, i, t = "onSubmit") {
-  const r = l([]), n = (e) => {
-    r.value = r.value.filter((d) => d.inputId !== e);
-  }, c = (e) => {
-    n(e.inputId), r.value.push(e);
-  }, m = () => {
-    r.value = [];
-  }, a = p(() => t === "onSubmit" ? o.value > 0 : !0), u = {
-    errors: v(r),
-    addError: c,
-    removeError: n,
-    clearErrors: m,
-    showErrors: a,
-    generalErrors: i,
-    showErrorsOn: t ?? "onSubmit"
-  };
-  return E(s, u), u;
-}
-function O() {
-  const o = f(s);
-  if (!o)
-    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
-  return o;
-}
+import { defineComponent as g, onMounted as c, computed as M, provide as F, createBlock as p, openBlock as s, resolveDynamicComponent as u, withCtx as i, createElementBlock as $, renderSlot as l, Fragment as h, renderList as k, mergeProps as v, normalizeProps as _, guardReactiveProps as A } from "vue";
+import { createMeta as S } from "./vue-components.es10.js";
+const C = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "OmegaArray",
+  props: {
+    form: {},
+    name: {},
+    items: {}
+  },
+  setup(f) {
+    const n = f;
+    c(() => {
+      n.items && n.form.setFieldValue(n.name, n.items);
+    });
+    const d = M(() => {
+      const e = n.form.meta[n.name];
+      if (e && e.type === "multiple") {
+        const o = e.rest.reduce((t, r) => r.type._tag === "TypeLiteral" ? {
+          ...t,
+          propertySignatures: [
+            ...t.propertySignatures || [],
+            ...r.type.propertySignatures
+          ]
+        } : {
+          ...t,
+          property: r.type
+        }, {}), a = S({ ...o, meta: e });
+        return (t) => {
+          if (t.endsWith("]")) return a;
+          const r = t.split("]."), m = r[r.length - 1];
+          return a[m];
+        };
+      }
+      return (o) => {
+      };
+    });
+    return F("getMetaFromArray", d), (e, o) => (s(), p(u(e.form.Field), { name: e.name }, {
+      default: i(({ field: a }) => [
+        (s(!0), $(h, null, k(a.state.value, (y, t) => (s(), p(u(e.form.Field), {
+          key: `${e.name}[${Number(t)}]`,
+          name: `${e.name}[${Number(t)}]`
+        }, {
+          default: i(({ field: r, state: m }) => [
+            l(e.$slots, "default", v({ ref_for: !0 }, {
+              field: a,
+              subField: r,
+              subState: m,
+              index: Number(t)
+            }))
+          ]),
+          _: 2
+        }, 1032, ["name"]))), 128)),
+        l(e.$slots, "field", _(A({ field: a })))
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
 export {
-  s as OmegaErrorsKey,
-  g as provideOmegaErrors,
-  O as useOmegaErrors
+  C as default
 };