@atlaskit/editor-plugin-mentions 15.0.4 → 15.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-mentions
 
+## 15.1.0
+
+### Minor Changes
+
+- [`34a4b81d50881`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/34a4b81d50881) -
+  Revert the mentions invite item to a whole-row selection trigger, removing the separate Invite
+  button
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/main.js

@@ -67,7 +67,7 @@ var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "15.0.3";
+var PACKAGE_VERSION = "15.0.5";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -1,8 +1,3 @@
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
-._189ee4h9{border-width:var(--ds-border-width,1px)}
-._1dqonqa1{border-style:solid}
-._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
@@ -12,7 +7,6 @@
 ._1bah1h6o{justify-content:center}
 ._1bsb14no{width:36px}
 ._1bto1l2s{text-overflow:ellipsis}
-._1e0c116y{display:inline-flex}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
@@ -27,19 +21,15 @@
 ._2mzuglyw{list-style-type:none}
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
-._4t3iviql{height:2rem}
+._80omtlke{cursor:pointer}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
-._cun9187o:disabled{background-color:var(--ds-background-disabled,#0515240f)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
-._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._p12f1osq{max-width:100%}
 ._s7n4nkob{vertical-align:middle}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
-._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
-._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/cjs/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -16,10 +16,8 @@ var _reactIntl = require("react-intl");
 var _messages = require("@atlaskit/editor-common/messages");
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/email"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
-var _pressable = require("@atlaskit/primitives/pressable");
 var _userPicker = require("@atlaskit/user-picker");
 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); }
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
 var mentionItemStyle = null;
 var mentionItemSelectedStyle = null;
 var displayNameStyles = {
@@ -47,8 +45,7 @@ var style = {
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
   nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _2hwxu2gc _syazazsu",
-  capitalize: "_1p1d1dk0",
-  inviteButton: "_2rko12b0 _11c8fhey _1h6d1l7x _1dqonqa1 _189ee4h9 _1e0c116y _4cvr1h6o _1bah1h6o _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _syazazsu _k48p1wq8 _4t3iviql _bfhksm61 _cun9187o _irr31dpa"
+  capitalize: "_1p1d1dk0"
 };
 var VALID_OPTION = 'VALID';
 var POTENTIAL_OPTION = 'POTENTIAL';
@@ -112,6 +109,12 @@ var getIsEmailValid = function getIsEmailValid(inputValue) {
 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 InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
   var productName = _ref2.productName,
     onMount = _ref2.onMount,
@@ -151,15 +154,26 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
     }
     return intl.formatMessage(_messages.mentionMessages.sendInvite);
   };
-  var onInviteButtonClick = (0, _react.useCallback)(
+  var onSelected = (0, _react.useCallback)(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function (event) {
+    if (showErrorIcon) {
+      return;
+    }
     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]);
+  }, [onSelection, showErrorIcon]);
   var onItemMouseEnter = (0, _react.useCallback)(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -209,10 +223,14 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
   }, [query, isEmailValid]);
   var displayName = query && emailDomain ? possibleEmail : undefined;
   return displayName && /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: onSelected,
+    onKeyDown: onSelected,
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw", selected && "_bfhk1dpa"])
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([style.rowStyle])
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -230,11 +248,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
     name: displayName
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([style.byline])
-  }, getByline())), /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
-    onClick: onInviteButtonClick,
-    xcss: style.inviteButton,
-    isDisabled: showErrorIcon
-  }, intl.formatMessage(_messages.mentionMessages.inviteButton))));
+  }, getByline()))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/es2019/pm-plugins/main.js

@@ -51,7 +51,7 @@ const AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 const AGENT_MENTION_INACTIVITY_MS = 3000;
 const MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "15.0.3";
+const PACKAGE_VERSION = "15.0.5";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -1,8 +1,3 @@
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
-._189ee4h9{border-width:var(--ds-border-width,1px)}
-._1dqonqa1{border-style:solid}
-._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
@@ -12,7 +7,6 @@
 ._1bah1h6o{justify-content:center}
 ._1bsb14no{width:36px}
 ._1bto1l2s{text-overflow:ellipsis}
-._1e0c116y{display:inline-flex}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
@@ -27,19 +21,15 @@
 ._2mzuglyw{list-style-type:none}
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
-._4t3iviql{height:2rem}
+._80omtlke{cursor:pointer}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
-._cun9187o:disabled{background-color:var(--ds-background-disabled,#0515240f)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
-._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._p12f1osq{max-width:100%}
 ._s7n4nkob{vertical-align:middle}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
-._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
-._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/es2019/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -7,8 +7,6 @@ import { FormattedMessage, injectIntl } from 'react-intl';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import EmailIcon from '@atlaskit/icon/core/email';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
-import { Pressable } from '@atlaskit/primitives/pressable';
 import { isValidEmail } from '@atlaskit/user-picker';
 const mentionItemStyle = null;
 const mentionItemSelectedStyle = null;
@@ -38,8 +36,7 @@ const style = {
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
   nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _2hwxu2gc _syazazsu",
-  capitalize: "_1p1d1dk0",
-  inviteButton: "_2rko12b0 _11c8fhey _1h6d1l7x _1dqonqa1 _189ee4h9 _1e0c116y _4cvr1h6o _1bah1h6o _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _syazazsu _k48p1wq8 _4t3iviql _bfhksm61 _cun9187o _irr31dpa"
+  capitalize: "_1p1d1dk0"
 };
 const VALID_OPTION = 'VALID';
 const POTENTIAL_OPTION = 'POTENTIAL';
@@ -102,6 +99,12 @@ const getIsEmailValid = inputValue => {
 export const INVITE_ITEM_DESCRIPTION = {
   id: 'invite-teammate'
 };
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const leftClick = event => {
+  return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
+};
 const InviteItemWithEmailDomain = ({
   productName,
   onMount,
@@ -138,15 +141,26 @@ const InviteItemWithEmailDomain = ({
     }
     return intl.formatMessage(messages.sendInvite);
   };
-  const onInviteButtonClick = useCallback(
+  const onSelected = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   event => {
+    if (showErrorIcon) {
+      return;
+    }
     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]);
+  }, [onSelection, showErrorIcon]);
   const onItemMouseEnter = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -196,10 +210,14 @@ const InviteItemWithEmailDomain = ({
   }, [query, isEmailValid]);
   const displayName = query && emailDomain ? possibleEmail : undefined;
   return displayName && /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: onSelected,
+    onKeyDown: onSelected,
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw", selected && "_bfhk1dpa"])
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([style.rowStyle])
   }, /*#__PURE__*/React.createElement("span", {
@@ -217,11 +235,7 @@ const InviteItemWithEmailDomain = ({
     name: displayName
   }), /*#__PURE__*/React.createElement("div", {
     className: ax([style.byline])
-  }, getByline())), /*#__PURE__*/React.createElement(Pressable, {
-    onClick: onInviteButtonClick,
-    xcss: style.inviteButton,
-    isDisabled: showErrorIcon
-  }, intl.formatMessage(messages.inviteButton))));
+  }, getByline()))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/dist/esm/pm-plugins/main.js

