@digital-b2c/coreui-kit 0.11.12 → 0.11.14

package/dist/index.d.cts

@@ -179,11 +179,10 @@ declare const CountingCard: (({ className, title, count, image, children }: Coun
 };
 
 type ResourceView = 'grid' | 'list';
-type ResourceItemType = 'pdf' | 'link';
+type ResourceItemType = 'pdf' | 'externalLink';
 interface ResourceItem {
     title: string;
     date: string;
-    image?: string;
     type: ResourceItemType;
     href: string;
     hasNotification?: boolean;
@@ -558,6 +557,10 @@ interface InternalBrandsTabProps {
 
 declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
 
+type MiniBannerGoBackProps = {
+    children: ReactNode;
+};
+
 type MiniBannerSubtitleProps = {
     children: ReactNode;
 };
@@ -575,12 +578,24 @@ interface MiniBannerProps {
     title?: ReactNode;
     subtitle?: ReactNode;
     cta?: ICtaLogo[];
+    goBackProps?: {
+        icon?: {
+            src: string;
+            alt: string;
+        };
+        link?: {
+            isExternal?: boolean;
+            href: string;
+            title?: string;
+        };
+    };
     children?: ReactNode;
 }
 
 declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
     Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
     Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+    GoBack: ({ children }: MiniBannerGoBackProps) => react_jsx_runtime.JSX.Element;
 };
 
 type MiniSectionCtaSubtitleProps = {

package/dist/index.d.ts

@@ -179,11 +179,10 @@ declare const CountingCard: (({ className, title, count, image, children }: Coun
 };
 
 type ResourceView = 'grid' | 'list';
-type ResourceItemType = 'pdf' | 'link';
+type ResourceItemType = 'pdf' | 'externalLink';
 interface ResourceItem {
     title: string;
     date: string;
-    image?: string;
     type: ResourceItemType;
     href: string;
     hasNotification?: boolean;
@@ -558,6 +557,10 @@ interface InternalBrandsTabProps {
 
 declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
 
+type MiniBannerGoBackProps = {
+    children: ReactNode;
+};
+
 type MiniBannerSubtitleProps = {
     children: ReactNode;
 };
@@ -575,12 +578,24 @@ interface MiniBannerProps {
     title?: ReactNode;
     subtitle?: ReactNode;
     cta?: ICtaLogo[];
+    goBackProps?: {
+        icon?: {
+            src: string;
+            alt: string;
+        };
+        link?: {
+            isExternal?: boolean;
+            href: string;
+            title?: string;
+        };
+    };
     children?: ReactNode;
 }
 
 declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
     Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
     Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+    GoBack: ({ children }: MiniBannerGoBackProps) => react_jsx_runtime.JSX.Element;
 };
 
 type MiniSectionCtaSubtitleProps = {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import clsx15 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React65, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect, Fragment as Fragment$1 } from 'react';
+import React66, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect, Fragment as Fragment$1 } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -374,7 +374,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React65.memo(
+var Icon = React66.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -1267,20 +1267,14 @@ var ResourceCardItem_module_default = {
   cardList: "ResourceCardItem_module_cardList",
   cardListLeft: "ResourceCardItem_module_cardListLeft",
   cardListRight: "ResourceCardItem_module_cardListRight",
-  notificationDot: "ResourceCardItem_module_notificationDot",
-  iconWrapper: "ResourceCardItem_module_iconWrapper"
-};
-var ResourceIcon = ({ image, type }) => {
-  if (!image) return null;
-  return /* @__PURE__ */ jsx("div", { className: ResourceCardItem_module_default.iconWrapper, children: /* @__PURE__ */ jsx("img", { src: image, alt: type != null ? type : "", width: 32, height: 32 }) });
-};
+  notificationDot: "ResourceCardItem_module_notificationDot"};
 var ResourceCardItem = ({ item, view }) => {
   const hasHref = Boolean(item.href);
   const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", { href: item.href, className: ResourceCardItem_module_default.cardLink, target: "_blank", rel: "noopener noreferrer", children });
   if (view === "grid") {
     return /* @__PURE__ */ jsx("article", { className: ResourceCardItem_module_default.cardGrid, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
       /* @__PURE__ */ jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
-        /* @__PURE__ */ jsx(ResourceIcon, { image: item.image, type: item.type }),
+        /* @__PURE__ */ jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
         /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
@@ -1295,7 +1289,7 @@ var ResourceCardItem = ({ item, view }) => {
       /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date })
     ] }),
     /* @__PURE__ */ jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardListRight, children: [
-      /* @__PURE__ */ jsx(ResourceIcon, { image: item.image, type: item.type }),
+      /* @__PURE__ */ jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
       /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
     ] }) })
   ] });
