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

Semantic UI form renderer based on dynamic form generation

import * as tslib_1 from "tslib";
import * as styles from './editor_styles';
import { PaneContent, ToolBox } from './editor_styles';
import React from 'react';
import names from 'classnames';
import { SplitPane } from 'react-multi-split-pane';
import { PropertyEditor } from './properties/property_view';
import { observer } from 'mobx-react';
import { css } from '../common';
import { SideBar } from './side_bar';
import { EditorContext } from './editor_context';
import { FormComponentView } from './form_editor_form_view';
import { FromEditorLeftPanel } from './form_editor_left_panel';
import { TopMenu } from './editor_top.menu';
const editorStyle = css `
  position: absolute;
  left: 60px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  label: editor;
  background: white;
`;
let FormEditor = class FormEditor extends React.Component {
    render() {
        const context = this.props.context;
        return (React.createElement(EditorContext.Provider, { value: context },
            React.createElement(SideBar, null),
            context.project && (React.createElement("div", { className: names(styles.editorGrid, editorStyle) },
                React.createElement(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.createElement(PaneContent, null,
                        React.createElement(FromEditorLeftPanel, null)),
                    React.createElement("div", null,
                        this.props.showTopMenu && (React.createElement(TopMenu, { fileOperations: this.props.fileOperations, allowSave: this.props.allowSave })),
                        React.createElement(ToolBox, { hideMenu: !this.props.showTopMenu },
                            React.createElement(FormComponentView, null))),
                    React.createElement(PropertyEditor, null))))));
    }
};
FormEditor = tslib_1.__decorate([
    observer
], FormEditor);
export { FormEditor };
//# sourceMappingURL=form_editor.js.map