@atlaskit/editor-common 117.1.1 → 117.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-common
 
+## 117.2.0
+
+### Minor Changes
+
+- [`7087f393ec725`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7087f393ec725) -
+  Add the categorized registered Quick Insert browse experience with representative native elements
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 117.1.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "117.1.0";
+var packageVersion = "117.1.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/QuickInsertMenuItem.compiled.css

@@ -0,0 +1,18 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zr1b66{padding-inline:var(--ds-space-050,4px)}
+._1dqonqa1{border-style:solid}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}
+._18m915vq{overflow-y:hidden}
+._1bah1h6o{justify-content:center}
+._1bsbzwfg{width:2pc}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._4cvr1h6o{align-items:center}
+._4t3izwfg{height:2pc}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/quick-insert/QuickInsertMenuItem.js

@@ -0,0 +1,63 @@
+/* QuickInsertMenuItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickInsertMenuItem = void 0;
+require("./QuickInsertMenuItem.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireWildcard(require("react"));
+var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _useQuickInsertContext = require("./useQuickInsertContext");
+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 = {
+  icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
+  shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
+};
+var QuickInsertMenuItem = exports.QuickInsertMenuItem = function QuickInsertMenuItem(_ref) {
+  var _item$isSelected;
+  var ariaLabel = _ref.ariaLabel,
+    iconBefore = _ref.iconBefore,
+    isDisabled = _ref.isDisabled,
+    onSelect = _ref.onSelect,
+    shortcut = _ref.shortcut,
+    _ref$shouldWrapIcon = _ref.shouldWrapIcon,
+    shouldWrapIcon = _ref$shouldWrapIcon === void 0 ? true : _ref$shouldWrapIcon,
+    title = _ref.title;
+  var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
+    editorView = _useQuickInsertContex.editorView,
+    item = _useQuickInsertContex.item,
+    select = _useQuickInsertContex.select;
+  var isSelected = (_item$isSelected = item === null || item === void 0 ? void 0 : item.isSelected) !== null && _item$isSelected !== void 0 ? _item$isSelected : false;
+  var handleClick = (0, _react.useCallback)(function () {
+    return select(function (selectionContext) {
+      return onSelect({
+        editorView: editorView,
+        insert: selectionContext.insert,
+        source: selectionContext.source
+      });
+    });
+  }, [editorView, onSelect, select]);
+  return /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
+    "aria-label": ariaLabel,
+    "aria-selected": isSelected,
+    iconBefore: iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.icon
+    }, iconBefore) : iconBefore,
+    id: item === null || item === void 0 ? void 0 : item.id,
+    isDisabled: isDisabled,
+    isSelected: isSelected,
+    onClick: handleClick,
+    role: "option"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    alignBlock: "center",
+    spread: "space-between"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, title), shortcut && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "span",
+    xcss: styles.shortcut
+  }, shortcut)));
+};

package/dist/cjs/quick-insert/QuickInsertMenuRoot.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickInsertMenuRoot = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _menuGroup = _interopRequireDefault(require("@atlaskit/menu/menu-group"));
+var QuickInsertMenuRoot = exports.QuickInsertMenuRoot = function QuickInsertMenuRoot(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_menuGroup.default, null, children);
+};

package/dist/cjs/quick-insert/QuickInsertMenuSection.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickInsertMenuSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
+var QuickInsertMenuSection = exports.QuickInsertMenuSection = function QuickInsertMenuSection(_ref) {
+  var children = _ref.children,
+    title = _ref.title;
+  return /*#__PURE__*/_react.default.createElement(_section.default, {
+    title: title
+  }, children);
+};

