@digital-b2c/coreui-kit 0.11.19 → 0.11.21

package/dist/index.cjs

@@ -1270,6 +1270,9 @@ var ResourceCardItem_module_default = {
   cardBody: "ResourceCardItem_module_cardBody",
   cardIconTitle: "ResourceCardItem_module_cardIconTitle",
   cardTitle: "ResourceCardItem_module_cardTitle",
+  cardBodyTextGrid: "ResourceCardItem_module_cardBodyTextGrid",
+  cardBodyTextList: "ResourceCardItem_module_cardBodyTextList",
+  cardBodyText: "ResourceCardItem_module_cardBodyText",
   cardMeta: "ResourceCardItem_module_cardMeta",
   cardDate: "ResourceCardItem_module_cardDate",
   cardList: "ResourceCardItem_module_cardList",
@@ -1281,10 +1284,13 @@ var ResourceCardItem = ({ item, view }) => {
   const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: ResourceCardItem_module_default.cardLink, target: "_blank", rel: "noopener noreferrer", children });
   if (view === "grid") {
     return /* @__PURE__ */ jsxRuntime.jsx("article", { className: ResourceCardItem_module_default.cardGrid, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
-      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
+        ] }) }),
+        item.bodyText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourceCardItem_module_default.cardBodyTextGrid, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date }),
         item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" })
@@ -1296,10 +1302,13 @@ var ResourceCardItem = ({ item, view }) => {
       item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardListRight, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
-    ] }) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourceCardItem_module_default.cardListRight, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
+      ] }) }),
+      item.bodyText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourceCardItem_module_default.cardBodyTextList, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
+    ] })
   ] });
 };
 
@@ -3292,6 +3301,7 @@ var ResourcesGridList = ({
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
+  const widgetRef = React66.useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
@@ -3307,6 +3317,10 @@ var ResourcesGridList = ({
       window.dispatchEvent(new HashChangeEvent("hashchange"));
     }
     if (isMobile) setIsSidebarOpen(false);
+    setTimeout(() => {
+      var _a3;
+      (_a3 = widgetRef.current) == null ? void 0 : _a3.scrollIntoView({ behavior: "smooth" });
+    }, 200);
   };
   const handleFilterChange = (value) => {
     setFilterValue(value);
@@ -3335,7 +3349,7 @@ var ResourcesGridList = ({
   const safeCurrentPage = Math.min(currentPage, totalPages);
   const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
   const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx15__default.default(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx15__default.default(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       FilterBar,
       {