@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.d.ts
CHANGED
|
@@ -1793,8 +1793,9 @@ declare const ScrollToTop: ({ scrollToTopText, onClick, fill }: ScrollToTopProps
|
|
|
1793
1793
|
|
|
1794
1794
|
interface OrderBarProps {
|
|
1795
1795
|
message: string;
|
|
1796
|
+
color?: string;
|
|
1796
1797
|
}
|
|
1797
|
-
declare const OrderBar: ({ message }: OrderBarProps) => JSX.Element;
|
|
1798
|
+
declare const OrderBar: ({ message, color }: OrderBarProps) => JSX.Element;
|
|
1798
1799
|
|
|
1799
1800
|
interface TableProps {
|
|
1800
1801
|
headers: string[];
|
package/build/index.esm.js
CHANGED
|
@@ -12411,12 +12411,16 @@ var ScrollToTop = function (_a) {
|
|
|
12411
12411
|
};
|
|
12412
12412
|
var templateObject_1$F, templateObject_2$r;
|
|
12413
12413
|
|
|
12414
|
-
var
|
|
12414
|
+
var DEFAULT_COLOR = '#dfefeb';
|
|
12415
|
+
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) {
|
|
12416
|
+
var color = _a.color;
|
|
12417
|
+
return color !== null && color !== void 0 ? color : DEFAULT_COLOR;
|
|
12418
|
+
});
|
|
12415
12419
|
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; });
|
|
12416
12420
|
var OrderBar = function (_a) {
|
|
12417
|
-
var message = _a.message;
|
|
12421
|
+
var message = _a.message, color = _a.color;
|
|
12418
12422
|
var theme = useTheme();
|
|
12419
|
-
return (jsxs$1(Container$q, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign$1({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }, void 0));
|
|
12423
|
+
return (jsxs$1(Container$q, __assign$1({ color: color }, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign$1({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }), void 0));
|
|
12420
12424
|
};
|
|
12421
12425
|
var templateObject_1$E, templateObject_2$q;
|
|
12422
12426
|
|
|
@@ -17468,7 +17472,7 @@ var Filters = function (_a) {
|
|
|
17468
17472
|
var checkedItems = [];
|
|
17469
17473
|
values.forEach(function (filter, sectionIndex) {
|
|
17470
17474
|
filter.items.forEach(function (item, itemIndex) {
|
|
17471
|
-
if (item.checked) {
|
|
17475
|
+
if (item.checked && !item.blockUncheck) {
|
|
17472
17476
|
checkedItems.push({
|
|
17473
17477
|
sectionIndex: sectionIndex,
|
|
17474
17478
|
itemIndex: itemIndex,
|
|
@@ -17536,18 +17540,15 @@ var Filters = function (_a) {
|
|
|
17536
17540
|
setFilter(function (prev) {
|
|
17537
17541
|
return prev.map(function (filter) {
|
|
17538
17542
|
return __assign$1(__assign$1({}, filter), { items: filter.items.map(function (value) {
|
|
17539
|
-
return {
|
|
17540
|
-
label: value.label,
|
|
17541
|
-
checked: false,
|
|
17542
|
-
};
|
|
17543
|
+
return __assign$1(__assign$1({}, value), { checked: !value.blockUncheck ? false : value.checked });
|
|
17543
17544
|
}) });
|
|
17544
17545
|
});
|
|
17545
17546
|
});
|
|
17546
17547
|
onResetValues();
|
|
17547
17548
|
};
|
|
17548
|
-
return (jsxs$1(Fragment$1, { children: [!isMobile ? (
|
|
17549
|
-
|
|
17550
|
-
|
|
17549
|
+
return (jsxs$1(Fragment$1, { children: [!isMobile ? (jsx$1("div", __assign$1({ "data-testid": "DesktopHeader" }, { children: !!checkedItems.length && (jsxs$1(Fragment$1, { children: [jsxs$1(Header, { children: [jsxs$1(H4, __assign$1({ color: theme.colors.shades['700'].color }, { children: [filterByText, " (", checkedItems.length, ")"] }), void 0), jsx$1(ClearAll, __assign$1({ onClick: handleClearAllClick, color: theme.colors.shades['700'].color, "data-testid": "desktop-clear-all" }, { children: clearAllText }), void 0)] }, void 0), jsx$1(Tags, { color: tagsColor, items: checkedItems.map(function (item) {
|
|
17550
|
+
return item.label === '$75 And Above' ? '+$75' : item.label;
|
|
17551
|
+
}), onCloseClick: function (index) { return handleCloseClick(checkedItems[index]); } }, void 0)] }, void 0)) }), void 0)) : (jsxs$1(MobileHeader, __assign$1({ "data-testid": "MobileHeader" }, { children: [jsx$1(MobileIconsContainer, __assign$1({ onClick: mobileBackArrowClick, "data-testid": "mobileBackArrow" }, { children: jsx$1(Icon.Arrows.ChevronRightVariant, { fill: theme.colors.shades['700'].color }, void 0) }), void 0), !!checkedItems.length && (jsxs$1(H4, __assign$1({ color: theme.colors.shades['700'].color }, { children: [filtersSelectText, " (", checkedItems.length, ")"] }), void 0))] }), void 0)), filters
|
|
17551
17552
|
.filter(function (filter) { return filter.isLinkOption; })
|
|
17552
17553
|
.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
|
|
17553
17554
|
.filter(function (filter) { return !filter.isLinkOption; })
|