@digital-b2c/coreui-kit 0.11.13 → 0.11.15

package/dist/index.d.cts

@@ -196,7 +196,7 @@ interface ResourceCardItemProps {
 
 declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
 
-type FilterOption = 'all' | 'pdf' | 'link';
+type FilterOption = 'all' | 'pdf' | 'externalLink';
 type SortOption = 'latest' | 'oldest' | 'az' | 'za';
 interface FilterBarProps {
     view: ResourceView;
@@ -557,6 +557,10 @@ interface InternalBrandsTabProps {
 
 declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
 
+type MiniBannerGoBackProps = {
+    children: ReactNode;
+};
+
 type MiniBannerSubtitleProps = {
     children: ReactNode;
 };
@@ -574,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

@@ -196,7 +196,7 @@ interface ResourceCardItemProps {
 
 declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
 
-type FilterOption = 'all' | 'pdf' | 'link';
+type FilterOption = 'all' | 'pdf' | 'externalLink';
 type SortOption = 'latest' | 'oldest' | 'az' | 'za';
 interface FilterBarProps {
     view: ResourceView;
@@ -557,6 +557,10 @@ interface InternalBrandsTabProps {
 
 declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
 
+type MiniBannerGoBackProps = {
+    children: ReactNode;
+};
+
 type MiniBannerSubtitleProps = {
     children: ReactNode;
 };
@@ -574,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) {
@@ -843,7 +843,7 @@ var FilterBar_module_default = {
   selected: "FilterBar_module_selected"
 };
 var FILTER_OPTIONS = [
-  { value: "link", label: "Link", icon: "externalLink" },
+  { value: "externalLink", label: "Link", icon: "externalLink" },
   { value: "pdf", label: "PDF", icon: "pdf" }
 ];
 var SORT_OPTIONS = [
@@ -2600,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",
@@ -2608,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",
@@ -2623,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");
@@ -2632,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",
           {
@@ -2671,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 });
@@ -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
   ] }) });