@effect-app/vue-components 2.0.0 → 2.1.0

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

@@ -27,3 +27,27 @@ export type VuetifyInputProps<From extends Record<PropertyKey, any>, TName exten
         }[];
     };
 } & Pick<InputProps<From, TName>, "field" | "state">;
+export type ExtractTagValue<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = DeepValue<From, TName> extends infer U ? U extends {
+    _tag: infer Tag;
+} ? Tag : never : never;
+export type ExtractUnionBranch<T, Tag> = T extends {
+    _tag: Tag;
+} ? T : never;
+export type TaggedUnionOption<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = {
+    readonly title: string;
+    readonly value: ExtractTagValue<From, TName> | null;
+};
+export type TaggedUnionOptionsArray<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = readonly [
+    {
+        readonly title: string;
+        readonly value: null;
+    },
+    ...ReadonlyArray<{
+        readonly title: string;
+        readonly value: ExtractTagValue<From, TName>;
+    }>
+];
+export type TaggedUnionProps<From extends Record<PropertyKey, any>, TName extends DeepKeys<From>> = {
+    name: TName;
+    options: TaggedUnionOptionsArray<From, TName>;
+};

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

@@ -3,7 +3,7 @@ import { type DeepKeys, type DeepValue, type FieldAsyncValidateOrFn, type FieldV
 import { type RuntimeFiber } from "effect/Fiber";
 import { type OmegaFieldInternalApi } from "./InputProps";
 import { type OF, type OmegaFormReturn } from "./useOmegaForm";
-type Leaves<T, Path extends string = ""> = T extends ReadonlyArray<infer U> ? Leaves<U, `${Path}[number]`> & {} : {
+export type Leaves<T, Path extends string = ""> = T extends ReadonlyArray<infer U> ? Leaves<U, `${Path}[number]`> & {} : {
     [K in keyof T]: T[K] extends string | boolean | number | null | undefined | symbol | bigint ? `${Path extends "" ? "" : `${Path}.`}${K & string}` : Leaves<T[K], `${Path extends "" ? "" : `${Path}.`}${K & string}`> & {};
 }[keyof T];
 type FlexibleArrayPath<T extends string> = T extends `${infer Before}[number]${infer After}` ? T | `${Before}[${number}]${FlexibleArrayPath<After>}` : T;

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

@@ -1,4 +1,4 @@
-import { type DeepKeys } from "@tanstack/vue-form";
+import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
 import { type ComputedRef } from "vue";
 import type { OmegaFieldInternalApi } from "./InputProps";
 import type { FieldValidators, MetaRecord, NestedKeyOf, TypeOverride } from "./OmegaFormStuff";
@@ -26,7 +26,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
     slots: {
         default?: (props: {
             field: OmegaFieldInternalApi<From, Name>;
-            state: import("@tanstack/vue-form").FieldState<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<import("@tanstack/vue-form").DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, import("@tanstack/vue-form").DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
+            state: import("@tanstack/vue-form").FieldState<From, Name, DeepValue<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateFn<From, Name>, import("@tanstack/vue-form").StandardSchemaV1<DeepValue<From, Name>, unknown> | import("@tanstack/vue-form").FieldValidateAsyncFn<From, Name>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>>, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, Name, DeepValue<From, Name>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, any, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
             id: string;
             required?: boolean;
             minLength?: number | false;

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

@@ -0,0 +1,34 @@
+import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
+import { type TaggedUnionOptionsArray } from "./InputProps";
+import { type useOmegaForm } from "./useOmegaForm";
+declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<{
+        name: Name;
+        form: ReturnType<typeof useOmegaForm<From, To>>;
+        type?: "select" | "radio";
+        options: TaggedUnionOptionsArray<From, Name>;
+        label?: string;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            field: import("./InputProps").OmegaFieldInternalApi<From, Name>;
+            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+        }) => any) | undefined;
+        [x: number]: ((props: {
+            field: import("./InputProps").OmegaFieldInternalApi<From, Name>;
+            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+        }) => any) | undefined;
+    } & {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,32 @@
+import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
+import { type OmegaFieldInternalApi } from "./InputProps";
+declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<{
+        state: DeepValue<From, Name>;
+        field: OmegaFieldInternalApi<From, Name>;
+    }> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            field: OmegaFieldInternalApi<From, Name>;
+            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+        }) => any) | undefined;
+        [x: number]: ((props: {
+            field: OmegaFieldInternalApi<From, Name>;
+            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+        }) => any) | undefined;
+        [x: symbol]: ((props: {
+            field: OmegaFieldInternalApi<From, Name>;
+            state: NonNullable<NonNullable<DeepValue<From, Name>>>;
+        }) => any) | undefined;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,8 +1,10 @@
 export * from "./OmegaFormStuff";
 export { type OmegaConfig, type OmegaFormReturn, useOmegaForm } from "./useOmegaForm";
-export { type InputProps, type MergedInputProps } from "./InputProps";
+export { type ExtractTagValue, type ExtractUnionBranch, type InputProps, type MergedInputProps, type TaggedUnionOption, type TaggedUnionOptionsArray, type TaggedUnionProps } from "./InputProps";
 export { default as OmegaInput } from "./OmegaInput.vue";
 export { default as OmegaVuetifyInput } from "./OmegaInternalInput.vue";
