@hookform/resolvers 2.0.0-rc.1 → 2.0.0

package/yup/src/__tests__/__snapshots__/yup.ts.snap

@@ -0,0 +1,221 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`yupResolver should return a single error from yupResolver when validation fails 1`] = `
+Object {
+  "errors": Object {
+    "birthYear": Object {
+      "message": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      "ref": undefined,
+      "type": "typeError",
+    },
+    "like": Array [
+      Object {
+        "id": Object {
+          "message": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          "ref": undefined,
+          "type": "typeError",
+        },
+        "name": Object {
+          "message": "like[0].name is a required field",
+          "ref": undefined,
+          "type": "required",
+        },
+      },
+    ],
+    "password": Object {
+      "message": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "matches",
+    },
+    "username": Object {
+      "message": "username is a required field",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "required",
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`yupResolver should return a single error from yupResolver with \`mode: sync\` when validation fails 1`] = `
+Object {
+  "errors": Object {
+    "birthYear": Object {
+      "message": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      "ref": undefined,
+      "type": "typeError",
+    },
+    "like": Array [
+      Object {
+        "id": Object {
+          "message": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          "ref": undefined,
+          "type": "typeError",
+        },
+        "name": Object {
+          "message": "like[0].name is a required field",
+          "ref": undefined,
+          "type": "required",
+        },
+      },
+    ],
+    "password": Object {
+      "message": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "matches",
+    },
+    "username": Object {
+      "message": "username is a required field",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "required",
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`yupResolver should return all the errors from yupResolver when validation fails with \`validateAllFieldCriteria\` set to true 1`] = `
+Object {
+  "errors": Object {
+    "birthYear": Object {
+      "message": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      "ref": undefined,
+      "type": "typeError",
+      "types": Object {
+        "typeError": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      },
+    },
+    "like": Array [
+      Object {
+        "id": Object {
+          "message": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          "ref": undefined,
+          "type": "typeError",
+          "types": Object {
+            "typeError": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          },
+        },
+        "name": Object {
+          "message": "like[0].name is a required field",
+          "ref": undefined,
+          "type": "required",
+          "types": Object {
+            "required": "like[0].name is a required field",
+          },
+        },
+      },
+    ],
+    "password": Object {
+      "message": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "matches",
+      "types": Object {
+        "matches": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      },
+    },
+    "username": Object {
+      "message": "username is a required field",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "required",
+      "types": Object {
+        "required": "username is a required field",
+      },
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`yupResolver should return all the errors from yupResolver when validation fails with \`validateAllFieldCriteria\` set to true and \`mode: sync\` 1`] = `
+Object {
+  "errors": Object {
+    "birthYear": Object {
+      "message": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      "ref": undefined,
+      "type": "typeError",
+      "types": Object {
+        "typeError": "birthYear must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"birthYear\\"\`).",
+      },
+    },
+    "like": Array [
+      Object {
+        "id": Object {
+          "message": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          "ref": undefined,
+          "type": "typeError",
+          "types": Object {
+            "typeError": "like[0].id must be a \`number\` type, but the final value was: \`NaN\` (cast from the value \`\\"z\\"\`).",
+          },
+        },
+        "name": Object {
+          "message": "like[0].name is a required field",
+          "ref": undefined,
+          "type": "required",
+          "types": Object {
+            "required": "like[0].name is a required field",
+          },
+        },
+      },
+    ],
+    "password": Object {
+      "message": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "matches",
+      "types": Object {
+        "matches": "password must match the following: \\"/^[a-zA-Z0-9]{3,30}/\\"",
+      },
+    },
+    "username": Object {
+      "message": "username is a required field",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "required",
+      "types": Object {
+        "required": "username is a required field",
+      },
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`yupResolver should return an error from yupResolver when validation fails and pass down the yup context 1`] = `
+Object {
+  "errors": Object {
+    "name": Object {
+      "message": "name must be at least 6 characters",
+      "ref": undefined,
+      "type": "min",
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`yupResolver should return correct error message with using yup.test 1`] = `
+Object {
+  "errors": Object {
+    "": Object {
+      "message": "Email or name are required",
+      "ref": undefined,
+      "type": "name",
+    },
+  },
+  "values": Object {},
+}
+`;

package/yup/src/__tests__/yup.ts

@@ -0,0 +1,150 @@
+/* eslint-disable no-console, @typescript-eslint/ban-ts-comment */
+import * as yup from 'yup';
+import { yupResolver } from '..';
+import { schema, validData, fields, invalidData } from './__fixtures__/data';
+
+describe('yupResolver', () => {
+  it('should return values from yupResolver when validation pass', async () => {
+    const schemaSpy = jest.spyOn(schema, 'validate');
+    const schemaSyncSpy = jest.spyOn(schema, 'validateSync');
+
+    const result = await yupResolver(schema)(validData, undefined, {
+      fields,
+    });
+
+    expect(schemaSpy).toHaveBeenCalledTimes(1);
+    expect(schemaSyncSpy).not.toHaveBeenCalled();
+    expect(result).toEqual({ errors: {}, values: validData });
+  });
+
+  it('should return values from yupResolver with `mode: sync` when validation pass', async () => {
+    const validateSyncSpy = jest.spyOn(schema, 'validateSync');
+    const validateSpy = jest.spyOn(schema, 'validate');
+
+    const result = await yupResolver(schema, undefined, {
+      mode: 'sync',
+    })(validData, undefined, { fields });
+
+    expect(validateSyncSpy).toHaveBeenCalledTimes(1);
+    expect(validateSpy).not.toHaveBeenCalled();
+    expect(result).toEqual({ errors: {}, values: validData });
+  });
+
+  it('should return a single error from yupResolver when validation fails', async () => {
+    const result = await yupResolver(schema)(invalidData, undefined, {
+      fields,
+    });
+
+    expect(result).toMatchSnapshot();
+  });
+
+  it('should return a single error from yupResolver with `mode: sync` when validation fails', async () => {
+    const validateSyncSpy = jest.spyOn(schema, 'validateSync');
+    const validateSpy = jest.spyOn(schema, 'validate');
+
+    const result = await yupResolver(schema, undefined, {
+      mode: 'sync',
+    })(invalidData, undefined, { fields });
+
+    expect(validateSyncSpy).toHaveBeenCalledTimes(1);
+    expect(validateSpy).not.toHaveBeenCalled();
+    expect(result).toMatchSnapshot();
+  });
+
+  it('should return all the errors from yupResolver when validation fails with `validateAllFieldCriteria` set to true', async () => {
+    const result = await yupResolver(schema)(invalidData, undefined, {
+      fields,
+      criteriaMode: 'all',
+    });
+
+    expect(result).toMatchSnapshot();
+  });
+
+  it('should return all the errors from yupResolver when validation fails with `validateAllFieldCriteria` set to true and `mode: sync`', async () => {
+    const result = await yupResolver(schema, undefined, { mode: 'sync' })(
+      invalidData,
+      undefined,
+      {
+        fields,
+        criteriaMode: 'all',
+      },
+    );
+
+    expect(result).toMatchSnapshot();
+  });
+
+  it('should return an error from yupResolver when validation fails and pass down the yup context', async () => {
+    const data = { name: 'eric' };
+    const context = { min: true };
+    const schemaWithContext = yup.object({
+      name: yup
+        .string()
+        .required()
+        .when('$min', (min: boolean, schema: yup.StringSchema) => {
+          return min ? schema.min(6) : schema;
+        }),
+    });
+
+    const validateSpy = jest.spyOn(schemaWithContext, 'validate');
+
+    const result = await yupResolver(schemaWithContext)(data, context, {
+      fields,
+    });
+    expect(validateSpy).toHaveBeenCalledTimes(1);
+    expect(validateSpy).toHaveBeenCalledWith(
+      data,
+      expect.objectContaining({
+        abortEarly: false,
+        context,
+      }),
+    );
+    expect(result).toMatchSnapshot();
+  });
+
+  it('should show a warning log if yup context is used instead only on dev environment', async () => {
+    jest.spyOn(console, 'warn').mockImplementation(jest.fn);
+    process.env.NODE_ENV = 'development';
+
+    await yupResolver(yup.object(), { context: { noContext: true } })(
+      {},
+      undefined,
+      {
+        fields,
+      },
+    );
+    expect(console.warn).toHaveBeenCalledWith(
+      "You should not used the yup options context. Please, use the 'useForm' context object instead",
+    );
+    process.env.NODE_ENV = 'test';
+  });
+
+  it('should not show a warning log if yup context is used instead only on production environment', async () => {
+    jest.spyOn(console, 'warn').mockImplementation(jest.fn);
+    process.env.NODE_ENV = 'production';
+
+    await yupResolver(yup.object(), { context: { noContext: true } })(
+      {},
+      undefined,
+      { fields },
+    );
+    expect(console.warn).not.toHaveBeenCalled();
+    process.env.NODE_ENV = 'test';
+  });
+
+  it('should return correct error message with using yup.test', async () => {
+    const result = await yupResolver(
+      yup
+        .object({
+          name: yup.string(),
+          email: yup.string(),
+        })
+        .test(
+          'name',
+          'Email or name are required',
+          (value) => !!(value && (value.name || value.email)),
+        ),
+    )({ name: '', email: '' }, undefined, { fields });
+
+    expect(result).toMatchSnapshot();
+  });
+});

package/yup/src/index.ts

@@ -0,0 +1,2 @@
+export * from './yup';
+export * from './types';

package/yup/src/types.ts

@@ -0,0 +1,22 @@
+import {
+  FieldValues,
+  ResolverOptions,
+  ResolverResult,
+  UnpackNestedValue,
+} from 'react-hook-form';
+import * as Yup from 'yup';
+import type Lazy from 'yup/lib/Lazy';
+
+type Options<T extends Yup.AnyObjectSchema | Lazy<any>> = Parameters<
+  T['validate']
+>[1];
+
+export type Resolver = <T extends Yup.AnyObjectSchema | Lazy<any>>(
+  schema: T,
+  schemaOptions?: Options<T>,
+  factoryOptions?: { mode?: 'async' | 'sync' },
+) => <TFieldValues extends FieldValues, TContext>(
+  values: UnpackNestedValue<TFieldValues>,
+  context: TContext | undefined,
+  options: ResolverOptions<TFieldValues>,
+) => Promise<ResolverResult<TFieldValues>>;

package/yup/src/yup.ts

@@ -0,0 +1,65 @@
+import Yup from 'yup';
+import { toNestError } from '@hookform/resolvers';
+import { appendErrors, FieldError } from 'react-hook-form';
+import { Resolver } from './types';
+
+/**
+ * Why `path!` ? because it could be `undefined` in some case
+ * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string
+ */
+const parseErrorSchema = (
+  error: Yup.ValidationError,
+  validateAllFieldCriteria: boolean,
+) => {
+  return error.inner.reduce<Record<string, FieldError>>((previous, error) => {
+    if (!previous[error.path!]) {
+      previous[error.path!] = { message: error.message, type: error.type! };
+    }
+
+    if (validateAllFieldCriteria) {
+      previous[error.path!] = appendErrors(
+        error.path!,
+        validateAllFieldCriteria,
+        previous,
+        error.type!,
+        error.message,
+      ) as FieldError;
+    }
+
+    return previous;
+  }, {});
+};
+
+export const yupResolver: Resolver = (
+  schema,
+  schemaOptions = {
+    abortEarly: false,
+  },
+  resolverOptions = {},
+) => async (values, context, options) => {
+  try {
+    if (schemaOptions.context && process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line no-console
+      console.warn(
+        "You should not used the yup options context. Please, use the 'useForm' context object instead",
+      );
+    }
+
+    const result = await schema[
+      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'
+    ](values, Object.assign({}, schemaOptions, { context }));
+
+    return {
+      values: result,
+      errors: {},
+    };
+  } catch (e) {
+    return {
+      values: {},
+      errors: toNestError(
+        parseErrorSchema(e, options.criteriaMode === 'all'),
+        options.fields,
+      ),
+    };
+  }
+};

package/zod/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './zod';
+export * from './types';

package/zod/dist/types.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, ResolverResult, UnpackNestedValue, ResolverOptions } from 'react-hook-form';
+import * as z from 'zod';
+import type { ParseParams } from 'zod/lib/src/parser';
+export declare type Resolver = <T extends z.ZodSchema<any, any>>(schema: T, schemaOptions?: ParseParams, factoryOptions?: {
+    mode?: 'async' | 'sync';
+}) => <TFieldValues extends FieldValues, TContext>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;

package/zod/dist/zod.d.ts

@@ -0,0 +1,2 @@
+import type { Resolver } from './types';
+export declare const zodResolver: Resolver;

package/zod/dist/zod.js

@@ -0,0 +1,2 @@
+var r=require("react-hook-form"),e=require("@hookform/resolvers"),o=function(e,o){for(var n={};e.length;){var t=e[0],s=t.code,u=t.message,i=t.path.join(".");n[i]||(n[i]={message:u,type:s}),"unionErrors"in t&&t.unionErrors.forEach(function(r){return r.errors.forEach(function(r){return e.push(r)})}),o&&(n[i]=r.appendErrors(i,o,n,s,u)),e.shift()}return n};exports.zodResolver=function(r,n,t){return void 0===t&&(t={}),function(s,u,i){try{return Promise.resolve(function(e,o){try{var u=Promise.resolve(r["sync"===t.mode?"parse":"parseAsync"](s,n)).then(function(r){return{errors:{},values:r}})}catch(r){return o(r)}return u&&u.then?u.then(void 0,o):u}(0,function(r){return{values:{},errors:r.isEmpty?{}:e.toNestError(o(r.errors,"all"===i.criteriaMode),i.fields)}}))}catch(r){return Promise.reject(r)}}};
+//# sourceMappingURL=zod.js.map

package/zod/dist/zod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.js","sources":["../src/zod.ts"],"sourcesContent":["import { appendErrors, FieldError } from 'react-hook-form';\nimport * as z from 'zod';\nimport { toNestError } from '@hookform/resolvers';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  zodErrors: z.ZodSuberror[],\n  validateAllFieldCriteria: boolean,\n) => {\n  const errors: Record<string, FieldError> = {};\n  for (; zodErrors.length; ) {\n    const error = zodErrors[0];\n    const { code, message, path } = error;\n    const _path = path.join('.');\n\n    if (!errors[_path]) {\n      errors[_path] = { message, type: code };\n    }\n\n    if ('unionErrors' in error) {\n      error.unionErrors.forEach((unionError) =>\n        unionError.errors.forEach((e) => zodErrors.push(e)),\n      );\n    }\n\n    if (validateAllFieldCriteria) {\n      errors[_path] = appendErrors(\n        _path,\n        validateAllFieldCriteria,\n        errors,\n        code,\n        message,\n      ) as FieldError;\n    }\n\n    zodErrors.shift();\n  }\n\n  return errors;\n};\n\nexport const zodResolver: Resolver = (\n  schema,\n  schemaOptions,\n  resolverOptions = {},\n) => async (values, _, options) => {\n  try {\n    return {\n      errors: {},\n      values: await schema[\n        resolverOptions.mode === 'sync' ? 'parse' : 'parseAsync'\n      ](values, schemaOptions),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: error.isEmpty\n        ? {}\n        : toNestError(\n            parseErrorSchema(error.errors, options.criteriaMode === 'all'),\n            options.fields,\n          ),\n    };\n  }\n};\n"],"names":["parseErrorSchema","zodErrors","validateAllFieldCriteria","errors","length","error","code","message","_path","path","join","type","unionErrors","forEach","unionError","e","push","appendErrors","shift","schema","schemaOptions","resolverOptions","values","_","options","mode","isEmpty","toNestError","criteriaMode","fields"],"mappings":"kEAKMA,EAAmB,SACvBC,EACAC,GAGA,IADA,IAAMC,EAAqC,GACpCF,EAAUG,QAAU,CACzB,IAAMC,EAAQJ,EAAU,GAChBK,EAAwBD,EAAxBC,KAAMC,EAAkBF,EAAlBE,QACRC,EAD0BH,EAATI,KACJC,KAAK,KAEnBP,EAAOK,KACVL,EAAOK,GAAS,CAAED,QAAAA,EAASI,KAAML,IAG/B,gBAAiBD,GACnBA,EAAMO,YAAYC,QAAQ,SAACC,UACzBA,EAAWX,OAAOU,QAAQ,SAACE,UAAMd,EAAUe,KAAKD,OAIhDb,IACFC,EAAOK,GAASS,eACdT,EACAN,EACAC,EACAG,EACAC,IAIJN,EAAUiB,QAGZ,OAAOf,uBAG4B,SACnCgB,EACAC,EACAC,mBAAAA,IAAAA,EAAkB,aACRC,EAAQC,EAAGC,sEAIHL,EACa,SAAzBE,EAAgBI,KAAkB,QAAU,cAC5CH,EAAQF,qBAJZ,MAAO,CACLjB,OAAQ,GACRmB,iFAIKjB,GACP,MAAO,CACLiB,OAAQ,GACRnB,OAAQE,EAAMqB,QACV,GACAC,cACE3B,EAAiBK,EAAMF,OAAiC,QAAzBqB,EAAQI,cACvCJ,EAAQK,YAnBiB"}

