hplx-react-elements-dev 1.0.32 → 1.0.34

package/dist/esm/index.js

@@ -2104,6 +2104,7 @@ var InputField = function InputField(_a) {
   var label = _a.label,
       labelColor = _a.labelColor,
       labelSize = _a.labelSize,
+      height = _a.height,
       _b = _a.start_icon,
       start_icon = _b === void 0 ? "" : _b,
       _c = _a.end_icon,
@@ -2118,6 +2119,7 @@ var InputField = function InputField(_a) {
       _e = _a.errorMsg,
       errorMsg = _e === void 0 ? "" : _e,
       inputProps = _a.inputProps,
+      suffixInputProps = _a.suffixInputProps,
       _f = _a.isborderRequired,
       isborderRequired = _f === void 0 ? true : _f,
       suffixDropdown = _a.suffixDropdown,
@@ -2227,7 +2229,7 @@ var InputField = function InputField(_a) {
     }, {
       children: jsxRuntime.exports.jsxs("div", __assign({
         "data-setid": "error-msg",
-        className: "flex ".concat(isborderRequired ? "border-1 shadow-xs rounded-lg" : "", " overflow-hidden placeholder:text-Gray-500 ").concat(errorMsg ? "border-Error-300" : "border-Gray-300", "   h-10 ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat(active && "shadow-xs-error") : " ".concat(isborderRequired ? "hover:border-Primary-300 hover:shadow-xs-primary ".concat(active && "border-Primary-300 shadow-xs-primary") : " ")))
+        className: "flex ".concat(isborderRequired ? "border-1 shadow-xs rounded-lg" : "", " overflow-hidden placeholder:text-Gray-500 ").concat(errorMsg ? "border-Error-300" : "border-Gray-300", "   ").concat(height ? height : "h-10", " ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat(active && "shadow-xs-error") : " ".concat(isborderRequired ? "hover:border-Primary-300 hover:shadow-xs-primary ".concat(active && "border-Primary-300 shadow-xs-primary") : " ")))
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",
@@ -2271,7 +2273,7 @@ var InputField = function InputField(_a) {
           }, {
             children: suffix
           }))
-        })), Boolean(suffix) && isSuffixEditable && jsxRuntime.exports.jsxs("div", {
+        })), isSuffixEditable && jsxRuntime.exports.jsxs("div", {
           children: [jsxRuntime.exports.jsx("div", __assign({
             "data-testid": "input-suffix",
             className: "bg-Gray-50 border-l-1 border-l-Gray-300 text-Gray-500 flex items-center pr-3 pl-[14px]",
@@ -2279,17 +2281,17 @@ var InputField = function InputField(_a) {
               return setShowSuffixDropdown(true);
             }
           }, {
-            children: isSuffixEditable && jsxRuntime.exports.jsx("input", {
+            children: isSuffixEditable && jsxRuntime.exports.jsx("input", __assign({
               type: "text",
               className: "flex-1 pl-[4px] w-36 pr-[1px] bg-Gray-50 py-2 focus-visible:outline-0 border-0 focus:border-0",
               "data-testid": "text-input",
-              placeholder: suffixPlaceholder,
-              // {...inputProps}
+              placeholder: suffixPlaceholder
+            }, suffixInputProps, {
               value: suffixValue,
               onChange: function onChange(e) {
                 return handleSuffixValueChange(e);
               }
-            })
+            }))
           })), showSuffixDropdown && jsxRuntime.exports.jsx("div", __assign({
             ref: wrapperRef,
             className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 "
@@ -2344,6 +2346,9 @@ var InputFieldSplit = function InputFieldSplit(_a) {
   var _b;
 
   var label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
+      height = _a.height,
       _c = _a.start_icon,
       start_icon = _c === void 0 ? "" : _c,
       _d = _a.end_icon,
@@ -2408,10 +2413,10 @@ var InputFieldSplit = function InputFieldSplit(_a) {
       className: "flex justify-between"
     }, {
       children: [Boolean(label) && jsxRuntime.exports.jsx("div", __assign({
-        className: "text-Gray-700 mb-1"
+        className: "".concat(labelColor ? labelColor : "text-Gray-700", " mb-1")
       }, {
         children: jsxRuntime.exports.jsx(Typography, __assign({
-          type: "Text sm",
+          type: "".concat(labelSize ? labelSize : "Text sm"),
           variant: "Medium"
         }, {
           children: label
@@ -2431,7 +2436,7 @@ var InputFieldSplit = function InputFieldSplit(_a) {
       type: "Text md"
     }, {
       children: jsxRuntime.exports.jsxs("div", __assign({
-        className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg  h-10 ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "shadow-xs-error") : "hover:border-Primary-300 hover:shadow-xs-primary ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "border-Primary-300 shadow-xs-primary")))
+        className: "flex border-1 overflow-hidden placeholder:text-Gray-500 ".concat(errorMsg ? "border-Error-300" : "border-Gray-300", " shadow-xs rounded-lg ").concat(height ? height : "h-10", " ").concat(disabled ? "bg-Gray-50" : "bg-White ".concat(errorMsg ? "hover:shadow-xs-error ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "shadow-xs-error") : "hover:border-Primary-300 hover:shadow-xs-primary ".concat((active[fieldNames[0]] || active[fieldNames[1]]) && "border-Primary-300 shadow-xs-primary")))
       }, {
         children: [Boolean(prefix) && jsxRuntime.exports.jsx("div", __assign({
           "data-testid": "input-prefix",

package/dist/esm/inputField/InputField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../types";
-declare const InputField: ({ label, labelColor, labelSize, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, suffixInputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, handleSuffixClick, handleSuffixValChange, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/esm/inputFieldSplit/InputFieldSplit.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldSplitProps } from "../types";
-declare const InputFieldSplit: ({ label, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, fieldNames, char_count, errorMsg, onChange, value, inputProps, }: InputFieldSplitProps) => JSX.Element;
+declare const InputFieldSplit: ({ label, labelColor, labelSize, height, start_icon, end_icon, hint_text_icon, prefix, suffix, hint_text, fieldNames, char_count, errorMsg, onChange, value, inputProps, }: InputFieldSplitProps) => JSX.Element;
 export default InputFieldSplit;

package/dist/esm/types.d.ts

@@ -3,6 +3,7 @@ export interface InputFieldProps {
     label?: string;
     labelSize?: typographyTextType;
     labelColor?: string;
+    height?: string;
     prefix?: ReactNode;
     suffixButton?: ReactNode;
     suffix?: ReactNode;
@@ -14,6 +15,7 @@ export interface InputFieldProps {
     errorMsg?: string;
     isborderRequired?: boolean;
     inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    suffixInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     suffixPlaceholder?: string;
     suffixDropdown?: any;
     handleSuffixClick?: (value: any) => void;
@@ -22,6 +24,9 @@ export interface InputFieldProps {
 }
 export interface InputFieldSplitProps {
     label?: string;
+    labelSize?: typographyTextType;
+    height?: string;
+    labelColor?: string;
     prefix?: ReactNode;
     suffix?: ReactNode;
     start_icon?: string;

package/package.json

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