hplx-react-elements-dev 1.1.6 → 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/index.js

@@ -20515,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;
 
@@ -20583,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"
+  return (//
+    jsxRuntime.exports.jsxs("div", __assign({
+      className: "slider"
     }, {
-      children: jsxRuntime.exports.jsx("span", {
-        className: caroselLeftIcon,
-        onClick: prevSlide
-      })
-    })), Boolean(caroselRightIcon) && isNextPrev && jsxRuntime.exports.jsx("div", __assign({
-      className: "right-arrow "
-    }, {
-      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

@@ -456,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.6",
+  "version": "1.1.7",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",