package/zod/dist/zod.mjs

@@ -0,0 +1,2 @@
+import{appendErrors as r}from"react-hook-form";import{toNestError as e}from"@hookform/resolvers";var o=function(e,o){for(var n={};e.length;){var t=e[0],s=t.code,i=t.message,u=t.path.join(".");n[u]||(n[u]={message:i,type:s}),"unionErrors"in t&&t.unionErrors.forEach(function(r){return r.errors.forEach(function(r){return e.push(r)})}),o&&(n[u]=r(u,o,n,s,i)),e.shift()}return n},n=function(r,n,t){return void 0===t&&(t={}),function(s,i,u){try{return Promise.resolve(function(e,o){try{var i=Promise.resolve(r["sync"===t.mode?"parse":"parseAsync"](s,n)).then(function(r){return{errors:{},values:r}})}catch(r){return o(r)}return i&&i.then?i.then(void 0,o):i}(0,function(r){return{values:{},errors:r.isEmpty?{}:e(o(r.errors,"all"===u.criteriaMode),u.fields)}}))}catch(r){return Promise.reject(r)}}};export{n as zodResolver};
+//# sourceMappingURL=zod.module.js.map

package/zod/dist/zod.modern.js

@@ -0,0 +1,2 @@
+import{appendErrors as r}from"react-hook-form";import{toNestError as o}from"@hookform/resolvers";const e=(o,e)=>{const s={};for(;o.length;){const t=o[0],{code:a,message:n,path:c}=t,i=c.join(".");s[i]||(s[i]={message:n,type:a}),"unionErrors"in t&&t.unionErrors.forEach(r=>r.errors.forEach(r=>o.push(r))),e&&(s[i]=r(i,e,s,a,n)),o.shift()}return s},s=(r,s,t={})=>async(a,n,c)=>{try{return{errors:{},values:await r["sync"===t.mode?"parse":"parseAsync"](a,s)}}catch(r){return{values:{},errors:r.isEmpty?{}:o(e(r.errors,"all"===c.criteriaMode),c.fields)}}};export{s as zodResolver};
+//# sourceMappingURL=zod.modern.js.map

