@coxy/react-validator 2.0.7 → 4.0.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"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":"gFAGMA,IAAAA,CAAAA,CACJ,uJAIWC,CAAQ,CAAA,CACnB,SAAU,CACR,CACE,KAAOC,CAAkBA,EAAAA,CAAAA,GAAU,IAAMA,CAAM,CAAA,MAAA,CAAS,EACxD,OAAS,CAAA,mBACX,CACF,CAEA,CAAA,IAAA,CAAM,CACJ,CACE,IAAA,CAAOA,GAAkB,CAAC,CAACA,EAC3B,OAAS,CAAA,mBACX,CACF,CAEA,CAAA,QAAA,CAAU,CACR,CACE,IAAA,CAAOA,GAAkBA,CAAM,CAAA,MAAA,CAAS,EACxC,OAAS,CAAA,gCACX,EACA,CACE,IAAA,CAAOA,CAAkBA,EAAAA,CAAAA,CAAM,MAAS,CAAA,CAAA,CACxC,QAAS,kDACX,CACF,EAEA,KAAO,CAAA,CACL,CACE,IAAOA,CAAAA,CAAAA,EAAkB,CAAC,CAACA,CAAAA,EAASA,IAAU,EAAMA,EAAAA,CAAAA,CAAM,SAAW,CACrE,CAAA,OAAA,CAAS,mBACX,CACA,CAAA,CACE,IAAOA,CAAAA,CAAAA,EAAkBF,CAAS,CAAA,IAAA,CAAK,OAAOE,CAAK,CAAA,CAAE,aAAa,CAAA,CAClE,QAAS,kBACX,CACF,EAEA,GAAMC,CAAAA,CAAAA,EAAgB,CACpB,CACE,IAAA,CAAOD,GAAkB,MAAO,CAAA,UAAA,CAAWA,CAAK,CAAIC,CAAAA,CAAAA,CACpD,OAAS,CAAA,CAAA,+BAAA,EAAkCA,CAAG,CAAA,CAChD,CACF,CAEA,CAAA,GAAA,CAAMC,GAAgB,CACpB,CACE,KAAOF,CAAkB,EAAA,MAAA,CAAO,WAAWA,CAAK,CAAA,CAAIE,EACpD,OAAS,CAAA,CAAA,0BAAA,EAA6BA,CAAG,CAC3C,CAAA,CACF,EAEA,MAAQ,CAAA,CAACD,EAAaC,CAAiB,GAAA,CACrC,CACE,IAAOF,CAAAA,CAAAA,EAAkB,OAAOA,CAAK,CAAA,CAAE,QAAUC,CACjD,CAAA,OAAA,CAAS,gBAAgBA,CAAG,CAAA,QAAA,CAC9B,EACA,CACE,IAAA,CAAOD,GAAmBE,CAAQ,GAAA,MAAA,CAAY,OAAOF,CAAK,CAAA,CAAE,MAAUE,EAAAA,CAAAA,CAAM,IAC5E,CAAA,OAAA,CAAS,gBAAgBA,CAAG,CAAA,QAAA,CAC9B,CACF,CACF,MCjEaC,CAAN,CAAA,KAAY,CACP,KACA,CAAA,QAAA,CACA,MACH,EAEP,CAAA,WAAA,CAAY,CAAE,KAAAJ,CAAAA,CAAAA,CAAO,SAAAK,CAAU,CAAA,KAAA,CAAAJ,CAAO,CAAA,EAAA,CAAAK,CAAG,CAAA,CAAgB,CACvD,IAAK,CAAA,KAAA,CAAQN,EACb,IAAK,CAAA,QAAA,CAAWK,EAChB,IAAK,CAAA,KAAA,CAAQJ,EACb,IAAK,CAAA,EAAA,CAAKK,EACZ,CAEA,QAAA,EAAqB,CACnB,IAAIC,CAAAA,CAAU,KACVC,CAAU,CAAA,EAAA,CACR,CAAE,KAAA,CAAAR,CAAO,CAAA,KAAA,CAAAC,EAAO,QAAAI,CAAAA,CAAAA,CAAU,GAAAC,CAAG,CAAA,CAAI,KAEjCG,CAAe,CAAA,CAACR,GAAS,MAAO,CAAA,UAAA,CAAWA,CAAK,CAAM,GAAA,CAAA,CAE5D,GAAI,CAACD,CAAAA,CAAM,QAAWS,CAAgBJ,EAAAA,CAAAA,GAAa,MACjD,OAAO,CAAE,QAAAE,CAAS,CAAA,OAAA,CAAAC,EAAS,EAAAF,CAAAA,CAAG,EAEhC,IAAWI,IAAAA,CAAAA,IAAYV,EACjBO,CACFA,GAAAA,CAAAA,CAAUG,EAAS,IAAKT,CAAAA,CAAK,EACxBM,CACC,GAAA,OAAOG,EAAS,OAAY,EAAA,UAAA,CAC9BF,CAAUE,CAAAA,CAAAA,CAAS,OAAQT,CAAAA,CAAK,EAEhCO,CAAUE,CAAAA,CAAAA,CAAS,UAK3B,OAAO,CAAE,QAAAH,CAAS,CAAA,OAAA,CAAAC,EAAS,EAAAF,CAAAA,CAAG,CAChC,CACF,CAAA,CAMaK,EAAN,KAAgB,CACb,OACA,MAER,CAAA,WAAA,CAAYC,CAA0B,CAAA,CACpC,IAAK,CAAA,MAAA,CAASA,GAAU,IACxB,CAAA,IAAA,CAAK,OAAS,GAChB,CAEA,QAASA,CAAAA,CAAAA,CAA4B,CACnC,IAAMC,CAAAA,CAAQ,IAAIT,CAAMQ,CAAAA,CAAM,EAC9B,OAAK,IAAA,CAAA,MAAA,CAAO,KAAKC,CAAK,CAAA,CACfA,CACT,CAEA,WAAYA,CAAAA,CAAAA,CAAoB,CAC9B,IAAMC,CAAAA,CAAQ,KAAK,MAAO,CAAA,OAAA,CAAQD,CAAK,CACnCC,CAAAA,CAAAA,CAAQ,IAAI,IAAK,CAAA,MAAA,CAAO,OAAOA,CAAO,CAAA,CAAC,EAC7C,CAEA,QAAA,CAASR,EAAwB,CAC/B,OAAO,IAAK,CAAA,MAAA,CAAO,IAAMO,CAAAA,CAAAA,EAAUA,EAAM,EAAOP,GAAAA,CAAE,GAAK,IACzD,CAEA,UAAqB,CACnB,IAAIS,EASEC,CARW,CAAA,IAAA,CAAK,OAAO,GAAKH,CAAAA,CAAAA,EAC5B,KAAK,MAAQ,EAAA,gBAAA,EAAoBE,GAAcA,CAAW,CAAA,OAAA,GAAY,KACjE,CAAA,IAAA,EAETA,CAAaF,CAAAA,CAAAA,CAAM,UACZE,CAAAA,CAAAA,CACR,EAEuB,MAAQE,CAAAA,CAAAA,EAASA,GAAQA,CAAK,CAAA,OAAA,GAAY,KAAK,CAEvE,CAAA,GAAID,EAAO,MAAQ,CAAA,CACjB,GAAM,CAAE,OAAA,CAAAT,EAAS,OAAAC,CAAAA,CAAQ,CAAIQ,CAAAA,CAAAA,CAAO,CAAC,CAAA,CACrC,OAAO,CAAE,OAAA,CAAAT,EAAS,OAAAC,CAAAA,CAAAA,CAAS,OAAAQ,CAAO,CACpC,CACA,OAAO,CAAE,QAAS,IAAM,CAAA,OAAA,CAAS,EAAG,CACtC,CACF,ECpFO,SAASE,CAAAA,CAAajB,CAAcD,CAAAA,CAAAA,CAAwE,CACjH,IAAMmB,EAAY,IAAIR,CAAAA,CACtBQ,EAAU,QAAS,CAAA,CAAE,MAAAlB,CAAO,CAAA,KAAA,CAAAD,CAAM,CAAC,CAAA,CACnC,GAAM,CAAE,OAAA,CAAAO,EAAS,GAAGa,CAAe,EAAID,CAAU,CAAA,QAAA,GACjD,OAAO,CAACZ,EAASa,CAAc,CACjC,CCDO,IAAMC,CAAUC,CAAAA,mBAAAA,CAIpB,IAAI,CAAA,CCEMC,IAAAA,CAAAA,CAAiBC,iBAA2B,SAAwBC,CAAAA,CAAcC,EAAM,CACnG,GAAM,CAAE,QAAAC,CAAAA,CAAAA,CAAU,MAAA1B,CAAM,CAAA,CAAIwB,EACtB,CAAE,YAAA,CAAAG,EAAc,aAAAC,CAAAA,CAAAA,CAAe,gBAAAC,CAAgB,CAAA,CAAIC,gBAAWV,CAAAA,CAAO,CAErEW,CAAAA,CAAAA,CAAWC,aAAOR,CAAK,CAAA,CAC7BO,EAAS,OAAUP,CAAAA,CAAAA,CAEnB,IAAMS,CAAkBD,CAAAA,YAAAA,CAAOL,CAAY,CAC3CM,CAAAA,CAAAA,CAAgB,QAAUN,CAE1B,CAAA,IAAMO,EAAYF,YAAqC,CAAA,IAAI,EACtDE,CAAU,CAAA,OAAA,GACbA,CAAU,CAAA,OAAA,CAAU,CAClB,IAAI,OAAQ,CACV,OAAOH,EAAS,OAClB,CAAA,CACA,SAAU,IAAM,CACd,IAAMI,CAAOJ,CAAAA,CAAAA,CAAS,QAChBK,CAAcH,CAAAA,CAAAA,CAAgB,QAAQ,IAAMI,CAAAA,CAAAA,EAASA,EAAK,EAAOF,GAAAA,CAAAA,CAAK,EAAE,CAC9E,CAAA,OAAIC,GAGU,IAAIjC,CAAAA,CAAM,CACtB,KAAOgC,CAAAA,CAAAA,CAAK,MACZ,QAAUA,CAAAA,CAAAA,CAAK,SACf,KAAOA,CAAAA,CAAAA,CAAK,MACZ,EAAIA,CAAAA,CAAAA,CAAK,EACX,CAAC,CAAA,CACY,UACf,CACF,CAGFG,CAAAA,CAAAA,eAAAA,CAAU,KACRV,CAAAA,CAAcM,EAAU,OAAgC,CAAA,CACjD,IAAM,CACXL,CAAAA,CAAgBK,EAAU,OAAgC,EAC5D,GACC,CAACN,CAAAA,CAAeC,CAAe,CAAC,CAAA,CAEnC,IAAMU,CAAWL,CAAAA,CAAAA,CAAU,QAAQ,QAAS,EAAA,CAE5C,OAAO,OAAOR,CAAa,EAAA,UAAA,CAAcA,EAAgBa,CAAUvC,CAAAA,CAAK,EAAK0B,CAC/E,CAAC,ECtCM,IAAMc,EAAmBjB,gBAA6C,CAAA,SAC3E,CAAE,QAAAG,CAAAA,CAAAA,CAAU,iBAAAe,CAAiB,CAAA,CAC7BC,EACA,CACA,IAAMC,EAAYX,YAAgC,CAAA,EAAE,CAC9C,CAAA,CAACL,EAAciB,CAAe,CAAA,CAAIC,eAAqB,EAAE,EAEzDjB,CAAgBkB,CAAAA,iBAAAA,CAAalC,GAAiC,CAC9DA,CAAAA,EAAS,CAAC+B,CAAU,CAAA,OAAA,CAAQ,SAAS/B,CAAK,CAAA,EAC5C+B,EAAU,OAAQ,CAAA,IAAA,CAAK/B,CAAK,EAEhC,CAAA,CAAG,EAAE,CAAA,CAECiB,CAAkBiB,CAAAA,iBAAAA,CAAalC,CAAiC,EAAA,CACpE,IAAMC,CAAQ8B,CAAAA,CAAAA,CAAU,QAAQ,OAAQ/B,CAAAA,CAAK,EACzCC,CAAQ,CAAA,EAAA,EAAI8B,EAAU,OAAQ,CAAA,MAAA,CAAO9B,EAAO,CAAC,EACnD,EAAG,EAAE,EAECkC,CAAWD,CAAAA,iBAAAA,CAA2CzC,CACnDsC,EAAAA,CAAAA,CAAU,OAAQ,CAAA,IAAA,CAAM/B,GAAUA,CAAO,EAAA,KAAA,EAAO,KAAOP,CAAE,CAAA,EAAK,KACpE,EAAE,EAEC2C,CAAiBF,CAAAA,iBAAAA,CAAiDV,GAAgB,CACtFQ,CAAAA,CAAiBK,GAAS,CAAC,GAAGA,EAAMb,CAAW,CAAC,EAClD,CAAA,CAAG,EAAE,EAECc,CAAoBJ,CAAAA,iBAAAA,CAAmD,IAAM,CACjFF,CAAAA,CAAgB,EAAE,EACpB,EAAG,EAAE,EAECO,CAAWL,CAAAA,iBAAAA,CAA0C,IAAM,CAC/D,IAAM5B,EAAY,IAAIR,CAAAA,CAAU,CAAE,gBAAA,CAAA+B,CAAiB,CAAC,EACpD,IAAWW,IAAAA,CAAAA,IAAQT,EAAU,OAC3BzB,CAAAA,CAAAA,CAAU,SAASkC,CAAK,CAAA,KAAK,EAE/B,OAAOlC,CAAAA,CAAU,UACnB,CAAA,CAAG,CAACuB,CAAgB,CAAC,EAErBY,yBACEX,CAAAA,CAAAA,CACA,KAAO,CACL,QAAAS,CAAAA,CAAAA,CACA,SAAAJ,CACA,CAAA,aAAA,CAAAnB,EACA,eAAAC,CAAAA,CAAAA,CACA,eAAAmB,CACA,CAAA,iBAAA,CAAAE,CACF,CACA,CAAA,CAAA,CAACC,EAAUJ,CAAUnB,CAAAA,CAAAA,CAAeC,EAAiBmB,CAAgBE,CAAAA,CAAiB,CACxF,CAEA,CAAA,IAAMI,CAAeC,CAAAA,aAAAA,CACnB,KAAO,CAAE,aAAA5B,CAAc,CAAA,aAAA,CAAAC,EAAe,eAAAC,CAAAA,CAAgB,GACtD,CAACF,CAAAA,CAAcC,EAAeC,CAAe,CAC/C,EAEA,OAAO2B,cAAAA,CAACpC,EAAQ,QAAR,CAAA,CAAiB,MAAOkC,CAAe,CAAA,QAAA,CAAA5B,CAAS,CAAA,CAC1D,CAAC","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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/example/example.tsx

