matrix-react-sdk
Version:
SDK for matrix.org using React
50 lines (47 loc) • 6.07 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.InfoTooltipKind = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _compoundWeb = require("@vector-im/compound-web");
var _languageHandler = require("../../../languageHandler");
/*
Copyright 2024 New Vector Ltd.
Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
Copyright 2019 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
let InfoTooltipKind = exports.InfoTooltipKind = /*#__PURE__*/function (InfoTooltipKind) {
InfoTooltipKind["Info"] = "info";
InfoTooltipKind["Warning"] = "warning";
return InfoTooltipKind;
}({});
class InfoTooltip extends _react.default.PureComponent {
render() {
const {
tooltip,
children,
className,
kind
} = this.props;
const title = (0, _languageHandler._t)("info_tooltip_title");
const iconClassName = kind !== InfoTooltipKind.Warning ? "mx_InfoTooltip_icon_info" : "mx_InfoTooltip_icon_warning";
// Tooltip are forced on the right for a more natural feel to them on info icons
return /*#__PURE__*/_react.default.createElement(_compoundWeb.Tooltip, {
description: tooltip || title,
placement: "right"
}, /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)("mx_InfoTooltip", className),
tabIndex: this.props.tabIndex ?? 0
}, /*#__PURE__*/_react.default.createElement("span", {
className: (0, _classnames.default)("mx_InfoTooltip_icon", iconClassName),
"aria-label": title
}), children));
}
}
exports.default = InfoTooltip;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbGFzc25hbWVzIiwiX2NvbXBvdW5kV2ViIiwiX2xhbmd1YWdlSGFuZGxlciIsIkluZm9Ub29sdGlwS2luZCIsImV4cG9ydHMiLCJJbmZvVG9vbHRpcCIsIlJlYWN0IiwiUHVyZUNvbXBvbmVudCIsInJlbmRlciIsInRvb2x0aXAiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsImtpbmQiLCJwcm9wcyIsInRpdGxlIiwiX3QiLCJpY29uQ2xhc3NOYW1lIiwiV2FybmluZyIsImRlZmF1bHQiLCJjcmVhdGVFbGVtZW50IiwiVG9vbHRpcCIsImRlc2NyaXB0aW9uIiwicGxhY2VtZW50IiwiY2xhc3NOYW1lcyIsInRhYkluZGV4Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdmlld3MvZWxlbWVudHMvSW5mb1Rvb2x0aXAudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyNCBOZXcgVmVjdG9yIEx0ZC5cbkNvcHlyaWdodCAyMDE5IE1pY2hhZWwgVGVsYXR5bnNraSA8N3QzY2hndXlAZ21haWwuY29tPlxuQ29weXJpZ2h0IDIwMTkgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHZlY3Rvci1pbS9jb21wb3VuZC13ZWJcIjtcblxuaW1wb3J0IHsgX3QgfSBmcm9tIFwiLi4vLi4vLi4vbGFuZ3VhZ2VIYW5kbGVyXCI7XG5cbmV4cG9ydCBlbnVtIEluZm9Ub29sdGlwS2luZCB7XG4gICAgSW5mbyA9IFwiaW5mb1wiLFxuICAgIFdhcm5pbmcgPSBcIndhcm5pbmdcIixcbn1cblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wcyB7XG4gICAgdG9vbHRpcD86IHN0cmluZztcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAga2luZD86IEluZm9Ub29sdGlwS2luZDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgICB0YWJJbmRleD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgSW5mb1Rvb2x0aXAgZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PFRvb2x0aXBQcm9wcz4ge1xuICAgIHB1YmxpYyByZW5kZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgY29uc3QgeyB0b29sdGlwLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCBraW5kIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICBjb25zdCB0aXRsZSA9IF90KFwiaW5mb190b29sdGlwX3RpdGxlXCIpO1xuICAgICAgICBjb25zdCBpY29uQ2xhc3NOYW1lID1cbiAgICAgICAgICAgIGtpbmQgIT09IEluZm9Ub29sdGlwS2luZC5XYXJuaW5nID8gXCJteF9JbmZvVG9vbHRpcF9pY29uX2luZm9cIiA6IFwibXhfSW5mb1Rvb2x0aXBfaWNvbl93YXJuaW5nXCI7XG5cbiAgICAgICAgLy8gVG9vbHRpcCBhcmUgZm9yY2VkIG9uIHRoZSByaWdodCBmb3IgYSBtb3JlIG5hdHVyYWwgZmVlbCB0byB0aGVtIG9uIGluZm8gaWNvbnNcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxUb29sdGlwIGRlc2NyaXB0aW9uPXt0b29sdGlwIHx8IHRpdGxlfSBwbGFjZW1lbnQ9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwibXhfSW5mb1Rvb2x0aXBcIiwgY2xhc3NOYW1lKX0gdGFiSW5kZXg9e3RoaXMucHJvcHMudGFiSW5kZXggPz8gMH0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIm14X0luZm9Ub29sdGlwX2ljb25cIiwgaWNvbkNsYXNzTmFtZSl9IGFyaWEtbGFiZWw9e3RpdGxlfSAvPlxuICAgICAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICk7XG4gICAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBU0EsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsV0FBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsWUFBQSxHQUFBRixPQUFBO0FBRUEsSUFBQUcsZ0JBQUEsR0FBQUgsT0FBQTtBQWJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFQQSxJQWVZSSxlQUFlLEdBQUFDLE9BQUEsQ0FBQUQsZUFBQSwwQkFBZkEsZUFBZTtFQUFmQSxlQUFlO0VBQWZBLGVBQWU7RUFBQSxPQUFmQSxlQUFlO0FBQUE7QUFhWixNQUFNRSxXQUFXLFNBQVNDLGNBQUssQ0FBQ0MsYUFBYSxDQUFlO0VBQ2hFQyxNQUFNQSxDQUFBLEVBQW9CO0lBQzdCLE1BQU07TUFBRUMsT0FBTztNQUFFQyxRQUFRO01BQUVDLFNBQVM7TUFBRUM7SUFBSyxDQUFDLEdBQUcsSUFBSSxDQUFDQyxLQUFLO0lBQ3pELE1BQU1DLEtBQUssR0FBRyxJQUFBQyxtQkFBRSxFQUFDLG9CQUFvQixDQUFDO0lBQ3RDLE1BQU1DLGFBQWEsR0FDZkosSUFBSSxLQUFLVCxlQUFlLENBQUNjLE9BQU8sR0FBRywwQkFBMEIsR0FBRyw2QkFBNkI7O0lBRWpHO0lBQ0Esb0JBQ0lwQixNQUFBLENBQUFxQixPQUFBLENBQUFDLGFBQUEsQ0FBQ2xCLFlBQUEsQ0FBQW1CLE9BQU87TUFBQ0MsV0FBVyxFQUFFWixPQUFPLElBQUlLLEtBQU07TUFBQ1EsU0FBUyxFQUFDO0lBQU8sZ0JBQ3JEekIsTUFBQSxDQUFBcUIsT0FBQSxDQUFBQyxhQUFBO01BQUtSLFNBQVMsRUFBRSxJQUFBWSxtQkFBVSxFQUFDLGdCQUFnQixFQUFFWixTQUFTLENBQUU7TUFBQ2EsUUFBUSxFQUFFLElBQUksQ0FBQ1gsS0FBSyxDQUFDVyxRQUFRLElBQUk7SUFBRSxnQkFDeEYzQixNQUFBLENBQUFxQixPQUFBLENBQUFDLGFBQUE7TUFBTVIsU0FBUyxFQUFFLElBQUFZLG1CQUFVLEVBQUMscUJBQXFCLEVBQUVQLGFBQWEsQ0FBRTtNQUFDLGNBQVlGO0lBQU0sQ0FBRSxDQUFDLEVBQ3ZGSixRQUNBLENBQ0EsQ0FBQztFQUVsQjtBQUNKO0FBQUNOLE9BQUEsQ0FBQWMsT0FBQSxHQUFBYixXQUFBIiwiaWdub3JlTGlzdCI6W119