@hookform/resolvers 2.0.0-rc.1 → 2.0.0

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

@@ -0,0 +1,141 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`vestResolver should return all the error messages from vestResolver when validation fails and validateAllFieldCriteria set to true 1`] = `
+Object {
+  "errors": Object {
+    "deepObject": Object {
+      "data": Object {
+        "message": "deepObject.data is required",
+        "ref": undefined,
+        "type": "",
+        "types": Object {
+          "0": "deepObject.data is required",
+        },
+      },
+    },
+    "password": Object {
+      "message": "Password must be at least 5 chars",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "",
+      "types": Object {
+        "0": "Password must be at least 5 chars",
+        "1": "Password must contain a digit",
+        "2": "Password must contain a symbol",
+      },
+    },
+    "username": Object {
+      "message": "Username is required",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "",
+      "types": Object {
+        "0": "Username is required",
+        "1": "Must be longer than 3 chars",
+      },
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`vestResolver should return all the error messages from vestResolver when validation fails and validateAllFieldCriteria set to true and \`mode: sync\` 1`] = `
+Object {
+  "errors": Object {
+    "deepObject": Object {
+      "data": Object {
+        "message": "deepObject.data is required",
+        "ref": undefined,
+        "type": "",
+        "types": Object {
+          "0": "deepObject.data is required",
+        },
+      },
+    },
+    "password": Object {
+      "message": "Password must be at least 5 chars",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "",
+      "types": Object {
+        "0": "Password must be at least 5 chars",
+        "1": "Password must contain a digit",
+        "2": "Password must contain a symbol",
+      },
+    },
+    "username": Object {
+      "message": "Username is required",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "",
+      "types": Object {
+        "0": "Username is required",
+        "1": "Must be longer than 3 chars",
+      },
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`vestResolver should return single error message from vestResolver when validation fails and validateAllFieldCriteria set to false 1`] = `
+Object {
+  "errors": Object {
+    "deepObject": Object {
+      "data": Object {
+        "message": "deepObject.data is required",
+        "ref": undefined,
+        "type": "",
+      },
+    },
+    "password": Object {
+      "message": "Password must be at least 5 chars",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "",
+    },
+    "username": Object {
+      "message": "Username is required",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "",
+    },
+  },
+  "values": Object {},
+}
+`;
+
+exports[`vestResolver should return single error message from vestResolver when validation fails and validateAllFieldCriteria set to false and \`mode: sync\` 1`] = `
+Object {
+  "errors": Object {
+    "deepObject": Object {
+      "data": Object {
+        "message": "deepObject.data is required",
+        "ref": undefined,
+        "type": "",
+      },
+    },
+    "password": Object {
+      "message": "Password must be at least 5 chars",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "",
+    },
+    "username": Object {
+      "message": "Username is required",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "",
+    },
+  },
+  "values": Object {},
+}
+`;

package/vest/src/__tests__/vest.ts

@@ -0,0 +1,65 @@
+import { vestResolver } from '..';
+import {
+  invalidData,
+  validationSuite,
+  validData,
+  fields,
+} from './__fixtures__/data';
+
+describe('vestResolver', () => {
+  it('should return values from vestResolver when validation pass', async () => {
+    expect(
+      await vestResolver(validationSuite)(validData, undefined, { fields }),
+    ).toEqual({
+      values: validData,
+      errors: {},
+    });
+  });
+
+  it('should return values from vestResolver with `mode: sync` when validation pass', async () => {
+    expect(
+      await vestResolver(validationSuite, undefined, {
+        mode: 'sync',
+      })(validData, undefined, { fields }),
+    ).toEqual({
+      values: validData,
+      errors: {},
+    });
+  });
+
+  it('should return single error message from vestResolver when validation fails and validateAllFieldCriteria set to false', async () => {
+    expect(
+      await vestResolver(validationSuite)(invalidData, undefined, {
+        fields,
+      }),
+    ).toMatchSnapshot();
+  });
+
+  it('should return single error message from vestResolver when validation fails and validateAllFieldCriteria set to false and `mode: sync`', async () => {
+    expect(
+      await vestResolver(validationSuite, undefined, {
+        mode: 'sync',
+      })(invalidData, undefined, { fields }),
+    ).toMatchSnapshot();
+  });
+
+  it('should return all the error messages from vestResolver when validation fails and validateAllFieldCriteria set to true', async () => {
+    expect(
+      await vestResolver(validationSuite)(
+        invalidData,
+        {},
+        { fields, criteriaMode: 'all' },
+      ),
+    ).toMatchSnapshot();
+  });
+
+  it('should return all the error messages from vestResolver when validation fails and validateAllFieldCriteria set to true and `mode: sync`', async () => {
+    expect(
+      await vestResolver(validationSuite, undefined, { mode: 'sync' })(
+        invalidData,
+        {},
+        { fields, criteriaMode: 'all' },
+      ),
+    ).toMatchSnapshot();
+  });
+});

