@trafilea/afrodita-components 5.0.0-beta.87 → 5.0.0-beta.88

package/build/index.d.ts

@@ -1805,8 +1805,9 @@ interface SearchBarProps {
     allResults?: number;
     initialTerm?: string;
     shouldClear?: boolean;
+    isBlogSearchBar?: boolean;
 }
-declare const SearchBar: ({ suggestions, resultOptions, onChange, onSearch, onClose, resultsPanelDataTestId, allResults, initialTerm, shouldClear, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ suggestions, resultOptions, onChange, onSearch, onClose, resultsPanelDataTestId, allResults, initialTerm, shouldClear, isBlogSearchBar, }: SearchBarProps) => JSX.Element;
 
 interface ProductGalleryMobileProps {
     images: ImageType[];

package/build/index.esm.js

@@ -12328,7 +12328,7 @@ var IconContainer$1 = newStyled.div(templateObject_2$c || (templateObject_2$c =
 var PageNumbersContainer = newStyled.div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  display: flex;\n  ", ";\n"], ["\n  display: flex;\n  ", ";\n"])), mediaQueries({
     margin: ['0 0.75rem', '0 1.25rem'],
 }));
-var PageNumber = newStyled.span(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"])), function (_a) {
+var PageNumber = newStyled.span(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n  background: ", ";\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n  background: ", ";\n"])), function (_a) {
     var bold = _a.bold;
     return (bold ? '700' : '500');
 }, function (_a) {
@@ -12341,7 +12341,10 @@ var PageNumber = newStyled.span(templateObject_4$7 || (templateObject_4$7 = __ma
     fontSize: ['1rem', '1.25rem'],
     lineHeight: ['1.5rem', '1.75rem'],
     width: ['1.25rem', '1.875rem'],
-}));
+}), function (_a) {
+    var background = _a.background;
+    return background || 'unset';
+});
 var templateObject_1$o, templateObject_2$c, templateObject_3$c, templateObject_4$7;
 
 var Pagination = function (_a) {
@@ -12512,10 +12515,13 @@ var SearchIconContainer = newStyled.div({
     alignSelf: 'center',
 });
 var SearchControl = function (_a) {
-    var open = _a.open, onSearch = _a.onSearch, onClose = _a.onClose;
+    var open = _a.open, onSearch = _a.onSearch, onClose = _a.onClose, _b = _a.showSearchIcon, showSearchIcon = _b === void 0 ? false : _b;
     var theme = useTheme();
     var isMobile = useWindowDimensions(theme.mediaQueries).isMobile;
-    if (isMobile) {
+    if (showSearchIcon) {
+        return (jsx(SearchIconContainer, { children: jsx(Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }, void 0));
+    }
+    else if (isMobile) {
         return open ? (jsx(ClearButton, { onClick: onClose }, void 0)) : (jsx(SearchIconContainer, { children: jsx(Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }, void 0));
     }
     else {
@@ -12549,12 +12555,12 @@ var Container$c = newStyled.div({
     display: 'flex',
 });
 var SearchBar = function (_a) {
-    var suggestions = _a.suggestions, resultOptions = _a.resultOptions, onChange = _a.onChange, onSearch = _a.onSearch, onClose = _a.onClose, resultsPanelDataTestId = _a.resultsPanelDataTestId, allResults = _a.allResults, initialTerm = _a.initialTerm, _b = _a.shouldClear, shouldClear = _b === void 0 ? false : _b;
+    var suggestions = _a.suggestions, resultOptions = _a.resultOptions, onChange = _a.onChange, onSearch = _a.onSearch, onClose = _a.onClose, resultsPanelDataTestId = _a.resultsPanelDataTestId, allResults = _a.allResults, initialTerm = _a.initialTerm, _b = _a.shouldClear, shouldClear = _b === void 0 ? false : _b, _c = _a.isBlogSearchBar, isBlogSearchBar = _c === void 0 ? false : _c;
     var theme = useTheme();
     if (initialTerm) {
         initialState$1.term = initialTerm;
     }
-    var _c = useReducer(reducer, initialState$1), state = _c[0], dispatch = _c[1];
+    var _d = useReducer(reducer, initialState$1), state = _d[0], dispatch = _d[1];
     var ref = useRef(null);
     var shouldDisplaySuggestion = function () {
         return resultOptions.length === 0 && suggestions.length > 0 && !state.term;
@@ -12586,7 +12592,7 @@ var SearchBar = function (_a) {
                                 e.stopPropagation();
                                 onSearch(state.term);
                             }
-                        } }, void 0), jsx$1(SearchControl, { open: state.open, onClose: handleOnClose, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && !!options.length && (jsx$1(ResultsPanel, { testId: resultsPanelDataTestId, options: options, header: shouldDisplaySuggestion() ? 'Most popular products' : undefined, footer: allResults ? "View all results (".concat(allResults, ")") : undefined, onViewAll: function () { return onSearch(state.term); } }, void 0))] }), void 0));
+                        } }, void 0), jsx$1(SearchControl, { showSearchIcon: isBlogSearchBar, open: state.open, onClose: handleOnClose, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && !!options.length && (jsx$1(ResultsPanel, { testId: resultsPanelDataTestId, options: options, header: shouldDisplaySuggestion() ? 'Most popular products' : undefined, footer: allResults ? "View all results (".concat(allResults, ")") : undefined, onViewAll: function () { return onSearch(state.term); } }, void 0))] }), void 0));
 };
 
 function _extends() {