@tomino/dynamic-form-semantic-ui/dist/cjs/vanilla/repeater_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 React = tslib_1.__importStar(require("react"));
const repeater_view_1 = require("./repeater_view");
const mobx_react_1 = require("mobx-react");
const editor_common_1 = require("../editor/editor_common");
const wrapper_1 = require("../wrapper");
const template_editor_1 = require("./template_editor");
const templates = [
    { text: 'Component View', value: 'component' },
    { text: 'View Template', value: 'view' },
    { text: 'Edit Template', value: 'edit' },
    { text: 'Add Template', value: 'add' }
];
const RepeaterComponent = (props) => {
    return (React.createElement(wrapper_1.DynamicComponent, Object.assign({}, props),
        React.createElement(template_editor_1.TemplateEditor, Object.assign({}, props, { extra: props.extra, Component: repeater_view_1.RepeaterView.Component, options: templates }))));
};
exports.RepeaterEditor = {
    Component: mobx_react_1.observer(RepeaterComponent),
    title: 'Repeater',
    control: 'Repeater',
    icon: 'code',
    bound: true,
    valueProvider: 'value',
    props: editor_common_1.propGroup('Repeater', {
        allowAdd: editor_common_1.prop({ type: 'boolean' }),
        allowEdit: editor_common_1.prop({ type: 'boolean' }),
        value: editor_common_1.boundProp(),
        template: editor_common_1.prop({
            control: 'Select',
            default: 'component',
            props: {
                options: templates
            }
        })
    })
};
//# sourceMappingURL=repeater_editor.js.map