package/dist/cjs/quick-insert/keys.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEXT_FORMATTING_SECTION = exports.TABLE_MENU_ITEM = exports.STRUCTURE_SECTION = exports.ROVO_SECTION = exports.RECOMMENDED_SECTION = exports.OTHER_SECTION = exports.MENU = exports.MEDIA_SECTION = exports.EMBED_SECTION = exports.DATA_AND_CHARTS_SECTION = exports.BLOCK_TEMPLATES_SECTION = void 0;
+exports.getBlockTemplateMenuItem = exports.WARNING_PANEL_MENU_ITEM = exports.VIEW_ALL_ELEMENTS_MENU_ITEM = exports.UNORDERED_LIST_MENU_ITEM = exports.TEXT_FORMATTING_SECTION = exports.TABLE_MENU_ITEM = exports.SUCCESS_PANEL_MENU_ITEM = exports.STRUCTURE_SECTION = exports.STATUS_MENU_ITEM = exports.ROVO_SECTION = exports.RECOMMENDED_SECTION = exports.OTHER_SECTION = exports.ORDERED_LIST_MENU_ITEM = exports.NOTE_PANEL_MENU_ITEM = exports.MENU = exports.MEDIA_SECTION = exports.MEDIA_INSERT_MENU_ITEM = exports.LOOM_MENU_ITEM = exports.JIRA_WORK_ITEMS_MENU_ITEM = exports.INFO_PANEL_MENU_ITEM = exports.HYPERLINK_MENU_ITEM = exports.ERROR_PANEL_MENU_ITEM = exports.EMOJI_MENU_ITEM = exports.EMBED_SECTION = exports.DATE_MENU_ITEM = exports.DATA_AND_CHARTS_SECTION = exports.CUSTOM_PANEL_MENU_ITEM = exports.BLOCK_TEMPLATES_SECTION = exports.ASSETS_MENU_ITEM = exports.ASK_ROVO_MENU_ITEM = void 0;
 /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
 var MENU = exports.MENU = {
   key: 'quick-insert-menu',
@@ -45,7 +45,85 @@ var OTHER_SECTION = exports.OTHER_SECTION = {
   key: 'quick-insert-other-section',
   type: 'menu-section'
 };
+var VIEW_ALL_ELEMENTS_MENU_ITEM = exports.VIEW_ALL_ELEMENTS_MENU_ITEM = {
+  key: 'quick-insert-view-all-elements-menu-item',
+  type: 'menu-item'
+};
 var TABLE_MENU_ITEM = exports.TABLE_MENU_ITEM = {
   key: 'quick-insert-table-menu-item',
   type: 'menu-item'
+};
+var INFO_PANEL_MENU_ITEM = exports.INFO_PANEL_MENU_ITEM = {
+  key: 'quick-insert-info-panel-menu-item',
+  type: 'menu-item'
+};
+var NOTE_PANEL_MENU_ITEM = exports.NOTE_PANEL_MENU_ITEM = {
+  key: 'quick-insert-note-panel-menu-item',
+  type: 'menu-item'
+};
+var SUCCESS_PANEL_MENU_ITEM = exports.SUCCESS_PANEL_MENU_ITEM = {
+  key: 'quick-insert-success-panel-menu-item',
+  type: 'menu-item'
+};
+var WARNING_PANEL_MENU_ITEM = exports.WARNING_PANEL_MENU_ITEM = {
+  key: 'quick-insert-warning-panel-menu-item',
+  type: 'menu-item'
+};
+var ERROR_PANEL_MENU_ITEM = exports.ERROR_PANEL_MENU_ITEM = {
+  key: 'quick-insert-error-panel-menu-item',
+  type: 'menu-item'
+};
+var CUSTOM_PANEL_MENU_ITEM = exports.CUSTOM_PANEL_MENU_ITEM = {
+  key: 'quick-insert-custom-panel-menu-item',
+  type: 'menu-item'
+};
+var MEDIA_INSERT_MENU_ITEM = exports.MEDIA_INSERT_MENU_ITEM = {
+  key: 'quick-insert-media-insert-menu-item',
+  type: 'menu-item'
+};
+var EMOJI_MENU_ITEM = exports.EMOJI_MENU_ITEM = {
+  key: 'quick-insert-emoji-menu-item',
+  type: 'menu-item'
+};
+var HYPERLINK_MENU_ITEM = exports.HYPERLINK_MENU_ITEM = {
+  key: 'quick-insert-hyperlink-menu-item',
+  type: 'menu-item'
+};
+var LOOM_MENU_ITEM = exports.LOOM_MENU_ITEM = {
+  key: 'quick-insert-loom-menu-item',
+  type: 'menu-item'
+};
+var UNORDERED_LIST_MENU_ITEM = exports.UNORDERED_LIST_MENU_ITEM = {
+  key: 'quick-insert-unordered-list-menu-item',
+  type: 'menu-item'
+};
+var ORDERED_LIST_MENU_ITEM = exports.ORDERED_LIST_MENU_ITEM = {
+  key: 'quick-insert-ordered-list-menu-item',
+  type: 'menu-item'
+};
+var STATUS_MENU_ITEM = exports.STATUS_MENU_ITEM = {
+  key: 'quick-insert-status-menu-item',
+  type: 'menu-item'
+};
+var DATE_MENU_ITEM = exports.DATE_MENU_ITEM = {
+  key: 'quick-insert-date-menu-item',
+  type: 'menu-item'
+};
+var ASK_ROVO_MENU_ITEM = exports.ASK_ROVO_MENU_ITEM = {
+  key: 'quick-insert-ask-rovo-menu-item',
+  type: 'menu-item'
+};
+var JIRA_WORK_ITEMS_MENU_ITEM = exports.JIRA_WORK_ITEMS_MENU_ITEM = {
+  key: 'quick-insert-jira-work-items-menu-item',
+  type: 'menu-item'
+};
+var ASSETS_MENU_ITEM = exports.ASSETS_MENU_ITEM = {
+  key: 'quick-insert-assets-menu-item',
+  type: 'menu-item'
+};
+var getBlockTemplateMenuItem = exports.getBlockTemplateMenuItem = function getBlockTemplateMenuItem(id) {
+  return {
+    key: "quick-insert-block-template-".concat(id),
+    type: 'menu-item'
+  };
 };

package/dist/cjs/quick-insert/messages.js

@@ -90,5 +90,50 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.editor.elementbrowser.sidebar.heading',
     defaultMessage: 'Browse',
     description: 'Heading text displayed at the top of the element browser sidebar where users can browse and filter available elements to insert.'
+  },
+  categoryRecommended: {
+    id: 'editor-common.quick-insert.categoryRecommended',
+    defaultMessage: 'Recommended',
+    description: 'Recommended items in the Quick Insert menu.'
+  },
+  categoryStructure: {
+    id: 'editor-common.quick-insert.categoryStructure',
+    defaultMessage: 'Structure',
+    description: 'Structure items in the Quick Insert menu.'
+  },
+  categoryMedia: {
+    id: 'editor-common.quick-insert.categoryMedia',
+    defaultMessage: 'Media',
+    description: 'Media items in the Quick Insert menu.'
+  },
+  categoryEmbed: {
+    id: 'editor-common.quick-insert.categoryEmbed',
+    defaultMessage: 'Embed',
+    description: 'Embed items in the Quick Insert menu.'
+  },
+  categoryTextFormatting: {
+    id: 'editor-common.quick-insert.categoryTextFormatting',
+    defaultMessage: 'Text formatting',
+    description: 'Text formatting items in the Quick Insert menu.'
+  },
+  categoryRovo: {
+    id: 'editor-common.quick-insert.categoryRovo',
+    defaultMessage: 'Rovo',
+    description: 'Rovo items in the Quick Insert menu.'
+  },
+  categoryDataAndCharts: {
+    id: 'editor-common.quick-insert.categoryDataAndCharts',
+    defaultMessage: 'Data and charts',
+    description: 'Data and chart items in the Quick Insert menu.'
+  },
+  categoryBlockTemplates: {
+    id: 'editor-common.quick-insert.categoryBlockTemplates',
+    defaultMessage: 'Block templates',
+    description: 'Block template items in the Quick Insert menu.'
+  },
+  categoryOther: {
+    id: 'editor-common.quick-insert.categoryOther',
+    defaultMessage: 'Other',
+    description: 'Other items in the Quick Insert menu.'
   }
 });

