@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
37 lines • 1.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const common_1 = require("../common");
const helpers_1 = require("../helpers");
const wrapper_1 = require("../wrapper");
const controlProps = [
'attached',
'block',
'color',
'content',
'disabled',
'dividing',
'floated',
'icon',
'image',
'inverted',
'size',
'sub',
'subheader',
'textAlign'
];
exports.HeaderView = props => {
const { formElement, owner } = props;
const [content, icon] = helpers_1.getValues(props, 'content');
let interpolatedContent = common_1.tryInterpolate(content, owner);
if (!formElement.elements || formElement.elements.length == 0) {
return (React.createElement(wrapper_1.DynamicComponent, Object.assign({ control: semantic_ui_react_1.Header, controlProps: controlProps, content: interpolatedContent }, props)));
}
return (React.createElement(wrapper_1.DynamicComponent, Object.assign({ control: semantic_ui_react_1.Header, controlProps: controlProps }, props),
icon && React.createElement(semantic_ui_react_1.Icon, { name: icon }),
formElement.elements && formElement.elements.length && (React.createElement(semantic_ui_react_1.Header.Content, null, common_1.createComponents(props)))));
};
exports.HeaderView.displayName = 'HeaderView';
//# sourceMappingURL=header_view.js.map