@lanaco/lnc-react-ui 2.1.36 → 2.1.37

package/lib/index.esm.js

@@ -33896,19 +33896,41 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       value = props.value,
       onChange = props.onChange;
 
-  var _useState = useState(value ? value : ""),
+  var _useState = useState(""),
       _useState2 = _slicedToArray(_useState, 2),
-      val = _useState2[0],
-      setVal = _useState2[1];
+      text = _useState2[0],
+      setText = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isFirst = _useState4[0],
+      setIsFirst = _useState4[1];
+
+  useEffect(function () {
+    if (text !== value) setText(value === null ? "" : value);
+  }, [value]);
+  useEffect(function () {
+    var timeOutId = setTimeout(function () {
+      return handleDelayedOnChange();
+    }, 350);
+    return function () {
+      return clearTimeout(timeOutId);
+    };
+  }, [text]);
+
+  var handleDelayedOnChange = function handleDelayedOnChange() {
+    if (!isFirst) onChange(id, text);
+    if (isFirst) setIsFirst(false);
+  };
 
   var handleOnChange = function handleOnChange(e) {
     if (preventDefault) e.preventDefault();
-    setVal(e.target.value);
+    setText(e.target.value);
   };
 
   var handleOnBlur = function handleOnBlur(e) {
     if (preventDefault) e.preventDefault();
-    onChange(id, val);
+    onChange(id, text);
   };
 
   return /*#__PURE__*/React__default.createElement(StyledTextInput$1, {
@@ -33918,7 +33940,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onChange: handleOnChange,
     className: className,
     disabled: disabled,
-    value: val,
+    value: text,
     ref: ref,
     onFocus: function onFocus(e) {
       e.target.style.whiteSpace = "inherit";

package/lib/index.js

@@ -33937,19 +33937,41 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
       value = props.value,
       onChange = props.onChange;
 
-  var _useState = React.useState(value ? value : ""),
+  var _useState = React.useState(""),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
-      val = _useState2[0],
-      setVal = _useState2[1];
+      text = _useState2[0],
+      setText = _useState2[1];
+
+  var _useState3 = React.useState(true),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      isFirst = _useState4[0],
+      setIsFirst = _useState4[1];
+
+  React.useEffect(function () {
+    if (text !== value) setText(value === null ? "" : value);
+  }, [value]);
+  React.useEffect(function () {
+    var timeOutId = setTimeout(function () {
+      return handleDelayedOnChange();
+    }, 350);
+    return function () {
+      return clearTimeout(timeOutId);
+    };
+  }, [text]);
+
+  var handleDelayedOnChange = function handleDelayedOnChange() {
+    if (!isFirst) onChange(id, text);
+    if (isFirst) setIsFirst(false);
+  };
 
   var handleOnChange = function handleOnChange(e) {
     if (preventDefault) e.preventDefault();
-    setVal(e.target.value);
+    setText(e.target.value);
   };
 
   var handleOnBlur = function handleOnBlur(e) {
     if (preventDefault) e.preventDefault();
-    onChange(id, val);
+    onChange(id, text);
   };
 
   return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, {
@@ -33959,7 +33981,7 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
     onChange: handleOnChange,
     className: className,
     disabled: disabled,
-    value: val,
+    value: text,
     ref: ref,
     onFocus: function onFocus(e) {
       e.target.style.whiteSpace = "inherit";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "2.1.36",
+  "version": "2.1.37",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",