UNPKG

formik-validation-adaptors

Version:

A lightweight utility to integrate Zod and Joi validation with Formik.

57 lines (56 loc) 2.2 kB
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; /** * A Formik-compatible validation function using Vest. * * @param {Suite<string, string, (data: any) => void>} suite - The Vest test suite used for validation. * @returns A validation function for Formik, returning validation errors as an object. * * @example * ```ts * import vest, { test, create } from "vest"; * import formikVestValidator from "./formikVestValidator"; * * // Define a Vest validation suite * const suite = create((data) => { * test("name", "Name is required", () => { * enforce(data.name).isNotEmpty(); * }); * * test("email", "Invalid email format", () => { * enforce(data.email).matches(/^[\w-.]+@([\w-]+\.)+[\w-]{2,4}$/); * }); * }); * * // Use in Formik * const formik = useFormik({ * initialValues: { name: "", email: "" }, * validate: formikVestValidator(suite), * onSubmit: (values) => console.log(values), * }); * ``` */ const formikVestValidator = (suite) => { return (values) => __awaiter(void 0, void 0, void 0, function* () { var _a; const result = suite(values); if (result.isValid()) return {}; const errors = result.getErrors(); const formattedErrors = {}; for (const key in errors) { if (((_a = errors[key]) === null || _a === void 0 ? void 0 : _a.length) > 0) { formattedErrors[key] = errors[key][0]; // Take the first error message } } return formattedErrors; }); }; export default formikVestValidator;