hplx-react-elements-dev 1.0.66 → 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,44 +17836,46 @@ 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);
-
-          if ((editInputValue === null || editInputValue === void 0 ? void 0 : editInputValue.length) === 0) {
-            deleteTag("", editIndex);
-          }
         },
         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("");
         }
-      }) : jsxRuntime.exports.jsxs("button", __assign({
-        className: "hplxt-flex hplxt-items-center hplxt-bg-Primary-50 hplxt-border-1 hplxt-rounded hplxt-border-Primary-100 hplxt-py-1 hplxt-px-2",
-        onClick: function onClick() {
-          setEditIndex(index);
-          setEditInputValue(item);
-        }
+      }) : jsxRuntime.exports.jsxs("div", __assign({
+        className: "hplxt-flex hplxt-items-center hplxt-bg-Primary-50 hplxt-border-1 hplxt-rounded hplxt-border-Primary-100 hplxt-py-1 hplxt-px-2"
       }, {
-        children: [jsxRuntime.exports.jsx(Typography, __assign({
-          variant: "Semibold",
-          type: "Text sm",
-          className: "hplxt-text-Gray-600"
+        children: [jsxRuntime.exports.jsx("button", __assign({
+          onClick: function onClick() {
+            setEditIndex(index);
+            setEditInputValue(item);
+          }
         }, {
-          children: item
-        })), jsxRuntime.exports.jsx("div", {
+          children: jsxRuntime.exports.jsx(Typography, __assign({
+            variant: "Semibold",
+            type: "Text sm",
+            className: "hplxt-text-Gray-600"
+          }, {
+            children: item
+          }))
+        }), index), jsxRuntime.exports.jsx("i", {
           className: "hx_close hplxt-text-[75%] hplxt-text-Primary-700",
           onClick: function onClick() {
             return deleteTag(item, index);
           }
         })]
-      }), index);
+      }));
     }), jsxRuntime.exports.jsx("input", __assign({
       type: "text",
       value: tagInputValue,

package/package.json

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