@coxy/react-validator 4.0.0 → 5.0.0

package/dist/index.js

@@ -1,2 +1,206 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var h=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,x={notEmpty:[{rule:r=>r!==""&&r.length>0,message:"Value is required"}],bool:[{rule:r=>!!r,message:"Value is required"}],password:[{rule:r=>r.length>0,message:"Password field cannot be empty"},{rule:r=>r.length>5,message:"Password field can not be less than 6 characters"}],email:[{rule:r=>!!r&&r!==""&&r.length!==0,message:"Email is required"},{rule:r=>h.test(String(r).toLowerCase()),message:"Email is invalid"}],min:r=>[{rule:e=>Number.parseFloat(e)>r,message:`The value must be greater than ${r}`}],max:r=>[{rule:e=>Number.parseFloat(e)<r,message:`The value must be smaller ${r}`}],length:(r,e)=>[{rule:t=>String(t).length>=r,message:`No less than ${r} symbols`},{rule:t=>e!==void 0?String(t).length<=e:true,message:`No more than ${e} symbols`}]};var V=class{rules;required;value;id;constructor({rules:e,required:t,value:s,id:i}){this.rules=e,this.required=t,this.value=s,this.id=i;}validate(){let e=true,t="",{rules:s,value:i,required:d,id:u}=this,n=!i&&Number.parseFloat(i)!==0;if(!s.length||n&&d===false)return {isValid:e,message:t,id:u};for(let a of s)e&&(e=a.rule(i),e||(typeof a.message=="function"?t=a.message(i):t=a.message));return {isValid:e,message:t,id:u}}},c=class{fields;params;constructor(e){this.params=e||null,this.fields=[];}addField(e){let t=new V(e);return this.fields.push(t),t}removeField(e){let t=this.fields.indexOf(e);t>-1&&this.fields.splice(t,1);}getField(e){return this.fields.find(t=>t.id===e)||null}validate(){let e,s=this.fields.map(i=>this.params?.stopAtFirstError&&e&&e.isValid===false?null:(e=i.validate(),e)).filter(i=>i&&i.isValid===false);if(s.length){let{isValid:i,message:d}=s[0];return {isValid:i,message:d,errors:s}}return {isValid:true,message:""}}};function b(r,e){let t=new c;t.addField({value:r,rules:e});let{isValid:s,...i}=t.validate();return [s,i]}var v=react.createContext(null);var w=react.forwardRef(function(e,t){let{children:s,value:i}=e,{customErrors:d,registerField:u,unregisterField:n}=react.useContext(v),a=react.useRef(e);a.current=e;let g=react.useRef(d);g.current=d;let p=react.useRef(null);p.current||(p.current={get props(){return a.current},validate:()=>{let m=a.current,y=g.current.find(o=>o.id===m.id);return y||new V({rules:m.rules,required:m.required,value:m.value,id:m.id}).validate()}}),react.useEffect(()=>(u(p.current),()=>{n(p.current);}),[u,n]);let F=p.current.validate();return typeof s=="function"?s(F,i):s});var S=react.forwardRef(function({children:e,stopAtFirstError:t},s){let i=react.useRef([]),[d,u]=react.useState([]),n=react.useCallback(l=>{l&&!i.current.includes(l)&&i.current.push(l);},[]),a=react.useCallback(l=>{let o=i.current.indexOf(l);o>-1&&i.current.splice(o,1);},[]),g=react.useCallback(l=>i.current.find(o=>o?.props?.id===l)||null,[]),p=react.useCallback(l=>{u(o=>[...o,l]);},[]),F=react.useCallback(()=>{u([]);},[]),m=react.useCallback(()=>{let l=new c({stopAtFirstError:t});for(let o of i.current)l.addField(o.props);return l.validate()},[t]);react.useImperativeHandle(s,()=>({validate:m,getField:g,registerField:n,unregisterField:a,setCustomError:p,clearCustomErrors:F}),[m,g,n,a,p,F]);let y=react.useMemo(()=>({customErrors:d,registerField:n,unregisterField:a}),[d,n,a]);return jsxRuntime.jsx(v.Provider,{value:y,children:e})});exports.Validator=c;exports.ValidatorField=w;exports.ValidatorWrapper=S;exports.rules=x;exports.useValidator=b;//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Validator: () => Validator,
+  ValidatorField: () => ValidatorField,
+  ValidatorWrapper: () => ValidatorWrapper,
+  rules: () => rules,
+  useValidator: () => useValidator
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/rules.ts
+var import_zod = require("zod");
+var rules = {
+  notEmpty: [import_zod.z.string().min(1, { error: "Field is required" })],
+  isTrue: [import_zod.z.boolean({ error: "Value is required" }).and(import_zod.z.literal(true))],
+  email: [import_zod.z.string().min(1, { error: "Email is required" }), import_zod.z.email({ message: "Email is invalid" })]
+};
+
+// src/validator.ts
+var Field = class {
+  rules;
+  required;
+  value;
+  id;
+  constructor({ rules: rules2, required, value, id }) {
+    this.rules = rules2;
+    this.required = required;
+    this.value = value;
+    this.id = id;
+  }
+  validate() {
+    let isValid = true;
+    let message = "";
+    const { value, required, id } = this;
+    let result = { success: true, data: value };
+    const isEmptyValue = !value && Number.parseFloat(value) !== 0;
+    const rules2 = Array.isArray(this.rules) ? this.rules : [this.rules];
+    if (!rules2.length || isEmptyValue && required === false) {
+      return {
+        isValid,
+        message,
+        id,
+        result: { success: true, data: value }
+      };
+    }
+    for (const ruleItem of rules2) {
+      if (isValid && ruleItem && "safeParse" in ruleItem) {
+        result = ruleItem.safeParse(value);
+        isValid = result.success;
+        if (!isValid && result.error) {
+          message = result.error.issues[0]?.message || "Validation error";
+        }
+      }
+    }
+    return { isValid, message, id, result };
+  }
+};
+var Validator = class {
+  fields;
+  params;
+  constructor(params) {
+    this.params = params || null;
+    this.fields = [];
+  }
+  addField(params) {
+    const field = new Field(params);
+    this.fields.push(field);
+    return field;
+  }
+  removeField(field) {
+    const index = this.fields.indexOf(field);
+    if (index > -1) this.fields.splice(index, 1);
+  }
+  getField(id) {
+    return this.fields.find((field) => field.id === id) || null;
+  }
+  validate() {
+    let prevResult;
+    const statuses = this.fields.map((field) => {
+      if (this.params?.stopAtFirstError && prevResult && prevResult.isValid === false) {
+        return null;
+      }
+      prevResult = field.validate();
+      return prevResult;
+    });
+    const results = statuses.filter((inst) => inst && inst.isValid === false);
+    if (results.length) {
+      return results[0];
+    }
+    return { isValid: true, message: "", result: results[0]?.result };
+  }
+};
+
+// src/use-validator.ts
+function useValidator(value, rules2) {
+  const validator = new Validator();
+  validator.addField({ value, rules: rules2 });
+  const { isValid, ...validateObject } = validator.validate();
+  return [isValid, validateObject];
+}
+
+// src/validator-field.tsx
+var import_react2 = require("react");
+
+// src/context.ts
+var import_react = require("react");
+var Context = (0, import_react.createContext)(null);
+
+// src/validator-field.tsx
+var ValidatorField = (0, import_react2.forwardRef)(function ValidatorField2(props, _ref) {
+  const { children, value } = props;
+  const { registerField, unregisterField } = (0, import_react2.useContext)(Context);
+  const propsRef = (0, import_react2.useRef)(props);
+  propsRef.current = props;
+  const handleRef = (0, import_react2.useRef)(null);
+  if (!handleRef.current) {
+    handleRef.current = {
+      get props() {
+        return propsRef.current;
+      },
+      validate: () => {
+        const curr = propsRef.current;
+        const field = new Field({
+          rules: curr.rules,
+          required: curr.required,
+          value: curr.value,
+          id: curr.id
+        });
+        return field.validate();
+      }
+    };
+  }
+  (0, import_react2.useEffect)(() => {
+    registerField(handleRef.current);
+    return () => {
+      unregisterField(handleRef.current);
+    };
+  }, [registerField, unregisterField]);
+  const validity = handleRef.current.validate();
+  return typeof children === "function" ? children(validity, value) : children;
+});
+
+// src/validator-wrapper.tsx
+var import_react3 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ValidatorWrapper = (0, import_react3.forwardRef)(function ValidatorWrapper2({ children, stopAtFirstError }, ref) {
+  const fieldsRef = (0, import_react3.useRef)([]);
+  const registerField = (0, import_react3.useCallback)((field) => {
+    if (field && !fieldsRef.current.includes(field)) {
+      fieldsRef.current.push(field);
+    }
+  }, []);
+  const unregisterField = (0, import_react3.useCallback)((field) => {
+    const index = fieldsRef.current.indexOf(field);
+    if (index > -1) fieldsRef.current.splice(index, 1);
+  }, []);
+  const getField = (0, import_react3.useCallback)((id) => {
+    return fieldsRef.current.find((field) => field?.props?.id === id) || null;
+  }, []);
+  const validate = (0, import_react3.useCallback)(() => {
+    const validator = new Validator({ stopAtFirstError });
+    for (const comp of fieldsRef.current) {
+      validator.addField(comp.props);
+    }
+    return validator.validate();
+  }, [stopAtFirstError]);
+  (0, import_react3.useImperativeHandle)(
+    ref,
+    () => ({
+      validate,
+      getField,
+      registerField,
+      unregisterField
+    }),
+    [validate, getField, registerField, unregisterField]
+  );
+  const contextValue = (0, import_react3.useMemo)(() => ({ registerField, unregisterField }), [registerField, unregisterField]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: contextValue, children });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Validator,
+  ValidatorField,
+  ValidatorWrapper,
+  rules,
+  useValidator
+});

