hplx-react-elements-dev 1.0.31 → 1.0.33

package/dist/esm/addSuggestion/AddSuggestion.d.ts

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

package/dist/esm/index.js

@@ -2102,6 +2102,9 @@ var DropdownItems = function DropdownItems(_a) {
 
 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,
@@ -2195,16 +2198,16 @@ var InputField = function InputField(_a) {
   }); // console.log("Input Field",suffixDropdown)
 
   return jsxRuntime.exports.jsxs("div", __assign({
-    className: "inputfield"
+    className: "inputfield "
   }, {
     children: [jsxRuntime.exports.jsxs("div", __assign({
       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
@@ -2225,7 +2228,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",
@@ -2342,6 +2345,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,
@@ -2406,10 +2412,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
@@ -2429,7 +2435,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",
@@ -5170,6 +5176,8 @@ var AddSuggestion = function AddSuggestion(_a) {
   var _b = _a.isInputField,
       isInputField = _b === void 0 ? false : _b,
       label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
       _c = _a.start_icon,
       start_icon = _c === void 0 ? "" : _c,
       _d = _a.end_icon,
@@ -5278,6 +5286,8 @@ var AddSuggestion = function AddSuggestion(_a) {
   }, {
     children: [isInputField ? jsxRuntime.exports.jsx(InputField, {
       label: label,
+      labelColor: labelColor,
+      labelSize: labelSize,
       start_icon: start_icon,
       end_icon: end_icon,
       prefix: prefix,
@@ -16893,6 +16903,9 @@ var DatePicker = function DatePicker(_a) {
     setClicked(!clicked);
   };
 
+  useEffect(function () {
+    if (selectDate) setDate(undefined);
+  }, [selectDate]);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside() {
       return setClicked(false);

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../types";
-declare const InputField: ({ label, 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, 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

@@ -1,6 +1,9 @@
 import { ReactNode } from "react";
 export interface InputFieldProps {
     label?: string;
+    labelSize?: typographyTextType;
+    labelColor?: string;
+    height?: string;
     prefix?: ReactNode;
     suffixButton?: ReactNode;
     suffix?: ReactNode;
@@ -20,6 +23,9 @@ export interface InputFieldProps {
 }
 export interface InputFieldSplitProps {
     label?: string;
+    labelSize?: typographyTextType;
+    height?: string;
+    labelColor?: string;
     prefix?: ReactNode;
     suffix?: ReactNode;
     start_icon?: string;
@@ -293,6 +299,8 @@ export interface AddSuggestionProps {
     label?: string;
     isInputField?: boolean;
     height?: string;
+    labelSize?: typographyTextType;
+    labelColor?: string;
     prefix?: ReactNode;
     suffixButton?: ReactNode;
     suffixDropdown?: any;

package/package.json

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