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

Semantic UI form renderer based on dynamic form generation

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