package/zod/dist/zod.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.modern.js","sources":["../src/zod.ts"],"sourcesContent":["import { appendErrors, FieldError } from 'react-hook-form';\nimport * as z from 'zod';\nimport { toNestError } from '@hookform/resolvers';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  zodErrors: z.ZodSuberror[],\n  validateAllFieldCriteria: boolean,\n) => {\n  const errors: Record<string, FieldError> = {};\n  for (; zodErrors.length; ) {\n    const error = zodErrors[0];\n    const { code, message, path } = error;\n    const _path = path.join('.');\n\n    if (!errors[_path]) {\n      errors[_path] = { message, type: code };\n    }\n\n    if ('unionErrors' in error) {\n      error.unionErrors.forEach((unionError) =>\n        unionError.errors.forEach((e) => zodErrors.push(e)),\n      );\n    }\n\n    if (validateAllFieldCriteria) {\n      errors[_path] = appendErrors(\n        _path,\n        validateAllFieldCriteria,\n        errors,\n        code,\n        message,\n      ) as FieldError;\n    }\n\n    zodErrors.shift();\n  }\n\n  return errors;\n};\n\nexport const zodResolver: Resolver = (\n  schema,\n  schemaOptions,\n  resolverOptions = {},\n) => async (values, _, options) => {\n  try {\n    return {\n      errors: {},\n      values: await schema[\n        resolverOptions.mode === 'sync' ? 'parse' : 'parseAsync'\n      ](values, schemaOptions),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: error.isEmpty\n        ? {}\n        : toNestError(\n            parseErrorSchema(error.errors, options.criteriaMode === 'all'),\n            options.fields,\n          ),\n    };\n  }\n};\n"],"names":["parseErrorSchema","zodErrors","validateAllFieldCriteria","errors","length","error","code","message","path","_path","join","type","unionErrors","forEach","unionError","e","push","appendErrors","shift","zodResolver","schema","schemaOptions","resolverOptions","async","values","_","options","mode","isEmpty","toNestError","criteriaMode","fields"],"mappings":"iGAKA,MAAMA,EAAmB,CACvBC,EACAC,KAEA,MAAMC,EAAqC,GAC3C,KAAOF,EAAUG,QAAU,CACzB,MAAMC,EAAQJ,EAAU,IAClBK,KAAEA,EAAFC,QAAQA,EAARC,KAAiBA,GAASH,EAC1BI,EAAQD,EAAKE,KAAK,KAEnBP,EAAOM,KACVN,EAAOM,GAAS,CAAEF,QAAAA,EAASI,KAAML,IAG/B,gBAAiBD,GACnBA,EAAMO,YAAYC,QAASC,GACzBA,EAAWX,OAAOU,QAASE,GAAMd,EAAUe,KAAKD,KAIhDb,IACFC,EAAOM,GAASQ,EACdR,EACAP,EACAC,EACAG,EACAC,IAIJN,EAAUiB,QAGZ,OAAOf,GAGIgB,EAAwB,CACnCC,EACAC,EACAC,EAAkB,KACfC,MAAOC,EAAQC,EAAGC,KACrB,IACE,MAAO,CACLvB,OAAQ,GACRqB,aAAcJ,EACa,SAAzBE,EAAgBK,KAAkB,QAAU,cAC5CH,EAAQH,IAEZ,MAAOhB,GACP,MAAO,CACLmB,OAAQ,GACRrB,OAAQE,EAAMuB,QACV,GACAC,EACE7B,EAAiBK,EAAMF,OAAiC,QAAzBuB,EAAQI,cACvCJ,EAAQK"}

