@atlaskit/editor-plugin-mentions 1.5.1 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-mentions
 
+## 1.6.1
+
+### Patch Changes
+
+- [#110390](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110390)
+  [`bead123202369`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bead123202369) -
+  [ux] [ED-23642] Reordering the typeahead so that date, status, code block & info panel are above
+  the fold (in the top 5 results)
+- Updated dependencies
+
+## 1.6.0
+
+### Minor Changes
+
+- [#108100](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108100)
+  [`c854f5415176c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c854f5415176c) -
+  Add localId to mentionTypeahead click event attributes
+
 ## 1.5.1
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -95,7 +95,7 @@ var buildTypeAheadInviteItemClickedPayload = exports.buildTypeAheadInviteItemCli
     userRole: userRole
   });
 };
-var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) {
+var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionLocalId, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) {
   var _extractAttributesFro3 = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro3.queryLength,
     spaceInQuery = _extractAttributesFro3.spaceInQuery;
@@ -115,7 +115,8 @@ var buildTypeAheadInsertedPayload = exports.buildTypeAheadInsertedPayload = func
     memberCount: (0, _utils.isTeamType)(mention.userType) && mention.context ? mention.context.memberCount : null,
     includesYou: (0, _utils.isTeamType)(mention.userType) && mention.context ? mention.context.includesYou : null,
     taskListId: taskListId,
-    taskItemId: taskItemId
+    taskItemId: taskItemId,
+    localId: mentionLocalId
   });
   if (contextIdentifierProvider) {
     analyticsPayload.containerId = contextIdentifierProvider.containerId || undefined;

package/dist/cjs/plugin.js

@@ -88,13 +88,14 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref4) {
+        var _options$getEditorFea;
         var formatMessage = _ref4.formatMessage;
         return [{
           id: 'mention',
           title: formatMessage(_messages.toolbarInsertBlockMessages.mention),
           description: formatMessage(_messages.toolbarInsertBlockMessages.mentionDescription),
           keywords: ['team', 'user'],
-          priority: 400,
+          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 700 : 400,
           keyshortcut: '@',
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconMention, null);

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

@@ -315,7 +315,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
           taskItemId = taskItem.node.attrs.localId;
         }
       }
-      fireEvent((0, _analytics.buildTypeAheadInsertedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, sourceListItem.map(function (x) {
+      var mentionLocalId = (0, _uuid.default)();
+      fireEvent((0, _analytics.buildTypeAheadInsertedPayload)(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, mentionLocalId, sourceListItem.map(function (x) {
         return x.mention;
       }), query, contextIdentifierProvider, taskListId, taskItemId));
       sessionId = (0, _uuid.default)();
@@ -334,7 +335,7 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
         id: id,
         accessLevel: accessLevel,
         userType: userType === 'DEFAULT' ? null : userType,
-        localId: (0, _uuid.default)()
+        localId: mentionLocalId
       });
       var space = schema.text(' ');
       return insert(_model.Fragment.from([mentionNode, space]));

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

@@ -49,6 +49,7 @@ var InviteItem = function InviteItem(_ref) {
     }
   }, [onMount]);
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [_styles.mentionItemStyle, selected && _styles.mentionItemSelectedStyle],
     onMouseDown: onSelected,
     onMouseEnter: onItemMouseEnter,
@@ -66,7 +67,9 @@ var InviteItem = function InviteItem(_ref) {
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
     values: {
       userRole: userRole || 'basic',
-      productName: (0, _react2.jsx)("span", {
+      productName:
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("span", {
         css: _styles.capitalizedStyle,
         "data-testid": "capitalized-message"
       }, productName)

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

@@ -7,6 +7,7 @@ exports.rowStyle = exports.nameSectionStyle = exports.mentionItemStyle = exports
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var ROW_SIDE_PADDING = exports.ROW_SIDE_PADDING = 14;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var rowStyle = exports.rowStyle = (0, _react.css)({
   alignItems: 'center',
   display: 'flex',
@@ -18,18 +19,22 @@ var rowStyle = exports.rowStyle = (0, _react.css)({
   verticalAlign: 'middle'
 });
 var AVATAR_HEIGHT = exports.AVATAR_HEIGHT = 36;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var avatarStyle = exports.avatarStyle = (0, _react.css)({
   position: 'relative',
   flex: 'initial',
   opacity: 'inherit',
   width: '36px',
   height: "".concat(AVATAR_HEIGHT, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     width: '24px',
     height: '24px',
     padding: "var(--ds-space-075, 6px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var nameSectionStyle = exports.nameSectionStyle = (0, _react.css)({
   flex: 1,
   minWidth: 0,
@@ -38,6 +43,8 @@ var nameSectionStyle = exports.nameSectionStyle = (0, _react.css)({
   color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
   opacity: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var mentionItemStyle = exports.mentionItemStyle = (0, _react.css)({
   backgroundColor: 'transparent',
   display: 'block',
@@ -45,9 +52,13 @@ var mentionItemStyle = exports.mentionItemStyle = (0, _react.css)({
   listStyleType: 'none',
   cursor: 'pointer'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var mentionItemSelectedStyle = exports.mentionItemSelectedStyle = (0, _react.css)({
   backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var capitalizedStyle = exports.capitalizedStyle = (0, _react.css)({
   textTransform: 'capitalize'
 });

package/dist/es2019/analytics.js

@@ -82,7 +82,7 @@ export const buildTypeAheadInviteItemClickedPayload = (duration, upKeyCount, dow
     userRole
   });
 };
-export const buildTypeAheadInsertedPayload = (duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) => {
+export const buildTypeAheadInsertedPayload = (duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionLocalId, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) => {
   const {
     queryLength,
     spaceInQuery
@@ -103,7 +103,8 @@ export const buildTypeAheadInsertedPayload = (duration, upKeyCount, downKeyCount
     memberCount: isTeamType(mention.userType) && mention.context ? mention.context.memberCount : null,
     includesYou: isTeamType(mention.userType) && mention.context ? mention.context.includesYou : null,
     taskListId,
-    taskItemId
+    taskItemId,
+    localId: mentionLocalId
   });
   if (contextIdentifierProvider) {
     analyticsPayload.containerId = contextIdentifierProvider.containerId || undefined;

package/dist/es2019/plugin.js

@@ -81,28 +81,31 @@ const mentionsPlugin = ({
     pluginsOptions: {
       quickInsert: ({
         formatMessage
-      }) => [{
-        id: 'mention',
-        title: formatMessage(messages.mention),
-        description: formatMessage(messages.mentionDescription),
-        keywords: ['team', 'user'],
-        priority: 400,
-        keyshortcut: '@',
-        icon: () => /*#__PURE__*/React.createElement(IconMention, null),
-        action(insert, state) {
-          var _api$typeAhead2;
-          const tr = insert(undefined);
-          const pluginState = mentionPluginKey.getState(state);
-          if (pluginState && pluginState.canInsertMention === false) {
-            return false;
+      }) => {
+        var _options$getEditorFea;
+        return [{
+          id: 'mention',
+          title: formatMessage(messages.mention),
+          description: formatMessage(messages.mentionDescription),
+          keywords: ['team', 'user'],
+          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 700 : 400,
+          keyshortcut: '@',
+          icon: () => /*#__PURE__*/React.createElement(IconMention, null),
+          action(insert, state) {
+            var _api$typeAhead2;
+            const tr = insert(undefined);
+            const pluginState = mentionPluginKey.getState(state);
+            if (pluginState && pluginState.canInsertMention === false) {
+              return false;
+            }
+            api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.actions.openAtTransaction({
+              triggerHandler: typeAhead,
+              inputMethod: INPUT_METHOD.QUICK_INSERT
+            })(tr);
+            return tr;
           }
-          api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : _api$typeAhead2.actions.openAtTransaction({
-            triggerHandler: typeAhead,
-            inputMethod: INPUT_METHOD.QUICK_INSERT
-          })(tr);
-          return tr;
-        }
-      }],
+        }];
+      },
       typeAhead
     }
   };

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

@@ -301,7 +301,8 @@ export const createTypeAheadConfig = ({
           taskItemId = taskItem.node.attrs.localId;
         }
       }
-      fireEvent(buildTypeAheadInsertedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, sourceListItem.map(x => x.mention), query, contextIdentifierProvider, taskListId, taskItemId));
+      const mentionLocalId = uuid();
+      fireEvent(buildTypeAheadInsertedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, mentionLocalId, sourceListItem.map(x => x.mention), query, contextIdentifierProvider, taskListId, taskItemId));
       sessionId = uuid();
       if (mentionProvider && isTeamType(userType)) {
         return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
@@ -318,7 +319,7 @@ export const createTypeAheadConfig = ({
         id,
         accessLevel,
         userType: userType === 'DEFAULT' ? null : userType,
-        localId: uuid()
+        localId: mentionLocalId
       });
       const space = schema.text(' ');
       return insert(Fragment.from([mentionNode, space]));

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

@@ -40,6 +40,7 @@ const InviteItem = ({
     }
   }, [onMount]);
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [mentionItemStyle, selected && mentionItemSelectedStyle],
     onMouseDown: onSelected,
     onMouseEnter: onItemMouseEnter,
@@ -57,7 +58,9 @@ const InviteItem = ({
   }, jsx(FormattedMessage, _extends({}, messages.inviteItemTitle, {
     values: {
       userRole: userRole || 'basic',
-      productName: jsx("span", {
+      productName:
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      jsx("span", {
         css: capitalizedStyle,
         "data-testid": "capitalized-message"
       }, productName)

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

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { N30, N300 } from '@atlaskit/theme/colors';
 export const ROW_SIDE_PADDING = 14;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const rowStyle = css({
   alignItems: 'center',
   display: 'flex',
@@ -12,18 +13,22 @@ export const rowStyle = css({
   verticalAlign: 'middle'
 });
 export const AVATAR_HEIGHT = 36;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const avatarStyle = css({
   position: 'relative',
   flex: 'initial',
   opacity: 'inherit',
   width: '36px',
   height: `${AVATAR_HEIGHT}px`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     width: '24px',
     height: '24px',
     padding: "var(--ds-space-075, 6px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const nameSectionStyle = css({
   flex: 1,
   minWidth: 0,
@@ -32,6 +37,8 @@ export const nameSectionStyle = css({
   color: `var(--ds-text-subtle, ${N300})`,
   opacity: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mentionItemStyle = css({
   backgroundColor: 'transparent',
   display: 'block',
@@ -39,9 +46,13 @@ export const mentionItemStyle = css({
   listStyleType: 'none',
   cursor: 'pointer'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mentionItemSelectedStyle = css({
   backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30})`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const capitalizedStyle = css({
   textTransform: 'capitalize'
 });

package/dist/esm/analytics.js

@@ -88,7 +88,7 @@ export var buildTypeAheadInviteItemClickedPayload = function buildTypeAheadInvit
     userRole: userRole
   });
 };
