@digital-b2c/coreui-kit 0.11.20 → 0.11.22

package/dist/index.d.cts

@@ -182,6 +182,7 @@ type ResourceView = 'grid' | 'list';
 type ResourceItemType = 'pdf' | 'externalLink';
 interface ResourceItem {
     title: string;
+    bodyText?: ReactNode;
     date: string;
     type: ResourceItemType;
     href: string;
@@ -882,12 +883,13 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     searchValue: string;
     onSearchChange: (value: string) => void;
     onSearchSubmit: (value: string) => void;
+    searchInputProps?: InputProps;
     renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
         children: React.ReactNode;
     }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, searchInputProps, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
     Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
     Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
 };

package/dist/index.d.ts

@@ -182,6 +182,7 @@ type ResourceView = 'grid' | 'list';
 type ResourceItemType = 'pdf' | 'externalLink';
 interface ResourceItem {
     title: string;
+    bodyText?: ReactNode;
     date: string;
     type: ResourceItemType;
     href: string;
@@ -882,12 +883,13 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     searchValue: string;
     onSearchChange: (value: string) => void;
     onSearchSubmit: (value: string) => void;
+    searchInputProps?: InputProps;
     renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
         children: React.ReactNode;
     }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, searchInputProps, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
     Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
     Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
 };

package/dist/index.mjs

@@ -1262,6 +1262,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",
@@ -1273,10 +1276,13 @@ var ResourceCardItem = ({ item, view }) => {
   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(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
-        /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
-      ] }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
+          /* @__PURE__ */ jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
+          /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
+        ] }) }),
+        item.bodyText && /* @__PURE__ */ jsx("div", { className: ResourceCardItem_module_default.cardBodyTextGrid, children: /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardMeta, children: [
         /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date }),
         item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" })
@@ -1288,10 +1294,13 @@ var ResourceCardItem = ({ item, view }) => {
       item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" }),
       /* @__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(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 25 }),
-      /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
-    ] }) })
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardListRight, children: [
+        /* @__PURE__ */ jsx(Icon, { type: item.type === "pdf" ? "pdf" : "externalLink", size: 33 }),
+        /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardTitle, children: item.title })
+      ] }) }),
+      item.bodyText && /* @__PURE__ */ jsx("div", { className: ResourceCardItem_module_default.cardBodyTextList, children: /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardBodyText, children: item.bodyText }) })
+    ] })
   ] });
 };
 
@@ -2640,7 +2649,7 @@ var MiniBanner = ({
   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__ */ jsx(Container, { children: /* @__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 }),
@@ -2675,7 +2684,7 @@ var MiniBanner = ({
           key
         );
       }) })
-    ] })
+    ] }) })
   ] });
 };
 
@@ -3284,6 +3293,7 @@ var ResourcesGridList = ({
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
+  const widgetRef = useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
@@ -3299,6 +3309,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);
@@ -3327,7 +3341,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__ */ jsxs("div", { className: clsx15(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: widgetRef, className: clsx15(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsx(
       FilterBar,
       {
@@ -3843,6 +3857,7 @@ var BlogSearchResultsList = ({
   onSearchChange,
   onSearchSubmit,
   searchValue,
+  searchInputProps,
   className,
   renderLink,
   children
@@ -3861,7 +3876,7 @@ var BlogSearchResultsList = ({
     /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsx(
         Input,
-        {
+        __spreadValues({
           className: clsx15("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
           placeholder: "Search News",
@@ -3879,7 +3894,7 @@ var BlogSearchResultsList = ({
           onChange: (e) => {
             onSearchChange(e.target.value);
           }
-        }
+        }, searchInputProps)
       ),
       /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),