package/dist/cjs/quick-insert/rank.js

@@ -4,10 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.QUICK_INSERT_STRUCTURE_SECTION_RANK = exports.QUICK_INSERT_MENU_RANK = void 0;
+exports.TEXT_FORMATTING_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = exports.ROVO_SECTION_RANK = exports.QUICK_INSERT_MENU_RANK = exports.MEDIA_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = exports.CATEGORY_VIEW_MORE_RANK = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
 /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
 
 var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((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.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.EMBED_SECTION.key, 3), _keys.TEXT_FORMATTING_SECTION.key, 4), _keys.ROVO_SECTION.key, 5), _keys.DATA_AND_CHARTS_SECTION.key, 6), _keys.BLOCK_TEMPLATES_SECTION.key, 7), _keys.OTHER_SECTION.key, 8);
-var QUICK_INSERT_STRUCTURE_SECTION_RANK = exports.QUICK_INSERT_STRUCTURE_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.TABLE_MENU_ITEM.key, 600);
+var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (0, _defineProperty2.default)((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.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400);
+var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MEDIA_INSERT_MENU_ITEM.key, 100), _keys.HYPERLINK_MENU_ITEM.key, 200), _keys.EMOJI_MENU_ITEM.key, 300), _keys.LOOM_MENU_ITEM.key, 400);
+var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNORDERED_LIST_MENU_ITEM.key, 1100), _keys.ORDERED_LIST_MENU_ITEM.key, 1200);
+var ROVO_SECTION_RANK = exports.ROVO_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.ASK_ROVO_MENU_ITEM.key, 100);
+var DATA_AND_CHARTS_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, 300), _keys.ASSETS_MENU_ITEM.key, 500);
+var CATEGORY_VIEW_MORE_RANK = exports.CATEGORY_VIEW_MORE_RANK = Number.MAX_SAFE_INTEGER;

