@devtron-labs/devtron-fe-common-lib 0.0.45-beta-9 → 0.0.45-beta-10

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CustomInputProps } from './Types';
-export declare function CustomInput({ name, value, error, onChange, onBlur, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, showLink, linkText, link, helperText, state, setState, handleBlurChange }: CustomInputProps): JSX.Element;
+export declare function CustomInput({ name, value, error, onChange, onBlur, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, showLink, linkText, link, helperText, state, handleBlurChange }: CustomInputProps): JSX.Element;

package/dist/Common/CustomInput/Types.d.ts

@@ -23,5 +23,5 @@ export interface CustomInputProps {
     helperText?: string;
     state?: any;
     setState?: any;
-    handleBlurChange?: () => void;
+    handleBlurChange?: (e: any) => void;
 }

package/dist/index.js

@@ -26624,7 +26624,8 @@ function DevtronProgressing(_a) {
 }
 
 function CustomInput(_a) {
-    var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange; _a.onBlur; var _c = _a.onFocus, onFocus = _c === void 0 ? function (e) { } : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.type, type = _e === void 0 ? 'text' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.labelClassName, labelClassName = _g === void 0 ? '' : _g, _h = _a.placeholder, placeholder = _h === void 0 ? '' : _h, _j = _a.tabIndex, tabIndex = _j === void 0 ? 1 : _j, _k = _a.dataTestid, dataTestid = _k === void 0 ? '' : _k, _l = _a.isRequiredField, isRequiredField = _l === void 0 ? false : _l, _m = _a.autoFocus, autoFocus = _m === void 0 ? true : _m, _o = _a.rootClassName, rootClassName = _o === void 0 ? '' : _o, _p = _a.autoComplete, autoComplete = _p === void 0 ? 'off' : _p, _q = _a.showLink, showLink = _q === void 0 ? false : _q, _r = _a.linkText, linkText = _r === void 0 ? '' : _r, _s = _a.link, link = _s === void 0 ? '' : _s, _t = _a.helperText, helperText = _t === void 0 ? '' : _t, state = _a.state, setState = _a.setState, handleBlurChange = _a.handleBlurChange;
+    var name = _a.name, value = _a.value, error = _a.error, onChange = _a.onChange; _a.onBlur; var _c = _a.onFocus, onFocus = _c === void 0 ? function (e) { } : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.type, type = _e === void 0 ? 'text' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.labelClassName, labelClassName = _g === void 0 ? '' : _g, _h = _a.placeholder, placeholder = _h === void 0 ? '' : _h, _j = _a.tabIndex, tabIndex = _j === void 0 ? 1 : _j, _k = _a.dataTestid, dataTestid = _k === void 0 ? '' : _k, _l = _a.isRequiredField, isRequiredField = _l === void 0 ? false : _l, _m = _a.autoFocus, autoFocus = _m === void 0 ? true : _m, _o = _a.rootClassName, rootClassName = _o === void 0 ? '' : _o, _p = _a.autoComplete, autoComplete = _p === void 0 ? 'off' : _p, _q = _a.showLink, showLink = _q === void 0 ? false : _q, _r = _a.linkText, linkText = _r === void 0 ? '' : _r, _s = _a.link, link = _s === void 0 ? '' : _s, _t = _a.helperText, helperText = _t === void 0 ? '' : _t, state = _a.state, handleBlurChange = _a.handleBlurChange;
+    var _u = __read(React.useState(state), 2), stateForm = _u[0], setStateForm = _u[1];
     var renderLabelHelperText = function () {
         return (jsxRuntime.jsx("span", { children: jsxRuntime.jsx("a", __assign({ target: "_blank", href: link, className: "cursor fs-13 onlink ml-4" }, { children: linkText })) }));
     };
@@ -26639,12 +26640,14 @@ function CustomInput(_a) {
     }
     var handleOnBlur = function (event) {
         if (typeof handleBlurChange === 'function') {
-            handleBlurChange();
+            handleBlurChange(event);
         }
-        if (state) {
-            setState(function (prevState) {
+        console.log('event', event);
+        if (stateForm) {
+            console.log('stateForm', stateForm);
+            setStateForm(function (prevState) {
                 var _a;
-                return (__assign(__assign({}, prevState), (_a = {}, _a[event.target.name] = __assign(__assign({}, prevState[event.target.name]), { value: event.target.value.trim() }), _a)));
+                return (__assign(__assign({}, prevState), (_a = {}, _a[event.target.name] = event.target.value.trim(), _a)));
             });
         }
     };

package/package.json

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

package/src/Common/CustomInput/CustomInput.tsx

@@ -1,6 +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'
 
 export function CustomInput({
     name,
@@ -25,9 +26,10 @@ export function CustomInput({
     link = '',
     helperText = '',
     state,
-    setState,
     handleBlurChange
 }: CustomInputProps) {
+    const [stateForm, setStateForm] = useState(state)
+
     const renderLabelHelperText = () => {
         return (
             <span>
@@ -52,16 +54,15 @@ export function CustomInput({
 
     const handleOnBlur = (event) => {
        if(typeof handleBlurChange === 'function') {
-              handleBlurChange()
+              handleBlurChange(event)
        }
+       console.log('event', event)
 
-       if (state) {
-           setState((prevState) => ({
+       if (stateForm) {
+        console.log('stateForm', stateForm)
+        setStateForm((prevState) => ({
                ...prevState,
-               [event.target.name]: {
-                ...prevState[event.target.name],
-                value: event.target.value.trim(),
-            },
+               [event.target.name]: event.target.value.trim(),
            }))
        }
       

package/src/Common/CustomInput/Types.ts

@@ -22,5 +22,5 @@ export interface CustomInputProps {
     helperText?: string;
     state?;
     setState?;
-    handleBlurChange?: () => void
+    handleBlurChange?: (e) => void
 }