package/vest/src/index.ts

@@ -0,0 +1 @@
+export * from './vest';

package/vest/src/types.ts

@@ -0,0 +1,21 @@
+import {
+  FieldValues,
+  ResolverOptions,
+  ResolverResult,
+  UnpackNestedValue,
+} from 'react-hook-form';
+import * as Vest from 'vest';
+
+export type ICreateResult = ReturnType<typeof Vest.create>;
+
+export type Resolver = (
+  schema: ICreateResult,
+  schemaOptions?: never,
+  factoryOptions?: { mode?: 'async' | 'sync' },
+) => <TFieldValues extends FieldValues, TContext>(
+  values: UnpackNestedValue<TFieldValues>,
+  context: TContext | undefined,
+  options: ResolverOptions<TFieldValues>,
+) => Promise<ResolverResult<TFieldValues>>;
+
+export type VestErrors = Record<string, string[]>;

package/vest/src/vest.ts

@@ -0,0 +1,45 @@
+import { toNestError } from '@hookform/resolvers';
+import { FieldError } from 'react-hook-form';
+import promisify from 'vest/promisify';
+import type { VestErrors, Resolver } from './types';
+
+const parseErrorSchema = (
+  vestError: VestErrors,
+  validateAllFieldCriteria: boolean,
+) => {
+  const errors: Record<string, FieldError> = {};
+  for (const path in vestError) {
+    if (!errors[path]) {
+      errors[path] = { message: vestError[path][0], type: '' };
+    }
+
+    if (validateAllFieldCriteria) {
+      errors[path].types = vestError[path].reduce<Record<number, string>>(
+        (acc, message, index) => (acc[index] = message) && acc,
+        {},
+      );
+    }
+  }
+  return errors;
+};
+
+export const vestResolver: Resolver = (
+  schema,
+  _,
+  resolverOptions = {},
+) => async (values, _context, options) => {
+  const result =
+    resolverOptions.mode === 'sync'
+      ? schema(values)
+      : await promisify(schema)(values);
+
+  return result.hasErrors()
+    ? {
+        values: {},
+        errors: toNestError(
+          parseErrorSchema(result.getErrors(), options.criteriaMode === 'all'),
+          options.fields,
+        ),
+      }
+    : { values, errors: {} };
+};

package/yup/dist/index.d.ts

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

package/yup/dist/types.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues, ResolverOptions, ResolverResult, UnpackNestedValue } from 'react-hook-form';
+import * as Yup from 'yup';
+import type Lazy from 'yup/lib/Lazy';
+declare type Options<T extends Yup.AnyObjectSchema | Lazy<any>> = Parameters<T['validate']>[1];
+export declare 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>>;
+export {};

package/yup/dist/yup.d.ts

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

package/yup/dist/yup.js