@@ -2606,6 +2600,7 @@ var MiniBanner_module_default = {
   logo: "MiniBanner_module_logo",
   pretitle: "MiniBanner_module_pretitle",
   headingWrapper: "MiniBanner_module_headingWrapper",
+  "back-button": "MiniBanner_module_back-button",
   title: "MiniBanner_module_title",
   ctaContainer: "MiniBanner_module_ctaContainer",
   miniBannerNoBG: "MiniBanner_module_miniBannerNoBG",
@@ -2614,6 +2609,9 @@ var MiniBanner_module_default = {
 var MiniBannerPreTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
+var MiniBannerGoBack = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
 var MiniBanner = ({
   className,
   variant = "default",
@@ -2629,7 +2627,8 @@ var MiniBanner = ({
   const slots = resolveCompoundSlots(children, {
     pretitle: MiniBannerPreTitle,
     title: MiniBannerTitle,
-    subtitle: MiniBannerSubtitle
+    subtitle: MiniBannerSubtitle,
+    goBack: MiniBannerGoBack
   });
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
@@ -2638,13 +2637,19 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
+  const goBackNode = slots == null ? void 0 : slots.goBack;
   return /* @__PURE__ */ jsxs("div", { className: clsx15(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
     /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx15(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
+          goBackNode ? React66.cloneElement(goBackNode, {
+            className: clsx15("back-button", MiniBanner_module_default["back-button"])
+          }) : null,
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+        ] }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
@@ -2677,7 +2682,8 @@ var MiniBanner = ({
 // src/widgets/MiniBanner/index.ts
 var MiniBanner2 = Object.assign(MiniBanner, {
   Title: MiniBannerTitle,
-  Subtitle: MiniBannerSubtitle
+  Subtitle: MiniBannerSubtitle,
+  GoBack: MiniBannerGoBack
 });
 var MiniSectionCtaTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
@@ -3282,8 +3288,14 @@ var ResourcesGridList = ({
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
   const handleSelectCategory = (index) => {
+    var _a2, _b;
     setSelectedCategory(index);
     setCurrentPage(1);
+    const categoryText = (_b = (_a2 = categories[index]) == null ? void 0 : _a2.label) == null ? void 0 : _b.replaceAll(" ", "-");
+    if (typeof window !== "undefined" && categoryText) {
+      const url = `${window.location.pathname}#${categoryText}`;
+      window.history.replaceState(null, "", url);
+    }
     if (isMobile) setIsSidebarOpen(false);
   };
   const handleFilterChange = (value) => {
@@ -3725,7 +3737,7 @@ var NewsCardList = ({
             /* @__PURE__ */ jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React65.cloneElement(paginationNode, {
+        paginationNode ? React66.cloneElement(paginationNode, {
           className: clsx15("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
@@ -3840,7 +3852,7 @@ var BlogSearchResultsList = ({
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
   return /* @__PURE__ */ jsx("div", { className: clsx15("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxs(Container, { className: clsx15("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React65.isValidElement(searchNode) ? React65.cloneElement(searchNode, {
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React66.isValidElement(searchNode) ? React66.cloneElement(searchNode, {
       className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
@@ -3868,7 +3880,7 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React65.cloneElement(paginationNode, {
+    paginationNode ? React66.cloneElement(paginationNode, {
       className: clsx15("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });