hplx-react-elements-dev 1.0.30 → 1.0.32

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/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

@@ -2102,6 +2102,8 @@ var DropdownItems = function DropdownItems(_a) {
 
 var InputField = function InputField(_a) {
   var label = _a.label,
+      labelColor = _a.labelColor,
+      labelSize = _a.labelSize,
       _b = _a.start_icon,
       start_icon = _b === void 0 ? "" : _b,
       _c = _a.end_icon,
@@ -2195,16 +2197,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
@@ -5170,6 +5172,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 +5282,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,
@@ -16869,6 +16875,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;
 
@@ -16891,6 +16899,9 @@ var DatePicker = function DatePicker(_a) {
     setClicked(!clicked);
   };
 
+  useEffect(function () {
+    if (selectDate) setDate(undefined);
+  }, [selectDate]);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside() {
       return setClicked(false);
@@ -16902,7 +16913,7 @@ var DatePicker = function DatePicker(_a) {
     };
   }, [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]"
@@ -16917,12 +16928,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,
-        disabledDates: disabledDates
+        disabledDates: disabledDates,
+        minDate: minDate,
+        maxDate: maxDate
       }) : null
     }))]
   }));

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, 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/types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
 export interface InputFieldProps {
     label?: string;
+    labelSize?: typographyTextType;
+    labelColor?: string;
     prefix?: ReactNode;
     suffixButton?: ReactNode;
     suffix?: ReactNode;
@@ -293,6 +295,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.30",
+  "version": "1.0.32",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",