package/zod/dist/zod.module.js

@@ -0,0 +1,2 @@
+import{appendErrors as r}from"react-hook-form";import{toNestError as e}from"@hookform/resolvers";var o=function(e,o){for(var n={};e.length;){var t=e[0],s=t.code,i=t.message,u=t.path.join(".");n[u]||(n[u]={message:i,type:s}),"unionErrors"in t&&t.unionErrors.forEach(function(r){return r.errors.forEach(function(r){return e.push(r)})}),o&&(n[u]=r(u,o,n,s,i)),e.shift()}return n},n=function(r,n,t){return void 0===t&&(t={}),function(s,i,u){try{return Promise.resolve(function(e,o){try{var i=Promise.resolve(r["sync"===t.mode?"parse":"parseAsync"](s,n)).then(function(r){return{errors:{},values:r}})}catch(r){return o(r)}return i&&i.then?i.then(void 0,o):i}(0,function(r){return{values:{},errors:r.isEmpty?{}:e(o(r.errors,"all"===u.criteriaMode),u.fields)}}))}catch(r){return Promise.reject(r)}}};export{n as zodResolver};
+//# sourceMappingURL=zod.module.js.map

package/zod/dist/zod.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.module.js","sources":["../src/zod.ts"],"sourcesContent":["import { appendErrors, FieldError } from 'react-hook-form';\nimport * as z from 'zod';\nimport { toNestError } from '@hookform/resolvers';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  zodErrors: z.ZodSuberror[],\n  validateAllFieldCriteria: boolean,\n) => {\n  const errors: Record<string, FieldError> = {};\n  for (; zodErrors.length; ) {\n    const error = zodErrors[0];\n    const { code, message, path } = error;\n    const _path = path.join('.');\n\n    if (!errors[_path]) {\n      errors[_path] = { message, type: code };\n    }\n\n    if ('unionErrors' in error) {\n      error.unionErrors.forEach((unionError) =>\n        unionError.errors.forEach((e) => zodErrors.push(e)),\n      );\n    }\n\n    if (validateAllFieldCriteria) {\n      errors[_path] = appendErrors(\n        _path,\n        validateAllFieldCriteria,\n        errors,\n        code,\n        message,\n      ) as FieldError;\n    }\n\n    zodErrors.shift();\n  }\n\n  return errors;\n};\n\nexport const zodResolver: Resolver = (\n  schema,\n  schemaOptions,\n  resolverOptions = {},\n) => async (values, _, options) => {\n  try {\n    return {\n      errors: {},\n      values: await schema[\n        resolverOptions.mode === 'sync' ? 'parse' : 'parseAsync'\n      ](values, schemaOptions),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: error.isEmpty\n        ? {}\n        : toNestError(\n            parseErrorSchema(error.errors, options.criteriaMode === 'all'),\n            options.fields,\n          ),\n    };\n  }\n};\n"],"names":["parseErrorSchema","zodErrors","validateAllFieldCriteria","errors","length","error","code","message","_path","path","join","type","unionErrors","forEach","unionError","e","push","appendErrors","shift","zodResolver","schema","schemaOptions","resolverOptions","values","_","options","mode","isEmpty","toNestError","criteriaMode","fields"],"mappings":"iGAKA,IAAMA,EAAmB,SACvBC,EACAC,GAGA,IADA,IAAMC,EAAqC,GACpCF,EAAUG,QAAU,CACzB,IAAMC,EAAQJ,EAAU,GAChBK,EAAwBD,EAAxBC,KAAMC,EAAkBF,EAAlBE,QACRC,EAD0BH,EAATI,KACJC,KAAK,KAEnBP,EAAOK,KACVL,EAAOK,GAAS,CAAED,QAAAA,EAASI,KAAML,IAG/B,gBAAiBD,GACnBA,EAAMO,YAAYC,QAAQ,SAACC,UACzBA,EAAWX,OAAOU,QAAQ,SAACE,UAAMd,EAAUe,KAAKD,OAIhDb,IACFC,EAAOK,GAASS,EACdT,EACAN,EACAC,EACAG,EACAC,IAIJN,EAAUiB,QAGZ,OAAOf,GAGIgB,EAAwB,SACnCC,EACAC,EACAC,mBAAAA,IAAAA,EAAkB,aACRC,EAAQC,EAAGC,sEAIHL,EACa,SAAzBE,EAAgBI,KAAkB,QAAU,cAC5CH,EAAQF,qBAJZ,MAAO,CACLlB,OAAQ,GACRoB,iFAIKlB,GACP,MAAO,CACLkB,OAAQ,GACRpB,OAAQE,EAAMsB,QACV,GACAC,EACE5B,EAAiBK,EAAMF,OAAiC,QAAzBsB,EAAQI,cACvCJ,EAAQK,YAnBiB"}

