eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

refactor: rename base validator to sample validator in source and documentation

Browse Source
This commit is contained in:
Firman Ramdhani
2026-06-15 20:28:35 +07:00
parent a72b73bac4
commit c9278d09cb
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/docs/FORM-COMPONENTS.md
+7 -7
View File
@@ -258,10 +258,10 @@ To prevent over-engineering and package fatigue, we house the validation layer d
### Writing a Centralized Validator ### Writing a Centralized Validator
```tsx ```tsx
// packages/ui/src/validators/base.validator.ts // packages/ui/src/validators/sample.validator.ts
import { z } from 'zod'; import { z } from 'zod';
export const baseValidator = z.object({ export const sampleValidator = z.object({
email: z.string().email({ email: z.string().email({
message: JSON.stringify({ key: 'validation:invalid_email' }), message: JSON.stringify({ key: 'validation:invalid_email' }),
}), }),
@@ -273,7 +273,7 @@ export const baseValidator = z.object({
}), }),
}); });
export type BaseValidatorType = z.infer<typeof baseValidator>; export type SampleValidatorType = z.infer<typeof sampleValidator>;
``` ```
### Applying the Validator ### Applying the Validator
@@ -284,15 +284,15 @@ When consuming these validators, use the `zodResolver` exported from `@repo/ui/f
import { useForm, type SubmitHandler } from 'react-hook-form'; import { useForm, type SubmitHandler } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod'; import { zodResolver } from '@hookform/resolvers/zod';
import { FieldTextInput } from '@repo/ui/form'; import { FieldTextInput } from '@repo/ui/form';
import { baseValidator, type BaseValidatorType } from '@repo/ui/validators'; import { sampleValidator, type SampleValidatorType } from '@repo/ui/validators';
function ExampleForm() { function ExampleForm() {
const { control, handleSubmit } = useForm<BaseValidatorType>({ const { control, handleSubmit } = useForm<SampleValidatorType>({
resolver: zodResolver(baseValidator), resolver: zodResolver(sampleValidator),
defaultValues: { email: '', name: '' }, defaultValues: { email: '', name: '' },
}); });
const onSubmit: SubmitHandler<BaseValidatorType> = (data) => console.log(data); const onSubmit: SubmitHandler<SampleValidatorType> = (data) => console.log(data);
return ( return (
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
packages/ui/src/validators/index.ts
+1 -1
View File
@@ -1 +1 @@
export * from './base.validator'; export * from './sample.validator';
packages/ui/src/validators/base.validator.ts → packages/ui/src/validators/sample.validator.ts
+2 -2
View File
@@ -1,6 +1,6 @@
import { z } from 'zod'; import { z } from 'zod';
export const baseValidator = z.object({ export const sampleValidator = z.object({
email: z.string().email({ email: z.string().email({
message: JSON.stringify({ key: 'validation:invalid_email' }), message: JSON.stringify({ key: 'validation:invalid_email' }),
}), }),
@@ -12,4 +12,4 @@ export const baseValidator = z.object({
}), }),
}); });
export type BaseValidatorType = z.infer<typeof baseValidator>; export type SampleValidatorType = z.infer<typeof sampleValidator>;