hplx-react-elements-dev 1.1.30 → 1.1.32

package/dist/esm/index.js

@@ -18284,47 +18284,51 @@ var InputTag = function InputTag(_a) {
       dropdownArr = _r[0],
       setDropdownArr = _r[1];
 
-  var _s = useState(""),
-      tagInputValue = _s[0],
-      setTagInputValue = _s[1]; // input field state
+  var _s = useState(false),
+      dropDownTag = _s[0],
+      setDropDownTag = _s[1];
+
+  var _t = useState(""),
+      tagInputValue = _t[0],
+      setTagInputValue = _t[1]; // input field state
 
 
-  var _t = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
+  var _u = useState(__spreadArray(__spreadArray([], tagList.filter(Boolean), true), tagString.split(",").filter(Boolean).map(function (item) {
     return item.trim();
   }), true)),
-      tags = _t[0],
-      setTags = _t[1]; // tag array
+      tags = _u[0],
+      setTags = _u[1]; // tag array
 
 
-  var _u = useState(-1),
-      focusIndex = _u[0],
-      setFocusIndex = _u[1];
+  var _v = useState(-1),
+      focusIndex = _v[0],
+      setFocusIndex = _v[1];
 
-  var _v = useState(true),
-      changeLeft = _v[0],
-      setChangeLeft = _v[1];
+  var _w = useState(true),
+      changeLeft = _w[0],
+      setChangeLeft = _w[1];
 
-  var _w = useState(-1),
-      editIndex = _w[0],
-      setEditIndex = _w[1];
+  var _x = useState(-1),
+      editIndex = _x[0],
+      setEditIndex = _x[1];
 
-  var _x = useState(""),
-      editInputValue = _x[0],
-      setEditInputValue = _x[1];
+  var _y = useState(""),
+      editInputValue = _y[0],
+      setEditInputValue = _y[1];
 
   var dropdownClickedRef = useRef(false);
 
-  var _y = useState(""),
-      content = _y[0],
-      setContent = _y[1];
+  var _z = useState(""),
+      content = _z[0],
+      setContent = _z[1];
 
-  var _z = useState(0),
-      width = _z[0],
-      setWidth = _z[1];
+  var _0 = useState(0),
+      width = _0[0],
+      setWidth = _0[1];
 
-  var _0 = useState(-1),
-      divIndex = _0[0],
-      setDivIndex = _0[1];
+  var _1 = useState(-1),
+      divIndex = _1[0],
+      setDivIndex = _1[1];
 
   var handleDragStart = function handleDragStart(e, index) {
     e.dataTransfer.setData("text/plain", index.toString());
@@ -18467,10 +18471,10 @@ var InputTag = function InputTag(_a) {
     } // Set the dropdown offset
 
 
-    if (divIndex === -1) {
+    if (divIndex === -1 && !dropDownTag) {
       showDropdown && setdropdownOffset("".concat((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetLeft, "px"));
     }
-  }, [options, tags, inputRef, allowDuplicates, showDropdown]); // This function handles the click event of a dropdown item
+  }, [options, tags, inputRef, allowDuplicates, dropDownTag, showDropdown]); // This function handles the click event of a dropdown item
 
   var handleDropdownClick = function handleDropdownClick(selectedItem, index, divIndex) {
     // Set a timeout to add the selected item to the tags after a certain time
@@ -18478,34 +18482,46 @@ var InputTag = function InputTag(_a) {
       // If allowDuplicates flag is true or the selected item is not already in the tags, add the item to the tags
       if (allowDuplicates || !tags.includes(selectedItem.value)) {
         if (divIndex !== -1) {
+          onDropdownClick && onDropdownClick(selectedItem, index, divRef.current[divIndex].textContent);
+
           var newTagList = __spreadArray([], tags, true);
 
           newTagList.splice(divIndex, 0, selectedItem.value);
-          setTags(newTagList);
+          setTags(newTagList); // Add the selected item to the input value and update the displayed value
+
+          var inputValue = value.split(",");
+
+          var val = __spreadArray([], inputValue, true);
+
+          val.splice(divIndex, 0, selectedItem.value);
+          var inputVal = val.join(",");
+          setValue(inputVal); // Call handleValChange function if it is defined
+
+          handleValChange && handleValChange(inputVal, "", "dropdown");
+          setDropDownTag(true);
           divRef.current[divIndex].textContent = "";
           setTimeout(function () {
             divRef.current[divIndex + 1].focus();
+            setDropDownTag(false);
           }, 0);
           setDivIndex(divIndex + 1);
-          setFocusIndex(-1);
         } else {
           setTags(function (prev) {
             return __spreadArray(__spreadArray([], prev, true), [selectedItem.value], false);
           });
-        }
-      } // Add the selected item to the input value and update the displayed value
-
+          onDropdownClick && onDropdownClick(selectedItem, index, tagInputValue); // Add the selected item to the input value and update the displayed value
 
-      var val = value.trim() + ", " + selectedItem.value;
-      setValue(val); // Call onDropdownClick function if it is defined
+          var val = value.trim() + ", " + selectedItem.value;
+          setValue(val); // Call handleValChange function if it is defined
 
-      onDropdownClick && onDropdownClick(selectedItem, index, tagInputValue); // Call handleValChange function if it is defined
+          handleValChange && handleValChange(val, "", "dropdown");
+          setTagInputValue("");
+        }
+      } // Reset focus index and dropdown array
 
-      handleValChange && handleValChange(val, "", "dropdown"); // Reset focus index and dropdown array
 
       setFocusIndex(-1);
-      setDropdownArr(options);
-      setTagInputValue(""); // Clear the timeout
+      setDropdownArr(options); // Clear the timeout
 
       sto && clearTimeout(sto);
     }, 100); // Return a function to clear the timeout when the component unmounts or when a new dropdown item is clicked
@@ -18632,6 +18648,7 @@ var InputTag = function InputTag(_a) {
       }, 0);
       setDivIndex(index + 1);
       setFocusIndex(-1);
+      focusIndex < 0 && handleValChange && handleValChange(newTagList.filter(Boolean).join(", "), inputValue.trim(), "");
     } else if (e.keyCode === 13 && inputValue.trim().length <= 1) {
       setFocusIndex(-1);
 
@@ -18854,10 +18871,6 @@ var InputTag = function InputTag(_a) {
             padding: '2px'
           },
           className: "focus-visible:hplxt-outline-0 hplxt-border-0 focus:hplxt-border-0",
-          onChange: function onChange(e) {
-            handleValueChange(e);
-            getInputValue(e.target.value);
-          },
           onKeyDown: function onKeyDown(e) {
             return addTagsfromDiv(e, index);
           }

package/package.json

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