-export var buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) {
+export var buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayload(duration, upKeyCount, downKeyCount, sessionId, insertType, mention, mentionLocalId, mentionList, query, contextIdentifierProvider, taskListId, taskItemId) {
   var _extractAttributesFro3 = extractAttributesFromQuery(query),
     queryLength = _extractAttributesFro3.queryLength,
     spaceInQuery = _extractAttributesFro3.spaceInQuery;
@@ -108,7 +108,8 @@ export var buildTypeAheadInsertedPayload = function buildTypeAheadInsertedPayloa
     memberCount: isTeamType(mention.userType) && mention.context ? mention.context.memberCount : null,
     includesYou: isTeamType(mention.userType) && mention.context ? mention.context.includesYou : null,
     taskListId: taskListId,
-    taskItemId: taskItemId
+    taskItemId: taskItemId,
+    localId: mentionLocalId
   });
   if (contextIdentifierProvider) {
     analyticsPayload.containerId = contextIdentifierProvider.containerId || undefined;

package/dist/esm/plugin.js

@@ -81,13 +81,14 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref4) {
+        var _options$getEditorFea;
         var formatMessage = _ref4.formatMessage;
         return [{
           id: 'mention',
           title: formatMessage(messages.mention),
           description: formatMessage(messages.mentionDescription),
           keywords: ['team', 'user'],
-          priority: 400,
+          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 700 : 400,
           keyshortcut: '@',
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconMention, null);

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

@@ -303,7 +303,8 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
           taskItemId = taskItem.node.attrs.localId;
         }
       }
