@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
28 lines • 2.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const editor_styles_1 = require("./editor_styles");
const editor_styles_2 = require("../semantic/editor.styles");
const editor_context_1 = require("./editor_context");
exports.ModalCreate = () => {
const context = react_1.default.useContext(editor_context_1.EditorContext);
const [open, changeOpen] = react_1.default.useState(false);
const [name, setName] = react_1.default.useState('');
return (react_1.default.createElement(semantic_ui_react_1.Modal, { trigger: react_1.default.createElement(semantic_ui_react_1.Menu.Item, { icon: 'file', title: "Create a new Form", onClick: () => {
changeOpen(true);
} }), open: open },
react_1.default.createElement(semantic_ui_react_1.Modal.Header, null, "Do you wish to create a new form?"),
react_1.default.createElement(semantic_ui_react_1.Modal.Content, null,
react_1.default.createElement(semantic_ui_react_1.Modal.Description, null,
react_1.default.createElement(semantic_ui_react_1.Input, { fluid: true, label: "Name:", labelPosition: "left", value: name, onChange: e => setName(e.currentTarget.value) }),
react_1.default.createElement("div", { className: editor_styles_2.margined }, "If you continue, you will lose all unsaved changes."),
react_1.default.createElement("div", { className: editor_styles_1.modalActions },
react_1.default.createElement(semantic_ui_react_1.Button, { onClick: () => changeOpen(false) }, "Close"),
react_1.default.createElement(semantic_ui_react_1.Button, { onClick: () => {
context.createProject(name);
changeOpen(false);
}, icon: "file", color: "green", content: "Create" }))))));
};
//# sourceMappingURL=modal_create.js.map