@atlaskit/editor-plugin-type-ahead 28.0.5 → 28.0.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 28.0.6
+
+### Patch Changes
+
+- [`f93da47c0d069`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f93da47c0d069) -
+  Add shared illustrated empty states and search outcome analytics for registered slash, Plus and
+  Element Browser searches under platform_editor_slash_command. Refresh resolved registrations on
+  search edits and retain eligible Ask Rovo and host Marketplace recovery. Remove duplicate top
+  spacing in the Plus menu and show its previews only for directly hovered or keyboard-selected
+  items. Subscribe all three registered entry points to live registry updates and rebuild their
+  models on search changes, keeping selection and category state valid as items arrive or disappear.
+  Omit the Plus footer divider when only the generic empty state is shown.
+- Updated dependencies
+
 ## 28.0.5
 
 ### Patch Changes

package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css

@@ -2,9 +2,9 @@
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._1bsbnklw{width:20pc}
-._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._1q51idpf{padding-block-start:0}
 ._1reo15vq{overflow-x:hidden}
-._85i512x7{padding-block-end:var(--ds-space-075,6px)}
+._85i5idpf{padding-block-end:0}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._vchhusvi{box-sizing:border-box}

package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -15,11 +15,11 @@ var _reactIntl = require("react-intl");
 var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
 var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
 var _useMenuPopupSizing = require("@atlaskit/editor-common/quick-insert/use-menu-popup-sizing");
+var _useSearchAnalytics = require("@atlaskit/editor-common/quick-insert/use-search-analytics");
 var _typeAheadIsSectionOverflowItemKey = require("@atlaskit/editor-common/type-ahead-is-section-overflow-item-key");
 var _typeAheadSurfaceContext = require("@atlaskit/editor-common/type-ahead-surface-context");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _InputQuery = require("../InputQuery");
 var _getTypeAheadGlobalViewMoreId = require("./getTypeAheadGlobalViewMoreId");
 var _getTypeAheadItemId = require("./getTypeAheadItemId");
@@ -27,10 +27,9 @@ var _TypeAheadMenuRenderer = require("./TypeAheadMenuRenderer");
 var _TypeAheadProvider = require("./TypeAheadProvider");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
+  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51idpf _85i5idpf _1bsbnklw"
 };
 var DEFAULT_MENU_MAX_HEIGHT = 480;
-var MENU_VERTICAL_PADDING = 14;
 var MENU_WIDTH = 320;
 var POPUP_OFFSET = [0, 8];
 var EMPTY_COMPONENTS = [];
@@ -38,7 +37,7 @@ var subscribeToNothing = function subscribeToNothing() {
   return function () {};
 };
 var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
-  var _api$uiControlRegistr2, _api$uiControlRegistr3;
+  var _api$uiControlRegistr2, _api$uiControlRegistr3, _api$analytics;
   var anchorElement = _ref.anchorElement,
     api = _ref.api,
     cancel = _ref.cancel,
@@ -89,7 +88,6 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     return components !== null && components !== void 0 && components.length ? components : EMPTY_COMPONENTS;
   }, [api, surface.root.key]);
   var components = (0, _react.useSyncExternalStore)((_api$uiControlRegistr2 = api === null || api === void 0 || (_api$uiControlRegistr3 = api.uiControlRegistry) === null || _api$uiControlRegistr3 === void 0 ? void 0 : _api$uiControlRegistr3.actions.subscribe) !== null && _api$uiControlRegistr2 !== void 0 ? _api$uiControlRegistr2 : subscribeToNothing, getComponents, getComponents);
