@coxy/react-validator 2.0.6 → 3.0.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rules.ts","../src/context.ts","../src/validator.ts","../src/validator-field.tsx","../src/validator-wrapper.tsx","../src/use-validator.ts"],"names":["emailReg","rules","value","min","max","Context","createContext","Field","required","id","isValid","message","isEmptyValue","instance","Validator","params","field","index","prevResult","errors","inst","ValidationFieldWrapper","Component","props","customError","item","children","validity","ValidatorField","jsx","data","ValidatorWrapper","validator","comp","useValidator","validateObject"],"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) => value !== '' && value.length > 0,\n      message: 'Value is required',\n    },\n  ],\n\n  bool: [\n    {\n      rule: (value) => !!value,\n      message: 'Value is required',\n    },\n  ],\n\n  password: [\n    {\n      rule: (value) => value.length > 0,\n      message: 'Password field cannot be empty',\n    },\n    {\n      rule: (value) => value.length > 5,\n      message: 'Password field can not be less than 6 characters',\n    },\n  ],\n\n  email: [\n    {\n      rule: (value) => !!value && value !== '' && value.length !== 0,\n      message: 'Email is required',\n    },\n    {\n      rule: (value) => emailReg.test(String(value).toLowerCase()),\n      message: 'Email is invalid',\n    },\n  ],\n\n  min: (min) => [\n    {\n      rule: (value) => Number.parseFloat(value) > min,\n      message: `The value must be greater than ${min}`,\n    },\n  ],\n\n  max: (max) => [\n    {\n      rule: (value) => Number.parseFloat(value) < max,\n      message: `The value must be smaller ${max}`,\n    },\n  ],\n\n  length: (min, max?) => [\n    {\n      rule: (value) => String(value).length >= min,\n      message: `No less than ${min} symbols`,\n    },\n    {\n      rule: (value) => (max !== undefined ? String(value).length <= max : true),\n      message: `No more than ${max} symbols`,\n    },\n  ],\n}\n","import { createContext } from 'react'\n\nimport type { Validity } from './types'\n\nexport const Context = createContext<{\n  registerField: (field: string | number) => void\n  unregisterField: (field: string | number) => void\n  customErrors: Array<Validity>\n}>(null)\n","import type { ValidatorRules } from './rules'\nimport type { FieldParams, Validity } from './types'\nimport type { Value } from './validator-field'\n\nexport class Field {\n  private rules: ValidatorRules\n  private required: boolean\n  private 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 { Component, type ReactNode } from 'react'\nimport type { Validity } from 'types'\n\nimport { Context } from './context'\nimport type { ValidatorRules } from './rules'\nimport { Field } from './validator'\n\n// biome-ignore lint/suspicious/noExplicitAny: <explanation>\nexport type Value = any\n\ntype Fn = (validity: Validity, value: Value) => ReactNode\n\ninterface Props {\n  rules?: ValidatorRules\n  required?: boolean\n  value?: Value\n  id?: string | number\n  children?: ReactNode | Fn\n  unregisterField: (val: Value) => void\n  registerField: (val: Value) => void\n  customErrors: Array<Validity>\n}\n\nclass ValidationFieldWrapper extends Component<Props> {\n  componentWillUnmount() {\n    this.props.unregisterField(this)\n  }\n\n  componentDidMount() {\n    this.props.registerField(this)\n  }\n\n  validate(): Validity {\n    const props = this.props\n    const customError = props.customErrors.find((item) => item.id === props.id)\n    if (customError) {\n      return customError\n    }\n\n    const field = new Field({\n      rules: props.rules,\n      required: props.required,\n      value: props.value,\n      id: props.id,\n    })\n    return field.validate()\n  }\n\n  render() {\n    const { children, value } = this.props\n    const validity = this.validate()\n    return typeof children === 'function' ? children(validity, value) : children\n  }\n}\n\nexport function ValidatorField(props: Omit<Props, 'registerField' | 'unregisterField' | 'customErrors'>) {\n  return (\n    <Context.Consumer>\n      {(data) => (\n        <ValidationFieldWrapper\n          {...props}\n          customErrors={data.customErrors}\n          registerField={data.registerField}\n          unregisterField={data.unregisterField}\n        />\n      )}\n    </Context.Consumer>\n  )\n}\n","import { Component, type ReactNode, type RefObject } from 'react'\n\nimport { Context } from './context'\nimport type { Validity } from './types'\nimport { type Field, Validator } from './validator'\n\ninterface ComponentProps {\n  children?: ReactNode\n  stopAtFirstError?: boolean\n  ref?: RefObject<ValidatorWrapper>\n}\n\nexport class ValidatorWrapper extends Component<ComponentProps> {\n  fields = []\n  state = {\n    customErrors: [],\n  }\n\n  constructor(props) {\n    super(props)\n    this.registerField = this.registerField.bind(this)\n    this.unregisterField = this.unregisterField.bind(this)\n  }\n\n  componentWillUnmount() {\n    this.fields = []\n  }\n\n  registerField(field) {\n    if (field && !this.fields.includes(field)) {\n      this.fields.push(field)\n    }\n  }\n\n  unregisterField(field) {\n    const index = this.fields.indexOf(field)\n    if (index > -1) this.fields.splice(index, 1)\n  }\n\n  getField(id): Field | null {\n    return this.fields.find((field) => field.props.id === id) || null\n  }\n\n  setCustomError(customError: Validity) {\n    this.setState({\n      customErrors: [...this.state.customErrors, customError],\n    })\n  }\n\n  clearCustomErrors() {\n    this.setState({ customErrors: [] })\n  }\n\n  validate(): Validity {\n    const validator = new Validator({ stopAtFirstError: this.props.stopAtFirstError })\n    for (const comp of this.fields) {\n      validator.addField(comp.props)\n    }\n    return validator.validate()\n  }\n\n  render(): ReactNode {\n    return (\n      <Context.Provider\n        value={{\n          customErrors: this.state.customErrors,\n          registerField: this.registerField,\n          unregisterField: this.unregisterField,\n        }}\n      >\n        {this.props.children}\n      </Context.Provider>\n    )\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"]}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import {createContext,Component}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,}))$/,g={notEmpty:[{rule:t=>t!==""&&t.length>0,message:"Value is required"}],bool:[{rule:t=>!!t,message:"Value is required"}],password:[{rule:t=>t.length>0,message:"Password field cannot be empty"},{rule:t=>t.length>5,message:"Password field can not be less than 6 characters"}],email:[{rule:t=>!!t&&t!==""&&t.length!==0,message:"Email is required"},{rule:t=>h.test(String(t).toLowerCase()),message:"Email is invalid"}],min:t=>[{rule:e=>Number.parseFloat(e)>t,message:`The value must be greater than ${t}`}],max:t=>[{rule:e=>Number.parseFloat(e)<t,message:`The value must be smaller ${t}`}],length:(t,e)=>[{rule:r=>String(r).length>=t,message:`No less than ${t} symbols`},{rule:r=>e!==void 0?String(r).length<=e:true,message:`No more than ${e} symbols`}]};var d=createContext(null);var l=class{rules;required;value;id;constructor({rules:e,required:r,value:s,id:i}){this.rules=e,this.required=r,this.value=s,this.id=i;}validate(){let e=true,r="",{rules:s,value:i,required:n,id:m}=this,c=!i&&Number.parseFloat(i)!==0;if(!s.length||c&&n===false)return {isValid:e,message:r,id:m};for(let a of s)e&&(e=a.rule(i),e||(typeof a.message=="function"?r=a.message(i):r=a.message));return {isValid:e,message:r,id:m}}},o=class{fields;params;constructor(e){this.params=e||null,this.fields=[];}addField(e){let r=new l(e);return this.fields.push(r),r}removeField(e){let r=this.fields.indexOf(e);r>-1&&this.fields.splice(r,1);}getField(e){return this.fields.find(r=>r.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:n}=s[0];return {isValid:i,message:n,errors:s}}return {isValid:true,message:""}}};var u=class extends Component{componentWillUnmount(){this.props.unregisterField(this);}componentDidMount(){this.props.registerField(this);}validate(){let e=this.props,r=e.customErrors.find(i=>i.id===e.id);return r||new l({rules:e.rules,required:e.required,value:e.value,id:e.id}).validate()}render(){let{children:e,value:r}=this.props,s=this.validate();return typeof e=="function"?e(s,r):e}};function F(t){return jsx(d.Consumer,{children:e=>jsx(u,{...t,customErrors:e.customErrors,registerField:e.registerField,unregisterField:e.unregisterField})})}var p=class extends Component{fields=[];state={customErrors:[]};constructor(e){super(e),this.registerField=this.registerField.bind(this),this.unregisterField=this.unregisterField.bind(this);}componentWillUnmount(){this.fields=[];}registerField(e){e&&!this.fields.includes(e)&&this.fields.push(e);}unregisterField(e){let r=this.fields.indexOf(e);r>-1&&this.fields.splice(r,1);}getField(e){return this.fields.find(r=>r.props.id===e)||null}setCustomError(e){this.setState({customErrors:[...this.state.customErrors,e]});}clearCustomErrors(){this.setState({customErrors:[]});}validate(){let e=new o({stopAtFirstError:this.props.stopAtFirstError});for(let r of this.fields)e.addField(r.props);return e.validate()}render(){return jsx(d.Provider,{value:{customErrors:this.state.customErrors,registerField:this.registerField,unregisterField:this.unregisterField},children:this.props.children})}};function x(t,e){let r=new o;r.addField({value:t,rules:e});let{isValid:s,...i}=r.validate();return [s,i]}export{o as Validator,F as ValidatorField,p as ValidatorWrapper,g as rules,x as useValidator};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rules.ts","../src/context.ts","../src/validator.ts","../src/validator-field.tsx","../src/validator-wrapper.tsx","../src/use-validator.ts"],"names":["emailReg","rules","value","min","max","Context","createContext","Field","required","id","isValid","message","isEmptyValue","instance","Validator","params","field","index","prevResult","errors","inst","ValidationFieldWrapper","Component","props","customError","item","children","validity","ValidatorField","jsx","data","ValidatorWrapper","validator","comp","useValidator","validateObject"],"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) => value !== '' && value.length > 0,\n      message: 'Value is required',\n    },\n  ],\n\n  bool: [\n    {\n      rule: (value) => !!value,\n      message: 'Value is required',\n    },\n  ],\n\n  password: [\n    {\n      rule: (value) => value.length > 0,\n      message: 'Password field cannot be empty',\n    },\n    {\n      rule: (value) => value.length > 5,\n      message: 'Password field can not be less than 6 characters',\n    },\n  ],\n\n  email: [\n    {\n      rule: (value) => !!value && value !== '' && value.length !== 0,\n      message: 'Email is required',\n    },\n    {\n      rule: (value) => emailReg.test(String(value).toLowerCase()),\n      message: 'Email is invalid',\n    },\n  ],\n\n  min: (min) => [\n    {\n      rule: (value) => Number.parseFloat(value) > min,\n      message: `The value must be greater than ${min}`,\n    },\n  ],\n\n  max: (max) => [\n    {\n      rule: (value) => Number.parseFloat(value) < max,\n      message: `The value must be smaller ${max}`,\n    },\n  ],\n\n  length: (min, max?) => [\n    {\n      rule: (value) => String(value).length >= min,\n      message: `No less than ${min} symbols`,\n    },\n    {\n      rule: (value) => (max !== undefined ? String(value).length <= max : true),\n      message: `No more than ${max} symbols`,\n    },\n  ],\n}\n","import { createContext } from 'react'\n\nimport type { Validity } from './types'\n\nexport const Context = createContext<{\n  registerField: (field: string | number) => void\n  unregisterField: (field: string | number) => void\n  customErrors: Array<Validity>\n}>(null)\n","import type { ValidatorRules } from './rules'\nimport type { FieldParams, Validity } from './types'\nimport type { Value } from './validator-field'\n\nexport class Field {\n  private rules: ValidatorRules\n  private required: boolean\n  private 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 { Component, type ReactNode } from 'react'\nimport type { Validity } from 'types'\n\nimport { Context } from './context'\nimport type { ValidatorRules } from './rules'\nimport { Field } from './validator'\n\n// biome-ignore lint/suspicious/noExplicitAny: <explanation>\nexport type Value = any\n\ntype Fn = (validity: Validity, value: Value) => ReactNode\n\ninterface Props {\n  rules?: ValidatorRules\n  required?: boolean\n  value?: Value\n  id?: string | number\n  children?: ReactNode | Fn\n  unregisterField: (val: Value) => void\n  registerField: (val: Value) => void\n  customErrors: Array<Validity>\n}\n\nclass ValidationFieldWrapper extends Component<Props> {\n  componentWillUnmount() {\n    this.props.unregisterField(this)\n  }\n\n  componentDidMount() {\n    this.props.registerField(this)\n  }\n\n  validate(): Validity {\n    const props = this.props\n    const customError = props.customErrors.find((item) => item.id === props.id)\n    if (customError) {\n      return customError\n    }\n\n    const field = new Field({\n      rules: props.rules,\n      required: props.required,\n      value: props.value,\n      id: props.id,\n    })\n    return field.validate()\n  }\n\n  render() {\n    const { children, value } = this.props\n    const validity = this.validate()\n    return typeof children === 'function' ? children(validity, value) : children\n  }\n}\n\nexport function ValidatorField(props: Omit<Props, 'registerField' | 'unregisterField' | 'customErrors'>) {\n  return (\n    <Context.Consumer>\n      {(data) => (\n        <ValidationFieldWrapper\n          {...props}\n          customErrors={data.customErrors}\n          registerField={data.registerField}\n          unregisterField={data.unregisterField}\n        />\n      )}\n    </Context.Consumer>\n  )\n}\n","import { Component, type ReactNode, type RefObject } from 'react'\n\nimport { Context } from './context'\nimport type { Validity } from './types'\nimport { type Field, Validator } from './validator'\n\ninterface ComponentProps {\n  children?: ReactNode\n  stopAtFirstError?: boolean\n  ref?: RefObject<ValidatorWrapper>\n}\n\nexport class ValidatorWrapper extends Component<ComponentProps> {\n  fields = []\n  state = {\n    customErrors: [],\n  }\n\n  constructor(props) {\n    super(props)\n    this.registerField = this.registerField.bind(this)\n    this.unregisterField = this.unregisterField.bind(this)\n  }\n\n  componentWillUnmount() {\n    this.fields = []\n  }\n\n  registerField(field) {\n    if (field && !this.fields.includes(field)) {\n      this.fields.push(field)\n    }\n  }\n\n  unregisterField(field) {\n    const index = this.fields.indexOf(field)\n    if (index > -1) this.fields.splice(index, 1)\n  }\n\n  getField(id): Field | null {\n    return this.fields.find((field) => field.props.id === id) || null\n  }\n\n  setCustomError(customError: Validity) {\n    this.setState({\n      customErrors: [...this.state.customErrors, customError],\n    })\n  }\n\n  clearCustomErrors() {\n    this.setState({ customErrors: [] })\n  }\n\n  validate(): Validity {\n    const validator = new Validator({ stopAtFirstError: this.props.stopAtFirstError })\n    for (const comp of this.fields) {\n      validator.addField(comp.props)\n    }\n    return validator.validate()\n  }\n\n  render(): ReactNode {\n    return (\n      <Context.Provider\n        value={{\n          customErrors: this.state.customErrors,\n          registerField: this.registerField,\n          unregisterField: this.unregisterField,\n        }}\n      >\n        {this.props.children}\n      </Context.Provider>\n    )\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"]}

package/example/example.tsx

@@ -1,14 +1,14 @@
 /* eslint no-console: [0] */
-import { useState, createRef } from 'react'
+import { createRef, useState } from 'react'
 import { createRoot } from 'react-dom/client'
 
-import { ValidatorWrapper, rules, ValidatorField, Validator } from '../dist/index'
+import { Validator, ValidatorField, ValidatorWrapper, rules } from '../dist/index'
 
-function App () {
+function App() {
   const [email, setEmail] = useState('')
   const jsxValidator = createRef<ValidatorWrapper>()
 
-  function handleValidateEmail () {
+  function handleValidateEmail() {
     const { isValid, message, errors } = jsxValidator.current.validate()
     if (!isValid) {
       console.log(isValid, message, errors)
@@ -17,12 +17,12 @@ function App () {
     console.log('success')
   }
 
-  function handleValidateCustomFields () {
+  function handleValidateCustomFields() {
     const validator = new Validator({ stopAtFirstError: true })
     const fieldPassword = validator.addField({
       rules: rules.password,
       value: '',
-      id: 'for-remove'
+      id: 'for-remove',
     })
 
     const fieldSearchPassword = validator.getField('for-remove')
@@ -32,7 +32,7 @@ function App () {
 
     validator.addField({
       rules: rules.password,
-      value: 'testpassword'
+      value: 'testpassword',
     })
 
     const { isValid, message, errors } = validator.validate()
@@ -52,11 +52,15 @@ function App () {
               <input onChange={({ target: { value } }) => setEmail(value)} />
               <div>{isValid ? 'valid' : 'invalid'}</div>
               <div>{message || ''}</div>
-              <button onClick={handleValidateEmail} type="button">Validate email</button>
+              <button onClick={handleValidateEmail} type="button">
+                Validate email
+              </button>
             </>
           )}
         </ValidatorField>
-        <button onClick={handleValidateCustomFields} type="button">Validate custom fields</button>
+        <button onClick={handleValidateCustomFields} type="button">
+          Validate custom fields
+        </button>
       </ValidatorWrapper>
     </>
   )

package/example/tsconfig.json

@@ -3,13 +3,8 @@
   "compilerOptions": {
     "outDir": "./dist",
     "rootDir": ".",
-    "baseUrl": "./",
+    "baseUrl": "./"
   },
-  "include": [
-    "example.tsx"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
+  "include": ["example.tsx"],
+  "exclude": ["node_modules", "dist"]
 }

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@coxy/react-validator",
-  "version": "2.0.6",
+  "version": "3.0.0",
   "description": "🚀 Simple validation form for React or NodeJS apps. useValidator are included ;)",
   "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/dsshard/react-validator.git"
@@ -19,8 +21,8 @@
   ],
   "author": "dsshard",
   "scripts": {
-    "start": "ts-node . --watch",
-    "build": "NODE_ENV=production tsc --project tsconfig.build.json",
+    "start": "tsup ./src/index.ts --watch",
+    "build": "tsup",
     "example": "tsc --project ./example/tsconfig.json",
     "coverage": "codecov",
     "coveralls": "coveralls .",
@@ -28,38 +30,27 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=18.x.x"
+    "react": ">=19.x.x"
   },
   "dependencies": {
-    "react": ">=18.x.x"
+    "react": ">=19.x.x"
   },
   "devDependencies": {
-    "@coxy/eslint-config": "1.0.6",
-    "@testing-library/react": "13.4.0",
-    "@types/jest": "29.1.2",
-    "@types/node": "18.8.3",
-    "@types/react": "18.0.21",
-    "@typescript-eslint/eslint-plugin": "5.*",
-    "@typescript-eslint/parser": "5.*",
+    "@biomejs/biome": "2.1.2",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/react": "16.3.0",
+    "@types/jest": "30.0.0",
+    "@types/node": "24.1.0",
+    "@types/react": "19.1.8",
     "codecov": "3.8.3",
     "coveralls": "3.1.1",
-    "eslint": "8.25.0",
-    "eslint-config-standard": "17.0.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-n": "15.3.0",
-    "eslint-plugin-promise": "6.0.1",
-    "eslint-plugin-filename-rules": "1.2.0",
-    "eslint-plugin-react": "7.31.8",
-    "eslint-plugin-prettier": "4.2.1",
-    "jest": "29.1.2",
-    "jest-environment-jsdom": "29.1.2",
-    "prettier": "2.8.7",
-    "react-dom": "18.2.0",
-    "react-test-renderer": "18.2.0",
-    "ts-jest": "29.0.3",
-    "ts-node": "10.9.1",
-    "typescript": "4.8.4"
+    "jest": "30.0.5",
+    "jest-environment-jsdom": "30.0.5",
+    "react-dom": "19.1.1",
+    "tsup": "8.5.0",
+    "react-test-renderer": "19.1.1",
+    "ts-jest": "29.4.0",
+    "ts-node": "10.9.2",
+    "typescript": "5.8.3"
   }
 }

package/src/context.ts

@@ -1,6 +1,6 @@
 import { createContext } from 'react'
 
-import { Validity } from './types'
+import type { Validity } from './types'
 
 export const Context = createContext<{
   registerField: (field: string | number) => void

package/src/jest.d.ts

@@ -1 +1,2 @@
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
 declare let shallow: any

package/src/rules.test.ts

@@ -3,7 +3,7 @@ import { rules } from './rules'
 it('check rule email', () => {
   expect(rules.email.length).toBe(2)
 
-  let result
+  let result: boolean
   // email.length > 0
   result = rules.email[0].rule('test')
   expect(result).toBe(true)
@@ -20,7 +20,7 @@ it('check rule email', () => {
 it('check rule password', () => {
   expect(rules.password.length).toBe(2)
 
-  let result
+  let result: boolean
   // password.length > 0
   result = rules.password[0].rule('test')
   expect(result).toBe(true)
@@ -40,7 +40,7 @@ it('check rule bool', () => {
 it('check rule notEmpty', () => {
   expect(rules.notEmpty.length).toBe(1)
 
-  let result
+  let result: boolean
   result = rules.notEmpty[0].rule('')
   expect(result).toBe(false)
 
@@ -52,7 +52,7 @@ it('check rule min', () => {
   expect(rules.min(1).length).toBe(1)
   expect(typeof rules.min).toBe('function')
 
-  let result
+  let result: boolean
   result = rules.min(10)[0].rule('')
   expect(result).toBe(false)
 
@@ -76,7 +76,7 @@ it('check rule min', () => {
 })
 
 it('check rule max', () => {
-  let result
+  let result: boolean
   result = rules.max(10)[0].rule('')
   expect(result).toBe(false)
 
@@ -100,7 +100,7 @@ it('check rule max', () => {
 })
 
 it('check rule length', () => {
-  let result
+  let result: boolean
   result = rules.length(1)[0].rule('')
   expect(result).toBe(false)
 

package/src/rules.ts

@@ -1,4 +1,4 @@
-import { ValidatorRule } from './types'
+import type { ValidatorRule } from './types'
 
 // eslint-disable-next-line
 const emailReg =
@@ -45,14 +45,14 @@ export const rules = {
 
   min: (min) => [
     {
-      rule: (value) => parseFloat(value) > min,
+      rule: (value) => Number.parseFloat(value) > min,
       message: `The value must be greater than ${min}`,
     },
   ],
 
   max: (max) => [
     {
-      rule: (value) => parseFloat(value) < max,
+      rule: (value) => Number.parseFloat(value) < max,
       message: `The value must be smaller ${max}`,
     },
   ],

package/src/types.ts

@@ -1,5 +1,6 @@
-import { ValidatorRules } from './rules'
-import { Value } from './validator-field'
+import type { ValidatorRules } from './rules'
+import type { Value } from './validator-field'
+
 type Fn = (value: Value) => string
 
 export interface ValidatorRule {

package/src/use-validator.test.tsx

@@ -2,22 +2,20 @@
  * @jest-environment jsdom
  */
 
-import { unmountComponentAtNode } from 'react-dom'
 import { render, screen } from '@testing-library/react'
-import { act } from 'react-dom/test-utils'
+import { act } from '@testing-library/react'
 import { useEffect, useState } from 'react'
 
 import { rules } from './rules'
 import { useValidator } from './use-validator'
 
-let container
+let container: HTMLDivElement | null
 beforeEach(() => {
   container = document.createElement('div')
   document.body.appendChild(container)
 })
 
 afterEach(() => {
-  unmountComponentAtNode(container)
   container.remove()
   container = null
 })
@@ -39,8 +37,8 @@ it('check state change and hide field', () => {
 
     return (
       <>
-        <span data-testid='test1'>{isValid ? 'true' : 'false'}</span>
-        <span data-testid='test2'>{validateObject.message || 'true'}</span>
+        <span data-testid="test1">{isValid ? 'true' : 'false'}</span>
+        <span data-testid="test2">{validateObject.message || 'true'}</span>
       </>
     )
   }

package/src/use-validator.ts

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

package/src/validator-field.test.tsx

@@ -2,21 +2,17 @@
  * @jest-environment jsdom
  */
 
+import { act, render } from '@testing-library/react'
 import { createRef, useEffect, useState } from 'react'
-import { render, act } from '@testing-library/react'
 
-import { ValidatorWrapper } from './validator-wrapper'
-import { ValidatorField } from './validator-field'
 import { rules } from './rules'
-
-it('render without wrapper', () => {
-  expect(() => shallow(<ValidatorField />)).toThrowError()
-})
+import { ValidatorField } from './validator-field'
+import { ValidatorWrapper } from './validator-wrapper'
 
 it('normal render', () => {
   render(
     <ValidatorWrapper>
-      <ValidatorField rules={[]} value='' />
+      <ValidatorField rules={[]} value="" />
     </ValidatorWrapper>,
   )
 })
@@ -42,10 +38,10 @@ it('check failed validation', () => {
   render(
     <>
       <ValidatorWrapper ref={validator1}>
-        <ValidatorField rules={rules.email} value='test' />
+        <ValidatorField rules={rules.email} value="test" />
       </ValidatorWrapper>
       <ValidatorWrapper ref={validator2}>
-        <ValidatorField rules={rules.email} value='' />
+        <ValidatorField rules={rules.email} value="" />
       </ValidatorWrapper>
     </>,
   )
@@ -83,8 +79,8 @@ it('check state change and hide field', () => {
 
     return (
       <ValidatorWrapper ref={validator1}>
-        <ValidatorField rules={rules.email} value='test' />
-        {st && <ValidatorField rules={rules.email} value='' />}
+        <ValidatorField rules={rules.email} value="test" />
+        {st && <ValidatorField rules={rules.email} value="" />}
       </ValidatorWrapper>
     )
   }
@@ -104,7 +100,7 @@ it('check success validation', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={rules.email} value='email@email.com' />
+      <ValidatorField rules={rules.email} value="email@email.com" />
     </ValidatorWrapper>,
   )
 
@@ -118,7 +114,7 @@ it('check success validation fot child function', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={rules.email} value='email@email.com'>
+      <ValidatorField rules={rules.email} value="email@email.com">
         {({ isValid, message }) => <>{!isValid && <div>{message}</div>}</>}
       </ValidatorField>
     </ValidatorWrapper>,
@@ -140,7 +136,7 @@ it('check custom rule message function', () => {
   ]
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={rule} value='test'>
+      <ValidatorField rules={rule} value="test">
         {({ isValid, message }) => <>{!isValid && <div>{message}</div>}</>}
       </ValidatorField>
     </ValidatorWrapper>,

package/src/validator-field.tsx

@@ -1,10 +1,11 @@
-import { Component, ReactNode } from 'react'
-import { Validity } from 'types'
+import { Component, type ReactNode } from 'react'
+import type { Validity } from 'types'
 
 import { Context } from './context'
+import type { ValidatorRules } from './rules'
 import { Field } from './validator'
-import { ValidatorRules } from './rules'
 
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
 export type Value = any
 
 type Fn = (validity: Validity, value: Value) => ReactNode
@@ -15,8 +16,8 @@ interface Props {
   value?: Value
   id?: string | number
   children?: ReactNode | Fn
-  unregisterField: (val: any) => void
-  registerField: (val: any) => void
+  unregisterField: (val: Value) => void
+  registerField: (val: Value) => void
   customErrors: Array<Validity>
 }
 
@@ -31,7 +32,7 @@ class ValidationFieldWrapper extends Component<Props> {
 
   validate(): Validity {
     const props = this.props
-    const customError = (props.customErrors || []).find((item) => item.id === props.id)
+    const customError = props.customErrors.find((item) => item.id === props.id)
     if (customError) {
       return customError
     }

package/src/validator-wrapper.test.tsx

@@ -2,16 +2,12 @@
  * @jest-environment jsdom
  */
 
-import { createRef } from 'react'
 import { render } from '@testing-library/react'
+import { createRef } from 'react'
 
-import { ValidatorWrapper } from './validator-wrapper'
-import { ValidatorField } from './validator-field'
 import { rules } from './rules'
-
-it('render without child', () => {
-  expect(() => shallow(<ValidatorWrapper />)).toThrowError()
-})
+import { ValidatorField } from './validator-field'
+import { ValidatorWrapper } from './validator-wrapper'
 
 it('check wrapper validator', () => {
   const validator = createRef<ValidatorWrapper>()
@@ -34,8 +30,8 @@ it('check getField validator', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={[]} id='test' />
-      <ValidatorField rules={[]} id='test-fields' />
+      <ValidatorField rules={[]} id="test" />
+      <ValidatorField rules={[]} id="test-fields" />
     </ValidatorWrapper>,
   )
   expect(typeof validator.current.getField).toBe('function')
@@ -52,7 +48,7 @@ it('check getField undefined field', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={[]} id='test-empty-field' />
+      <ValidatorField rules={[]} id="test-empty-field" />
     </ValidatorWrapper>,
   )
 
@@ -64,9 +60,9 @@ it('check stopAtFirstError validator', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator} stopAtFirstError>
-      <ValidatorField rules={[]} value='test' />
-      <ValidatorField rules={rules.email} value='test' />
-      <ValidatorField rules={rules.password} value='' />
+      <ValidatorField rules={[]} value="test" />
+      <ValidatorField rules={rules.email} value="test" />
+      <ValidatorField rules={rules.password} value="" />
     </ValidatorWrapper>,
   )
   const fieldValidate = validator.current.validate()
@@ -79,7 +75,7 @@ it('check unregisterField, registerField', () => {
   const validator = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validator}>
-      <ValidatorField rules={[]} id='test-register-field' />
+      <ValidatorField rules={[]} id="test-register-field" />
     </ValidatorWrapper>,
   )
 
@@ -92,8 +88,8 @@ it('check filed in field', () => {
   render(
     <ValidatorWrapper ref={validator}>
       <ValidatorField rules={[]}>
-        <ValidatorField rules={[]} id='check-validate-field-1' />
-        <ValidatorField rules={[]} id='check-validate-field-2' />
+        <ValidatorField rules={[]} id="check-validate-field-1" />
+        <ValidatorField rules={[]} id="check-validate-field-2" />
       </ValidatorField>
     </ValidatorWrapper>,
   )
@@ -109,9 +105,9 @@ it('check wrapper in wrapper', () => {
   const validatorIn = createRef<ValidatorWrapper>()
   render(
     <ValidatorWrapper ref={validatorOut}>
-      <ValidatorField rules={rules.email} value='' />
+      <ValidatorField rules={rules.email} value="" />
       <ValidatorWrapper ref={validatorIn}>
-        <ValidatorField rules={rules.password} value='successpasswword' />
+        <ValidatorField rules={rules.password} value="successpasswword" />
       </ValidatorWrapper>
     </ValidatorWrapper>,
   )
@@ -125,10 +121,10 @@ it('check two validators', () => {
   render(
     <>
       <ValidatorWrapper ref={validatorSuccess}>
-        <ValidatorField rules={rules.password} value='successpasswword' />
+        <ValidatorField rules={rules.password} value="successpasswword" />
       </ValidatorWrapper>
       <ValidatorWrapper ref={validatorFailed}>
-        <ValidatorField rules={rules.email} value='' />
+        <ValidatorField rules={rules.email} value="" />
       </ValidatorWrapper>
     </>,
   )

package/src/validator-wrapper.tsx

@@ -1,13 +1,13 @@
-import { Component, ReactNode, RefObject } from 'react'
+import { Component, type ReactNode, type RefObject } from 'react'
 
-import { Validity } from './types'
 import { Context } from './context'
-import { Field, Validator } from './validator'
+import type { Validity } from './types'
+import { type Field, Validator } from './validator'
 
 interface ComponentProps {
   children?: ReactNode
   stopAtFirstError?: boolean
-  ref?: RefObject<any>
+  ref?: RefObject<ValidatorWrapper>
 }
 
 export class ValidatorWrapper extends Component<ComponentProps> {
@@ -16,8 +16,8 @@ export class ValidatorWrapper extends Component<ComponentProps> {
     customErrors: [],
   }
 
-  constructor(props, ctx) {
-    super(props, ctx)
+  constructor(props) {
+    super(props)
     this.registerField = this.registerField.bind(this)
     this.unregisterField = this.unregisterField.bind(this)
   }
@@ -53,13 +53,13 @@ export class ValidatorWrapper extends Component<ComponentProps> {
 
   validate(): Validity {
     const validator = new Validator({ stopAtFirstError: this.props.stopAtFirstError })
-    this.fields.forEach((comp) => {
+    for (const comp of this.fields) {
       validator.addField(comp.props)
-    })
+    }
     return validator.validate()
   }
 
-  render() {
+  render(): ReactNode {
     return (
       <Context.Provider
         value={{