hplx-react-elements-dev 1.0.74 → 1.0.75

package/dist/esm/index.js

@@ -17709,7 +17709,7 @@ var InputTag = function InputTag(_a) {
       showDropdown = _k[0],
       setShowDropdown = _k[1];
 
-  var _l = useState(''),
+  var _l = useState(""),
       dropdownOffset = _l[0],
       setdropdownOffset = _l[1];
 
@@ -17755,6 +17755,8 @@ var InputTag = function InputTag(_a) {
       editInputValue = _u[0],
       setEditInputValue = _u[1];
 
+  var dropdownClickedRef = useRef(false);
+
   var handleValueChange = function handleValueChange(e) {
     var sug = [];
     setShowDropdown(true);
@@ -17770,22 +17772,22 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleClickOutside = function handleClickOutside(e) {
-    setDropdownArr(options);
-
     if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
       setShowDropdown(false);
       setFocusIndex(-1);
     }
+
+    dropdownClickedRef.current = false;
   };
 
   var handleDropdownClick = function handleDropdownClick(selectedItem) {
+    setTagInputValue("");
     setTags(function (prev) {
       return __spreadArray(__spreadArray([], prev, true), [selectedItem.value], false);
     });
     setValue(function (prev) {
       return prev.trim() + ", " + selectedItem.value;
     });
-    setTagInputValue("");
     onDropdownClick && onDropdownClick(selectedItem);
     handleValChange && handleValChange(value);
     setFocusIndex(-1);
@@ -17815,15 +17817,24 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleBlur = function handleBlur(event) {
-    if (tagInputValue.trim()) {
-      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
-      setValue(tags.filter(Boolean).join(", "));
-      setTagInputValue("");
-    }
+    var sto = setTimeout(function () {
+      if (dropdownClickedRef.current) {
+        dropdownClickedRef.current = false;
+        return;
+      }
 
-    setFocusIndex(-1);
-    setActive(false);
-    onBlur && onBlur(event);
+      if (Boolean(tagInputValue) && tagInputValue.trim()) {
+        setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
+        setValue(tags.filter(Boolean).join(", "));
+        setTagInputValue("");
+      }
+
+      setFocusIndex(-1);
+      setActive(false);
+      onBlur && onBlur(event);
+      dropdownClickedRef.current = false;
+      sto && clearTimeout(sto);
+    }, 100);
   };
 
   var addEditTags = function addEditTags(e) {
@@ -18012,7 +18023,8 @@ var InputTag = function InputTag(_a) {
             className: "hplxt-text-Primary-700 ".concat(index === focusIndex ? "hplxt-bg-Blue_gray-100 hplxt-font-inter-1" : "")
           }, restOptions, {
             onSelect: function onSelect() {
-              return handleDropdownClick(restOptions);
+              dropdownClickedRef.current = true;
+              handleDropdownClick(restOptions);
             },
             ddRef: ddRef,
             setChangeLeft: setChangeLeft

package/package.json

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