@hookform/resolvers 2.4.0 → 2.5.0

package/README.md

@@ -56,8 +56,8 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
-      <input name="name" ref={register} />
-      <input name="age" type="number" ref={register} />
+      <input {...register('name')} />
+      <input type="number" {...register('age')} />
       <input type="submit" />
     </form>
   );
@@ -96,9 +96,9 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
-      <input name="name" ref={register} />
+      <input {...register('name')} />
       {errors.name?.message && <p>{errors.name?.message}</p>}
-      <input name="age" type="number" ref={register({ valueAsNumber: true })} />
+      <input type="number" {...register('age', { valueAsNumber: true })} />
       {errors.age?.message && <p>{errors.age?.message}</p>}
       <input type="submit" />
     </form>
@@ -132,8 +132,8 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
-      <input name="name" ref={register} />
-      <input name="age" type="number" ref={register({ valueAsNumber: true })} />
+      <input {...register('name')} />
+      <input type="number" ref={register('age', { valueAsNumber: true })} />
       <input type="submit" />
     </form>
   );
@@ -165,8 +165,8 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
-      <input name="name" ref={register} />
-      <input name="age" type="number" ref={register} />
+      <input {...register('name')} />
+      <input type="number" {...register('age')} />
       <input type="submit" />
     </form>
   );
@@ -220,8 +220,8 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((data) => console.log(data))}>
-      <input type="text" name="username" ref={register} />
-      <input type="text" name="password" ref={register} />
+      <input {...register('username')} />
+      <input type="password" {...register('password')} />
       <input type="submit" />
     </form>
   );
@@ -315,7 +315,7 @@ const App = () => {
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
       <input name="username" ref={register} />
-      <input name="age" type="number" ref={register} />
+      <input type="number" {...register('age')} />
       <input type="submit" />
     </form>
   );
@@ -348,8 +348,49 @@ const App = () => {
 
   return (
     <form onSubmit={handleSubmit((d) => console.log(d))}>
-      <input name="name" ref={register} />
-      <input name="age" type="number" ref={register} />
+      <input {...register('name')} />
+      <input type="number" {...register('age')} />
+      <input type="submit" />
+    </form>
+  );
+};
+
+export default App;
+```
+
+### [computed-types](https://github.com/neuledge/computed-types)
+
+TypeScript-first schema validation with static type inference
+
+[![npm](https://img.shields.io/bundlephobia/minzip/computed-types?style=for-the-badge)](https://bundlephobia.com/result?p=computed-types)
+
+```tsx
+import React from 'react';
+import { useForm } from 'react-hook-form';
+import { computedTypesResolver } from '@hookform/resolvers/zod';
+import Schema, { number, string } from 'computed-types';
+
+const schema = Schema({
+  username: string.min(1).error('username field is required'),
+  password: string.min(1).error('password field is required'),
+  password: number,
+});
+
+const App = () => {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm({
+    resolver: computedTypesResolver(schema),
+  });
+
+  return (
+    <form onSubmit={handleSubmit((d) => console.log(d))}>
+      <input {...register('name')} />
+      {errors.name?.message && <p>{errors.name?.message}</p>}
+      <input type="number" {...register('age', { valueAsNumber: true })} />
+      {errors.age?.message && <p>{errors.age?.message}</p>}
       <input type="submit" />
     </form>
   );

package/computed-types/dist/computed-types.d.ts

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

package/computed-types/dist/computed-types.js

@@ -0,0 +1,2 @@
+var r=require("@hookform/resolvers"),e=function r(e,t,o){return void 0===t&&(t={}),void 0===o&&(o=""),(e.errors||[]).reduce(function(e,t){var n=String(t.path[0]),s=o?o+"."+n:n;return e[s]={type:t.error.name,message:t.error.message},r(t.error,e,s),e},t)};exports.computedTypesResolver=function(t){return function(o,n,s){try{return Promise.resolve(function(r,e){try{var n=Promise.resolve(t(o)).then(function(r){return{errors:{},values:r}})}catch(r){return e(r)}return n&&n.then?n.then(void 0,e):n}(0,function(t){return{values:{},errors:r.toNestError(e(t),s.fields)}}))}catch(r){return Promise.reject(r)}}};
+//# sourceMappingURL=computed-types.js.map

package/computed-types/dist/computed-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed-types.js","sources":["../src/computed-types.ts"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\nimport { toNestError } from '@hookform/resolvers';\nimport type { ValidationError } from 'computed-types';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  computedTypesError: ValidationError,\n  parsedErrors: FieldErrors = {},\n  path = '',\n) => {\n  return (computedTypesError.errors || []).reduce((acc, error) => {\n    const _currentPath = String(error.path[0]);\n    const _path = path ? `${path}.${_currentPath}` : _currentPath;\n\n    acc[_path] = {\n      type: error.error.name,\n      message: error.error.message,\n    };\n\n    parseErrorSchema(error.error, acc, _path);\n\n    return acc;\n  }, parsedErrors);\n};\n\nexport const computedTypesResolver: Resolver = (schema) => async (\n  values,\n  _,\n  options,\n) => {\n  try {\n    return {\n      errors: {},\n      values: await schema(values),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: toNestError(parseErrorSchema(error), options.fields),\n    };\n  }\n};\n"],"names":["parseErrorSchema","computedTypesError","parsedErrors","path","errors","reduce","acc","error","_currentPath","String","_path","type","name","message","schema","values","_","options","toNestError","fields"],"mappings":"qCAKMA,EAAmB,SAAnBA,EACJC,EACAC,EACAC,GAEA,gBAHAD,IAAAA,EAA4B,aAC5BC,IAAAA,EAAO,KAECF,EAAmBG,QAAU,IAAIC,OAAO,SAACC,EAAKC,GACpD,IAAMC,EAAeC,OAAOF,EAAMJ,KAAK,IACjCO,EAAQP,EAAUA,MAAQK,EAAiBA,EASjD,OAPAF,EAAII,GAAS,CACXC,KAAMJ,EAAMA,MAAMK,KAClBC,QAASN,EAAMA,MAAMM,SAGvBb,EAAiBO,EAAMA,MAAOD,EAAKI,GAE5BJ,GACNJ,kCAG0C,SAACY,mBAC9CC,EACAC,EACAC,sEAKkBH,EAAOC,qBAFvB,MAAO,CACLX,OAAQ,GACRW,iFAEKR,GACP,MAAO,CACLQ,OAAQ,GACRX,OAAQc,cAAYlB,EAAiBO,GAAQU,EAAQE,YAbZ"}