@@ -0,0 +1,2 @@
+var e=require("@hookform/resolvers"),r=require("react-hook-form");exports.yupResolver=function(t,o,n){return void 0===o&&(o={abortEarly:!1}),void 0===n&&(n={}),function(s,a,u){try{return Promise.resolve(function(e,r){try{var u=(o.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(t["sync"===n.mode?"validateSync":"validate"](s,Object.assign({},o,{context:a}))).then(function(e){return{values:e,errors:{}}}))}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(t){return{values:{},errors:e.toNestError((o=t,n="all"===u.criteriaMode,o.inner.reduce(function(e,t){return e[t.path]||(e[t.path]={message:t.message,type:t.type}),n&&(e[t.path]=r.appendErrors(t.path,n,e,t.type,t.message)),e},{})),u.fields)};var o,n}))}catch(e){return Promise.reject(e)}}};
+//# sourceMappingURL=yup.js.map

package/yup/dist/yup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup.js","sources":["../src/yup.ts"],"sourcesContent":["import Yup from 'yup';\nimport { toNestError } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport { Resolver } from './types';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) => {\n  return error.inner.reduce<Record<string, FieldError>>((previous, error) => {\n    if (!previous[error.path!]) {\n      previous[error.path!] = { message: error.message, type: error.type! };\n    }\n\n    if (validateAllFieldCriteria) {\n      previous[error.path!] = appendErrors(\n        error.path!,\n        validateAllFieldCriteria,\n        previous,\n        error.type!,\n        error.message,\n      ) as FieldError;\n    }\n\n    return previous;\n  }, {});\n};\n\nexport const yupResolver: Resolver = (\n  schema,\n  schemaOptions = {\n    abortEarly: false,\n  },\n  resolverOptions = {},\n) => async (values, context, options) => {\n  try {\n    if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n      );\n    }\n\n    const result = await schema[\n      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n    ](values, Object.assign({}, schemaOptions, { context }));\n\n    return {\n      values: result,\n      errors: {},\n    };\n  } catch (e) {\n    return {\n      values: {},\n      errors: toNestError(\n        parseErrorSchema(e, options.criteriaMode === 'all'),\n        options.fields,\n      ),\n    };\n  }\n};\n"],"names":["schema","schemaOptions","resolverOptions","abortEarly","values","context","options","process","env","NODE_ENV","console","warn","mode","Object","assign","result","errors","e","toNestError","error","validateAllFieldCriteria","criteriaMode","inner","reduce","previous","path","message","type","appendErrors","fields"],"mappings":"sFAgCqC,SACnCA,EACAC,EAGAC,mBAHAD,IAAAA,EAAgB,CACdE,YAAY,aAEdD,IAAAA,EAAkB,aACRE,EAAQC,EAASC,uDAErBL,EAAcI,SAAoC,gBAAzBE,QAAQC,IAAIC,UAEvCC,QAAQC,KACN,iHAIiBX,EACM,SAAzBE,EAAgBU,KAAkB,eAAiB,YACnDR,EAAQS,OAAOC,OAAO,GAAIb,EAAe,CAAEI,QAAAA,oBAFvCU,GAIN,MAAO,CACLX,OAAQW,EACRC,OAAQ,4EAEHC,GACP,MAAO,CACLb,OAAQ,GACRY,OAAQE,eAhDZC,EAiDuBF,EAhDvBG,EAgDmD,QAAzBd,EAAQe,aA9C3BF,EAAMG,MAAMC,OAAmC,SAACC,EAAUL,GAe/D,OAdKK,EAASL,EAAMM,QAClBD,EAASL,EAAMM,MAAS,CAAEC,QAASP,EAAMO,QAASC,KAAMR,EAAMQ,OAG5DP,IACFI,EAASL,EAAMM,MAASG,eACtBT,EAAMM,KACNL,EACAI,EACAL,EAAMQ,KACNR,EAAMO,UAIHF,GACN,KA+BGlB,EAAQuB,SAnDS,IACvBV,EACAC,KAqBmC"}

package/yup/dist/yup.mjs

