hplx-react-elements-dev 1.0.67 → 1.0.68

package/dist/esm/index.js

@@ -17689,7 +17689,7 @@ var InputTag = function InputTag(_a) {
       return __spreadArray(__spreadArray([], prev, true), [selectedItem.value], false);
     });
     setValue(function (prev) {
-      return prev + ", " + selectedItem.value;
+      return prev.trim() + ", " + selectedItem.value;
     });
     setTagInputValue("");
     onDropdownClick && onDropdownClick(selectedItem);
@@ -17718,8 +17718,8 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleBlur = function handleBlur(event) {
-    if (tagInputValue) {
-      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue], false));
+    if (tagInputValue.trim()) {
+      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
       setValue(tags.filter(Boolean).join(", "));
       setTagInputValue("");
     } //setShowDropdown(false);
@@ -17731,35 +17731,41 @@ var InputTag = function InputTag(_a) {
   };
 
   var addEditTags = function addEditTags(e) {
-    if (e.keyCode === 13 && editInputValue) {
+    if (e.keyCode === 13 && editInputValue.trim()) {
       var newArr = __spreadArray([], tags, true);
 
-      newArr[editIndex] = editInputValue;
+      newArr[editIndex] = editInputValue.trim();
       setTags(newArr);
       setValue(tags.filter(Boolean).join(", "));
       setEditIndex(-1);
       setEditInputValue("");
-    } // if (Boolean(!tagInputValue) && e.keyCode === 8) {
-    //   setEditIndex(tags.length - 1);
-    //   setEditInputValue(tags[tags.length - 1]);
-    //   editRef.current && editRef.current.focus();
-    //   if (Boolean(!editInputValue) && e.keyCode === 8) {
-    //     deleteTag("", editIndex);
-    //     setEditIndex((prev) => prev - 1);
-    //     setEditInputValue(tags[editIndex]);
-    //     editRef.current && editRef.current.focus();
-    //   }
-    // }
+    } //on backspace
 
+
+    if (e.keyCode === 8 && !editInputValue) {
+      deleteTag("", editIndex);
+      setEditInputValue(tags[editIndex - 1] + " ");
+      setEditIndex(function (prev) {
+        return prev - 1;
+      }); // setEditInputValue(tags[])
+    }
   };
 
   var addTags = function addTags(e) {
-    if (e.keyCode === 13 && tagInputValue) {
-      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue], false));
+    if (e.keyCode === 13 && tagInputValue.trim()) {
+      setTags(__spreadArray(__spreadArray([], tags, true), [tagInputValue.trim()], false));
       setValue(tags.filter(Boolean).join(", "));
       setTagInputValue("");
       setFocusIndex(-1);
       handleValChange && handleValChange(value);
+    } //on backspace
+
+
+    if (e.keyCode === 8 && !tagInputValue) {
+      // deleteTag("", editIndex);
+      setShowDropdown(false);
+      setEditInputValue(tags[tags.length - 1] + " ");
+      setEditIndex(tags.length - 1); // setEditInputValue(tags[])
     } // on key down
 
 
@@ -17830,17 +17836,20 @@ var InputTag = function InputTag(_a) {
         type: "text",
         value: editInputValue,
         ref: editRef,
-        className: " placeholder:hplxt-text-Gray-500 focus-visible:hplxt-outline-0 hplxt-border-0 hplxt-rounded hplxt-py-1 hplxt-px-2 hplxt-bg-Primary-50 focus:hplxt-border-0",
+        className: "hplxt-flex hplxt-flex-1 placeholder:hplxt-text-Gray-500 focus-visible:hplxt-outline-0 hplxt-border-0 hplxt-rounded hplxt-py-1 hplxt-px-2 hplxt-bg-Primary-50 focus:hplxt-border-0",
         onChange: function onChange(e) {
           setEditInputValue(e.target.value);
         },
         onKeyDown: addEditTags,
         onBlur: function onBlur() {
-          var newArr = __spreadArray([], tags, true);
+          if (editInputValue.trim()) {
+            var newArr = __spreadArray([], tags, true);
+
+            newArr[index] = editInputValue.trim();
+            setTags(newArr);
+            setValue(tags.filter(Boolean).join(", "));
+          } else deleteTag("", editIndex);
 
-          newArr[index] = editInputValue;
-          setTags(newArr);
-          setValue(tags.filter(Boolean).join(", "));
           setEditIndex(-1);
           setEditInputValue("");
         }

package/package.json

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