@tomino/dynamic-form-semantic-ui/dist/mjs/vanilla/template_editor.js

Semantic UI form renderer based on dynamic form generation

import React from 'react';
import { observer } from 'mobx-react';
import { EditorControl, SingleDropCell } from '../editor/layouts_common_editor';
import { EditorContext } from '../editor/editor_context';
export const TemplateEditor = observer((props) => {
    const { Component, Template, options, formElement, catalogue, owner, handlers } = props;
    const context = React.useContext(EditorContext);
    const template = formElement.props.template;
    const index = template ? options.findIndex(o => o.value === template) : 0;
    return (React.createElement(React.Fragment, null,
        index === 0 && (React.createElement(Component, { formElement: formElement, catalogue: catalogue, owner: owner, handlers: handlers, extra: props.extra, EmptyCell: (props) => (React.createElement(SingleDropCell, Object.assign({ id: "0" }, props, { editorState: context }))) })),
        index > 0 &&
            (Template ? (React.createElement(Template, Object.assign({}, props, { templateIndex: index - 1 }))) : (React.createElement(EditorControl, { formElement: formElement.elements.length > index - 1 ? formElement.elements[index - 1] : undefined, editorState: context, props: props, EmptyCell: (props) => (React.createElement(SingleDropCell, Object.assign({ id: "0" }, props, { editorState: context, elementIndex: index - 1 }))) })))));
});
//# sourceMappingURL=template_editor.js.map