refactor: CustomInput - handleOnBlur -> onBlur rename

Author: RohitRaj011

src/Common/CustomInput/CustomInput.tsx

@@ -37,7 +37,7 @@ export const CustomInput = ({
     rootClassName = '',
     autoComplete = 'off',
     helperText = '',
-    handleOnBlur,
+    onBlur,
     readOnly = false,
     noTrim = false,
     onKeyPress,
@@ -66,15 +66,15 @@ export const CustomInput = ({
         return error
     }
 
-    const onBlur = (event) => {
+    const handleOnBlur = (event) => {
         // NOTE: This is to prevent the input from being trimmed when the user do not want to trim the input
         if (!noTrim) {
             event.stopPropagation()
             event.target.value = event.target.value?.trim()
             onChange(event)
         }
-        if (typeof handleOnBlur === 'function') {
-            handleOnBlur(event)
+        if (typeof onBlur === 'function') {
+            onBlur(event)
         }
     }
 
@@ -127,7 +127,7 @@ export const CustomInput = ({
                     e.persist()
                     onChange(e)
                 }}
-                onBlur={onBlur}
+                onBlur={handleOnBlur}
                 onFocus={onFocus}
                 placeholder={placeholder}
                 value={value}

src/Common/CustomInput/Types.ts

@@ -34,7 +34,7 @@ export interface CustomInputProps {
     rootClassName?: string
     error?: string[] | string
     helperText?: ReactNode
-    handleOnBlur?: (e) => void
+    onBlur?: (e) => void
     readOnly?: boolean
     noTrim?: boolean
     onKeyPress?: (e) => void