-  var isSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
   var hasSectionOverflowItems = (0, _react.useMemo)(function () {
     return components.some(function (_ref2) {
       var key = _ref2.key;
@@ -103,13 +101,32 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
       getItemRank: triggerHandler.getRegisteredItemRank,
       query: query,
       rootComponent: surface.root,
-      selectCategoryItems: hasSectionOverflowItems && isSlashCommandEnabled ? _registeredMenuModel.selectQuickInsertCategoryItems : undefined,
+      selectCategoryItems: hasSectionOverflowItems ? _registeredMenuModel.selectQuickInsertCategoryItems : undefined,
       surfaceContext: surfaceContext
     });
-  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
+  }, [components, formatMessage, hasSectionOverflowItems, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
   var rows = (0, _react.useMemo)(function () {
     return (0, _registeredMenuModel.getQuickInsertMenuRows)(menuModel);
   }, [menuModel]);
+  var searchResultCount = (0, _react.useMemo)(function () {
+    return menuModel.sections.reduce(function (count, section) {
+      return count + section.filter(function (_ref3) {
+        var key = _ref3.key,
+          type = _ref3.type;
+        return type === 'menu-item' && !(0, _typeAheadIsSectionOverflowItemKey.isSectionOverflowItemKey)(key);
+      }).length;
+    }, 0);
+  }, [menuModel.sections]);
+  var flushSearchAnalytics = (0, _useSearchAnalytics.useQuickInsertSearchAnalytics)({
+    fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+    query: query,
+    resultCount: searchResultCount,
+    surface: 'typeahead'
+  });
+  var closeMenu = (0, _react.useCallback)(function () {
+    flushSearchAnalytics();
+    onClose();
+  }, [flushSearchAnalytics, onClose]);
   var _useState5 = (0, _react.useState)(),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     previewActivation = _useState6[0],
@@ -197,13 +214,13 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
       editorView: editorView,
       inputMethod: surface.inputMethod,
       menuOpenId: typeAheadSurfaceContext.menuOpenId,
-      onClose: onClose,
+      onClose: closeMenu,
       popupsMountPoint: popupsMountPoint,
       query: query,
       surfaceContext: surfaceContext,
       triggerHandler: triggerHandler
     };
-  }, [activePreviewItemKey, api, editorView, onClose, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
+  }, [activePreviewItemKey, api, editorView, closeMenu, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
   var noOp = (0, _react.useCallback)(function () {}, []);
   var SurfaceProvider = surface.Provider;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_InputQuery.InputQuery, {
@@ -245,8 +262,10 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     Item: surface.Item,
     listLabel: surface.listLabel,
     listId: listId,
-    maxHeight: Math.max(0, menuHeight - MENU_VERTICAL_PADDING),
+    maxHeight: Math.max(0, menuHeight),
     model: menuModel,
+    query: query,
+    hasScrollPadding: true,
     onItemHover: onItemHover,
     onItemLeave: onItemLeave,
     onItemVisibilityChange: onItemVisibilityChange,

package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.js

@@ -18,9 +18,12 @@ var TypeAheadMenuFooter = exports.TypeAheadMenuFooter = function TypeAheadMenuFo
     isSelected = _ref.isSelected,
     Item = _ref.Item,
     onMouseMove = _ref.onMouseMove,
-    registration = _ref.registration;
+    registration = _ref.registration,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     onMouseMove: onMouseMove,
+    paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
     xcss: styles.footer
   }, /*#__PURE__*/_react.default.createElement(Item, {
     id: id,

package/dist/cjs/ui/registered-menu/TypeAheadMenuRenderer.js

@@ -11,6 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
 var _List = require("react-virtualized/dist/commonjs/List");
+var _emptyState = require("@atlaskit/editor-common/quick-insert/empty-state");
 var _registeredMenuModel = require("@atlaskit/editor-common/quick-insert/registered-menu-model");
 var _useMenuListHeight2 = require("@atlaskit/editor-common/quick-insert/use-menu-list-height");
 var _messages = require("@atlaskit/editor-common/type-ahead/messages");
@@ -27,13 +28,18 @@ var LIST_WIDTH = 320;
 var ESTIMATED_ROW_HEIGHT = 44;
 // 44px item + 1px separator.
 var MENU_FOOTER_HEIGHT = 45;
+var MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
 var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
-  var _model$root$component;
+  var _model$root$component, _model$fallbackItems;
   var Item = _ref.Item,
     listLabel = _ref.listLabel,
     listId = _ref.listId,
     maxHeight = _ref.maxHeight,
     model = _ref.model,
+    _ref$query = _ref.query,
+    query = _ref$query === void 0 ? '' : _ref$query,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
     onItemHover = _ref.onItemHover,
     onItemLeave = _ref.onItemLeave,
     onItemVisibilityChange = _ref.onItemVisibilityChange,
@@ -110,6 +116,7 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
     onItemLeave: onItemLeave,
     onItemVisibilityChange: onItemVisibilityChange,
     rows: rows,
+    hasScrollPadding: hasScrollPadding,
     selectedItemIndex: selectedItemIndex
   });
   var footerItemIndex = itemIndexByRowIndex.size;
@@ -120,7 +127,7 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
     return null;
   }
   var RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : _PassThrough.PassThrough;
-  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? MENU_FOOTER_HEIGHT : 0));
+  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
   var hasListboxContent = rows.length > 0 || model.footer !== undefined;
   return /*#__PURE__*/_react.default.createElement(RootComponent, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
@@ -138,6 +145,9 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
     rowRenderer: renderRow,
     scrollToAlignment: "auto",
     width: LIST_WIDTH
+  }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/_react.default.createElement(_emptyState.QuickInsertEmptyState, {
+    mode: "inline",
+    spacing: "spacious"
   }) : model.fallbackItems === undefined ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     paddingBlock: "space.150",
     paddingInline: "space.250",
