@atlaskit/editor-plugin-mentions 14.5.18 → 14.6.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-mentions
 
+## 14.6.0
+
+### Minor Changes
+
+- [`f8280f6b24eec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f8280f6b24eec) -
+  Allow editor surfaces to control agent mention picker sectioning independently.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.5.18
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -19,7 +19,6 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _resource = require("@atlaskit/mention/resource");
 var _types = require("@atlaskit/mention/types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _editorCommands = require("./editor-commands");
 var _mentionNodeSpec = require("./nodeviews/mentionNodeSpec");
 var _key = require("./pm-plugins/key");
@@ -105,6 +104,7 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
     mentionInsertDisplayName: options === null || options === void 0 ? void 0 : options.insertDisplayName,
     HighlightComponent: options === null || options === void 0 ? void 0 : options.HighlightComponent,
     handleMentionsChanged: options === null || options === void 0 ? void 0 : options.handleMentionsChanged,
+    enableAgentSectioning: options === null || options === void 0 ? void 0 : options.enableAgentSectioning,
     fireEvent: fireEvent,
     api: api
   });
@@ -198,7 +198,7 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
       },
       updateSectionTitle: function updateSectionTitle(props) {
         var _api$typeAhead$action, _api$typeAhead2, _api$typeAhead2$updat;
-        if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
+        if (!(options !== null && options !== void 0 && options.enableAgentSectioning)) {
           return false;
         }
         return (_api$typeAhead$action = api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2$updat = _api$typeAhead2.updateSectionTitle) === null || _api$typeAhead2$updat === void 0 ? void 0 : _api$typeAhead2$updat.call(_api$typeAhead2, props)) !== null && _api$typeAhead$action !== void 0 ? _api$typeAhead$action : false;

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

@@ -53,7 +53,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 = "14.5.17";
+var PACKAGE_VERSION = "14.5.18";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

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

@@ -101,28 +101,37 @@ var withInviteItem = function withInviteItem(_ref3) {
     inviteItem]);
   };
 };
-var mentionToTypeaheadItem = exports.mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
-  var itemHeight = (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? _item.MENTION_ITEM_HEIGHT_REFRESHED : _item.MENTION_ITEM_HEIGHT;
-  return {
-    title: mention.id,
-    render: function render(_ref4) {
-      var isSelected = _ref4.isSelected,
-        onClick = _ref4.onClick,
-        onHover = _ref4.onHover;
-      return /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
-        mention: mention,
-        selected: isSelected,
-        onMouseEnter: onHover,
-        onSelection: onClick,
-        height: itemHeight
-      });
-    },
-    getCustomComponentHeight: function getCustomComponentHeight() {
-      return itemHeight;
-    },
-    mention: mention
+var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(useRefreshedItemHeight) {
+  return function (mention) {
+    var itemHeight = useRefreshedItemHeight ? _item.MENTION_ITEM_HEIGHT_REFRESHED : _item.MENTION_ITEM_HEIGHT;
+    return {
+      title: mention.id,
+      render: function render(_ref4) {
+        var isSelected = _ref4.isSelected,
+          onClick = _ref4.onClick,
+          onHover = _ref4.onHover;
+        return /*#__PURE__*/_react.default.createElement(_item.MentionItem, {
+          mention: mention,
+          selected: isSelected,
+          onMouseEnter: onHover,
+          onSelection: onClick,
+          height: itemHeight
+        });
+      },
+      getCustomComponentHeight: function getCustomComponentHeight() {
+        return itemHeight;
+      },
+      mention: mention
+    };
   };
 };
+var mentionToTypeaheadItem = exports.mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
+  return makeMentionToTypeaheadItem((0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false))(mention);
+};
+
+/**
+ * Caches mention typeahead items by mention ID.
+ */
 function memoize(fn
 // eslint-disable-next-line @typescript-eslint/method-signature-style -- ignored via go/ees013 (to be fixed)
 ) {
@@ -145,7 +154,6 @@ function memoize(fn
     clear: seen.clear.bind(seen)
   };
 }
-var memoizedToItem = memoize(mentionToTypeaheadItem);
 var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAheadAnalytics(fireEvent) {
   return function (_ref5) {
     var query = _ref5.query,
@@ -255,7 +263,8 @@ var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selecte
 var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToTypeAheadItems(_ref6) {
   var fireEvent = _ref6.fireEvent,
     getFirstQueryWithoutResults = _ref6.getFirstQueryWithoutResults,
-    setFirstQueryWithoutResults = _ref6.setFirstQueryWithoutResults;
+    setFirstQueryWithoutResults = _ref6.setFirstQueryWithoutResults,
+    toItem = _ref6.toItem;
   return function (_ref7) {
     var mentions = _ref7.mentions,
       query = _ref7.query,
@@ -264,7 +273,7 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
       contextIdentifierProvider = _ref7.contextIdentifierProvider,
       sessionId = _ref7.sessionId;
     var mentionItems = mentions.map(function (mention) {
-      return memoizedToItem.call(mention);
+      return toItem(mention);
     });
     buildAndSendElementsTypeAheadAnalytics(fireEvent)({
       query: query,
@@ -298,7 +307,9 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     fireEvent = _ref8.fireEvent,
     HighlightComponent = _ref8.HighlightComponent,
     api = _ref8.api,
-    handleMentionsChanged = _ref8.handleMentionsChanged;
+    handleMentionsChanged = _ref8.handleMentionsChanged,
+    _ref8$enableAgentSect = _ref8.enableAgentSectioning,
+    enableAgentSectioning = _ref8$enableAgentSect === void 0 ? false : _ref8$enableAgentSect;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var sessionId = (0, _uuid.default)();
   var firstQueryWithoutResults = null;
@@ -310,7 +321,8 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     },
     setFirstQueryWithoutResults: function setFirstQueryWithoutResults(query) {
       firstQueryWithoutResults = query;
-    }
+    },
+    toItem: memoize(makeMentionToTypeaheadItem(enableAgentSectioning)).call
   });
   var typeAhead = {
     id: _typeAhead.TypeAheadAvailableNodes.MENTION,
@@ -372,35 +384,35 @@ var createTypeAheadConfig = exports.createTypeAheadConfig = function createTypeA
     },
     getSections: function getSections(_ref1) {
       var intl = _ref1.intl;
-      return [_objectSpread({
+      if (!enableAgentSectioning) {
+        return [];
+      }
+      return [{
         id: 'people',
         title: intl.formatMessage(_messages.mentionMessages.typeAheadSectionPeople),
         filter: function filter(item) {
           return !isAgentTypeAheadItem(item);
         },
-        limit: (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : 6
-      }, (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        limit: 5,
         sectionTitleDisplay: {
           showWhenQueryPresent: false,
           showWhenOnlySection: true
         }
-      } : {}), _objectSpread(_objectSpread({
+      }, {
         id: 'agents',
         title: intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgents),
         filter: function filter(item) {
           return isAgentTypeAheadItem(item);
         },
-        limit: (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : undefined
-      }, (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        limit: 5,
         sectionTitleDisplay: {
           showWhenQueryPresent: false,
           showWhenOnlySection: true
-        }
-      } : {}), (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        },
         lozenge: /*#__PURE__*/_react.default.createElement(_lozenge.default, {
           appearance: "new"
         }, intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgentsLabsLozengeLabel))
-      } : {})];
+      }];
     },
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;

package/dist/es2019/mentionsPlugin.js

@@ -9,7 +9,6 @@ import { IconMention } from '@atlaskit/editor-common/quick-insert';
 import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
 import { MentionNameStatus, isPromise } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { insertMention } from './editor-commands';
 import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { mentionPluginKey } from './pm-plugins/key';
@@ -103,6 +102,7 @@ const mentionsPlugin = ({
     mentionInsertDisplayName: options === null || options === void 0 ? void 0 : options.insertDisplayName,
     HighlightComponent: options === null || options === void 0 ? void 0 : options.HighlightComponent,
     handleMentionsChanged: options === null || options === void 0 ? void 0 : options.handleMentionsChanged,
+    enableAgentSectioning: options === null || options === void 0 ? void 0 : options.enableAgentSectioning,
     fireEvent,
     api
   });
@@ -195,7 +195,7 @@ const mentionsPlugin = ({
       },
       updateSectionTitle: props => {
         var _api$typeAhead$action2, _api$typeAhead2, _api$typeAhead2$actio, _api$typeAhead2$actio2;
-        if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
+        if (!(options !== null && options !== void 0 && options.enableAgentSectioning)) {
           return false;
         }
         return (_api$typeAhead$action2 = api === null || api === void 0 ? void 0 : (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 ? void 0 : (_api$typeAhead2$actio = _api$typeAhead2.actions) === null || _api$typeAhead2$actio === void 0 ? void 0 : (_api$typeAhead2$actio2 = _api$typeAhead2$actio.updateSectionTitle) === null || _api$typeAhead2$actio2 === void 0 ? void 0 : _api$typeAhead2$actio2.call(_api$typeAhead2$actio, props)) !== null && _api$typeAhead$action2 !== void 0 ? _api$typeAhead$action2 : false;

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

@@ -38,7 +38,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 = "14.5.17";
+const PACKAGE_VERSION = "14.5.18";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

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

@@ -78,8 +78,8 @@ const withInviteItem = ({
   // invite item should be shown at the bottom
   inviteItem];
 };
-export const mentionToTypeaheadItem = mention => {
-  const itemHeight = expVal('platform_editor_agent_mentions', 'isEnabled', false) ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+const makeMentionToTypeaheadItem = useRefreshedItemHeight => mention => {
+  const itemHeight = useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
   return {
     title: mention.id,
     render: ({
@@ -99,6 +99,11 @@ export const mentionToTypeaheadItem = mention => {
     mention
   };
 };
+export const mentionToTypeaheadItem = mention => makeMentionToTypeaheadItem(expVal('platform_editor_agent_mentions', 'isEnabled', false))(mention);
+
+/**
+ * Caches mention typeahead items by mention ID.
+ */
 export function memoize(fn
 // eslint-disable-next-line @typescript-eslint/method-signature-style -- ignored via go/ees013 (to be fixed)
 ) {
@@ -121,7 +126,6 @@ export function memoize(fn
     clear: seen.clear.bind(seen)
   };
 }
-const memoizedToItem = memoize(mentionToTypeaheadItem);
 const buildAndSendElementsTypeAheadAnalytics = fireEvent => ({
   query,
   mentions,
@@ -228,7 +232,8 @@ const buildNodesForTeamMention = (schema, selectedMention, mentionProvider, sani
 const makeTransformMentionsToTypeAheadItems = ({
   fireEvent,
   getFirstQueryWithoutResults,
-  setFirstQueryWithoutResults
+  setFirstQueryWithoutResults,
+  toItem
 }) => {
   return ({
     mentions,
@@ -238,7 +243,7 @@ const makeTransformMentionsToTypeAheadItems = ({
     contextIdentifierProvider,
     sessionId
   }) => {
-    const mentionItems = mentions.map(mention => memoizedToItem.call(mention));
+    const mentionItems = mentions.map(mention => toItem(mention));
     buildAndSendElementsTypeAheadAnalytics(fireEvent)({
       query,
       mentions,
@@ -271,7 +276,8 @@ export const createTypeAheadConfig = ({
   fireEvent,
   HighlightComponent,
   api,
-  handleMentionsChanged
+  handleMentionsChanged,
+  enableAgentSectioning = false
 }) => {
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   let sessionId = uuid();
@@ -282,7 +288,8 @@ export const createTypeAheadConfig = ({
     getFirstQueryWithoutResults: () => firstQueryWithoutResults,
     setFirstQueryWithoutResults: query => {
       firstQueryWithoutResults = query;
-    }
+    },
+    toItem: memoize(makeMentionToTypeaheadItem(enableAgentSectioning)).call
   });
   const typeAhead = {
     id: TypeAheadAvailableNodes.MENTION,
@@ -348,33 +355,30 @@ export const createTypeAheadConfig = ({
     getSections({
       intl
     }) {
+      if (!enableAgentSectioning) {
+        return [];
+      }
       return [{
         id: 'people',
         title: intl.formatMessage(mentionMessages.typeAheadSectionPeople),
         filter: item => !isAgentTypeAheadItem(item),
-        limit: expVal('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : 6,
-        ...(expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
-          sectionTitleDisplay: {
-            showWhenQueryPresent: false,
-            showWhenOnlySection: true
-          }
-        } : {})
+        limit: 5,
+        sectionTitleDisplay: {
+          showWhenQueryPresent: false,
+          showWhenOnlySection: true
+        }
       }, {
         id: 'agents',
         title: intl.formatMessage(mentionMessages.typeAheadSectionAgents),
         filter: item => isAgentTypeAheadItem(item),
-        limit: expVal('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : undefined,
-        ...(expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
-          sectionTitleDisplay: {
-            showWhenQueryPresent: false,
-            showWhenOnlySection: true
-          }
-        } : {}),
-        ...(expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
-          lozenge: /*#__PURE__*/React.createElement(Lozenge, {
-            appearance: "new"
-          }, intl.formatMessage(mentionMessages.typeAheadSectionAgentsLabsLozengeLabel))
-        } : {})
+        limit: 5,
+        sectionTitleDisplay: {
+          showWhenQueryPresent: false,
+          showWhenOnlySection: true
+        },
+        lozenge: /*#__PURE__*/React.createElement(Lozenge, {
+          appearance: "new"
+        }, intl.formatMessage(mentionMessages.typeAheadSectionAgentsLabsLozengeLabel))
       }];
     },
     onOpen: () => {

package/dist/esm/mentionsPlugin.js

@@ -14,7 +14,6 @@ import { IconMention } from '@atlaskit/editor-common/quick-insert';
 import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
 import { MentionNameStatus, isPromise } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { insertMention } from './editor-commands';
 import { mentionNodeSpec } from './nodeviews/mentionNodeSpec';
 import { mentionPluginKey } from './pm-plugins/key';
@@ -97,6 +96,7 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
     mentionInsertDisplayName: options === null || options === void 0 ? void 0 : options.insertDisplayName,
     HighlightComponent: options === null || options === void 0 ? void 0 : options.HighlightComponent,
     handleMentionsChanged: options === null || options === void 0 ? void 0 : options.handleMentionsChanged,
+    enableAgentSectioning: options === null || options === void 0 ? void 0 : options.enableAgentSectioning,
     fireEvent: fireEvent,
     api: api
   });
@@ -190,7 +190,7 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
       },
       updateSectionTitle: function updateSectionTitle(props) {
         var _api$typeAhead$action, _api$typeAhead2, _api$typeAhead2$updat;
-        if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
+        if (!(options !== null && options !== void 0 && options.enableAgentSectioning)) {
           return false;
         }
         return (_api$typeAhead$action = api === null || api === void 0 || (_api$typeAhead2 = api.typeAhead) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2 = _api$typeAhead2.actions) === null || _api$typeAhead2 === void 0 || (_api$typeAhead2$updat = _api$typeAhead2.updateSectionTitle) === null || _api$typeAhead2$updat === void 0 ? void 0 : _api$typeAhead2$updat.call(_api$typeAhead2, props)) !== null && _api$typeAhead$action !== void 0 ? _api$typeAhead$action : false;

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

@@ -45,7 +45,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 = "14.5.17";
+var PACKAGE_VERSION = "14.5.18";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

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

@@ -92,28 +92,37 @@ var withInviteItem = function withInviteItem(_ref3) {
     inviteItem]);
   };
 };
-export var mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
-  var itemHeight = expVal('platform_editor_agent_mentions', 'isEnabled', false) ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
-  return {
-    title: mention.id,
-    render: function render(_ref4) {
-      var isSelected = _ref4.isSelected,
-        onClick = _ref4.onClick,
-        onHover = _ref4.onHover;
-      return /*#__PURE__*/React.createElement(MentionItem, {
-        mention: mention,
-        selected: isSelected,
-        onMouseEnter: onHover,
-        onSelection: onClick,
-        height: itemHeight
-      });
-    },
-    getCustomComponentHeight: function getCustomComponentHeight() {
-      return itemHeight;
-    },
-    mention: mention
+var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(useRefreshedItemHeight) {
+  return function (mention) {
+    var itemHeight = useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+    return {
+      title: mention.id,
+      render: function render(_ref4) {
+        var isSelected = _ref4.isSelected,
+          onClick = _ref4.onClick,
+          onHover = _ref4.onHover;
+        return /*#__PURE__*/React.createElement(MentionItem, {
+          mention: mention,
+          selected: isSelected,
+          onMouseEnter: onHover,
+          onSelection: onClick,
+          height: itemHeight
+        });
+      },
+      getCustomComponentHeight: function getCustomComponentHeight() {
+        return itemHeight;
+      },
+      mention: mention
+    };
   };
 };
+export var mentionToTypeaheadItem = function mentionToTypeaheadItem(mention) {
+  return makeMentionToTypeaheadItem(expVal('platform_editor_agent_mentions', 'isEnabled', false))(mention);
+};
+
+/**
+ * Caches mention typeahead items by mention ID.
+ */
 export function memoize(fn
 // eslint-disable-next-line @typescript-eslint/method-signature-style -- ignored via go/ees013 (to be fixed)
 ) {
@@ -136,7 +145,6 @@ export function memoize(fn
     clear: seen.clear.bind(seen)
   };
 }
-var memoizedToItem = memoize(mentionToTypeaheadItem);
 var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAheadAnalytics(fireEvent) {
   return function (_ref5) {
     var query = _ref5.query,
@@ -246,7 +254,8 @@ var buildNodesForTeamMention = function buildNodesForTeamMention(schema, selecte
 var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToTypeAheadItems(_ref6) {
   var fireEvent = _ref6.fireEvent,
     getFirstQueryWithoutResults = _ref6.getFirstQueryWithoutResults,
-    setFirstQueryWithoutResults = _ref6.setFirstQueryWithoutResults;
+    setFirstQueryWithoutResults = _ref6.setFirstQueryWithoutResults,
+    toItem = _ref6.toItem;
   return function (_ref7) {
     var mentions = _ref7.mentions,
       query = _ref7.query,
@@ -255,7 +264,7 @@ var makeTransformMentionsToTypeAheadItems = function makeTransformMentionsToType
       contextIdentifierProvider = _ref7.contextIdentifierProvider,
       sessionId = _ref7.sessionId;
     var mentionItems = mentions.map(function (mention) {
-      return memoizedToItem.call(mention);
+      return toItem(mention);
     });
     buildAndSendElementsTypeAheadAnalytics(fireEvent)({
       query: query,
@@ -289,7 +298,9 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
     fireEvent = _ref8.fireEvent,
     HighlightComponent = _ref8.HighlightComponent,
     api = _ref8.api,
-    handleMentionsChanged = _ref8.handleMentionsChanged;
+    handleMentionsChanged = _ref8.handleMentionsChanged,
+    _ref8$enableAgentSect = _ref8.enableAgentSectioning,
+    enableAgentSectioning = _ref8$enableAgentSect === void 0 ? false : _ref8$enableAgentSect;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var sessionId = uuid();
   var firstQueryWithoutResults = null;
@@ -301,7 +312,8 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
     },
     setFirstQueryWithoutResults: function setFirstQueryWithoutResults(query) {
       firstQueryWithoutResults = query;
-    }
+    },
+    toItem: memoize(makeMentionToTypeaheadItem(enableAgentSectioning)).call
   });
   var typeAhead = {
     id: TypeAheadAvailableNodes.MENTION,
@@ -363,35 +375,35 @@ export var createTypeAheadConfig = function createTypeAheadConfig(_ref8) {
     },
     getSections: function getSections(_ref1) {
       var intl = _ref1.intl;
-      return [_objectSpread({
+      if (!enableAgentSectioning) {
+        return [];
+      }
+      return [{
         id: 'people',
         title: intl.formatMessage(mentionMessages.typeAheadSectionPeople),
         filter: function filter(item) {
           return !isAgentTypeAheadItem(item);
         },
-        limit: expVal('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : 6
-      }, expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        limit: 5,
         sectionTitleDisplay: {
           showWhenQueryPresent: false,
           showWhenOnlySection: true
         }
-      } : {}), _objectSpread(_objectSpread({
+      }, {
         id: 'agents',
         title: intl.formatMessage(mentionMessages.typeAheadSectionAgents),
         filter: function filter(item) {
           return isAgentTypeAheadItem(item);
         },
-        limit: expVal('platform_editor_agent_mentions', 'isEnabled', false) ? 5 : undefined
-      }, expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        limit: 5,
         sectionTitleDisplay: {
           showWhenQueryPresent: false,
           showWhenOnlySection: true
-        }
-      } : {}), expVal('platform_editor_agent_mentions', 'isEnabled', false) ? {
+        },
         lozenge: /*#__PURE__*/React.createElement(Lozenge, {
           appearance: "new"
         }, intl.formatMessage(mentionMessages.typeAheadSectionAgentsLabsLozengeLabel))
-      } : {})];
+      }];
     },
     onOpen: function onOpen() {
       firstQueryWithoutResults = null;

package/dist/types/types/index.d.ts

@@ -34,6 +34,13 @@ export interface MentionsPluginOptions extends MentionPluginConfig {
      * Takes priority over `MentionProvider.shouldHighlightMention()` if both are present.
      */
     currentUserId?: string;
+    /**
+     * Enables People / Agents sectioning in the mentions typeahead.
+     *
+     * Consumers own the rollout decision for their editor surface; the shared
+     * mentions plugin only applies the resulting presentation option.
+     */
+    enableAgentSectioning?: boolean;
     /**
      * Optional getter injected by Rovo-aware consumers to check whether the Rovo
      * panel is currently open. When provided, the mentions plugin uses it to

package/dist/types/ui/type-ahead/index.d.ts

@@ -4,17 +4,21 @@ import type { MentionDescription } from '@atlaskit/mention/resource';
 import type { MentionsPlugin } from '../../mentionsPluginType';
 import type { FireElementsChannelEvent, MentionChange } from '../../types';
 export declare const mentionToTypeaheadItem: (mention: MentionDescription) => TypeAheadItem;
+/**
+ * Caches mention typeahead items by mention ID.
+ */
 export declare function memoize<ResultFn extends (mention: MentionDescription) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;
     clear(): void;
 };
 type Props = {
     api: ExtractInjectionAPI<MentionsPlugin> | undefined;
+    enableAgentSectioning?: boolean;
     fireEvent: FireElementsChannelEvent;
     handleMentionsChanged?: (mentionChanges: MentionChange[]) => void;
     HighlightComponent?: React.ComponentType<React.PropsWithChildren<unknown>>;
     mentionInsertDisplayName?: boolean;
     sanitizePrivateContent?: boolean;
 };
-export declare const createTypeAheadConfig: ({ sanitizePrivateContent, mentionInsertDisplayName, fireEvent, HighlightComponent, api, handleMentionsChanged, }: Props) => TypeAheadHandler;
+export declare const createTypeAheadConfig: ({ sanitizePrivateContent, mentionInsertDisplayName, fireEvent, HighlightComponent, api, handleMentionsChanged, enableAgentSectioning, }: Props) => TypeAheadHandler;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "14.5.18",
+	"version": "14.6.0",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/profilecard": "^26.8.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^124.0.0",
+		"@atlaskit/tmp-editor-statsig": "^124.1.0",
 		"@atlaskit/tokens": "^15.5.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/user-picker": "^13.4.0",
@@ -53,7 +53,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.24.0",
+		"@atlaskit/editor-common": "^116.25.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"