package/computed-types/dist/computed-types.mjs

@@ -0,0 +1,2 @@
+import{toNestError as r}from"@hookform/resolvers";var e=function r(e,t,n){return void 0===t&&(t={}),void 0===n&&(n=""),(e.errors||[]).reduce(function(e,t){var o=String(t.path[0]),u=n?n+"."+o:o;return e[u]={type:t.error.name,message:t.error.message},r(t.error,e,u),e},t)},t=function(t){return function(n,o,u){try{return Promise.resolve(function(r,e){try{var o=Promise.resolve(t(n)).then(function(r){return{errors:{},values:r}})}catch(r){return e(r)}return o&&o.then?o.then(void 0,e):o}(0,function(t){return{values:{},errors:r(e(t),u.fields)}}))}catch(r){return Promise.reject(r)}}};export{t as computedTypesResolver};
+//# sourceMappingURL=computed-types.module.js.map

package/computed-types/dist/computed-types.modern.js

@@ -0,0 +1,2 @@
+import{toNestError as r}from"@hookform/resolvers";const e=(r,o={},s="")=>(r.errors||[]).reduce((r,o)=>{const t=String(o.path[0]),a=s?`${s}.${t}`:t;return r[a]={type:o.error.name,message:o.error.message},e(o.error,r,a),r},o),o=o=>async(s,t,a)=>{try{return{errors:{},values:await o(s)}}catch(o){return{values:{},errors:r(e(o),a.fields)}}};export{o as computedTypesResolver};
+//# sourceMappingURL=computed-types.modern.js.map

