@tomino/dynamic-form-semantic-ui/dist/cjs/form_view.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 mobx_react_1 = require("mobx-react");
const common_1 = require("./common");
const context_1 = require("./context");
const wrapper_1 = require("./wrapper");
const form = common_1.css `
  background: white;
  label: form;
`;
const FormViewComponent = props => {
    const context = React.useContext(context_1.Context);
    const controlProps = props.formElement.props || {};
    const { formElement, owner, extra } = controlProps.onCreate
        ? common_1.handle(props.handlers, controlProps.onCreate, props.owner, props, props.formElement, context)
        : props;
    if (!formElement.elements) {
        return React.createElement("div", null, "Form is empty \u00AF\\_(\u30C4)_/\u00AF");
    }
    return (React.createElement(wrapper_1.DynamicComponent, Object.assign({}, props, { styleName: common_1.names(props.className, props.catalogue.cssClass, form) }), common_1.createComponents({ ...props, formElement, owner, extra })));
};
exports.FormView = mobx_react_1.observer(FormViewComponent);
//# sourceMappingURL=form_view.js.map