krl-alfred 1.77.24 → 1.77.25
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.
|
@@ -49,7 +49,7 @@ var PaymentCart = function (props) {
|
|
|
49
49
|
}
|
|
50
50
|
setPaymentDropdownList(list);
|
|
51
51
|
}, [props.isShowChoosePrimary, props.isShowChooseSpare, props.isShowDelete]);
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.PaymentCartStyled, __assign({ "$checked": props.checked, htmlFor: props.id, "$isShowRadio": props.isShowRadio }, { children: [(0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.LeftFrame, { children: [props.isShowRadio && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.RadioButtonWrapper, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", name: props.name, value: props.value }) })), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.ImageWrapper, { children: props.cartIcon }), (0, jsx_runtime_1.
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.PaymentCartStyled, __assign({ "$checked": props.checked, htmlFor: props.id, "$isShowRadio": props.isShowRadio }, { children: [(0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.LeftFrame, { children: [props.isShowRadio && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.RadioButtonWrapper, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", name: props.name, value: props.value }) })), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.ImageWrapper, { children: props.cartIcon }), (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.Title, { children: (0, jsx_runtime_1.jsx)("span", { children: props.title }) })] }), (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.RightFrame, { children: [props.badgeText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.BadgeWrapper, __assign({ "$isHideMobileBadge": props.isHideMobileBadge }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { title: props.badgeText, layout: "text", variant: props.badgeVariant }) }))), props.infoText && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipWrapper, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({ iconStrokeWidth: "2px", popupSize: "small", position: "topRight", popupWidth: "147px", iconWidth: "24px", iconHeight: "24px", popupRight: "-8px" }, { children: (0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TooltipDescription, { children: props.infoText }) })) })), props.isShowTextLink && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.TextLinkWrapper, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.onClickTextLink }, { children: props.textLinkText })) })), props.isShowDropdown && ((0, jsx_runtime_1.jsx)(PaymentCart_styled_1.DropdownWrapper, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.default, { size: "small", list: paymentDropdownList, isShowTopChevron: true, toggle: function () { return (0, jsx_runtime_1.jsxs)(PaymentCart_styled_1.DropdownToggleButton, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "MoreCircle" }), " "] }); }, childrenVariant: "primary", right: "-12px", width: "170px", top: "calc(100% + 10px)" }) }))] })] })));
|
|
53
53
|
};
|
|
54
54
|
PaymentCart.defaultProps = {
|
|
55
55
|
badgeText: "Badge text",
|
|
@@ -18,7 +18,7 @@ exports.BadgeWrapper = styled_components_1.default.div(templateObject_5 || (temp
|
|
|
18
18
|
exports.TooltipWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 1rem;\n"], ["\n margin-left: 1rem;\n"])));
|
|
19
19
|
exports.DropdownWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-left: 1rem;\n"], ["\n margin-left: 1rem;\n"])));
|
|
20
20
|
exports.DropdownToggleButton = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n"], ["\n box-sizing: border-box;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 0;\n padding: 0;\n cursor: pointer;\n transition: all .2s;\n outline: none;\n border:0;\n background: none;\n color: var(--primary);\n"])));
|
|
21
|
-
exports.Title = styled_components_1.default.strong(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n
|
|
21
|
+
exports.Title = styled_components_1.default.strong(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n }\n"], ["\n font: var(--body-bold-14-17);\n span{\n display: inline-block;\n vertical-align: middle;\n position: relative;\n line-height: 17px;\n }\n"])));
|
|
22
22
|
exports.TooltipDescription = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n text-align: center;\n font: var(--caption-semi-bold-11-13);\n"], ["\n text-align: center;\n font: var(--caption-semi-bold-11-13);\n"])));
|
|
23
23
|
exports.TextLinkWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font: var(--body-bold-14-17);\n margin-left: 1rem;\n"], ["\n font: var(--body-bold-14-17);\n margin-left: 1rem;\n"])));
|
|
24
24
|
exports.RadioButtonWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin-right: 0.5rem;\n"], ["\n margin-right: 0.5rem;\n"])));
|
|
@@ -27,8 +27,7 @@ exports.Default = {
|
|
|
27
27
|
args: {
|
|
28
28
|
infoText: "Yeni bir kart eklemeden birincil kart silinemez",
|
|
29
29
|
badgeText: "Badge text",
|
|
30
|
-
|
|
31
|
-
title: "13/29",
|
|
30
|
+
title: "**** 5967",
|
|
32
31
|
cartIcon: (0, jsx_runtime_1.jsx)("img", { src: "http://localhost:3000/masterCard.svg", alt: "test" }),
|
|
33
32
|
isShowChoosePrimary: true,
|
|
34
33
|
isShowChooseSpare: true,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "krl-alfred",
|
|
3
|
-
"version": "1.77.
|
|
3
|
+
"version": "1.77.25",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -95,5 +95,6 @@
|
|
|
95
95
|
"semantic-release": "^21.1.2",
|
|
96
96
|
"storybook": "7.2.1",
|
|
97
97
|
"storybook-addon-locale": "^0.3.6"
|
|
98
|
-
}
|
|
98
|
+
},
|
|
99
|
+
"packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
|
|
99
100
|
}
|