@@ -1,14 +1,12 @@
-/* eslint no-console: [0] */
-import { useState, createRef } from 'react'
-import { createRoot } from 'react-dom/client'
+import React, { createRef, useState } from 'react'
+import ReactDOM from 'react-dom/client'
+import { rules, Validator, ValidatorField, ValidatorWrapper } from '../dist/index'
 
-import { ValidatorWrapper, rules, ValidatorField, Validator } 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 +15,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 +30,7 @@ function App () {
 
     validator.addField({
       rules: rules.password,
-      value: 'testpassword'
+      value: 'testpassword',
     })
 
     const { isValid, message, errors } = validator.validate()
@@ -44,24 +42,26 @@ function App () {
   }
 
   return (
-    <>
-      <ValidatorWrapper ref={jsxValidator}>
-        <ValidatorField rules={rules.email} value={email}>
-          {({ isValid, message }) => (
-            <>
-              <input onChange={({ target: { value } }) => setEmail(value)} />
-              <div>{isValid ? 'valid' : 'invalid'}</div>
-              <div>{message || ''}</div>
-              <button onClick={handleValidateEmail} type="button">Validate email</button>
-            </>
-          )}
-        </ValidatorField>
-        <button onClick={handleValidateCustomFields} type="button">Validate custom fields</button>
-      </ValidatorWrapper>
-    </>
+    <ValidatorWrapper ref={jsxValidator}>
+      <ValidatorField rules={rules.email} value={email}>
+        {({ isValid, message }) => (
+          <>
+            <input onChange={({ target: { value } }) => setEmail(value)} />
+            <div>{isValid ? 'valid' : 'invalid'}</div>
+            <div>{message || ''}</div>
+            <button onClick={handleValidateEmail} type="button">
+              Validate email
+            </button>
+          </>
+        )}
+      </ValidatorField>
+      <button onClick={handleValidateCustomFields} type="button">
+        Validate custom fields
+      </button>
+    </ValidatorWrapper>
   )
 }
 
