formik-validator-zod 2.1.1 → 3.0.0

package/README.md

@@ -3,10 +3,6 @@
 Allows you to easily validate [Formik](https://github.com/jaredpalmer/formik)
 forms with the power of [Zod](https://github.com/colinhacks/zod) schemas.
 
-As of v2.0, this package uses ESM and no longer provides a CommonJS export. If
-this is something you need, you should be able to use the
-[dynamic import](https://v8.dev/features/dynamic-import) function.
-
 ## Installation
 
 To install from NPM:
@@ -29,7 +25,7 @@ import { z } from 'zod'
 import { withZodSchema } from 'formik-validator-zod'
 
 const mySchema = z.object({
-  email: z.string().email(),
+  email: z.email(),
   name: z.string(),
   age: z.number(),
 })
@@ -43,11 +39,17 @@ const MyForm = () => {
 }
 ```
 
-## Is this library still maintained?
+## Zod version support
+
+| formik-validator-zod | Zod       |
+| -------------------- | --------- |
+| `3.x`                | `^4.0.0`  |
+| `2.x`                | `^3.19.1` |
 
-Yes! This library is used in a couple of production codebases that I'm aware of,
-including my current employers.
+Version 3 of this library targets Zod 4. If you are still on Zod 3, stay on
+`formik-validator-zod@2`.
+
+## Is this library still maintained?
 
-I don't expect the library will need a lot of active maintenance going forwards.
-This is due to its limited scope and the fact Formik itself seems to be
-abandoned.
+Yes. The library is small and stable, and it is kept up to date with new Zod
+releases. Issues and pull requests are welcome.

package/dist/cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withZodSchema = void 0;
+const deepmerge_1 = __importDefault(require("deepmerge"));
+/**
+ * Allows you to easily use Zod schemas with the <Formik /> component `validate`
+ * prop.
+ *
+ * ```js
+ * <Formik {...} validate={withZodSchema(yourSchema)}>
+ * ```
+ */
+const withZodSchema = (schema, params) => (values) => {
+    const result = schema.safeParse(values, params);
+    if (result.success)
+        return {};
+    return result.error.issues.reduce((acc, curr) => {
+        return (0, deepmerge_1.default)(acc, curr.path.reduceRight((errors, pathSegment) => ({
+            [pathSegment]: !Object.keys(errors).length ? curr.message : errors,
+        }), {}));
+    }, {});
+};
+exports.withZodSchema = withZodSchema;

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/esm/index.d.ts

@@ -0,0 +1,12 @@
+import type { ZodType } from 'zod';
+type ParseParams = Parameters<ZodType['safeParse']>[1];
+/**
+ * Allows you to easily use Zod schemas with the <Formik /> component `validate`
+ * prop.
+ *
+ * ```js
+ * <Formik {...} validate={withZodSchema(yourSchema)}>
+ * ```
+ */
+export declare const withZodSchema: <T>(schema: ZodType<T>, params?: ParseParams) => (values: T) => Partial<T>;
+export {};

package/dist/{index.js → esm/index.js}

@@ -12,14 +12,8 @@ export const withZodSchema = (schema, params) => (values) => {
     if (result.success)
         return {};
     return result.error.issues.reduce((acc, curr) => {
-        if (curr.path.length) {
-            return merge(acc, curr.path.reduceRight((errors, pathSegment) => ({
-                [pathSegment]: !Object.keys(errors).length
-                    ? curr.message
-                    : errors,
-            }), {}));
-        }
-        const key = curr.path[0];
-        return Object.assign(Object.assign({}, acc), { [key]: curr.message });
+        return merge(acc, curr.path.reduceRight((errors, pathSegment) => ({
+            [pathSegment]: !Object.keys(errors).length ? curr.message : errors,
+        }), {}));
     }, {});
 };

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "formik-validator-zod",
-  "version": "2.1.1",
+  "version": "3.0.0",
   "description": "Helper to simplify validating Formik values with Zod",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    "import": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js"
+  },
   "scripts": {
     "prepare": "husky install",
-    "build": "tsc",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:cjs": "tsc -p tsconfig.cjs.json && echo '{\"type\":\"commonjs\"}' > dist/cjs/package.json",
+    "build": "npm-run-all -p build:esm build:cjs",
     "test": "vitest"
   },
   "keywords": [
@@ -20,20 +25,21 @@
   "author": "Luke Glazebrook <Glazy@users.noreply.github.com>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/glazy/formik-validator-zod.git"
+    "url": "git+https://github.com/Glazy/formik-validator-zod.git"
   },
   "license": "MIT",
   "devDependencies": {
     "formik": "^2.2.9",
     "husky": "^8.0.0",
+    "npm-run-all": "^4.1.5",
     "pretty-quick": "^3.1.3",
-    "typescript": "^4.8.4",
+    "typescript": "^5.9.3",
     "vitest": "^0.24.3",
-    "zod": "^3.19.1"
+    "zod": "^4.0.0"
   },
   "peerDependencies": {
     "formik": "^2.2.9",
-    "zod": "^3.19.1"
+    "zod": "^4.0.0"
   },
   "dependencies": {
     "deepmerge": "^4.3.1"

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-import type { ZodSchema, ParseParams } from 'zod';
-/**
- * Allows you to easily use Zod schemas with the <Formik /> component `validate`
- * prop.
- *
- * ```js
- * <Formik {...} validate={withZodSchema(yourSchema)}>
- * ```
- */
-export declare const withZodSchema: <T>(schema: ZodSchema<T, import("zod").ZodTypeDef, T>, params?: Partial<ParseParams>) => (values: T) => Partial<T>;