@searchstax-inc/searchstudio-ux-react 4.2.2 → 4.2.13

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 # Change Log
 
 All notable changes to the "searchstudio-ux-react" project will be documented in this file.
+## [4.2.13]
+### Features
+- Improved caching of facets to make as little emselect calls as possible
+- Fixed items per page to reflect correctly based on studio settings
+
+## [4.2.10]
+### Features
+- Added tracking of show more clicking and showing
+- Add x icon to search bar for clearing input
+
+### Bug Fixes
+- Fixed package vulnerabilities
+- Fixed search satisfaction tracking
 
 ## [4.2.2]
 ### Features

package/README.md

@@ -396,7 +396,9 @@ function InputTemplate(
   suggestions: ISearchstaxSuggestion[],
   onMouseLeave: () => void,
   onMouseOver: (suggestion: ISearchstaxSuggestion) => void,
-  onMouseClick: () => void
+  onMouseClick: () => void,
+  onClearClick: () => void,
+  templateData?: ISearchstaxSearchInputRenderData | null
 ): React.ReactElement {
   return (
     <>
@@ -408,6 +410,12 @@ function InputTemplate(
           placeholder="SEARCH FOR..."
           aria-label="search"
         />
+        {templateData?.hasInputValue && <>
+          <button v-if="hasInputValue" onClick={onClearClick}
+                  id="searchstax-clear-input-action-button" className="searchstax-cross-icon " aria-label="clear input"
+                  role="button"></button>
+          <span v-if="hasInputValue" id="searchstax-separator-icon" className="searchstax-separator "></span>
+        </>}
         <div
           className={`searchstax-autosuggest-container ${
             suggestions.length === 0 ? "hidden" : ""
@@ -441,7 +449,7 @@ function InputTemplate(
         hooks={{
           locationDecode: locationWidgetConfig.locationDecode,
           locationDecodeCoordinatesToAddress:
-            locationWidgetConfig.locationDecodeCoordinatesToAddress,
+          locationWidgetConfig.locationDecodeCoordinatesToAddress,
         }}
         locationSearchEnabled={locationWidgetConfig.locationSearchEnabled}
         locationValuesOverride={locationWidgetConfig.locationValuesOverride}

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

@@ -4,5 +4,5 @@ declare function SearchstaxAnswerWidget(props: {
     feedbackwidget?: IFeedbackWidgetProperties;
     showMoreAfterWordCount?: number;
     testString?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").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;
+}): import("react").JSX.Element;
 export default SearchstaxExternalPromotionsWidget;

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

@@ -11,5 +11,5 @@ declare function SearchstaxFacetsWidget(props: {
         [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;
     beforeFacetsRender?: (facetsTemplateDataDesktop: IFacetData[]) => IFacetData[];
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export default SearchstaxFacetsWidget;

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

@@ -4,6 +4,6 @@ declare function SearchstaxInputWidget(props: {
     beforeAutosuggest?: (props: ISearchstaxSuggestProps) => ISearchstaxSuggestProps | null;
     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;
+    inputTemplate?: (suggestions: ISearchstaxSuggestion[], onMouseLeave: () => void, onMouseOver: (suggestion: ISearchstaxSuggestion) => void, onMouseClick: () => void, onClearClick: () => void, templateData?: ISearchstaxSearchInputRenderData | null) => React.ReactElement;
+}): import("react").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;
+}): import("react").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;
+}): import("react").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;
+}): import("react").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;
+}): import("react").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;
+}): import("react").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;
+}): import("react").JSX.Element;
 export default SearchstaxSortingWidget;

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

@@ -18,5 +18,5 @@ declare function SearchstaxWrapper(props: {
     afterSearch?: (results: ISearchstaxParsedResult[], unparsedResponse?: ISearchstaxSearchResponse) => ISearchstaxParsedResult[];
     children: any;
     initialized: (searchstax: Searchstax) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").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): import("react").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): import("react").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): import("react").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): import("react").JSX.Element;
 export { facetsTemplateDesktop, facetsTemplateMobile };

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

@@ -1,4 +1,5 @@
 import { ISearchstaxSuggestion } from "@searchstax-inc/searchstudio-ux-js";
+import type { ISearchstaxSearchInputRenderData } from "@searchstax-inc/searchstudio-ux-js";
 import { locationWidgetConfig } from "./SearchstaxLocationWidgetTemplateConfig.js";
-declare function InputTemplate(suggestions: ISearchstaxSuggestion[], onMouseLeave: () => void, onMouseOver: (suggestion: ISearchstaxSuggestion) => void, onMouseClick: () => void): React.ReactElement;
+declare function InputTemplate(suggestions: ISearchstaxSuggestion[], onMouseLeave: () => void, onMouseOver: (suggestion: ISearchstaxSuggestion) => void, onMouseClick: () => void, onClearClick: () => void, templateData?: ISearchstaxSearchInputRenderData | null): React.ReactElement;
 export { InputTemplate, locationWidgetConfig };

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): import("react").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): import("react").JSX.Element;
+declare function infiniteScrollTemplate(paginationData: IPaginationData | null, nextPage: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void): import("react").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): import("react").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): import("react").JSX.Element;
 export { searchSortingTemplate };