@digital-b2c/coreui-kit 0.14.1 → 0.14.3

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import clsx43 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React67, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1 } from 'react';
+import React68, { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect, Children, isValidElement, Fragment as Fragment$1 } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -381,7 +381,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React67.memo(
+var Icon = React68.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -1440,6 +1440,7 @@ var UpcomingEventCard_module_default = {
   "event-card-show-image": "UpcomingEventCard_module_event-card-show-image",
   "event-card-cta": "UpcomingEventCard_module_event-card-cta",
   hidden: "UpcomingEventCard_module_hidden",
+  "event-card-cta-wrapper": "UpcomingEventCard_module_event-card-cta-wrapper",
   "cta-without-image": "UpcomingEventCard_module_cta-without-image",
   vertical: "UpcomingEventCard_module_vertical"
 };
@@ -1485,7 +1486,7 @@ var UpcomingEventCard = ({
                 title && /* @__PURE__ */ jsx("h3", { className: clsx43("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
                 description && /* @__PURE__ */ jsx("div", { className: clsx43("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-                cta && cta.url && /* @__PURE__ */ jsx(
+                cta && cta.url && /* @__PURE__ */ jsx("div", { className: clsx43("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "secondary",
@@ -1500,7 +1501,7 @@ var UpcomingEventCard = ({
                     isExternal: cta == null ? void 0 : cta.isExternal,
                     children: cta.label
                   }
-                )
+                ) })
               ]
             }
           )
@@ -2723,7 +2724,7 @@ var MiniBanner = ({
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx43(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
-          goBackNode ? React67.cloneElement(goBackNode, {
+          goBackNode ? React68.cloneElement(goBackNode, {
             className: clsx43("back-button", MiniBanner_module_default["back-button"])
           }) : null,
           titleNode && /* @__PURE__ */ jsx("div", { className: clsx43(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
@@ -3489,11 +3490,15 @@ var EventList_module_default = {
   horizontal: "EventList_module_horizontal",
   "carousel-wrapper": "EventList_module_carousel-wrapper",
   "carousel-list-item": "EventList_module_carousel-list-item",
-  "event-card": "EventList_module_event-card"
+  "event-card": "EventList_module_event-card",
+  "empty-search-result": "EventList_module_empty-search-result"
 };
 var EventListTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
+var EventListEmpty = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
 var EventList = ({
   className,
   title,
@@ -3506,13 +3511,16 @@ var EventList = ({
   var _a;
   const { is } = useViewPort_default();
   const slots = resolveCompoundSlots(children, {
-    title: EventListTitle
+    title: EventListTitle,
+    empty: EventListEmpty
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
+  const emptyNode = slots == null ? void 0 : slots.empty;
   const isBelowTablet = is("tablet", "below");
   const cardDirection = isBelowTablet ? "vertical" : "horizontal";
   const isInternalEventList = variant === "internalEventList";
   const listDirection = isInternalEventList ? "horizontal" : "vertical";
+  const isNotEmpty = Boolean(items) && items.length > 0;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -3535,63 +3543,72 @@ var EventList = ({
             }
           )
         ] }),
-        isInternalEventList && isBelowTablet && /* @__PURE__ */ jsx(
-          Carousel,
-          {
-            "aria-label": "Upcoming events",
-            wrapperClass: clsx43(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
-            slideClass: EventList_module_default["carousel-list-item"],
-            spaceBetween: 16,
-            slides: items.map((item) => {
-              var _a2, _b;
-              return /* @__PURE__ */ jsx(
-                UpcomingEventCard,
-                __spreadValues({
-                  className: clsx43(EventList_module_default["event-card"]),
-                  direction: "vertical",
-                  showImage: false
-                }, item),
-                (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location
-              );
-            })
-          }
-        ),
-        isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsx(
-          "ul",
-          {
-            "aria-label": "Upcoming events",
-            className: clsx43(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
-            children: items == null ? void 0 : items.map((item, index) => {
-              var _a2, _b, _c;
-              return /* @__PURE__ */ jsx(
-                "li",
-                {
-                  className: clsx43(EventList_module_default["card-list-item"]),
-                  children: /* @__PURE__ */ jsx(
-                    UpcomingEventCard,
-                    __spreadProps(__spreadValues({}, item), {
-                      className: clsx43(EventList_module_default["card-item"]),
-                      showImage: false,
-                      direction: "vertical"
-                    })
-                  )
-                },
-                (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
-              );
-            })
-          }
-        ),
-        !isInternalEventList && /* @__PURE__ */ jsx(
-          "ul",
-          {
-            "aria-label": "Upcoming events",
-            className: clsx43(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
-            children: items == null ? void 0 : items.map((item, index) => {
-              var _a2, _b, _c;
-              return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
-            })
-          }
-        )
+        isNotEmpty && /* @__PURE__ */ jsxs(Fragment, { children: [
+          isInternalEventList && isBelowTablet && /* @__PURE__ */ jsx(
+            Carousel,
+            {
+              "aria-label": "Upcoming events",
+              wrapperClass: clsx43(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+              slideClass: EventList_module_default["carousel-list-item"],
+              spaceBetween: 16,
+              slides: items.map((item) => {
+                var _a2, _b;
+                return /* @__PURE__ */ jsx(
+                  UpcomingEventCard,
+                  __spreadValues({
+                    className: clsx43(EventList_module_default["event-card"]),
+                    direction: "vertical",
+                    showImage: false
+                  }, item),
+                  (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location
+                );
+              })
+            }
+          ),
+          isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsx(
+            "ul",
+            {
+              "aria-label": "Upcoming events",
+              className: clsx43(
+                EventList_module_default["event-list-wrapper"],
+                EventList_module_default["horizontal"],
+                EventList_module_default[variant]
+              ),
+              children: items == null ? void 0 : items.map((item, index) => {
+                var _a2, _b, _c;
+                return /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    className: clsx43(EventList_module_default["card-list-item"]),
+                    children: /* @__PURE__ */ jsx(
+                      UpcomingEventCard,
+                      __spreadProps(__spreadValues({}, item), {
+                        className: clsx43(EventList_module_default["card-item"]),
+                        showImage: false,
+                        direction: "vertical"
+                      })
+                    )
+                  },
+                  (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
+                );
+              })
+            }
+          ),
+          !isInternalEventList && /* @__PURE__ */ jsx(
+            "ul",
+            {
+              "aria-label": "Upcoming events",
+              className: clsx43(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+              children: items == null ? void 0 : items.map((item, index) => {
+                var _a2, _b, _c;
+                return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
+              })
+            }
+          )
+        ] }),
+        !isNotEmpty && emptyNode ? React68.cloneElement(emptyNode, {
+          className: clsx43("empty-search-result", EventList_module_default["empty-search-result"])
+        }) : null
       ] })
     }
   );
@@ -3599,7 +3616,8 @@ var EventList = ({
 
 // src/widgets/EventList/index.ts
 var EventList2 = Object.assign(EventList, {
-  Title: EventListTitle
+  Title: EventListTitle,
+  Empty: EventListEmpty
 });
 
 // src/widgets/TextEvent/TextEvent.module.scss
@@ -4244,7 +4262,7 @@ var NewsCardList = ({
             /* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React67.cloneElement(paginationNode, {
+        paginationNode ? React68.cloneElement(paginationNode, {
           className: clsx43("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
@@ -4360,7 +4378,7 @@ var BlogSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsx("div", { className: clsx43("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx43("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx43("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React67.isValidElement(searchNode) ? React67.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx43("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React68.isValidElement(searchNode) ? React68.cloneElement(searchNode, {
       className: clsx43("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx43("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
@@ -4388,7 +4406,7 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React67.cloneElement(paginationNode, {
+    paginationNode ? React68.cloneElement(paginationNode, {
       className: clsx43("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
@@ -4431,7 +4449,7 @@ var GlobalSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsx("div", { className: clsx43("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx43("container", GlobalSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx43("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React67.isValidElement(searchNode) ? React67.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx43("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React68.isValidElement(searchNode) ? React68.cloneElement(searchNode, {
       className: clsx43("search-result", GlobalSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsx("div", { className: clsx43("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
@@ -4446,7 +4464,7 @@ var GlobalSearchResultsList = ({
         }
       ) }, (_a2 = item.title) != null ? _a2 : index);
     }) }) }),
-    paginationNode ? React67.cloneElement(paginationNode, {
+    paginationNode ? React68.cloneElement(paginationNode, {
       className: clsx43("pagination", GlobalSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });