synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
36 lines • 2.24 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomAdditionalPropertiesFieldTemplate = void 0;
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var react_bootstrap_1 = require("react-bootstrap");
/**
* FieldTemplate override for "additionalProperties" fields to customize the form appearance.
*
* Adapted from 'WrapIfAdditional' in @rsjf/core.
* @param props
* @returns
*/
var CustomAdditionalPropertiesFieldTemplate = function (props) {
var id = props.id, label = props.label, children = props.children, errors = props.errors, help = props.help, description = props.description, hidden = props.hidden, required = props.required, displayLabel = props.displayLabel, classNames = props.classNames, disabled = props.disabled, onKeyChange = props.onKeyChange, readonly = props.readonly;
var keyLabel = "Key"; // i18n ?
if (hidden) {
return react_1.default.createElement("div", { className: "hidden" }, children);
}
return (react_1.default.createElement("div", { className: classNames },
react_1.default.createElement("div", { className: "row form-additional" },
react_1.default.createElement("div", { className: "col-xs-3" },
react_1.default.createElement(react_bootstrap_1.FormGroup, null,
react_1.default.createElement(react_bootstrap_1.FormLabel, { id: id + "-key-label", htmlFor: id + "-key" }, keyLabel),
react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", disabled: disabled, readOnly: readonly, defaultValue: label, required: required, id: id + "-key", onBlur: function (event) {
event.preventDefault();
onKeyChange(event.target.value);
} }))),
displayLabel && react_1.default.createElement(react_bootstrap_1.FormLabel, { id: id }, label),
displayLabel && description ? description : null,
children,
errors,
help)));
};
exports.CustomAdditionalPropertiesFieldTemplate = CustomAdditionalPropertiesFieldTemplate;
//# sourceMappingURL=CustomAdditionalPropertiesFieldTemplate.js.map