@@ -150,6 +160,7 @@ var TypeAheadMenuRenderer = exports.TypeAheadMenuRenderer = function TypeAheadMe
     isSelected: selectedItemIndex === footerItemIndex,
     Item: Item,
     onMouseMove: onFooterItemHover,
-    registration: model.footer
+    registration: model.footer,
+    hasScrollPadding: hasScrollPadding
   })));
 };

package/dist/cjs/ui/registered-menu/createTypeAheadRowRenderer.js

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.createTypeAheadRowRenderer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _ListRow = require("../ListRow");
 var _TypeAheadItemRow = require("./TypeAheadItemRow");
 var _TypeAheadSectionRow = require("./TypeAheadSectionRow");
 var noOp = function noOp() {};
 var createTypeAheadRowRenderer = exports.createTypeAheadRowRenderer = function createTypeAheadRowRenderer(_ref) {
   var cache = _ref.cache,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
     onMeasured = _ref.onMeasured,
     itemIndexByRowIndex = _ref.itemIndexByRowIndex,
     Item = _ref.Item,
@@ -34,6 +37,20 @@ var createTypeAheadRowRenderer = exports.createTypeAheadRowRenderer = function c
       return null;
     }
     var itemIndex = itemIndexByRowIndex.get(index);
+    var rowContent = registration.type === 'menu-section' ? /*#__PURE__*/_react.default.createElement(_TypeAheadSectionRow.TypeAheadSectionRow, {
+      registration: registration
+    }) : /*#__PURE__*/_react.default.createElement(_TypeAheadItemRow.TypeAheadItemRow, {
+      Item: Item,
+      isSelected: itemIndex === selectedItemIndex,
+      itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
+      listId: listId,
+      onItemHover: onItemHover,
+      onItemLeave: onItemLeave,
+      onItemVisibilityChange: onItemVisibilityChange,
+      isVisible: isVisible,
+      registration: registration,
+      rowIndex: index
+    });
     return /*#__PURE__*/_react.default.createElement(_CellMeasurer.CellMeasurer, {
       key: key,
       cache: cache,
@@ -50,20 +67,10 @@ var createTypeAheadRowRenderer = exports.createTypeAheadRowRenderer = function c
         onMeasured: onMeasured,
         onMouseMove: noOp,
         style: style
-      }, registration.type === 'menu-section' ? /*#__PURE__*/_react.default.createElement(_TypeAheadSectionRow.TypeAheadSectionRow, {
-        registration: registration
-      }) : /*#__PURE__*/_react.default.createElement(_TypeAheadItemRow.TypeAheadItemRow, {
-        Item: Item,
-        isSelected: itemIndex === selectedItemIndex,
-        itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
-        listId: listId,
-        onItemHover: onItemHover,
-        onItemLeave: onItemLeave,
-        onItemVisibilityChange: onItemVisibilityChange,
-        isVisible: isVisible,
-        registration: registration,
-        rowIndex: index
-      }));
+      }, hasScrollPadding ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+        paddingBlockStart: index === 0 ? 'space.100' : undefined,
+        paddingBlockEnd: index === rows.length - 1 ? 'space.100' : undefined
+      }, rowContent) : rowContent);
     });
   };
 };

package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css

@@ -2,9 +2,9 @@
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._1bsbnklw{width:20pc}
-._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._1q51idpf{padding-block-start:0}
 ._1reo15vq{overflow-x:hidden}
-._85i512x7{padding-block-end:var(--ds-space-075,6px)}
+._85i5idpf{padding-block-end:0}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._vchhusvi{box-sizing:border-box}

