formik-validator-zod 2.0.1 → 2.1.1

package/README.md

@@ -3,37 +3,25 @@
 Allows you to easily validate [Formik](https://github.com/jaredpalmer/formik)
 forms with the power of [Zod](https://github.com/colinhacks/zod) schemas.
 
-WARNING: As of v2, this package uses native 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 or use v1 of
-this package.
+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
 
-This package is published both on [NPM](https://www.npmjs.com) and
-[JSR](https://jsr.io/).
-
 To install from NPM:
 
 ```sh
 npm install formik-validator-zod
 
+pnpm add formik-validator-zod
+
 yarn add formik-validator-zod
 
 bun add formik-validator-zod
 ```
 
-To install from JSR:
-
-```sh
-npx jsr add @glazy/formik-validator-zod
-
-yarn dlx jsr add @glazy/formik-validator-zod
-
-bunx jsr add @glazy/formik-validator-zod
-```
-
-## Example
+## Usage
 
 ```jsx
 import { Formik } from 'formik'
@@ -54,3 +42,12 @@ const MyForm = () => {
   )
 }
 ```
+
+## Is this library still maintained?
+
+Yes! This library is used in a couple of production codebases that I'm aware of,
+including my current employers.
+
+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.

package/dist/index.js

@@ -1,3 +1,4 @@
+import merge from 'deepmerge';
 /**
  * Allows you to easily use Zod schemas with the <Formik /> component `validate`
  * prop.
@@ -11,7 +12,14 @@ export const withZodSchema = (schema, params) => (values) => {
     if (result.success)
         return {};
     return result.error.issues.reduce((acc, curr) => {
-        const key = curr.path.join('.');
+        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 });
     }, {});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formik-validator-zod",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "description": "Helper to simplify validating Formik values with Zod",
   "type": "module",
   "main": "dist/index.js",
@@ -34,5 +34,8 @@
   "peerDependencies": {
     "formik": "^2.2.9",
     "zod": "^3.19.1"
+  },
+  "dependencies": {
+    "deepmerge": "^4.3.1"
   }
 }

package/jsr.json

@@ -1,6 +0,0 @@
-{
-  "name": "@glazy/formik-validator-zod",
-  "version": "2.0.1",
-  "exports": "./lib/index.ts",
-  "exclude": ["test/**", "package-lock.json", "tsconfig.json"]
-}