@searchstax-inc/searchstudio-ux-react 4.1.54 → 4.1.59

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to the "searchstudio-ux-react" project will be documented in this file.
 
+## [4.1.59]
+### Features
+- introduced beforeFacetsRender hook to be able sort and change facets before they render
+- added support for smart answers returning config for showMore functionality
+
+## [4.1.55]
+### Bug Fixes
+- fixed related searches not being identified as links
+- changed result card to read whole content on focus
+
 ## [4.1.54]
 ### Bug Fixes
 - fixed various console errors in headles libraries

package/README.md

@@ -1150,6 +1150,7 @@ Facet lists are configured and ordered on the Site Search [Faceting Tab](https:/
 - itemsPerPageMobile: number; // default expanded facets for mobile
 - facetsTemplateDesktop - template override for desktop view
 - facetsTemplateMobile - template override for mobile view
+- beforeFacetsRender `(facets: IFacetData[]) => IFacetData[]` — Called with the current facets array before the widget renders. Return the same or a modified array to filter, reorder, or transform facets (e.g., hide certain facets or change their order).
 
 
 **Main Template Desktop Override**
@@ -1833,6 +1834,7 @@ function searchSortingTemplate(
       <>
         {sortingData &&
           sortingData?.searchExecuted &&
+          sortingData.sortOptions.length > 0 &&
           sortingData?.hasResultsOrExternalPromotions && (
             <div className="searchstax-sorting-container">
               <label className="searchstax-sorting-label" htmlFor="searchstax-search-order-select">

package/README.mustache

@@ -396,6 +396,7 @@ Facet lists are configured and ordered on the Site Search [Faceting Tab](https:/
 - itemsPerPageMobile: number; // default expanded facets for mobile
 - facetsTemplateDesktop - template override for desktop view
 - facetsTemplateMobile - template override for mobile view
+- beforeFacetsRender `(facets: IFacetData[]) => IFacetData[]` — Called with the current facets array before the widget renders. Return the same or a modified array to filter, reorder, or transform facets (e.g., hide certain facets or change their order).
 
 
 **Main Template Desktop Override**

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

@@ -3,5 +3,5 @@ declare function SearchstaxAnswerWidget(props: {
     searchAnswerTemplate?: (answerData: null | ISearchstaxAnswerData, showMore: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) => React.ReactElement;
     feedbackwidget?: IFeedbackWidgetProperties;
     showMoreAfterWordCount?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxAnswerWidget;

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

@@ -1,5 +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;
+}): JSX.Element;
 export default SearchstaxExternalPromotionsWidget;

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

@@ -10,5 +10,6 @@ declare function SearchstaxFacetsWidget(props: {
     facetsTemplateMobile?: (facetsTemplateDataMobile: IFacetsTemplateData | null, selectedFacetsCheckboxes: IFacetValue[], facetContainers: {
         [key: string]: React.LegacyRef<HTMLDivElement> | undefined;
     }, isNotDeactivated: (name: string) => boolean, toggleFacetGroup: (name: string) => void, selectFacet: (index: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetValueData, isInput: boolean) => void, isChecked: (facetValue: IFacetValueData) => boolean | undefined, unselectFacet: (facet: IFacetValue) => void, showMoreLessMobile: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetData) => void, openOverlay: () => void, closeOverlay: () => void, unselectAll: () => void) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+    beforeFacetsRender?: (facetsTemplateDataDesktop: IFacetData[]) => IFacetData[];
+}): JSX.Element;
 export default SearchstaxFacetsWidget;

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

@@ -5,5 +5,5 @@ declare function SearchstaxInputWidget(props: {
     searchInputId?: string;
     suggestAfterMinChars?: number;
     inputTemplate?: (suggestions: ISearchstaxSuggestion[], onMouseLeave: () => void, onMouseOver: (suggestion: ISearchstaxSuggestion) => void, onMouseClick: () => void, templateData?: ISearchstaxSearchInputRenderData | null) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxInputWidget;

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

@@ -11,5 +11,5 @@ declare function SearchstaxLocationWidget(props: {
         filterValues: string[];
         filterUnit: string;
     };
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxLocationWidget;

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

@@ -1,5 +1,5 @@
 import type { ISearchstaxSearchFeedbackData } from "@searchstax-inc/searchstudio-ux-js";
 declare function SearchstaxOverviewWidget(props: {
     searchOverviewTemplate?: (searchFeedbackData: null | ISearchstaxSearchFeedbackData, onOriginalQueryClick: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxOverviewWidget;

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

@@ -2,5 +2,5 @@ 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;
+}): JSX.Element;
 export default SearchstaxPaginationWidget;

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

@@ -3,5 +3,5 @@ declare function SearchstaxRelatedSearchesWidget(props: {
     relatedSearchesURL: string;
     relatedSearchesAPIKey: string;
     searchRelatedSearchesTemplate?: (relatedData: null | ISearchstaxRelatedSearchesData, executeSearch: (result: ISearchstaxRelatedSearchResult) => void) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxRelatedSearchesWidget;

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

@@ -5,5 +5,5 @@ declare function SearchstaxResultWidget(props: {
     resultsPerPage?: number;
     noResultTemplate?: (searchTerm: string, metaData: ISearchstaxSearchMetadata | null, executeSearch: (searchTerm: string) => void) => React.ReactElement;
     resultsTemplate?: (results: ISearchstaxParsedResult[], resultClicked: (result: ISearchstaxParsedResult, event: any) => any) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxResultWidget;

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

@@ -1,5 +1,5 @@
 import type { ISearchstaxSearchSortingData } from "@searchstax-inc/searchstudio-ux-js";
 declare function SearchstaxSortingWidget(props: {
     searchSortingTemplate?: (sortingData: null | ISearchstaxSearchSortingData, orderChange: (value: string) => void, selectedSorting: string) => React.ReactElement;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxSortingWidget;

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

@@ -18,5 +18,5 @@ declare function SearchstaxWrapper(props: {
     afterSearch?: (results: ISearchstaxParsedResult[]) => ISearchstaxParsedResult[];
     children: any;
     initialized: (searchstax: Searchstax) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export default SearchstaxWrapper;

package/dist/@searchstax-inc/components/templates/SearchstaxAnswerWidgetTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ISearchstaxAnswerData } from "@searchstax-inc/searchstudio-ux-js";
-declare function answerTemplate(answerData: null | ISearchstaxAnswerData, showMore: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void): import("react/jsx-runtime").JSX.Element;
+declare function answerTemplate(answerData: null | ISearchstaxAnswerData, showMore: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void): JSX.Element;
 export { answerTemplate };

package/dist/@searchstax-inc/components/templates/SearchstaxExternalPromotionsWidgetTemplate.d.ts

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

package/dist/@searchstax-inc/components/templates/SearchstaxFacetsWidgetTemplate.d.ts

@@ -1,8 +1,8 @@
 import { IFacetData, IFacetValue, IFacetValueData, IFacetsTemplateData } from "@searchstax-inc/searchstudio-ux-js";
 declare function facetsTemplateDesktop(facetsTemplateDataDesktop: IFacetsTemplateData | null, facetContainers: {
     [key: string]: React.LegacyRef<HTMLDivElement> | undefined;
-}, isNotDeactivated: (name: string) => boolean, toggleFacetGroup: (name: string) => void, selectFacet: (index: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetValueData, isInput: boolean) => void, isChecked: (facetValue: IFacetValueData) => boolean | undefined, showMoreLessDesktop: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetData) => void): import("react/jsx-runtime").JSX.Element;
+}, isNotDeactivated: (name: string) => boolean, toggleFacetGroup: (name: string) => void, selectFacet: (index: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetValueData, isInput: boolean) => void, isChecked: (facetValue: IFacetValueData) => boolean | undefined, showMoreLessDesktop: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetData) => void): JSX.Element;
 declare function facetsTemplateMobile(facetsTemplateDataMobile: IFacetsTemplateData | null, selectedFacetsCheckboxes: IFacetValue[], facetContainers: {
     [key: string]: React.LegacyRef<HTMLDivElement> | undefined;
-}, isNotDeactivated: (name: string) => boolean, toggleFacetGroup: (name: string) => void, selectFacet: (index: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetValueData, isInput: boolean, isMobile?: boolean) => void, isChecked: (facetValue: IFacetValueData) => boolean | undefined, unselectFacet: (facet: IFacetValue) => void, showMoreLessMobile: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetData) => void, openOverlay: () => void, closeOverlay: () => void, unselectAll: () => void): import("react/jsx-runtime").JSX.Element;
+}, isNotDeactivated: (name: string) => boolean, toggleFacetGroup: (name: string) => void, selectFacet: (index: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetValueData, isInput: boolean, isMobile?: boolean) => void, isChecked: (facetValue: IFacetValueData) => boolean | undefined, unselectFacet: (facet: IFacetValue) => void, showMoreLessMobile: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, data: IFacetData) => void, openOverlay: () => void, closeOverlay: () => void, unselectAll: () => void): JSX.Element;
 export { facetsTemplateDesktop, facetsTemplateMobile };

package/dist/@searchstax-inc/components/templates/SearchstaxOverviewWidgetTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ISearchstaxSearchFeedbackData } from "@searchstax-inc/searchstudio-ux-js";
-declare function searchOverviewTemplate(searchFeedbackData: null | ISearchstaxSearchFeedbackData, onOriginalQueryClick: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void): import("react/jsx-runtime").JSX.Element;
+declare function searchOverviewTemplate(searchFeedbackData: null | ISearchstaxSearchFeedbackData, onOriginalQueryClick: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void): JSX.Element;
 export { searchOverviewTemplate };

package/dist/@searchstax-inc/components/templates/SearchstaxPaginationWidgetTemplate.d.ts

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

package/dist/@searchstax-inc/components/templates/SearchstaxRelatedSearchesWidgetTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ISearchstaxRelatedSearchResult, ISearchstaxRelatedSearchesData } from "@searchstax-inc/searchstudio-ux-js";
-declare function searchRelatedSearchesTemplate(relatedData: null | ISearchstaxRelatedSearchesData, executeSearch: (result: ISearchstaxRelatedSearchResult) => void): import("react/jsx-runtime").JSX.Element;
+declare function searchRelatedSearchesTemplate(relatedData: null | ISearchstaxRelatedSearchesData, executeSearch: (result: ISearchstaxRelatedSearchResult) => void): JSX.Element;
 export { searchRelatedSearchesTemplate };

package/dist/@searchstax-inc/components/templates/SearchstaxSortingWidgetTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ISearchstaxSearchSortingData } from "@searchstax-inc/searchstudio-ux-js";
-declare function searchSortingTemplate(sortingData: null | ISearchstaxSearchSortingData, orderChange: (value: string) => void, selectedSorting: string): import("react/jsx-runtime").JSX.Element;
+declare function searchSortingTemplate(sortingData: null | ISearchstaxSearchSortingData, orderChange: (value: string) => void, selectedSorting: string): JSX.Element;
 export { searchSortingTemplate };