hplx-react-elements-dev 1.1.5 → 1.1.7

package/dist/esm/carousel/imageCarousel.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CarouselProps } from "../types";
 import "../carousel/imageCarousel.css";
-declare const ImageCarousel: ({ imageList, isNextPrev, caroselLeftIcon, caroselRightIcon, timeInterval, autoPlay, carouselIndicator }: CarouselProps) => JSX.Element;
+declare const ImageCarousel: ({ leftIconClassName, rightIconClassName, imageList, isNextPrev, caroselLeftIcon, caroselRightIcon, timeInterval, autoPlay, carouselIndicator }: CarouselProps) => JSX.Element;
 export default ImageCarousel;

package/dist/esm/datePicker/DatePicker.d.ts

@@ -3,5 +3,5 @@ import "react-date-range/dist/styles.css";
 import "react-date-range/dist/theme/default.css";
 import "../datePicker/DatePickerCSS.css";
 import { DatePickerProps } from "../types";
-declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, label, width, labelColor, labelSize, placeholder, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, showPlaceHolderOnly, char_count, errorMsg, suffixInputProps, suffixDropdown, isSuffixEditable, suffixPlaceholder, fieldColor, isborderRequired, }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ disabledDates, selectDate, dateVar, minDate, maxDate, label, width, labelColor, labelSize, placeholder, height, start_icon, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, showPlaceHolderOnly, char_count, errorMsg, disable, suffixInputProps, suffixDropdown, isSuffixEditable, suffixPlaceholder, fieldColor, isborderRequired, }: DatePickerProps) => JSX.Element;
 export default DatePicker;

package/dist/esm/index.js

