feat: add fieldValidators

telekom · Jul 22, 2024 · 972cc4c · 972cc4c
1 parent e86858c
commit 972cc4c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 10 deletions.
diff --git a/.changeset/fair-llamas-switch.md b/.changeset/fair-llamas-switch.md
@@ -0,0 +1,5 @@
+---
+"@pixelshades/auto-form": patch
+---
+
+add fieldValidators Props
diff --git a/apps/docs/src/app/test/_comp.tsx b/apps/docs/src/app/test/_comp.tsx
@@ -4,13 +4,13 @@ import { AutoForm, AutoFormSubmit } from "@pixelshades/auto-form"
 import { z } from "zod"
 
 const formSchema = z.object({
-	// username: z
-	// 	.string({
-	// 		required_error: "Username is required.",
-	// 	})
-	// 	.min(2, {
-	// 		message: "Username must be at least 2 characters.",
-	// 	}),
+	username: z
+		.string({
+			required_error: "Username is required.",
+		})
+		.min(2, {
+			message: "Username must be at least 2 characters.",
+		}),
 
 	// password: z
 	// 	.string({
@@ -71,7 +71,6 @@ const formSchema = z.object({
 export function Test() {
 	return (
 		<AutoForm
-			fieldConfig={{}}
 			defaultValues={{
 				birthday: new Date("Tue Jul 23 2024 00:00:00 GMT+0200"),
 			}}

diff --git a/packages/auto-form/src/fields/auto-form-object.tsx b/packages/auto-form/src/fields/auto-form-object.tsx
@@ -111,6 +111,7 @@ export function AutoFormObject<SchemaType extends z.ZodObject<any, any>>({
 						key={key}
 						validators={{
 							onChange: item,
+							...fieldConfigItem.fieldValidators,
 						}}
 						// biome-ignore lint/correctness/noChildrenProp: <explanation>
 						children={(field) => {

diff --git a/packages/auto-form/src/types.ts b/packages/auto-form/src/types.ts
@@ -1,8 +1,7 @@
-import type { FieldApi } from "@tanstack/react-form"
+import type { FieldApi, FieldValidators } from "@tanstack/react-form"
 import type * as z from "zod"
 import type { INPUT_COMPONENTS } from "./config"
 
-// TODO: Renable zodEffects
 export type ZodObjectOrWrapped = z.ZodObject<any, any> | z.ZodEffects<z.ZodObject<any, any>>
 
 export type FieldConfigItem = {
@@ -15,6 +14,8 @@ export type FieldConfigItem = {
 	renderParent?: (props: {
 		children: React.ReactNode
 	}) => React.ReactElement | null
+
+	fieldValidators?: Omit<FieldValidators<any, any>, "onChange">
 }
 
 export type FieldConfig<SchemaType extends z.infer<z.ZodObject<any, any>>> = {