@effect-app/vue-components 0.9.3 → 0.10.0

package/dist/types/components/OmegaForm/OmegaArray.vue.d.ts

@@ -7,15 +7,16 @@ declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default?: ((props: {
+        default?: (props: {
             field: any;
             subField: any;
             subState: any;
             index: number;
-        }) => any) | undefined;
-        field?: ((props: {
+        }) => any;
+    } & {
+        field?: (props: {
             field: any;
-        }) => any) | undefined;
+        }) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/types/components/OmegaForm/OmegaErrors.vue.d.ts

@@ -1,24 +1,10 @@
-import { mdiLink } from "@mdi/js";
-declare const vuetified: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any> | undefined;
-declare const errors: import("vue").Ref<readonly import("./OmegaFormStuff").OmegaError[], readonly import("./OmegaFormStuff").OmegaError[]>, showErrors: import("vue").Ref<boolean, boolean>;
-declare const trans: (id: string, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>>) => string;
-declare const showedGeneralErrors: import("vue").ComputedRef<string[]>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {
     errors: readonly import("./OmegaFormStuff").OmegaError[];
     showedGeneralErrors: string[];
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {
-    mdiLink: typeof mdiLink;
-    vuetified: typeof vuetified;
-    errors: typeof errors;
-    showErrors: typeof showErrors;
-    trans: typeof trans;
-    showedGeneralErrors: typeof showedGeneralErrors;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/OmegaForm/OmegaInput.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default?: ((props: {
+        default?: (props: {
             id: string;
             required?: boolean;
             minLength?: number | false;
@@ -24,7 +24,7 @@ declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS
                 title: string;
                 value: string;
             }[];
-        }) => any) | undefined;
+        }) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/types/components/OmegaForm/OmegaInternalInput.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: <To>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default?: ((props: {
+        default?: (props: {
             id: string;
             required?: boolean;
             minLength?: number | false;
@@ -34,7 +34,7 @@ declare const _default: <To>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup
                 title: string;
                 value: string;
             }[];
-        }) => any) | undefined;
+        }) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/vue-components.es10.js

@@ -1,8 +1,8 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-a32b1c91]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(c,t){const o=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(o&&o.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode("fieldset[data-v-a32b1c91]{display:contents}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,c,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-55a5492f]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const o=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(o&&o.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode("fieldset[data-v-55a5492f]{display:contents}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import o from "./vue-components.es12.js";
 
 import r from "./vue-components.es14.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a32b1c91"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-55a5492f"]]);
 export {
   m as default
 };

package/dist/vue-components.es12.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.es23.js";
+import { getOmegaStore as B } from "./vue-components.es24.js";
 import { provideOmegaErrors as C } from "./vue-components.es7.js";
 import { useOmegaForm as I } from "./vue-components.es8.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({
@@ -55,7 +55,10 @@ Props will overwrite existing form options. This might indicate a configuration
         ...i
       };
       t.value.options = Object.fromEntries(
-        Object.entries(S).filter(([a, u]) => u !== void 0)
+        // TODO
+        Object.entries(S).filter(
+          ([a, u]) => u !== void 0
+        )
       );
     });
     const h = g(

package/dist/vue-components.es20.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es24.js";
+import { isFunction as c } from "./vue-components.es22.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.es22.js

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

package/dist/vue-components.es23.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.es21.js";
 export {
-  c as getOmegaStore
+  f as default
 };

package/dist/vue-components.es24.js

@@ -1,4 +1,13 @@
-const o = (n) => typeof n == "function";
+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 {
-  o as isFunction
+  c as getOmegaStore
 };

package/dist/vue-components.es25.js

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

package/dist/vue-components.es26.js

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

package/dist/vue-components.es4.js

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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.9.3",
+  "version": "0.10.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",
-    "effect": "^3.14.2",
+    "effect": "^3.17.4",
     "intl-messageformat": "^10.7.16",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
@@ -54,8 +54,8 @@
   "dependencies": {
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.45.3",
-    "effect-app": "2.48.0"
+    "@effect-app/vue": "2.46.0",
+    "effect-app": "2.50.0"
   },
   "scripts": {
     "build": "pnpm build:run",
@@ -64,6 +64,8 @@
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
     "lint": "NODE_OPTIONS=--max-old-space-size=8192 eslint src",
+    "ncu": "ncu",
+    "clean": "rm -rf dist",
     "autofix": "pnpm lint --fix",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -145,7 +145,10 @@ onBeforeMount(() => {
   }
 
   formToUse.value.options = Object.fromEntries(
-    Object.entries(mergedOptions).filter(([_, value]) => value !== undefined),
+    // TODO
+    (Object.entries(mergedOptions) as any).filter(
+      ([_, value]: any) => value !== undefined,
+    ),
   )
 })