@@ -17354,23 +17354,25 @@ var DatePicker = function DatePicker(_a) {
       char_count = _a.char_count,
       _h = _a.errorMsg,
       errorMsg = _h === void 0 ? "" : _h,
+      _j = _a.disable,
+      disable = _j === void 0 ? false : _j,
       // inputProps,
   suffixInputProps = _a.suffixInputProps,
       suffixDropdown = _a.suffixDropdown,
-      _j = _a.isSuffixEditable,
-      isSuffixEditable = _j === void 0 ? false : _j,
+      _k = _a.isSuffixEditable,
+      isSuffixEditable = _k === void 0 ? false : _k,
       suffixPlaceholder = _a.suffixPlaceholder,
       fieldColor = _a.fieldColor,
-      _k = _a.isborderRequired,
-      isborderRequired = _k === void 0 ? true : _k;
+      _l = _a.isborderRequired,
+      isborderRequired = _l === void 0 ? true : _l;
 
-  var _l = useState(),
-      date = _l[0],
-      setDate = _l[1];
+  var _m = useState(),
+      date = _m[0],
+      setDate = _m[1];
 
-  var _m = useState(false),
-      clicked = _m[0],
-      setClicked = _m[1];
+  var _o = useState(false),
+      clicked = _o[0],
+      setClicked = _o[1];
 
   var handleSelect = function handleSelect(date) {
     setDate(date);
@@ -17433,6 +17435,7 @@ var DatePicker = function DatePicker(_a) {
         isborderRequired: isborderRequired,
         start_icon: start_icon,
         inputProps: {
+          disabled: disable,
           placeholder: placeholder ? placeholder : "select date",
           onClick: inputClick,
           onFocus: inputFocus,
@@ -20512,27 +20515,31 @@ var PopUpModal = function PopUpModal(_a) {
 };
 
 var ImageCarousel = function ImageCarousel(_a) {
-  var imageList = _a.imageList,
-      _b = _a.isNextPrev,
-      isNextPrev = _b === void 0 ? true : _b,
-      _c = _a.caroselLeftIcon,
-      caroselLeftIcon = _c === void 0 ? 'hx_left' : _c,
-      _d = _a.caroselRightIcon,
-      caroselRightIcon = _d === void 0 ? 'hx_right' : _d,
-      _e = _a.timeInterval,
-      timeInterval = _e === void 0 ? 5000 : _e,
-      _f = _a.autoPlay,
-      autoPlay = _f === void 0 ? true : _f,
-      _g = _a.carouselIndicator,
-      carouselIndicator = _g === void 0 ? true : _g;
-
-  var _h = useState(0),
-      current = _h[0],
-      setCurrent = _h[1];
-
-  var _j = useState(autoPlay),
-      isAutoPlay = _j[0],
-      setIsAutoPlay = _j[1];
+  var _b = _a.leftIconClassName,
+      leftIconClassName = _b === void 0 ? '' : _b,
+      _c = _a.rightIconClassName,
+      rightIconClassName = _c === void 0 ? '' : _c,
+      imageList = _a.imageList,
+      _d = _a.isNextPrev,
+      isNextPrev = _d === void 0 ? true : _d,
+      _e = _a.caroselLeftIcon,
+      caroselLeftIcon = _e === void 0 ? 'hx_left' : _e,
+      _f = _a.caroselRightIcon,
+      caroselRightIcon = _f === void 0 ? 'hx_right' : _f,
+      _g = _a.timeInterval,
+      timeInterval = _g === void 0 ? 5000 : _g,
+      _h = _a.autoPlay,
+      autoPlay = _h === void 0 ? true : _h,
+      _j = _a.carouselIndicator,
+      carouselIndicator = _j === void 0 ? true : _j;
+
+  var _k = useState(0),
+      current = _k[0],
+      setCurrent = _k[1];
+
+  var _l = useState(autoPlay),
+      isAutoPlay = _l[0],
+      setIsAutoPlay = _l[1];
 
   var length = imageList.length;
 
@@ -20580,45 +20587,47 @@ var ImageCarousel = function ImageCarousel(_a) {
   }
 
   var carouselIndicatorDoms = [];
-  return jsxRuntime.exports.jsxs("div", __assign({
-    className: "slider"
-  }, {
-    children: [Boolean(caroselLeftIcon) && isNextPrev && jsxRuntime.exports.jsx("div", __assign({
-      className: "left-arrow"
-    }, {
-      children: jsxRuntime.exports.jsx("span", {
-        className: caroselLeftIcon,
-        onClick: prevSlide
-      })
-    })), Boolean(caroselRightIcon) && isNextPrev && jsxRuntime.exports.jsx("div", __assign({
-      className: "right-arrow "
+  return (//
+    jsxRuntime.exports.jsxs("div", __assign({
+      className: "slider"
     }, {
-      children: jsxRuntime.exports.jsx("span", {
-        className: caroselRightIcon,
-        onClick: nextSlide
-      })
-    })), imageList.map(function (d, index) {
-      carouselIndicatorDoms.push(jsxRuntime.exports.jsx("li", {
-        className: index === current ? 'active' : '',
-        onClick: function onClick() {
-          goToSlide(index);
-        }
-      }));
-      return jsxRuntime.exports.jsx("div", __assign({
-        className: index === current ? 'slide active ' : 'slide'
+      children: [Boolean(caroselLeftIcon) && isNextPrev && jsxRuntime.exports.jsx("div", __assign({
+        className: "left-arrow hplxt-flex hplxt-items-center hplxt-justify-center ".concat(leftIconClassName)
       }, {
-        children: index === current && jsxRuntime.exports.jsx("img", {
-          src: d,
-          alt: d,
-          className: 'image'
+        children: jsxRuntime.exports.jsx("span", {
+          className: "".concat(caroselLeftIcon),
+          onClick: prevSlide
         })
-      }), index);
-    }), carouselIndicator && jsxRuntime.exports.jsx("ul", __assign({
-      className: "carousel-indicators"
-    }, {
-      children: carouselIndicatorDoms
-    }))]
-  }));
+      })), Boolean(caroselRightIcon) && isNextPrev && jsxRuntime.exports.jsx("div", __assign({
+        className: "right-arrow hplxt-flex hplxt-items-center hplxt-justify-center ".concat(rightIconClassName)
+      }, {
+        children: jsxRuntime.exports.jsx("span", {
+          className: "".concat(caroselRightIcon),
+          onClick: nextSlide
+        })
+      })), imageList.map(function (d, index) {
+        carouselIndicatorDoms.push(jsxRuntime.exports.jsx("li", {
+          className: index === current ? 'active' : '',
+          onClick: function onClick() {
+            goToSlide(index);
+          }
+        }));
+        return jsxRuntime.exports.jsx("div", __assign({
+          className: index === current ? 'slide active ' : 'slide'
+        }, {
+          children: index === current && jsxRuntime.exports.jsx("img", {
+            src: d,
+            alt: d,
+            className: 'image'
+          })
+        }), index);
+      }), carouselIndicator && jsxRuntime.exports.jsx("ul", __assign({
+        className: "carousel-indicators"
+      }, {
+        children: carouselIndicatorDoms
+      }))]
+    }))
+  );
 };
 
 export { AddSuggestion, Avatar, Badge, BadgeGroup, Button, ButtonGroups, CalendarView, Card, Checkbox, CheckboxGroup, CheckboxGroupItem, CollapsibleCard, DatePicker, DoubleInput, DropdownField, DropdownItems as DropdownItem, ImageCarousel, InputField, InputFieldSplit, InputTag, InputTagDropdownItem, MessageToast, NestedDropdown, OtpField, PopUpModal, ProgressBar, ProgressCircle, RadioBtn, Slider, TextAreaField, ToggleSwitch, Tooltip, Typography };

package/dist/esm/types.d.ts

@@ -29,6 +29,7 @@ export interface InputFieldProps {
     showEmailSuggestions?: boolean;
 }
 export interface DatePickerProps {
+    disable?: boolean;
     placeholder?: string;
     disabledDates?: Date[];
     selectDate?: any;
@@ -455,6 +456,8 @@ export interface InputTagProps {
     getInputValue?: (value: string) => void;
 }
 export interface CarouselProps {
+    leftIconClassName?: string;
+    rightIconClassName?: string;
     imageList: Array<string>;
     isNextPrev?: boolean;
     caroselLeftIcon?: string;

package/package.json

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