@devtron-labs/devtron-fe-common-lib 0.0.45-beta-11 → 0.0.45-beta-12

package/dist/index.js

@@ -26637,12 +26637,12 @@ function CustomInput(_a) {
         }
         return error;
     }
-    var handleOnBlur = function (event) {
+    var handleOnBlur = React.useCallback(function (event) {
         onChange(__assign(__assign({}, event), { target: __assign(__assign({}, event.target), { value: event.target.value.trim() }) }));
         if (typeof handleBlurChange === 'function') {
-            handleBlurChange(__assign(__assign({}, event), { target: __assign(__assign({}, event.target), { value: event.target.value.trim() }) }));
+            handleBlurChange(event);
         }
-    };
+    }, []);
     var renderFormError = function () {
         if ((error === null || error === void 0 ? void 0 : error.length) > 0) {
             if (typeof error === 'object') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.45-beta-11",
+    "version": "0.0.45-beta-12",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {

package/src/Common/CustomInput/CustomInput.tsx

@@ -1,7 +1,7 @@
 import { CustomInputProps } from './Types'
 import { ReactComponent as Info } from '../../Assets/Icon/ic-info-filled.svg'
 import { ReactComponent as FormError } from '../../Assets/Icon/ic-warning.svg'
-import { useState } from 'react'
+import { useCallback } from 'react'
 
 export function CustomInput({
     name,
@@ -51,8 +51,7 @@ export function CustomInput({
         return error
     }
 
-    const handleOnBlur = (event) => {
-      
+    const handleOnBlur = useCallback((event) => {  
        onChange({
            ...event,
            target: {
@@ -61,16 +60,10 @@ export function CustomInput({
            },
        })
        if (typeof handleBlurChange === 'function') {
-           handleBlurChange({
-               ...event,
-               target: {
-                   ...event.target,
-                   value: event.target.value.trim(),
-               },
-           })
+           handleBlurChange(event)
        }
       
-    }
+    },[])
 
     const renderFormError = () => {
         if (error?.length > 0) {