@talend/react-forms
Version:
React forms library based on json schema form.
45 lines (44 loc) • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getLabelProps = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _designSystem = require("@talend/design-system");
var _labelsModule = _interopRequireDefault(require("./labels.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const getLabelProps = (title, labelProps, hint, required) => {
if (!hint) {
return {
children: title,
...labelProps
};
}
return {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designSystem.StackHorizontal, {
gap: "XXS",
align: "center",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
className: (0, _classnames.default)({
[_labelsModule.default.required]: required
}),
children: title
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Popover, {
position: hint.overlayPlacement || 'auto',
"data-test": hint['data-test'],
isFixed: hint.overlayIsFixed,
disclosure: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonIcon, {
"data-test": hint['icon-data-test'],
size: "XS",
icon: hint.icon || 'talend-info-circle'
}),
children: hint.overlayComponent
})]
}),
...labelProps,
required: false
};
};
exports.getLabelProps = getLabelProps;
//# sourceMappingURL=labels.js.map