@aveonline/ui-react 2.19.2 → 2.19.3

package/dist/ui/molecules/Carousel/Carousel.d.ts

@@ -1,3 +1,3 @@
 import { ICarousel } from '../..';
-declare function Carousel({ infoItems }: ICarousel): JSX.Element;
+declare function Carousel({ infoItems, onItemClick }: ICarousel): JSX.Element;
 export default Carousel;

package/dist/ui/molecules/Carousel/ICarousel.d.ts

@@ -3,8 +3,10 @@ interface AccordionItem {
     name?: string;
     title?: string;
     value?: string;
+    item?: string;
 }
 export interface ICarousel {
     infoItems: AccordionItem[];
+    onItemClick?: (item: AccordionItem) => void;
 }
 export {};

package/dist/ui-react.mjs

@@ -41636,13 +41636,13 @@ function Yue({
     }
   );
 }
-function Uue({ infoItems: e }) {
-  const t = pe(null), n = () => {
-    var i;
-    (i = t.current) == null || i.scrollBy({ left: -t.current.offsetWidth });
-  }, r = () => {
-    var i;
-    (i = t.current) == null || i.scrollBy({ left: t.current.offsetWidth });
+function Uue({ infoItems: e, onItemClick: t }) {
+  const n = pe(null), r = () => {
+    var a;
+    (a = n.current) == null || a.scrollBy({ left: -n.current.offsetWidth });
+  }, i = () => {
+    var a;
+    (a = n.current) == null || a.scrollBy({ left: n.current.offsetWidth });
   };
   return /* @__PURE__ */ m.jsxs("div", { className: "flex w-full items-center justify-center mt-4", children: [
     /* @__PURE__ */ m.jsx(
@@ -41651,30 +41651,31 @@ function Uue({ infoItems: e }) {
         size: "sm",
         variant: "plain-monochrome",
         className: "rounded-full",
-        onClick: n,
+        onClick: r,
         children: /* @__PURE__ */ m.jsx(lt, { size: "sm", kind: "page-back" })
       }
     ),
-    /* @__PURE__ */ m.jsx("div", { ref: t, className: "flex gap-1 overflow-hidden", children: e.map((i) => /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ m.jsx("div", { ref: n, className: "flex gap-1 overflow-hidden", children: e.map((a) => /* @__PURE__ */ m.jsx(
       "div",
       {
         className: "slider-item border border-surface-active rounded-sm",
+        onClick: () => t == null ? void 0 : t(a),
         children: /* @__PURE__ */ m.jsx("div", { className: "p-4 w-[180px] h-[190px] flex items-center justify-center", children: /* @__PURE__ */ m.jsxs("div", { className: "block gap-y-2 items-center p-4", children: [
           /* @__PURE__ */ m.jsx(
             "img",
             {
               className: "rounded-full size-[50px] object-cover",
-              src: i.imageUrl,
+              src: a.imageUrl,
               alt: "image transport"
             }
           ),
-          /* @__PURE__ */ m.jsx(Ie, { className: "text-center mt-4 font-extrabold", children: i.title }),
-          /* @__PURE__ */ m.jsx(Ie, { className: "text-center mt-2", children: i.value })
+          /* @__PURE__ */ m.jsx(Ie, { className: "text-center mt-4 font-extrabold", children: a.title }),
+          /* @__PURE__ */ m.jsx(Ie, { className: "text-center mt-2", children: a.value })
         ] }) })
       },
-      i.value
+      a.value
     )) }),
-    /* @__PURE__ */ m.jsx(Ur, { size: "sm", variant: "plain-monochrome", onClick: r, children: /* @__PURE__ */ m.jsx(lt, { size: "sm", kind: "page-front" }) })
+    /* @__PURE__ */ m.jsx(Ur, { size: "sm", variant: "plain-monochrome", onClick: i, children: /* @__PURE__ */ m.jsx(lt, { size: "sm", kind: "page-front" }) })
   ] });
 }
 function _ue({ steps: e }) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.19.2",
+  "version": "2.19.3",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"