package/dist/cjs/type-ahead/MENU_FOOTER_SECTION_KEY_SUFFIX.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MENU_FOOTER_SECTION_KEY_SUFFIX = void 0;
+/** Identifies reserved type-ahead sections whose item is rendered as the persistent menu footer. */
+var MENU_FOOTER_SECTION_KEY_SUFFIX = exports.MENU_FOOTER_SECTION_KEY_SUFFIX = '--system-menu-footer';

package/dist/cjs/type-ahead/SECTION_OVERFLOW_ITEM_KEY_SUFFIX.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SECTION_OVERFLOW_ITEM_KEY_SUFFIX = void 0;
+/** Identifies system items that reveal the remaining items in a type-ahead section. */
+var SECTION_OVERFLOW_ITEM_KEY_SUFFIX = exports.SECTION_OVERFLOW_ITEM_KEY_SUFFIX = '--system-section-overflow';

package/dist/cjs/type-ahead/getMenuFooterSectionKey.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMenuFooterSectionKey = void 0;
+var _MENU_FOOTER_SECTION_KEY_SUFFIX = require("./MENU_FOOTER_SECTION_KEY_SUFFIX");
+/** Returns the reserved section key for a type-ahead menu's persistent footer item. */
+var getMenuFooterSectionKey = exports.getMenuFooterSectionKey = function getMenuFooterSectionKey(menuKey) {
+  return "".concat(menuKey).concat(_MENU_FOOTER_SECTION_KEY_SUFFIX.MENU_FOOTER_SECTION_KEY_SUFFIX);
+};

package/dist/cjs/type-ahead/getSectionOverflowItemKey.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSectionOverflowItemKey = void 0;
+var _SECTION_OVERFLOW_ITEM_KEY_SUFFIX = require("./SECTION_OVERFLOW_ITEM_KEY_SUFFIX");
+/** Returns the reserved key for the item that reveals the remainder of a type-ahead section. */
+var getSectionOverflowItemKey = exports.getSectionOverflowItemKey = function getSectionOverflowItemKey(sectionKey) {
+  return "".concat(sectionKey).concat(_SECTION_OVERFLOW_ITEM_KEY_SUFFIX.SECTION_OVERFLOW_ITEM_KEY_SUFFIX);
+};

package/dist/cjs/type-ahead/isMenuFooterSectionKey.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMenuFooterSectionKey = void 0;
+var _MENU_FOOTER_SECTION_KEY_SUFFIX = require("./MENU_FOOTER_SECTION_KEY_SUFFIX");
+/** Identifies reserved type-ahead sections whose item is rendered as a persistent footer. */
+var isMenuFooterSectionKey = exports.isMenuFooterSectionKey = function isMenuFooterSectionKey(key) {
+  return key.endsWith(_MENU_FOOTER_SECTION_KEY_SUFFIX.MENU_FOOTER_SECTION_KEY_SUFFIX);
+};

package/dist/cjs/type-ahead/isSectionOverflowItemKey.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSectionOverflowItemKey = void 0;
+var _SECTION_OVERFLOW_ITEM_KEY_SUFFIX = require("./SECTION_OVERFLOW_ITEM_KEY_SUFFIX");
+/** Identifies items reserved for revealing the remainder of a type-ahead section. */
+var isSectionOverflowItemKey = exports.isSectionOverflowItemKey = function isSectionOverflowItemKey(key) {
+  return key.endsWith(_SECTION_OVERFLOW_ITEM_KEY_SUFFIX.SECTION_OVERFLOW_ITEM_KEY_SUFFIX);
+};

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "117.1.0";
+var packageVersion = "117.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "117.1.0";
+const packageVersion = "117.1.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/QuickInsertMenuItem.compiled.css

