@trafilea/afrodita-components 5.0.0-beta.107 → 5.0.0-beta.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +2 -1
- package/build/index.esm.js +12 -11
- package/build/index.esm.js.map +1 -1
- package/build/index.js +12 -11
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -12437,12 +12437,16 @@ var ScrollToTop = function (_a) {
|
|
|
12437
12437
|
};
|
|
12438
12438
|
var templateObject_1$F, templateObject_2$r;
|
|
12439
12439
|
|
|
12440
|
-
var
|
|
12440
|
+
var DEFAULT_COLOR = '#dfefeb';
|
|
12441
|
+
var Container$q = newStyled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0.75rem 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0.75rem 0;\n"])), function (_a) {
|
|
12442
|
+
var color = _a.color;
|
|
12443
|
+
return color !== null && color !== void 0 ? color : DEFAULT_COLOR;
|
|
12444
|
+
});
|
|
12441
12445
|
var H1 = newStyled.h1(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"])), function (props) { return props.color; });
|
|
12442
12446
|
var OrderBar = function (_a) {
|
|
12443
|
-
var message = _a.message;
|
|
12447
|
+
var message = _a.message, color = _a.color;
|
|
12444
12448
|
var theme = useTheme();
|
|
12445
|
-
return (jsxRuntime.jsxs(Container$q, { children: [jsxRuntime.jsx(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsxRuntime.jsx(H1, __assign$1({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }, void 0));
|
|
12449
|
+
return (jsxRuntime.jsxs(Container$q, __assign$1({ color: color }, { children: [jsxRuntime.jsx(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsxRuntime.jsx(H1, __assign$1({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }), void 0));
|
|
12446
12450
|
};
|
|
12447
12451
|
var templateObject_1$E, templateObject_2$q;
|
|
12448
12452
|
|
|
@@ -17494,7 +17498,7 @@ var Filters = function (_a) {
|
|
|
17494
17498
|
var checkedItems = [];
|
|
17495
17499
|
values.forEach(function (filter, sectionIndex) {
|
|
17496
17500
|
filter.items.forEach(function (item, itemIndex) {
|
|
17497
|
-
if (item.checked) {
|
|
17501
|
+
if (item.checked && !item.blockUncheck) {
|
|
17498
17502
|
checkedItems.push({
|
|
17499
17503
|
sectionIndex: sectionIndex,
|
|
17500
17504
|
itemIndex: itemIndex,
|
|
@@ -17562,18 +17566,15 @@ var Filters = function (_a) {
|
|
|
17562
17566
|
setFilter(function (prev) {
|
|
17563
17567
|
return prev.map(function (filter) {
|
|
17564
17568
|
return __assign$1(__assign$1({}, filter), { items: filter.items.map(function (value) {
|
|
17565
|
-
return {
|
|
17566
|
-
label: value.label,
|
|
17567
|
-
checked: false,
|
|
17568
|
-
};
|
|
17569
|
+
return __assign$1(__assign$1({}, value), { checked: !value.blockUncheck ? false : value.checked });
|
|
17569
17570
|
}) });
|
|
17570
17571
|
});
|
|
17571
17572
|
});
|
|
17572
17573
|
onResetValues();
|
|
17573
17574
|
};
|
|
17574
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMobile ? (jsxRuntime.
|
|
17575
|
-
|
|
17576
|
-
|
|
17575
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMobile ? (jsxRuntime.jsx("div", __assign$1({ "data-testid": "DesktopHeader" }, { children: !!checkedItems.length && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Header, { children: [jsxRuntime.jsxs(H4, __assign$1({ color: theme.colors.shades['700'].color }, { children: [filterByText, " (", checkedItems.length, ")"] }), void 0), jsxRuntime.jsx(ClearAll, __assign$1({ onClick: handleClearAllClick, color: theme.colors.shades['700'].color, "data-testid": "desktop-clear-all" }, { children: clearAllText }), void 0)] }, void 0), jsxRuntime.jsx(Tags, { color: tagsColor, items: checkedItems.map(function (item) {
|
|
17576
|
+
return item.label === '$75 And Above' ? '+$75' : item.label;
|
|
17577
|
+
}), onCloseClick: function (index) { return handleCloseClick(checkedItems[index]); } }, void 0)] }, void 0)) }), void 0)) : (jsxRuntime.jsxs(MobileHeader, __assign$1({ "data-testid": "MobileHeader" }, { children: [jsxRuntime.jsx(MobileIconsContainer, __assign$1({ onClick: mobileBackArrowClick, "data-testid": "mobileBackArrow" }, { children: jsxRuntime.jsx(Icon.Arrows.ChevronRightVariant, { fill: theme.colors.shades['700'].color }, void 0) }), void 0), !!checkedItems.length && (jsxRuntime.jsxs(H4, __assign$1({ color: theme.colors.shades['700'].color }, { children: [filtersSelectText, " (", checkedItems.length, ")"] }), void 0))] }), void 0)), filters
|
|
17577
17578
|
.filter(function (filter) { return filter.isLinkOption; })
|
|
17578
17579
|
.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
|
|
17579
17580
|
.filter(function (filter) { return !filter.isLinkOption; })
|