-const root = createRoot(document.getElementById('root'))
+const root = ReactDOM.createRoot(document.getElementById('root'))
 
 root.render(<App />)

package/example/index.html

@@ -3,14 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <title>Test template</title>
-  <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
-  <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
 </head>
 <body>
-
-<div id="root"></div>
-
-<script src="./dist/example.js"></script>
-
+  <div id="root"></div>
+  <script type="module" src="./dist/example.js"></script>
 </body>
 </html>

package/example/tsconfig.json

@@ -1,15 +1,10 @@
 {
-  "extends": "../tsconfig.json",
   "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "jsx": "react",
     "outDir": "./dist",
-    "rootDir": ".",
-    "baseUrl": "./",
+    "allowSyntheticDefaultImports": true
   },
-  "include": [
-    "example.tsx"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}
+  "include": ["example.tsx"]
+}

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@coxy/react-validator",
-  "version": "2.0.7",
+  "version": "4.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,47 +21,35 @@
   ],
   "author": "dsshard",
   "scripts": {
-    "start": "ts-node . --watch",
-    "build": "NODE_ENV=production tsc --project tsconfig.build.json",
-    "example": "tsc --project ./example/tsconfig.json",
-    "coverage": "codecov",
-    "coveralls": "coveralls .",
+    "start": "tsup ./src/index.ts --watch",
+    "build": "tsup",
+    "lint": "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 .",
     "test": "jest"
   },
   "license": "MIT",
   "peerDependencies": {
     "react": ">=18.x.x"
   },