package/example/example.tsx

@@ -1,6 +1,7 @@
+// biome-ignore lint/correctness/noUnusedImports: <need>
 import React, { createRef, useState } from 'react'
 import ReactDOM from 'react-dom/client'
-import { rules, Validator, ValidatorField, ValidatorWrapper } from '../dist/index'
+import { rules, ValidatorField, ValidatorWrapper } from '../dist/index'
 
 function App() {
   const [email, setEmail] = useState('')
@@ -15,32 +16,6 @@ function App() {
     console.log('success')
   }
 
-  function handleValidateCustomFields() {
-    const validator = new Validator({ stopAtFirstError: true })
-    const fieldPassword = validator.addField({
-      rules: rules.password,
-      value: '',
-      id: 'for-remove',
-    })
-
-    const fieldSearchPassword = validator.getField('for-remove')
-    console.log(fieldPassword === fieldSearchPassword)
-
-    validator.removeField(fieldPassword)
-
-    validator.addField({
-      rules: rules.password,
-      value: 'testpassword',
-    })
-
-    const { isValid, message, errors } = validator.validate()
-    if (!isValid) {
-      console.log(isValid, message, errors)
-      return
-    }
-    console.log('success')
-  }
-
   return (
     <ValidatorWrapper ref={jsxValidator}>
       <ValidatorField rules={rules.email} value={email}>
@@ -55,9 +30,6 @@ function App() {
           </>
         )}
       </ValidatorField>
-      <button onClick={handleValidateCustomFields} type="button">
-        Validate custom fields
-      </button>
     </ValidatorWrapper>
   )
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coxy/react-validator",
-  "version": "4.0.0",
-  "description": "🚀 Simple validation form for React or NodeJS apps. useValidator are included ;)",
+  "version": "5.0.0",
+  "description": "🚀 Simple validation form for React or NodeJS apps with zod. useValidator are included ;)",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -22,8 +22,8 @@
   "author": "dsshard",
   "scripts": {
     "start": "tsup ./src/index.ts --watch",
-    "build": "tsup",
-    "lint": "biome lint --fix",
+    "build": "tsup ./src/index.ts",
+    "lint": "npx biome lint --fix",
     "example": "NODE_ENV=production npx esbuild example/example.tsx --bundle --outfile=example/dist/example.js --minify --format=esm --target=es2020",
     "coverage": "npx codecov",
     "coveralls": "npx coveralls .",
@@ -33,11 +33,10 @@
   "peerDependencies": {
     "react": ">=18.x.x"
   },
-  "dependencies": {},
+  "dependencies": {
+    "zod": "^3.25.0 || ^4.0.0"
+  },
   "devDependencies": {
-    "react": ">=18.x.x",
-    "react-dom": ">=18.x.x",
-    "@biomejs/biome": "2.2.2",
     "@testing-library/dom": "10.4.1",
     "@testing-library/react": "16.3.0",
     "@types/jest": "30.0.0",
@@ -46,10 +45,12 @@
     "@types/react-dom": "19.1.7",
     "jest": "30.0.5",
     "jest-environment-jsdom": "30.0.5",
-    "tsup": "8.5.0",
+    "react": ">=18.x.x",
+    "react-dom": ">=18.x.x",
     "react-test-renderer": "19.1.1",
     "ts-jest": "29.4.0",
     "ts-node": "10.9.2",
+    "tsup": "8.5.0",
     "typescript": "5.8.3"
   }
 }

package/src/context.ts

