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

Semantic UI form renderer based on dynamic form generation

import * as React from 'react';
import { observer } from 'mobx-react';
import { handle, css, names, createComponents } from './common';
import { Context } from './context';
import { DynamicComponent } from './wrapper';
const form = css `
  background: white;
  label: form;
`;
const FormViewComponent = props => {
    const context = React.useContext(Context);
    const controlProps = props.formElement.props || {};
    const { formElement, owner, extra } = controlProps.onCreate
        ? 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(DynamicComponent, Object.assign({}, props, { styleName: names(props.className, props.catalogue.cssClass, form) }), createComponents({ ...props, formElement, owner, extra })));
};
export const FormView = observer(FormViewComponent);
//# sourceMappingURL=form_view.js.map