gorbenko.pavel
32 lines
2.4 KiB
JavaScript
32 lines
2.4 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.ConfirmDialog = exports.Modal = void 0;
|
|
var tslib_1 = require("tslib");
|
|
var React = tslib_1.__importStar(require("react"));
|
|
var Modal_module_scss_1 = tslib_1.__importDefault(require("./Modal.module.scss"));
|
|
var Button_1 = require("./Button");
|
|
var Modal = function (_a) {
|
|
var title = _a.title, onClose = _a.onClose, footer = _a.footer, children = _a.children;
|
|
return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
|
|
onClose(); } },
|
|
React.createElement("div", { className: Modal_module_scss_1.default.box },
|
|
React.createElement("div", { className: Modal_module_scss_1.default.header },
|
|
React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
|
|
React.createElement(Button_1.IconButton, { icon: "close", label: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose })),
|
|
React.createElement("div", { className: Modal_module_scss_1.default.body }, children),
|
|
footer && React.createElement("div", { className: Modal_module_scss_1.default.footer }, footer))));
|
|
};
|
|
exports.Modal = Modal;
|
|
var ConfirmDialog = function (_a) {
|
|
var title = _a.title, text = _a.text, confirmLabel = _a.confirmLabel, onConfirm = _a.onConfirm, onCancel = _a.onCancel, busy = _a.busy;
|
|
return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
|
|
onCancel(); } },
|
|
React.createElement("div", { className: "".concat(Modal_module_scss_1.default.box, " ").concat(Modal_module_scss_1.default.narrow) },
|
|
React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
|
|
React.createElement("p", { className: Modal_module_scss_1.default.text }, text),
|
|
React.createElement("div", { className: Modal_module_scss_1.default.narrowFooter },
|
|
React.createElement(Button_1.Button, { variant: "secondary", onClick: onCancel, disabled: busy }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
|
|
React.createElement(Button_1.Button, { variant: "danger", icon: "trash", onClick: onConfirm, disabled: busy }, confirmLabel)))));
|
|
};
|
|
exports.ConfirmDialog = ConfirmDialog;
|
|
//# sourceMappingURL=Modal.js.map
|