@atlaskit/editor-plugin-quick-insert 19.0.6 → 19.0.8

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/editor-plugin-quick-insert
 
+## 19.0.8
+
+### Patch Changes
+
+- [`3b090c6cebcbe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b090c6cebcbe) -
+  Keep the element browser categories stationary while scrolling results, including the horizontal
+  category row below 600px, and left-align all category button labels when
+  platform_editor_slash_command is enabled.
+
+## 19.0.7
+
+### Patch Changes
+
+- [`a1df9dd2d8f02`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a1df9dd2d8f02) -
+  Add the optional `showNoResultsMessage` empty-state handler parameter and
+  `platform_editor_slash_command`-gated Ask Rovo and View more recovery for registered quick insert
+  searches with no matches. Respect registry visibility and keep Marketplace content separate from
+  listbox navigation while preserving its native keyboard controls.
+
+  Show the registered Ask Rovo action alongside Marketplace suggestions in the element browser's
+  no-match state, with a divider separating the fallback action from Marketplace content. Keep the
+  toolbar's View more footer visible while Marketplace content scrolls and preserve native Tab
+  navigation.
+
+  Respect `data-keyboard-navigation-independent` containers in both toolbar keyboard navigation
+  providers. Apply the attribute to the registered insert menu, whose rendering is gated by
+  `platform_editor_slash_command`, so its controls retain their own key handling and native tab
+  stops.
+
+- Updated dependencies
+
 ## 19.0.6
 
 ### Patch Changes

package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowser.js

@@ -39,6 +39,7 @@ var headerSearchStyles = null;
 var resultsId = 'registry-element-browser-results';
 var modalTestId = 'registry-element-browser-modal';
 var RegistryElementBrowser = exports.RegistryElementBrowser = function RegistryElementBrowser(_ref) {
+  var _model$fallbackItems$, _model$fallbackItems;
   var components = _ref.components,
     emptyStateHandler = _ref.emptyStateHandler,
     defaultSection = _ref.defaultSection,
@@ -103,6 +104,7 @@ var RegistryElementBrowser = exports.RegistryElementBrowser = function RegistryE
       section: section
     });
   }, [formatMessage, model, query, section]);
+  var resultCount = items.length || (!isLoading && query.trim() ? (_model$fallbackItems$ = (_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) !== null && _model$fallbackItems$ !== void 0 ? _model$fallbackItems$ : 0 : 0);
   (0, _react.useEffect)(function () {
     if (previousIsOffline.current !== isOffline) {
       setSelectedKey(undefined);
@@ -225,6 +227,7 @@ var RegistryElementBrowser = exports.RegistryElementBrowser = function RegistryE
     isLoading: isLoading,
     isOffline: isOffline,
     items: items,
+    fallbackItems: model.fallbackItems,
     query: query,
     resultsId: resultsId,
     section: section,
@@ -236,6 +239,6 @@ var RegistryElementBrowser = exports.RegistryElementBrowser = function RegistryE
     isInsertEnabled: Boolean(selectedKey),
     onClose: onClose,
     onConfirmInsert: onConfirmInsert,
-    resultCount: items.length
+    resultCount: resultCount
   }))));
 };

package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css

@@ -1,4 +1,7 @@
-._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
+._1e0c11p5{display:grid}
+._1wpzv2br{align-self:start}
 ._ae4vv2br{align-content:start}
+._kqsw1if8{position:sticky}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
-@media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
+@media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}

package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js

@@ -14,6 +14,7 @@ var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _messages = require("@atlaskit/editor-common/quick-insert/messages");
+var _text = require("@atlaskit/primitives/compiled/text");
 var sectionMessages = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BLOCK_TEMPLATES_SECTION.key, _messages.messages.categoryBlockTemplates), _keys.DATA_AND_CHARTS_SECTION.key, _messages.messages.categoryDataAndCharts), _keys.EMBED_SECTION.key, _messages.messages.categoryEmbed), _keys.MEDIA_SECTION.key, _messages.messages.categoryMedia), _keys.OTHER_SECTION.key, _messages.messages.categoryOther), _keys.ROVO_SECTION.key, _messages.messages.categoryRovo), _keys.STRUCTURE_SECTION.key, _messages.messages.categoryStructure), _keys.TEXT_FORMATTING_SECTION.key, _messages.messages.categoryTextFormatting);
 var categoryGridStyles = null;
 var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories = function RegistryElementBrowserCategories(_ref) {
@@ -29,7 +30,7 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
       id: 'editor.quick-insert.categories-label'
     }),
     "data-testid": "registry-element-browser-categories",
-    className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
+    className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     appearance: 'subtle',
     "aria-pressed": isAllSelected,
@@ -37,10 +38,15 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
     onClick: onSectionClick,
     isSelected: isAllSelected,
     shouldFitContainer: true
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
+    align: "start",
+    color: "inherit",
+    maxLines: 1,
+    weight: "medium"
   }, formatMessage({
     defaultMessage: 'All',
     id: 'editor.quick-insert.all'
-  })), sections.map(function (entry) {
+  }))), sections.map(function (entry) {
     var _sectionMessages2;
     return /*#__PURE__*/_react.default.createElement(_button.default, {
       appearance: 'subtle',
@@ -50,6 +56,11 @@ var RegistryElementBrowserCategories = exports.RegistryElementBrowserCategories
       onClick: onSectionClick,
       isSelected: section === entry.key,
       shouldFitContainer: true
-    }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : _messages.messages.categoryOther));
+    }, /*#__PURE__*/_react.default.createElement(_text.Text, {
+      align: "start",
+      color: "inherit",
+      maxLines: 1,
+      weight: "medium"
+    }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : _messages.messages.categoryOther)));
   }));
 };

package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.compiled.css

@@ -1,6 +1,7 @@
 ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._yyhyjvu9{grid-column:1/-1}
+._15a5nqa1{border-top-style:solid}
 ._19pk1ejb{margin-top:var(--ds-space-300,24px)}
 ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
@@ -8,13 +9,16 @@
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
+._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
 ._1ul9idpf{min-width:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4cvrv2br{align-items:start}
 ._ae4vv2br{align-content:start}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._p12f1kdj{max-width:25pc}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
+._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
 ._y3gn1h6o{text-align:center}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
 @media (min-width:550px) and (max-width:1023px){._16409sye{grid-template-columns:repeat(2,minmax(0,1fr))}}

package/dist/cjs/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RegistryElementBrowserSearchResults = void 0;
 require("./RegistryElementBrowserSearchResults.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _link = _interopRequireDefault(require("@atlaskit/button/link"));
@@ -16,8 +17,13 @@ var _provider = require("@atlaskit/editor-common/quick-insert/provider");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _NotFoundIllustration = _interopRequireDefault(require("./NotFoundIllustration"));
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var resultsGridStyles = null;
 var emptyStateGridItemStyles = null;
+var styles = {
+  fallbackMarketplace: "_1i531l7x _15a5nqa1 _uwhke4h9 _19pkpxbi _ca0qpxbi"
+};
 var emptyStateWrapperStyles = null;
 var emptyStateHeadingStyles = null;
 var emptyStateSubheadingStyles = null;
@@ -57,6 +63,7 @@ var RegistryElementBrowserSearchResults = exports.RegistryElementBrowserSearchRe
   var _emptyStateHandler;
   var editorView = _ref2.editorView,
     emptyStateHandler = _ref2.emptyStateHandler,
+    fallbackItems = _ref2.fallbackItems,
     _ref2$isLoading = _ref2.isLoading,
     isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
     isOffline = _ref2.isOffline,
@@ -69,33 +76,20 @@ var RegistryElementBrowserSearchResults = exports.RegistryElementBrowserSearchRe
     onSelect = _ref2.onSelect;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "aria-label": formatMessage({
-      defaultMessage: 'Element results',
-      id: 'editor.quick-insert.results-label'
-    }),
-    "data-testid": "registry-element-browser-results",
-    id: resultsId,
-    onKeyDown: onKeyDown,
-    tabIndex: -1,
-    role: items.length ? 'listbox' : undefined,
-    className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
-  }, items.length ? items.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(RegistryElementBrowserItem, {
-      editorView: editorView,
-      isOffline: isOffline,
-      isSelected: selectedKey === item.registration.key,
-      item: item,
-      key: item.registration.key,
-      onSelect: onSelect
-    });
-  }) : !isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_yyhyjvu9 _1ul9idpf _1bsb1osq"])
-  }, (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler({
+  var hasFallbackItems = Boolean(!isLoading && items.length === 0 && query.trim().length > 0 && (fallbackItems === null || fallbackItems === void 0 ? void 0 : fallbackItems.length));
+  var resultsLabel = formatMessage({
+    defaultMessage: 'Element results',
+    id: 'editor.quick-insert.results-label'
+  });
+  var displayedItems = hasFallbackItems ? fallbackItems !== null && fallbackItems !== void 0 ? fallbackItems : [] : items;
+  var shouldRenderEmptyState = items.length === 0 && !isLoading;
+  var emptyState = shouldRenderEmptyState ? (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler(_objectSpread({
     mode: 'full',
     searchTerm: query,
     selectedCategory: section
-  })) !== null && _emptyStateHandler !== void 0 ? _emptyStateHandler : /*#__PURE__*/_react.default.createElement("div", {
+  }, hasFallbackItems ? {
+    showNoResultsMessage: false
+  } : {}))) !== null && _emptyStateHandler !== void 0 ? _emptyStateHandler : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq"])
   }, /*#__PURE__*/_react.default.createElement(_NotFoundIllustration.default, null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_11c81af2 _syazi7uo _19pk1ejb"])
@@ -116,5 +110,27 @@ var RegistryElementBrowserSearchResults = exports.RegistryElementBrowserSearchRe
   }, formatMessage({
     defaultMessage: 'Explore Atlassian Marketplace',
     id: 'editor.quick-insert.explore-marketplace'
-  })))))) : null);
+  }))))) : null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "registry-element-browser-results",
+    id: resultsId,
+    tabIndex: -1
+  }, displayedItems.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+    "aria-label": resultsLabel,
+    onKeyDown: onKeyDown,
+    role: "listbox",
+    tabIndex: -1,
+    className: (0, _runtime.ax)(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
+  }, displayedItems.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(RegistryElementBrowserItem, {
+      editorView: editorView,
+      isOffline: isOffline,
+      isSelected: selectedKey === item.registration.key,
+      item: item,
+      key: item.registration.key,
+      onSelect: onSelect
+    });
+  })), emptyState && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_yyhyjvu9 _1ul9idpf _1bsb1osq", hasFallbackItems && styles.fallbackMarketplace])
+  }, emptyState));
 };

package/dist/cjs/ui/RegistryElementBrowser/model.js

@@ -8,6 +8,7 @@ exports.getRegistryElementBrowserItems = exports.getInitialRegistryElementBrowse
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var compareRanks = function compareRanks(left, right) {
@@ -91,10 +92,16 @@ var createRegistryElementBrowserModel = exports.createRegistryElementBrowserMode
       }));
     });
   });
+  var items = (0, _toConsumableArray2.default)(itemByKey.values()).sort(function (left, right) {
+    return compareRanks(left.ranks, right.ranks);
+  });
+  var fallbackItems = items.filter(function (_ref2) {
+    var registration = _ref2.registration;
+    return registration.key === _keys.ASK_ROVO_MENU_ITEM.key;
+  });
   return {
-    items: (0, _toConsumableArray2.default)(itemByKey.values()).sort(function (left, right) {
-      return compareRanks(left.ranks, right.ranks);
-    }),
+    fallbackItems: fallbackItems.length > 0 ? fallbackItems : undefined,
+    items: items,
     sections: sections
   };
 };
@@ -103,11 +110,11 @@ var getInitialRegistryElementBrowserSection = exports.getInitialRegistryElementB
     return section.key === requestedSection;
   }) ? requestedSection : undefined;
 };
-var getRegistryElementBrowserItems = exports.getRegistryElementBrowserItems = function getRegistryElementBrowserItems(_ref2) {
-  var formatMessage = _ref2.formatMessage,
-    model = _ref2.model,
-    query = _ref2.query,
-    section = _ref2.section;
+var getRegistryElementBrowserItems = exports.getRegistryElementBrowserItems = function getRegistryElementBrowserItems(_ref3) {
+  var formatMessage = _ref3.formatMessage,
+    model = _ref3.model,
+    query = _ref3.query,
+    section = _ref3.section;
   var normalizedQuery = query.trim();
   var items = section ? model.items.filter(function (item) {
     return item.sectionKeys.includes(section);

package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowser.js

@@ -43,6 +43,7 @@ export const RegistryElementBrowser = ({
   onConfirmInsert,
   onSelect
 }) => {
+  var _model$fallbackItems$, _model$fallbackItems;
   const {
     formatMessage
   } = useIntl();
@@ -75,6 +76,7 @@ export const RegistryElementBrowser = ({
     query,
     section
   }), [formatMessage, model, query, section]);
+  const resultCount = items.length || (!isLoading && query.trim() ? (_model$fallbackItems$ = (_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) !== null && _model$fallbackItems$ !== void 0 ? _model$fallbackItems$ : 0 : 0);
   useEffect(() => {
     if (previousIsOffline.current !== isOffline) {
       setSelectedKey(undefined);
@@ -195,6 +197,7 @@ export const RegistryElementBrowser = ({
     isLoading: isLoading,
     isOffline: isOffline,
     items: items,
+    fallbackItems: model.fallbackItems,
     query: query,
     resultsId: resultsId,
     section: section,
@@ -206,6 +209,6 @@ export const RegistryElementBrowser = ({
     isInsertEnabled: Boolean(selectedKey),
     onClose: onClose,
     onConfirmInsert: onConfirmInsert,
-    resultCount: items.length
+    resultCount: resultCount
   }))));
 };

package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css

@@ -1,4 +1,7 @@
-._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
+._1e0c11p5{display:grid}
+._1wpzv2br{align-self:start}
 ._ae4vv2br{align-content:start}
+._kqsw1if8{position:sticky}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
-@media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
+@media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}

package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js

@@ -6,6 +6,7 @@ import { useIntl } from 'react-intl';
 import Button from '@atlaskit/button/default/button';
 import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
 import { messages } from '@atlaskit/editor-common/quick-insert/messages';
+import { Text } from '@atlaskit/primitives/compiled/text';
 const sectionMessages = {
   [BLOCK_TEMPLATES_SECTION.key]: messages.categoryBlockTemplates,
   [DATA_AND_CHARTS_SECTION.key]: messages.categoryDataAndCharts,
@@ -32,7 +33,7 @@ export const RegistryElementBrowserCategories = ({
       id: 'editor.quick-insert.categories-label'
     }),
     "data-testid": "registry-element-browser-categories",
-    className: ax(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
+    className: ax(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
   }, /*#__PURE__*/React.createElement(Button, {
     appearance: 'subtle',
     "aria-pressed": isAllSelected,
@@ -40,10 +41,15 @@ export const RegistryElementBrowserCategories = ({
     onClick: onSectionClick,
     isSelected: isAllSelected,
     shouldFitContainer: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    align: "start",
+    color: "inherit",
+    maxLines: 1,
+    weight: "medium"
   }, formatMessage({
     defaultMessage: 'All',
     id: 'editor.quick-insert.all'
-  })), sections.map(entry => {
+  }))), sections.map(entry => {
     var _sectionMessages;
     return /*#__PURE__*/React.createElement(Button, {
       appearance: 'subtle',
@@ -53,6 +59,11 @@ export const RegistryElementBrowserCategories = ({
       onClick: onSectionClick,
       isSelected: section === entry.key,
       shouldFitContainer: true
-    }, formatMessage((_sectionMessages = sectionMessages[entry.key]) !== null && _sectionMessages !== void 0 ? _sectionMessages : messages.categoryOther));
+    }, /*#__PURE__*/React.createElement(Text, {
+      align: "start",
+      color: "inherit",
+      maxLines: 1,
+      weight: "medium"
+    }, formatMessage((_sectionMessages = sectionMessages[entry.key]) !== null && _sectionMessages !== void 0 ? _sectionMessages : messages.categoryOther)));
   }));
 };

package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.compiled.css

@@ -1,6 +1,7 @@
 ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._yyhyjvu9{grid-column:1/-1}
+._15a5nqa1{border-top-style:solid}
 ._19pk1ejb{margin-top:var(--ds-space-300,24px)}
 ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
@@ -8,13 +9,16 @@
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
+._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
 ._1ul9idpf{min-width:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4cvrv2br{align-items:start}
 ._ae4vv2br{align-content:start}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._p12f1kdj{max-width:25pc}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
+._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
 ._y3gn1h6o{text-align:center}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
 @media (min-width:550px) and (max-width:1023px){._16409sye{grid-template-columns:repeat(2,minmax(0,1fr))}}

package/dist/es2019/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.js

@@ -9,6 +9,9 @@ import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundIllustration from './NotFoundIllustration';
 const resultsGridStyles = null;
 const emptyStateGridItemStyles = null;
+const styles = {
+  fallbackMarketplace: "_1i531l7x _15a5nqa1 _uwhke4h9 _19pkpxbi _ca0qpxbi"
+};
 const emptyStateWrapperStyles = null;
 const emptyStateHeadingStyles = null;
 const emptyStateSubheadingStyles = null;
@@ -45,6 +48,7 @@ const RegistryElementBrowserItem = ({
 export const RegistryElementBrowserSearchResults = ({
   editorView,
   emptyStateHandler,
+  fallbackItems,
   isLoading = false,
   isOffline,
   items,
@@ -59,30 +63,20 @@ export const RegistryElementBrowserSearchResults = ({
   const {
     formatMessage
   } = useIntl();
-  return /*#__PURE__*/React.createElement("div", {
-    "aria-label": formatMessage({
-      defaultMessage: 'Element results',
-      id: 'editor.quick-insert.results-label'
-    }),
-    "data-testid": "registry-element-browser-results",
-    id: resultsId,
-    onKeyDown: onKeyDown,
-    tabIndex: -1,
-    role: items.length ? 'listbox' : undefined,
-    className: ax(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
-  }, items.length ? items.map(item => /*#__PURE__*/React.createElement(RegistryElementBrowserItem, {
-    editorView: editorView,
-    isOffline: isOffline,
-    isSelected: selectedKey === item.registration.key,
-    item: item,
-    key: item.registration.key,
-    onSelect: onSelect
-  })) : !isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: ax(["_yyhyjvu9 _1ul9idpf _1bsb1osq"])
-  }, (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler({
+  const hasFallbackItems = Boolean(!isLoading && items.length === 0 && query.trim().length > 0 && (fallbackItems === null || fallbackItems === void 0 ? void 0 : fallbackItems.length));
+  const resultsLabel = formatMessage({
+    defaultMessage: 'Element results',
+    id: 'editor.quick-insert.results-label'
+  });
+  const displayedItems = hasFallbackItems ? fallbackItems !== null && fallbackItems !== void 0 ? fallbackItems : [] : items;
+  const shouldRenderEmptyState = items.length === 0 && !isLoading;
+  const emptyState = shouldRenderEmptyState ? (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler({
     mode: 'full',
     searchTerm: query,
-    selectedCategory: section
+    selectedCategory: section,
+    ...(hasFallbackItems ? {
+      showNoResultsMessage: false
+    } : {})
   })) !== null && _emptyStateHandler !== void 0 ? _emptyStateHandler : /*#__PURE__*/React.createElement("div", {
     className: ax(["_4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq"])
   }, /*#__PURE__*/React.createElement(NotFoundIllustration, null), /*#__PURE__*/React.createElement("div", {
@@ -104,5 +98,25 @@ export const RegistryElementBrowserSearchResults = ({
   }, formatMessage({
     defaultMessage: 'Explore Atlassian Marketplace',
     id: 'editor.quick-insert.explore-marketplace'
-  })))))) : null);
+  }))))) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "registry-element-browser-results",
+    id: resultsId,
+    tabIndex: -1
+  }, displayedItems.length > 0 && /*#__PURE__*/React.createElement("div", {
+    "aria-label": resultsLabel,
+    onKeyDown: onKeyDown,
+    role: "listbox",
+    tabIndex: -1,
+    className: ax(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
+  }, displayedItems.map(item => /*#__PURE__*/React.createElement(RegistryElementBrowserItem, {
+    editorView: editorView,
+    isOffline: isOffline,
+    isSelected: selectedKey === item.registration.key,
+    item: item,
+    key: item.registration.key,
+    onSelect: onSelect
+  }))), emptyState && /*#__PURE__*/React.createElement("div", {
+    className: ax(["_yyhyjvu9 _1ul9idpf _1bsb1osq", hasFallbackItems && styles.fallbackMarketplace])
+  }, emptyState));
 };

package/dist/es2019/ui/RegistryElementBrowser/model.js

@@ -1,4 +1,5 @@
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { ASK_ROVO_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 const compareRanks = (left, right) => {
   for (let index = 0; index < Math.max(left.length, right.length); index++) {
     var _left$index, _right$index;
@@ -67,8 +68,13 @@ export const createRegistryElementBrowserModel = (components, {
       });
     });
   });
+  const items = [...itemByKey.values()].sort((left, right) => compareRanks(left.ranks, right.ranks));
+  const fallbackItems = items.filter(({
+    registration
+  }) => registration.key === ASK_ROVO_MENU_ITEM.key);
   return {
-    items: [...itemByKey.values()].sort((left, right) => compareRanks(left.ranks, right.ranks)),
+    fallbackItems: fallbackItems.length > 0 ? fallbackItems : undefined,
+    items,
     sections
   };
 };

package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowser.js

@@ -30,6 +30,7 @@ var headerSearchStyles = null;
 var resultsId = 'registry-element-browser-results';
 var modalTestId = 'registry-element-browser-modal';
 export var RegistryElementBrowser = function RegistryElementBrowser(_ref) {
+  var _model$fallbackItems$, _model$fallbackItems;
   var components = _ref.components,
     emptyStateHandler = _ref.emptyStateHandler,
     defaultSection = _ref.defaultSection,
@@ -94,6 +95,7 @@ export var RegistryElementBrowser = function RegistryElementBrowser(_ref) {
       section: section
     });
   }, [formatMessage, model, query, section]);
+  var resultCount = items.length || (!isLoading && query.trim() ? (_model$fallbackItems$ = (_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) !== null && _model$fallbackItems$ !== void 0 ? _model$fallbackItems$ : 0 : 0);
   useEffect(function () {
     if (previousIsOffline.current !== isOffline) {
       setSelectedKey(undefined);
@@ -216,6 +218,7 @@ export var RegistryElementBrowser = function RegistryElementBrowser(_ref) {
     isLoading: isLoading,
     isOffline: isOffline,
     items: items,
+    fallbackItems: model.fallbackItems,
     query: query,
     resultsId: resultsId,
     section: section,
@@ -227,6 +230,6 @@ export var RegistryElementBrowser = function RegistryElementBrowser(_ref) {
     isInsertEnabled: Boolean(selectedKey),
     onClose: onClose,
     onConfirmInsert: onConfirmInsert,
-    resultCount: items.length
+    resultCount: resultCount
   }))));
 };

package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.compiled.css

@@ -1,4 +1,7 @@
-._zulpu2gc{gap:var(--ds-space-100,8px)}._1e0c11p5{display:grid}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._154iv77o{top:var(--ds-space-025,2px)}
+._1e0c11p5{display:grid}
+._1wpzv2br{align-self:start}
 ._ae4vv2br{align-content:start}
+._kqsw1if8{position:sticky}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
-@media (max-width:599px){._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}}
+@media (max-width:599px){._qs0g1bhr{background-color:var(--ds-surface-overlay,#fff)}._1w2e1ris{grid-auto-columns:max-content}._1ato1bp4{grid-auto-flow:column}._lk4jglyw{grid-template-columns:none}._1cgyi47z{grid-template-rows:minmax(0,1fr)}._1s8e1wug{overflow-x:auto}._pevy15vq{overflow-y:hidden}._zvu9kb7n{z-index:1}}

package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserCategories.js

@@ -7,6 +7,7 @@ import { useIntl } from 'react-intl';
 import Button from '@atlaskit/button/default/button';
 import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
 import { messages } from '@atlaskit/editor-common/quick-insert/messages';
+import { Text } from '@atlaskit/primitives/compiled/text';
 var sectionMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BLOCK_TEMPLATES_SECTION.key, messages.categoryBlockTemplates), DATA_AND_CHARTS_SECTION.key, messages.categoryDataAndCharts), EMBED_SECTION.key, messages.categoryEmbed), MEDIA_SECTION.key, messages.categoryMedia), OTHER_SECTION.key, messages.categoryOther), ROVO_SECTION.key, messages.categoryRovo), STRUCTURE_SECTION.key, messages.categoryStructure), TEXT_FORMATTING_SECTION.key, messages.categoryTextFormatting);
 var categoryGridStyles = null;
 export var RegistryElementBrowserCategories = function RegistryElementBrowserCategories(_ref) {
@@ -22,7 +23,7 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
       id: 'editor.quick-insert.categories-label'
     }),
     "data-testid": "registry-element-browser-categories",
-    className: ax(["_zulpu2gc _ae4vv2br _1e0c11p5 _yv0ei47z _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq"])
+    className: ax(["_zulpu2gc _ae4vv2br _1wpzv2br _1e0c11p5 _yv0ei47z _kqsw1if8 _154iv77o _qs0g1bhr _1w2e1ris _1ato1bp4 _lk4jglyw _1cgyi47z _1s8e1wug _pevy15vq _zvu9kb7n"])
   }, /*#__PURE__*/React.createElement(Button, {
     appearance: 'subtle',
     "aria-pressed": isAllSelected,
@@ -30,10 +31,15 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
     onClick: onSectionClick,
     isSelected: isAllSelected,
     shouldFitContainer: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    align: "start",
+    color: "inherit",
+    maxLines: 1,
+    weight: "medium"
   }, formatMessage({
     defaultMessage: 'All',
     id: 'editor.quick-insert.all'
-  })), sections.map(function (entry) {
+  }))), sections.map(function (entry) {
     var _sectionMessages2;
     return /*#__PURE__*/React.createElement(Button, {
       appearance: 'subtle',
@@ -43,6 +49,11 @@ export var RegistryElementBrowserCategories = function RegistryElementBrowserCat
       onClick: onSectionClick,
       isSelected: section === entry.key,
       shouldFitContainer: true
-    }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : messages.categoryOther));
+    }, /*#__PURE__*/React.createElement(Text, {
+      align: "start",
+      color: "inherit",
+      maxLines: 1,
+      weight: "medium"
+    }, formatMessage((_sectionMessages2 = sectionMessages[entry.key]) !== null && _sectionMessages2 !== void 0 ? _sectionMessages2 : messages.categoryOther)));
   }));
 };

package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.compiled.css

@@ -1,6 +1,7 @@
 ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._yyhyjvu9{grid-column:1/-1}
+._15a5nqa1{border-top-style:solid}
 ._19pk1ejb{margin-top:var(--ds-space-300,24px)}
 ._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
@@ -8,13 +9,16 @@
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
 ._1e0c1txw{display:flex}
+._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
 ._1ul9idpf{min-width:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4cvrv2br{align-items:start}
 ._ae4vv2br{align-content:start}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._p12f1kdj{max-width:25pc}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
+._uwhke4h9{border-top-width:var(--ds-border-width,1px)}
 ._y3gn1h6o{text-align:center}
 ._yv0ei47z{grid-template-columns:minmax(0,1fr)}
 @media (min-width:550px) and (max-width:1023px){._16409sye{grid-template-columns:repeat(2,minmax(0,1fr))}}

package/dist/esm/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.js

@@ -1,6 +1,9 @@
 /* RegistryElementBrowserSearchResults.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./RegistryElementBrowserSearchResults.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import LinkButton from '@atlaskit/button/link';
@@ -9,6 +12,9 @@ import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundIllustration from './NotFoundIllustration';
 var resultsGridStyles = null;
 var emptyStateGridItemStyles = null;
+var styles = {
+  fallbackMarketplace: "_1i531l7x _15a5nqa1 _uwhke4h9 _19pkpxbi _ca0qpxbi"
+};
 var emptyStateWrapperStyles = null;
 var emptyStateHeadingStyles = null;
 var emptyStateSubheadingStyles = null;
@@ -48,6 +54,7 @@ export var RegistryElementBrowserSearchResults = function RegistryElementBrowser
   var _emptyStateHandler;
   var editorView = _ref2.editorView,
     emptyStateHandler = _ref2.emptyStateHandler,
+    fallbackItems = _ref2.fallbackItems,
     _ref2$isLoading = _ref2.isLoading,
     isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
     isOffline = _ref2.isOffline,
@@ -60,33 +67,20 @@ export var RegistryElementBrowserSearchResults = function RegistryElementBrowser
     onSelect = _ref2.onSelect;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/React.createElement("div", {
-    "aria-label": formatMessage({
-      defaultMessage: 'Element results',
-      id: 'editor.quick-insert.results-label'
-    }),
-    "data-testid": "registry-element-browser-results",
-    id: resultsId,
-    onKeyDown: onKeyDown,
-    tabIndex: -1,
-    role: items.length ? 'listbox' : undefined,
-    className: ax(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
-  }, items.length ? items.map(function (item) {
-    return /*#__PURE__*/React.createElement(RegistryElementBrowserItem, {
-      editorView: editorView,
-      isOffline: isOffline,
-      isSelected: selectedKey === item.registration.key,
-      item: item,
-      key: item.registration.key,
-      onSelect: onSelect
-    });
-  }) : !isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: ax(["_yyhyjvu9 _1ul9idpf _1bsb1osq"])
-  }, (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler({
+  var hasFallbackItems = Boolean(!isLoading && items.length === 0 && query.trim().length > 0 && (fallbackItems === null || fallbackItems === void 0 ? void 0 : fallbackItems.length));
+  var resultsLabel = formatMessage({
+    defaultMessage: 'Element results',
+    id: 'editor.quick-insert.results-label'
+  });
+  var displayedItems = hasFallbackItems ? fallbackItems !== null && fallbackItems !== void 0 ? fallbackItems : [] : items;
+  var shouldRenderEmptyState = items.length === 0 && !isLoading;
+  var emptyState = shouldRenderEmptyState ? (_emptyStateHandler = emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler(_objectSpread({
     mode: 'full',
     searchTerm: query,
     selectedCategory: section
-  })) !== null && _emptyStateHandler !== void 0 ? _emptyStateHandler : /*#__PURE__*/React.createElement("div", {
+  }, hasFallbackItems ? {
+    showNoResultsMessage: false
+  } : {}))) !== null && _emptyStateHandler !== void 0 ? _emptyStateHandler : /*#__PURE__*/React.createElement("div", {
     className: ax(["_4cvr1h6o _1e0c1txw _2lx21bp4 _1bah1h6o _1bsb1osq"])
   }, /*#__PURE__*/React.createElement(NotFoundIllustration, null), /*#__PURE__*/React.createElement("div", {
     className: ax(["_11c81af2 _syazi7uo _19pk1ejb"])
@@ -107,5 +101,27 @@ export var RegistryElementBrowserSearchResults = function RegistryElementBrowser
   }, formatMessage({
     defaultMessage: 'Explore Atlassian Marketplace',
     id: 'editor.quick-insert.explore-marketplace'
-  })))))) : null);
+  }))))) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "registry-element-browser-results",
+    id: resultsId,
+    tabIndex: -1
+  }, displayedItems.length > 0 && /*#__PURE__*/React.createElement("div", {
+    "aria-label": resultsLabel,
+    onKeyDown: onKeyDown,
+    role: "listbox",
+    tabIndex: -1,
+    className: ax(["_zulpu2gc _ae4vv2br _4cvrv2br _1e0c11p5 _yv0ei47z _16409sye _g98o1koq"])
+  }, displayedItems.map(function (item) {
+    return /*#__PURE__*/React.createElement(RegistryElementBrowserItem, {
+      editorView: editorView,
+      isOffline: isOffline,
+      isSelected: selectedKey === item.registration.key,
+      item: item,
+      key: item.registration.key,
+      onSelect: onSelect
+    });
+  })), emptyState && /*#__PURE__*/React.createElement("div", {
+    className: ax(["_yyhyjvu9 _1ul9idpf _1bsb1osq", hasFallbackItems && styles.fallbackMarketplace])
+  }, emptyState));
 };

package/dist/esm/ui/RegistryElementBrowser/model.js

@@ -3,6 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { ASK_ROVO_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
 var compareRanks = function compareRanks(left, right) {
   for (var index = 0; index < Math.max(left.length, right.length); index++) {
     var _left$index, _right$index;
@@ -84,10 +85,16 @@ export var createRegistryElementBrowserModel = function createRegistryElementBro
       }));
     });
   });
+  var items = _toConsumableArray(itemByKey.values()).sort(function (left, right) {
+    return compareRanks(left.ranks, right.ranks);
+  });
+  var fallbackItems = items.filter(function (_ref2) {
+    var registration = _ref2.registration;
+    return registration.key === ASK_ROVO_MENU_ITEM.key;
+  });
   return {
-    items: _toConsumableArray(itemByKey.values()).sort(function (left, right) {
-      return compareRanks(left.ranks, right.ranks);
-    }),
+    fallbackItems: fallbackItems.length > 0 ? fallbackItems : undefined,
+    items: items,
     sections: sections
   };
 };
@@ -96,11 +103,11 @@ export var getInitialRegistryElementBrowserSection = function getInitialRegistry
     return section.key === requestedSection;
   }) ? requestedSection : undefined;
 };
-export var getRegistryElementBrowserItems = function getRegistryElementBrowserItems(_ref2) {
-  var formatMessage = _ref2.formatMessage,
-    model = _ref2.model,
-    query = _ref2.query,
-    section = _ref2.section;
+export var getRegistryElementBrowserItems = function getRegistryElementBrowserItems(_ref3) {
+  var formatMessage = _ref3.formatMessage,
+    model = _ref3.model,
+    query = _ref3.query,
+    section = _ref3.section;
   var normalizedQuery = query.trim();
   var items = section ? model.items.filter(function (item) {
     return item.sectionKeys.includes(section);

package/dist/types/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.d.ts

@@ -10,6 +10,7 @@ import type { RegistryElementBrowserItem } from './model';
 type Props = {
     editorView: EditorView;
     emptyStateHandler?: EmptyStateHandler;
+    fallbackItems?: RegistryElementBrowserItem[];
     isLoading?: boolean;
     isOffline: boolean;
     items: RegistryElementBrowserItem[];
@@ -27,5 +28,5 @@ declare const RegistryElementBrowserItem: ({ editorView, isOffline, isSelected,
     item: RegistryElementBrowserItem;
     onSelect: (key: string, handler: QuickInsertSelectionHandler) => void;
 }) => React.JSX.Element | null;
-export declare const RegistryElementBrowserSearchResults: ({ editorView, emptyStateHandler, isLoading, isOffline, items, query, resultsId, section, selectedKey, onKeyDown, onSelect, }: Props) => React.JSX.Element;
+export declare const RegistryElementBrowserSearchResults: ({ editorView, emptyStateHandler, fallbackItems, isLoading, isOffline, items, query, resultsId, section, selectedKey, onKeyDown, onSelect, }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/RegistryElementBrowser/model.d.ts

@@ -10,6 +10,7 @@ export type RegistryElementBrowserItem = {
     sectionKeys: string[];
 };
 export type RegistryElementBrowserModel = {
+    fallbackItems?: RegistryElementBrowserItem[];
     items: RegistryElementBrowserItem[];
     sections: RegistryElementBrowserSection[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "19.0.6",
+	"version": "19.0.8",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -51,7 +51,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^123.5.0",
+		"@atlaskit/editor-common": "^123.7.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"