package/zod/dist/zod.umd.js

@@ -0,0 +1,2 @@
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react-hook-form"),require("@hookform/resolvers")):"function"==typeof define&&define.amd?define(["exports","react-hook-form","@hookform/resolvers"],e):e((r||self).hookformResolversZod={},r.reactHookForm,r.hookformResolvers)}(this,function(r,e,o){var n=function(r,o){for(var n={};r.length;){var t=r[0],s=t.code,i=t.message,f=t.path.join(".");n[f]||(n[f]={message:i,type:s}),"unionErrors"in t&&t.unionErrors.forEach(function(e){return e.errors.forEach(function(e){return r.push(e)})}),o&&(n[f]=e.appendErrors(f,o,n,s,i)),r.shift()}return n};r.zodResolver=function(r,e,t){return void 0===t&&(t={}),function(s,i,f){try{return Promise.resolve(function(o,n){try{var i=Promise.resolve(r["sync"===t.mode?"parse":"parseAsync"](s,e)).then(function(r){return{errors:{},values:r}})}catch(r){return n(r)}return i&&i.then?i.then(void 0,n):i}(0,function(r){return{values:{},errors:r.isEmpty?{}:o.toNestError(n(r.errors,"all"===f.criteriaMode),f.fields)}}))}catch(r){return Promise.reject(r)}}}});
+//# sourceMappingURL=zod.umd.js.map

