hplx-react-elements-dev 1.0.86 → 1.0.88

package/dist/esm/index.js

@@ -18101,13 +18101,12 @@ var InputTag = function InputTag(_a) {
       } // Add the selected item to the input value and update the displayed value
 
 
-      setValue(function (prev) {
-        return prev.trim() + ", " + selectedItem.value;
-      }); // Call onDropdownClick function if it is defined
+      var val = value.trim() + ", " + selectedItem.value;
+      setValue(val); // Call onDropdownClick function if it is defined
 
       onDropdownClick && onDropdownClick(selectedItem); // Call handleValChange function if it is defined
 
-      handleValChange && handleValChange(value); // Reset focus index and dropdown array
+      handleValChange && handleValChange(val); // Reset focus index and dropdown array
 
       setFocusIndex(-1);
       setDropdownArr(options); // Clear the timeout
@@ -18159,8 +18158,11 @@ var InputTag = function InputTag(_a) {
 
       if (Boolean(tagInputValue) && tagInputValue.trim() && tagInputValue.trim().length > 1 && (allowDuplicates || !tags.includes(tagInputValue.trim())) // check if allowDuplicates flag is true or tagInputValue is not already in tags
       ) {
-        setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
+        var res = __spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false);
+
+        setTags(res);
         setValue(tags.filter(Boolean).join(", "));
+        handleValChange && handleValChange(res.filter(Boolean).join(", "));
       } // reset tag input value and focus index
 
 
@@ -18192,6 +18194,7 @@ var InputTag = function InputTag(_a) {
       setEditInputValue("");
       inputRef.current && inputRef.current.focus();
       setdropdownOffset("".concat((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, "px"));
+      handleValChange && handleValChange(newArr.filter(Boolean).join(", "));
     } //on backspace
 
 
@@ -18264,10 +18267,13 @@ var InputTag = function InputTag(_a) {
 
     if (e.keyCode === 13) {
       if (focusIndex >= 0) {
-        setTags(__spreadArray(__spreadArray([], tags, true), [dropdownArr[focusIndex].value.trim()], false));
+        var res = __spreadArray(__spreadArray([], tags, true), [dropdownArr[focusIndex].value.trim()], false);
+
+        setTags(res);
         setValue(tags.filter(Boolean).join(", "));
         setTagInputValue("");
         setFocusIndex(-1);
+        handleValChange && handleValChange(res.filter(Boolean).join(", "));
       }
     }
   };
@@ -18277,12 +18283,12 @@ var InputTag = function InputTag(_a) {
       return del_index !== index;
     });
     setTags(remainingTags);
-    setValue(tags.filter(Boolean).join(", "));
+    handleValChange && handleValChange(remainingTags.filter(Boolean).join(", "));
+    setValue(remainingTags.filter(Boolean).join(", "));
   };
 
   useEffect(function () {
     setValue(tags.filter(Boolean).join(", "));
-    handleValChange && handleValChange(tags.filter(Boolean).join(", "));
   }, [tags]);
   useEffect(function () {
     var _a;
@@ -18318,7 +18324,10 @@ var InputTag = function InputTag(_a) {
               newArr[index] = editInputValue.trim();
               setTags(newArr);
               setValue(tags.filter(Boolean).join(", "));
-            } else deleteTag("", editIndex);
+              handleValChange && handleValChange(newArr.filter(Boolean).join(", "));
+            } else {
+              deleteTag("", editIndex);
+            }
 
             setEditIndex(-1);
             setEditInputValue("");

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.86",
+  "version": "1.0.88",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",