@cosva-lab/form-builder/FieldRender.js

import React from 'react';
import * as ReactIs from 'react-is';
import { observer } from 'mobx-react';
import Grid from '@material-ui/core/Grid';
import Inputs from './Inputs';
const FieldRenderObserver = ({ component, propsForm, }) => {
    let FieldComponent = component;
    try {
        FieldComponent = observer(component);
    }
    catch (error) { }
    return React.createElement(FieldComponent, Object.assign({}, propsForm));
};
class FieldRender extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.changeField = (e, callback) => {
            const { changeField } = this.props;
            changeField && changeField(e, callback);
        };
    }
    render() {
        const { field } = this.props;
        const breakpoints = Object.assign({}, field.breakpoints);
        const { xs = 12 } = breakpoints;
        const { sm = xs } = breakpoints;
        const { md = sm } = breakpoints;
        const { lg = md } = breakpoints;
        const { xl = lg } = breakpoints;
        const { component: Component, render, type, grid = typeof this.props.grid !== 'undefined'
            ? this.props.grid
            : true, } = field;
        const propsForm = {
            field,
            changeField: this.changeField,
        };
        const formInput = React.createElement(Inputs, Object.assign({}, propsForm));
        if (render)
            return render({
                children: formInput,
                props: propsForm,
            });
        if (type === 'component') {
            if (React.isValidElement(Component) &&
                typeof Component !== 'function') {
                return (React.createElement(Component.type, Object.assign({}, Object.assign(Object.assign({}, Component.props), propsForm))));
            }
            if (ReactIs.isValidElementType(Component))
                return (React.createElement(FieldRenderObserver, { component: Component, propsForm: propsForm }));
            return null;
        }
        return grid ? (React.createElement(Grid, { item: true, xs: xs, sm: sm, md: md, lg: lg, xl: xl }, formInput)) : (formInput);
    }
}
export { FieldRender };
export default FieldRender;
//# sourceMappingURL=FieldRender.js.map