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

Semantic UI form renderer based on dynamic form generation

import React from 'react';
import { Sidebar, Menu, Icon } from 'semantic-ui-react';
import { css } from '../common';
import { EditorContext } from './editor_context';
const style = css `
  border-right: solid 1px black !important;
  position: absolute !important;
  z-index: 0 !important;
`;
export const SideBar = () => {
    const state = React.useContext(EditorContext);
    return (React.createElement(Sidebar, { as: Menu, icon: true, inverted: true, color: state.theme.sideMenuColor, vertical: true, visible: true, width: "very thin", className: style },
        React.createElement(Menu.Item, { as: "a", onClick: () => state.project.state.changeLeftPane('pages') },
            React.createElement(Icon, { name: "copy outline", title: "Forms and Pages" })),
        React.createElement(Menu.Item, { as: "a", onClick: () => state.project.state.changeLeftPane('data') },
            React.createElement(Icon, { name: "database", title: "Application Data" })),
        React.createElement(Menu.Item, { as: "a", onClick: () => state.project.state.changeLeftPane('components') },
            React.createElement(Icon, { name: "puzzle", title: "Components" })),
        React.createElement(Menu.Item, { as: "a", onClick: () => state.project.state.changeLeftPane('outline') },
            React.createElement(Icon, { name: "list", title: "Components" })),
        React.createElement(Menu.Item, { as: "a", onClick: () => state.project.state.changeLeftPane('all') },
            React.createElement(Icon, { name: "globe", title: "All" }))));
};
//# sourceMappingURL=side_bar.js.map