каркас вроде есть
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
"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
|
||||
Reference in New Issue
Block a user