@searchstax-inc/searchstudio-ux-react 0.2.1 → 0.2.2

package/README.md

@@ -796,12 +796,52 @@ function searchOverviewTemplate(
 
 example of search feedback widget initialization with minimum options
 ```
-
+<SearchstaxRelatedSearchesWidget
+                relatedSearchesURL={config.relatedSearchesURL}
+                relatedSearchesAPIKey={config.relatedSearchesAPIKey}
+              ></SearchstaxRelatedSearchesWidget>
 ```
 
 
 example of search feedback widget initialization with template overrides
 ```
+  function searchRelatedSearchesTemplate(
+    relatedData: null | ISearchstaxRelatedSearchesData,
+    executeSearch: (result: ISearchstaxRelatedSearchResult) => void
+  ) {
+    return (
+      <>
+        {relatedData && relatedData?.searchExecuted && relatedData?.hasRelatedSearches && (
+          <div className="searchstax-related-searches-container" id="searchstax-related-searches-container">
+            {" "}
+            Related searches: <span id="searchstax-related-searches"></span>
+            {relatedData.relatedSearches && (
+              <span className="searchstax-related-search">
+                {relatedData.relatedSearches.map((related) => (
+                  <span
+                    key={related.related_search}
+                    onClick={() => {
+                      executeSearch(related);
+                    }}
+                    className="searchstax-related-search searchstax-related-search-item"
+                  >
+                    {" "}
+                    {related.related_search}
+                    {!related.last && <span>,</span>}
+                  </span>
+                ))}
+              </span>
+            )}
+          </div>
+        )}
+      </>
+    );
+  }
+  <SearchstaxRelatedSearchesWidget
+                relatedSearchesURL={config.relatedSearchesURL}
+                relatedSearchesAPIKey={config.relatedSearchesAPIKey}
+                searchRelatedSearchesTemplate={searchRelatedSearchesTemplate}
+              ></SearchstaxRelatedSearchesWidget>
 
 ```
 
@@ -809,13 +849,56 @@ example of search feedback widget initialization with template overrides
 
 example of search feedback widget initialization with minimum options
 ```
-
+<SearchstaxExternalPromotionsWidget></SearchstaxExternalPromotionsWidget>
 ```
 
 
 example of search feedback widget initialization  with template overrides
 ```
-
+  function searchExternalPromotionsTemplate(
+    externalPromotionsData: null | ISearchstaxExternalPromotionsData,
+    trackClick: (externalPromotion: IExternalPromotion, event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void
+  ) {
+    return (
+      <>
+        {externalPromotionsData &&
+          externalPromotionsData?.searchExecuted &&
+          externalPromotionsData?.hasExternalPromotions &&
+          externalPromotionsData.externalPromotions.map((externalPromotion) => (
+            <div className="searchstax-external-promotion searchstax-search-result" key={externalPromotion.id}>
+              <div className="icon-elevated"></div>
+              {externalPromotion.url && (
+                <a
+                  href={externalPromotion.url}
+                  onClick={(event) => {
+                    trackClick(externalPromotion, event);
+                  }}
+                  className="searchstax-result-item-link"
+                ></a>
+              )}
+              <div className="searchstax-search-result-title-container">
+                <span className="searchstax-search-result-title">{externalPromotion.name}</span>
+              </div>
+              {externalPromotion.description && (
+                <p className="searchstax-search-result-description searchstax-search-result-common">
+                  {" "}
+                  {externalPromotion.description}{" "}
+                </p>
+              )}
+              {externalPromotion.url && (
+                <p className="searchstax-search-result-description searchstax-search-result-common">
+                  {" "}
+                  {externalPromotion.url}{" "}
+                </p>
+              )}
+            </div>
+          ))}
+      </>
+    );
+  }
+<SearchstaxExternalPromotionsWidget
+                searchExternalPromotionsTemplate={searchExternalPromotionsTemplate}
+              ></SearchstaxExternalPromotionsWidget>
 ```
 
 

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

@@ -0,0 +1,5 @@
+import type { ISearchstaxExternalPromotionsData, IExternalPromotion } from "@searchstax-inc/searchstudio-ux-js";
+declare function SearchstaxExternalPromotionsWidget(props: {
+    searchExternalPromotionsTemplate?: (externalPromotionsData: null | ISearchstaxExternalPromotionsData, trackClick: (externalPromotion: IExternalPromotion, event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => React.ReactElement;
+}): import("react/jsx-runtime").JSX.Element;
+export default SearchstaxExternalPromotionsWidget;

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

@@ -0,0 +1,7 @@
+import type { ISearchstaxRelatedSearchesData, ISearchstaxRelatedSearchResult } from "@searchstax-inc/searchstudio-ux-js";
+declare function SearchstaxRelatedSearchesWidget(props: {
+    relatedSearchesURL: string;
+    relatedSearchesAPIKey: string;
+    searchRelatedSearchesTemplate?: (relatedData: null | ISearchstaxRelatedSearchesData, executeSearch: (result: ISearchstaxRelatedSearchResult) => void) => React.ReactElement;
+}): import("react/jsx-runtime").JSX.Element;
+export default SearchstaxRelatedSearchesWidget;

package/dist/@searchstax-inc/main.d.ts

@@ -5,4 +5,6 @@ import SearchstaxPaginationWidget from "./components/SearchstaxPaginationWidget"
 import SearchstaxSortingWidget from "./components/SearchstaxSortingWidget";
 import SearchstaxOverviewWidget from "./components/SearchstaxOverviewWidget";
 import SearchstaxFacetsWidget from "./components/SearchstaxFacetsWidget";
-export { SearchstaxWrapper, SearchstaxResultWidget, SearchstaxInputWidget, SearchstaxPaginationWidget, SearchstaxSortingWidget, SearchstaxOverviewWidget, SearchstaxFacetsWidget, };
+import SearchstaxRelatedSearchesWidget from './components/SearchstaxRelatedSearchesWidget';
+import SearchstaxExternalPromotionsWidget from './components/SearchstaxExternalPromotionsWidget';
+export { SearchstaxWrapper, SearchstaxResultWidget, SearchstaxInputWidget, SearchstaxPaginationWidget, SearchstaxSortingWidget, SearchstaxOverviewWidget, SearchstaxFacetsWidget, SearchstaxRelatedSearchesWidget, SearchstaxExternalPromotionsWidget };