@@ -58,7 +58,7 @@ var AI_STREAMING_TRANSFORMATION_META_KEY = 'isAIStreamingTransformation';
 var AGENT_MENTION_INACTIVITY_MS = 3000;
 var MAX_PENDING_TYPED_AGENT_MENTION_FOCUS_DEFERS = 20;
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "15.0.3";
+var PACKAGE_VERSION = "15.0.5";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -1,8 +1,3 @@
-._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}
-._189ee4h9{border-width:var(--ds-border-width,1px)}
-._1dqonqa1{border-style:solid}
-._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
@@ -12,7 +7,6 @@
 ._1bah1h6o{justify-content:center}
 ._1bsb14no{width:36px}
 ._1bto1l2s{text-overflow:ellipsis}
-._1e0c116y{display:inline-flex}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
@@ -27,19 +21,15 @@
 ._2mzuglyw{list-style-type:none}
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
-._4t3iviql{height:2rem}
+._80omtlke{cursor:pointer}
 ._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
-._cun9187o:disabled{background-color:var(--ds-background-disabled,#0515240f)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
-._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._p12f1osq{max-width:100%}
 ._s7n4nkob{vertical-align:middle}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
-._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
-._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/esm/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -8,8 +8,6 @@ import { FormattedMessage, injectIntl } from 'react-intl';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import EmailIcon from '@atlaskit/icon/core/email';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
-import { Pressable } from '@atlaskit/primitives/pressable';
 import { isValidEmail } from '@atlaskit/user-picker';
 var mentionItemStyle = null;
 var mentionItemSelectedStyle = null;
@@ -38,8 +36,7 @@ var style = {
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
   nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _2hwxu2gc _syazazsu",
-  capitalize: "_1p1d1dk0",
-  inviteButton: "_2rko12b0 _11c8fhey _1h6d1l7x _1dqonqa1 _189ee4h9 _1e0c116y _4cvr1h6o _1bah1h6o _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _syazazsu _k48p1wq8 _4t3iviql _bfhksm61 _cun9187o _irr31dpa"
+  capitalize: "_1p1d1dk0"
 };
 var VALID_OPTION = 'VALID';
 var POTENTIAL_OPTION = 'POTENTIAL';
@@ -103,6 +100,12 @@ var getIsEmailValid = function getIsEmailValid(inputValue) {
 export var 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 InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
   var productName = _ref2.productName,
     onMount = _ref2.onMount,
@@ -142,15 +145,26 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
     }
     return intl.formatMessage(messages.sendInvite);
   };
-  var onInviteButtonClick = useCallback(
+  var onSelected = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function (event) {
+    if (showErrorIcon) {
+      return;
+    }
     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]);
+  }, [onSelection, showErrorIcon]);
   var onItemMouseEnter = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -200,10 +214,14 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
   }, [query, isEmailValid]);
   var displayName = query && emailDomain ? possibleEmail : undefined;
   return displayName && /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    onMouseDown: onSelected,
+    onKeyDown: onSelected,
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw", selected && "_bfhk1dpa"])
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([style.rowStyle])
   }, /*#__PURE__*/React.createElement("span", {
@@ -221,11 +239,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref2) {
     name: displayName
   }), /*#__PURE__*/React.createElement("div", {
     className: ax([style.byline])
-  }, getByline())), /*#__PURE__*/React.createElement(Pressable, {
-    onClick: onInviteButtonClick,
-    xcss: style.inviteButton,
-    isDisabled: showErrorIcon
-  }, intl.formatMessage(messages.inviteButton))));
+  }, getByline()))));
 };
 
 // eslint-disable-next-line @typescript-eslint/ban-types

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "15.0.4",
+	"version": "15.1.0",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^56.5.0",
+		"@atlaskit/adf-schema": "^56.6.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/editor-plugin-analytics": "^13.0.0",
 		"@atlaskit/editor-plugin-base": "^14.0.0",
@@ -42,8 +42,8 @@
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/profilecard": "^26.15.0",
 		"@atlaskit/teams-app-config": "^2.2.0",
-		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^140.0.0",
+		"@atlaskit/theme": "^27.0.0",
+		"@atlaskit/tmp-editor-statsig": "^141.1.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/user-picker": "^13.8.0",
@@ -55,7 +55,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.2.0",
+		"@atlaskit/editor-common": "^117.3.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"