package/computed-types/dist/computed-types.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed-types.modern.js","sources":["../src/computed-types.ts"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\nimport { toNestError } from '@hookform/resolvers';\nimport type { ValidationError } from 'computed-types';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  computedTypesError: ValidationError,\n  parsedErrors: FieldErrors = {},\n  path = '',\n) => {\n  return (computedTypesError.errors || []).reduce((acc, error) => {\n    const _currentPath = String(error.path[0]);\n    const _path = path ? `${path}.${_currentPath}` : _currentPath;\n\n    acc[_path] = {\n      type: error.error.name,\n      message: error.error.message,\n    };\n\n    parseErrorSchema(error.error, acc, _path);\n\n    return acc;\n  }, parsedErrors);\n};\n\nexport const computedTypesResolver: Resolver = (schema) => async (\n  values,\n  _,\n  options,\n) => {\n  try {\n    return {\n      errors: {},\n      values: await schema(values),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: toNestError(parseErrorSchema(error), options.fields),\n    };\n  }\n};\n"],"names":["parseErrorSchema","computedTypesError","parsedErrors","path","errors","reduce","acc","error","_currentPath","String","_path","type","name","message","computedTypesResolver","schema","async","values","_","options","toNestError","fields"],"mappings":"kDAKA,MAAMA,EAAmB,CACvBC,EACAC,EAA4B,GAC5BC,EAAO,MAECF,EAAmBG,QAAU,IAAIC,OAAO,CAACC,EAAKC,KACpD,MAAMC,EAAeC,OAAOF,EAAMJ,KAAK,IACjCO,EAAQP,KAAUA,KAAQK,IAAiBA,EASjD,OAPAF,EAAII,GAAS,CACXC,KAAMJ,EAAMA,MAAMK,KAClBC,QAASN,EAAMA,MAAMM,SAGvBb,EAAiBO,EAAMA,MAAOD,EAAKI,GAE5BJ,GACNJ,GAGQY,EAAmCC,GAAWC,MACzDC,EACAC,EACAC,KAEA,IACE,MAAO,CACLf,OAAQ,GACRa,aAAcF,EAAOE,IAEvB,MAAOV,GACP,MAAO,CACLU,OAAQ,GACRb,OAAQgB,EAAYpB,EAAiBO,GAAQY,EAAQE"}

package/computed-types/dist/computed-types.module.js

@@ -0,0 +1,2 @@
+import{toNestError as r}from"@hookform/resolvers";var e=function r(e,t,n){return void 0===t&&(t={}),void 0===n&&(n=""),(e.errors||[]).reduce(function(e,t){var o=String(t.path[0]),u=n?n+"."+o:o;return e[u]={type:t.error.name,message:t.error.message},r(t.error,e,u),e},t)},t=function(t){return function(n,o,u){try{return Promise.resolve(function(r,e){try{var o=Promise.resolve(t(n)).then(function(r){return{errors:{},values:r}})}catch(r){return e(r)}return o&&o.then?o.then(void 0,e):o}(0,function(t){return{values:{},errors:r(e(t),u.fields)}}))}catch(r){return Promise.reject(r)}}};export{t as computedTypesResolver};
+//# sourceMappingURL=computed-types.module.js.map

package/computed-types/dist/computed-types.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed-types.module.js","sources":["../src/computed-types.ts"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\nimport { toNestError } from '@hookform/resolvers';\nimport type { ValidationError } from 'computed-types';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  computedTypesError: ValidationError,\n  parsedErrors: FieldErrors = {},\n  path = '',\n) => {\n  return (computedTypesError.errors || []).reduce((acc, error) => {\n    const _currentPath = String(error.path[0]);\n    const _path = path ? `${path}.${_currentPath}` : _currentPath;\n\n    acc[_path] = {\n      type: error.error.name,\n      message: error.error.message,\n    };\n\n    parseErrorSchema(error.error, acc, _path);\n\n    return acc;\n  }, parsedErrors);\n};\n\nexport const computedTypesResolver: Resolver = (schema) => async (\n  values,\n  _,\n  options,\n) => {\n  try {\n    return {\n      errors: {},\n      values: await schema(values),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: toNestError(parseErrorSchema(error), options.fields),\n    };\n  }\n};\n"],"names":["parseErrorSchema","computedTypesError","parsedErrors","path","errors","reduce","acc","error","_currentPath","String","_path","type","name","message","computedTypesResolver","schema","values","_","options","toNestError","fields"],"mappings":"kDAKA,IAAMA,EAAmB,SAAnBA,EACJC,EACAC,EACAC,GAEA,gBAHAD,IAAAA,EAA4B,aAC5BC,IAAAA,EAAO,KAECF,EAAmBG,QAAU,IAAIC,OAAO,SAACC,EAAKC,GACpD,IAAMC,EAAeC,OAAOF,EAAMJ,KAAK,IACjCO,EAAQP,EAAUA,MAAQK,EAAiBA,EASjD,OAPAF,EAAII,GAAS,CACXC,KAAMJ,EAAMA,MAAMK,KAClBC,QAASN,EAAMA,MAAMM,SAGvBb,EAAiBO,EAAMA,MAAOD,EAAKI,GAE5BJ,GACNJ,IAGQY,EAAkC,SAACC,mBAC9CC,EACAC,EACAC,sEAKkBH,EAAOC,qBAFvB,MAAO,CACLZ,OAAQ,GACRY,iFAEKT,GACP,MAAO,CACLS,OAAQ,GACRZ,OAAQe,EAAYnB,EAAiBO,GAAQW,EAAQE,YAbZ"}

