@tomino/dynamic-form-semantic-ui/dist/mjs/editor/modal_create.js

Semantic UI form renderer based on dynamic form generation

import React from 'react';
import { Modal, Menu, Button, Input } from 'semantic-ui-react';
import { modalActions } from './editor_styles';
import { margined } from '../semantic/editor.styles';
import { EditorContext } from './editor_context';
export const ModalCreate = () => {
    const context = React.useContext(EditorContext);
    const [open, changeOpen] = React.useState(false);
    const [name, setName] = React.useState('');
    return (React.createElement(Modal, { trigger: React.createElement(Menu.Item, { icon: 'file', title: "Create a new Form", onClick: () => {
                changeOpen(true);
            } }), open: open },
        React.createElement(Modal.Header, null, "Do you wish to create a new form?"),
        React.createElement(Modal.Content, null,
            React.createElement(Modal.Description, null,
                React.createElement(Input, { fluid: true, label: "Name:", labelPosition: "left", value: name, onChange: e => setName(e.currentTarget.value) }),
                React.createElement("div", { className: margined }, "If you continue, you will lose all unsaved changes."),
                React.createElement("div", { className: modalActions },
                    React.createElement(Button, { onClick: () => changeOpen(false) }, "Close"),
                    React.createElement(Button, { onClick: () => {
                            context.createProject(name);
                            changeOpen(false);
                        }, icon: "file", color: "green", content: "Create" }))))));
};
//# sourceMappingURL=modal_create.js.map