@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
37 lines • 2.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const dynamic_form_1 = require("@tomino/dynamic-form");
const modal_preview_1 = require("./modal_preview");
const modal_create_1 = require("./modal_create");
const modal_load_1 = require("./modal_load");
const modal_duplicate_1 = require("./modal_duplicate");
const editor_context_1 = require("./editor_context");
const common_1 = require("../common");
const editorMenu = (theme) => common_1.css `
position: absolute;
top: 0px;
left: 0px;
right: 0px;
border-radius: 0px !important;
background-color: ${theme.menuColor}!important;
margin-left: -1px !important;
`;
exports.TopMenu = ({ fileOperations, allowSave }) => {
const context = React.useContext(editor_context_1.EditorContext);
return (React.createElement(semantic_ui_react_1.Menu, { className: editorMenu(context.theme), inverted: context.theme.inverted },
React.createElement(semantic_ui_react_1.Menu.Item, { icon: "lightbulb outline", content: "Formix" }),
fileOperations && (React.createElement(React.Fragment, null,
React.createElement(modal_create_1.ModalCreate, null),
React.createElement(modal_duplicate_1.ModalDuplicate, null),
React.createElement(modal_load_1.ModalLoad, null))),
allowSave && (React.createElement(semantic_ui_react_1.Menu.Item, { icon: "save", onClick: () => context.manager.saveProject(context.project) })),
React.createElement(semantic_ui_react_1.Divider, null),
React.createElement(semantic_ui_react_1.Menu.Item, { icon: "undo", onClick: dynamic_form_1.undoManager.undo }),
React.createElement(semantic_ui_react_1.Menu.Item, { icon: "redo", onClick: dynamic_form_1.undoManager.redo }),
React.createElement(semantic_ui_react_1.Menu.Menu, { position: "right" },
React.createElement(modal_preview_1.ModalPreview, null))));
};
//# sourceMappingURL=editor_top.menu.js.map