@searchstax-inc/searchstudio-ux-react 0.2.4 → 0.2.6

package/README.md

@@ -207,6 +207,17 @@ example of results widget initialization with minimum options
 ```
 <SearchstaxResultWidget
                 afterLinkClick={afterLinkClick}
+                resultsPerPage={10}
+                renderMethod={'pagination'}
+              ></SearchstaxResultWidget>
+```
+
+example of results widget initialization with minimum options for infinite scroll behavior
+```
+<SearchstaxResultWidget
+                afterLinkClick={afterLinkClick}
+                resultsPerPage={10}
+                renderMethod={'infiniteScroll'}
               ></SearchstaxResultWidget>
 ```
 
@@ -370,6 +381,34 @@ function paginationTemplate(
   <SearchstaxPaginationWidget paginationTemplate={paginationTemplate}></SearchstaxPaginationWidget>
 ```
 
+example of pagination widget for infinite scroll
+```
+  function infiniteScrollTemplate(
+    paginationData: IPaginationData | null,
+    nextPage: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void
+  ) {
+    return (
+      <>
+        { paginationData &&
+          paginationData.isInfiniteScroll &&
+          paginationData?.totalResults !== 0 &&
+          !paginationData?.isLastPage && (
+            <a
+              className="searchstax-pagination-load-more"
+              onClick={(e) => {
+                nextPage(e);
+              }}
+            >
+              Show More &gt;
+            </a>
+          )}
+      </>
+    );
+  }
+
+  <SearchstaxPaginationWidget infiniteScrollTemplate={infiniteScrollTemplate}></SearchstaxPaginationWidget>
+```
+
 ### Facets Widget ###
 
 example of facets widget initialization with minimum options
@@ -752,7 +791,7 @@ function searchOverviewTemplate(
   ) {
     return (
       <>
-        {searchFeedbackData && searchFeedbackData?.searchExecuted && searchFeedbackData?.totalResults && (
+        {searchFeedbackData && searchFeedbackData?.searchExecuted && searchFeedbackData?.totalResults > 0 && (
           <>
             Showing{" "}
             <b>

package/dist/@searchstax-inc/components/SearchstaxPaginationWidget.d.ts

@@ -1,5 +1,6 @@
 import type { IPaginationData } from "@searchstax-inc/searchstudio-ux-js";
 declare function SearchstaxPaginationWidget(props: {
     paginationTemplate?: (paginationData: IPaginationData | null, nextPage: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void, previousPage: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => React.ReactElement;
+    infiniteScrollTemplate?: (paginationData: IPaginationData | null, nextPage: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => React.ReactElement;
 }): import("react/jsx-runtime").JSX.Element;
 export default SearchstaxPaginationWidget;

package/dist/@searchstax-inc/components/SearchstaxResultWidget.d.ts

@@ -1,6 +1,8 @@
 import type { ISearchstaxParsedResult, ISearchstaxSearchMetadata } from "@searchstax-inc/searchstudio-ux-js";
 declare function SearchstaxResultWidget(props: {
     afterLinkClick: (results: ISearchstaxParsedResult) => ISearchstaxParsedResult;
+    resultsPerPage?: number;
+    renderMethod?: "infiniteScroll" | "pagination";
     noResultTemplate?: (searchTerm: string, metaData: ISearchstaxSearchMetadata | null) => React.ReactElement;
     resultsTemplate?: (results: ISearchstaxParsedResult[], resultClicked: (result: ISearchstaxParsedResult, event: any) => any) => React.ReactElement;
 }): import("react/jsx-runtime").JSX.Element;