@@ -10,5 +10,4 @@ export interface RegisteredFieldHandle {
 export const Context = createContext<{
   registerField: (field: RegisteredFieldHandle) => void
   unregisterField: (field: RegisteredFieldHandle) => void
-  customErrors: Array<Validity>
 }>(null)

package/src/index.ts

@@ -1,6 +1,6 @@
 export { rules } from './rules'
 
-export type { ErrorMessage, FieldParams, ValidatorRule, Validity } from './types'
+export type { ErrorMessage, FieldParams, Validity } from './types'
 export { useValidator } from './use-validator'
 export { Validator } from './validator'
 export { ValidatorField } from './validator-field'

package/src/rules.test.ts

@@ -1,132 +1,37 @@
+import type { ZodSafeParseResult } from 'zod'
 import { rules } from './rules'
 
 it('check rule email', () => {
   expect(rules.email.length).toBe(2)
 
-  let result: boolean
+  let result: ZodSafeParseResult<string>
   // email.length > 0
-  result = rules.email[0].rule('test')
-  expect(result).toBe(true)
+  result = rules.email[0].safeParse('test')
+  expect(result.success).toBe(true)
 
   // email check regexp
-  result = rules.email[1].rule('test')
-  expect(result).toBe(false)
+  result = rules.email[1].safeParse('test')
+  expect(result.success).toBe(false)
 
   // email check regexp
-  result = rules.email[1].rule('test@gmail.com')
-  expect(result).toBe(true)
-})
-
-it('check rule password', () => {
-  expect(rules.password.length).toBe(2)
-
-  let result: boolean
-  // password.length > 0
-  result = rules.password[0].rule('test')
-  expect(result).toBe(true)
-
-  // password.length > 5
-  result = rules.password[1].rule('test')
-  expect(result).toBe(false)
+  result = rules.email[1].safeParse('test@gmail.com')
+  expect(result.success).toBe(true)
 })
 
 it('check rule bool', () => {
-  expect(rules.bool.length).toBe(1)
+  expect(rules.isTrue.length).toBe(1)
 
-  // @ts-expect-error
-  const result = rules.bool[0].rule(true)
-  expect(result).toBe(true)
+  const result = rules.isTrue[0].safeParse(true)
+  expect(result.success).toBe(true)
 })
 
 it('check rule notEmpty', () => {
   expect(rules.notEmpty.length).toBe(1)
 
-  let result: boolean
-  result = rules.notEmpty[0].rule('')
-  expect(result).toBe(false)
-
-  result = rules.notEmpty[0].rule('test')
-  expect(result).toBe(true)
-})
-
-it('check rule min', () => {
-  expect(rules.min(1).length).toBe(1)
-  expect(typeof rules.min).toBe('function')
-
-  let result: boolean
-  result = rules.min(10)[0].rule('')
-  expect(result).toBe(false)
-
-  result = rules.min(9)[0].rule('test-test-test')
-  expect(result).toBe(false)
-
-  result = rules.min(9)[0].rule('11')
-  expect(result).toBe(true)
-
-  // @ts-expect-error
-  result = rules.min(9)[0].rule(10)
-  expect(result).toBe(true)
-
-  result = rules.min(9)[0].rule('8')
-  expect(result).toBe(false)
-
-  // @ts-expect-error
-  result = rules.min(9)[0].rule(7)
-  expect(result).toBe(false)
-
-  result = rules.min(-1)[0].rule('')
-  expect(result).toBe(false)
-})
-
-it('check rule max', () => {
-  let result: boolean
-  result = rules.max(10)[0].rule('')
-  expect(result).toBe(false)
-
-  result = rules.max(9)[0].rule('test-test-test')
-  expect(result).toBe(false)
-
-  result = rules.max(9)[0].rule('11')
-  expect(result).toBe(false)
-
-  // @ts-expect-error
-  result = rules.max(9)[0].rule(10)
-  expect(result).toBe(false)
-
-  result = rules.max(9)[0].rule('5')
-  expect(result).toBe(true)
-
-  // @ts-expect-error
-  result = rules.max(9)[0].rule(5)
-  expect(result).toBe(true)
-
-  result = rules.max(-1)[0].rule('')
-  expect(result).toBe(false)
-})
-
-it('check rule length', () => {
-  let result: boolean
-  result = rules.length(1)[0].rule('')
-  expect(result).toBe(false)
-
-  result = rules.length(1)[0].rule('1')
-  expect(result).toBe(true)
-
-  result = rules.length(1, 10)[0].rule('test-test-test')
-  expect(result).toBe(true)
-
-  result = rules.length(1, 10)[1].rule('test-test-test')
-  expect(result).toBe(false)
-
-  result = rules.length(1, 10)[0].rule('lol')
-  expect(result).toBe(true)
-
-  result = rules.length(1, 10)[1].rule('lol')
-  expect(result).toBe(true)
-
-  result = rules.length(1)[1].rule('test undefined 2 param')
-  expect(result).toBe(true)
+  let result: ZodSafeParseResult<string>
+  result = rules.notEmpty[0].safeParse('')
+  expect(result.success).toBe(false)
 
-  result = rules.length(10)[0].rule('tes')
-  expect(result).toBe(false)
+  result = rules.notEmpty[0].safeParse('test')
+  expect(result.success).toBe(true)
 })

package/src/rules.ts

@@ -1,70 +1,9 @@
-import type { ValidatorRule } from './types'
+import { z } from 'zod'
 
-// eslint-disable-next-line
-const emailReg =
-  /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-
-export type ValidatorRules = ValidatorRule[]
+export type ValidatorRules = z.ZodType[] | z.ZodType
 
 export const rules = {
-  notEmpty: [
-    {
-      rule: (value: string) => value !== '' && value.length > 0,
-      message: 'Value is required',
-    },
-  ],
-
-  bool: [
-    {
-      rule: (value: string) => !!value,
-      message: 'Value is required',
-    },
-  ],
-
-  password: [
-    {
-      rule: (value: string) => value.length > 0,
-      message: 'Password field cannot be empty',
-    },
-    {
-      rule: (value: string) => value.length > 5,
-      message: 'Password field can not be less than 6 characters',
-    },
-  ],
-
-  email: [
-    {
-      rule: (value: string) => !!value && value !== '' && value.length !== 0,
-      message: 'Email is required',
-    },
-    {
-      rule: (value: string) => emailReg.test(String(value).toLowerCase()),
-      message: 'Email is invalid',
-    },
-  ],
-
-  min: (min: number) => [
-    {
-      rule: (value: string) => Number.parseFloat(value) > min,
-      message: `The value must be greater than ${min}`,
-    },
-  ],
-
-  max: (max: number) => [
-    {
-      rule: (value: string) => Number.parseFloat(value) < max,
-      message: `The value must be smaller ${max}`,
-    },
-  ],
-
-  length: (min: number, max?: number) => [
-    {
-      rule: (value: string) => String(value).length >= min,
-      message: `No less than ${min} symbols`,
-    },
-    {
-      rule: (value: string) => (max !== undefined ? String(value).length <= max : true),
-      message: `No more than ${max} symbols`,
-    },
-  ],
+  notEmpty: [z.string().min(1, { error: 'Field is required' })],
+  isTrue: [z.boolean({ error: 'Value is required' }).and(z.literal(true))],
+  email: [z.string().min(1, { error: 'Email is required' }), z.email({ message: 'Email is invalid' })],
 }

package/src/types.ts

@@ -1,13 +1,7 @@
+import type { ZodSafeParseResult } from 'zod/index'
 import type { ValidatorRules } from './rules'
 import type { Value } from './validator-field'
 
-type Fn = (value: Value) => string
-
-export interface ValidatorRule {
-  rule: (value: Value) => boolean
-  message: string | Fn
-}
-
 export interface ErrorMessage {
   message: string
   isValid: boolean
@@ -16,7 +10,7 @@ export interface ErrorMessage {
 export interface Validity {
   message: string
   isValid: boolean
-  errors?: ErrorMessage[]
+  result: ZodSafeParseResult<unknown>
   id?: string | number
 }
 

package/src/use-validator.test.tsx

@@ -24,14 +24,14 @@ jest.useFakeTimers()
 it('check state change and hide field', () => {
   function Comp() {
     const [value, setValue] = useState(false)
-    const [isValid, validateObject] = useValidator(value, rules.bool)
+    const [isValid, validateObject] = useValidator(value, rules.isTrue)
 
     useEffect(() => {
       setTimeout(() => {
         act(() => {
           setValue(true)
         })
-      }, 100)
+      }, 200)
     }, [])
 
     return (
@@ -46,7 +46,7 @@ it('check state change and hide field', () => {
   })
 
   expect(screen.getByTestId('test1').textContent).toContain('false')
-  expect(screen.getByTestId('test2').textContent).toContain('Value is required')
+  expect(screen.getByTestId('test2').textContent).toContain('Invalid input: expected true')
 
   jest.runAllTimers()
 

package/src/use-validator.ts

@@ -3,7 +3,7 @@ import type { Validity } from './types'
 import { Validator } from './validator'
 import type { Value } from './validator-field'
 
-export function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message' | 'errors'>] {
+export function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message'>] {
   const validator = new Validator()
   validator.addField({ value, rules })
   const { isValid, ...validateObject } = validator.validate()

package/src/validator-field.test.tsx

@@ -4,7 +4,6 @@
 
 import { act, render } from '@testing-library/react'
 import { createRef, useEffect, useState } from 'react'
-
 import { rules } from './rules'
 import { ValidatorField } from './validator-field'
 import { ValidatorWrapper } from './validator-wrapper'
@@ -51,13 +50,11 @@ it('check failed validation', () => {
 
     expect(validateResult1.isValid).toBe(false)
     expect(validateResult1.message).toBe('Email is invalid')
-    expect(validateResult1.errors.length).toBe(1)
 
     const validateResult2 = validator2.current.validate()
 
     expect(validateResult2.isValid).toBe(false)
     expect(validateResult2.message).toBe('Email is required')
-    expect(validateResult2.errors.length).toBe(1)
   })
 })
 
@@ -93,7 +90,6 @@ it('check state change and hide field', () => {
 
   expect(validateResult1.isValid).toBe(false)
   expect(validateResult1.message).toBe('Email is invalid')
-  expect(validateResult1.errors.length).toBe(1)
 })
 
 it('check success validation', () => {
@@ -126,28 +122,6 @@ it('check success validation fot child function', () => {
   expect(validateResult.message).toBe('')
 })
 
-it('check custom rule message function', () => {
-  const validator = createRef<ValidatorWrapper>()
-  const rule = [
-    {
-      rule: (value: string) => value !== 'test',
-      message: (value: string) => `test message ${value}`,
-    },
-  ]
-  render(
-    <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={rule} value="test">
-        {({ isValid, message }) => <>{!isValid && <div>{message}</div>}</>}
-      </ValidatorField>
-    </ValidatorWrapper>,
-  )
-
-  const validateResult = validator.current.validate()
-
-  expect(validateResult.isValid).toBe(false)
-  expect(validateResult.message).toBe('test message test')
-})
-
 jest.useFakeTimers()
 
 it('re-renders the same field to cover handleRef initialization false branch and else-validate path', () => {

package/src/validator-field.tsx

@@ -15,14 +15,11 @@ type Props = FieldParams & {
 
 export const ValidatorField = forwardRef<unknown, Props>(function ValidatorField(props: Props, _ref) {
   const { children, value } = props
-  const { customErrors, registerField, unregisterField } = useContext(Context)
+  const { registerField, unregisterField } = useContext(Context)
 
   const propsRef = useRef(props)
   propsRef.current = props
 
-  const customErrorsRef = useRef(customErrors)
-  customErrorsRef.current = customErrors
-
   const handleRef = useRef<RegisteredFieldHandle | null>(null)
   if (!handleRef.current) {
     handleRef.current = {
@@ -31,10 +28,6 @@ export const ValidatorField = forwardRef<unknown, Props>(function ValidatorField
       },
       validate: () => {
         const curr = propsRef.current
-        const customError = customErrorsRef.current.find((item) => item.id === curr.id)
-        if (customError) {
-          return customError
-        }
         const field = new Field({
           rules: curr.rules,
           required: curr.required,

package/src/validator-wrapper.test.tsx

@@ -4,7 +4,7 @@
 
 import { render } from '@testing-library/react'
 import { createRef } from 'react'
-
+import type { Validity } from 'types'
 import { rules } from './rules'
 import { ValidatorField } from './validator-field'
 import { ValidatorWrapper } from './validator-wrapper'
@@ -62,13 +62,13 @@ it('check stopAtFirstError validator', () => {
     <ValidatorWrapper ref={validator} stopAtFirstError>
       <ValidatorField rules={[]} value="test" />
       <ValidatorField rules={rules.email} value="test" />
-      <ValidatorField rules={rules.password} value="" />
+      <ValidatorField rules={rules.isTrue} value={false} />
     </ValidatorWrapper>,
   )
+
   const fieldValidate = validator.current.validate()
   expect(fieldValidate.isValid).toBe(false)
   expect(fieldValidate.message).toBe('Email is invalid')
-  expect(fieldValidate.errors.length).toBe(1)
 })
 
 it('check unregisterField, registerField', () => {
@@ -107,7 +107,7 @@ it('check wrapper in wrapper', () => {
     <ValidatorWrapper ref={validatorOut}>
       <ValidatorField rules={rules.email} value="" />
       <ValidatorWrapper ref={validatorIn}>
-        <ValidatorField rules={rules.password} value="successpasswword" />
+        <ValidatorField rules={rules.isTrue} value={true} />
       </ValidatorWrapper>
     </ValidatorWrapper>,
   )
@@ -121,7 +121,7 @@ it('check two validators', () => {
   render(
     <>
       <ValidatorWrapper ref={validatorSuccess}>
-        <ValidatorField rules={rules.password} value="successpasswword" />
+        <ValidatorField rules={rules.notEmpty} value="successpasswword" />
       </ValidatorWrapper>
       <ValidatorWrapper ref={validatorFailed}>
         <ValidatorField rules={rules.email} value="" />
@@ -146,7 +146,7 @@ it('covers registerField duplicate and unregisterField non-existing branches', (
   validator.current.unregisterField(handle)
   const dummy = {
     props: { value: '', rules: [], id: 'dummy' },
-    validate: () => ({ isValid: true, message: '' }),
+    validate: (): Validity => ({ isValid: true, message: '', result: { success: true, data: null } }),
   }
   validator.current.unregisterField(dummy)
 })

package/src/validator-wrapper.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, type ReactNode, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react'
+import { forwardRef, type ReactNode, useCallback, useImperativeHandle, useMemo, useRef } from 'react'
 
 import { Context, type RegisteredFieldHandle } from './context'
 import type { Validity } from './types'
@@ -14,8 +14,6 @@ export interface ValidatorWrapper {
   getField: (id: string | number) => RegisteredFieldHandle | null
   registerField: (field: RegisteredFieldHandle) => void
   unregisterField: (field: RegisteredFieldHandle) => void
-  setCustomError: (customError: Validity) => void
-  clearCustomErrors: () => void
 }
 
 export const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(function ValidatorWrapper(
@@ -23,7 +21,6 @@ export const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(fun
   ref,
 ) {
   const fieldsRef = useRef<RegisteredFieldHandle[]>([])
-  const [customErrors, setCustomErrors] = useState<Validity[]>([])
 
   const registerField = useCallback((field: RegisteredFieldHandle) => {
     if (field && !fieldsRef.current.includes(field)) {
@@ -40,14 +37,6 @@ export const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(fun
     return fieldsRef.current.find((field) => field?.props?.id === id) || null
   }, [])
 
-  const setCustomError = useCallback<ValidatorWrapper['setCustomError']>((customError) => {
-    setCustomErrors((prev) => [...prev, customError])
-  }, [])
-
-  const clearCustomErrors = useCallback<ValidatorWrapper['clearCustomErrors']>(() => {
-    setCustomErrors([])
-  }, [])
-
   const validate = useCallback<ValidatorWrapper['validate']>(() => {
     const validator = new Validator({ stopAtFirstError })
     for (const comp of fieldsRef.current) {
@@ -63,16 +52,11 @@ export const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(fun
       getField,
       registerField,
       unregisterField,
-      setCustomError,
-      clearCustomErrors,
     }),
-    [validate, getField, registerField, unregisterField, setCustomError, clearCustomErrors],
+    [validate, getField, registerField, unregisterField],
   )
 
-  const contextValue = useMemo(
-    () => ({ customErrors, registerField, unregisterField }),
-    [customErrors, registerField, unregisterField],
-  )
+  const contextValue = useMemo(() => ({ registerField, unregisterField }), [registerField, unregisterField])
 
   return <Context.Provider value={contextValue}>{children}</Context.Provider>
 })

package/src/validator.test.tsx

@@ -10,7 +10,7 @@ it('check normal create validator', () => {
 it('check normal add and remove fields', () => {
   const validator = new Validator({ stopAtFirstError: true })
   const fieldPassword = validator.addField({
-    rules: rules.password,
+    rules: rules.email,
     value: '',
     id: 'for-remove',
   })

package/src/validator.ts

@@ -1,3 +1,4 @@
+import type { ZodSafeParseResult } from 'zod'
 import type { ValidatorRules } from './rules'
 import type { FieldParams, Validity } from './types'
 import type { Value } from './validator-field'
@@ -18,26 +19,31 @@ export class Field {
   validate(): Validity {
     let isValid = true
     let message = ''
-    const { rules, value, required, id } = this
+    const { value, required, id } = this
+    let result: ZodSafeParseResult<unknown> = { success: true, data: value }
 
     const isEmptyValue = !value && Number.parseFloat(value) !== 0
+    const rules = Array.isArray(this.rules) ? this.rules : [this.rules]
 
     if (!rules.length || (isEmptyValue && required === false)) {
-      return { isValid, message, id }
+      return {
+        isValid,
+        message,
+        id,
+        result: { success: true, data: value },
+      }
     }
-    for (const instance of rules) {
-      if (isValid) {
-        isValid = instance.rule(value)
-        if (!isValid) {
-          if (typeof instance.message === 'function') {
-            message = instance.message(value)
-          } else {
-            message = instance.message
-          }
+    for (const ruleItem of rules) {
+      if (isValid && ruleItem && 'safeParse' in ruleItem) {
+        // Handle Zod schemas
+        result = ruleItem.safeParse(value)
+        isValid = result.success
+        if (!isValid && result.error) {
+          message = result.error.issues[0]?.message || 'Validation error'
         }
       }
     }
-    return { isValid, message, id }
+    return { isValid, message, id, result }
   }
 }
 
@@ -79,12 +85,11 @@ export class Validator {
       return prevResult
     })
 
-    const errors = statuses.filter((inst) => inst && inst.isValid === false)
+    const results = statuses.filter((inst) => inst && inst.isValid === false)
 
-    if (errors.length) {
-      const { isValid, message } = errors[0]
-      return { isValid, message, errors }
+    if (results.length) {
+      return results[0]
     }
-    return { isValid: true, message: '' }
+    return { isValid: true, message: '', result: results[0]?.result }
   }
 }

package/dist/index.d.mts

@@ -1,106 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-type Value = any;
-type Fn$1 = (validity: Validity, value: Value) => ReactNode;
-declare const ValidatorField: react.ForwardRefExoticComponent<FieldParams & {
-    children?: ReactNode | Fn$1;
-} & react.RefAttributes<unknown>>;
-
-type Fn = (value: Value) => string;
-interface ValidatorRule {
-    rule: (value: Value) => boolean;
-    message: string | Fn;
-}
-interface ErrorMessage {
-    message: string;
-    isValid: boolean;
-}
-interface Validity {
-    message: string;
-    isValid: boolean;
-    errors?: ErrorMessage[];
-    id?: string | number;
-}
-interface FieldParams {
-    value: Value;
-    rules: ValidatorRules;
-    required?: boolean;
-    id?: string | number;
-}
-
-type ValidatorRules = ValidatorRule[];
-declare const rules: {
-    notEmpty: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    bool: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    password: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    email: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    min: (min: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    max: (max: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    length: (min: number, max?: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-};
-
-declare function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message' | 'errors'>];
-
-declare class Field {
-    protected rules: ValidatorRules;
-    protected required: boolean;
-    protected value: Value;
-    id: string | number;
-    constructor({ rules, required, value, id }: FieldParams);
-    validate(): Validity;
-}
-interface ValidatorParams {
-    stopAtFirstError: boolean;
-}
-declare class Validator {
-    private fields;
-    private params;
-    constructor(params?: ValidatorParams);
-    addField(params: FieldParams): Field;
-    removeField(field: Field): void;
-    getField(id: Field['id']): Field;
-    validate(): Validity;
-}
-
-interface RegisteredFieldHandle {
-    props: FieldParams;
-    validate: () => Validity;
-}
-
-interface ComponentProps {
-    children?: ReactNode;
-    stopAtFirstError?: boolean;
-}
-interface ValidatorWrapper {
-    validate: () => Validity;
-    getField: (id: string | number) => RegisteredFieldHandle | null;
-    registerField: (field: RegisteredFieldHandle) => void;
-    unregisterField: (field: RegisteredFieldHandle) => void;
-    setCustomError: (customError: Validity) => void;
-    clearCustomErrors: () => void;
-}
-declare const ValidatorWrapper: react.ForwardRefExoticComponent<ComponentProps & react.RefAttributes<ValidatorWrapper>>;
-
-export { type ErrorMessage, type FieldParams, Validator, ValidatorField, type ValidatorRule, ValidatorWrapper, type Validity, rules, useValidator };

package/dist/index.d.ts

@@ -1,106 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-type Value = any;
-type Fn$1 = (validity: Validity, value: Value) => ReactNode;
-declare const ValidatorField: react.ForwardRefExoticComponent<FieldParams & {
-    children?: ReactNode | Fn$1;
-} & react.RefAttributes<unknown>>;
-
-type Fn = (value: Value) => string;
-interface ValidatorRule {
-    rule: (value: Value) => boolean;
-    message: string | Fn;
-}
-interface ErrorMessage {
-    message: string;
-    isValid: boolean;
-}
-interface Validity {
-    message: string;
-    isValid: boolean;
-    errors?: ErrorMessage[];
-    id?: string | number;
-}
-interface FieldParams {
-    value: Value;
-    rules: ValidatorRules;
-    required?: boolean;
-    id?: string | number;
-}
-
-type ValidatorRules = ValidatorRule[];
-declare const rules: {
-    notEmpty: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    bool: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    password: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    email: {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    min: (min: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    max: (max: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-    length: (min: number, max?: number) => {
-        rule: (value: string) => boolean;
-        message: string;
-    }[];
-};
-
-declare function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message' | 'errors'>];
-
-declare class Field {
-    protected rules: ValidatorRules;
-    protected required: boolean;
-    protected value: Value;
-    id: string | number;
-    constructor({ rules, required, value, id }: FieldParams);
-    validate(): Validity;
-}
-interface ValidatorParams {
-    stopAtFirstError: boolean;
-}
-declare class Validator {
-    private fields;
-    private params;
-    constructor(params?: ValidatorParams);
-    addField(params: FieldParams): Field;
-    removeField(field: Field): void;
-    getField(id: Field['id']): Field;
-    validate(): Validity;
-}
-
-interface RegisteredFieldHandle {
-    props: FieldParams;
-    validate: () => Validity;
-}
-
-interface ComponentProps {
-    children?: ReactNode;
-    stopAtFirstError?: boolean;
-}
-interface ValidatorWrapper {
-    validate: () => Validity;
-    getField: (id: string | number) => RegisteredFieldHandle | null;
-    registerField: (field: RegisteredFieldHandle) => void;
-    unregisterField: (field: RegisteredFieldHandle) => void;
-    setCustomError: (customError: Validity) => void;
-    clearCustomErrors: () => void;
-}
-declare const ValidatorWrapper: react.ForwardRefExoticComponent<ComponentProps & react.RefAttributes<ValidatorWrapper>>;
-
-export { type ErrorMessage, type FieldParams, Validator, ValidatorField, type ValidatorRule, ValidatorWrapper, type Validity, rules, useValidator };

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/rules.ts","../src/validator.ts","../src/use-validator.ts","../src/context.ts","../src/validator-field.tsx","../src/validator-wrapper.tsx"],"names":["emailReg","rules","value","min","max","Field","required","id","isValid","message","isEmptyValue","instance","Validator","params","field","index","prevResult","errors","inst","useValidator","validator","validateObject","Context","createContext","ValidatorField","forwardRef","props","_ref","children","customErrors","registerField","unregisterField","useContext","propsRef","useRef","customErrorsRef","handleRef","curr","customError","item","useEffect","validity","ValidatorWrapper","stopAtFirstError","ref","fieldsRef","setCustomErrors","useState","useCallback","getField","setCustomError","prev","clearCustomErrors","validate","comp","useImperativeHandle","contextValue","useMemo","jsx"],"mappings":"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","file":"index.js","sourcesContent":["import type { ValidatorRule } from './types'\n\n// eslint-disable-next-line\nconst emailReg =\n  /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\nexport type ValidatorRules = ValidatorRule[]\n\nexport const rules = {\n  notEmpty: [\n    {\n      rule: (value: string) => value !== '' && value.length > 0,\n      message: 'Value is required',\n    },\n  ],\n\n  bool: [\n    {\n      rule: (value: string) => !!value,\n      message: 'Value is required',\n    },\n  ],\n\n  password: [\n    {\n      rule: (value: string) => value.length > 0,\n      message: 'Password field cannot be empty',\n    },\n    {\n      rule: (value: string) => value.length > 5,\n      message: 'Password field can not be less than 6 characters',\n    },\n  ],\n\n  email: [\n    {\n      rule: (value: string) => !!value && value !== '' && value.length !== 0,\n      message: 'Email is required',\n    },\n    {\n      rule: (value: string) => emailReg.test(String(value).toLowerCase()),\n      message: 'Email is invalid',\n    },\n  ],\n\n  min: (min: number) => [\n    {\n      rule: (value: string) => Number.parseFloat(value) > min,\n      message: `The value must be greater than ${min}`,\n    },\n  ],\n\n  max: (max: number) => [\n    {\n      rule: (value: string) => Number.parseFloat(value) < max,\n      message: `The value must be smaller ${max}`,\n    },\n  ],\n\n  length: (min: number, max?: number) => [\n    {\n      rule: (value: string) => String(value).length >= min,\n      message: `No less than ${min} symbols`,\n    },\n    {\n      rule: (value: string) => (max !== undefined ? String(value).length <= max : true),\n      message: `No more than ${max} symbols`,\n    },\n  ],\n}\n","import type { ValidatorRules } from './rules'\nimport type { FieldParams, Validity } from './types'\nimport type { Value } from './validator-field'\n\nexport class Field {\n  protected rules: ValidatorRules\n  protected required: boolean\n  protected value: Value\n  public id: string | number\n\n  constructor({ rules, required, value, id }: FieldParams) {\n    this.rules = rules\n    this.required = required\n    this.value = value\n    this.id = id\n  }\n\n  validate(): Validity {\n    let isValid = true\n    let message = ''\n    const { rules, value, required, id } = this\n\n    const isEmptyValue = !value && Number.parseFloat(value) !== 0\n\n    if (!rules.length || (isEmptyValue && required === false)) {\n      return { isValid, message, id }\n    }\n    for (const instance of rules) {\n      if (isValid) {\n        isValid = instance.rule(value)\n        if (!isValid) {\n          if (typeof instance.message === 'function') {\n            message = instance.message(value)\n          } else {\n            message = instance.message\n          }\n        }\n      }\n    }\n    return { isValid, message, id }\n  }\n}\n\nexport interface ValidatorParams {\n  stopAtFirstError: boolean\n}\n\nexport class Validator {\n  private fields: Field[]\n  private params: ValidatorParams\n\n  constructor(params?: ValidatorParams) {\n    this.params = params || null\n    this.fields = []\n  }\n\n  addField(params: FieldParams): Field {\n    const field = new Field(params)\n    this.fields.push(field)\n    return field\n  }\n\n  removeField(field: Field): void {\n    const index = this.fields.indexOf(field)\n    if (index > -1) this.fields.splice(index, 1)\n  }\n\n  getField(id: Field['id']): Field {\n    return this.fields.find((field) => field.id === id) || null\n  }\n\n  validate(): Validity {\n    let prevResult: Validity | null\n    const statuses = this.fields.map((field) => {\n      if (this.params?.stopAtFirstError && prevResult && prevResult.isValid === false) {\n        return null\n      }\n      prevResult = field.validate()\n      return prevResult\n    })\n\n    const errors = statuses.filter((inst) => inst && inst.isValid === false)\n\n    if (errors.length) {\n      const { isValid, message } = errors[0]\n      return { isValid, message, errors }\n    }\n    return { isValid: true, message: '' }\n  }\n}\n","import type { ValidatorRules } from './rules'\nimport type { Validity } from './types'\nimport { Validator } from './validator'\nimport type { Value } from './validator-field'\n\nexport function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message' | 'errors'>] {\n  const validator = new Validator()\n  validator.addField({ value, rules })\n  const { isValid, ...validateObject } = validator.validate()\n  return [isValid, validateObject]\n}\n","import { createContext } from 'react'\n\nimport type { FieldParams, Validity } from './types'\n\nexport interface RegisteredFieldHandle {\n  props: FieldParams\n  validate: () => Validity\n}\n\nexport const Context = createContext<{\n  registerField: (field: RegisteredFieldHandle) => void\n  unregisterField: (field: RegisteredFieldHandle) => void\n  customErrors: Array<Validity>\n}>(null)\n","import { forwardRef, type ReactNode, useContext, useEffect, useRef } from 'react'\nimport type { FieldParams, Validity } from 'types'\n\nimport { Context, type RegisteredFieldHandle } from './context'\nimport { Field } from './validator'\n\n// biome-ignore lint/suspicious/noExplicitAny: <need>\nexport type Value = any\n\ntype Fn = (validity: Validity, value: Value) => ReactNode\n\ntype Props = FieldParams & {\n  children?: ReactNode | Fn\n}\n\nexport const ValidatorField = forwardRef<unknown, Props>(function ValidatorField(props: Props, _ref) {\n  const { children, value } = props\n  const { customErrors, registerField, unregisterField } = useContext(Context)\n\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const customErrorsRef = useRef(customErrors)\n  customErrorsRef.current = customErrors\n\n  const handleRef = useRef<RegisteredFieldHandle | null>(null)\n  if (!handleRef.current) {\n    handleRef.current = {\n      get props() {\n        return propsRef.current\n      },\n      validate: () => {\n        const curr = propsRef.current\n        const customError = customErrorsRef.current.find((item) => item.id === curr.id)\n        if (customError) {\n          return customError\n        }\n        const field = new Field({\n          rules: curr.rules,\n          required: curr.required,\n          value: curr.value,\n          id: curr.id,\n        })\n        return field.validate()\n      },\n    }\n  }\n\n  useEffect(() => {\n    registerField(handleRef.current as RegisteredFieldHandle)\n    return () => {\n      unregisterField(handleRef.current as RegisteredFieldHandle)\n    }\n  }, [registerField, unregisterField])\n\n  const validity = handleRef.current.validate()\n\n  return typeof children === 'function' ? (children as Fn)(validity, value) : (children as ReactNode)\n})\n","import { forwardRef, type ReactNode, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Context, type RegisteredFieldHandle } from './context'\nimport type { Validity } from './types'\nimport { Validator } from './validator'\n\ninterface ComponentProps {\n  children?: ReactNode\n  stopAtFirstError?: boolean\n}\n\nexport interface ValidatorWrapper {\n  validate: () => Validity\n  getField: (id: string | number) => RegisteredFieldHandle | null\n  registerField: (field: RegisteredFieldHandle) => void\n  unregisterField: (field: RegisteredFieldHandle) => void\n  setCustomError: (customError: Validity) => void\n  clearCustomErrors: () => void\n}\n\nexport const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(function ValidatorWrapper(\n  { children, stopAtFirstError },\n  ref,\n) {\n  const fieldsRef = useRef<RegisteredFieldHandle[]>([])\n  const [customErrors, setCustomErrors] = useState<Validity[]>([])\n\n  const registerField = useCallback((field: RegisteredFieldHandle) => {\n    if (field && !fieldsRef.current.includes(field)) {\n      fieldsRef.current.push(field)\n    }\n  }, [])\n\n  const unregisterField = useCallback((field: RegisteredFieldHandle) => {\n    const index = fieldsRef.current.indexOf(field)\n    if (index > -1) fieldsRef.current.splice(index, 1)\n  }, [])\n\n  const getField = useCallback<ValidatorWrapper['getField']>((id) => {\n    return fieldsRef.current.find((field) => field?.props?.id === id) || null\n  }, [])\n\n  const setCustomError = useCallback<ValidatorWrapper['setCustomError']>((customError) => {\n    setCustomErrors((prev) => [...prev, customError])\n  }, [])\n\n  const clearCustomErrors = useCallback<ValidatorWrapper['clearCustomErrors']>(() => {\n    setCustomErrors([])\n  }, [])\n\n  const validate = useCallback<ValidatorWrapper['validate']>(() => {\n    const validator = new Validator({ stopAtFirstError })\n    for (const comp of fieldsRef.current) {\n      validator.addField(comp.props)\n    }\n    return validator.validate()\n  }, [stopAtFirstError])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      validate,\n      getField,\n      registerField,\n      unregisterField,\n      setCustomError,\n      clearCustomErrors,\n    }),\n    [validate, getField, registerField, unregisterField, setCustomError, clearCustomErrors],\n  )\n\n  const contextValue = useMemo(\n    () => ({ customErrors, registerField, unregisterField }),\n    [customErrors, registerField, unregisterField],\n  )\n\n  return <Context.Provider value={contextValue}>{children}</Context.Provider>\n})\n"]}

package/dist/index.mjs

@@ -1,2 +0,0 @@
-import {createContext,forwardRef,useContext,useRef,useEffect,useState,useCallback,useImperativeHandle,useMemo}from'react';import {jsx}from'react/jsx-runtime';var h=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,x={notEmpty:[{rule:r=>r!==""&&r.length>0,message:"Value is required"}],bool:[{rule:r=>!!r,message:"Value is required"}],password:[{rule:r=>r.length>0,message:"Password field cannot be empty"},{rule:r=>r.length>5,message:"Password field can not be less than 6 characters"}],email:[{rule:r=>!!r&&r!==""&&r.length!==0,message:"Email is required"},{rule:r=>h.test(String(r).toLowerCase()),message:"Email is invalid"}],min:r=>[{rule:e=>Number.parseFloat(e)>r,message:`The value must be greater than ${r}`}],max:r=>[{rule:e=>Number.parseFloat(e)<r,message:`The value must be smaller ${r}`}],length:(r,e)=>[{rule:t=>String(t).length>=r,message:`No less than ${r} symbols`},{rule:t=>e!==void 0?String(t).length<=e:true,message:`No more than ${e} symbols`}]};var V=class{rules;required;value;id;constructor({rules:e,required:t,value:s,id:i}){this.rules=e,this.required=t,this.value=s,this.id=i;}validate(){let e=true,t="",{rules:s,value:i,required:d,id:u}=this,n=!i&&Number.parseFloat(i)!==0;if(!s.length||n&&d===false)return {isValid:e,message:t,id:u};for(let a of s)e&&(e=a.rule(i),e||(typeof a.message=="function"?t=a.message(i):t=a.message));return {isValid:e,message:t,id:u}}},c=class{fields;params;constructor(e){this.params=e||null,this.fields=[];}addField(e){let t=new V(e);return this.fields.push(t),t}removeField(e){let t=this.fields.indexOf(e);t>-1&&this.fields.splice(t,1);}getField(e){return this.fields.find(t=>t.id===e)||null}validate(){let e,s=this.fields.map(i=>this.params?.stopAtFirstError&&e&&e.isValid===false?null:(e=i.validate(),e)).filter(i=>i&&i.isValid===false);if(s.length){let{isValid:i,message:d}=s[0];return {isValid:i,message:d,errors:s}}return {isValid:true,message:""}}};function b(r,e){let t=new c;t.addField({value:r,rules:e});let{isValid:s,...i}=t.validate();return [s,i]}var v=createContext(null);var w=forwardRef(function(e,t){let{children:s,value:i}=e,{customErrors:d,registerField:u,unregisterField:n}=useContext(v),a=useRef(e);a.current=e;let g=useRef(d);g.current=d;let p=useRef(null);p.current||(p.current={get props(){return a.current},validate:()=>{let m=a.current,y=g.current.find(o=>o.id===m.id);return y||new V({rules:m.rules,required:m.required,value:m.value,id:m.id}).validate()}}),useEffect(()=>(u(p.current),()=>{n(p.current);}),[u,n]);let F=p.current.validate();return typeof s=="function"?s(F,i):s});var S=forwardRef(function({children:e,stopAtFirstError:t},s){let i=useRef([]),[d,u]=useState([]),n=useCallback(l=>{l&&!i.current.includes(l)&&i.current.push(l);},[]),a=useCallback(l=>{let o=i.current.indexOf(l);o>-1&&i.current.splice(o,1);},[]),g=useCallback(l=>i.current.find(o=>o?.props?.id===l)||null,[]),p=useCallback(l=>{u(o=>[...o,l]);},[]),F=useCallback(()=>{u([]);},[]),m=useCallback(()=>{let l=new c({stopAtFirstError:t});for(let o of i.current)l.addField(o.props);return l.validate()},[t]);useImperativeHandle(s,()=>({validate:m,getField:g,registerField:n,unregisterField:a,setCustomError:p,clearCustomErrors:F}),[m,g,n,a,p,F]);let y=useMemo(()=>({customErrors:d,registerField:n,unregisterField:a}),[d,n,a]);return jsx(v.Provider,{value:y,children:e})});export{c as Validator,w as ValidatorField,S as ValidatorWrapper,x as rules,b as useValidator};//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/rules.ts","../src/validator.ts","../src/use-validator.ts","../src/context.ts","../src/validator-field.tsx","../src/validator-wrapper.tsx"],"names":["emailReg","rules","value","min","max","Field","required","id","isValid","message","isEmptyValue","instance","Validator","params","field","index","prevResult","errors","inst","useValidator","validator","validateObject","Context","createContext","ValidatorField","forwardRef","props","_ref","children","customErrors","registerField","unregisterField","useContext","propsRef","useRef","customErrorsRef","handleRef","curr","customError","item","useEffect","validity","ValidatorWrapper","stopAtFirstError","ref","fieldsRef","setCustomErrors","useState","useCallback","getField","setCustomError","prev","clearCustomErrors","validate","comp","useImperativeHandle","contextValue","useMemo","jsx"],"mappings":"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","file":"index.mjs","sourcesContent":["import type { ValidatorRule } from './types'\n\n// eslint-disable-next-line\nconst emailReg =\n  /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\nexport type ValidatorRules = ValidatorRule[]\n\nexport const rules = {\n  notEmpty: [\n    {\n      rule: (value: string) => value !== '' && value.length > 0,\n      message: 'Value is required',\n    },\n  ],\n\n  bool: [\n    {\n      rule: (value: string) => !!value,\n      message: 'Value is required',\n    },\n  ],\n\n  password: [\n    {\n      rule: (value: string) => value.length > 0,\n      message: 'Password field cannot be empty',\n    },\n    {\n      rule: (value: string) => value.length > 5,\n      message: 'Password field can not be less than 6 characters',\n    },\n  ],\n\n  email: [\n    {\n      rule: (value: string) => !!value && value !== '' && value.length !== 0,\n      message: 'Email is required',\n    },\n    {\n      rule: (value: string) => emailReg.test(String(value).toLowerCase()),\n      message: 'Email is invalid',\n    },\n  ],\n\n  min: (min: number) => [\n    {\n      rule: (value: string) => Number.parseFloat(value) > min,\n      message: `The value must be greater than ${min}`,\n    },\n  ],\n\n  max: (max: number) => [\n    {\n      rule: (value: string) => Number.parseFloat(value) < max,\n      message: `The value must be smaller ${max}`,\n    },\n  ],\n\n  length: (min: number, max?: number) => [\n    {\n      rule: (value: string) => String(value).length >= min,\n      message: `No less than ${min} symbols`,\n    },\n    {\n      rule: (value: string) => (max !== undefined ? String(value).length <= max : true),\n      message: `No more than ${max} symbols`,\n    },\n  ],\n}\n","import type { ValidatorRules } from './rules'\nimport type { FieldParams, Validity } from './types'\nimport type { Value } from './validator-field'\n\nexport class Field {\n  protected rules: ValidatorRules\n  protected required: boolean\n  protected value: Value\n  public id: string | number\n\n  constructor({ rules, required, value, id }: FieldParams) {\n    this.rules = rules\n    this.required = required\n    this.value = value\n    this.id = id\n  }\n\n  validate(): Validity {\n    let isValid = true\n    let message = ''\n    const { rules, value, required, id } = this\n\n    const isEmptyValue = !value && Number.parseFloat(value) !== 0\n\n    if (!rules.length || (isEmptyValue && required === false)) {\n      return { isValid, message, id }\n    }\n    for (const instance of rules) {\n      if (isValid) {\n        isValid = instance.rule(value)\n        if (!isValid) {\n          if (typeof instance.message === 'function') {\n            message = instance.message(value)\n          } else {\n            message = instance.message\n          }\n        }\n      }\n    }\n    return { isValid, message, id }\n  }\n}\n\nexport interface ValidatorParams {\n  stopAtFirstError: boolean\n}\n\nexport class Validator {\n  private fields: Field[]\n  private params: ValidatorParams\n\n  constructor(params?: ValidatorParams) {\n    this.params = params || null\n    this.fields = []\n  }\n\n  addField(params: FieldParams): Field {\n    const field = new Field(params)\n    this.fields.push(field)\n    return field\n  }\n\n  removeField(field: Field): void {\n    const index = this.fields.indexOf(field)\n    if (index > -1) this.fields.splice(index, 1)\n  }\n\n  getField(id: Field['id']): Field {\n    return this.fields.find((field) => field.id === id) || null\n  }\n\n  validate(): Validity {\n    let prevResult: Validity | null\n    const statuses = this.fields.map((field) => {\n      if (this.params?.stopAtFirstError && prevResult && prevResult.isValid === false) {\n        return null\n      }\n      prevResult = field.validate()\n      return prevResult\n    })\n\n    const errors = statuses.filter((inst) => inst && inst.isValid === false)\n\n    if (errors.length) {\n      const { isValid, message } = errors[0]\n      return { isValid, message, errors }\n    }\n    return { isValid: true, message: '' }\n  }\n}\n","import type { ValidatorRules } from './rules'\nimport type { Validity } from './types'\nimport { Validator } from './validator'\nimport type { Value } from './validator-field'\n\nexport function useValidator(value: Value, rules: ValidatorRules): [boolean, Pick<Validity, 'message' | 'errors'>] {\n  const validator = new Validator()\n  validator.addField({ value, rules })\n  const { isValid, ...validateObject } = validator.validate()\n  return [isValid, validateObject]\n}\n","import { createContext } from 'react'\n\nimport type { FieldParams, Validity } from './types'\n\nexport interface RegisteredFieldHandle {\n  props: FieldParams\n  validate: () => Validity\n}\n\nexport const Context = createContext<{\n  registerField: (field: RegisteredFieldHandle) => void\n  unregisterField: (field: RegisteredFieldHandle) => void\n  customErrors: Array<Validity>\n}>(null)\n","import { forwardRef, type ReactNode, useContext, useEffect, useRef } from 'react'\nimport type { FieldParams, Validity } from 'types'\n\nimport { Context, type RegisteredFieldHandle } from './context'\nimport { Field } from './validator'\n\n// biome-ignore lint/suspicious/noExplicitAny: <need>\nexport type Value = any\n\ntype Fn = (validity: Validity, value: Value) => ReactNode\n\ntype Props = FieldParams & {\n  children?: ReactNode | Fn\n}\n\nexport const ValidatorField = forwardRef<unknown, Props>(function ValidatorField(props: Props, _ref) {\n  const { children, value } = props\n  const { customErrors, registerField, unregisterField } = useContext(Context)\n\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const customErrorsRef = useRef(customErrors)\n  customErrorsRef.current = customErrors\n\n  const handleRef = useRef<RegisteredFieldHandle | null>(null)\n  if (!handleRef.current) {\n    handleRef.current = {\n      get props() {\n        return propsRef.current\n      },\n      validate: () => {\n        const curr = propsRef.current\n        const customError = customErrorsRef.current.find((item) => item.id === curr.id)\n        if (customError) {\n          return customError\n        }\n        const field = new Field({\n          rules: curr.rules,\n          required: curr.required,\n          value: curr.value,\n          id: curr.id,\n        })\n        return field.validate()\n      },\n    }\n  }\n\n  useEffect(() => {\n    registerField(handleRef.current as RegisteredFieldHandle)\n    return () => {\n      unregisterField(handleRef.current as RegisteredFieldHandle)\n    }\n  }, [registerField, unregisterField])\n\n  const validity = handleRef.current.validate()\n\n  return typeof children === 'function' ? (children as Fn)(validity, value) : (children as ReactNode)\n})\n","import { forwardRef, type ReactNode, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Context, type RegisteredFieldHandle } from './context'\nimport type { Validity } from './types'\nimport { Validator } from './validator'\n\ninterface ComponentProps {\n  children?: ReactNode\n  stopAtFirstError?: boolean\n}\n\nexport interface ValidatorWrapper {\n  validate: () => Validity\n  getField: (id: string | number) => RegisteredFieldHandle | null\n  registerField: (field: RegisteredFieldHandle) => void\n  unregisterField: (field: RegisteredFieldHandle) => void\n  setCustomError: (customError: Validity) => void\n  clearCustomErrors: () => void\n}\n\nexport const ValidatorWrapper = forwardRef<ValidatorWrapper, ComponentProps>(function ValidatorWrapper(\n  { children, stopAtFirstError },\n  ref,\n) {\n  const fieldsRef = useRef<RegisteredFieldHandle[]>([])\n  const [customErrors, setCustomErrors] = useState<Validity[]>([])\n\n  const registerField = useCallback((field: RegisteredFieldHandle) => {\n    if (field && !fieldsRef.current.includes(field)) {\n      fieldsRef.current.push(field)\n    }\n  }, [])\n\n  const unregisterField = useCallback((field: RegisteredFieldHandle) => {\n    const index = fieldsRef.current.indexOf(field)\n    if (index > -1) fieldsRef.current.splice(index, 1)\n  }, [])\n\n  const getField = useCallback<ValidatorWrapper['getField']>((id) => {\n    return fieldsRef.current.find((field) => field?.props?.id === id) || null\n  }, [])\n\n  const setCustomError = useCallback<ValidatorWrapper['setCustomError']>((customError) => {\n    setCustomErrors((prev) => [...prev, customError])\n  }, [])\n\n  const clearCustomErrors = useCallback<ValidatorWrapper['clearCustomErrors']>(() => {\n    setCustomErrors([])\n  }, [])\n\n  const validate = useCallback<ValidatorWrapper['validate']>(() => {\n    const validator = new Validator({ stopAtFirstError })\n    for (const comp of fieldsRef.current) {\n      validator.addField(comp.props)\n    }\n    return validator.validate()\n  }, [stopAtFirstError])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      validate,\n      getField,\n      registerField,\n      unregisterField,\n      setCustomError,\n      clearCustomErrors,\n    }),\n    [validate, getField, registerField, unregisterField, setCustomError, clearCustomErrors],\n  )\n\n  const contextValue = useMemo(\n    () => ({ customErrors, registerField, unregisterField }),\n    [customErrors, registerField, unregisterField],\n  )\n\n  return <Context.Provider value={contextValue}>{children}</Context.Provider>\n})\n"]}

package/src/custom-errors.test.tsx

@@ -1,73 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-
-import { act, render } from '@testing-library/react'
-import { createRef } from 'react'
-
-import { rules } from './rules'
-import { ValidatorField } from './validator-field'
-import { ValidatorWrapper, type ValidatorWrapper as ValidatorWrapperHandle } from './validator-wrapper'
-
-it('setCustomError overrides field validation result and clearCustomErrors restores it', () => {
-  const validator = createRef<ValidatorWrapperHandle>()
-
-  render(
-    <ValidatorWrapper ref={validator}>
-      <ValidatorField id="email-field" rules={rules.email} value="user@example.com" />
-    </ValidatorWrapper>,
-  )
-
-  // Initially valid
-  const fieldBefore = validator.current.getField('email-field')
-  const validityBefore = fieldBefore.validate()
-  expect(validityBefore.isValid).toBe(true)
-  expect(validityBefore.message).toBe('')
-
-  // Set a custom error
-  act(() => {
-    validator.current.setCustomError({ id: 'email-field', isValid: false, message: 'Custom error' })
-  })
-
-  const fieldWithCustom = validator.current.getField('email-field')
-  const validityWithCustom = fieldWithCustom.validate()
-  expect(validityWithCustom.isValid).toBe(false)
-  expect(validityWithCustom.message).toBe('Custom error')
-
-  // Clear custom errors
-  act(() => {
-    validator.current.clearCustomErrors()
-  })
-  const fieldAfter = validator.current.getField('email-field')
-  const validityAfter = fieldAfter.validate()
-  expect(validityAfter.isValid).toBe(true)
-  expect(validityAfter.message).toBe('')
-})
-
-it('custom error is used inside ValidatorField render-prop child', () => {
-  const validator = createRef<ValidatorWrapperHandle>()
-  const messages: string[] = []
-
-  render(
-    <ValidatorWrapper ref={validator}>
-      <ValidatorField id="field-x" rules={rules.password} value="strongpassword">
-        {({ message }) => {
-          messages.push(message)
-          return null
-        }}
-      </ValidatorField>
-    </ValidatorWrapper>,
-  )
-
-  // Initially valid → message pushed should be ''
-  expect(messages[messages.length - 1]).toBe('')
-
-  // After setting custom error, the render-prop should see the custom message.
-  act(() => {
-    validator.current.setCustomError({ id: 'field-x', isValid: false, message: 'Injected' })
-  })
-  const field = validator.current.getField('field-x')
-  const res = field.validate()
-  expect(res.isValid).toBe(false)
-  expect(res.message).toBe('Injected')
-})

package/tsup.config.ts

@@ -1,14 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
-  target: 'esnext',
-  clean: true,
-  dts: true,
-  treeshake: true,
-  splitting: false,
-  minify: true,
-  sourcemap: true,
-  external: ['react'],
-})