matrix-react-sdk/lib/components/views/emojipicker/Emoji.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 _RovingTabIndex = require("../../../accessibility/RovingTabIndex");
/*
Copyright 2024 New Vector Ltd.
Copyright 2020 The Matrix.org Foundation C.I.C.
Copyright 2019 Tulir Asokan <tulir@maunium.net>

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

class Emoji extends _react.default.PureComponent {
  render() {
    const {
      onClick,
      onMouseEnter,
      onMouseLeave,
      emoji,
      selectedEmojis
    } = this.props;
    const isSelected = selectedEmojis?.has(emoji.unicode);
    return /*#__PURE__*/_react.default.createElement(_RovingTabIndex.RovingAccessibleButton, {
      id: this.props.id,
      onClick: ev => onClick(ev, emoji),
      onMouseEnter: () => onMouseEnter(emoji),
      onMouseLeave: () => onMouseLeave(emoji),
      className: "mx_EmojiPicker_item_wrapper",
      disabled: this.props.disabled,
      role: this.props.role,
      focusOnMouseOver: true
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: `mx_EmojiPicker_item ${isSelected ? "mx_EmojiPicker_item_selected" : ""}`
    }, emoji.unicode));
  }
}
var _default = exports.default = Emoji;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9Sb3ZpbmdUYWJJbmRleCIsIkVtb2ppIiwiUmVhY3QiLCJQdXJlQ29tcG9uZW50IiwicmVuZGVyIiwib25DbGljayIsIm9uTW91c2VFbnRlciIsIm9uTW91c2VMZWF2ZSIsImVtb2ppIiwic2VsZWN0ZWRFbW9qaXMiLCJwcm9wcyIsImlzU2VsZWN0ZWQiLCJoYXMiLCJ1bmljb2RlIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJSb3ZpbmdBY2Nlc3NpYmxlQnV0dG9uIiwiaWQiLCJldiIsImNsYXNzTmFtZSIsImRpc2FibGVkIiwicm9sZSIsImZvY3VzT25Nb3VzZU92ZXIiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9lbW9qaXBpY2tlci9FbW9qaS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjAgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cbkNvcHlyaWdodCAyMDE5IFR1bGlyIEFzb2thbiA8dHVsaXJAbWF1bml1bS5uZXQ+XG5cblNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5IE9SIEdQTC0zLjAtb25seVxuUGxlYXNlIHNlZSBMSUNFTlNFIGZpbGVzIGluIHRoZSByZXBvc2l0b3J5IHJvb3QgZm9yIGZ1bGwgZGV0YWlscy5cbiovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVtb2ppIGFzIElFbW9qaSB9IGZyb20gXCJAbWF0cml4LW9yZy9lbW9qaWJhc2UtYmluZGluZ3NcIjtcblxuaW1wb3J0IHsgQnV0dG9uRXZlbnQgfSBmcm9tIFwiLi4vZWxlbWVudHMvQWNjZXNzaWJsZUJ1dHRvblwiO1xuaW1wb3J0IHsgUm92aW5nQWNjZXNzaWJsZUJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi9hY2Nlc3NpYmlsaXR5L1JvdmluZ1RhYkluZGV4XCI7XG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAgIGVtb2ppOiBJRW1vamk7XG4gICAgc2VsZWN0ZWRFbW9qaXM/OiBTZXQ8c3RyaW5nPjtcbiAgICBvbkNsaWNrKGV2OiBCdXR0b25FdmVudCwgZW1vamk6IElFbW9qaSk6IHZvaWQ7XG4gICAgb25Nb3VzZUVudGVyKGVtb2ppOiBJRW1vamkpOiB2b2lkO1xuICAgIG9uTW91c2VMZWF2ZShlbW9qaTogSUVtb2ppKTogdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgaWQ/OiBzdHJpbmc7XG4gICAgcm9sZT86IHN0cmluZztcbn1cblxuY2xhc3MgRW1vamkgZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PElQcm9wcz4ge1xuICAgIHB1YmxpYyByZW5kZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgY29uc3QgeyBvbkNsaWNrLCBvbk1vdXNlRW50ZXIsIG9uTW91c2VMZWF2ZSwgZW1vamksIHNlbGVjdGVkRW1vamlzIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gc2VsZWN0ZWRFbW9qaXM/LmhhcyhlbW9qaS51bmljb2RlKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb3ZpbmdBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgaWQ9e3RoaXMucHJvcHMuaWR9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KGV2KSA9PiBvbkNsaWNrKGV2LCBlbW9qaSl9XG4gICAgICAgICAgICAgICAgb25Nb3VzZUVudGVyPXsoKSA9PiBvbk1vdXNlRW50ZXIoZW1vamkpfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17KCkgPT4gb25Nb3VzZUxlYXZlKGVtb2ppKX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJteF9FbW9qaVBpY2tlcl9pdGVtX3dyYXBwZXJcIlxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXt0aGlzLnByb3BzLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgIHJvbGU9e3RoaXMucHJvcHMucm9sZX1cbiAgICAgICAgICAgICAgICBmb2N1c09uTW91c2VPdmVyXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2BteF9FbW9qaVBpY2tlcl9pdGVtICR7aXNTZWxlY3RlZCA/IFwibXhfRW1vamlQaWNrZXJfaXRlbV9zZWxlY3RlZFwiIDogXCJcIn1gfT5cbiAgICAgICAgICAgICAgICAgICAge2Vtb2ppLnVuaWNvZGV9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1JvdmluZ0FjY2Vzc2libGVCdXR0b24+XG4gICAgICAgICk7XG4gICAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBFbW9qaTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQVNBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUlBLElBQUFDLGVBQUEsR0FBQUQsT0FBQTtBQWJBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBbUJBLE1BQU1FLEtBQUssU0FBU0MsY0FBSyxDQUFDQyxhQUFhLENBQVM7RUFDckNDLE1BQU1BLENBQUEsRUFBb0I7SUFDN0IsTUFBTTtNQUFFQyxPQUFPO01BQUVDLFlBQVk7TUFBRUMsWUFBWTtNQUFFQyxLQUFLO01BQUVDO0lBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQ0MsS0FBSztJQUNqRixNQUFNQyxVQUFVLEdBQUdGLGNBQWMsRUFBRUcsR0FBRyxDQUFDSixLQUFLLENBQUNLLE9BQU8sQ0FBQztJQUNyRCxvQkFDSWhCLE1BQUEsQ0FBQWlCLE9BQUEsQ0FBQUMsYUFBQSxDQUFDZixlQUFBLENBQUFnQixzQkFBc0I7TUFDbkJDLEVBQUUsRUFBRSxJQUFJLENBQUNQLEtBQUssQ0FBQ08sRUFBRztNQUNsQlosT0FBTyxFQUFHYSxFQUFFLElBQUtiLE9BQU8sQ0FBQ2EsRUFBRSxFQUFFVixLQUFLLENBQUU7TUFDcENGLFlBQVksRUFBRUEsQ0FBQSxLQUFNQSxZQUFZLENBQUNFLEtBQUssQ0FBRTtNQUN4Q0QsWUFBWSxFQUFFQSxDQUFBLEtBQU1BLFlBQVksQ0FBQ0MsS0FBSyxDQUFFO01BQ3hDVyxTQUFTLEVBQUMsNkJBQTZCO01BQ3ZDQyxRQUFRLEVBQUUsSUFBSSxDQUFDVixLQUFLLENBQUNVLFFBQVM7TUFDOUJDLElBQUksRUFBRSxJQUFJLENBQUNYLEtBQUssQ0FBQ1csSUFBSztNQUN0QkMsZ0JBQWdCO0lBQUEsZ0JBRWhCekIsTUFBQSxDQUFBaUIsT0FBQSxDQUFBQyxhQUFBO01BQUtJLFNBQVMsRUFBRSx1QkFBdUJSLFVBQVUsR0FBRyw4QkFBOEIsR0FBRyxFQUFFO0lBQUcsR0FDckZILEtBQUssQ0FBQ0ssT0FDTixDQUNlLENBQUM7RUFFakM7QUFDSjtBQUFDLElBQUFVLFFBQUEsR0FBQUMsT0FBQSxDQUFBVixPQUFBLEdBRWNiLEtBQUsiLCJpZ25vcmVMaXN0IjpbXX0=