@up-group-ui/react-controls
Version:
Up shared react controls
36 lines • 1.55 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var typestyle_1 = require("typestyle");
var theming_1 = (0, tslib_1.__importDefault)(require("../../../../Common/theming"));
var HelpMessageDisplayStyle = function (props) {
return (0, typestyle_1.style)({
position: 'relative',
cursor: 'help',
height: '100%',
$nest: {
'& .up-wrapper-help-message-inline': {
display: 'inline-block',
color: props.theme.colorMap.default,
fontSize: '8pt',
},
},
});
};
var HelpMessageDisplay = (function (_super) {
(0, tslib_1.__extends)(HelpMessageDisplay, _super);
function HelpMessageDisplay(p, c) {
return _super.call(this, p, c) || this;
}
HelpMessageDisplay.prototype.render = function () {
return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: HelpMessageDisplayStyle(this.props) }, { children: [this.props.children, (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'up-wrapper-help-message-inline' }, { children: this.props.helpMessageText }), void 0)] }), void 0));
};
HelpMessageDisplay.defaultProps = {
theme: theming_1.default,
};
return HelpMessageDisplay;
}(react_1.default.Component));
exports.default = HelpMessageDisplay;
//# sourceMappingURL=HelpMessageDisplay.js.map