@@ -0,0 +1,18 @@
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zr1b66{padding-inline:var(--ds-space-050,4px)}
+._1dqonqa1{border-style:solid}
+._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
+._1rjcv77o{padding-block:var(--ds-space-025,2px)}
+._18m915vq{overflow-y:hidden}
+._1bah1h6o{justify-content:center}
+._1bsbzwfg{width:2pc}
+._1e0c1txw{display:flex}
+._1reo15vq{overflow-x:hidden}
+._4cvr1h6o{align-items:center}
+._4t3izwfg{height:2pc}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/es2019/quick-insert/QuickInsertMenuItem.js

@@ -0,0 +1,51 @@
+/* QuickInsertMenuItem.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./QuickInsertMenuItem.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback } from 'react';
+import ButtonItem from '@atlaskit/menu/button-item';
+import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
+import { useQuickInsertContext } from './useQuickInsertContext';
+const styles = {
+  icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
+  shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
+};
+export const QuickInsertMenuItem = ({
+  ariaLabel,
+  iconBefore,
+  isDisabled,
+  onSelect,
+  shortcut,
+  shouldWrapIcon = true,
+  title
+}) => {
+  var _item$isSelected;
+  const {
+    editorView,
+    item,
+    select
+  } = useQuickInsertContext();
+  const isSelected = (_item$isSelected = item === null || item === void 0 ? void 0 : item.isSelected) !== null && _item$isSelected !== void 0 ? _item$isSelected : false;
+  const handleClick = useCallback(() => select(selectionContext => onSelect({
+    editorView,
+    insert: selectionContext.insert,
+    source: selectionContext.source
+  })), [editorView, onSelect, select]);
+  return /*#__PURE__*/React.createElement(ButtonItem, {
+    "aria-label": ariaLabel,
+    "aria-selected": isSelected,
+    iconBefore: iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.icon
+    }, iconBefore) : iconBefore,
+    id: item === null || item === void 0 ? void 0 : item.id,
+    isDisabled: isDisabled,
+    isSelected: isSelected,
+    onClick: handleClick,
+    role: "option"
+  }, /*#__PURE__*/React.createElement(Inline, {
+    alignBlock: "center",
+    spread: "space-between"
+  }, /*#__PURE__*/React.createElement(Text, null, title), shortcut && /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    xcss: styles.shortcut
+  }, shortcut)));
+};

package/dist/es2019/quick-insert/QuickInsertMenuRoot.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import MenuGroup from '@atlaskit/menu/menu-group';
+export const QuickInsertMenuRoot = ({
+  children
+}) => /*#__PURE__*/React.createElement(MenuGroup, null, children);

package/dist/es2019/quick-insert/QuickInsertMenuSection.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Section from '@atlaskit/menu/section';
+export const QuickInsertMenuSection = ({
+  children,
+  title
+}) => /*#__PURE__*/React.createElement(Section, {
+  title: title
+}, children);

package/dist/es2019/quick-insert/keys.js

@@ -39,7 +39,83 @@ export const OTHER_SECTION = {
   key: 'quick-insert-other-section',
   type: 'menu-section'
 };
