@effect-app/vue-components 4.0.0-beta.281 → 4.0.0-beta.283

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

@@ -51,6 +51,12 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
             id: string;
             label: string;
         }) => any;
+    } & {
+        label?: (props: {
+            required: boolean | undefined;
+            id: string;
+            label: string;
+        }) => any;
     };
     emit: {
         (e: "focus", event: Event): void;

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

@@ -1,8 +1,8 @@
 import { type DeepKeys } from "@tanstack/vue-form";
-import { type ComputedRef } from "vue";
+import { type Component, type ComputedRef } from "vue";
 import type { OmegaFieldInternalApi } from "./InputProps";
 import type { MetaRecord, NestedKeyOf } from "./meta/types";
-import type { FieldValidators, TypeOverride } from "./types";
+import type { TypeOverride } from "./types";
 declare const __VLS_export: <From 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         field: OmegaFieldInternalApi<From, Name>;
@@ -10,7 +10,6 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
         meta: MetaRecord<From>[NestedKeyOf<From>];
         label: string;
         type?: TypeOverride;
-        validators?: FieldValidators<From>;
         required?: boolean;
         inputClass?: string | null;
         register: (field: ComputedRef<{
@@ -20,8 +19,9 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
         }>) => void;
         options?: {
             title: string;
-            value: string;
+            value: unknown;
         }[];
+        inputs?: Record<string, Component>;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -44,11 +44,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
             inputClass: string | undefined | null;
         }) => any;
     } & {
-        label?: (props: {
-            required: boolean | undefined;
-            id: string;
-            label: string;
-        }) => any;
+        label?: (props: any) => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

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

@@ -1,4 +1,6 @@
 import { type Component } from "vue";
-import { type DefaultTypeProps } from "./types";
+import type { OmegaConfig } from "./types";
 import { useOmegaForm } from "./useOmegaForm";
-export declare const createUseFormWithCustomInput: <TypeProps = DefaultTypeProps>(CustomInputComponent: Component) => <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(...args: Parameters<typeof useOmegaForm<From, To>>) => import("./types").OmegaFormReturn<From, To, TypeProps>;
+export declare const createUseFormWithCustomInput: (CustomInputComponent: Component) => <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, const Cfg extends OmegaConfig<To> = OmegaConfig<To>>(schema: Parameters<typeof useOmegaForm<From, To>>[0], tanstackFormOptions?: Parameters<typeof useOmegaForm<From, To>>[1], omegaConfig?: Cfg) => import("./types").OmegaFormReturn<From, To, import("./types").TypePropsFor<Cfg extends {
+    inputs?: infer I;
+} ? I : {}>>;

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

@@ -11,6 +11,7 @@ export { makeStandardSchemaV1Hooks, toLocalizedStandardSchemaV1 } from "./valida
 export { FormErrors, OmegaFormKey, useErrorLabel, useOmegaForm } from "./useOmegaForm";
 export type { defaultValuesPriorityUnion, OF, OmegaConfig, OmegaFormReturn, Policies } from "./useOmegaForm";
 export { type ExtractTagValue, type ExtractUnionBranch, type InputProps, type MergedInputProps, type TaggedUnionOption, type TaggedUnionOptionsArray, type TaggedUnionProps } from "./InputProps";
+export type { VuetifyInputProps, VuetifyInputProps as OmegaRendererProps } from "./InputProps";
 export { default as OmegaInput } from "./OmegaInput.vue";
 export { default as OmegaVuetifyInput } from "./OmegaInternalInput.vue";
 export { default as OmegaTaggedUnion } from "./OmegaTaggedUnion.vue";

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

@@ -5,7 +5,7 @@ import type { UnionToTuples } from "effect-app/utils";
 import type { Fiber as EffectFiber } from "effect/Fiber";
 import type * as Order from "effect/Order";
 import type { Redacted } from "effect/Redacted";
-import type { AllowedComponentProps, ComponentCustomProps, ComputedRef, PublicProps, ShallowUnwrapRef, VNode, VNodeProps } from "vue";
+import type { AllowedComponentProps, Component, ComponentCustomProps, ComputedRef, PublicProps, ShallowUnwrapRef, VNode, VNodeProps } from "vue";
 import type { MergedInputProps, OmegaFieldInternalApi, TaggedUnionOptionsArray } from "./InputProps";
 import type { MetaRecord, NestedKeyOf } from "./meta/types";
 import type { defaultValuesPriorityUnion as PersistencyPriority, Policies as PersistencyPolicies } from "./persistency";
@@ -24,6 +24,11 @@ export type BaseProps<From, TName extends FieldPath<From>> = {
      */
     label?: string;
     validators?: FieldValidators<From>;
+    /**
+     * Overrides the schema-derived `meta.required`.
+     * When omitted, requiredness is inferred from the schema.
+     */
+    required?: boolean;
     name: TName;
     /**
      * Optional class to apply to the input element.
@@ -44,12 +49,22 @@ export type DefaultTypeProps = {
         value: unknown;
     }[];
 };
+/** Registered `omegaConfig.inputs` keys as valid `type` values; `never` when nothing is registered. */
+export type CustomTypeProps<TInputs> = string extends keyof TInputs ? never : keyof TInputs extends never ? never : {
+    type: keyof TInputs & string;
+    options?: {
+        title: string;
+        value: unknown;
+    }[];
+};
+/** `form.Input` `type`/`options`: built-ins plus types registered via `omegaConfig.inputs`. */
+export type TypePropsFor<TInputs> = DefaultTypeProps | CustomTypeProps<TInputs>;
 export type OmegaInputPropsBase<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>> = {
     form: OF<From, To> & {
         meta: MetaRecord<From>;
         i18nNamespace?: string;
     };
-} & BaseProps<From, Name>;
+} & BaseProps<From, Name> & DefaultTypeProps;
 export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>, TypeProps = DefaultTypeProps> = {
     form: OmegaFormReturn<From, To, TypeProps> & {
         meta: MetaRecord<From>;
@@ -61,7 +76,8 @@ export type OmegaArrayProps<From extends Record<PropertyKey, any>, To extends Re
     defaultItems?: DeepValue<From, DeepKeys<From>>;
     items?: "please use `defaultItems` instead";
 };
-export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "radio" | "autocomplete" | "autocompletemultiple" | "switch" | "range" | "password" | "email" | "date";
+export declare const typeOverrides: readonly ["string", "text", "number", "select", "multiple", "boolean", "radio", "autocomplete", "autocompletemultiple", "switch", "range", "password", "email", "date", "tel", "url", "color", "time", "search"];
+export type TypeOverride = typeof typeOverrides[number];
 export interface OmegaError {
     label: string;
     inputId: string;
@@ -121,6 +137,12 @@ export type OmegaConfig<T> = {
      */
     preventWindowExit?: "prevent" | "prevent-and-reset" | "nope";
     input?: any;
+    /**
+     * Register a custom input component per `type` (new types or overrides). Each
+     * key becomes a valid `<form.Input type="...">` value; components receive the
+     * `OmegaRendererProps` contract (`{ inputProps, field, state }`).
+     */
+    inputs?: Record<string, Component>;
     /**
      * Default values order is: Tanstack default values passed as second parameter to useOmegaForm, then persistency
      * default values from querystring or local/session storage, then defaults from schema
@@ -133,6 +155,7 @@ export type OmegaConfig<T> = {
 export interface OF<From, To> extends OmegaFormApi<From, To> {
     meta: MetaRecord<From>;
     unionMeta: Record<string, MetaRecord<From>>;
+    inputs?: Record<string, Component>;
     clear: () => void;
     /**
      * Backfills the untouched children of any materialised nullable struct with

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

@@ -1,8 +1,10 @@
 import * as S from "effect-app/Schema";
 import { type InjectionKey } from "vue";
-import type { DefaultTypeProps, FormProps, OF, OmegaConfig, OmegaFormReturn } from "./types";
+import type { FormProps, OF, OmegaConfig, OmegaFormReturn, TypePropsFor } from "./types";
 export { useErrorLabel } from "./errors";
 export { FormErrors } from "./submit";
 export type { defaultValuesPriorityUnion, OF, OmegaConfig, OmegaFormReturn, Policies } from "./types";
 export declare const OmegaFormKey: InjectionKey<OF<any, any>>;
-export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, TypeProps = DefaultTypeProps>(schema: S.Codec<To, From>, tanstackFormOptions?: NoInfer<FormProps<From, To>>, omegaConfig?: OmegaConfig<To>) => OmegaFormReturn<From, To, TypeProps>;
+export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, const Cfg extends OmegaConfig<To> = OmegaConfig<To>>(schema: S.Codec<To, From>, tanstackFormOptions?: NoInfer<FormProps<From, To>>, omegaConfig?: Cfg) => OmegaFormReturn<From, To, TypePropsFor<Cfg extends {
+    inputs?: infer I;
+} ? I : {}>>;

package/dist/vue-components.es.js

@@ -9,15 +9,15 @@ import { toFormSchema as m } from "./vue-components16.es.js";
 import { deepMerge as h } from "./vue-components18.es.js";
 import { makeStandardSchemaV1Hooks as g, toLocalizedStandardSchemaV1 as _ } from "./vue-components19.es.js";
 import { useErrorLabel as v } from "./vue-components20.es.js";
-import y from "./vue-components34.es.js";
-import b from "./vue-components36.es.js";
-import x from "./vue-components38.es.js";
-import S from "./vue-components40.es.js";
-import { FormErrors as C } from "./vue-components67.es.js";
-import { OmegaFormKey as w, useOmegaForm as T } from "./vue-components68.es.js";
-import { createUseFormWithCustomInput as E } from "./vue-components69.es.js";
-import { duplicateSchema as D } from "./vue-components70.es.js";
-import { components_exports as O } from "./vue-components71.es.js";
+import y from "./vue-components35.es.js";
+import b from "./vue-components37.es.js";
+import x from "./vue-components39.es.js";
+import S from "./vue-components41.es.js";
+import { FormErrors as C } from "./vue-components68.es.js";
+import { OmegaFormKey as w, useOmegaForm as T } from "./vue-components69.es.js";
+import { createUseFormWithCustomInput as E } from "./vue-components70.es.js";
+import { duplicateSchema as D } from "./vue-components71.es.js";
+import { components_exports as O } from "./vue-components72.es.js";
 //#region src/index.ts
 function k(e) {
 	for (let t in O) if (Object.prototype.hasOwnProperty.call(O, t)) {

package/dist/vue-components22.es.js

@@ -5,6 +5,7 @@ var h = /*@__PURE__*/ i({
 	__name: "OmegaArray",
 	props: {
 		form: {},
+		required: { type: Boolean },
 		inputClass: {},
 		name: {},
 		defaultItems: {},

package/dist/vue-components30.es.js

@@ -1,266 +1,24 @@
-import { getInputType as e } from "./vue-components11.es.js";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createSlots as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeProps as l, openBlock as u, renderList as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, unref as h, withCtx as g } from "vue";
-//#region src/components/OmegaForm/OmegaInputVuetify.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ o({
-	inheritAttrs: !1,
-	__name: "OmegaInputVuetify",
-	props: {
-		inputProps: {},
-		field: {},
-		state: {}
-	},
-	emits: ["focus", "blur"],
-	setup(o) {
-		return (_, v) => {
-			let y = p("v-text-field"), b = p("v-textarea"), x = p("v-radio"), S = p("v-radio-group"), C = p("v-select"), w = p("v-autocomplete");
-			return u(), i("div", {
-				class: "omega-input",
-				onFocusout: v[7] ||= (e) => {
-					_.$emit("blur", e), o.field.handleBlur();
-				},
-				onFocusin: v[8] ||= (e) => _.$emit("focus", e)
-			}, [
-				o.inputProps.type === "boolean" || o.inputProps.type === "switch" ? (u(), n(m(o.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), c({
-					key: 0,
-					id: o.inputProps.id,
-					name: o.field.name,
-					label: o.inputProps.label,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error,
-					ripple: ""
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					onChange: v[0] ||= (e) => o.field.handleChange(e.target.checked)
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : r("", !0),
-				o.inputProps.type === "email" || o.inputProps.type === "string" || o.inputProps.type === "password" || o.inputProps.type === "date" ? (u(), n(y, c({
-					key: 1,
-					id: o.inputProps.id,
-					required: o.inputProps.required,
-					"min-length": o.inputProps.minLength,
-					"max-length": o.inputProps.maxLength,
-					type: h(e)(o.inputProps.type),
-					name: o.field.name,
-					label: o.inputProps.label,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					"onUpdate:modelValue": v[1] ||= (e) => o.field.handleChange(e)
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min-length",
-					"max-length",
-					"type",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : r("", !0),
-				o.inputProps.type === "text" ? (u(), n(b, c({
-					key: 2,
-					id: o.inputProps.id,
-					required: o.inputProps.required,
-					"min-length": o.inputProps.minLength,
-					"max-length": o.inputProps.maxLength,
-					name: o.field.name,
-					label: o.inputProps.label,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					"onUpdate:modelValue": v[2] ||= (e) => o.field.handleChange(e)
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min-length",
-					"max-length",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : r("", !0),
-				o.inputProps.type === "number" || o.inputProps.type === "range" ? (u(), n(m(o.inputProps.type === "range" ? "v-slider" : "v-text-field"), c({
-					key: 3,
-					id: o.inputProps.id,
-					required: o.inputProps.required,
-					min: o.inputProps.min,
-					max: o.inputProps.max,
-					type: o.inputProps.type,
-					name: o.field.name,
-					label: o.inputProps.label,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					"onUpdate:modelValue": v[3] ||= (e) => {
-						e || e === 0 ? o.field.handleChange(Number(e)) : o.field.handleChange(void 0);
-					}
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min",
-					"max",
-					"type",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : r("", !0),
-				o.inputProps.type === "radio" ? (u(), n(S, c({
-					key: 4,
-					id: o.inputProps.id,
-					name: o.field.name,
-					label: o.inputProps.label,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					"onUpdate:modelValue": v[4] ||= (e) => o.field.handleChange(e)
-				}), a({
-					default: g(() => [(u(!0), i(t, null, d(o.inputProps.options, (e) => (u(), n(x, {
-						key: e.value,
-						label: e.title,
-						value: e.value
-					}, null, 8, ["label", "value"]))), 128))]),
-					_: 2
-				}, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : r("", !0),
-				o.inputProps.type === "select" || o.inputProps.type === "multiple" ? (u(), n(C, c({
-					key: 5,
-					id: o.inputProps.id,
-					clearable: o.inputProps.type === "select",
-					required: o.inputProps.required,
-					multiple: o.inputProps.type === "multiple",
-					chips: o.inputProps.type === "multiple",
-					name: o.field.name,
-					label: o.inputProps.label,
-					items: o.inputProps.options,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					onClear: v[5] ||= (e) => o.field.handleChange(void 0),
-					"onUpdate:modelValue": o.field.handleChange
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"clearable",
-					"required",
-					"multiple",
-					"chips",
-					"name",
-					"label",
-					"items",
-					"error-messages",
-					"error",
-					"model-value",
-					"onUpdate:modelValue"
-				])) : r("", !0),
-				o.inputProps.type === "autocomplete" || o.inputProps.type === "autocompletemultiple" ? (u(), n(w, c({
-					key: 6,
-					id: o.inputProps.id,
-					clearable: o.inputProps.type === "autocomplete",
-					multiple: o.inputProps.type === "autocompletemultiple",
-					required: o.inputProps.required,
-					name: o.field.name,
-					label: o.inputProps.label,
-					items: o.inputProps.options,
-					"error-messages": o.inputProps.errorMessages,
-					error: o.inputProps.error,
-					chips: o.inputProps.type === "autocompletemultiple"
-				}, _.$attrs, {
-					"model-value": o.state.value,
-					onClear: v[6] ||= (e) => o.field.handleChange(void 0),
-					"onUpdate:modelValue": o.field.handleChange
-				}), a({ _: 2 }, [_.$slots.label ? {
-					name: "label",
-					fn: g(() => [f(_.$slots, "label", l(s({
-						required: o.inputProps.required,
-						id: o.inputProps.id,
-						label: o.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"clearable",
-					"multiple",
-					"required",
-					"name",
-					"label",
-					"items",
-					"error-messages",
-					"error",
-					"chips",
-					"model-value",
-					"onUpdate:modelValue"
-				])) : r("", !0)
-			], 32);
-		};
-	}
-});
+//#region src/components/OmegaForm/types.ts
+var e = [
+	"string",
+	"text",
+	"number",
+	"select",
+	"multiple",
+	"boolean",
+	"radio",
+	"autocomplete",
+	"autocompletemultiple",
+	"switch",
+	"range",
+	"password",
+	"email",
+	"date",
+	"tel",
+	"url",
+	"color",
+	"time",
+	"search"
+];
 //#endregion
-export { _ as default };
+export { e as typeOverrides };