@effect-app/vue-components 4.0.0-beta.92 → 4.0.0-beta.94

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

@@ -91,6 +91,14 @@ export type FieldValidators<T> = {
 export type BaseFieldMeta = {
     required: boolean;
     nullableOrUndefined?: false | "undefined" | "null";
+    /**
+     * True when the schema property is `S.optionalKey` (AST
+     * `context.isOptional`) — i.e. the key should be ABSENT from the submitted
+     * object when empty, not present with `undefined`. Distinct from
+     * `required: false`, which may also mean "empty string is valid" for
+     * unconstrained `S.String` fields.
+     */
+    isOptionalKey?: boolean;
 };
 export type StringFieldMeta = BaseFieldMeta & {
     type: "string";

package/dist/vue-components12.es.js

@@ -79,9 +79,9 @@ var o = /* @__PURE__ */ new Set(), s = () => globalThis.process?.env?.NODE_ENV !
 	});
 	if (r) {
 		for (let n of r) {
-			let r = t ? `${t}.${n.name.toString()}` : n.name.toString(), o = f(n.type), s;
-			s = e._isNullableDiscriminatedUnion && n.name.toString() === "_tag" || e.required === !1 || n.type.context?.isOptional ? !1 : !o;
-			let l = c(n.type);
+			let r = t ? `${t}.${n.name.toString()}` : n.name.toString(), o = f(n.type), s = n.type.context?.isOptional === !0, l;
+			l = e._isNullableDiscriminatedUnion && n.name.toString() === "_tag" || e.required === !1 || s ? !1 : !o;
+			let u = c(n.type);
 			if (a.AST.isUnion(n.type)) {
 				let e = m(n.type.types);
 				if (e.some(a.AST.isObjects)) {
@@ -89,7 +89,7 @@ var o = /* @__PURE__ */ new Set(), s = () => globalThis.process?.env?.NODE_ENV !
 						parent: r,
 						property: n.type,
 						meta: {
-							required: s,
+							required: l,
 							nullableOrUndefined: o
 						}
 					}));
@@ -112,7 +112,7 @@ var o = /* @__PURE__ */ new Set(), s = () => globalThis.process?.env?.NODE_ENV !
 							type: "multiple",
 							members: e.elements,
 							rest: e.rest,
-							required: s,
+							required: l,
 							nullableOrUndefined: o
 						}, e.rest && e.rest.length > 0) {
 							let t = c(e.rest[0]);
@@ -145,16 +145,16 @@ var o = /* @__PURE__ */ new Set(), s = () => globalThis.process?.env?.NODE_ENV !
 						parent: r,
 						property: n.type,
 						meta: {
-							required: s,
+							required: l,
 							nullableOrUndefined: o
 						}
 					});
 				}
-			} else if (a.AST.isObjects(l)) Object.assign(i, b({
+			} else if (a.AST.isObjects(u)) Object.assign(i, b({
 				parent: r,
-				propertySignatures: l.propertySignatures,
+				propertySignatures: u.propertySignatures,
 				meta: {
-					required: s,
+					required: l,
 					nullableOrUndefined: o
 				}
 			}));
@@ -195,15 +195,16 @@ var o = /* @__PURE__ */ new Set(), s = () => globalThis.process?.env?.NODE_ENV !
 				type: "multiple",
 				members: n.type.elements,
 				rest: n.type.rest,
-				required: s,
+				required: l,
 				nullableOrUndefined: o
 			};
 			else i[r] = b({
 				parent: r,
 				property: n.type,
 				meta: {
-					required: s && (!a.AST.isString(l) || !!y(l).minLength),
-					nullableOrUndefined: o
+					required: l && (!a.AST.isString(u) || !!y(u).minLength),
+					nullableOrUndefined: o,
+					...s ? { isOptionalKey: !0 } : {}
 				}
 			});
 		}

package/dist/vue-components49.es.js