-  "dependencies": {
-    "react": ">=18.x.x"
-  },
+  "dependencies": {},
   "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.*",
-    "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"
+    "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",
+    "@types/node": "24.1.0",
+    "@types/react": "19.1.11",
+    "@types/react-dom": "19.1.7",
+    "jest": "30.0.5",
+    "jest-environment-jsdom": "30.0.5",
+    "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,9 +1,14 @@
 import { createContext } from 'react'
 
-import { Validity } from './types'
+import type { FieldParams, Validity } from './types'
+
+export interface RegisteredFieldHandle {
+  props: FieldParams
+  validate: () => Validity
+}
 
 export const Context = createContext<{
-  registerField: (field: string | number) => void
-  unregisterField: (field: string | number) => void
+  registerField: (field: RegisteredFieldHandle) => void
+  unregisterField: (field: RegisteredFieldHandle) => void
   customErrors: Array<Validity>
 }>(null)

package/src/custom-errors.test.tsx

@@ -0,0 +1,73 @@
+/**
+ * @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/src/index.test.ts

@@ -1,7 +1,22 @@
-import { ValidatorWrapper, ValidatorField, rules } from './index'
+import { rules, useValidator, Validator, ValidatorField, ValidatorWrapper } from './index'
 
-it('renders with or without a name', () => {
-  expect(typeof ValidatorWrapper).toBe('function')
-  expect(typeof ValidatorField).toBe('function')
+it('exports surface is available', () => {
+  expect(typeof ValidatorWrapper).toBe('object')
+  expect(typeof ValidatorField).toBe('object')
   expect(typeof rules).toBe('object')
+  expect(typeof Validator).toBe('function')
+  expect(typeof useValidator).toBe('function')
+})
+
+it('use exports to execute a basic validation flow', () => {
+  // use Validator (class)
+  const validator = new Validator()
+  validator.addField({ value: 'test@example.com', rules: rules.email })
+  const res = validator.validate()
+  expect(res.isValid).toBe(true)
+
+  // use useValidator (hook-like util function)
+  const [isValid, { message }] = useValidator('bad-email', rules.email)
+  expect(isValid).toBe(false)
+  expect(message).toBe('Email is invalid')
 })

package/src/index.ts

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

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)
@@ -33,6 +33,7 @@ it('check rule password', () => {
 it('check rule bool', () => {
   expect(rules.bool.length).toBe(1)
 
+  // @ts-expect-error
   const result = rules.bool[0].rule(true)
   expect(result).toBe(true)
 })
@@ -40,7 +41,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,22 +53,24 @@ 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)
 
-  result = rules.min(9)[0].rule('testtesttest')
+  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)
 
@@ -76,22 +79,24 @@ it('check rule min', () => {
 })
 
 it('check rule max', () => {
-  let result
+  let result: boolean
   result = rules.max(10)[0].rule('')
   expect(result).toBe(false)
 
-  result = rules.max(9)[0].rule('testtesttest')
+  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)
 
@@ -100,17 +105,17 @@ it('check rule max', () => {
 })
 
 it('check rule length', () => {
-  let result
+  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('testtesttest')
+  result = rules.length(1, 10)[0].rule('test-test-test')
   expect(result).toBe(true)
 
-  result = rules.length(1, 10)[1].rule('testtesttest')
+  result = rules.length(1, 10)[1].rule('test-test-test')
   expect(result).toBe(false)
 
   result = rules.length(1, 10)[0].rule('lol')

package/src/rules.ts

@@ -1,69 +1,69 @@
-import { ValidatorRule } from './types'
+import type { ValidatorRule } from './types'
 
 // 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,}))$/
+  /^(([^<>()[\]\\.,;:\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 const rules = {
   notEmpty: [
     {
-      rule: (value) => value !== '' && value.length > 0,
+      rule: (value: string) => value !== '' && value.length > 0,
       message: 'Value is required',
     },
   ],
 
   bool: [
     {
-      rule: (value) => !!value,
+      rule: (value: string) => !!value,
       message: 'Value is required',
     },
   ],
 
   password: [
     {
-      rule: (value) => value.length > 0,
+      rule: (value: string) => value.length > 0,
       message: 'Password field cannot be empty',
     },
     {
-      rule: (value) => value.length > 5,
+      rule: (value: string) => value.length > 5,
       message: 'Password field can not be less than 6 characters',
     },
   ],
 
   email: [
     {
-      rule: (value) => !!value && value !== '' && value.length !== 0,
+      rule: (value: string) => !!value && value !== '' && value.length !== 0,
       message: 'Email is required',
     },
     {
-      rule: (value) => emailReg.test(String(value).toLowerCase()),
+      rule: (value: string) => emailReg.test(String(value).toLowerCase()),
       message: 'Email is invalid',
     },
   ],
 
-  min: (min) => [
+  min: (min: number) => [
     {
-      rule: (value) => parseFloat(value) > min,
+      rule: (value: string) => Number.parseFloat(value) > min,
       message: `The value must be greater than ${min}`,
     },
   ],
 
-  max: (max) => [
+  max: (max: number) => [
     {
-      rule: (value) => parseFloat(value) < max,
+      rule: (value: string) => Number.parseFloat(value) < max,
       message: `The value must be smaller ${max}`,
     },
   ],
 
-  length: (min, max?) => [
+  length: (min: number, max?: number) => [
     {
-      rule: (value) => String(value).length >= min,
+      rule: (value: string) => String(value).length >= min,
       message: `No less than ${min} symbols`,
     },
     {
-      rule: (value) => (max !== undefined ? String(value).length <= max : true),
+      rule: (value: string) => (max !== undefined ? String(value).length <= max : true),
       message: `No more than ${max} symbols`,
     },
   ],

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 {