package/zod/dist/zod.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.umd.js","sources":["../src/zod.ts"],"sourcesContent":["import { appendErrors, FieldError } from 'react-hook-form';\nimport * as z from 'zod';\nimport { toNestError } from '@hookform/resolvers';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  zodErrors: z.ZodSuberror[],\n  validateAllFieldCriteria: boolean,\n) => {\n  const errors: Record<string, FieldError> = {};\n  for (; zodErrors.length; ) {\n    const error = zodErrors[0];\n    const { code, message, path } = error;\n    const _path = path.join('.');\n\n    if (!errors[_path]) {\n      errors[_path] = { message, type: code };\n    }\n\n    if ('unionErrors' in error) {\n      error.unionErrors.forEach((unionError) =>\n        unionError.errors.forEach((e) => zodErrors.push(e)),\n      );\n    }\n\n    if (validateAllFieldCriteria) {\n      errors[_path] = appendErrors(\n        _path,\n        validateAllFieldCriteria,\n        errors,\n        code,\n        message,\n      ) as FieldError;\n    }\n\n    zodErrors.shift();\n  }\n\n  return errors;\n};\n\nexport const zodResolver: Resolver = (\n  schema,\n  schemaOptions,\n  resolverOptions = {},\n) => async (values, _, options) => {\n  try {\n    return {\n      errors: {},\n      values: await schema[\n        resolverOptions.mode === 'sync' ? 'parse' : 'parseAsync'\n      ](values, schemaOptions),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: error.isEmpty\n        ? {}\n        : toNestError(\n            parseErrorSchema(error.errors, options.criteriaMode === 'all'),\n            options.fields,\n          ),\n    };\n  }\n};\n"],"names":["parseErrorSchema","zodErrors","validateAllFieldCriteria","errors","length","error","code","message","_path","path","join","type","unionErrors","forEach","unionError","e","push","appendErrors","shift","schema","schemaOptions","resolverOptions","values","_","options","mode","isEmpty","toNestError","criteriaMode","fields"],"mappings":"wXAKA,IAAMA,EAAmB,SACvBC,EACAC,GAGA,IADA,IAAMC,EAAqC,GACpCF,EAAUG,QAAU,CACzB,IAAMC,EAAQJ,EAAU,GAChBK,EAAwBD,EAAxBC,KAAMC,EAAkBF,EAAlBE,QACRC,EAD0BH,EAATI,KACJC,KAAK,KAEnBP,EAAOK,KACVL,EAAOK,GAAS,CAAED,QAAAA,EAASI,KAAML,IAG/B,gBAAiBD,GACnBA,EAAMO,YAAYC,QAAQ,SAACC,UACzBA,EAAWX,OAAOU,QAAQ,SAACE,UAAMd,EAAUe,KAAKD,OAIhDb,IACFC,EAAOK,GAASS,eACdT,EACAN,EACAC,EACAG,EACAC,IAIJN,EAAUiB,QAGZ,OAAOf,iBAG4B,SACnCgB,EACAC,EACAC,mBAAAA,IAAAA,EAAkB,aACRC,EAAQC,EAAGC,sEAIHL,EACa,SAAzBE,EAAgBI,KAAkB,QAAU,cAC5CH,EAAQF,qBAJZ,MAAO,CACLjB,OAAQ,GACRmB,iFAIKjB,GACP,MAAO,CACLiB,OAAQ,GACRnB,OAAQE,EAAMqB,QACV,GACAC,cACE3B,EAAiBK,EAAMF,OAAiC,QAAzBqB,EAAQI,cACvCJ,EAAQK,YAnBiB"}

