hplx-react-elements-dev 1.0.29 → 1.0.31

package/dist/esm/datePicker/DatePicker.d.ts

@@ -3,10 +3,12 @@ import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
 import "../datePicker/DatePickerCSS.css";
 export interface DatePickerProps {
-    disabledDates: Date[];
+    disabledDates?: Date[];
     selectDate?: any;
     dateVar: (val: Date) => void;
-    isborderRequired: boolean;
+    isborderRequired?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
 }
-declare const DatePicker: ({ disabledDates, selectDate, dateVar, isborderRequired, }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, isborderRequired, }: DatePickerProps) => JSX.Element;
 export default DatePicker;

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;
     }
@@ -16861,6 +16869,8 @@ var DatePicker = function DatePicker(_a) {
       _b = _a.selectDate,
       selectDate = _b === void 0 ? undefined : _b,
       dateVar = _a.dateVar,
+      minDate = _a.minDate,
+      maxDate = _a.maxDate,
       _c = _a.isborderRequired,
       isborderRequired = _c === void 0 ? true : _c;
 
@@ -16883,8 +16893,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,13 +16919,14 @@ 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
+        disabledDates: disabledDates,
+        minDate: minDate,
+        maxDate: maxDate
       }) : null
     }))]
   }));

package/package.json

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