@atlaskit/editor-plugin-mentions/dist/cjs/ui/InviteItem/index.js

Mentions plugin for @atlaskit/editor-core

/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.INVITE_ITEM_DESCRIPTION = void 0;
require("./index.compiled.css");
var _runtime = require("@compiled/react/runtime");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _reactIntl = require("react-intl");
var _messages = require("@atlaskit/editor-common/messages");
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var mentionItemStyle = null;
var mentionItemSelectedStyle = null;
var rowStyle = null;
var avatarStyle = null;
var nameSectionStyle = null;
var capitalizedStyle = null;
var INVITE_ITEM_DESCRIPTION = exports.INVITE_ITEM_DESCRIPTION = {
  id: 'invite-teammate'
};

// Ignored via go/ees005
// eslint-disable-next-line @typescript-eslint/no-explicit-any
var leftClick = function leftClick(event) {
  return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
};
var InviteItem = function InviteItem(_ref) {
  var productName = _ref.productName,
    onMount = _ref.onMount,
    onMouseEnter = _ref.onMouseEnter,
    onSelection = _ref.onSelection,
    selected = _ref.selected,
    userRole = _ref.userRole,
    intl = _ref.intl;
  var onSelected = (0, _react.useCallback)(
  // Ignored via go/ees005
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  function (event) {
    if (onSelection) {
      // For mouse events, only handle left click
      if ('button' in event && !leftClick(event)) {
        return;
      }
      // For keyboard events, only handle Enter and Space
      if ('key' in event && event.key !== 'Enter' && event.key !== ' ') {
        return;
      }
      event.preventDefault();
      onSelection(INVITE_ITEM_DESCRIPTION, event);
    }
  }, [onSelection]);
  var onItemMouseEnter = (0, _react.useCallback)(
  // Ignored via go/ees005
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  function (event) {
    if (onMouseEnter) {
      onMouseEnter(INVITE_ITEM_DESCRIPTION, event);
    }
  }, [onMouseEnter]);
  var onItemFocus = (0, _react.useCallback)(
  // Ignored via go/ees005
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  function (event) {
    if (onMouseEnter) {
      onMouseEnter(INVITE_ITEM_DESCRIPTION, event);
    }
  }, [onMouseEnter]);
  (0, _react.useEffect)(function () {
    if (onMount) {
      onMount();
    }
  }, [onMount]);
  return /*#__PURE__*/_react.default.createElement("div", {
    role: "button",
    tabIndex: 0
    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
    ,

    onMouseDown: onSelected,
    onKeyDown: onSelected,
    onMouseEnter: onItemMouseEnter,
    onFocus: onItemFocus,
    "data-id": INVITE_ITEM_DESCRIPTION.id,
    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvdlk8 _u5f3dlk8 _1bto1l2s _s7n4nkob"])
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no"])
  }, /*#__PURE__*/_react.default.createElement(_add.default, {
    label: intl.formatMessage(_messages.mentionMessages.mentionsAddLabel),
    color: "var(--ds-icon-subtle, #505258)"
  })), /*#__PURE__*/_react.default.createElement("div", {
    "data-testid": "name-section",
    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syazazsu"])
  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage
  // Ignored via go/ees005
  // eslint-disable-next-line react/jsx-props-no-spreading
  , (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
    values: {
      userRole: userRole || 'basic',
      productName: /*#__PURE__*/_react.default.createElement("span", {
        "data-testid": "capitalized-message",
        className: (0, _runtime.ax)(["_1p1d1dk0"])
      }, productName)
    }
  })))));
};

// eslint-disable-next-line @typescript-eslint/ban-types
var _default_1 = (0, _reactIntl.injectIntl)(InviteItem);
var _default = exports.default = _default_1;