krl-alfred 1.76.49 → 1.76.50
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.
|
@@ -21,7 +21,7 @@ var TextLink_1 = __importDefault(require("../TextLink"));
|
|
|
21
21
|
var react_i18next_1 = require("react-i18next");
|
|
22
22
|
var AddressCard = function (props) {
|
|
23
23
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)(AddressCard_styled_1.AddressCardStyled, __assign({ htmlFor: props.id, checked: props.checked, "$minHeight": props.minHeight }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "head" }, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", label: props.title, name: props.name, value: props.value, disabled: props.disabled }), (props === null || props === void 0 ? void 0 : props.isShowEditBtn) && ((0, jsx_runtime_1.jsx)("
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(AddressCard_styled_1.AddressCardStyled, __assign({ htmlFor: props.id, checked: props.checked, "$minHeight": props.minHeight }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "head" }, { children: [(0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: props.id, onChange: props.onChange, checked: props.checked, isWrapText: false, layout: "basic", size: "small", label: props.title, name: props.name, value: props.value, disabled: props.disabled }), (props === null || props === void 0 ? void 0 : props.isShowEditBtn) && ((0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "xxxxx", className: "editBtn" }, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: props.handleUpdate }, { children: t("edit") })) })))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "description" }, { children: props.description }))] })));
|
|
25
25
|
};
|
|
26
26
|
AddressCard.defaultProps = {
|
|
27
27
|
isShowEditBtn: true,
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.AddressCardStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.AddressCardStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n background: white;\n padding: 1rem;\n cursor: pointer;\n display: block;\n position: relative;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n inset: -1px;\n border: 2px solid var(--primary);\n opacity: ", ";\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n }\n .head{\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: inherit;\n .editBtn{\n font : var(--body-bold-14-17);\n margin-left: 1rem;\n * {\n display: block;\n }\n }\n }\n .description{\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n display: -webkit-inline-box;\n font : var(--body-regular-14-17);\n color: var(--dark);\n height: ", ";\n cursor: inherit;\n vertical-align: middle;\n }\n"], ["\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n background: white;\n padding: 1rem;\n cursor: pointer;\n display: block;\n position: relative;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n inset: -1px;\n border: 2px solid var(--primary);\n opacity: ", ";\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n }\n .head{\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: inherit;\n .editBtn{\n font : var(--body-bold-14-17);\n margin-left: 1rem;\n * {\n display: block;\n }\n }\n }\n .description{\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n display: -webkit-inline-box;\n font : var(--body-regular-14-17);\n color: var(--dark);\n height: ", ";\n cursor: inherit;\n vertical-align: middle;\n }\n"])), function (props) { return props.checked ? '1' : '0'; }, function (props) { return props.$minHeight ? props.$minHeight : '68px'; });
|
|
12
|
+
exports.AddressCardStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n background: white;\n padding: 1rem;\n cursor: pointer;\n display: block;\n position: relative;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n inset: -1px;\n border: 2px solid var(--primary);\n opacity: ", ";\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n }\n .head{\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: inherit;\n .editBtn{\n font : var(--body-bold-14-17);\n margin-left: 1rem;\n display: block;\n * {\n display: block;\n }\n }\n }\n .description{\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n display: -webkit-inline-box;\n font : var(--body-regular-14-17);\n color: var(--dark);\n height: ", ";\n cursor: inherit;\n vertical-align: middle;\n }\n"], ["\n border-radius: 8px;\n border: 1px solid var(--dark-opacity-10);\n background: white;\n padding: 1rem;\n cursor: pointer;\n display: block;\n position: relative;\n box-sizing: border-box;\n &:before{\n content: \"\";\n position: absolute;\n inset: -1px;\n border: 2px solid var(--primary);\n opacity: ", ";\n user-select: none;\n pointer-events: none;\n border-radius: inherit;\n }\n .head{\n margin-bottom: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: inherit;\n .editBtn{\n font : var(--body-bold-14-17);\n margin-left: 1rem;\n display: block;\n * {\n display: block;\n }\n }\n }\n .description{\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n display: -webkit-inline-box;\n font : var(--body-regular-14-17);\n color: var(--dark);\n height: ", ";\n cursor: inherit;\n vertical-align: middle;\n }\n"])), function (props) { return props.checked ? '1' : '0'; }, function (props) { return props.$minHeight ? props.$minHeight : '68px'; });
|
|
13
13
|
var templateObject_1;
|