@atlaskit/editor-plugin-type-ahead 10.0.16 → 10.0.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 10.0.18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.0.17
+
+### Patch Changes
+
+- [`858c695a0a315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/858c695a0a315) -
+  [EDITOR-6718] Show "Ask Rovo" action in the type-ahead empty search state
+- Updated dependencies
+
 ## 10.0.16
 
 ### Patch Changes

package/dist/cjs/ui/TypeAheadList.js

@@ -18,6 +18,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _menu = require("@atlaskit/menu");
 var _compiled = require("@atlaskit/primitives/compiled");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _closeTypeAhead = require("../pm-plugins/commands/close-type-ahead");
 var _updateSelectedIndex = require("../pm-plugins/commands/update-selected-index");
 var _constants = require("../pm-plugins/constants");
@@ -57,6 +58,7 @@ var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/_react.default.memo(funct
 var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
   var _triggerHandler$getMo, _decorationElement$qu2;
   var items = _ref2.items,
+    emptyItem = _ref2.emptyItem,
     selectedIndex = _ref2.selectedIndex,
     editorView = _ref2.editorView,
     onItemClick = _ref2.onItemClick,
@@ -81,6 +83,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
 
   // 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 estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   var _useState = (0, _react.useState)(Math.min(estimatedHeight, fitHeight)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -355,7 +358,10 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
   }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage((0, _expValEquals.expValEquals)('platform_editor_insert_menu_ai', 'isEnabled', true) ? _typeAhead.typeAheadListMessages.emptySearchResultsSuggestionNew : _typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
+    askRovoName: (0, _react2.jsx)(_compiled.Text, {
+      weight: "medium"
+    }, intl.formatMessage(_messages.toolbarInsertBlockMessages.askRovo)),
     buttonName: (0, _react2.jsx)(_compiled.Text, {
       weight: "medium"
     }, intl.formatMessage(_messages.toolbarInsertBlockMessages.viewMore))
@@ -396,7 +402,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
   }, (0, _react2.jsx)("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && (0, _react2.jsx)(_MoreOptions.MoreOptions, {
+  }, isEmptyStateActive && EmptyResultView, isEmptyStateActive ? ListContent : !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && (0, _react2.jsx)(_MoreOptions.MoreOptions, {
     title: config.title,
     ariaLabel: config.ariaLabel,
     onClick: handleClick,

package/dist/cjs/ui/TypeAheadMenu.js

@@ -8,6 +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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _updateSelectedIndex = require("../pm-plugins/commands/update-selected-index");
 var _useItemInsert3 = require("./hooks/use-item-insert");
@@ -85,7 +86,13 @@ var TypeAheadMenu = exports.TypeAheadMenu = /*#__PURE__*/_react.default.memo(fun
   if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
     showMoreOptionsButton = !!(triggerHandler !== null && triggerHandler !== void 0 && triggerHandler.getMoreOptionsButtonConfig);
   }
-  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo) {
+  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, {
+      editorState: editorView.state
+    }) : undefined;
+  }, [triggerHandler, editorView.state]);
+  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo && !emptyItem) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_TypeAheadPopup.TypeAheadPopup, {
@@ -96,6 +103,7 @@ var TypeAheadMenu = exports.TypeAheadMenu = /*#__PURE__*/_react.default.memo(fun
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
     items: items,
+    emptyItem: emptyItem,
     errorInfo: errorInfo,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,

package/dist/cjs/ui/TypeAheadPopup.js

@@ -70,6 +70,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     popupsBoundariesElement = props.popupsBoundariesElement,
     popupsScrollableElement = props.popupsScrollableElement,
     items = props.items,
+    emptyItem = props.emptyItem,
     errorInfo = props.errorInfo,
     selectedIndex = props.selectedIndex,
     onItemInsert = props.onItemInsert,
@@ -344,6 +345,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     triggerHandler: triggerHandler
   }), (0, _react2.jsx)(_TypeAheadList.TypeAheadList, {
     items: items,
+    emptyItem: emptyItem,
     selectedIndex: selectedIndex
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -7,6 +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 _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _clearListError = require("../../pm-plugins/commands/clear-list-error");
 var _updateListError = require("../../pm-plugins/commands/update-list-error");
@@ -37,7 +38,13 @@ var useLoadItems = exports.useLoadItems = function useLoadItems(triggerHandler,
       });
     }
     getItems(options).then(function (result) {
-      var list = result.length > 0 ? result : EMPTY_LIST_ITEM;
+      var _triggerHandler$getEm;
+      // Inject empty list item here so it flows through the normal list rendering and keyboard
+      // navigation paths
+      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, {
+        editorState: editorView.state
+      }) : undefined;
+      var list = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;
       if (componentIsMounted.current) {
         setItems(list);
       }

package/dist/es2019/ui/TypeAheadList.js

@@ -16,6 +16,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { Text, Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
@@ -47,6 +48,7 @@ const TypeaheadAssistiveTextPureComponent = /*#__PURE__*/React.memo(({
 });
 const TypeAheadListComponent = /*#__PURE__*/React.memo(({
   items,
+  emptyItem,
   selectedIndex,
   editorView,
   onItemClick,
@@ -73,6 +75,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 estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   const [height, setHeight] = useState(Math.min(estimatedHeight, fitHeight));
   const [cache, setCache] = useState(new CellMeasurerCache({
@@ -335,7 +338,10 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
   }, intl.formatMessage(typeAheadListMessages.emptySearchResults)), jsx(Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage(expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestion, {
+    askRovoName: jsx(Text, {
+      weight: "medium"
+    }, intl.formatMessage(messages.askRovo)),
     buttonName: jsx(Text, {
       weight: "medium"
     }, intl.formatMessage(messages.viewMore))
@@ -376,7 +382,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
   }, jsx("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && jsx(MoreOptions, {
+  }, isEmptyStateActive && EmptyResultView, isEmptyStateActive ? ListContent : !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && jsx(MoreOptions, {
     title: config.title,
     ariaLabel: config.ariaLabel,
     onClick: handleClick,

package/dist/es2019/ui/TypeAheadMenu.js

@@ -1,5 +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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { useItemInsert } from './hooks/use-item-insert';
@@ -76,7 +77,13 @@ export const TypeAheadMenu = /*#__PURE__*/React.memo(({
   if (editorExperiment('platform_editor_controls', 'variant1')) {
     showMoreOptionsButton = !!(triggerHandler !== null && triggerHandler !== void 0 && triggerHandler.getMoreOptionsButtonConfig);
   }
-  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo) {
+  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, {
+      editorState: editorView.state
+    }) : undefined;
+  }, [triggerHandler, editorView.state]);
+  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo && !emptyItem) {
     return null;
   }
   return /*#__PURE__*/React.createElement(TypeAheadPopup, {
@@ -87,6 +94,7 @@ export const TypeAheadMenu = /*#__PURE__*/React.memo(({
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
     items: items,
+    emptyItem: emptyItem,
     errorInfo: errorInfo,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,

package/dist/es2019/ui/TypeAheadPopup.js

@@ -61,6 +61,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     popupsBoundariesElement,
     popupsScrollableElement,
     items,
+    emptyItem,
     errorInfo,
     selectedIndex,
     onItemInsert,
@@ -340,6 +341,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     triggerHandler: triggerHandler
   }), jsx(TypeAheadList, {
     items: items,
+    emptyItem: emptyItem,
     selectedIndex: selectedIndex
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearListError } from '../../pm-plugins/commands/clear-list-error';
 import { updateListError } from '../../pm-plugins/commands/update-list-error';
@@ -28,7 +29,13 @@ export const useLoadItems = (triggerHandler, editorView, query, showViewMore, ap
       });
     }
     getItems(options).then(result => {
-      const list = result.length > 0 ? result : EMPTY_LIST_ITEM;
+      var _triggerHandler$getEm;
+      // Inject empty list item here so it flows through the normal list rendering and keyboard
+      // navigation paths
+      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, {
+        editorState: editorView.state
+      }) : undefined;
+      const list = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;
       if (componentIsMounted.current) {
         setItems(list);
       }

package/dist/esm/ui/TypeAheadList.js

@@ -17,6 +17,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { Text, Box } from '@atlaskit/primitives/compiled';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
@@ -48,6 +49,7 @@ var TypeaheadAssistiveTextPureComponent = /*#__PURE__*/React.memo(function (_ref
 var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
   var _triggerHandler$getMo, _decorationElement$qu2;
   var items = _ref2.items,
+    emptyItem = _ref2.emptyItem,
     selectedIndex = _ref2.selectedIndex,
     editorView = _ref2.editorView,
     onItemClick = _ref2.onItemClick,
@@ -72,6 +74,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
 
   // 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 estimatedHeight = itemsLength * LIST_ITEM_ESTIMATED_HEIGHT;
   var _useState = useState(Math.min(estimatedHeight, fitHeight)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -346,7 +349,10 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
   }, intl.formatMessage(typeAheadListMessages.emptySearchResults)), jsx(Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(typeAheadListMessages.emptySearchResultsSuggestion, {
+  }, intl.formatMessage(expValEquals('platform_editor_insert_menu_ai', 'isEnabled', true) ? typeAheadListMessages.emptySearchResultsSuggestionNew : typeAheadListMessages.emptySearchResultsSuggestion, {
+    askRovoName: jsx(Text, {
+      weight: "medium"
+    }, intl.formatMessage(messages.askRovo)),
     buttonName: jsx(Text, {
       weight: "medium"
     }, intl.formatMessage(messages.viewMore))
@@ -387,7 +393,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
   }, jsx("div", {
     id: menuGroupId,
     ref: listContainerRef
-  }, !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && jsx(MoreOptions, {
+  }, isEmptyStateActive && EmptyResultView, isEmptyStateActive ? ListContent : !showMoreOptionsButton || itemsLength ? ListContent : EmptyResultView, showMoreOptionsButton && config && jsx(MoreOptions, {
     title: config.title,
     ariaLabel: config.ariaLabel,
     onClick: handleClick,

package/dist/esm/ui/TypeAheadMenu.js

@@ -1,6 +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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { useItemInsert } from './hooks/use-item-insert';
@@ -78,7 +79,13 @@ export var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
   if (editorExperiment('platform_editor_controls', 'variant1')) {
     showMoreOptionsButton = !!(triggerHandler !== null && triggerHandler !== void 0 && triggerHandler.getMoreOptionsButtonConfig);
   }
-  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo) {
+  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, {
+      editorState: editorView.state
+    }) : undefined;
+  }, [triggerHandler, editorView.state]);
+  if (!isOpen || !triggerHandler || !(decorationElement instanceof HTMLElement) || !openElementBrowserModal && items.length === 0 && !errorInfo && !emptyItem) {
     return null;
   }
   return /*#__PURE__*/React.createElement(TypeAheadPopup, {
@@ -89,6 +96,7 @@ export var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
     anchorElement: decorationElement,
     triggerHandler: triggerHandler,
     items: items,
+    emptyItem: emptyItem,
     errorInfo: errorInfo,
     selectedIndex: selectedIndex,
     setSelectedItem: setSelectedItem,

package/dist/esm/ui/TypeAheadPopup.js

@@ -60,6 +60,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     popupsBoundariesElement = props.popupsBoundariesElement,
     popupsScrollableElement = props.popupsScrollableElement,
     items = props.items,
+    emptyItem = props.emptyItem,
     errorInfo = props.errorInfo,
     selectedIndex = props.selectedIndex,
     onItemInsert = props.onItemInsert,
@@ -334,6 +335,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     triggerHandler: triggerHandler
   }), jsx(TypeAheadList, {
     items: items,
+    emptyItem: emptyItem,
     selectedIndex: selectedIndex
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,

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

@@ -1,5 +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 { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearListError } from '../../pm-plugins/commands/clear-list-error';
 import { updateListError } from '../../pm-plugins/commands/update-list-error';
@@ -30,7 +31,13 @@ export var useLoadItems = function useLoadItems(triggerHandler, editorView, quer
       });
     }
     getItems(options).then(function (result) {
-      var list = result.length > 0 ? result : EMPTY_LIST_ITEM;
+      var _triggerHandler$getEm;
+      // Inject empty list item here so it flows through the normal list rendering and keyboard
+      // navigation paths
+      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, {
+        editorState: editorView.state
+      }) : undefined;
+      var list = result.length > 0 ? result : emptyItem ? [emptyItem] : EMPTY_LIST_ITEM;
       if (componentIsMounted.current) {
         setItems(list);
       }

package/dist/types/ui/TypeAheadList.d.ts

@@ -14,6 +14,7 @@ export declare const TypeAheadList: React.FC<WithIntlProps<{
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
     decorationElement: HTMLElement;
     editorView: EditorView;
+    emptyItem?: TypeAheadItem;
     fitHeight: number;
     items: Array<TypeAheadItem>;
     moreElementsInQuickInsertViewEnabled?: boolean;
@@ -27,6 +28,7 @@ export declare const TypeAheadList: React.FC<WithIntlProps<{
         api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
         decorationElement: HTMLElement;
         editorView: EditorView;
+        emptyItem?: TypeAheadItem;
         fitHeight: number;
         items: Array<TypeAheadItem>;
         moreElementsInQuickInsertViewEnabled?: boolean;

package/dist/types/ui/TypeAheadPopup.d.ts

@@ -20,6 +20,7 @@ type TypeAheadPopupProps = {
     }) => void;
     decorationSet: DecorationSet;
     editorView: EditorView;
+    emptyItem?: TypeAheadItem;
     errorInfo: TypeAheadErrorInfo;
     isEmptyQuery: boolean;
     items: Array<TypeAheadItem>;

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

@@ -14,6 +14,7 @@ export declare const TypeAheadList: React.FC<WithIntlProps<{
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
     decorationElement: HTMLElement;
     editorView: EditorView;
+    emptyItem?: TypeAheadItem;
     fitHeight: number;
     items: Array<TypeAheadItem>;
     moreElementsInQuickInsertViewEnabled?: boolean;
@@ -27,6 +28,7 @@ export declare const TypeAheadList: React.FC<WithIntlProps<{
         api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
         decorationElement: HTMLElement;
         editorView: EditorView;
+        emptyItem?: TypeAheadItem;
         fitHeight: number;
         items: Array<TypeAheadItem>;
         moreElementsInQuickInsertViewEnabled?: boolean;

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

@@ -20,6 +20,7 @@ type TypeAheadPopupProps = {
     }) => void;
     decorationSet: DecorationSet;
     editorView: EditorView;
+    emptyItem?: TypeAheadItem;
     errorInfo: TypeAheadErrorInfo;
     isEmptyQuery: boolean;
     items: Array<TypeAheadItem>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "10.0.16",
+	"version": "10.0.18",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.10.0",
+		"@atlaskit/adf-schema": "^52.11.0",
 		"@atlaskit/editor-plugin-analytics": "^10.0.0",
 		"@atlaskit/editor-plugin-connectivity": "^10.0.0",
 		"@atlaskit/editor-plugin-context-panel": "^12.0.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
-		"@atlaskit/tmp-editor-statsig": "^78.0.0",
+		"@atlaskit/tmp-editor-statsig": "^79.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -56,7 +56,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.26.0",
+		"@atlaskit/editor-common": "^114.29.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"