formik-validation-adaptors
Version:
A lightweight utility to integrate Zod and Joi validation with Formik.
57 lines (56 loc) • 2.2 kB
JavaScript
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;