added isElementValid method to the hook to quickly check if an element is valid.

Author: FaisalST32

package.json

@@ -1,6 +1,6 @@
 {
  "name": "use-validation-react",
- "version": "1.0.3",
+ "version": "1.0.4",
  "description": "a lightweight react library for hook-based declarative form validation",
  "main": "./lib/cjs/index.js",
  "module": "./lib/esm/index.js",

src/packages/useValidation.ts

@@ -13,6 +13,7 @@ export type UseValidationReturnType<T> = {
  validateAll: (form: T) => Promise<Record<keyof T, ValidationResultType>>;
  validateFormElement: (form: T, elementKey: keyof T) => Promise<void>;
  clearValidations: () => void;
+ isElementValid: (elementKey: keyof T) => boolean
 };
 
 export const useValidation = <T>(
@@ -60,12 +61,20 @@ export const useValidation = <T>(
  setValidationResult({} as Record<keyof T, ValidationResultType>);
  }, []);
 
+ const isElementValid = useCallback((elementKey: keyof T) => {
+ if (!validationResult[elementKey]) {
+ return true;
+ }
+ return validationResult[elementKey].isValid;
+ }, [validationResult]);
+
  return {
  validationResult,
  isValidated,
  isFormValid,
  validateAll,
  validateFormElement,
  clearValidations,
+ isElementValid,
  };
-};
+};