@@ -33,7 +33,8 @@ var b = /* @__PURE__ */ o({
 			id: D
 		})));
 		let j = t(() => k.value[b.field.name]?.errors ?? []), M = t(() => j.value.map((e) => e?.message).filter(Boolean)), N = (e) => e == null || e === !1 || e === "" || Number.isNaN(e), P = (e) => {
-			N(e) && b.meta?.type !== "boolean" && b.meta?.nullableOrUndefined ? b.field.handleChange(b.meta.nullableOrUndefined === "undefined" ? void 0 : null) : b.field.handleChange(e), b.field.setMeta((e) => ({
+			let t = !1;
+			N(e) && b.meta?.type !== "boolean" ? b.meta?.nullableOrUndefined ? b.field.handleChange(b.meta.nullableOrUndefined === "undefined" ? void 0 : null) : b.meta?.isOptionalKey ? (b.field.form.deleteField(b.field.name), t = !0) : b.field.handleChange(e) : b.field.handleChange(e), t || b.field.setMeta((e) => ({
 				...e,
 				errorMap: {
 					...e.errorMap,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.92",
+  "version": "4.0.0-beta.94",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.47",
@@ -58,8 +58,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.92",
-    "effect-app": "4.0.0-beta.92"
+    "@effect-app/vue": "4.0.0-beta.94",
+    "effect-app": "4.0.0-beta.94"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -256,6 +256,14 @@ export type FieldValidators<T> = {
 export type BaseFieldMeta = {
   required: boolean
   nullableOrUndefined?: false | "undefined" | "null"
+  /**
+   * True when the schema property is `S.optionalKey` (AST
+   * `context.isOptional`) — i.e. the key should be ABSENT from the submitted
+   * object when empty, not present with `undefined`. Distinct from
+   * `required: false`, which may also mean "empty string is valid" for
+   * unconstrained `S.String` fields.
+   */
+  isOptionalKey?: boolean
 }
 
 export type StringFieldMeta = BaseFieldMeta & {
@@ -519,6 +527,8 @@ export const createMeta = <T = any>(
       const key = parent ? `${parent}.${p.name.toString()}` : p.name.toString()
       const nullableOrUndefined = isNullableOrUndefined(p.type)
 
+      const isOptionalKey = (p.type as any).context?.isOptional === true
+
       // Determine if this field should be required:
       // - For nullable discriminated unions, only _tag should be non-required
       // - optionalKey fields are not required
@@ -530,7 +540,7 @@ export const createMeta = <T = any>(
       } else if (meta.required === false) {
         // Explicitly set to non-required (legacy behavior for backwards compatibility)
         isRequired = false
-      } else if ((p.type as any).context?.isOptional) {
+      } else if (isOptionalKey) {
         isRequired = false
       } else {
         // Calculate from the property itself
@@ -741,7 +751,8 @@ export const createMeta = <T = any>(
               // TODO: handle this better via the createMeta minLength parsing
               required: isRequired
                 && (!S.AST.isString(typeToProcess) || !!getFieldMetadataFromAst(typeToProcess).minLength),
-              nullableOrUndefined
+              nullableOrUndefined,
+              ...(isOptionalKey ? { isOptionalKey: true } : {})
             }
           })
 

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -119,6 +119,7 @@ const isFalsyButNotZero = (value: unknown): boolean => {
 // we remove value and errors when the field is empty and not required
 // convert nullish value to null or undefined based on schema
 const handleChange: OmegaFieldInternalApi<From, Name>["handleChange"] = (value) => {
+  let fieldDeleted = false
   if (isFalsyButNotZero(value) && props.meta?.type !== "boolean") {
     // Only convert to null/undefined if the field is actually nullable or optional
     if (props.meta?.nullableOrUndefined) {
@@ -128,6 +129,14 @@ const handleChange: OmegaFieldInternalApi<From, Name>["handleChange"] = (value)
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           : null as any
       )
+    } else if (props.meta?.isOptionalKey) {
+      // `S.optionalKey` expects the key to be ABSENT from the submitted
+      // object, not present-with-undefined. Remove it from form state
+      // rather than setting it to `undefined`. Note: this is distinct
+      // from `required: false`, which may also just mean "empty string
+      // is valid" for unconstrained `S.String` fields.
+      props.field.form.deleteField(props.field.name)
+      fieldDeleted = true
     } else {
       // Keep the actual value (e.g., empty string for S.String fields)
       props.field.handleChange(value)
@@ -138,7 +147,10 @@ const handleChange: OmegaFieldInternalApi<From, Name>["handleChange"] = (value)
 
   // whenever we change the field, regardless if we set it to null, we should reset onSubmit.
   // not sure why this is not the case in tanstack form.
-  props.field.setMeta((m) => ({ ...m, errorMap: { ...m.errorMap, onSubmit: undefined } }))
+  // Skip when the field was deleted — its meta no longer exists in the form store.
+  if (!fieldDeleted) {
+    props.field.setMeta((m) => ({ ...m, errorMap: { ...m.errorMap, onSubmit: undefined } }))
+  }
 }
 
 // Note: Default value normalization (converting empty strings to null/undefined for nullable fields)