-      fireEvent(buildTypeAheadInsertedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, sourceListItem.map(function (x) {
+      var mentionLocalId = uuid();
+      fireEvent(buildTypeAheadInsertedPayload(pickerElapsedTime, stats.keyCount.arrowUp, stats.keyCount.arrowDown, sessionId, mode, item.mention, mentionLocalId, sourceListItem.map(function (x) {
         return x.mention;
       }), query, contextIdentifierProvider, taskListId, taskItemId));
       sessionId = uuid();
@@ -322,7 +323,7 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
         id: id,
         accessLevel: accessLevel,
         userType: userType === 'DEFAULT' ? null : userType,
-        localId: uuid()
+        localId: mentionLocalId
       });
       var space = schema.text(' ');
       return insert(Fragment.from([mentionNode, space]));

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

@@ -39,6 +39,7 @@ var InviteItem = function InviteItem(_ref) {
     }
   }, [onMount]);
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [mentionItemStyle, selected && mentionItemSelectedStyle],
     onMouseDown: onSelected,
     onMouseEnter: onItemMouseEnter,
@@ -56,7 +57,9 @@ var InviteItem = function InviteItem(_ref) {
   }, jsx(FormattedMessage, _extends({}, messages.inviteItemTitle, {
     values: {
       userRole: userRole || 'basic',
-      productName: jsx("span", {
+      productName:
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      jsx("span", {
         css: capitalizedStyle,
         "data-testid": "capitalized-message"
       }, productName)

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

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { N30, N300 } from '@atlaskit/theme/colors';
 export var ROW_SIDE_PADDING = 14;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var rowStyle = css({
   alignItems: 'center',
   display: 'flex',
@@ -12,18 +13,22 @@ export var rowStyle = css({
   verticalAlign: 'middle'
 });
 export var AVATAR_HEIGHT = 36;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var avatarStyle = css({
   position: 'relative',
   flex: 'initial',
   opacity: 'inherit',
   width: '36px',
   height: "".concat(AVATAR_HEIGHT, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     width: '24px',
     height: '24px',
     padding: "var(--ds-space-075, 6px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var nameSectionStyle = css({
   flex: 1,
   minWidth: 0,
@@ -32,6 +37,8 @@ export var nameSectionStyle = css({
   color: "var(--ds-text-subtle, ".concat(N300, ")"),
   opacity: 'inherit'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var mentionItemStyle = css({
   backgroundColor: 'transparent',
   display: 'block',
@@ -39,9 +46,13 @@ export var mentionItemStyle = css({
   listStyleType: 'none',
   cursor: 'pointer'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var mentionItemSelectedStyle = css({
   backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var capitalizedStyle = css({
   textTransform: 'capitalize'
 });

package/dist/types/analytics.d.ts

@@ -8,5 +8,5 @@ export declare const buildAnalyticsPayload: (actionSubject: string, action: stri
 export declare const buildTypeAheadCancelPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, query?: string) => GasPayload;
 export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => GasPayload;
 export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => GasPayload;
-export declare const buildTypeAheadInsertedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, mention: MentionDescription, mentionList?: MentionDescription[], query?: string, contextIdentifierProvider?: ContextIdentifierProvider, taskListId?: string, taskItemId?: string) => GasPayload;
+export declare const buildTypeAheadInsertedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, mention: MentionDescription, mentionLocalId: string, mentionList?: MentionDescription[], query?: string, contextIdentifierProvider?: ContextIdentifierProvider, taskListId?: string, taskItemId?: string) => GasPayload;
 export declare const buildTypeAheadRenderedPayload: (duration: number, userIds: Array<string> | null, query: string, teams: TeamInfoAttrAnalytics[] | null) => GasPayload;

package/dist/types/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type ProfilecardProvider } from '@atlaskit/editor-common/src/provider-factory/profile-card-provider';
-import type { NextEditorPlugin, OptionalPlugin, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import type { GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin, TypeAheadHandler } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { TypeAheadInputMethod, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
@@ -15,6 +15,7 @@ export interface MentionPluginConfig {
     HighlightComponent?: React.ComponentType<React.PropsWithChildren<unknown>>;
     insertDisplayName?: boolean;
     profilecardProvider?: Promise<ProfilecardProvider>;
+    getEditorFeatureFlags?: GetEditorFeatureFlags;
 }
 export interface MentionPluginOptions extends MentionPluginConfig {
     sanitizePrivateContent?: boolean;

package/dist/types-ts4.5/analytics.d.ts

@@ -8,5 +8,5 @@ export declare const buildAnalyticsPayload: (actionSubject: string, action: stri
 export declare const buildTypeAheadCancelPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, query?: string) => GasPayload;
 export declare const buildTypeAheadInviteItemViewedPayload: (sessionId: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => GasPayload;
 export declare const buildTypeAheadInviteItemClickedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, query?: string, contextIdentifierProvider?: ContextIdentifierProvider, userRole?: UserRole) => GasPayload;
-export declare const buildTypeAheadInsertedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, mention: MentionDescription, mentionList?: MentionDescription[], query?: string, contextIdentifierProvider?: ContextIdentifierProvider, taskListId?: string, taskItemId?: string) => GasPayload;
+export declare const buildTypeAheadInsertedPayload: (duration: number, upKeyCount: number, downKeyCount: number, sessionId: string, insertType: SelectItemMode, mention: MentionDescription, mentionLocalId: string, mentionList?: MentionDescription[], query?: string, contextIdentifierProvider?: ContextIdentifierProvider, taskListId?: string, taskItemId?: string) => GasPayload;
 export declare const buildTypeAheadRenderedPayload: (duration: number, userIds: Array<string> | null, query: string, teams: TeamInfoAttrAnalytics[] | null) => GasPayload;

package/dist/types-ts4.5/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
 import { type ProfilecardProvider } from '@atlaskit/editor-common/src/provider-factory/profile-card-provider';
-import type { NextEditorPlugin, OptionalPlugin, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import type { GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin, TypeAheadHandler } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { TypeAheadInputMethod, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
@@ -15,6 +15,7 @@ export interface MentionPluginConfig {
     HighlightComponent?: React.ComponentType<React.PropsWithChildren<unknown>>;
     insertDisplayName?: boolean;
     profilecardProvider?: Promise<ProfilecardProvider>;
+    getEditorFeatureFlags?: GetEditorFeatureFlags;
 }
 export interface MentionPluginOptions extends MentionPluginConfig {
     sanitizePrivateContent?: boolean;

package/package.json

@@ -1,112 +1,88 @@
 {
-  "name": "@atlaskit/editor-plugin-mentions",
-  "version": "1.5.1",
-  "description": "Mentions plugin for @atlaskit/editor-core",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "atlassian": {
-    "team": "Editor: AI",
-    "singleton": true,
-    "inPublicMirror": false,
-    "releaseModel": "continuous",
-    "runReact18": false
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    ".": "./src/index.ts"
-  },
-  "dependencies": {
-    "@atlaskit/adf-schema": "^36.10.7",
-    "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/editor-common": "^82.0.0",
-    "@atlaskit/editor-plugin-analytics": "^1.2.0",
-    "@atlaskit/editor-plugin-context-identifier": "^1.1.0",
-    "@atlaskit/editor-plugin-type-ahead": "^1.2.0",
-    "@atlaskit/editor-prosemirror": "4.0.1",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/mention": "^23.1.0",
-    "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "uuid": "^3.1.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1"
-  },
-  "devDependencies": {
-    "@af/visual-regression": "*",
-    "@atlaskit/ssr": "*",
-    "@atlaskit/visual-regression": "*",
-    "@testing-library/react": "^12.1.5",
-    "react-dom": "^16.8.0",
-    "typescript": "~5.4.2",
-    "wait-for-expect": "^1.2.0"
-  },
-  "techstack": {
-    "@atlassian/frontend": {
-      "code-structure": [
-        "tangerine-next"
-      ],
-      "import-structure": [
-        "atlassian-conventions"
-      ],
-      "circular-dependencies": [
-        "file-and-folder-level"
-      ]
-    },
-    "@repo/internal": {
-      "dom-events": "use-bind-event-listener",
-      "analytics": [
-        "analytics-next"
-      ],
-      "design-tokens": [
-        "color"
-      ],
-      "theming": [
-        "react-context"
-      ],
-      "ui-components": [
-        "lite-mode"
-      ],
-      "deprecation": "no-deprecated-imports",
-      "styling": [
-        "emotion",
-        "emotion"
-      ],
-      "imports": [
-        "import-no-extraneous-disable-for-examples-and-docs"
-      ]
-    }
-  },
-  "techstackIgnore": {
-    "stricter": [
-      "@atlassian/tangerine/project-structure"
-    ]
-  },
-  "platform-feature-flags": {
-    "platform.editor.mentions-in-editor-popup-on-click": {
-      "type": "boolean"
-    }
-  }
-}
+	"name": "@atlaskit/editor-plugin-mentions",
+	"version": "1.6.1",
+	"description": "Mentions plugin for @atlaskit/editor-core",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"atlassian": {
+		"team": "Editor: AI",
+		"singleton": true,
+		"inPublicMirror": false,
+		"releaseModel": "continuous",
+		"runReact18": false
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": ["dist/types-ts4.5/*", "dist/types-ts4.5/index.d.ts"]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"af:exports": {
+		".": "./src/index.ts"
+	},
+	"dependencies": {
+		"@atlaskit/adf-schema": "^36.10.7",
+		"@atlaskit/analytics-gas-types": "^5.1.0",
+		"@atlaskit/editor-common": "^82.6.0",
+		"@atlaskit/editor-plugin-analytics": "^1.2.0",
+		"@atlaskit/editor-plugin-context-identifier": "^1.1.0",
+		"@atlaskit/editor-plugin-type-ahead": "^1.2.0",
+		"@atlaskit/editor-prosemirror": "4.0.1",
+		"@atlaskit/icon": "^22.3.0",
+		"@atlaskit/mention": "^23.2.0",
+		"@atlaskit/platform-feature-flags": "^0.2.5",
+		"@atlaskit/theme": "^12.9.0",
+		"@atlaskit/tokens": "^1.50.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"uuid": "^3.1.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1"
+	},
+	"devDependencies": {
+		"@af/visual-regression": "*",
+		"@atlaskit/ssr": "*",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^12.1.5",
+		"react-dom": "^16.8.0",
+		"typescript": "~5.4.2",
+		"wait-for-expect": "^1.2.0"
+	},
+	"techstack": {
+		"@atlassian/frontend": {
+			"code-structure": ["tangerine-next"],
+			"import-structure": ["atlassian-conventions"],
+			"circular-dependencies": ["file-and-folder-level"]
+		},
+		"@repo/internal": {
+			"dom-events": "use-bind-event-listener",
+			"analytics": ["analytics-next"],
+			"design-tokens": ["color"],
+			"theming": ["react-context"],
+			"ui-components": ["lite-mode"],
+			"deprecation": "no-deprecated-imports",
+			"styling": ["emotion", "emotion"],
+			"imports": ["import-no-extraneous-disable-for-examples-and-docs"]
+		}
+	},
+	"techstackIgnore": {
+		"stricter": ["@atlassian/tangerine/project-structure"]
+	},
+	"platform-feature-flags": {
+		"platform.editor.mentions-in-editor-popup-on-click": {
+			"type": "boolean"
+		}
+	}
+}