@trafilea/afrodita-components 6.34.2 → 6.34.3
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.esm.js +2 -2
- package/build/index.js +2 -2
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -20594,7 +20594,7 @@ var templateObject_1$a, templateObject_2$9, templateObject_3$9, templateObject_4
|
|
|
20594
20594
|
|
|
20595
20595
|
function AutoshipOfferCard(_a) {
|
|
20596
20596
|
var showMore = _a.showMore, copyList = _a.copyList, copy = _a.copy, handleCheckBoxChange = _a.handleCheckBoxChange, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b;
|
|
20597
|
-
var _c = useState(
|
|
20597
|
+
var _c = useState(true), showMoreBenefits = _c[0], setShowMoreBenefits = _c[1];
|
|
20598
20598
|
var _d = useState(isChecked), check = _d[0], setCheck = _d[1];
|
|
20599
20599
|
var handleShowMore = function () {
|
|
20600
20600
|
setShowMoreBenefits(!showMoreBenefits);
|
|
@@ -20605,7 +20605,7 @@ function AutoshipOfferCard(_a) {
|
|
|
20605
20605
|
handleCheckBoxChange(!check);
|
|
20606
20606
|
}
|
|
20607
20607
|
};
|
|
20608
|
-
return (jsxs$1(AutoShipCardContainerWrapper, { children: [jsxs$1(AutoShipHeaderBarWrapper, { children: [jsx$1("div", { children: jsx$1(CheckboxInput, { type: "checkbox", onChange: handleCheckBox, checked: check, "data-testid": "autoshipcheckbox" }, void 0) }, void 0), jsx$1("div", { children: copy }, void 0)] }, void 0), !check && (jsxs$1(AutoShipBodyWrapper, { children: [jsxs$1(AutoShipBodyTitle, __assign$1({ onClick: handleShowMore }, { children: [
|
|
20608
|
+
return (jsxs$1(AutoShipCardContainerWrapper, { children: [jsxs$1(AutoShipHeaderBarWrapper, { children: [jsx$1("div", { children: jsx$1(CheckboxInput, { type: "checkbox", onChange: handleCheckBox, checked: check, "data-testid": "autoshipcheckbox" }, void 0) }, void 0), jsx$1("div", { children: copy }, void 0)] }, void 0), !check && (jsxs$1(AutoShipBodyWrapper, { children: [jsxs$1(AutoShipBodyTitle, __assign$1({ onClick: handleShowMore }, { children: [jsx$1("span", { children: showMoreBenefits ? showMore.openedCopy : showMore.closedCopy }, void 0), jsx$1(Icon$1, { name: showMoreBenefits ? 'arrows/chevron_up' : 'arrows/chevron_down' }, showMoreBenefits ? 'icon-up' : 'icon-down')] }), void 0), showMoreBenefits && (jsx$1(AutoShipBodyListWrapper, { children: copyList.map(function (item) { return (jsxs$1(AutoShipBodyListItem, { children: [jsx$1(Icon$1, { name: item.icon, fill: "#D4605B", width: "19px", height: "19px" }, void 0), item.copy] }, item.icon)); }) }, void 0))] }, void 0))] }, void 0));
|
|
20609
20609
|
}
|
|
20610
20610
|
|
|
20611
20611
|
var ContainerWrapper$1 = newStyled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n max-height: 180px;\n width: auto;\n max-width: 450px;\n gap: 5px;\n @media (max-width: 480px) {\n gap: 0px;\n font-size: 12px !important;\n }\n"], ["\n display: flex;\n flex-direction: row;\n max-height: 180px;\n width: auto;\n max-width: 450px;\n gap: 5px;\n @media (max-width: 480px) {\n gap: 0px;\n font-size: 12px !important;\n }\n"])));
|
package/build/index.js
CHANGED
|
@@ -20620,7 +20620,7 @@ var templateObject_1$a, templateObject_2$9, templateObject_3$9, templateObject_4
|
|
|
20620
20620
|
|
|
20621
20621
|
function AutoshipOfferCard(_a) {
|
|
20622
20622
|
var showMore = _a.showMore, copyList = _a.copyList, copy = _a.copy, handleCheckBoxChange = _a.handleCheckBoxChange, _b = _a.isChecked, isChecked = _b === void 0 ? false : _b;
|
|
20623
|
-
var _c = React$2.useState(
|
|
20623
|
+
var _c = React$2.useState(true), showMoreBenefits = _c[0], setShowMoreBenefits = _c[1];
|
|
20624
20624
|
var _d = React$2.useState(isChecked), check = _d[0], setCheck = _d[1];
|
|
20625
20625
|
var handleShowMore = function () {
|
|
20626
20626
|
setShowMoreBenefits(!showMoreBenefits);
|
|
@@ -20631,7 +20631,7 @@ function AutoshipOfferCard(_a) {
|
|
|
20631
20631
|
handleCheckBoxChange(!check);
|
|
20632
20632
|
}
|
|
20633
20633
|
};
|
|
20634
|
-
return (jsxRuntime.jsxs(AutoShipCardContainerWrapper, { children: [jsxRuntime.jsxs(AutoShipHeaderBarWrapper, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(CheckboxInput, { type: "checkbox", onChange: handleCheckBox, checked: check, "data-testid": "autoshipcheckbox" }, void 0) }, void 0), jsxRuntime.jsx("div", { children: copy }, void 0)] }, void 0), !check && (jsxRuntime.jsxs(AutoShipBodyWrapper, { children: [jsxRuntime.jsxs(AutoShipBodyTitle, __assign$1({ onClick: handleShowMore }, { children: [
|
|
20634
|
+
return (jsxRuntime.jsxs(AutoShipCardContainerWrapper, { children: [jsxRuntime.jsxs(AutoShipHeaderBarWrapper, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(CheckboxInput, { type: "checkbox", onChange: handleCheckBox, checked: check, "data-testid": "autoshipcheckbox" }, void 0) }, void 0), jsxRuntime.jsx("div", { children: copy }, void 0)] }, void 0), !check && (jsxRuntime.jsxs(AutoShipBodyWrapper, { children: [jsxRuntime.jsxs(AutoShipBodyTitle, __assign$1({ onClick: handleShowMore }, { children: [jsxRuntime.jsx("span", { children: showMoreBenefits ? showMore.openedCopy : showMore.closedCopy }, void 0), jsxRuntime.jsx(Icon$1, { name: showMoreBenefits ? 'arrows/chevron_up' : 'arrows/chevron_down' }, showMoreBenefits ? 'icon-up' : 'icon-down')] }), void 0), showMoreBenefits && (jsxRuntime.jsx(AutoShipBodyListWrapper, { children: copyList.map(function (item) { return (jsxRuntime.jsxs(AutoShipBodyListItem, { children: [jsxRuntime.jsx(Icon$1, { name: item.icon, fill: "#D4605B", width: "19px", height: "19px" }, void 0), item.copy] }, item.icon)); }) }, void 0))] }, void 0))] }, void 0));
|
|
20635
20635
|
}
|
|
20636
20636
|
|
|
20637
20637
|
var ContainerWrapper$1 = newStyled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n max-height: 180px;\n width: auto;\n max-width: 450px;\n gap: 5px;\n @media (max-width: 480px) {\n gap: 0px;\n font-size: 12px !important;\n }\n"], ["\n display: flex;\n flex-direction: row;\n max-height: 180px;\n width: auto;\n max-width: 450px;\n gap: 5px;\n @media (max-width: 480px) {\n gap: 0px;\n font-size: 12px !important;\n }\n"])));
|
package/package.json
CHANGED