package/computed-types/dist/computed-types.umd.js

@@ -0,0 +1,2 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@hookform/resolvers")):"function"==typeof define&&define.amd?define(["exports","@hookform/resolvers"],r):r((e||self).hookformResolversComputedTypes={},e.hookformResolvers)}(this,function(e,r){var o=function e(r,o,t){return void 0===o&&(o={}),void 0===t&&(t=""),(r.errors||[]).reduce(function(r,o){var n=String(o.path[0]),s=t?t+"."+n:n;return r[s]={type:o.error.name,message:o.error.message},e(o.error,r,s),r},o)};e.computedTypesResolver=function(e){return function(t,n,s){try{return Promise.resolve(function(r,o){try{var n=Promise.resolve(e(t)).then(function(e){return{errors:{},values:e}})}catch(e){return o(e)}return n&&n.then?n.then(void 0,o):n}(0,function(e){return{values:{},errors:r.toNestError(o(e),s.fields)}}))}catch(e){return Promise.reject(e)}}}});
+//# sourceMappingURL=computed-types.umd.js.map

package/computed-types/dist/computed-types.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computed-types.umd.js","sources":["../src/computed-types.ts"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\nimport { toNestError } from '@hookform/resolvers';\nimport type { ValidationError } from 'computed-types';\nimport type { Resolver } from './types';\n\nconst parseErrorSchema = (\n  computedTypesError: ValidationError,\n  parsedErrors: FieldErrors = {},\n  path = '',\n) => {\n  return (computedTypesError.errors || []).reduce((acc, error) => {\n    const _currentPath = String(error.path[0]);\n    const _path = path ? `${path}.${_currentPath}` : _currentPath;\n\n    acc[_path] = {\n      type: error.error.name,\n      message: error.error.message,\n    };\n\n    parseErrorSchema(error.error, acc, _path);\n\n    return acc;\n  }, parsedErrors);\n};\n\nexport const computedTypesResolver: Resolver = (schema) => async (\n  values,\n  _,\n  options,\n) => {\n  try {\n    return {\n      errors: {},\n      values: await schema(values),\n    };\n  } catch (error) {\n    return {\n      values: {},\n      errors: toNestError(parseErrorSchema(error), options.fields),\n    };\n  }\n};\n"],"names":["parseErrorSchema","computedTypesError","parsedErrors","path","errors","reduce","acc","error","_currentPath","String","_path","type","name","message","schema","values","_","options","toNestError","fields"],"mappings":"mUAKA,IAAMA,EAAmB,SAAnBA,EACJC,EACAC,EACAC,GAEA,gBAHAD,IAAAA,EAA4B,aAC5BC,IAAAA,EAAO,KAECF,EAAmBG,QAAU,IAAIC,OAAO,SAACC,EAAKC,GACpD,IAAMC,EAAeC,OAAOF,EAAMJ,KAAK,IACjCO,EAAQP,EAAUA,MAAQK,EAAiBA,EASjD,OAPAF,EAAII,GAAS,CACXC,KAAMJ,EAAMA,MAAMK,KAClBC,QAASN,EAAMA,MAAMM,SAGvBb,EAAiBO,EAAMA,MAAOD,EAAKI,GAE5BJ,GACNJ,4BAG0C,SAACY,mBAC9CC,EACAC,EACAC,sEAKkBH,EAAOC,qBAFvB,MAAO,CACLX,OAAQ,GACRW,iFAEKR,GACP,MAAO,CACLQ,OAAQ,GACRX,OAAQc,cAAYlB,EAAiBO,GAAQU,EAAQE,YAbZ"}

package/computed-types/dist/index.d.ts

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

