@digital-b2c/coreui-kit 0.11.0 → 0.11.2

package/dist/index.d.cts

@@ -834,9 +834,15 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     searchValue: string;
     onSearchChange: (value: string) => void;
     onSearchSubmit: (value: string) => void;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    totalPages?: number;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, onPageChange, searchValue, currentPage, totalPages, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
     Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
 };
 

package/dist/index.d.ts

@@ -834,9 +834,15 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     searchValue: string;
     onSearchChange: (value: string) => void;
     onSearchSubmit: (value: string) => void;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    totalPages?: number;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, onPageChange, searchValue, currentPage, totalPages, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
     Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
 };
 

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import clsx15 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React62, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
+import React63, { forwardRef, useId, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -368,7 +368,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React62.memo(
+var Icon = React63.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -3743,15 +3743,20 @@ var BlogSearchResultsList_module_default = {
   "search-result": "BlogSearchResultsList_module_search-result",
   wrapper: "BlogSearchResultsList_module_wrapper",
   "search-input": "BlogSearchResultsList_module_search-input",
-  "end-action-button": "BlogSearchResultsList_module_end-action-button"
+  "end-action-button": "BlogSearchResultsList_module_end-action-button",
+  pagination: "BlogSearchResultsList_module_pagination"
 };
 var BlogSearchResultsList = ({
   items,
   searchResult,
   onSearchChange,
   onSearchSubmit,
+  onPageChange,
   searchValue,
+  currentPage,
+  totalPages = 0,
   className,
+  renderLink,
   children
 }) => {
   var _a;
@@ -3760,11 +3765,9 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   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: [
-    searchNode && typeof searchNode === "string" ? /* @__PURE__ */ jsxs("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: [
-      'Search results for "',
-      searchNode,
-      '":'
-    ] }) : searchNode,
+    typeof searchNode === "string" ? /* @__PURE__ */ jsx("span", { className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React63.isValidElement(searchNode) ? React63.cloneElement(searchNode, {
+      className: clsx15("search-result", BlogSearchResultsList_module_default["search-result"])
+    }) : null,
     /* @__PURE__ */ jsxs("div", { className: clsx15("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsx(
         Input,
@@ -3788,8 +3791,18 @@ var BlogSearchResultsList = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false })
-    ] })
+      /* @__PURE__ */ jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
+    ] }),
+    totalPages ? /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        currentPage: currentPage || 1,
+        totalPages: totalPages || 0,
+        onPageChange,
+        className: clsx15("pagination", BlogSearchResultsList_module_default["pagination"]),
+        hasNumber: true
+      }
+    ) : null
   ] }) });
 };