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

Semantic UI form renderer based on dynamic form generation

import * as React from 'react';
import { Menu, Divider } from 'semantic-ui-react';
import { undoManager } from '@tomino/dynamic-form';
import { ModalPreview } from './modal_preview';
import { ModalCreate } from './modal_create';
import { ModalLoad } from './modal_load';
import { ModalDuplicate } from './modal_duplicate';
import { EditorContext } from './editor_context';
import { css } from '../common';
const editorMenu = (theme) => css `
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-radius: 0px !important;
  background-color: ${theme.menuColor}!important;
  margin-left: -1px !important;
`;
export const TopMenu = ({ fileOperations, allowSave }) => {
    const context = React.useContext(EditorContext);
    return (React.createElement(Menu, { className: editorMenu(context.theme), inverted: context.theme.inverted },
        React.createElement(Menu.Item, { icon: "lightbulb outline", content: "Formix" }),
        fileOperations && (React.createElement(React.Fragment, null,
            React.createElement(ModalCreate, null),
            React.createElement(ModalDuplicate, null),
            React.createElement(ModalLoad, null))),
        allowSave && (React.createElement(Menu.Item, { icon: "save", onClick: () => context.manager.saveProject(context.project) })),
        React.createElement(Divider, null),
        React.createElement(Menu.Item, { icon: "undo", onClick: undoManager.undo }),
        React.createElement(Menu.Item, { icon: "redo", onClick: undoManager.redo }),
        React.createElement(Menu.Menu, { position: "right" },
            React.createElement(ModalPreview, null))));
};
//# sourceMappingURL=editor_top.menu.js.map