package/computed-types/dist/types.d.ts

@@ -0,0 +1,2 @@
+import type { FieldValues, ResolverResult, UnpackNestedValue, ResolverOptions } from 'react-hook-form';
+export declare type Resolver = (schema: any) => <TFieldValues extends FieldValues, TContext>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;

package/computed-types/package.json

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

package/computed-types/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 Schema, { Type, string } from 'computed-types';
+import { computedTypesResolver } from '..';
+
+const schema = Schema({
+  username: string.min(2).error('username field is required'),
+  password: string.min(2).error('password field is required'),
+});
+
+type FormData = Type<typeof schema> & { unusedProperty: string };
+
+interface Props {
+  onSubmit: (data: FormData) => void;
+}
+
+function TestComponent({ onSubmit }: Props) {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm<FormData>({
+    resolver: computedTypesResolver(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 computed-types 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();
+});

package/computed-types/src/__tests__/__fixtures__/data.ts

@@ -0,0 +1,72 @@
+import { Field, InternalFieldName } from 'react-hook-form';
+import Schema, { Type, string, number, array, boolean } from 'computed-types';
+
+export const schema = Schema({
+  username: string.regexp(/^\w+$/).min(3).max(30),
+  password: string
+    .regexp(new RegExp('.*[A-Z].*'), 'One uppercase character')
+    .regexp(new RegExp('.*[a-z].*'), 'One lowercase character')
+    .regexp(new RegExp('.*\\d.*'), 'One number')
+    .regexp(
+      new RegExp('.*[`~<>?,./!@#$%^&*()\\-_+="\'|{}\\[\\];:\\\\].*'),
+      'One special character',
+    )
+    .min(8, 'Must be at least 8 characters in length'),
+  repeatPassword: string,
+  accessToken: Schema.either(string, number).optional(),
+  birthYear: number.min(1900).max(2013).optional(),
+  email: string
+    .regexp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/)
+    .error('Incorrect email'),
+  tags: array.of(string),
+  enabled: boolean,
+  like: array
+    .of({
+      id: number,
+      name: string.min(4).max(4),
+    })
+    .optional(),
+});
+
+export const validData: Type<typeof schema> = {
+  username: 'Doe',
+  password: 'Password123_',
+  repeatPassword: 'Password123_',
+  accessToken: 'accessToken',
+  birthYear: 2000,
+  email: 'john@doe.com',
+  tags: ['tag1', 'tag2'],
+  enabled: true,
+  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',
+  },
+};

package/computed-types/src/__tests__/__snapshots__/computed-types.ts.snap

@@ -0,0 +1,65 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`computedTypesResolver should return a single error from computedTypesResolver when validation fails 1`] = `
+Object {
+  "errors": Object {
+    "birthYear": Object {
+      "message": "Expect value to be \\"number\\"",
+      "ref": undefined,
+      "type": "ValidationError",
+    },
+    "email": Object {
+      "message": "Incorrect email",
+      "ref": Object {
+        "name": "email",
+      },
+      "type": "ValidationError",
+    },
+    "enabled": Object {
+      "message": "Expect value to be \\"boolean\\"",
+      "ref": undefined,
+      "type": "ValidationError",
+    },
+    "like": Object {
+      "id": Object {
+        "message": "Expect value to be \\"number\\"",
+        "ref": undefined,
+        "type": "ValidationError",
+      },
+      "message": "id: Expect value to be \\"number\\"",
+      "name": Object {
+        "message": "Expect value to be \\"string\\"",
+        "ref": undefined,
+        "type": "ValidationError",
+      },
+      "ref": undefined,
+      "type": "ValidationError",
+    },
+    "password": Object {
+      "message": "One uppercase character",
+      "ref": Object {
+        "name": "password",
+      },
+      "type": "ValidationError",
+    },
+    "repeatPassword": Object {
+      "message": "Expect value to be \\"string\\"",
+      "ref": undefined,
+      "type": "ValidationError",
+    },
+    "tags": Object {
+      "message": "Expecting value to be an array",
+      "ref": undefined,
+      "type": "ValidationError",
+    },
+    "username": Object {
+      "message": "Expect value to be \\"string\\"",
+      "ref": Object {
+        "name": "username",
+      },
+      "type": "ValidationError",
+    },
+  },
+  "values": Object {},
+}
+`;

