@atlaskit/editor-plugin-type-ahead 17.1.11 → 17.2.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 17.2.1
+
+### Patch Changes
+
+- [`e29faa16e0c66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e29faa16e0c66) -
+  Migrate selected editor experiment reads and tooling from tmp-editor-statsig to
+  platform-feature-experiments, including static CSS, floating ToC, insert-menu AI, table overflow
+  shadows, and collapsible headings.
+- Updated dependencies
+
+## 17.2.0
+
+### Minor Changes
+
+- [`c263d4de33054`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c263d4de33054) -
+  Render retryable agent mention load errors in the typeahead menu behind
+  `platform_editor_agent_mentions_rovo_query_timeout`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.1.11
 
 ### Patch Changes

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.skipForwardToSafeItem = exports.skipBackwardToSafeItem = exports.moveSelectedIndex = exports.isTypeAheadOpen = exports.isTypeAheadHandler = exports.isTypeAheadAllowed = exports.getTypeAheadQuery = exports.getTypeAheadListAriaLabels = exports.getTypeAheadHandler = exports.getPluginState = exports.findHandlerByTrigger = exports.findHandler = void 0;
+var _messages = require("@atlaskit/editor-common/messages");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
+var _types = require("@atlaskit/mention/types");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _updateSelectedIndex = require("./commands/update-selected-index");
@@ -162,6 +164,9 @@ var moveSelectedIndex = exports.moveSelectedIndex = function moveSelectedIndex(_
     (0, _updateSelectedIndex.updateSelectedIndex)(nextIndex, api)(editorView.state, editorView.dispatch);
   };
 };
+var isAgentMentionLoadError = function isAgentMentionLoadError(mention) {
+  return (mention === null || mention === void 0 ? void 0 : mention.id) === _types.AGENT_MENTION_LOAD_ERROR_ID && mention.isPlaceholder === true && mention.placeholderType === 'error' && mention.appType === 'agent';
+};
 var getTypeAheadListAriaLabels = exports.getTypeAheadListAriaLabels = function getTypeAheadListAriaLabels(trigger, intl, item) {
   var _item$emoji, _item$emoji2, _item$emoji3;
   switch (trigger) {
@@ -173,7 +178,7 @@ var getTypeAheadListAriaLabels = exports.getTypeAheadListAriaLabels = function g
         var shortName = (item === null || item === void 0 || (_item$mention3 = item.mention) === null || _item$mention3 === void 0 ? void 0 : _item$mention3.mentionName) || '';
         return {
           popupAriaLabel: intl.formatMessage(_typeAhead.typeAheadListMessages.mentionPopupLabel),
-          listItemAriaLabel: description ? intl.formatMessage(_typeAhead.typeAheadListMessages.mentionListItemLabelWithDescription, {
+          listItemAriaLabel: isAgentMentionLoadError(item === null || item === void 0 ? void 0 : item.mention) ? "".concat(intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgentsLoadError), ". ").concat(intl.formatMessage(_messages.mentionMessages.typeAheadSectionAgentsRetry)) : description ? intl.formatMessage(_typeAhead.typeAheadListMessages.mentionListItemLabelWithDescription, {
             name: name,
             shortName: shortName,
             description: description

package/dist/cjs/ui/TypeAheadList.js

@@ -18,6 +18,7 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -153,7 +154,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
 
   // Exclude view more item from the count
   var itemsLength = showMoreOptionsButton ? Math.max(items.length - 1, 0) : items.length;
-  var isEmptyStateActive = (0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
+  var isEmptyStateActive = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_insert_menu_ai') && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
   var estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   var _useState = (0, _react.useState)(Math.min(estimatedHeight, fitHeight)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -493,7 +494,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
   }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage((0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? showMoreOptionsButton ? _typeAhead.typeAheadListMessages.emptySearchResultsSuggestionNew : _typeAhead.typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : _typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_insert_menu_ai') ? showMoreOptionsButton ? _typeAhead.typeAheadListMessages.emptySearchResultsSuggestionNew : _typeAhead.typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : _typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
     askRovoName: (0, _react2.jsx)(_compiled.Text, {
       weight: "medium"
     }, intl.formatMessage(_messages.toolbarInsertBlockMessages.askRovo)),

package/dist/cjs/ui/TypeAheadMenu.js

@@ -8,7 +8,7 @@ exports.TypeAheadMenu = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _updateSelectedIndex = require("../pm-plugins/commands/update-selected-index");
 var _useItemInsert3 = require("./hooks/use-item-insert");
@@ -90,7 +90,7 @@ var TypeAheadMenu = exports.TypeAheadMenu = /*#__PURE__*/_react.default.memo(fun
   }
   var emptyItem = _react.default.useMemo(function () {
     var _triggerHandler$getEm;
-    return (0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+    return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_insert_menu_ai') ? triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
       editorState: editorView.state
     }) : undefined;
   }, [triggerHandler, editorView.state]);

package/dist/cjs/ui/hooks/use-load-items.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useLoadItems = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _clearListError = require("../../pm-plugins/commands/clear-list-error");
 var _updateListError = require("../../pm-plugins/commands/update-list-error");
@@ -57,7 +57,7 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
      */
     var renderResult = function renderResult(result) {
       var _triggerHandler$getEm;
-      var emptyItem = result.length === 0 && (0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+      var emptyItem = result.length === 0 && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_insert_menu_ai') ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
       var rawList = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;

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

@@ -1,4 +1,6 @@
+import { mentionMessages } from '@atlaskit/editor-common/messages';
 import { TypeAheadAvailableNodes, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { AGENT_MENTION_LOAD_ERROR_ID } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { updateSelectedIndex } from './commands/update-selected-index';
@@ -158,6 +160,7 @@ export const moveSelectedIndex = ({
   }
   updateSelectedIndex(nextIndex, api)(editorView.state, editorView.dispatch);
 };
+const isAgentMentionLoadError = mention => (mention === null || mention === void 0 ? void 0 : mention.id) === AGENT_MENTION_LOAD_ERROR_ID && mention.isPlaceholder === true && mention.placeholderType === 'error' && mention.appType === 'agent';
 export const getTypeAheadListAriaLabels = (trigger, intl, item) => {
   var _item$emoji, _item$emoji2, _item$emoji3;
   switch (trigger) {
@@ -169,7 +172,7 @@ export const getTypeAheadListAriaLabels = (trigger, intl, item) => {
         const shortName = (item === null || item === void 0 ? void 0 : (_item$mention3 = item.mention) === null || _item$mention3 === void 0 ? void 0 : _item$mention3.mentionName) || '';
         return {
           popupAriaLabel: intl.formatMessage(typeAheadListMessages.mentionPopupLabel),
-          listItemAriaLabel: description ? intl.formatMessage(typeAheadListMessages.mentionListItemLabelWithDescription, {
+          listItemAriaLabel: isAgentMentionLoadError(item === null || item === void 0 ? void 0 : item.mention) ? `${intl.formatMessage(mentionMessages.typeAheadSectionAgentsLoadError)}. ${intl.formatMessage(mentionMessages.typeAheadSectionAgentsRetry)}` : description ? intl.formatMessage(typeAheadListMessages.mentionListItemLabelWithDescription, {
             name,
             shortName,
             description

package/dist/es2019/ui/TypeAheadList.js

@@ -15,6 +15,7 @@ import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import MenuGroup from '@atlaskit/menu/menu-group';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -139,7 +140,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
 
   // Exclude view more item from the count
   const itemsLength = showMoreOptionsButton ? Math.max(items.length - 1, 0) : items.length;
-  const isEmptyStateActive = expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
+  const isEmptyStateActive = isExperimentEnabled('platform_editor_insert_menu_ai') && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
   const estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   const [height, setHeight] = useState(Math.min(estimatedHeight, fitHeight));
   const [cache, setCache] = useState(new CellMeasurerCache({
@@ -465,7 +466,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
   }, intl.formatMessage(typeAheadListMessages.emptySearchResults)), jsx(Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? showMoreOptionsButton ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage(isExperimentEnabled('platform_editor_insert_menu_ai') ? showMoreOptionsButton ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : typeAheadListMessages.emptySearchResultsSuggestion, {
     askRovoName: jsx(Text, {
       weight: "medium"
     }, intl.formatMessage(messages.askRovo)),

package/dist/es2019/ui/TypeAheadMenu.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { useItemInsert } from './hooks/use-item-insert';
@@ -80,7 +80,7 @@ export const TypeAheadMenu = /*#__PURE__*/React.memo(({
   }
   const emptyItem = React.useMemo(() => {
     var _triggerHandler$getEm;
-    return expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? triggerHandler === null || triggerHandler === void 0 ? void 0 : (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+    return isExperimentEnabled('platform_editor_insert_menu_ai') ? triggerHandler === null || triggerHandler === void 0 ? void 0 : (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
       editorState: editorView.state
     }) : undefined;
   }, [triggerHandler, editorView.state]);

package/dist/es2019/ui/hooks/use-load-items.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { clearListError } from '../../pm-plugins/commands/clear-list-error';
 import { updateListError } from '../../pm-plugins/commands/update-list-error';
@@ -45,7 +45,7 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
      */
     const renderResult = result => {
       var _triggerHandler$getEm;
-      const emptyItem = result.length === 0 && expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+      const emptyItem = result.length === 0 && isExperimentEnabled('platform_editor_insert_menu_ai') ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
       const rawList = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;

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

@@ -1,4 +1,6 @@
+import { mentionMessages } from '@atlaskit/editor-common/messages';
 import { TypeAheadAvailableNodes, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { AGENT_MENTION_LOAD_ERROR_ID } from '@atlaskit/mention/types';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { updateSelectedIndex } from './commands/update-selected-index';
@@ -156,6 +158,9 @@ export var moveSelectedIndex = function moveSelectedIndex(_ref4) {
     updateSelectedIndex(nextIndex, api)(editorView.state, editorView.dispatch);
   };
 };
+var isAgentMentionLoadError = function isAgentMentionLoadError(mention) {
+  return (mention === null || mention === void 0 ? void 0 : mention.id) === AGENT_MENTION_LOAD_ERROR_ID && mention.isPlaceholder === true && mention.placeholderType === 'error' && mention.appType === 'agent';
+};
 export var getTypeAheadListAriaLabels = function getTypeAheadListAriaLabels(trigger, intl, item) {
   var _item$emoji, _item$emoji2, _item$emoji3;
   switch (trigger) {
@@ -167,7 +172,7 @@ export var getTypeAheadListAriaLabels = function getTypeAheadListAriaLabels(trig
         var shortName = (item === null || item === void 0 || (_item$mention3 = item.mention) === null || _item$mention3 === void 0 ? void 0 : _item$mention3.mentionName) || '';
         return {
           popupAriaLabel: intl.formatMessage(typeAheadListMessages.mentionPopupLabel),
-          listItemAriaLabel: description ? intl.formatMessage(typeAheadListMessages.mentionListItemLabelWithDescription, {
+          listItemAriaLabel: isAgentMentionLoadError(item === null || item === void 0 ? void 0 : item.mention) ? "".concat(intl.formatMessage(mentionMessages.typeAheadSectionAgentsLoadError), ". ").concat(intl.formatMessage(mentionMessages.typeAheadSectionAgentsRetry)) : description ? intl.formatMessage(typeAheadListMessages.mentionListItemLabelWithDescription, {
             name: name,
             shortName: shortName,
             description: description

package/dist/esm/ui/TypeAheadList.js

@@ -17,6 +17,7 @@ import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import MenuGroup from '@atlaskit/menu/menu-group';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -144,7 +145,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
 
   // Exclude view more item from the count
   var itemsLength = showMoreOptionsButton ? Math.max(items.length - 1, 0) : items.length;
-  var isEmptyStateActive = expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
+  var isEmptyStateActive = isExperimentEnabled('platform_editor_insert_menu_ai') && !!emptyItem && itemsLength === 1 && items[0] === emptyItem;
   var estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   var _useState = useState(Math.min(estimatedHeight, fitHeight)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -484,7 +485,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
   }, intl.formatMessage(typeAheadListMessages.emptySearchResults)), jsx(Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? showMoreOptionsButton ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage(isExperimentEnabled('platform_editor_insert_menu_ai') ? showMoreOptionsButton ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestionAskRovoOnly : typeAheadListMessages.emptySearchResultsSuggestion, {
     askRovoName: jsx(Text, {
       weight: "medium"
     }, intl.formatMessage(messages.askRovo)),

package/dist/esm/ui/TypeAheadMenu.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { useItemInsert } from './hooks/use-item-insert';
@@ -83,7 +83,7 @@ export var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   }
   var emptyItem = React.useMemo(function () {
     var _triggerHandler$getEm;
-    return expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+    return isExperimentEnabled('platform_editor_insert_menu_ai') ? triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
       editorState: editorView.state
     }) : undefined;
   }, [triggerHandler, editorView.state]);

package/dist/esm/ui/hooks/use-load-items.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useRef, useState } from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { clearListError } from '../../pm-plugins/commands/clear-list-error';
 import { updateListError } from '../../pm-plugins/commands/update-list-error';
@@ -50,7 +50,7 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
      */
     var renderResult = function renderResult(result) {
       var _triggerHandler$getEm;
-      var emptyItem = result.length === 0 && expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
+      var emptyItem = result.length === 0 && isExperimentEnabled('platform_editor_insert_menu_ai') ? (_triggerHandler$getEm = triggerHandler.getEmptyItem) === null || _triggerHandler$getEm === void 0 ? void 0 : _triggerHandler$getEm.call(triggerHandler, {
         editorState: editorView.state
       }) : undefined;
       var rawList = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "17.1.11",
+	"version": "17.2.1",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,6 +35,7 @@
 		"@atlaskit/heading": "^7.2.0",
 		"@atlaskit/icon": "^37.6.0",
 		"@atlaskit/insm": "^3.0.0",
+		"@atlaskit/mention": "^28.0.0",
 		"@atlaskit/menu": "^10.2.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",