hplx-react-elements-dev 1.0.57 → 1.0.59

package/dist/esm/doubleInput/DoubleInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DoubleInputProps } from "../types";
-declare const DoubleInput: ({ input1value, input2value, errorMsg, prefix, start_icon, end_icon, hint_text_icon, hint_text, className, suffixClassName, dropdownClassName, suffixDropdownClassName, options, suffixOptions, handleValChange, handleSuffixValChange, onDropdownClick, onSuffixDropdownClick, onlyDropdownItemsAllowed, onlySuffixDropdownItemsAllowed, inputProps, suffixInputProps, }: DoubleInputProps) => JSX.Element;
+declare const DoubleInput: ({ label, labelColor, labelSize, input1value, input2value, errorMsg, prefix, start_icon, end_icon, hint_text_icon, hint_text, className, suffixClassName, dropdownClassName, suffixDropdownClassName, options, suffixOptions, handleValChange, handleSuffixValChange, onDropdownClick, onSuffixDropdownClick, onlyDropdownItemsAllowed, onlySuffixDropdownItemsAllowed, inputProps, suffixInputProps, }: DoubleInputProps) => JSX.Element;
 export default DoubleInput;

package/dist/esm/index.js

@@ -5478,7 +5478,7 @@ var AddSuggestion = function AddSuggestion(_a) {
 
     if (options && options.length > 0) {
       sug = options === null || options === void 0 ? void 0 : 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().trim().toLowerCase());
       } // last keyboad input after ,
       );
       setSuggestionArr(sug);
@@ -5519,15 +5519,16 @@ var AddSuggestion = function AddSuggestion(_a) {
   };
 
   var handleSuggestionClick = function handleSuggestionClick(selectedItem) {
-    var val = selectedItem.label;
+    var val = selectedItem.label + ", ";
     var result = "";
 
     if (suggestionValue === null || suggestionValue === void 0 ? void 0 : suggestionValue.length) {
+      suggestionValue = suggestionValue.slice(0, suggestionValue.lastIndexOf(","));
       var debris = suggestionValue.trim().split(", "); //explode string into array of strings indexed by  /, |. |\s /
       // debris.pop(); //pop last element off the array (which we didn't want)
 
       result = debris.join(", ");
-      val = result + checkComma(result) + selectedItem.label;
+      val = result + checkComma(result) + selectedItem.label + ", ";
     }
 
     handleSuggestionValChange && handleSuggestionValChange(val);
@@ -17289,7 +17290,10 @@ var DatePicker = function DatePicker(_a) {
 };
 
 var DoubleInput = function DoubleInput(_a) {
-  var _b = _a.input1value,
+  var label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
+      _b = _a.input1value,
       input1value = _b === void 0 ? "" : _b,
       _c = _a.input2value,
       input2value = _c === void 0 ? "" : _c,
@@ -17377,6 +17381,7 @@ var DoubleInput = function DoubleInput(_a) {
   var handleFocus = function handleFocus(event) {
     setActive(true);
     setShowDropdown(true);
+    setDropdownArr(options);
     onFocus && onFocus(event);
   };
 
@@ -17408,11 +17413,9 @@ var DoubleInput = function DoubleInput(_a) {
         return options.label.toLowerCase().includes(e.target.value.toLowerCase());
       });
       setDropdownArr(sug);
-    } // if (sug.length === 0 || e.target.value.length === 0) {
-
-
-    handleValChange && handleValChange(e.target.value); // }
+    }
 
+    handleValChange && handleValChange(e.target.value);
     setValue(e.target.value);
   };
 
@@ -17426,11 +17429,9 @@ var DoubleInput = function DoubleInput(_a) {
         return suffixOption.label.toLowerCase().includes(e.target.value.toLowerCase());
       });
       setSuffixDropdownArr(sug);
-    } // if (sug.length === 0 || e.target.value.length === 0) {
-
-
-    handleSuffixValChange && handleSuffixValChange(e.target.value); // }
+    }
 
+    handleSuffixValChange && handleSuffixValChange(e.target.value);
     setSuffixValue(e.target.value);
   };
 
@@ -17467,9 +17468,18 @@ var DoubleInput = function DoubleInput(_a) {
       variant: "Regular",
       type: "Text md"
     }, {
-      children: [jsxRuntime.exports.jsxs("div", __assign({
+      children: [Boolean(label) && jsxRuntime.exports.jsx("div", __assign({
+        className: "".concat(labelColor ? labelColor : "hplxt-text-Gray-700", " hplxt-mb-1")
+      }, {
+        children: jsxRuntime.exports.jsx(Typography, __assign({
+          type: "".concat(labelSize ? labelSize : "Text sm"),
+          variant: "Medium"
+        }, {
+          children: label
+        }))
+      })), jsxRuntime.exports.jsxs("div", __assign({
         "data-setid": "error-msg",
-        className: "hplxt-flex hplxt-shadow-xs hplxt-border-1 hplxt-border-Blue_gray-100 hplxt-rounded-lg hover:hplxt-border-Primary-300 hover:hplxt-shadow-xs-primary\n           hplxt-overflow-hidden placeholder:hplxt-text-Gray-500 hplxt-bg-White hplxt-h-10\n           ".concat(errorMsg ? "hplxt-border-Error-300" : '', " \n            ").concat(disabled ? "hplxt-bg-Gray-50" : "".concat("hplxt-bg-White", " \n              ").concat(errorMsg ? "hover:hplxt-shadow-xs-error" : "hover:hplxt-border-Primary-300 hover:hplxt-shadow-xs-primary "))
+        className: "hplxt-flex hplxt-shadow-xs hplxt-border-1 hplxt-border-Blue_gray-100 hplxt-rounded-lg hover:hplxt-border-Primary-300 hover:hplxt-shadow-xs-primary\n           hplxt-overflow-hidden placeholder:hplxt-text-Gray-500 hplxt-bg-White hplxt-h-10\n           ".concat(errorMsg ? "hplxt-border-Error-300" : "", " \n            ").concat(disabled ? "hplxt-bg-Gray-50" : "".concat("hplxt-bg-White", " \n              ").concat(errorMsg ? "hover:hplxt-shadow-xs-error" : "hover:hplxt-border-Primary-300 hover:hplxt-shadow-xs-primary "))
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",
@@ -17507,6 +17517,7 @@ var DoubleInput = function DoubleInput(_a) {
           onFocus: function onFocus() {
             setSuffixActive(true);
             setShowSuffixDropdown(true);
+            setSuffixDropdownArr(suffixOptions);
           },
           onBlur: function onBlur() {
             setSuffixActive(false);
@@ -17695,6 +17706,7 @@ var InputTag = function InputTag(_a) {
   };
 
   var handleBlur = function handleBlur(event) {
+    setTagInputValue("");
     setShowDropdown(false);
     setActive(false);
     onBlur && onBlur(event);

package/dist/esm/types.d.ts

@@ -394,6 +394,9 @@ export interface AddSuggestionProps {
     isborderRequired?: boolean;
 }
 export interface DoubleInputProps {
+    label?: string;
+    labelSize?: typographyTextType;
+    labelColor?: string;
     prefix?: ReactNode;
     start_icon?: string;
     end_icon?: string;

package/package.json

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