@trafilea/afrodita-components 5.0.0-beta.97 → 5.0.0-beta.99

package/build/index.js

@@ -4594,16 +4594,16 @@ var Input$3 = newStyled.input(templateObject_2$O || (templateObject_2$O = __make
     return (disabled ? 'not-allowed' : 'pointer');
 });
 var Checkbox = function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant;
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? exports.ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck;
     var theme = useTheme();
     var _e = React$2.useState(checked), isChecked = _e[0], setIsChecked = _e[1];
     var mounted = React$2.useRef(false);
     var handleChange = React$2.useCallback(function () {
-        if (disabled) {
+        if (disabled || (isChecked && blockUncheck)) {
             return;
         }
         setIsChecked(function (checked) { return !checked; });
-    }, [disabled]);
+    }, [blockUncheck, disabled, isChecked]);
     React$2.useEffect(function () {
         if (disabled || !mounted.current) {
             return;
@@ -12954,7 +12954,7 @@ var SearchControl = function (_a) {
     var theme = useTheme();
     var isMobile = useWindowDimensions(theme.mediaQueries).isMobile;
     if (showSearchIcon) {
-        return (jsx(SearchIconContainer, { children: jsx(Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }, void 0));
+        return (jsx(SearchIconContainer, __assign$1({ onClick: onSearch }, { 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));
@@ -17491,9 +17491,6 @@ var Filters = function (_a) {
             if (checked) {
                 window.location.assign(currentFilterItem.link);
             }
-            else if (currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.uncheckedLink) {
-                window.location.assign(currentFilterItem.uncheckedLink);
-            }
             return;
         }
         setCheckedItems(function (prev) {
@@ -17542,14 +17539,14 @@ var Filters = function (_a) {
                 .filter(function (filter) { return filter.isLinkOption; })
                 .map(function (option, index) { return (jsxRuntime.jsx(OptionContainer, { children: jsxRuntime.jsx(FilterLink, __assign$1({ color: option.color || theme.colors.shades['550'].color, href: option.link }, { children: option.title }), void 0) }, index)); }), filters
                 .filter(function (filter) { return !filter.isLinkOption; })
-                .map(function (filter) { return (jsxRuntime.jsx(Accordion, __assign$1({ title: filter.title, isOpenByDefault: filter.isOpenByDefault }, { children: jsxRuntime.jsx(SectionContent, __assign$1({ cols: filter.columns }, { children: filter.items.map(function (item, itemIndex) { return (jsxRuntime.jsx(FilterCheckbox, { onChange: handleCheckboxClick, text: item.label === '$75 And Above' ? '+$75' : item.label, checked: item.checked, itemIndex: itemIndex, sectionIndex: filters.findIndex(function (filt) { return filt.title === filter.title; }) }, "".concat(item.checked, "-").concat(item.label))); }) }), void 0) }), filters.findIndex(function (filt) { return filt.title === filter.title; }))); }), isMobile && (jsxRuntime.jsxs(MobileFooter, __assign$1({ "data-testid": "MobileFooter" }, { children: [jsxRuntime.jsxs(MobileClearContainer, __assign$1({ onClick: handleClearAllClick }, { children: [jsxRuntime.jsx(MobileIconsContainer, { children: jsxRuntime.jsx(Icon.Actions.Trash, { fill: theme.colors.shades['700'].color }, void 0) }, void 0), jsxRuntime.jsx(ClearAll, __assign$1({ color: theme.colors.shades['700'].color }, { children: clearAllText }), void 0)] }), void 0), jsxRuntime.jsx(ButtonSecondary, { text: applyText, onClick: mobileApplyButtonClick }, void 0)] }), void 0))] }, void 0));
+                .map(function (filter) { return (jsxRuntime.jsx(Accordion, __assign$1({ title: filter.title, isOpenByDefault: filter.isOpenByDefault }, { children: jsxRuntime.jsx(SectionContent, __assign$1({ cols: filter.columns }, { children: filter.items.map(function (item, itemIndex) { return (jsxRuntime.jsx(FilterCheckbox, { onChange: handleCheckboxClick, text: item.label === '$75 And Above' ? '+$75' : item.label, checked: item.checked, itemIndex: itemIndex, sectionIndex: filters.findIndex(function (filt) { return filt.title === filter.title; }), blockUncheck: item.blockUncheck }, "".concat(item.checked, "-").concat(item.label))); }) }), void 0) }), filters.findIndex(function (filt) { return filt.title === filter.title; }))); }), isMobile && (jsxRuntime.jsxs(MobileFooter, __assign$1({ "data-testid": "MobileFooter" }, { children: [jsxRuntime.jsxs(MobileClearContainer, __assign$1({ onClick: handleClearAllClick }, { children: [jsxRuntime.jsx(MobileIconsContainer, { children: jsxRuntime.jsx(Icon.Actions.Trash, { fill: theme.colors.shades['700'].color }, void 0) }, void 0), jsxRuntime.jsx(ClearAll, __assign$1({ color: theme.colors.shades['700'].color }, { children: clearAllText }), void 0)] }), void 0), jsxRuntime.jsx(ButtonSecondary, { text: applyText, onClick: mobileApplyButtonClick }, void 0)] }), void 0))] }, void 0));
 };
 var FilterCheckbox = function (_a) {
-    var sectionIndex = _a.sectionIndex, text = _a.text, itemIndex = _a.itemIndex, onChangeProp = _a.onChange, checked = _a.checked;
+    var sectionIndex = _a.sectionIndex, text = _a.text, itemIndex = _a.itemIndex, onChangeProp = _a.onChange, checked = _a.checked, blockUncheck = _a.blockUncheck;
     var onChange = React$2.useCallback(function (checked) {
         onChangeProp({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
-    }, [sectionIndex, itemIndex, onChangeProp]);
-    return (jsxRuntime.jsx(Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: exports.ComponentSize.Small, variant: "secondary" }, itemIndex));
+    }, [onChangeProp, sectionIndex, itemIndex]);
+    return (jsxRuntime.jsx(Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: exports.ComponentSize.Small, variant: "secondary", blockUncheck: blockUncheck }, itemIndex));
 };
 
 var Container$7 = newStyled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 1rem 1rem;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 1rem 1rem;\n"])));