package/computed-types/src/__tests__/computed-types.ts

@@ -0,0 +1,20 @@
+import { computedTypesResolver } from '..';
+import { schema, validData, invalidData, fields } from './__fixtures__/data';
+
+describe('computedTypesResolver', () => {
+  it('should return values from computedTypesResolver when validation pass', async () => {
+    const result = await computedTypesResolver(schema)(validData, undefined, {
+      fields,
+    });
+
+    expect(result).toEqual({ errors: {}, values: validData });
+  });
+
+  it.only('should return a single error from computedTypesResolver when validation fails', async () => {
+    const result = await computedTypesResolver(schema)(invalidData, undefined, {
+      fields,
+    });
+
+    expect(result).toMatchSnapshot();
+  });
+});

package/computed-types/src/computed-types.ts

@@ -0,0 +1,42 @@
+import type { FieldErrors } from 'react-hook-form';
+import { toNestError } from '@hookform/resolvers';
+import type { ValidationError } from 'computed-types';
+import type { Resolver } from './types';
+
+const parseErrorSchema = (
+  computedTypesError: ValidationError,
+  parsedErrors: FieldErrors = {},
+  path = '',
+) => {
+  return (computedTypesError.errors || []).reduce((acc, error) => {
+    const _currentPath = String(error.path[0]);
+    const _path = path ? `${path}.${_currentPath}` : _currentPath;
+
+    acc[_path] = {
+      type: error.error.name,
+      message: error.error.message,
+    };
+
+    parseErrorSchema(error.error, acc, _path);
+
+    return acc;
+  }, parsedErrors);
+};
+
+export const computedTypesResolver: Resolver = (schema) => async (
+  values,
+  _,
+  options,
+) => {
+  try {
+    return {
+      errors: {},
+      values: await schema(values),
+    };
+  } catch (error) {
+    return {
+      values: {},
+      errors: toNestError(parseErrorSchema(error), options.fields),
+    };
+  }
+};

package/computed-types/src/index.ts

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

package/computed-types/src/types.ts

@@ -0,0 +1,14 @@
+import type {
+  FieldValues,
+  ResolverResult,
+  UnpackNestedValue,
+  ResolverOptions,
+} from 'react-hook-form';
+
+export type Resolver = (
+  schema: any,
+) => <TFieldValues extends FieldValues, TContext>(
+  values: UnpackNestedValue<TFieldValues>,
+  context: TContext | undefined,
+  options: ResolverOptions<TFieldValues>,
+) => Promise<ResolverResult<TFieldValues>>;

package/nope/dist/types.d.ts

@@ -1,5 +1,5 @@
 import type { FieldValues, ResolverOptions, ResolverResult, UnpackNestedValue } from 'react-hook-form';
-import type NopeObject from 'nope-validator/lib/cjs/NopeObject';
+import type { NopeObject } from 'nope-validator/lib/cjs/NopeObject';
 declare type ValidateOptions = Parameters<NopeObject['validate']>[2];
 declare type Context = Parameters<NopeObject['validate']>[1];
 export declare type Resolver = <T extends NopeObject>(schema: T, schemaOptions?: ValidateOptions) => <TFieldValues extends FieldValues, TContext extends Context>(values: UnpackNestedValue<TFieldValues>, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => ResolverResult<TFieldValues>;

package/nope/src/types.ts

@@ -4,7 +4,7 @@ import type {
   ResolverResult,
   UnpackNestedValue,
 } from 'react-hook-form';
-import type NopeObject from 'nope-validator/lib/cjs/NopeObject';
+import type { NopeObject } from 'nope-validator/lib/cjs/NopeObject';
 
 type ValidateOptions = Parameters<NopeObject['validate']>[2];
 type Context = Parameters<NopeObject['validate']>[1];

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@hookform/resolvers",
   "amdName": "hookformResolvers",
-  "version": "2.4.0",
-  "description": "React Hook Form validation resolvers: Yup, Joi, Superstruct, Zod, Vest, Class Validator, io-ts and Nope.",
+  "version": "2.5.0",
+  "description": "React Hook Form validation resolvers: Yup, Joi, Superstruct, Zod, Vest, Class Validator, io-ts, Nope and computed-types",
   "main": "dist/resolvers.js",
   "module": "dist/resolvers.module.js",
   "umd:main": "dist/resolvers.umd.js",
@@ -63,6 +63,12 @@
       "import": "./nope/dist/nope.mjs",
       "require": "./nope/dist/nope.js"
     },
