@trafilea/afrodita-components 5.0.0-beta.96 → 5.0.0-beta.98

package/build/index.d.ts

@@ -107,7 +107,7 @@ declare type Filter = {
         checked?: boolean;
         isLinkItem?: boolean;
         link?: string;
-        uncheckedLink?: string;
+        blockUncheck?: boolean;
     }>;
 };
 declare type FilterChange = {
@@ -1548,11 +1548,12 @@ interface CheckboxProps {
     size?: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
     text: string;
     checked?: boolean;
+    blockUncheck?: boolean;
     id: string;
     backgroundColor?: string;
     variant: 'primary' | 'secondary';
 }
-declare const Checkbox: ({ disabled, onChange, size, text, checked, id, variant, }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ disabled, onChange, size, text, checked, id, variant, blockUncheck, }: CheckboxProps) => JSX.Element;
 
 interface RadioGroupInputProps {
     name: string;

package/build/index.esm.js

@@ -4568,16 +4568,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 ? 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 ? 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 = useState(checked), isChecked = _e[0], setIsChecked = _e[1];
     var mounted = useRef(false);
     var handleChange = useCallback(function () {
-        if (disabled) {
+        if (disabled || (isChecked && blockUncheck)) {
             return;
         }
         setIsChecked(function (checked) { return !checked; });
-    }, [disabled]);
+    }, [blockUncheck, disabled, isChecked]);
     useEffect(function () {
         if (disabled || !mounted.current) {
             return;
@@ -12574,8 +12574,8 @@ var getStylesBySize = function (size) {
             };
     }
 };
-var TopTagContainer$1 = newStyled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: inherit;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: inherit;\n"])));
-var BottomTagContainer$1 = newStyled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 15%;\n  left: 0;\n  width: inherit;\n"], ["\n  position: absolute;\n  bottom: 15%;\n  left: 0;\n  width: inherit;\n"])));
+var TopTagContainer$1 = newStyled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: inherit;\n  z-index: 1;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: inherit;\n  z-index: 1;\n"])));
+var BottomTagContainer$1 = newStyled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 15%;\n  left: 0;\n  width: inherit;\n  z-index: 1;\n"], ["\n  position: absolute;\n  bottom: 15%;\n  left: 0;\n  width: inherit;\n  z-index: 1;\n"])));
 var ProductItemMobile = function (_a) {
     var title = _a.title, image = _a.image, imageHover = _a.imageHover, price = _a.price, rating = _a.rating, size = _a.size, _b = _a.alignName, alignName = _b === void 0 ? 'center' : _b, url = _a.url, className = _a.className, topTag = _a.topTag, bottomTag = _a.bottomTag, onClick = _a.onClick, _c = _a.priceDisplayType, priceDisplayType = _c === void 0 ? 'default' : _c;
     var theme = useTheme();
@@ -17465,9 +17465,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) {
@@ -17516,14 +17513,14 @@ var Filters = function (_a) {
                 .filter(function (filter) { return filter.isLinkOption; })
                 .map(function (option, index) { return (jsx$1(OptionContainer, { children: jsx$1(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 (jsx$1(Accordion, __assign$1({ title: filter.title, isOpenByDefault: filter.isOpenByDefault }, { children: jsx$1(SectionContent, __assign$1({ cols: filter.columns }, { children: filter.items.map(function (item, itemIndex) { return (jsx$1(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 && (jsxs$1(MobileFooter, __assign$1({ "data-testid": "MobileFooter" }, { children: [jsxs$1(MobileClearContainer, __assign$1({ onClick: handleClearAllClick }, { children: [jsx$1(MobileIconsContainer, { children: jsx$1(Icon.Actions.Trash, { fill: theme.colors.shades['700'].color }, void 0) }, void 0), jsx$1(ClearAll, __assign$1({ color: theme.colors.shades['700'].color }, { children: clearAllText }), void 0)] }), void 0), jsx$1(ButtonSecondary, { text: applyText, onClick: mobileApplyButtonClick }, void 0)] }), void 0))] }, void 0));
+                .map(function (filter) { return (jsx$1(Accordion, __assign$1({ title: filter.title, isOpenByDefault: filter.isOpenByDefault }, { children: jsx$1(SectionContent, __assign$1({ cols: filter.columns }, { children: filter.items.map(function (item, itemIndex) { return (jsx$1(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 && (jsxs$1(MobileFooter, __assign$1({ "data-testid": "MobileFooter" }, { children: [jsxs$1(MobileClearContainer, __assign$1({ onClick: handleClearAllClick }, { children: [jsx$1(MobileIconsContainer, { children: jsx$1(Icon.Actions.Trash, { fill: theme.colors.shades['700'].color }, void 0) }, void 0), jsx$1(ClearAll, __assign$1({ color: theme.colors.shades['700'].color }, { children: clearAllText }), void 0)] }), void 0), jsx$1(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 = useCallback(function (checked) {
         onChangeProp({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
-    }, [sectionIndex, itemIndex, onChangeProp]);
-    return (jsx$1(Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: ComponentSize.Small, variant: "secondary" }, itemIndex));
+    }, [onChangeProp, sectionIndex, itemIndex]);
+    return (jsx$1(Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: 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"])));