zod-form-data
Version:
Validation helpers for [zod](https://github.com/colinhacks/zod) specifically for parsing `FormData` or `URLSearchParams`. This is particularly useful when using [Remix](https://github.com/remix-run/remix) and combos well with [remix-validated-form](https:
70 lines (69 loc) • 3.37 kB
TypeScript
import { z, ZodArray, ZodEffects, ZodNumber, ZodObject, ZodString, ZodTypeAny } from "zod";
type InputType<DefaultType extends ZodTypeAny> = {
(): ZodEffects<DefaultType, DefaultType["_output"], unknown>;
<ProvidedType extends ZodTypeAny>(schema: ProvidedType): ZodEffects<ProvidedType, ProvidedType["_output"], unknown>;
};
/**
* Transforms any empty strings to `undefined` before validating.
* This makes it so empty strings will fail required checks,
* allowing you to use `optional` for optional fields instead of `nonempty` for required fields.
* If you call `zfd.text` with no arguments, it will assume the field is a required string by default.
* If you want to customize the schema, you can pass that as an argument.
*/
export declare const text: InputType<ZodString>;
/**
* Coerces numerical strings to numbers transforms empty strings to `undefined` before validating.
* If you call `zfd.number` with no arguments,
* it will assume the field is a required number by default.
* If you want to customize the schema, you can pass that as an argument.
*/
export declare const numeric: InputType<ZodNumber>;
type CheckboxOpts = {
trueValue?: string;
};
/**
* Turns the value from a checkbox field into a boolean,
* but does not require the checkbox to be checked.
* For checkboxes with a `value` attribute, you can pass that as the `trueValue` option.
*
* @example
* ```ts
* const schema = zfd.formData({
* defaultCheckbox: zfd.checkbox(),
* checkboxWithValue: zfd.checkbox({ trueValue: "true" }),
* mustBeTrue: zfd
* .checkbox()
* .refine((val) => val, "Please check this box"),
* });
* });
* ```
*/
export declare const checkbox: ({ trueValue }?: CheckboxOpts) => z.ZodUnion<[z.ZodEffects<z.ZodLiteral<string>, boolean, string>, z.ZodEffects<z.ZodLiteral<undefined>, boolean, undefined>]>;
export declare const file: InputType<z.ZodType<File>>;
/**
* Preprocesses a field where you expect multiple values could be present for the same field name
* and transforms the value of that field to always be an array.
* If you don't provide a schema, it will assume the field is an array of zfd.text fields
* and will not require any values to be present.
*/
export declare const repeatable: InputType<ZodArray<any>>;
/**
* A convenience wrapper for repeatable.
* Instead of passing the schema for an entire array, you pass in the schema for the item type.
*/
export declare const repeatableOfType: <T extends z.ZodTypeAny>(schema: T) => z.ZodEffects<z.ZodArray<T, "many">, T["_output"], unknown>;
type FormDataType = {
<T extends z.ZodRawShape>(shape: T): ZodEffects<ZodObject<T>, ZodObject<T>["_output"], unknown>;
<T extends z.ZodTypeAny>(schema: T): ZodEffects<T, T["_output"], unknown>;
};
export declare const json: <T extends z.ZodTypeAny>(schema: T) => z.ZodEffects<T, T["_output"], T["_input"]>;
export declare const preprocessFormData: (formData: unknown) => Record<string, unknown>;
/**
* This helper takes the place of the `z.object` at the root of your schema.
* It wraps your schema in a `z.preprocess` that extracts all the data out of a `FormData`
* and transforms it into a regular object.
* If the `FormData` contains multiple entries with the same field name,
* it will automatically turn that field into an array.
*/
export declare const formData: FormDataType;
export {};