package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -6,21 +6,20 @@ import { useIntl } from 'react-intl';
 import Popup from '@atlaskit/editor-common/Popup';
 import { getQuickInsertMenuModel, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
 import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
+import { useQuickInsertSearchAnalytics } from '@atlaskit/editor-common/quick-insert/use-search-analytics';
 import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
 import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { InputQuery } from '../InputQuery';
 import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
 import { getTypeAheadItemId } from './getTypeAheadItemId';
 import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
 import { TypeAheadProvider } from './TypeAheadProvider';
 const styles = {
-  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
+  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51idpf _85i5idpf _1bsbnklw"
 };
 const DEFAULT_MENU_MAX_HEIGHT = 480;
-const MENU_VERTICAL_PADDING = 14;
 const MENU_WIDTH = 320;
 const POPUP_OFFSET = [0, 8];
 const EMPTY_COMPONENTS = [];
@@ -43,7 +42,7 @@ export const RegisteredTypeAheadMenu = ({
   surface,
   triggerHandler
 }) => {
-  var _api$uiControlRegistr2, _api$uiControlRegistr3;
+  var _api$uiControlRegistr2, _api$uiControlRegistr3, _api$analytics;
   const menuHeight = useMenuPopupSizing({
     target: anchorElement,
     boundariesElement: popupsBoundariesElement,
@@ -69,7 +68,6 @@ export const RegisteredTypeAheadMenu = ({
     return components !== null && components !== void 0 && components.length ? components : EMPTY_COMPONENTS;
   }, [api, surface.root.key]);
   const components = useSyncExternalStore((_api$uiControlRegistr2 = api === null || api === void 0 ? void 0 : (_api$uiControlRegistr3 = api.uiControlRegistry) === null || _api$uiControlRegistr3 === void 0 ? void 0 : _api$uiControlRegistr3.actions.subscribe) !== null && _api$uiControlRegistr2 !== void 0 ? _api$uiControlRegistr2 : subscribeToNothing, getComponents, getComponents);
-  const isSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   const hasSectionOverflowItems = useMemo(() => components.some(({
     key
   }) => isSectionOverflowItemKey(key)), [components]);
@@ -79,10 +77,24 @@ export const RegisteredTypeAheadMenu = ({
     getItemRank: triggerHandler.getRegisteredItemRank,
     query,
     rootComponent: surface.root,
-    selectCategoryItems: hasSectionOverflowItems && isSlashCommandEnabled ? selectQuickInsertCategoryItems : undefined,
+    selectCategoryItems: hasSectionOverflowItems ? selectQuickInsertCategoryItems : undefined,
     surfaceContext
-  }), [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
+  }), [components, formatMessage, hasSectionOverflowItems, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
   const rows = useMemo(() => getQuickInsertMenuRows(menuModel), [menuModel]);
+  const searchResultCount = useMemo(() => menuModel.sections.reduce((count, section) => count + section.filter(({
+    key,
+    type
+  }) => type === 'menu-item' && !isSectionOverflowItemKey(key)).length, 0), [menuModel.sections]);
+  const flushSearchAnalytics = useQuickInsertSearchAnalytics({
+    fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+    query,
+    resultCount: searchResultCount,
+    surface: 'typeahead'
+  });
+  const closeMenu = useCallback(() => {
+    flushSearchAnalytics();
+    onClose();
+  }, [flushSearchAnalytics, onClose]);
   const [previewActivation, setPreviewActivation] = useState();
   const activePreviewItemKey = (previewActivation === null || previewActivation === void 0 ? void 0 : previewActivation.menuModel) === menuModel ? previewActivation.itemKey : undefined;
   const selectableRowIndexes = useMemo(() => rows.flatMap((registration, rowIndex) => registration.type === 'menu-item' ? [rowIndex] : []), [rows]);
@@ -158,12 +170,12 @@ export const RegisteredTypeAheadMenu = ({
     editorView,
     inputMethod: surface.inputMethod,
     menuOpenId: typeAheadSurfaceContext.menuOpenId,
-    onClose,
+    onClose: closeMenu,
     popupsMountPoint,
     query,
     surfaceContext,
     triggerHandler
-  }), [activePreviewItemKey, api, editorView, onClose, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
+  }), [activePreviewItemKey, api, editorView, closeMenu, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
   const noOp = useCallback(() => {}, []);
   const SurfaceProvider = surface.Provider;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputQuery, {
@@ -205,8 +217,10 @@ export const RegisteredTypeAheadMenu = ({
     Item: surface.Item,
     listLabel: surface.listLabel,
     listId: listId,
-    maxHeight: Math.max(0, menuHeight - MENU_VERTICAL_PADDING),
+    maxHeight: Math.max(0, menuHeight),
     model: menuModel,
+    query: query,
+    hasScrollPadding: true,
     onItemHover: onItemHover,
     onItemLeave: onItemLeave,
     onItemVisibilityChange: onItemVisibilityChange,

package/dist/es2019/ui/registered-menu/TypeAheadMenuFooter.js

@@ -11,9 +11,11 @@ export const TypeAheadMenuFooter = ({
   isSelected,
   Item,
   onMouseMove,
-  registration
+  registration,
+  hasScrollPadding = false
 }) => /*#__PURE__*/React.createElement(Box, {
   onMouseMove: onMouseMove,
+  paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
   xcss: styles.footer
 }, /*#__PURE__*/React.createElement(Item, {
   id: id,

package/dist/es2019/ui/registered-menu/TypeAheadMenuRenderer.js

@@ -2,6 +2,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 import { useIntl } from 'react-intl';
 import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List } from 'react-virtualized/dist/commonjs/List';
+import { QuickInsertEmptyState } from '@atlaskit/editor-common/quick-insert/empty-state';
 import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
 import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
 import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
@@ -14,18 +15,21 @@ const LIST_WIDTH = 320;
 const ESTIMATED_ROW_HEIGHT = 44;
 // 44px item + 1px separator.
 const MENU_FOOTER_HEIGHT = 45;
+const MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
 export const TypeAheadMenuRenderer = ({
   Item,
   listLabel,
   listId,
   maxHeight,
   model,
+  query = '',
+  hasScrollPadding = false,
   onItemHover,
   onItemLeave,
   onItemVisibilityChange,
   selectedItemIndex
 }) => {
-  var _model$root$component;
+  var _model$root$component, _model$fallbackItems;
   const intl = useIntl();
   const listRef = useRef(null);
   const rows = useMemo(() => getQuickInsertMenuRows(model), [model]);
@@ -81,6 +85,7 @@ export const TypeAheadMenuRenderer = ({
     onItemLeave,
     onItemVisibilityChange,
     rows,
+    hasScrollPadding,
     selectedItemIndex
   });
   const footerItemIndex = itemIndexByRowIndex.size;
@@ -89,7 +94,7 @@ export const TypeAheadMenuRenderer = ({
     return null;
   }
   const RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : PassThrough;
-  const listMaxHeight = Math.max(0, maxHeight - (model.footer ? MENU_FOOTER_HEIGHT : 0));
+  const listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
   const hasListboxContent = rows.length > 0 || model.footer !== undefined;
   return /*#__PURE__*/React.createElement(RootComponent, null, /*#__PURE__*/React.createElement(Box, {
     "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
@@ -107,6 +112,9 @@ export const TypeAheadMenuRenderer = ({
     rowRenderer: renderRow,
     scrollToAlignment: "auto",
     width: LIST_WIDTH
+  }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
+    mode: "inline",
+    spacing: "spacious"
   }) : model.fallbackItems === undefined ? /*#__PURE__*/React.createElement(Box, {
     paddingBlock: "space.150",
     paddingInline: "space.250",
@@ -119,6 +127,7 @@ export const TypeAheadMenuRenderer = ({
     isSelected: selectedItemIndex === footerItemIndex,
     Item: Item,
     onMouseMove: onFooterItemHover,
-    registration: model.footer
+    registration: model.footer,
+    hasScrollPadding: hasScrollPadding
   })));
 };

package/dist/es2019/ui/registered-menu/createTypeAheadRowRenderer.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import { CellMeasurer } from 'react-virtualized/dist/commonjs/CellMeasurer';
+import { Box } from '@atlaskit/primitives/compiled';
 import { ListRow } from '../ListRow';
 import { TypeAheadItemRow } from './TypeAheadItemRow';
 import { TypeAheadSectionRow } from './TypeAheadSectionRow';
 const noOp = () => {};
 export const createTypeAheadRowRenderer = ({
   cache,
+  hasScrollPadding = false,
   onMeasured,
   itemIndexByRowIndex,
   Item,
@@ -28,6 +30,20 @@ export const createTypeAheadRowRenderer = ({
     return null;
   }
   const itemIndex = itemIndexByRowIndex.get(index);
+  const rowContent = registration.type === 'menu-section' ? /*#__PURE__*/React.createElement(TypeAheadSectionRow, {
+    registration: registration
+  }) : /*#__PURE__*/React.createElement(TypeAheadItemRow, {
+    Item: Item,
+    isSelected: itemIndex === selectedItemIndex,
+    itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
+    listId: listId,
+    onItemHover: onItemHover,
+    onItemLeave: onItemLeave,
+    onItemVisibilityChange: onItemVisibilityChange,
+    isVisible: isVisible,
+    registration: registration,
+    rowIndex: index
+  });
   return /*#__PURE__*/React.createElement(CellMeasurer, {
     key: key,
     cache: cache,
@@ -44,18 +60,8 @@ export const createTypeAheadRowRenderer = ({
     onMeasured: onMeasured,
     onMouseMove: noOp,
     style: style
-  }, registration.type === 'menu-section' ? /*#__PURE__*/React.createElement(TypeAheadSectionRow, {
-    registration: registration
-  }) : /*#__PURE__*/React.createElement(TypeAheadItemRow, {
-    Item: Item,
-    isSelected: itemIndex === selectedItemIndex,
-    itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
-    listId: listId,
-    onItemHover: onItemHover,
-    onItemLeave: onItemLeave,
-    onItemVisibilityChange: onItemVisibilityChange,
-    isVisible: isVisible,
-    registration: registration,
-    rowIndex: index
-  })));
+  }, hasScrollPadding ? /*#__PURE__*/React.createElement(Box, {
+    paddingBlockStart: index === 0 ? 'space.100' : undefined,
+    paddingBlockEnd: index === rows.length - 1 ? 'space.100' : undefined
+  }, rowContent) : rowContent));
 };

package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css

@@ -2,9 +2,9 @@
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}
 ._1bsbnklw{width:20pc}
-._1q51u2gc{padding-block-start:var(--ds-space-100,8px)}
+._1q51idpf{padding-block-start:0}
 ._1reo15vq{overflow-x:hidden}
-._85i512x7{padding-block-end:var(--ds-space-075,6px)}
+._85i5idpf{padding-block-end:0}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._vchhusvi{box-sizing:border-box}

package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -7,21 +7,20 @@ import { useIntl } from 'react-intl';
 import Popup from '@atlaskit/editor-common/Popup';
 import { getQuickInsertMenuModel, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
 import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
+import { useQuickInsertSearchAnalytics } from '@atlaskit/editor-common/quick-insert/use-search-analytics';
 import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
 import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { InputQuery } from '../InputQuery';
 import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
 import { getTypeAheadItemId } from './getTypeAheadItemId';
 import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
 import { TypeAheadProvider } from './TypeAheadProvider';
 var styles = {
-  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
+  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51idpf _85i5idpf _1bsbnklw"
 };
 var DEFAULT_MENU_MAX_HEIGHT = 480;
-var MENU_VERTICAL_PADDING = 14;
 var MENU_WIDTH = 320;
 var POPUP_OFFSET = [0, 8];
 var EMPTY_COMPONENTS = [];
@@ -29,7 +28,7 @@ var subscribeToNothing = function subscribeToNothing() {
   return function () {};
 };
 export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
-  var _api$uiControlRegistr2, _api$uiControlRegistr3;
+  var _api$uiControlRegistr2, _api$uiControlRegistr3, _api$analytics;
   var anchorElement = _ref.anchorElement,
     api = _ref.api,
     cancel = _ref.cancel,
@@ -80,7 +79,6 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
     return components !== null && components !== void 0 && components.length ? components : EMPTY_COMPONENTS;
   }, [api, surface.root.key]);
   var components = useSyncExternalStore((_api$uiControlRegistr2 = api === null || api === void 0 || (_api$uiControlRegistr3 = api.uiControlRegistry) === null || _api$uiControlRegistr3 === void 0 ? void 0 : _api$uiControlRegistr3.actions.subscribe) !== null && _api$uiControlRegistr2 !== void 0 ? _api$uiControlRegistr2 : subscribeToNothing, getComponents, getComponents);
-  var isSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   var hasSectionOverflowItems = useMemo(function () {
     return components.some(function (_ref2) {
       var key = _ref2.key;
@@ -94,13 +92,32 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
       getItemRank: triggerHandler.getRegisteredItemRank,
       query: query,
       rootComponent: surface.root,
-      selectCategoryItems: hasSectionOverflowItems && isSlashCommandEnabled ? selectQuickInsertCategoryItems : undefined,
+      selectCategoryItems: hasSectionOverflowItems ? selectQuickInsertCategoryItems : undefined,
       surfaceContext: surfaceContext
     });
-  }, [components, formatMessage, hasSectionOverflowItems, isSlashCommandEnabled, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
+  }, [components, formatMessage, hasSectionOverflowItems, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
   var rows = useMemo(function () {
     return getQuickInsertMenuRows(menuModel);
   }, [menuModel]);
+  var searchResultCount = useMemo(function () {
+    return menuModel.sections.reduce(function (count, section) {
+      return count + section.filter(function (_ref3) {
+        var key = _ref3.key,
+          type = _ref3.type;
+        return type === 'menu-item' && !isSectionOverflowItemKey(key);
+      }).length;
+    }, 0);
+  }, [menuModel.sections]);
+  var flushSearchAnalytics = useQuickInsertSearchAnalytics({
+    fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+    query: query,
+    resultCount: searchResultCount,
+    surface: 'typeahead'
+  });
+  var closeMenu = useCallback(function () {
+    flushSearchAnalytics();
+    onClose();
+  }, [flushSearchAnalytics, onClose]);
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
     previewActivation = _useState6[0],
@@ -188,13 +205,13 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
       editorView: editorView,
       inputMethod: surface.inputMethod,
       menuOpenId: typeAheadSurfaceContext.menuOpenId,
-      onClose: onClose,
+      onClose: closeMenu,
       popupsMountPoint: popupsMountPoint,
       query: query,
       surfaceContext: surfaceContext,
       triggerHandler: triggerHandler
     };
-  }, [activePreviewItemKey, api, editorView, onClose, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
+  }, [activePreviewItemKey, api, editorView, closeMenu, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
   var noOp = useCallback(function () {}, []);
   var SurfaceProvider = surface.Provider;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputQuery, {
@@ -236,8 +253,10 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
     Item: surface.Item,
     listLabel: surface.listLabel,
     listId: listId,
-    maxHeight: Math.max(0, menuHeight - MENU_VERTICAL_PADDING),
+    maxHeight: Math.max(0, menuHeight),
     model: menuModel,
+    query: query,
+    hasScrollPadding: true,
     onItemHover: onItemHover,
     onItemLeave: onItemLeave,
     onItemVisibilityChange: onItemVisibilityChange,

package/dist/esm/ui/registered-menu/TypeAheadMenuFooter.js

@@ -11,9 +11,12 @@ export var TypeAheadMenuFooter = function TypeAheadMenuFooter(_ref) {
     isSelected = _ref.isSelected,
     Item = _ref.Item,
     onMouseMove = _ref.onMouseMove,
-    registration = _ref.registration;
+    registration = _ref.registration,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
   return /*#__PURE__*/React.createElement(Box, {
     onMouseMove: onMouseMove,
+    paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
     xcss: styles.footer
   }, /*#__PURE__*/React.createElement(Item, {
     id: id,

package/dist/esm/ui/registered-menu/TypeAheadMenuRenderer.js

@@ -6,6 +6,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 import { useIntl } from 'react-intl';
 import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List } from 'react-virtualized/dist/commonjs/List';
+import { QuickInsertEmptyState } from '@atlaskit/editor-common/quick-insert/empty-state';
 import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
 import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
 import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
@@ -18,13 +19,18 @@ var LIST_WIDTH = 320;
 var ESTIMATED_ROW_HEIGHT = 44;
 // 44px item + 1px separator.
 var MENU_FOOTER_HEIGHT = 45;
+var MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
 export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
-  var _model$root$component;
+  var _model$root$component, _model$fallbackItems;
   var Item = _ref.Item,
     listLabel = _ref.listLabel,
     listId = _ref.listId,
     maxHeight = _ref.maxHeight,
     model = _ref.model,
+    _ref$query = _ref.query,
+    query = _ref$query === void 0 ? '' : _ref$query,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
     onItemHover = _ref.onItemHover,
     onItemLeave = _ref.onItemLeave,
     onItemVisibilityChange = _ref.onItemVisibilityChange,
@@ -101,6 +107,7 @@ export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
     onItemLeave: onItemLeave,
     onItemVisibilityChange: onItemVisibilityChange,
     rows: rows,
+    hasScrollPadding: hasScrollPadding,
     selectedItemIndex: selectedItemIndex
   });
   var footerItemIndex = itemIndexByRowIndex.size;
@@ -111,7 +118,7 @@ export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
     return null;
   }
   var RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : PassThrough;
-  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? MENU_FOOTER_HEIGHT : 0));
+  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
   var hasListboxContent = rows.length > 0 || model.footer !== undefined;
   return /*#__PURE__*/React.createElement(RootComponent, null, /*#__PURE__*/React.createElement(Box, {
     "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
@@ -129,6 +136,9 @@ export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
     rowRenderer: renderRow,
     scrollToAlignment: "auto",
     width: LIST_WIDTH
+  }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
+    mode: "inline",
+    spacing: "spacious"
   }) : model.fallbackItems === undefined ? /*#__PURE__*/React.createElement(Box, {
     paddingBlock: "space.150",
     paddingInline: "space.250",
@@ -141,6 +151,7 @@ export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
     isSelected: selectedItemIndex === footerItemIndex,
     Item: Item,
     onMouseMove: onFooterItemHover,
-    registration: model.footer
+    registration: model.footer,
+    hasScrollPadding: hasScrollPadding
   })));
 };

package/dist/esm/ui/registered-menu/createTypeAheadRowRenderer.js

@@ -1,11 +1,14 @@
 import React from 'react';
 import { CellMeasurer } from 'react-virtualized/dist/commonjs/CellMeasurer';
+import { Box } from '@atlaskit/primitives/compiled';
 import { ListRow } from '../ListRow';
 import { TypeAheadItemRow } from './TypeAheadItemRow';
 import { TypeAheadSectionRow } from './TypeAheadSectionRow';
 var noOp = function noOp() {};
 export var createTypeAheadRowRenderer = function createTypeAheadRowRenderer(_ref) {
   var cache = _ref.cache,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
     onMeasured = _ref.onMeasured,
     itemIndexByRowIndex = _ref.itemIndexByRowIndex,
     Item = _ref.Item,
@@ -27,6 +30,20 @@ export var createTypeAheadRowRenderer = function createTypeAheadRowRenderer(_ref
       return null;
     }
     var itemIndex = itemIndexByRowIndex.get(index);
+    var rowContent = registration.type === 'menu-section' ? /*#__PURE__*/React.createElement(TypeAheadSectionRow, {
+      registration: registration
+    }) : /*#__PURE__*/React.createElement(TypeAheadItemRow, {
+      Item: Item,
+      isSelected: itemIndex === selectedItemIndex,
+      itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
+      listId: listId,
+      onItemHover: onItemHover,
+      onItemLeave: onItemLeave,
+      onItemVisibilityChange: onItemVisibilityChange,
+      isVisible: isVisible,
+      registration: registration,
+      rowIndex: index
+    });
     return /*#__PURE__*/React.createElement(CellMeasurer, {
       key: key,
       cache: cache,
@@ -43,20 +60,10 @@ export var createTypeAheadRowRenderer = function createTypeAheadRowRenderer(_ref
         onMeasured: onMeasured,
         onMouseMove: noOp,
         style: style
-      }, registration.type === 'menu-section' ? /*#__PURE__*/React.createElement(TypeAheadSectionRow, {
-        registration: registration
-      }) : /*#__PURE__*/React.createElement(TypeAheadItemRow, {
-        Item: Item,
-        isSelected: itemIndex === selectedItemIndex,
-        itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
-        listId: listId,
-        onItemHover: onItemHover,
-        onItemLeave: onItemLeave,
-        onItemVisibilityChange: onItemVisibilityChange,
-        isVisible: isVisible,
-        registration: registration,
-        rowIndex: index
-      }));
+      }, hasScrollPadding ? /*#__PURE__*/React.createElement(Box, {
+        paddingBlockStart: index === 0 ? 'space.100' : undefined,
+        paddingBlockEnd: index === rows.length - 1 ? 'space.100' : undefined
+      }, rowContent) : rowContent);
     });
   };
 };

package/dist/types/ui/registered-menu/TypeAheadMenuFooter.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
 import type { TypeAheadItemComponent } from './typeAheadMenuTypes';
-export declare const TypeAheadMenuFooter: ({ id, isSelected, Item, onMouseMove, registration, }: {
+export declare const TypeAheadMenuFooter: ({ id, isSelected, Item, onMouseMove, registration, hasScrollPadding, }: {
+    hasScrollPadding?: boolean;
     id: string;
     isSelected: boolean;
     Item: TypeAheadItemComponent;

package/dist/types/ui/registered-menu/TypeAheadMenuRenderer.d.ts

@@ -3,6 +3,7 @@ import type { MessageDescriptor } from 'react-intl';
 import type { TypeAheadMenuModel } from './buildTypeAheadMenuModel';
 import type { TypeAheadItemComponent } from './typeAheadMenuTypes';
 type Props = {
+    hasScrollPadding?: boolean;
     Item: TypeAheadItemComponent;
     listId: string;
     listLabel: MessageDescriptor;
@@ -11,7 +12,8 @@ type Props = {
     onItemHover: (itemIndex: number, itemKey?: string) => void;
     onItemLeave: (itemKey: string) => void;
     onItemVisibilityChange: (itemKey: string, isVisible: boolean) => void;
+    query?: string;
     selectedItemIndex: number;
 };
-export declare const TypeAheadMenuRenderer: ({ Item, listLabel, listId, maxHeight, model, onItemHover, onItemLeave, onItemVisibilityChange, selectedItemIndex, }: Props) => React.JSX.Element | null;
+export declare const TypeAheadMenuRenderer: ({ Item, listLabel, listId, maxHeight, model, query, hasScrollPadding, onItemHover, onItemLeave, onItemVisibilityChange, selectedItemIndex, }: Props) => React.JSX.Element | null;
 export {};

package/dist/types/ui/registered-menu/createTypeAheadRowRenderer.d.ts

@@ -2,8 +2,9 @@ import type { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeas
 import type { ListRowRenderer } from 'react-virtualized/dist/commonjs/List';
 import type { RegisterMenuItem, RegisterMenuSection } from '@atlaskit/editor-ui-control-model/types';
 import type { TypeAheadItemComponent } from './typeAheadMenuTypes';
-export declare const createTypeAheadRowRenderer: ({ cache, onMeasured, itemIndexByRowIndex, Item, listId, onItemHover, onItemLeave, onItemVisibilityChange, rows, selectedItemIndex, }: {
+export declare const createTypeAheadRowRenderer: ({ cache, hasScrollPadding, onMeasured, itemIndexByRowIndex, Item, listId, onItemHover, onItemLeave, onItemVisibilityChange, rows, selectedItemIndex, }: {
     cache: CellMeasurerCache;
+    hasScrollPadding?: boolean;
     Item: TypeAheadItemComponent;
     itemIndexByRowIndex: Map<number, number>;
     listId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "28.0.5",
+	"version": "28.0.6",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/menu": "^11.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/prosemirror-history": "^1.3.0",
 		"@atlaskit/prosemirror-input-rules": "^4.1.0",
 		"@atlaskit/tmp-editor-statsig": "^240.0.0",
@@ -54,13 +54,13 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^131.2.0",
+		"@atlaskit/editor-common": "^131.4.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
-		"@atlassian/testing-library": "^0.11.0",
+		"@atlassian/testing-library": "^0.12.0",
 		"@testing-library/react": "^16.3.0",
 		"@types/react-virtualized": "^9.18.12",
 		"react": "^19.2.0",