+export const VIEW_ALL_ELEMENTS_MENU_ITEM = {
+  key: 'quick-insert-view-all-elements-menu-item',
+  type: 'menu-item'
+};
 export const TABLE_MENU_ITEM = {
   key: 'quick-insert-table-menu-item',
   type: 'menu-item'
-};
+};
+export const INFO_PANEL_MENU_ITEM = {
+  key: 'quick-insert-info-panel-menu-item',
+  type: 'menu-item'
+};
+export const NOTE_PANEL_MENU_ITEM = {
+  key: 'quick-insert-note-panel-menu-item',
+  type: 'menu-item'
+};
+export const SUCCESS_PANEL_MENU_ITEM = {
+  key: 'quick-insert-success-panel-menu-item',
+  type: 'menu-item'
+};
+export const WARNING_PANEL_MENU_ITEM = {
+  key: 'quick-insert-warning-panel-menu-item',
+  type: 'menu-item'
+};
+export const ERROR_PANEL_MENU_ITEM = {
+  key: 'quick-insert-error-panel-menu-item',
+  type: 'menu-item'
+};
+export const CUSTOM_PANEL_MENU_ITEM = {
+  key: 'quick-insert-custom-panel-menu-item',
+  type: 'menu-item'
+};
+export const MEDIA_INSERT_MENU_ITEM = {
+  key: 'quick-insert-media-insert-menu-item',
+  type: 'menu-item'
+};
+export const EMOJI_MENU_ITEM = {
+  key: 'quick-insert-emoji-menu-item',
+  type: 'menu-item'
+};
+export const HYPERLINK_MENU_ITEM = {
+  key: 'quick-insert-hyperlink-menu-item',
+  type: 'menu-item'
+};
+export const LOOM_MENU_ITEM = {
+  key: 'quick-insert-loom-menu-item',
+  type: 'menu-item'
+};
+export const UNORDERED_LIST_MENU_ITEM = {
+  key: 'quick-insert-unordered-list-menu-item',
+  type: 'menu-item'
+};
+export const ORDERED_LIST_MENU_ITEM = {
+  key: 'quick-insert-ordered-list-menu-item',
+  type: 'menu-item'
+};
+export const STATUS_MENU_ITEM = {
+  key: 'quick-insert-status-menu-item',
+  type: 'menu-item'
+};
+export const DATE_MENU_ITEM = {
+  key: 'quick-insert-date-menu-item',
+  type: 'menu-item'
+};
+export const ASK_ROVO_MENU_ITEM = {
+  key: 'quick-insert-ask-rovo-menu-item',
+  type: 'menu-item'
+};
+export const JIRA_WORK_ITEMS_MENU_ITEM = {
+  key: 'quick-insert-jira-work-items-menu-item',
+  type: 'menu-item'
+};
+export const ASSETS_MENU_ITEM = {
+  key: 'quick-insert-assets-menu-item',
+  type: 'menu-item'
+};
+export const getBlockTemplateMenuItem = id => ({
+  key: `quick-insert-block-template-${id}`,
+  type: 'menu-item'
+});

package/dist/es2019/quick-insert/messages.js

@@ -84,5 +84,50 @@ export const messages = defineMessages({
     id: 'fabric.editor.elementbrowser.sidebar.heading',
     defaultMessage: 'Browse',
     description: 'Heading text displayed at the top of the element browser sidebar where users can browse and filter available elements to insert.'
+  },
+  categoryRecommended: {
+    id: 'editor-common.quick-insert.categoryRecommended',
+    defaultMessage: 'Recommended',
+    description: 'Recommended items in the Quick Insert menu.'
+  },
+  categoryStructure: {
+    id: 'editor-common.quick-insert.categoryStructure',
+    defaultMessage: 'Structure',
+    description: 'Structure items in the Quick Insert menu.'
+  },
+  categoryMedia: {
+    id: 'editor-common.quick-insert.categoryMedia',
+    defaultMessage: 'Media',
+    description: 'Media items in the Quick Insert menu.'
+  },
+  categoryEmbed: {
+    id: 'editor-common.quick-insert.categoryEmbed',
+    defaultMessage: 'Embed',
+    description: 'Embed items in the Quick Insert menu.'
+  },
+  categoryTextFormatting: {
+    id: 'editor-common.quick-insert.categoryTextFormatting',
+    defaultMessage: 'Text formatting',
+    description: 'Text formatting items in the Quick Insert menu.'
+  },
+  categoryRovo: {
+    id: 'editor-common.quick-insert.categoryRovo',
+    defaultMessage: 'Rovo',
+    description: 'Rovo items in the Quick Insert menu.'
+  },
+  categoryDataAndCharts: {
+    id: 'editor-common.quick-insert.categoryDataAndCharts',
+    defaultMessage: 'Data and charts',
+    description: 'Data and chart items in the Quick Insert menu.'
+  },
+  categoryBlockTemplates: {
+    id: 'editor-common.quick-insert.categoryBlockTemplates',
+    defaultMessage: 'Block templates',
+    description: 'Block template items in the Quick Insert menu.'
+  },
+  categoryOther: {
+    id: 'editor-common.quick-insert.categoryOther',
+    defaultMessage: 'Other',
+    description: 'Other items in the Quick Insert menu.'
   }
 });