@effect-app/vue-components 0.6.1 → 0.6.2

package/dist/types/components/OmegaForm/index.d.ts

@@ -4,6 +4,6 @@ import { default as OmegaErrors } from "./OmegaErrors.vue";
 import { default as OmegaAutoGen } from "./OmegaAutoGen.vue";
 export * as OmegaErrorsContext from "./OmegaErrorsContext";
 export * from "./OmegaFormStuff";
-export { useOmegaForm } from "./useOmegaForm";
+export { useOmegaForm, type OmegaFormReturn } from "./useOmegaForm";
 export { default } from "./OmegaWrapper.vue";
 export { OmegaForm, OmegaInput, OmegaErrors, OmegaAutoGen };

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
 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.es21.js";
+import { getOmegaStore as B } from "./vue-components.es23.js";
 import { provideOmegaErrors as C } from "./vue-components.es6.js";
 import { useOmegaForm as I } from "./vue-components.es7.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({

package/dist/vue-components.es18.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es22.js";
+import { isFunction as c } from "./vue-components.es20.js";
 const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
   s as isFunction,

package/dist/vue-components.es20.js

@@ -1,100 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as B, getCurrentInstance as L, useId as P, computed as l, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
-import { useStore as J } from "@tanstack/vue-form";
-import { useOmegaErrors as K } from "./vue-components.es6.js";
-import Q from "./vue-components.es25.js";
-
-const te = /* @__PURE__ */ B({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(C) {
-    const e = C, n = L(), $ = n == null ? void 0 : n.appContext.components.VTextField, o = P(), s = e.field, a = J(s.store, (t) => t), f = l(() => {
-      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";
-    }), u = l(() => a.value.value), k = l(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
-      )
-    );
-    w(
-      () => !!u.value,
-      (t) => {
-        t || S(() => {
-          var r;
-          s.setValue(
-            ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), x(() => {
-      var t, r;
-      !u.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
-    });
-    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), i = T(!1);
-    z(() => {
-      (_.value || q === "onChange") && (i.value = !0);
-    });
-    const m = () => {
-      i.value = !0;
-    };
-    x(() => {
-      u.value && m();
-    });
-    const d = l(() => !i.value && f.value !== "select" ? [] : k.value);
-    w(
-      () => a.value.meta.errors,
-      () => {
-        a.value.meta.errors.length ? I({
-          inputId: o,
-          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : O(o);
-      }
-    );
-    const p = l(() => {
-      var t, r, c, v, g, y, h, b, E, V;
-      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" && ((E = e.meta) == null ? void 0 : E.minimum),
-        name: e.field.name,
-        modelValue: e.field.state.value,
-        errorMessages: d.value,
-        error: !!d.value.length,
-        field: e.field,
-        setRealDirty: m,
-        type: f.value,
-        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
-        options: e.options
-      };
-    });
-    return (t, r) => A(t.$slots, "default", D(F(p.value)), () => [
-      M("div", {
-        class: N(t.$attrs.class),
-        onFocusout: m
-      }, [
-        j($) ? (G(), R(Q, H({
-          key: 0,
-          "input-props": p.value
-        }, t.$attrs, {
-          "vuetify-value": p.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
-      ], 34)
-    ]);
-  }
-});
+const o = (n) => typeof n == "function";
 export {
-  te as default
+  o as isFunction
 };

package/dist/vue-components.es21.js

@@ -1,13 +1,4 @@
-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 : {});
-}
+import f from "./vue-components.es19.js";
 export {
-  c as getOmegaStore
+  f as default
 };

package/dist/vue-components.es22.js

@@ -1,4 +1,100 @@
-const o = (n) => typeof n == "function";
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");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;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as B, getCurrentInstance as L, useId as P, computed as l, watch as w, nextTick as S, onMounted as x, ref as T, watchEffect as z, renderSlot as A, normalizeProps as D, guardReactiveProps as F, createElementVNode as M, normalizeClass as N, createBlock as R, createCommentVNode as U, unref as j, openBlock as G, mergeProps as H } from "vue";
+import { useStore as J } from "@tanstack/vue-form";
+import { useOmegaErrors as K } from "./vue-components.es6.js";
+import Q from "./vue-components.es25.js";
+
+const te = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(C) {
+    const e = C, n = L(), $ = n == null ? void 0 : n.appContext.components.VTextField, o = P(), s = e.field, a = J(s.store, (t) => t), f = l(() => {
+      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";
+    }), u = l(() => a.value.value), k = l(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
+      )
+    );
+    w(
+      () => !!u.value,
+      (t) => {
+        t || S(() => {
+          var r;
+          s.setValue(
+            ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), x(() => {
+      var t, r;
+      !u.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
+    });
+    const { addError: I, removeError: O, showErrors: _, showErrorsOn: q } = K(), i = T(!1);
+    z(() => {
+      (_.value || q === "onChange") && (i.value = !0);
+    });
+    const m = () => {
+      i.value = !0;
+    };
+    x(() => {
+      u.value && m();
+    });
+    const d = l(() => !i.value && f.value !== "select" ? [] : k.value);
+    w(
+      () => a.value.meta.errors,
+      () => {
+        a.value.meta.errors.length ? I({
+          inputId: o,
+          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : O(o);
+      }
+    );
+    const p = l(() => {
+      var t, r, c, v, g, y, h, b, E, V;
+      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" && ((E = e.meta) == null ? void 0 : E.minimum),
+        name: e.field.name,
+        modelValue: e.field.state.value,
+        errorMessages: d.value,
+        error: !!d.value.length,
+        field: e.field,
+        setRealDirty: m,
+        type: f.value,
+        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
+        options: e.options
+      };
+    });
+    return (t, r) => A(t.$slots, "default", D(F(p.value)), () => [
+      M("div", {
+        class: N(t.$attrs.class),
+        onFocusout: m
+      }, [
+        j($) ? (G(), R(Q, H({
+          key: 0,
+          "input-props": p.value
+        }, t.$attrs, {
+          "vuetify-value": p.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : U("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  o as isFunction
+  te as default
 };

package/dist/vue-components.es23.js

@@ -1,4 +1,13 @@
-import f from "./vue-components.es19.js";
+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 {
-  f as default
+  c as getOmegaStore
 };

package/dist/vue-components.es24.js

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

package/dist/vue-components.es4.js

@@ -1,6 +1,6 @@
 import { defineComponent as i, computed as t, createBlock as p, openBlock as d, resolveDynamicComponent as u, withCtx as r, createVNode as f, mergeProps as c, renderSlot as v, normalizeProps as h, guardReactiveProps as g } from "vue";
 import { generateInputStandardSchemaFromFieldMeta as y } from "./vue-components.es8.js";
-import b from "./vue-components.es20.js";
+import b from "./vue-components.es22.js";
 const S = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",
@@ -58,7 +58,7 @@
     "effect-app": "2.40.1"
   },
   "scripts": {
-    "build": "pnpm test:run && pnpm build:run",
+    "build": "pnpm build:run",
     "build:run": "rimraf dist && vue-tsc && vite build",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",

package/src/components/OmegaForm/index.ts

@@ -1,4 +1,3 @@
-import { defineCustomElement } from "vue"
 import { default as OmegaForm } from "./OmegaWrapper.vue"
 import { default as OmegaInput } from "./OmegaInput.vue"
 import { default as OmegaErrors } from "./OmegaErrors.vue"
@@ -6,7 +5,7 @@ import { default as OmegaAutoGen } from "./OmegaAutoGen.vue"
 
 export * as OmegaErrorsContext from "./OmegaErrorsContext"
 export * from "./OmegaFormStuff"
-export { useOmegaForm } from "./useOmegaForm"
+export { useOmegaForm, type OmegaFormReturn } from "./useOmegaForm"
 export { default } from "./OmegaWrapper.vue"
 
 export { OmegaForm, OmegaInput, OmegaErrors, OmegaAutoGen }