@atlaskit/editor-plugin-mentions 18.3.0 → 18.3.3

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-plugin-mentions
 
+## 18.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.3.2
+
+### Patch Changes
+
+- [`ebab4ff8f0326`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ebab4ff8f0326) -
+  Fix the inviteItem viewed analytics event refiring on every keystroke instead of once per
+  typeahead session, when inline_invite_from_mentions_kill_switch is on.
+- Updated dependencies
+
+## 18.3.1
+
+### Patch Changes
+
+- [`27143ffe51a5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27143ffe51a5a) -
+  `@atlaskit/editor-common/vanilla-tooltip` now exports `VANILLA_TOOLTIP_DEFAULT_CLASS`. Compose
+  tooltip class names from it rather than repeating the `ak-editor-vanilla-tooltip-default` literal.
+
+  Behind the `platform_editor_use_vanilla_components` experiment, `VanillaTooltip`:
+  - no longer throws `InvalidStateError` when shown again before its open delay has elapsed
+  - is `pointer-events: none`, so it cannot swallow pointer events meant for the content beneath —
+    pass `pointerEvents` in `styles` to opt out
+  - closes its popover before `destroy()` removes it from the document
+
+  Remaining changes are internal: tooltip consumers adopt the new constant, and the emoji tooltip
+  uses the shared class in place of an equivalent inline style object.
+
+- Updated dependencies
+
 ## 18.3.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/mentionNodeView.js

@@ -31,12 +31,8 @@ var primitiveClassName = 'editor-mention-primitive';
 var primitiveWithAvatarClassName = 'editor-mention-primitive-with-avatar';
 var avatarContainerClassName = 'editor-mention-avatar';
 var mentionTextClassName = 'editor-mention-text';
-/**
- * Classes applied to the disabled-reason tooltip. `ak-editor-vanilla-tooltip-default` opts into
- * the shared `VanillaTooltip` look, defined as `vanillaTooltipDefaultStyles` in both
- * EditorContentContainer stylesheets — keep them in sync when renaming.
- */
-var disabledTooltipClassNames = 'ak-editor-vanilla-tooltip-default mention-disabled-tooltip';
+/** Classes applied to the disabled-reason tooltip: the shared default look, plus our own hook. */
+var disabledTooltipClassNames = "".concat(_vanillaTooltip.VANILLA_TOOLTIP_DEFAULT_CLASS, " mention-disabled-tooltip");
 var genericMentionIds = ['HipChat', 'all', 'here'];
 var unknownMentionText = "@".concat(_constants.UNKNOWN_USER_ID);
 // eslint-disable-next-line require-unicode-regexp

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

@@ -43,7 +43,7 @@ var ACTIONS = exports.ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "18.2.10";
+var PACKAGE_VERSION = "18.3.2";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/type-ahead/index.js

@@ -309,6 +309,8 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
   var fireEvent = _ref8.fireEvent,
     getFirstQueryWithoutResults = _ref8.getFirstQueryWithoutResults,
     setFirstQueryWithoutResults = _ref8.setFirstQueryWithoutResults,
+    hasFiredInviteItemViewed = _ref8.hasFiredInviteItemViewed,
+    markInviteItemViewed = _ref8.markInviteItemViewed,
     toItem = _ref8.toItem,
     enableAgentSectioning = _ref8.enableAgentSectioning;
   return function (_ref9) {
@@ -357,6 +359,12 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
       currentQuery: query,
       onInviteItemMount: function onInviteItemMount() {
         var _mentionProvider$getS2;
+        if ((0, _fg.fg)('inline_invite_from_mentions_kill_switch')) {
+          if (hasFiredInviteItemViewed()) {
+            return;
+          }
+          markInviteItemViewed();
+        }
         fireEvent((0, _analytics.buildTypeAheadInviteItemViewedPayload)(sessionId, contextIdentifierProvider, mentionProvider.userRole, (0, _fg.fg)('inline_invite_from_mentions_kill_switch') ? {
           isInlineInviteMentionsEnabled: (_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS2 === void 0 ? void 0 : _mentionProvider$getS2.call(mentionProvider)
         } : {}));
@@ -381,6 +389,7 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
   var sessionId = (0, _uuid.v4)();
   var firstQueryWithoutResults = null;
   var lastTypeAheadQuery = '';
+  var _hasFiredInviteItemViewed = false;
   var subscriptionKeys = new Set();
   var transformMentionsToTypeAheadItems = makeTransformMentionsToTypeAheadItems({
     enableAgentSectioning: enableAgentSectioning,
@@ -391,6 +400,12 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     setFirstQueryWithoutResults: function setFirstQueryWithoutResults(query) {
       firstQueryWithoutResults = query;
     },
+    hasFiredInviteItemViewed: function hasFiredInviteItemViewed() {
+      return _hasFiredInviteItemViewed;
+    },
+    markInviteItemViewed: function markInviteItemViewed() {
+      _hasFiredInviteItemViewed = true;
+    },
     toItem: memoize(makeMentionToTypeaheadItem({
       useRefreshedItemHeight: enableAgentSectioning,
       profilecardProvider: profilecardProvider
@@ -499,6 +514,7 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;
       lastTypeAheadQuery = '';
+      _hasFiredInviteItemViewed = false;
     },
     selectItem: function selectItem(state, item, insert, _ref12) {
       var _api$contextIdentifie3, _api$contextIdentifie4;
@@ -656,6 +672,7 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         stats = _ref14.stats,
         wasItemInserted = _ref14.wasItemInserted;
       firstQueryWithoutResults = null;
+      _hasFiredInviteItemViewed = false;
       var pickerElapsedTime = stats.startedAt ? performance.now() - stats.startedAt : 0;
       if (!wasItemInserted) {
         fireEvent((0, _analytics.buildTypeAheadCancelPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, query || ''), 'fabric-elements');

package/dist/es2019/nodeviews/mentionNodeView.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
+import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 // oxlint-disable-next-line import/no-duplicates
@@ -20,12 +20,8 @@ const primitiveClassName = 'editor-mention-primitive';
 const primitiveWithAvatarClassName = 'editor-mention-primitive-with-avatar';
 const avatarContainerClassName = 'editor-mention-avatar';
 const mentionTextClassName = 'editor-mention-text';
-/**
- * Classes applied to the disabled-reason tooltip. `ak-editor-vanilla-tooltip-default` opts into
- * the shared `VanillaTooltip` look, defined as `vanillaTooltipDefaultStyles` in both
- * EditorContentContainer stylesheets — keep them in sync when renaming.
- */
-const disabledTooltipClassNames = 'ak-editor-vanilla-tooltip-default mention-disabled-tooltip';
+/** Classes applied to the disabled-reason tooltip: the shared default look, plus our own hook. */
+const disabledTooltipClassNames = `${VANILLA_TOOLTIP_DEFAULT_CLASS} mention-disabled-tooltip`;
 const genericMentionIds = ['HipChat', 'all', 'here'];
 const unknownMentionText = `@${UNKNOWN_USER_ID}`;
 // eslint-disable-next-line require-unicode-regexp

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

@@ -32,7 +32,7 @@ export const ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "18.2.10";
+const PACKAGE_VERSION = "18.3.2";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/ui/type-ahead/index.js

@@ -274,6 +274,8 @@ const makeTransformMentionsToTypeAheadItems = ({
   fireEvent,
   getFirstQueryWithoutResults,
   setFirstQueryWithoutResults,
+  hasFiredInviteItemViewed,
+  markInviteItemViewed,
   toItem,
   enableAgentSectioning
 }) => {
@@ -320,6 +322,12 @@ const makeTransformMentionsToTypeAheadItems = ({
       currentQuery: query,
       onInviteItemMount: () => {
         var _mentionProvider$getS2;
+        if (fg('inline_invite_from_mentions_kill_switch')) {
+          if (hasFiredInviteItemViewed()) {
+            return;
+          }
+          markInviteItemViewed();
+        }
         fireEvent(buildTypeAheadInviteItemViewedPayload(sessionId, contextIdentifierProvider, mentionProvider.userRole, fg('inline_invite_from_mentions_kill_switch') ? {
           isInlineInviteMentionsEnabled: (_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS2 === void 0 ? void 0 : _mentionProvider$getS2.call(mentionProvider)
         } : {}));
@@ -343,6 +351,7 @@ export const createTypeAheadConfig = ({
   let sessionId = uuid();
   let firstQueryWithoutResults = null;
   let lastTypeAheadQuery = '';
+  let hasFiredInviteItemViewed = false;
   const subscriptionKeys = new Set();
   const transformMentionsToTypeAheadItems = makeTransformMentionsToTypeAheadItems({
     enableAgentSectioning,
@@ -351,6 +360,10 @@ export const createTypeAheadConfig = ({
     setFirstQueryWithoutResults: query => {
       firstQueryWithoutResults = query;
     },
+    hasFiredInviteItemViewed: () => hasFiredInviteItemViewed,
+    markInviteItemViewed: () => {
+      hasFiredInviteItemViewed = true;
+    },
     toItem: memoize(makeMentionToTypeaheadItem({
       useRefreshedItemHeight: enableAgentSectioning,
       profilecardProvider
@@ -463,6 +476,7 @@ export const createTypeAheadConfig = ({
     onOpen: () => {
       firstQueryWithoutResults = null;
       lastTypeAheadQuery = '';
+      hasFiredInviteItemViewed = false;
     },
     selectItem(state, item, insert, {
       mode,
@@ -629,6 +643,7 @@ export const createTypeAheadConfig = ({
       wasItemInserted
     }) {
       firstQueryWithoutResults = null;
+      hasFiredInviteItemViewed = false;
       const pickerElapsedTime = stats.startedAt ? performance.now() - stats.startedAt : 0;
       if (!wasItemInserted) {
         fireEvent(buildTypeAheadCancelPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, query || ''), 'fabric-elements');

package/dist/esm/nodeviews/mentionNodeView.js

@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
+import { VANILLA_TOOLTIP_DEFAULT_CLASS, VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 // oxlint-disable-next-line import/no-duplicates
@@ -26,12 +26,8 @@ var primitiveClassName = 'editor-mention-primitive';
 var primitiveWithAvatarClassName = 'editor-mention-primitive-with-avatar';
 var avatarContainerClassName = 'editor-mention-avatar';
 var mentionTextClassName = 'editor-mention-text';
-/**
- * Classes applied to the disabled-reason tooltip. `ak-editor-vanilla-tooltip-default` opts into
- * the shared `VanillaTooltip` look, defined as `vanillaTooltipDefaultStyles` in both
- * EditorContentContainer stylesheets — keep them in sync when renaming.
- */
-var disabledTooltipClassNames = 'ak-editor-vanilla-tooltip-default mention-disabled-tooltip';
+/** Classes applied to the disabled-reason tooltip: the shared default look, plus our own hook. */
+var disabledTooltipClassNames = "".concat(VANILLA_TOOLTIP_DEFAULT_CLASS, " mention-disabled-tooltip");
 var genericMentionIds = ['HipChat', 'all', 'here'];
 var unknownMentionText = "@".concat(UNKNOWN_USER_ID);
 // eslint-disable-next-line require-unicode-regexp

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

@@ -35,7 +35,7 @@ export var ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "18.2.10";
+var PACKAGE_VERSION = "18.3.2";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/ui/type-ahead/index.js

@@ -300,6 +300,8 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
   var fireEvent = _ref8.fireEvent,
     getFirstQueryWithoutResults = _ref8.getFirstQueryWithoutResults,
     setFirstQueryWithoutResults = _ref8.setFirstQueryWithoutResults,
+    hasFiredInviteItemViewed = _ref8.hasFiredInviteItemViewed,
+    markInviteItemViewed = _ref8.markInviteItemViewed,
     toItem = _ref8.toItem,
     enableAgentSectioning = _ref8.enableAgentSectioning;
   return function (_ref9) {
@@ -348,6 +350,12 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
       currentQuery: query,
       onInviteItemMount: function onInviteItemMount() {
         var _mentionProvider$getS2;
+        if (fg('inline_invite_from_mentions_kill_switch')) {
+          if (hasFiredInviteItemViewed()) {
+            return;
+          }
+          markInviteItemViewed();
+        }
         fireEvent(buildTypeAheadInviteItemViewedPayload(sessionId, contextIdentifierProvider, mentionProvider.userRole, fg('inline_invite_from_mentions_kill_switch') ? {
           isInlineInviteMentionsEnabled: (_mentionProvider$getS2 = mentionProvider.getShouldEnableInlineInvite) === null || _mentionProvider$getS2 === void 0 ? void 0 : _mentionProvider$getS2.call(mentionProvider)
         } : {}));
@@ -372,6 +380,7 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref0) {
   var sessionId = uuid();
   var firstQueryWithoutResults = null;
   var lastTypeAheadQuery = '';
+  var _hasFiredInviteItemViewed = false;
   var subscriptionKeys = new Set();
   var transformMentionsToTypeAheadItems = makeTransformMentionsToTypeAheadItems({
     enableAgentSectioning: enableAgentSectioning,
@@ -382,6 +391,12 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref0) {
     setFirstQueryWithoutResults: function setFirstQueryWithoutResults(query) {
       firstQueryWithoutResults = query;
     },
+    hasFiredInviteItemViewed: function hasFiredInviteItemViewed() {
+      return _hasFiredInviteItemViewed;
+    },
+    markInviteItemViewed: function markInviteItemViewed() {
+      _hasFiredInviteItemViewed = true;
+    },
     toItem: memoize(makeMentionToTypeaheadItem({
       useRefreshedItemHeight: enableAgentSectioning,
       profilecardProvider: profilecardProvider
@@ -490,6 +505,7 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref0) {
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;
       lastTypeAheadQuery = '';
+      _hasFiredInviteItemViewed = false;
     },
     selectItem: function selectItem(state, item, insert, _ref12) {
       var _api$contextIdentifie3, _api$contextIdentifie4;
@@ -647,6 +663,7 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref0) {
         stats = _ref14.stats,
         wasItemInserted = _ref14.wasItemInserted;
       firstQueryWithoutResults = null;
+      _hasFiredInviteItemViewed = false;
       var pickerElapsedTime = stats.startedAt ? performance.now() - stats.startedAt : 0;
       if (!wasItemInserted) {
         fireEvent(buildTypeAheadCancelPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, query || ''), 'fabric-elements');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "18.3.0",
+	"version": "18.3.3",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,7 +47,7 @@
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^174.0.0",
+		"@atlaskit/tmp-editor-statsig": "^176.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/user-picker": "^13.12.0",
@@ -59,14 +59,14 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.14.0",
+		"@atlaskit/editor-common": "^120.16.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"
 	},
 	"devDependencies": {
 		"@atlaskit/button": "^25.3.0",
-		"@atlaskit/editor-core": "^226.4.0",
+		"@atlaskit/editor-core": "^226.6.0",
 		"@testing-library/react": "^16.3.0",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",