hplx-react-elements-dev 1.0.58 → 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

@@ -17290,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,
@@ -17378,6 +17381,7 @@ var DoubleInput = function DoubleInput(_a) {
   var handleFocus = function handleFocus(event) {
     setActive(true);
     setShowDropdown(true);
+    setDropdownArr(options);
     onFocus && onFocus(event);
   };
 
@@ -17409,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);
   };
 
@@ -17427,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);
   };
 
@@ -17468,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",
@@ -17508,6 +17517,7 @@ var DoubleInput = function DoubleInput(_a) {
           onFocus: function onFocus() {
             setSuffixActive(true);
             setShowSuffixDropdown(true);
+            setSuffixDropdownArr(suffixOptions);
           },
           onBlur: function onBlur() {
             setSuffixActive(false);
@@ -17696,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.58",
+  "version": "1.0.59",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",