+    "./computed-types": {
+      "browser": "./computed-types/dist/computed-types.module.js",
+      "umd": "./computed-types/dist/computed-types.umd.js",
+      "import": "./computed-types/dist/computed-types.mjs",
+      "require": "./computed-types/dist/computed-types.js"
+    },
     "./package.json": "./package.json",
     "./": "./"
   },
@@ -91,13 +97,16 @@
     "io-ts/dist",
     "nope/package.json",
     "nope/src",
-    "nope/dist"
+    "nope/dist",
+    "computed-types/package.json",
+    "computed-types/src",
+    "computed-types/dist"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "prepare": "run-s build:src build && check-export-map",
+    "prepare": "run-s build:src build && check-export-map && husky install",
     "build": "npm-run-all --parallel build:*",
     "build:src": "microbundle build",
     "build:zod": "microbundle --cwd zod --globals '@hookform/resolvers=hookformResolvers'",
@@ -108,6 +117,7 @@
     "build:vest": "microbundle --cwd vest --globals '@hookform/resolvers=hookformResolvers'",
     "build:class-validator": "microbundle --cwd class-validator --globals '@hookform/resolvers=hookformResolvers'",
     "build:nope": "microbundle --cwd nope --globals '@hookform/resolvers=hookformResolvers'",
+    "build:computed-types": "microbundle --cwd computed-types --globals '@hookform/resolvers=hookformResolvers'",
     "postbuild": "node ./config/node-13-exports.js",
     "lint": "eslint . --ext .ts,.js --ignore-path .gitignore",
     "lint:types": "tsc",
@@ -129,7 +139,8 @@
     "vest",
     "class-validator",
     "io-ts",
-    "nope"
+    "nope",
+    "computed-types"
   ],
   "repository": {
     "type": "git",
@@ -142,51 +153,47 @@
   },
   "homepage": "https://react-hook-form.com",
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.3",
-    "@testing-library/user-event": "^12.6.3",
-    "@types/jest": "^26.0.20",
-    "@types/react": "^17.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.14.2",
-    "@typescript-eslint/parser": "^4.14.2",
+    "@testing-library/jest-dom": "^5.12.0",
+    "@testing-library/react": "^11.2.6",
+    "@testing-library/user-event": "^13.1.8",
+    "@types/jest": "^26.0.23",
+    "@types/react": "^17.0.5",
+    "@typescript-eslint/eslint-plugin": "^4.22.1",
+    "@typescript-eslint/parser": "^4.22.1",
     "check-export-map": "^1.0.1",
     "class-transformer": "^0.4.0",
     "class-validator": "^0.13.1",
-    "eslint": "^7.19.0",
-    "eslint-config-prettier": "^7.2.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "fp-ts": "^2.7.0",
-    "husky": "^4.3.8",
+    "computed-types": "^1.6.0",
+    "eslint": "^7.26.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "fp-ts": "^2.10.5",
+    "husky": "^6.0.0",
     "io-ts": "^2.0.0",
     "io-ts-types": "^0.5.16",
     "jest": "^26.6.3",
-    "joi": "^17.3.0",
-    "lint-staged": "^10.5.3",
+    "joi": "^17.4.0",
+    "lint-staged": "^11.0.0",
     "microbundle": "^0.13.0",
     "monocle-ts": "^2.3.9",
     "newtype-ts": "^0.3.4",
-    "nope-validator": "^0.12.2",
+    "nope-validator": "^1.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.2.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-hook-form": "^7.0.0-alpha.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "7.0.0",
     "reflect-metadata": "^0.1.13",
-    "superstruct": "^0.14.0",
-    "ts-jest": "^26.5.0",
-    "typescript": "^4.1.3",
+    "superstruct": "^0.15.2",
+    "ts-jest": "^26.5.6",
+    "typescript": "^4.2.4",
     "vest": "^3.1.2",
-    "yup": "^0.32.8",
-    "zod": "^1.11.11"
+    "yup": "^0.32.9",
+    "zod": "^1.11.17"
   },
   "peerDependencies": {
     "react-hook-form": "^7.0.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "yarn lint:types && lint-staged"
-    }
-  },
   "lint-staged": {
     "*.{js,ts}": [
       "yarn lint --fix"