krl-alfred 1.72.4 → 1.72.6
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.
|
@@ -40,16 +40,17 @@ var InfoBox = function (props) {
|
|
|
40
40
|
};
|
|
41
41
|
(0, react_1.useEffect)(function () {
|
|
42
42
|
var _a;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
43
|
+
(_a = descriptionRef === null || descriptionRef === void 0 ? void 0 : descriptionRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('span').forEach(function (el) {
|
|
44
|
+
if (el) {
|
|
45
|
+
el.addEventListener("click", function (e) {
|
|
46
|
+
setAlertLeft(e.layerX);
|
|
47
|
+
setAlertTop(e.layerY);
|
|
48
|
+
copyToClipboard(el.innerHTML.replace(/[^\d]/g, ""));
|
|
49
|
+
}, false);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
51
52
|
}, []);
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "InfoSquare", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { className: "caption-bold-12-15",
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)(InfoBox_styled_1.InfoBoxStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(InfoBox_styled_1.IconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "InfoSquare", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsxs)(InfoBox_styled_1.TextWrapper, { children: [title && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Title, { className: "caption-bold-12-15", dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Description, { ref: descriptionRef, className: "caption-medium-12-15", dangerouslySetInnerHTML: { __html: description } }), alert && (0, jsx_runtime_1.jsx)(InfoBox_styled_1.AlertStyled, { alertLeft: alertLeft, alertTop: alertTop, className: "caption-medium-10-12", children: "Kopyaland\u0131" }), (0, jsx_runtime_1.jsx)(InfoBox_styled_1.Input, { ref: inputRef, id: "infoBoxInput" })] })] })));
|
|
53
54
|
};
|
|
54
55
|
InfoBox.defaultProps = {};
|
|
55
56
|
exports.default = InfoBox;
|
|
@@ -13,7 +13,7 @@ exports.InfoBoxStyled = styled_components_1.default.div(templateObject_1 || (tem
|
|
|
13
13
|
exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n margin-right: 1rem;\n svg{\n display: block;\n path[stroke]{\n stroke-width: 1.5;\n }\n }\n"], ["\n display: block;\n margin-right: 1rem;\n svg{\n display: block;\n path[stroke]{\n stroke-width: 1.5;\n }\n }\n"])));
|
|
14
14
|
exports.TextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
15
15
|
exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n margin: 0;\n"], ["\n display: block;\n margin: 0;\n"])));
|
|
16
|
-
exports.Description = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: block;\n }\n"], ["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: block;\n }\n"])));
|
|
17
|
-
exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform:
|
|
16
|
+
exports.Description = styled_components_1.default.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: inline-block;\n + span{\n margin-left: 0.5rem;\n }\n }\n"], ["\n display: block;\n margin: 0;\n b{\n font-weight: 700;\n }\n span{\n font-weight: 700;\n color: var(--primary);\n cursor: pointer;\n display: inline-block;\n + span{\n margin-left: 0.5rem;\n }\n }\n"])));
|
|
17
|
+
exports.AlertStyled = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform: translateX(-50%);\n"], ["\n position: absolute;\n left: ", "px;\n top: ", "px;\n height: 28px;\n border-radius: 8px;\n background-color: white;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 1rem;\n user-select: none;\n pointer-events: none;\n transform: translateX(-50%);\n"])), function (props) { return props.alertLeft; }, function (props) { return props.alertTop - 40; });
|
|
18
18
|
exports.Input = styled_components_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: absolute;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n"], ["\n position: absolute;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n"])));
|
|
19
19
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -27,6 +27,6 @@ exports.Default = {
|
|
|
27
27
|
args: {
|
|
28
28
|
title: "Info text",
|
|
29
29
|
//description:"Body text",
|
|
30
|
-
description: "İade günün kiralama bitiş günündür, daha erken bir tarihte kargolaman gerekmez. Eğer planlarında bir değişiklik olursa, kiralamanı bitiş tarihinden önce sonlandırmak için <b>info@kiralarsin.com</b>’a e-mail atabilirsin.
|
|
30
|
+
description: "İade günün kiralama bitiş günündür, daha erken bir tarihte kargolaman gerekmez. Eğer planlarında bir değişiklik olursa, kiralamanı bitiş tarihinden önce sonlandırmak için <b>info@kiralarsin.com</b>’a e-mail atabilirsin. <br/> <span>Yurtiçi Kargo iade kodun: 567890678</span><span>(Müşteri kodun: 1234556)</span>",
|
|
31
31
|
},
|
|
32
32
|
};
|