@@ -0,0 +1,2 @@
+import{toNestError as e}from"@hookform/resolvers";import{appendErrors as t}from"react-hook-form";var r=function(r,o,n){return void 0===o&&(o={abortEarly:!1}),void 0===n&&(n={}),function(s,a,c){try{return Promise.resolve(function(e,t){try{var c=(o.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(r["sync"===n.mode?"validateSync":"validate"](s,Object.assign({},o,{context:a}))).then(function(e){return{values:e,errors:{}}}))}catch(e){return t(e)}return c&&c.then?c.then(void 0,t):c}(0,function(r){return{values:{},errors:e((o=r,n="all"===c.criteriaMode,o.inner.reduce(function(e,r){return e[r.path]||(e[r.path]={message:r.message,type:r.type}),n&&(e[r.path]=t(r.path,n,e,r.type,r.message)),e},{})),c.fields)};var o,n}))}catch(e){return Promise.reject(e)}}};export{r as yupResolver};
+//# sourceMappingURL=yup.module.js.map

package/yup/dist/yup.modern.js

@@ -0,0 +1,2 @@
+import{toNestError as e}from"@hookform/resolvers";import{appendErrors as t}from"react-hook-form";const o=(o,r={abortEarly:!1},s={})=>async(a,n,c)=>{try{return r.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),{values:await o["sync"===s.mode?"validateSync":"validate"](a,Object.assign({},r,{context:n})),errors:{}}}catch(o){return{values:{},errors:e((p=o,l="all"===c.criteriaMode,p.inner.reduce((e,o)=>(e[o.path]||(e[o.path]={message:o.message,type:o.type}),l&&(e[o.path]=t(o.path,l,e,o.type,o.message)),e),{})),c.fields)}}var p,l};export{o as yupResolver};
+//# sourceMappingURL=yup.modern.js.map

package/yup/dist/yup.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup.modern.js","sources":["../src/yup.ts"],"sourcesContent":["import Yup from 'yup';\nimport { toNestError } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport { Resolver } from './types';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) => {\n  return error.inner.reduce<Record<string, FieldError>>((previous, error) => {\n    if (!previous[error.path!]) {\n      previous[error.path!] = { message: error.message, type: error.type! };\n    }\n\n    if (validateAllFieldCriteria) {\n      previous[error.path!] = appendErrors(\n        error.path!,\n        validateAllFieldCriteria,\n        previous,\n        error.type!,\n        error.message,\n      ) as FieldError;\n    }\n\n    return previous;\n  }, {});\n};\n\nexport const yupResolver: Resolver = (\n  schema,\n  schemaOptions = {\n    abortEarly: false,\n  },\n  resolverOptions = {},\n) => async (values, context, options) => {\n  try {\n    if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n      );\n    }\n\n    const result = await schema[\n      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n    ](values, Object.assign({}, schemaOptions, { context }));\n\n    return {\n      values: result,\n      errors: {},\n    };\n  } catch (e) {\n    return {\n      values: {},\n      errors: toNestError(\n        parseErrorSchema(e, options.criteriaMode === 'all'),\n        options.fields,\n      ),\n    };\n  }\n};\n"],"names":["yupResolver","schema","schemaOptions","abortEarly","resolverOptions","async","values","context","options","process","env","NODE_ENV","console","warn","mode","Object","assign","errors","e","toNestError","error","validateAllFieldCriteria","criteriaMode","inner","reduce","previous","path","message","type","appendErrors","fields"],"mappings":"iGASA,MAuBaA,EAAwB,CACnCC,EACAC,EAAgB,CACdC,YAAY,GAEdC,EAAkB,KACfC,MAAOC,EAAQC,EAASC,KAC3B,IAYE,OAXIN,EAAcK,SAAoC,gBAAzBE,QAAQC,IAAIC,UAEvCC,QAAQC,KACN,iGAQG,CACLP,aALmBL,EACM,SAAzBG,EAAgBU,KAAkB,eAAiB,YACnDR,EAAQS,OAAOC,OAAO,GAAId,EAAe,CAAEK,QAAAA,KAI3CU,OAAQ,IAEV,MAAOC,GACP,MAAO,CACLZ,OAAQ,GACRW,OAAQE,GAhDZC,EAiDuBF,EAhDvBG,EAgDmD,QAAzBb,EAAQc,aA9C3BF,EAAMG,MAAMC,OAAmC,CAACC,EAAUL,KAC1DK,EAASL,EAAMM,QAClBD,EAASL,EAAMM,MAAS,CAAEC,QAASP,EAAMO,QAASC,KAAMR,EAAMQ,OAG5DP,IACFI,EAASL,EAAMM,MAASG,EACtBT,EAAMM,KACNL,EACAI,EACAL,EAAMQ,KACNR,EAAMO,UAIHF,GACN,KA+BGjB,EAAQsB,SAnDS,IACvBV,EACAC"}

