hplx-react-elements-dev 1.0.29 → 1.0.30

package/dist/esm/index.js

@@ -5222,7 +5222,7 @@ var AddSuggestion = function AddSuggestion(_a) {
 
     if (options && options.length > 0) {
       var sug = options.filter(function (options) {
-        return options.label.toLowerCase().includes(e.target.value.split(", ").pop().toLowerCase());
+        return options.label.toLowerCase().includes(e.target.value.split(",").pop().toLowerCase());
       } // last keyboad input after ,
       );
       setSuggestionArr(sug);
@@ -5237,16 +5237,24 @@ var AddSuggestion = function AddSuggestion(_a) {
     }
   };
 
-  var handleSuggestionClick = function handleSuggestionClick(selectedValue) {
-    var debris = suggestionValue.split(", "); //explode string into array of strings indexed by  /, |. |\s /
+  var checkComma = function checkComma(val) {
+    var lastEle = val.charAt(suggestionValue.length - 1);
 
-    debris.pop(); //pop last element off the array (which we didn't want)
+    if (lastEle === ",") {
+      return "";
+    } else {
+      return ", ";
+    }
+  };
 
-    var result = debris.join(", ");
+  var handleSuggestionClick = function handleSuggestionClick(selectedValue) {
+    // const debris = suggestionValue.split(", "); //explode string into array of strings indexed by  /, |. |\s /
+    // debris.pop(); //pop last element off the array (which we didn't want)
+    // const result = debris.join(", ");
     var res;
 
-    if (result.length > 0) {
-      res = result + ", " + selectedValue.label;
+    if (suggestionValue.length > 0) {
+      res = suggestionValue + checkComma(suggestionValue) + selectedValue.label;
     } else {
       res = selectedValue.label;
     }
@@ -16883,8 +16891,18 @@ var DatePicker = function DatePicker(_a) {
     setClicked(!clicked);
   };
 
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside() {
+      return setClicked(false);
+    };
+
+    document.addEventListener("mouseup", handleClickOutside);
+    return function () {
+      document.removeEventListener("mouseup", handleClickOutside);
+    };
+  }, [clicked]);
   return jsxRuntime.exports.jsxs("div", __assign({
-    className: "px-[14px] py-[10px]"
+    className: " px-[14px] py-[10px] "
   }, {
     children: [jsxRuntime.exports.jsx("div", __assign({
       className: "relative w-[189px]"
@@ -16899,12 +16917,11 @@ var DatePicker = function DatePicker(_a) {
         }
       })
     })), jsxRuntime.exports.jsx("div", __assign({
-      className: "absolute  mt-1  z-10 "
+      className: "absolute mt-1  z-10 "
     }, {
       children: clicked ? jsxRuntime.exports.jsx(dist.Calendar, {
         date: dayjs(date).isValid() ? date : new Date(),
         onChange: handleSelect,
-        dateDisplayFormat: "MMM d, yyyy",
         disabledDates: disabledDates
       }) : null
     }))]

package/package.json

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