Include onFeedback method to show the validation responses

gameflow-tv · Feb 16, 2022 · b26f52d · b26f52d
1 parent bb439c3
commit b26f52d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/src/lib/components/inputs/basic/password/Password.tsx b/src/lib/components/inputs/basic/password/Password.tsx
@@ -25,6 +25,7 @@ export const Password = (props: InputProps) => {
 
   useEffect(() => {
     props.onValidate?.call(null, getResultantValidationResponse(validationResponse))
+    props.onFeedback?.call(null, validationResponse)
   }, [validationResponse])
 
   return (

diff --git a/src/lib/components/inputs/basic/search/Search.tsx b/src/lib/components/inputs/basic/search/Search.tsx
@@ -22,6 +22,7 @@ export const Search = (props: InputProps) => {
 
   useEffect(() => {
     props.onValidate?.call(null, getResultantValidationResponse(validationResponse))
+    props.onFeedback?.call(null, validationResponse)
   }, [validationResponse])
 
   return (

diff --git a/src/lib/components/inputs/basic/shared/types.ts b/src/lib/components/inputs/basic/shared/types.ts
@@ -22,6 +22,7 @@ export type InputProps = {
   criteria?: InputValidation | InputValidation[]
   onChange?: ChangeEventHandler<HTMLInputElement>
   onValidate?: (isValid: boolean) => void
+  onFeedback?: (validationResponse: InputCriteriaResponse | InputCriteriaResponse[]) => void
   inputStyles?: SharedProps
   readOnly?: boolean
   autoComplete?: AutocompleteValues
@@ -80,7 +81,7 @@ export const criteriaRule = (
 }
 
 export const getResultantValidationResponse = (
-  validationResponse: InputCriteriaResponse | InputCriteriaResponse[] | undefined
+  validationResponse?: InputCriteriaResponse | InputCriteriaResponse[]
 ) => {
   if (!validationResponse) {
     return false

diff --git a/src/lib/components/inputs/basic/text/Text.tsx b/src/lib/components/inputs/basic/text/Text.tsx
@@ -17,6 +17,7 @@ export const Text = (props: InputProps) => {
 
   useEffect(() => {
     props.onValidate?.call(null, getResultantValidationResponse(validationResponse))
+    props.onFeedback?.call(null, validationResponse)
   }, [validationResponse])
 
   return (