package/yup/dist/yup.module.js

@@ -0,0 +1,2 @@
+import{toNestError as e}from"@hookform/resolvers";import{appendErrors as t}from"react-hook-form";var r=function(r,o,n){return void 0===o&&(o={abortEarly:!1}),void 0===n&&(n={}),function(s,a,c){try{return Promise.resolve(function(e,t){try{var c=(o.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(r["sync"===n.mode?"validateSync":"validate"](s,Object.assign({},o,{context:a}))).then(function(e){return{values:e,errors:{}}}))}catch(e){return t(e)}return c&&c.then?c.then(void 0,t):c}(0,function(r){return{values:{},errors:e((o=r,n="all"===c.criteriaMode,o.inner.reduce(function(e,r){return e[r.path]||(e[r.path]={message:r.message,type:r.type}),n&&(e[r.path]=t(r.path,n,e,r.type,r.message)),e},{})),c.fields)};var o,n}))}catch(e){return Promise.reject(e)}}};export{r as yupResolver};
+//# sourceMappingURL=yup.module.js.map

package/yup/dist/yup.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup.module.js","sources":["../src/yup.ts"],"sourcesContent":["import Yup from 'yup';\nimport { toNestError } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport { Resolver } from './types';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) => {\n  return error.inner.reduce<Record<string, FieldError>>((previous, error) => {\n    if (!previous[error.path!]) {\n      previous[error.path!] = { message: error.message, type: error.type! };\n    }\n\n    if (validateAllFieldCriteria) {\n      previous[error.path!] = appendErrors(\n        error.path!,\n        validateAllFieldCriteria,\n        previous,\n        error.type!,\n        error.message,\n      ) as FieldError;\n    }\n\n    return previous;\n  }, {});\n};\n\nexport const yupResolver: Resolver = (\n  schema,\n  schemaOptions = {\n    abortEarly: false,\n  },\n  resolverOptions = {},\n) => async (values, context, options) => {\n  try {\n    if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n      );\n    }\n\n    const result = await schema[\n      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n    ](values, Object.assign({}, schemaOptions, { context }));\n\n    return {\n      values: result,\n      errors: {},\n    };\n  } catch (e) {\n    return {\n      values: {},\n      errors: toNestError(\n        parseErrorSchema(e, options.criteriaMode === 'all'),\n        options.fields,\n      ),\n    };\n  }\n};\n"],"names":["yupResolver","schema","schemaOptions","resolverOptions","abortEarly","values","context","options","process","env","NODE_ENV","console","warn","mode","Object","assign","result","errors","e","toNestError","error","validateAllFieldCriteria","criteriaMode","inner","reduce","previous","path","message","type","appendErrors","fields"],"mappings":"iGASA,IAuBaA,EAAwB,SACnCC,EACAC,EAGAC,mBAHAD,IAAAA,EAAgB,CACdE,YAAY,aAEdD,IAAAA,EAAkB,aACRE,EAAQC,EAASC,uDAErBL,EAAcI,SAAoC,gBAAzBE,QAAQC,IAAIC,UAEvCC,QAAQC,KACN,iHAIiBX,EACM,SAAzBE,EAAgBU,KAAkB,eAAiB,YACnDR,EAAQS,OAAOC,OAAO,GAAIb,EAAe,CAAEI,QAAAA,oBAFvCU,GAIN,MAAO,CACLX,OAAQW,EACRC,OAAQ,4EAEHC,GACP,MAAO,CACLb,OAAQ,GACRY,OAAQE,GAhDZC,EAiDuBF,EAhDvBG,EAgDmD,QAAzBd,EAAQe,aA9C3BF,EAAMG,MAAMC,OAAmC,SAACC,EAAUL,GAe/D,OAdKK,EAASL,EAAMM,QAClBD,EAASL,EAAMM,MAAS,CAAEC,QAASP,EAAMO,QAASC,KAAMR,EAAMQ,OAG5DP,IACFI,EAASL,EAAMM,MAASG,EACtBT,EAAMM,KACNL,EACAI,EACAL,EAAMQ,KACNR,EAAMO,UAIHF,GACN,KA+BGlB,EAAQuB,SAnDS,IACvBV,EACAC,KAqBmC"}

