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

Semantic UI form renderer based on dynamic form generation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const styles = tslib_1.__importStar(require("./editor_styles"));
const editor_styles_1 = require("./editor_styles");
const react_1 = tslib_1.__importDefault(require("react"));
const classnames_1 = tslib_1.__importDefault(require("classnames"));
const react_multi_split_pane_1 = require("react-multi-split-pane");
const property_view_1 = require("./properties/property_view");
const mobx_react_1 = require("mobx-react");
const common_1 = require("../common");
const side_bar_1 = require("./side_bar");
const editor_context_1 = require("./editor_context");
const form_editor_form_view_1 = require("./form_editor_form_view");
const form_editor_left_panel_1 = require("./form_editor_left_panel");
const editor_top_menu_1 = require("./editor_top.menu");
const editorStyle = common_1.css `
  position: absolute;
  left: 60px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  label: editor;
  background: white;
`;
let FormEditor = class FormEditor extends react_1.default.Component {
    render() {
        const context = this.props.context;
        return (react_1.default.createElement(editor_context_1.EditorContext.Provider, { value: context },
            react_1.default.createElement(side_bar_1.SideBar, null),
            context.project && (react_1.default.createElement("div", { className: classnames_1.default(styles.editorGrid, editorStyle) },
                react_1.default.createElement(react_multi_split_pane_1.SplitPane, { className: "", split: "vertical", minSize: [150, 300, 150], defaultSizes: JSON.parse(localStorage.getItem('CORPIX.v-split-1')) || [280], onDragFinished: size => localStorage.setItem('CORPIX.v-split-1', JSON.stringify(size)) },
                    react_1.default.createElement(editor_styles_1.PaneContent, null,
                        react_1.default.createElement(form_editor_left_panel_1.FromEditorLeftPanel, null)),
                    react_1.default.createElement("div", null,
                        this.props.showTopMenu && (react_1.default.createElement(editor_top_menu_1.TopMenu, { fileOperations: this.props.fileOperations, allowSave: this.props.allowSave })),
                        react_1.default.createElement(editor_styles_1.ToolBox, { hideMenu: !this.props.showTopMenu },
                            react_1.default.createElement(form_editor_form_view_1.FormComponentView, null))),
                    react_1.default.createElement(property_view_1.PropertyEditor, null))))));
    }
};
FormEditor = tslib_1.__decorate([
    mobx_react_1.observer
], FormEditor);
exports.FormEditor = FormEditor;
//# sourceMappingURL=form_editor.js.map