package/zod/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "zod",
+  "amdName": "hookformResolversZod",
+  "version": "1.0.0",
+  "private": true,
+  "description": "React Hook Form validation resolver: zod",
+  "main": "dist/zod.js",
+  "module": "dist/zod.module.js",
+  "umd:main": "dist/zod.umd.js",
+  "source": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "peerDependencies": {
+    "react-hook-form": "^7.0.0",
+    "@hookform/resolvers": "^1.0.0"
+  }
+}

package/zod/src/__tests__/Form.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { render, screen, act } from '@testing-library/react';
+import user from '@testing-library/user-event';
+import { useForm } from 'react-hook-form';
+import * as Zod from 'zod';
+import { zodResolver } from '..';
+
+const schema = Zod.object({
+  username: Zod.string().nonempty({ message: 'username field is required' }),
+  password: Zod.string().nonempty({ message: 'password field is required' }),
+});
+
+type FormData = Zod.infer<typeof schema> & { unusedProperty: string };
+
+interface Props {
+  onSubmit: (data: FormData) => void;
+}
+
+function TestComponent({ onSubmit }: Props) {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<FormData>({
+    resolver: zodResolver(schema), // Useful to check TypeScript regressions
+  });
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <input {...register('username')} />
+      {errors.username && <span role="alert">{errors.username.message}</span>}
+
+      <input {...register('password')} />
+      {errors.password && <span role="alert">{errors.password.message}</span>}
+
+      <button type="submit">submit</button>
+    </form>
+  );
+}
+
+test("form's validation with Zod and TypeScript's integration", async () => {
+  const handleSubmit = jest.fn();
+  render(<TestComponent onSubmit={handleSubmit} />);
+
+  expect(screen.queryAllByRole(/alert/i)).toHaveLength(0);
+
+  await act(async () => {
+    user.click(screen.getByText(/submit/i));
+  });
+
+  expect(screen.getByText(/username field is required/i)).toBeInTheDocument();
+  expect(screen.getByText(/password field is required/i)).toBeInTheDocument();
+  expect(handleSubmit).not.toHaveBeenCalled();
+});