+export { default as OmegaTaggedUnion } from "./OmegaTaggedUnion.vue";
+export { default as OmegaTaggedUnionInternal } from "./OmegaTaggedUnionInternal.vue";
 export { useOnClose, usePreventClose } from "./blockDialog";
 export { getInputType } from "./OmegaFormStuff";
 export { createUseFormWithCustomInput } from "./createUseFormWithCustomInput";

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

@@ -36,6 +36,15 @@ export type OmegaConfig<T> = {
         id?: string;
     } & keysRule<T>;
     ignorePreventCloseEvents?: boolean;
+    /**
+     * Prevents browser window/tab exit when form has unsaved changes.
+     * Shows native browser "Leave site?" dialog.
+     *
+     * @remarks
+     * - Opt-in only: Must explicitly enable
+     * - Independent from data persistence feature
+     */
+    preventWindowExit?: "prevent" | "prevent-and-reset" | "nope";
     input?: any;
 };
 export interface OF<From, To> extends OmegaFormApi<From, To> {
@@ -93,6 +102,23 @@ export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To exten
     }>) => import("vue").VNode & {
         __ctx?: Awaited<typeof __VLS_setup>;
     };
+    TaggedUnion: <Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+        props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
+            name: Name;
+            type?: "select" | "radio";
+            options: import("./InputProps").TaggedUnionOptionsArray<From, Name>;
+            label?: string;
+        } & {}> & import("vue").PublicProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: Record<string, (props: {
+            field: import("@tanstack/vue-form").FieldApi<From, Name, DeepValue<From, Name>, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+            state: import("@tanstack/vue-form").FieldState<From, Name, DeepValue<From, Name>, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+        }) => any>;
+        emit: {};
+    }>) => import("vue").VNode & {
+        __ctx?: Awaited<typeof __VLS_setup>;
+    };
     Array: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & (Omit<OmegaArrayProps<From, To>, "form">) & {}> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;

package/dist/vue-components.es.js

@@ -1,39 +1,43 @@
 import * as o from "./vue-components.es2.js";
-import { getTransformationFrom as f, provideIntl as u, useIntl as s, useIntlKey as l } from "./vue-components.es3.js";
+import { getTransformationFrom as f, provideIntl as u, useIntl as l, useIntlKey as s } from "./vue-components.es3.js";
 import { default as i } from "./vue-components.es4.js";
-import { default as x } from "./vue-components.es5.js";
-import { default as g } from "./vue-components.es6.js";
-import { default as F } from "./vue-components.es7.js";
-import { useOmegaForm as h } from "./vue-components.es8.js";
-import { useOnClose as S, usePreventClose as b } from "./vue-components.es9.js";
-import { createMeta as j, duplicateSchema as v, generateInputStandardSchemaFromFieldMeta as P, generateMetaFromSchema as T, getInputType as k, nullableInput as w } from "./vue-components.es10.js";
-import { createUseFormWithCustomInput as D } from "./vue-components.es11.js";
-function a(r) {
+import { default as g } from "./vue-components.es5.js";
+import { default as I } from "./vue-components.es6.js";
+import { default as y } from "./vue-components.es7.js";
+import { default as h } from "./vue-components.es8.js";
+import { default as S } from "./vue-components.es9.js";
+import { useOmegaForm as b } from "./vue-components.es10.js";
+import { useOnClose as U, usePreventClose as j } from "./vue-components.es11.js";
+import { createMeta as P, duplicateSchema as k, generateInputStandardSchemaFromFieldMeta as w, generateMetaFromSchema as B, getInputType as D, nullableInput as K } from "./vue-components.es12.js";
+import { createUseFormWithCustomInput as W } from "./vue-components.es13.js";
+function r(a) {
   for (const e in o)
     if (Object.prototype.hasOwnProperty.call(o, e)) {
       const t = o[e];
-      t && typeof t == "object" && r.component(e, t);
+      t && typeof t == "object" && a.component(e, t);
     }
 }
-const n = { install: a };
+const n = { install: r };
 export {
   i as CommandButton,
-  x as Dialog,
-  g as OmegaInput,
-  F as OmegaVuetifyInput,
-  j as createMeta,
-  D as createUseFormWithCustomInput,
+  g as Dialog,
+  I as OmegaInput,
+  h as OmegaTaggedUnion,
+  S as OmegaTaggedUnionInternal,
+  y as OmegaVuetifyInput,
+  P as createMeta,
+  W as createUseFormWithCustomInput,
   n as default,
-  v as duplicateSchema,
-  P as generateInputStandardSchemaFromFieldMeta,
-  T as generateMetaFromSchema,
-  k as getInputType,
+  k as duplicateSchema,
+  w as generateInputStandardSchemaFromFieldMeta,
+  B as generateMetaFromSchema,
+  D as getInputType,
   f as getTransformationFrom,
-  w as nullableInput,
+  K as nullableInput,
   u as provideIntl,
-  s as useIntl,
-  l as useIntlKey,
-  h as useOmegaForm,
-  S as useOnClose,
-  b as usePreventClose
+  l as useIntl,
+  s as useIntlKey,
+  b as useOmegaForm,
+  U as useOnClose,
+  j as usePreventClose
 };