matrix-react-sdk/lib/components/views/right_panel/HeaderButton.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _Analytics = _interopRequireDefault(require("../../../Analytics"));

var _AccessibleTooltipButton = _interopRequireDefault(require("../elements/AccessibleTooltipButton"));

var _replaceableComponent = require("../../../utils/replaceableComponent");

var _dec, _class;

let HeaderButton = ( // TODO: replace this, the composer buttons and the right panel buttons with a unified
// representation
_dec = (0, _replaceableComponent.replaceableComponent)("views.right_panel.HeaderButton"), _dec(_class = class HeaderButton extends _react.default.Component
/*:: <IProps>*/
{
  constructor(props
  /*: IProps*/
  ) {
    super(props);
    this.onClick = this.onClick.bind(this);
  }

  onClick() {
    _Analytics.default.trackEvent(...this.props.analytics);

    this.props.onClick();
  }

  render() {
    const classes = (0, _classnames.default)({
      mx_RightPanel_headerButton: true,
      mx_RightPanel_headerButton_highlight: this.props.isHighlighted,
      [`mx_RightPanel_${this.props.name}`]: true
    });
    return /*#__PURE__*/_react.default.createElement(_AccessibleTooltipButton.default, {
      "aria-selected": this.props.isHighlighted,
      role: "tab",
      title: this.props.title,
      className: classes,
      onClick: this.onClick
    });
  }

}) || _class);
exports.default = HeaderButton;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL3JpZ2h0X3BhbmVsL0hlYWRlckJ1dHRvbi50c3giXSwibmFtZXMiOlsiSGVhZGVyQnV0dG9uIiwiUmVhY3QiLCJDb21wb25lbnQiLCJjb25zdHJ1Y3RvciIsInByb3BzIiwib25DbGljayIsImJpbmQiLCJBbmFseXRpY3MiLCJ0cmFja0V2ZW50IiwiYW5hbHl0aWNzIiwicmVuZGVyIiwiY2xhc3NlcyIsIm14X1JpZ2h0UGFuZWxfaGVhZGVyQnV0dG9uIiwibXhfUmlnaHRQYW5lbF9oZWFkZXJCdXR0b25faGlnaGxpZ2h0IiwiaXNIaWdobGlnaHRlZCIsIm5hbWUiLCJ0aXRsZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7O0lBcUJxQkEsWSxLQUhyQjtBQUNBO09BQ0MsZ0RBQXFCLGdDQUFyQixDLGdCQUFELE1BQ3FCQSxZQURyQixTQUMwQ0MsZUFBTUM7QUFEaEQ7QUFDa0U7QUFDOURDLEVBQUFBLFdBQVcsQ0FBQ0M7QUFBRDtBQUFBLElBQWdCO0FBQ3ZCLFVBQU1BLEtBQU47QUFDQSxTQUFLQyxPQUFMLEdBQWUsS0FBS0EsT0FBTCxDQUFhQyxJQUFiLENBQWtCLElBQWxCLENBQWY7QUFDSDs7QUFFT0QsRUFBQUEsT0FBUixHQUFrQjtBQUNkRSx1QkFBVUMsVUFBVixDQUFxQixHQUFHLEtBQUtKLEtBQUwsQ0FBV0ssU0FBbkM7O0FBQ0EsU0FBS0wsS0FBTCxDQUFXQyxPQUFYO0FBQ0g7O0FBRU1LLEVBQUFBLE1BQVAsR0FBZ0I7QUFDWixVQUFNQyxPQUFPLEdBQUcseUJBQVc7QUFDdkJDLE1BQUFBLDBCQUEwQixFQUFFLElBREw7QUFFdkJDLE1BQUFBLG9DQUFvQyxFQUFFLEtBQUtULEtBQUwsQ0FBV1UsYUFGMUI7QUFHdkIsT0FBRSxpQkFBZ0IsS0FBS1YsS0FBTCxDQUFXVyxJQUFLLEVBQWxDLEdBQXNDO0FBSGYsS0FBWCxDQUFoQjtBQU1BLHdCQUFPLDZCQUFDLGdDQUFEO0FBQ0gsdUJBQWUsS0FBS1gsS0FBTCxDQUFXVSxhQUR2QjtBQUVILE1BQUEsSUFBSSxFQUFDLEtBRkY7QUFHSCxNQUFBLEtBQUssRUFBRSxLQUFLVixLQUFMLENBQVdZLEtBSGY7QUFJSCxNQUFBLFNBQVMsRUFBRUwsT0FKUjtBQUtILE1BQUEsT0FBTyxFQUFFLEtBQUtOO0FBTFgsTUFBUDtBQU9IOztBQXpCNkQsQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAxNSwgMjAxNiBPcGVuTWFya2V0IEx0ZFxuQ29weXJpZ2h0IDIwMTcgVmVjdG9yIENyZWF0aW9ucyBMdGRcbkNvcHlyaWdodCAyMDE3IE5ldyBWZWN0b3IgTHRkXG5Db3B5cmlnaHQgMjAxOCBOZXcgVmVjdG9yIEx0ZFxuQ29weXJpZ2h0IDIwMTkgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbnlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbllvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cblVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbmRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbldJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxubGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4qL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgQW5hbHl0aWNzIGZyb20gJy4uLy4uLy4uL0FuYWx5dGljcyc7XG5pbXBvcnQgQWNjZXNzaWJsZVRvb2x0aXBCdXR0b24gZnJvbSBcIi4uL2VsZW1lbnRzL0FjY2Vzc2libGVUb29sdGlwQnV0dG9uXCI7XG5pbXBvcnQge3JlcGxhY2VhYmxlQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vLi4vdXRpbHMvcmVwbGFjZWFibGVDb21wb25lbnRcIjtcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gICAgLy8gV2hldGhlciB0aGlzIGJ1dHRvbiBpcyBoaWdobGlnaHRlZFxuICAgIGlzSGlnaGxpZ2h0ZWQ6IGJvb2xlYW47XG4gICAgLy8gY2xpY2sgaGFuZGxlclxuICAgIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gICAgLy8gVGhlIGJhZGdlIHRvIGRpc3BsYXkgYWJvdmUgdGhlIGljb25cbiAgICBiYWRnZT86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvLyBUaGUgcGFyYW1ldGVycyB0byB0cmFjayB0aGUgY2xpY2sgZXZlbnRcbiAgICBhbmFseXRpY3M6IFBhcmFtZXRlcnM8dHlwZW9mIEFuYWx5dGljcy50cmFja0V2ZW50PjtcblxuICAgIC8vIEJ1dHRvbiBuYW1lXG4gICAgbmFtZTogc3RyaW5nO1xuICAgIC8vIEJ1dHRvbiB0aXRsZVxuICAgIHRpdGxlOiBzdHJpbmc7XG59XG5cbi8vIFRPRE86IHJlcGxhY2UgdGhpcywgdGhlIGNvbXBvc2VyIGJ1dHRvbnMgYW5kIHRoZSByaWdodCBwYW5lbCBidXR0b25zIHdpdGggYSB1bmlmaWVkXG4vLyByZXByZXNlbnRhdGlvblxuQHJlcGxhY2VhYmxlQ29tcG9uZW50KFwidmlld3MucmlnaHRfcGFuZWwuSGVhZGVyQnV0dG9uXCIpXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBIZWFkZXJCdXR0b24gZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8SVByb3BzPiB7XG4gICAgY29uc3RydWN0b3IocHJvcHM6IElQcm9wcykge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMub25DbGljayA9IHRoaXMub25DbGljay5iaW5kKHRoaXMpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25DbGljaygpIHtcbiAgICAgICAgQW5hbHl0aWNzLnRyYWNrRXZlbnQoLi4udGhpcy5wcm9wcy5hbmFseXRpY3MpO1xuICAgICAgICB0aGlzLnByb3BzLm9uQ2xpY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyh7XG4gICAgICAgICAgICBteF9SaWdodFBhbmVsX2hlYWRlckJ1dHRvbjogdHJ1ZSxcbiAgICAgICAgICAgIG14X1JpZ2h0UGFuZWxfaGVhZGVyQnV0dG9uX2hpZ2hsaWdodDogdGhpcy5wcm9wcy5pc0hpZ2hsaWdodGVkLFxuICAgICAgICAgICAgW2BteF9SaWdodFBhbmVsXyR7dGhpcy5wcm9wcy5uYW1lfWBdOiB0cnVlLFxuICAgICAgICB9KTtcblxuICAgICAgICByZXR1cm4gPEFjY2Vzc2libGVUb29sdGlwQnV0dG9uXG4gICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXt0aGlzLnByb3BzLmlzSGlnaGxpZ2h0ZWR9XG4gICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgIHRpdGxlPXt0aGlzLnByb3BzLnRpdGxlfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgICAgICAgICAgb25DbGljaz17dGhpcy5vbkNsaWNrfVxuICAgICAgICAvPjtcbiAgICB9XG59XG4iXX0=