@effect-app/vue-components 4.0.0-beta.317 → 4.0.0-beta.319

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

@@ -1,7 +1,6 @@
-import type { StandardSchemaV1Issue } from "@tanstack/vue-form";
 import { type OmegaError } from "./types";
 type __VLS_Props = {
-    generalErrors: (Record<string, StandardSchemaV1Issue[]> | undefined)[];
+    generalErrors: unknown[];
     errors: OmegaError[];
     hideErrorDetails?: boolean;
 };

package/dist/vue-components28.es.js

@@ -20,7 +20,7 @@ var x = {
 		hideErrorDetails: { type: Boolean }
 	},
 	setup(l) {
-		let O = u()?.appContext.components.VAlert, k = l, { trans: A } = e(), j = r(() => k.generalErrors ? k.generalErrors.filter((e) => !!e).flatMap((e) => Object.values(e).filter((e) => !!e).flatMap((e) => e.filter((e) => !!e?.message).map((e) => e.message))) : []);
+		let O = u()?.appContext.components.VAlert, k = l, { trans: A } = e(), j = r(() => k.generalErrors ? k.generalErrors.flatMap((e) => typeof e == "string" ? e ? [e] : [] : typeof e != "object" || !e ? [] : Object.values(e).filter((e) => Array.isArray(e)).flatMap((e) => e.flatMap((e) => typeof e == "object" && e && "message" in e && typeof e.message == "string" && e.message ? [e.message] : []))) : []);
 		return (e, r) => (m(), i(n, null, {
 			default: b(() => [l.errors.length || j.value.length ? (m(), o("div", x, [g(e.$slots, "default", p(d({
 				errors: l.errors,

package/dist/vue-components31.es.js

@@ -1,9 +1,9 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-5278f8d3],.v-leave-to[data-v-5278f8d3]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-5278f8d3],.v-leave-active[data-v-5278f8d3]{transition:all .15s;display:grid}.v-enter-to[data-v-5278f8d3],.v-leave-from[data-v-5278f8d3]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-5278f8d3]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-5278f8d3]{min-height:0}.error-list[data-v-5278f8d3]{list-style-position:inside}.error-list [data-v-5278f8d3]::marker{margin:0;padding:0}.error-alert-content[data-v-5278f8d3]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-5278f8d3]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-5278f8d3]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-5278f8d3]{font-size:1.25em;font-weight:700}.error-message[data-v-5278f8d3]{font-style:italic}.error-item[data-v-5278f8d3]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-5278f8d3]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-5278f8d3]{gap:1.5em;display:flex}.container svg[data-v-5278f8d3]{width:3em}.container .single-error[data-v-5278f8d3]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-434aa1b4],.v-leave-to[data-v-434aa1b4]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-434aa1b4],.v-leave-active[data-v-434aa1b4]{transition:all .15s;display:grid}.v-enter-to[data-v-434aa1b4],.v-leave-from[data-v-434aa1b4]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-434aa1b4]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-434aa1b4]{min-height:0}.error-list[data-v-434aa1b4]{list-style-position:inside}.error-list [data-v-434aa1b4]::marker{margin:0;padding:0}.error-alert-content[data-v-434aa1b4]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-434aa1b4]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-434aa1b4]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-434aa1b4]{font-size:1.25em;font-weight:700}.error-message[data-v-434aa1b4]{font-style:italic}.error-item[data-v-434aa1b4]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-434aa1b4]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-434aa1b4]{gap:1.5em;display:flex}.container svg[data-v-434aa1b4]{width:3em}.container .single-error[data-v-434aa1b4]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-434aa1b4],.v-leave-to[data-v-434aa1b4]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-434aa1b4],.v-leave-active[data-v-434aa1b4]{transition:all .15s;display:grid}.v-enter-to[data-v-434aa1b4],.v-leave-from[data-v-434aa1b4]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-434aa1b4]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-434aa1b4]{min-height:0}.error-list[data-v-434aa1b4]{list-style-position:inside}.error-list [data-v-434aa1b4]::marker{margin:0;padding:0}.error-alert-content[data-v-434aa1b4]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-434aa1b4]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-434aa1b4]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-434aa1b4]{font-size:1.25em;font-weight:700}.error-message[data-v-434aa1b4]{font-style:italic}.error-item[data-v-434aa1b4]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-434aa1b4]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-434aa1b4]{gap:1.5em;display:flex}.container svg[data-v-434aa1b4]{width:3em}.container .single-error[data-v-434aa1b4]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.v-enter-from[data-v-434aa1b4],.v-leave-to[data-v-434aa1b4]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-434aa1b4],.v-leave-active[data-v-434aa1b4]{transition:all .15s;display:grid}.v-enter-to[data-v-434aa1b4],.v-leave-from[data-v-434aa1b4]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-434aa1b4]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-434aa1b4]{min-height:0}.error-list[data-v-434aa1b4]{list-style-position:inside}.error-list [data-v-434aa1b4]::marker{margin:0;padding:0}.error-alert-content[data-v-434aa1b4]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-434aa1b4]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-434aa1b4]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-434aa1b4]{font-size:1.25em;font-weight:700}.error-message[data-v-434aa1b4]{font-style:italic}.error-item[data-v-434aa1b4]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-434aa1b4]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-434aa1b4]{gap:1.5em;display:flex}.container svg[data-v-434aa1b4]{width:3em}.container .single-error[data-v-434aa1b4]{display:inline-block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.v-enter-from[data-v-434aa1b4],.v-leave-to[data-v-434aa1b4]{opacity:0;grid-template-rows:0fr;max-height:0}.v-enter-active[data-v-434aa1b4],.v-leave-active[data-v-434aa1b4]{transition:all .15s;display:grid}.v-enter-to[data-v-434aa1b4],.v-leave-from[data-v-434aa1b4]{opacity:1;grid-template-rows:1fr;max-height:50vh}.error-alert[data-v-434aa1b4]{transition-behavior:allow-discrete;min-height:0;display:grid;overflow:hidden}.error-alert>[data-v-434aa1b4]{min-height:0}.error-list[data-v-434aa1b4]{list-style-position:inside}.error-list [data-v-434aa1b4]::marker{margin:0;padding:0}.error-alert-content[data-v-434aa1b4]{background-color:var(--error-background,#fff5f5);color:var(--error-color,#c92a2a);padding:1em}.error-link[data-v-434aa1b4]{color:var(--error-color,#c92a2a);cursor:pointer;font-weight:700;position:relative}.error-link[data-v-434aa1b4]:after{content:"";background:rgba(from var(--error-color,#c92a2a) r g b / .5);height:1px;position:absolute;bottom:0;left:0;right:0}.text-h6[data-v-434aa1b4]{font-size:1.25em;font-weight:700}.error-message[data-v-434aa1b4]{font-style:italic}.error-item[data-v-434aa1b4]{margin-bottom:.5em;overflow:hidden}.error-item>div[data-v-434aa1b4]{float:right;width:100%;max-width:calc(100% - 1.5em)}.container[data-v-434aa1b4]{gap:1.5em;display:flex}.container svg[data-v-434aa1b4]{width:3em}.container .single-error[data-v-434aa1b4]{display:inline-block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import e from "./vue-components28.es.js";
 
 import t from "./vue-components30.es.js";
 //#region src/components/OmegaForm/OmegaErrorsInternal.vue
-var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-5278f8d3"]]);
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-434aa1b4"]]);
 //#endregion
 export { n as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.317",
+  "version": "4.0.0-beta.319",
   "repository": {
     "type": "git",
     "url": "https://github.com/effect-app/libs.git",
@@ -8,7 +8,7 @@
   },
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^4.0.0-beta.107",
+    "effect": "^4.0.0-rc.112",
     "intl-messageformat": "^11.2.7",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
@@ -62,8 +62,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.317",
-    "effect-app": "4.0.0-beta.317"
+    "@effect-app/vue": "4.0.0-beta.319",
+    "effect-app": "4.0.0-beta.319"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaErrorsInternal.vue

@@ -99,7 +99,6 @@
 </template>
 
 <script setup lang="ts">
-import type { StandardSchemaV1Issue } from "@tanstack/vue-form"
 import { computed, getCurrentInstance } from "vue"
 import { useIntl } from "../../utils"
 import { type OmegaError } from "./types"
@@ -109,7 +108,7 @@ const vuetified = instance?.appContext.components["VAlert"]
 
 const props = defineProps<
   {
-    generalErrors: (Record<string, StandardSchemaV1Issue[]> | undefined)[]
+    generalErrors: unknown[]
     errors: OmegaError[]
     hideErrorDetails?: boolean
   }
@@ -120,21 +119,25 @@ const { trans } = useIntl()
 const showedGeneralErrors = computed(() => {
   if (!props.generalErrors) return []
 
-  return props
-    .generalErrors
-    .filter((record): record is Record<string, StandardSchemaV1Issue[]> => Boolean(record))
-    .flatMap((errorRecord) =>
-      Object
-        .values(errorRecord)
-        .filter((issues): issues is StandardSchemaV1Issue[] => Boolean(issues))
-        .flatMap((issues) =>
-          issues
-            .filter(
-              (issue): issue is StandardSchemaV1Issue & { message: string } => Boolean(issue?.message)
-            )
-            .map((issue) => issue.message)
+  return props.generalErrors.flatMap((record) => {
+    if (typeof record === "string") return record ? [record] : []
+    if (typeof record !== "object" || record === null) return []
+
+    return Object
+      .values(record)
+      .filter((issues): issues is unknown[] => Array.isArray(issues))
+      .flatMap((issues) =>
+        issues.flatMap((issue) =>
+          typeof issue === "object"
+            && issue !== null
+            && "message" in issue
+            && typeof issue.message === "string"
+            && issue.message
+            ? [issue.message]
+            : []
         )
-    )
+      )
+  })
 })
 </script>