package/yup/dist/yup.umd.js

@@ -0,0 +1,2 @@
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@hookform/resolvers"),require("react-hook-form")):"function"==typeof define&&define.amd?define(["exports","@hookform/resolvers","react-hook-form"],o):o((e||self).hookformResolversYup={},e.hookformResolvers,e.reactHookForm)}(this,function(e,o,r){e.yupResolver=function(e,t,n){return void 0===t&&(t={abortEarly:!1}),void 0===n&&(n={}),function(s,i,u){try{return Promise.resolve(function(o,r){try{var u=(t.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(e["sync"===n.mode?"validateSync":"validate"](s,Object.assign({},t,{context:i}))).then(function(e){return{values:e,errors:{}}}))}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){return{values:{},errors:o.toNestError((t=e,n="all"===u.criteriaMode,t.inner.reduce(function(e,o){return e[o.path]||(e[o.path]={message:o.message,type:o.type}),n&&(e[o.path]=r.appendErrors(o.path,n,e,o.type,o.message)),e},{})),u.fields)};var t,n}))}catch(e){return Promise.reject(e)}}}});
+//# sourceMappingURL=yup.umd.js.map

package/yup/dist/yup.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup.umd.js","sources":["../src/yup.ts"],"sourcesContent":["import Yup from 'yup';\nimport { toNestError } from '@hookform/resolvers';\nimport { appendErrors, FieldError } from 'react-hook-form';\nimport { Resolver } from './types';\n\n/**\n * Why `path!` ? because it could be `undefined` in some case\n * https://github.com/jquense/yup#validationerrorerrors-string--arraystring-value-any-path-string\n */\nconst parseErrorSchema = (\n  error: Yup.ValidationError,\n  validateAllFieldCriteria: boolean,\n) => {\n  return error.inner.reduce<Record<string, FieldError>>((previous, error) => {\n    if (!previous[error.path!]) {\n      previous[error.path!] = { message: error.message, type: error.type! };\n    }\n\n    if (validateAllFieldCriteria) {\n      previous[error.path!] = appendErrors(\n        error.path!,\n        validateAllFieldCriteria,\n        previous,\n        error.type!,\n        error.message,\n      ) as FieldError;\n    }\n\n    return previous;\n  }, {});\n};\n\nexport const yupResolver: Resolver = (\n  schema,\n  schemaOptions = {\n    abortEarly: false,\n  },\n  resolverOptions = {},\n) => async (values, context, options) => {\n  try {\n    if (schemaOptions.context && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"You should not used the yup options context. Please, use the 'useForm' context object instead\",\n      );\n    }\n\n    const result = await schema[\n      resolverOptions.mode === 'sync' ? 'validateSync' : 'validate'\n    ](values, Object.assign({}, schemaOptions, { context }));\n\n    return {\n      values: result,\n      errors: {},\n    };\n  } catch (e) {\n    return {\n      values: {},\n      errors: toNestError(\n        parseErrorSchema(e, options.criteriaMode === 'all'),\n        options.fields,\n      ),\n    };\n  }\n};\n"],"names":["schema","schemaOptions","resolverOptions","abortEarly","values","context","options","process","env","NODE_ENV","console","warn","mode","Object","assign","result","errors","e","toNestError","error","validateAllFieldCriteria","criteriaMode","inner","reduce","previous","path","message","type","appendErrors","fields"],"mappings":"sYAgCqC,SACnCA,EACAC,EAGAC,mBAHAD,IAAAA,EAAgB,CACdE,YAAY,aAEdD,IAAAA,EAAkB,aACRE,EAAQC,EAASC,uDAErBL,EAAcI,SAAoC,gBAAzBE,QAAQC,IAAIC,UAEvCC,QAAQC,KACN,iHAIiBX,EACM,SAAzBE,EAAgBU,KAAkB,eAAiB,YACnDR,EAAQS,OAAOC,OAAO,GAAIb,EAAe,CAAEI,QAAAA,oBAFvCU,GAIN,MAAO,CACLX,OAAQW,EACRC,OAAQ,4EAEHC,GACP,MAAO,CACLb,OAAQ,GACRY,OAAQE,eAhDZC,EAiDuBF,EAhDvBG,EAgDmD,QAAzBd,EAAQe,aA9C3BF,EAAMG,MAAMC,OAAmC,SAACC,EAAUL,GAe/D,OAdKK,EAASL,EAAMM,QAClBD,EAASL,EAAMM,MAAS,CAAEC,QAASP,EAAMO,QAASC,KAAMR,EAAMQ,OAG5DP,IACFI,EAASL,EAAMM,MAASG,eACtBT,EAAMM,KACNL,EACAI,EACAL,EAAMQ,KACNR,EAAMO,UAIHF,GACN,KA+BGlB,EAAQuB,SAnDS,IACvBV,EACAC,KAqBmC"}

package/yup/package.json

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

package/yup/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 Yup from 'yup';
+import { yupResolver } from '..';
+
+const schema = Yup.object({
+  username: Yup.string().required(),
+  password: Yup.string().required(),
+});
+
+type FormData = Yup.InferType<typeof schema> & { unusedProperty: string };
+
+interface Props {
+  onSubmit: (data: FormData) => void;
+}
+
+function TestComponent({ onSubmit }: Props) {
+  const {
+    register,
+    formState: { errors },
+    handleSubmit,
+  } = useForm<FormData>({
+    resolver: yupResolver(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 Yup 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 is a required field/i)).toBeInTheDocument();
+  expect(screen.getByText(/password is a required field/i)).toBeInTheDocument();
+  expect(handleSubmit).not.toHaveBeenCalled();
+});

package/yup/src/__tests__/__fixtures__/data.ts

@@ -0,0 +1,65 @@
+import { Field, InternalFieldName } from 'react-hook-form';
+import * as yup from 'yup';
+
+export const schema = yup.object({
+  username: yup.string().matches(/^\w+$/).min(3).max(30).required(),
+  password: yup
+    .string()
+    .matches(/^[a-zA-Z0-9]{3,30}/)
+    .required(),
+  repeatPassword: yup.ref('password'),
+  accessToken: yup.string(),
+  birthYear: yup.number().min(1900).max(2013),
+  email: yup.string().email(),
+  tags: yup.array(yup.string()),
+  enabled: yup.boolean(),
+  like: yup.array().of(
+    yup.object({
+      id: yup.number().required(),
+      name: yup.string().length(4).required(),
+    }),
+  ),
+});
+
+export const validData: yup.InferType<typeof schema> = {
+  username: 'Doe',
+  password: 'Password123',
+  repeatPassword: 'Password123',
+  birthYear: 2000,
+  email: 'john@doe.com',
+  tags: ['tag1', 'tag2'],
+  enabled: true,
+  accessToken: 'accessToken',
+  like: [
+    {
+      id: 1,
+      name: 'name',
+    },
+  ],
+};
+
+export const invalidData = {
+  password: '___',
+  email: '',
+  birthYear: 'birthYear',
+  like: [{ id: 'z' }],
+};
+
+export const fields: Record<InternalFieldName, Field['_f']> = {
+  username: {
+    ref: { name: 'username' },
+    name: 'username',
+  },
+  password: {
+    ref: { name: 'password' },
+    name: 'password',
+  },
+  email: {
+    ref: { name: 'email' },
+    name: 'email',
+  },
+  birthday: {
+    ref: { name: 'birthday' },
+    name: 'birthday',
+  },
+};