@atlaskit/editor-common 120.10.3 → 120.11.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-common
 
+## 120.11.0
+
+### Minor Changes
+
+- [`25ed290dcc443`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ed290dcc443) -
+  Add Quick Insert category selection support for slash commands behind the
+  platform_editor_slash_command feature flag.
+
+### Patch Changes
+
+- [`8db4908d60862`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8db4908d60862) -
+  Clean up experiment platform_editor_plus_menu_aria_label
+- [`167dc88b2c79c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/167dc88b2c79c) -
+  Show unpublished state in synced-block labels and open the publish tooltip from the whole label,
+  behind the `editor-synced-block-same-page-sync` experiment
+- Updated dependencies
+
+## 120.10.4
+
+### Patch Changes
+
+- [`38efae8b5d945`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38efae8b5d945) -
+  Scope MultiBodiedExtension active frame styles to the owning frames article to avoid showing
+  nested inactive tab bodies.
+
 ## 120.10.3
 
 ### Patch Changes

package/dist/cjs/element-browser/ElementBrowser.js

@@ -13,6 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _getActiveQuickInsertCategories = require("../quick-insert/getActiveQuickInsertCategories");
 var _StatelessElementBrowser = _interopRequireDefault(require("./components/StatelessElementBrowser"));
 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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -48,7 +49,7 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
       }
       return categories.filter(function (category) {
         return category.name === 'all' || items.some(function (item) {
-          return (item.categories || []).includes(category.name);
+          return (0, _getActiveQuickInsertCategories.getActiveQuickInsertCategories)(item.category, item.categories).includes(category.name);
         });
       });
     });

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -192,7 +192,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
     selectedItemIndex = props.selectedItemIndex;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var elementListAriaLabel = (0, _expValEquals.expValEquals)('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(_messages.default.elementListAriaLabel) : undefined;
+  var elementListAriaLabel = formatMessage(_messages.default.elementListAriaLabel);
   var rowRenderer = (0, _react.useMemo)(function () {
     return function (_ref4) {
       var index = _ref4.index,
@@ -281,7 +281,7 @@ var ElementListMultipleColumns = function ElementListMultipleColumns(props) {
     selectedItemIndex = props.selectedItemIndex;
   var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
-  var elementListAriaLabel = (0, _expValEquals.expValEquals)('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(_messages.default.elementListAriaLabel) : undefined;
+  var elementListAriaLabel = formatMessage(_messages.default.elementListAriaLabel);
   var columnWidth = (containerWidth - _constants.ELEMENT_ITEM_PADDING * 2) / columnCount;
   var rowCount = Math.ceil(items.length / columnCount);
   var cellRenderer = (0, _react.useMemo)(function () {

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -37,8 +37,11 @@ var _excluded = ["url"];
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
 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 getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, frameId, showMacroInteractionDesignUpdates) {
-  var activeFrameSelector = (0, _fg.fg)('platform_editor_nested_mbe_frames') ? "[data-multibodiedextension-frames-id='".concat(frameId, "'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(").concat(activeChildIndex + 1, ")") : ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
+var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
+  if ((0, _fg.fg)('platform_editor_nested_mbe_frames')) {
+    return _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
+  }
+  var activeFrameSelector = ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return (0, _react2.css)(_MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer, (0, _defineProperty2.default)({}, activeFrameSelector, (0, _react2.css)(
@@ -47,10 +50,21 @@ var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activ
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   showMacroInteractionDesignUpdates && _MultiBodiedExtension.removeMarginsAndBorder)));
 };
+var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
+  if (!(0, _fg.fg)('platform_editor_nested_mbe_frames')) {
+    return undefined;
+  }
+  var activeFrameSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
+  return (0, _react2.css)((0, _defineProperty2.default)({}, activeFrameSelector, (0, _react2.css)(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.extensionFrameContent,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  showMacroInteractionDesignUpdates && _MultiBodiedExtension.removeMarginsAndBorder)));
+};
 
 // Renders a visual placeholder when the active frame contains a single empty paragraph.
-var getEmptyFramePlaceholderStyles = function getEmptyFramePlaceholderStyles(activeChildIndex, frameId, placeholderText) {
-  var activeFramePlaceholderSelector = (0, _fg.fg)('platform_editor_nested_mbe_frames') ? "& [data-multibodiedextension-frames-id='".concat(frameId, "'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(").concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before") : "& .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before");
+var getEmptyFramePlaceholderStyles = function getEmptyFramePlaceholderStyles(activeChildIndex, placeholderText) {
+  var activeFramePlaceholderSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before");
   return (0, _react2.css)((0, _defineProperty2.default)({}, activeFramePlaceholderSelector, {
     color: "var(--ds-text-subtlest, #6B6E76)",
     // JSON.stringify produces a quoted and escaped CSS string.
@@ -75,14 +89,19 @@ var hoverStylesOld = (0, _react2.css)({
   }
 });
 var MultiBodiedExtensionFrames = function MultiBodiedExtensionFrames(_ref) {
-  var articleRef = _ref.articleRef,
-    frameId = _ref.frameId;
+  var activeChildIndex = _ref.activeChildIndex,
+    articleRef = _ref.articleRef,
+    emptyFramePlaceholderText = _ref.emptyFramePlaceholderText,
+    shouldShowEmptyFramePlaceholder = _ref.shouldShowEmptyFramePlaceholder,
+    showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates;
   return (0, _react2.jsx)("article", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "multiBodiedExtension--frames",
+    css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
+    getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, emptyFramePlaceholderText)
+    /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--frames",
     "data-multibodiedextension-frames": true,
-    "data-multibodiedextension-frames-id": frameId,
     ref: articleRef
   });
 };
@@ -212,10 +231,6 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     activeChildIndex = _useState4[0],
     setActiveChildIndex = _useState4[1];
-  // Used by the gated active-frame styles to scope selection to this MBE instance.
-  // Editor frames sit under ProseMirror's contentDOM wrapper, so the id anchors the
-  // selector at the owning MBE before it reaches that wrapper and its direct frames.
-  var frameId = _react.default.useId();
   // Adding to avoid aliasing `this` for the callbacks
   var updateActiveChild = _react.default.useCallback(function (index) {
     if (typeof index !== 'number') {
@@ -228,12 +243,19 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   var articleRef = _react.default.useCallback(function (node) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
+  var shouldShowEmptyFramePlaceholder = (0, _isExperimentEnabled.isExperimentEnabled)('confluence_native_tabs_m15');
+  var emptyFramePlaceholderText = _react.default.useMemo(function () {
+    return JSON.stringify(formatMessage(_placeholderText.placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText));
+  }, [formatMessage]);
   var childrenContainer = _react.default.useMemo(function () {
     return (0, _react2.jsx)(MultiBodiedExtensionFrames, {
+      activeChildIndex: activeChildIndex,
       articleRef: articleRef,
-      frameId: frameId
+      emptyFramePlaceholderText: emptyFramePlaceholderText,
+      shouldShowEmptyFramePlaceholder: shouldShowEmptyFramePlaceholder,
+      showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
     });
-  }, [articleRef, frameId]);
+  }, [activeChildIndex, articleRef, emptyFramePlaceholderText, shouldShowEmptyFramePlaceholder, showMacroInteractionDesignUpdates]);
   var actions = (0, _actionApi.useMultiBodiedExtensionActions)({
     updateActiveChild: updateActiveChild,
     editorView: editorView,
@@ -266,10 +288,6 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     mbeWrapperStyles = breakoutStyles;
   }
   var shouldUseUpdatedChrome = (0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true);
-  var shouldShowEmptyFramePlaceholder = (0, _isExperimentEnabled.isExperimentEnabled)('confluence_native_tabs_m15');
-  var emptyFramePlaceholderText = _react.default.useMemo(function () {
-    return JSON.stringify(formatMessage(_placeholderText.placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText));
-  }, [formatMessage]);
   var isSelectionInsideMultiBodiedExtension = useIsSelectionInsideNode(editorView, node, getPos, shouldUseUpdatedChrome && !isLivePageViewMode);
   var isMultiBodiedExtensionActive = isNodeSelected || isSelectionInsideMultiBodiedExtension;
   var shouldShowChromeOnInteraction = isNodeHovered || isMultiBodiedExtensionActive;
@@ -345,7 +363,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: containerClassNames,
     css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
-    getContainerCssExtendedStyles(activeChildIndex, frameId, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, frameId, emptyFramePlaceholderText)
+    getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates)
     /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,

package/dist/cjs/extensions/buildMenuItem.js

@@ -11,14 +11,15 @@ var _manifestHelpers = require("./manifest-helpers");
 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; }
 function buildMenuItem(manifest, extensionModule) {
-  var _ref, _extensionModule$app;
+  var _extensionModule$cate, _ref, _extensionModule$app;
   var title = extensionModule.title || manifest.title;
   var key = "".concat(manifest.key, ":").concat(extensionModule.key);
   var node = (0, _manifestHelpers.buildAction)(extensionModule.action, manifest);
+  var category = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? (_extensionModule$cate = extensionModule.category) !== null && _extensionModule$cate !== void 0 ? _extensionModule$cate : manifest.category : undefined;
   if (!node) {
     throw new Error("Couldn't find any action for ".concat(title, " (").concat(key, ")"));
   }
-  return _objectSpread(_objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') ? {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') ? {
     app: (_ref = (_extensionModule$app = extensionModule.app) !== null && _extensionModule$app !== void 0 ? _extensionModule$app : manifest.app) !== null && _ref !== void 0 ? _ref : {
       key: manifest.key
     }
@@ -28,8 +29,11 @@ function buildMenuItem(manifest, extensionModule) {
     extensionType: manifest.type,
     extensionKey: manifest.key,
     keywords: extensionModule.keywords || manifest.keywords || [],
-    featured: extensionModule.featured || false,
-    categories: extensionModule.categories || manifest.categories || [],
+    featured: extensionModule.featured || false
+  }, category !== null && category !== void 0 && category.trim() ? {
+    category: category
+  } : {}), {}, {
+    categories: category !== null && category !== void 0 && category.trim() ? [category] : extensionModule.categories || manifest.categories || [],
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl,

package/dist/cjs/messages/syncBlock.js

@@ -301,6 +301,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'Synced content will display <link>when the page is published</link>',
     description: 'Error message which is shown over sync block when the source page is unpublished.'
   },
+  unpublishedInParentheses: {
+    id: 'editor-common.messages.syncBlock.unpublishedInParentheses',
+    defaultMessage: '(unpublished)',
+    description: 'Parenthetical appended to a synced-block label when the source document is unpublished'
+  },
   unpublishedErrorJiraWorkItem: {
     id: 'fabric.editor.error.description.reference.unpublished.jiraWorkItem',
     defaultMessage: "Synced content will display <link>when the item's description is saved</link>",

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 = "120.10.2";
+var packageVersion = "120.10.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getActiveQuickInsertCategories = void 0;
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+/**
+ * Returns the Quick Insert categories active for the current experiment state.
+ */
+var getActiveQuickInsertCategories = exports.getActiveQuickInsertCategories = function getActiveQuickInsertCategories(category, legacyCategories) {
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') && category !== null && category !== void 0 && category.trim() ? [category] : legacyCategories !== null && legacyCategories !== void 0 ? legacyCategories : [];
+};

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getQuickInsertMenuItemParents = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
+var _getActiveQuickInsertCategories = require("./getActiveQuickInsertCategories");
 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; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -33,15 +34,16 @@ var categorySections = {
   visuals: _keys.MEDIA_SECTION
 };
 var getQuickInsertMenuItemParents = exports.getQuickInsertMenuItemParents = function getQuickInsertMenuItemParents(_ref) {
-  var categories = _ref.categories,
+  var category = _ref.category,
+    legacyCategories = _ref.legacyCategories,
     rank = _ref.rank;
   var sections = new Map();
-  var _iterator = _createForOfIteratorHelper(categories !== null && categories !== void 0 ? categories : []),
+  var _iterator = _createForOfIteratorHelper((0, _getActiveQuickInsertCategories.getActiveQuickInsertCategories)(category, legacyCategories)),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var category = _step.value;
-      var section = categorySections[category.trim().toLowerCase()];
+      var itemCategory = _step.value;
+      var section = categorySections[itemCategory.trim().toLowerCase()];
       if (section) {
         sections.set(section.key, section);
       }

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

@@ -10,8 +10,8 @@ var _keys = require("./keys");
 var _STRUCTURE_SECTION_RA;
 /* 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 STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (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)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.MENTION_MENU_ITEM.key, 500), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), (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)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
-var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((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), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 600);
+var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (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)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _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), (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)(_STRUCTURE_SECTION_RA, _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
+var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((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), _keys.MENTION_MENU_ITEM.key, 1500), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
 var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_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)((0, _defineProperty2.default)({}, _keys.HEADING_1_MENU_ITEM.key, 100), _keys.HEADING_2_MENU_ITEM.key, 200), _keys.HEADING_3_MENU_ITEM.key, 300), _keys.HEADING_4_MENU_ITEM.key, 400), _keys.HEADING_5_MENU_ITEM.key, 500), _keys.HEADING_6_MENU_ITEM.key, 600), _keys.BLOCKQUOTE_MENU_ITEM.key, 700), _keys.PLACEHOLDER_TEXT_MENU_ITEM.key, 900), _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);

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 = "120.10.2";
+var packageVersion = "120.10.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/element-browser/ElementBrowser.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
+import { getActiveQuickInsertCategories } from '../quick-insert/getActiveQuickInsertCategories';
 import StatelessElementBrowser from './components/StatelessElementBrowser';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -22,7 +23,7 @@ export default class ElementBrowser extends PureComponent {
       if (!showCategories) {
         return [];
       }
-      return categories.filter(category => category.name === 'all' || items.some(item => (item.categories || []).includes(category.name)));
+      return categories.filter(category => category.name === 'all' || items.some(item => getActiveQuickInsertCategories(item.category, item.categories).includes(category.name)));
     });
     _defineProperty(this, "fetchItems", (query, category) => {
       return this.props.getItems(query, category);

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -181,7 +181,7 @@ const ElementListSingleColumn = props => {
   const {
     formatMessage
   } = useIntl();
-  const elementListAriaLabel = expValEquals('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(commonMessages.elementListAriaLabel) : undefined;
+  const elementListAriaLabel = formatMessage(commonMessages.elementListAriaLabel);
   const rowRenderer = useMemo(() => ({
     index,
     key,
@@ -272,7 +272,7 @@ const ElementListMultipleColumns = props => {
   const {
     formatMessage
   } = useIntl();
-  const elementListAriaLabel = expValEquals('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(commonMessages.elementListAriaLabel) : undefined;
+  const elementListAriaLabel = formatMessage(commonMessages.elementListAriaLabel);
   const columnWidth = (containerWidth - ELEMENT_ITEM_PADDING * 2) / columnCount;
   const rowCount = Math.ceil(items.length / columnCount);
   const cellRenderer = useMemo(() => ({

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -25,8 +25,11 @@ import { ExtensionFloatingLabel } from '../Extension/Lozenge/ExtensionFloatingLa
 import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSSStyles, mbeExtensionWrapperCSSStylesOld, overlayStyles, overlayStylesOld } from './styles';
-const getContainerCssExtendedStyles = (activeChildIndex, frameId, showMacroInteractionDesignUpdates) => {
-  const activeFrameSelector = fg('platform_editor_nested_mbe_frames') ? `[data-multibodiedextension-frames-id='${frameId}'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})` : `.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
+const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
+  if (fg('platform_editor_nested_mbe_frames')) {
+    return sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
+  }
+  const activeFrameSelector = `.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
@@ -38,10 +41,24 @@ const getContainerCssExtendedStyles = (activeChildIndex, frameId, showMacroInter
     showMacroInteractionDesignUpdates && removeMarginsAndBorder)
   });
 };
+const getFramesActiveFrameStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => {
+  if (!fg('platform_editor_nested_mbe_frames')) {
+    return undefined;
+  }
+  const activeFrameSelector = `& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`;
+  return css({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    [activeFrameSelector]: css(
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    sharedMultiBodiedExtensionStyles.extensionFrameContent,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    showMacroInteractionDesignUpdates && removeMarginsAndBorder)
+  });
+};
 
 // Renders a visual placeholder when the active frame contains a single empty paragraph.
-const getEmptyFramePlaceholderStyles = (activeChildIndex, frameId, placeholderText) => {
-  const activeFramePlaceholderSelector = fg('platform_editor_nested_mbe_frames') ? `& [data-multibodiedextension-frames-id='${frameId}'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before` : `& .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before`;
+const getEmptyFramePlaceholderStyles = (activeChildIndex, placeholderText) => {
+  const activeFramePlaceholderSelector = `& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before`;
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     [activeFramePlaceholderSelector]: {
@@ -69,15 +86,20 @@ const hoverStylesOld = css({
   }
 });
 const MultiBodiedExtensionFrames = ({
+  activeChildIndex,
   articleRef,
-  frameId
+  emptyFramePlaceholderText,
+  shouldShowEmptyFramePlaceholder,
+  showMacroInteractionDesignUpdates
 }) => {
   return jsx("article", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "multiBodiedExtension--frames",
+    css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
+    getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, emptyFramePlaceholderText)
+    /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--frames",
     "data-multibodiedextension-frames": true,
-    "data-multibodiedextension-frames-id": frameId,
     ref: articleRef
   });
 };
@@ -204,10 +226,6 @@ const MultiBodiedExtensionWithWidth = ({
     formatMessage
   } = useIntl();
   const [activeChildIndex, setActiveChildIndex] = useState(0);
-  // Used by the gated active-frame styles to scope selection to this MBE instance.
-  // Editor frames sit under ProseMirror's contentDOM wrapper, so the id anchors the
-  // selector at the owning MBE before it reaches that wrapper and its direct frames.
-  const frameId = React.useId();
   // Adding to avoid aliasing `this` for the callbacks
   const updateActiveChild = React.useCallback(index => {
     if (typeof index !== 'number') {
@@ -220,12 +238,17 @@ const MultiBodiedExtensionWithWidth = ({
   const articleRef = React.useCallback(node => {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
+  const shouldShowEmptyFramePlaceholder = isExperimentEnabled('confluence_native_tabs_m15');
+  const emptyFramePlaceholderText = React.useMemo(() => JSON.stringify(formatMessage(placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText)), [formatMessage]);
   const childrenContainer = React.useMemo(() => {
     return jsx(MultiBodiedExtensionFrames, {
+      activeChildIndex: activeChildIndex,
       articleRef: articleRef,
-      frameId: frameId
+      emptyFramePlaceholderText: emptyFramePlaceholderText,
+      shouldShowEmptyFramePlaceholder: shouldShowEmptyFramePlaceholder,
+      showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
     });
-  }, [articleRef, frameId]);
+  }, [activeChildIndex, articleRef, emptyFramePlaceholderText, shouldShowEmptyFramePlaceholder, showMacroInteractionDesignUpdates]);
   const actions = useMultiBodiedExtensionActions({
     updateActiveChild,
     editorView,
@@ -259,8 +282,6 @@ const MultiBodiedExtensionWithWidth = ({
     mbeWrapperStyles = breakoutStyles;
   }
   const shouldUseUpdatedChrome = expValEquals('confluence_native_tabs_experiment', 'isEnabled', true);
-  const shouldShowEmptyFramePlaceholder = isExperimentEnabled('confluence_native_tabs_m15');
-  const emptyFramePlaceholderText = React.useMemo(() => JSON.stringify(formatMessage(placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText)), [formatMessage]);
   const isSelectionInsideMultiBodiedExtension = useIsSelectionInsideNode(editorView, node, getPos, shouldUseUpdatedChrome && !isLivePageViewMode);
   const isMultiBodiedExtensionActive = isNodeSelected || isSelectionInsideMultiBodiedExtension;
   const shouldShowChromeOnInteraction = isNodeHovered || isMultiBodiedExtensionActive;
@@ -332,7 +353,7 @@ const MultiBodiedExtensionWithWidth = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: containerClassNames,
     css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
-    getContainerCssExtendedStyles(activeChildIndex, frameId, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, frameId, emptyFramePlaceholderText)
+    getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates)
     /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,

package/dist/es2019/extensions/buildMenuItem.js

@@ -1,10 +1,11 @@
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { buildAction } from './manifest-helpers';
 export function buildMenuItem(manifest, extensionModule) {
-  var _ref, _extensionModule$app;
+  var _extensionModule$cate, _ref, _extensionModule$app;
   const title = extensionModule.title || manifest.title;
   const key = `${manifest.key}:${extensionModule.key}`;
   const node = buildAction(extensionModule.action, manifest);
+  const category = isExperimentEnabled('platform_editor_slash_command') ? (_extensionModule$cate = extensionModule.category) !== null && _extensionModule$cate !== void 0 ? _extensionModule$cate : manifest.category : undefined;
   if (!node) {
     throw new Error(`Couldn't find any action for ${title} (${key})`);
   }
@@ -20,7 +21,12 @@ export function buildMenuItem(manifest, extensionModule) {
     extensionKey: manifest.key,
     keywords: extensionModule.keywords || manifest.keywords || [],
     featured: extensionModule.featured || false,
-    categories: extensionModule.categories || manifest.categories || [],
+    // Keep `categories` populated for legacy Quick Insert consumers while
+    // the singular category field is introduced.
+    ...(category !== null && category !== void 0 && category.trim() ? {
+      category
+    } : {}),
+    categories: category !== null && category !== void 0 && category.trim() ? [category] : extensionModule.categories || manifest.categories || [],
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl,

package/dist/es2019/messages/syncBlock.js

@@ -295,6 +295,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Synced content will display <link>when the page is published</link>',
     description: 'Error message which is shown over sync block when the source page is unpublished.'
   },
+  unpublishedInParentheses: {
+    id: 'editor-common.messages.syncBlock.unpublishedInParentheses',
+    defaultMessage: '(unpublished)',
+    description: 'Parenthetical appended to a synced-block label when the source document is unpublished'
+  },
   unpublishedErrorJiraWorkItem: {
     id: 'fabric.editor.error.description.reference.unpublished.jiraWorkItem',
     defaultMessage: "Synced content will display <link>when the item's description is saved</link>",

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 = "120.10.2";
+const packageVersion = "120.10.4";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -0,0 +1,6 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+
+/**
+ * Returns the Quick Insert categories active for the current experiment state.
+ */
+export const getActiveQuickInsertCategories = (category, legacyCategories) => isExperimentEnabled('platform_editor_slash_command') && category !== null && category !== void 0 && category.trim() ? [category] : legacyCategories !== null && legacyCategories !== void 0 ? legacyCategories : [];

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

@@ -1,4 +1,5 @@
 import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
+import { getActiveQuickInsertCategories } from './getActiveQuickInsertCategories';
 const categorySections = {
   admin: STRUCTURE_SECTION,
   ai: ROVO_SECTION,
@@ -20,12 +21,13 @@ const categorySections = {
   visuals: MEDIA_SECTION
 };
 export const getQuickInsertMenuItemParents = ({
-  categories,
+  category,
+  legacyCategories,
   rank
 }) => {
   const sections = new Map();
-  for (const category of categories !== null && categories !== void 0 ? categories : []) {
-    const section = categorySections[category.trim().toLowerCase()];
+  for (const itemCategory of getActiveQuickInsertCategories(category, legacyCategories)) {
+    const section = categorySections[itemCategory.trim().toLowerCase()];
     if (section) {
       sections.set(section.key, section);
     }

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

@@ -16,7 +16,6 @@ export const STRUCTURE_SECTION_RANK = {
   [TABLE_MENU_ITEM.key]: 200,
   [STATUS_MENU_ITEM.key]: 300,
   [DATE_MENU_ITEM.key]: 400,
-  [MENTION_MENU_ITEM.key]: 500,
   [EXPAND_MENU_ITEM.key]: 700,
   [CODE_BLOCK_MENU_ITEM.key]: 800,
   [INFO_PANEL_MENU_ITEM.key]: 900,
@@ -38,7 +37,8 @@ export const MEDIA_SECTION_RANK = {
   [HYPERLINK_MENU_ITEM.key]: 200,
   [EMOJI_MENU_ITEM.key]: 300,
   [LOOM_MENU_ITEM.key]: 400,
-  [AI_IMAGE_GENERATION_MENU_ITEM.key]: 600
+  [MENTION_MENU_ITEM.key]: 1500,
+  [AI_IMAGE_GENERATION_MENU_ITEM.key]: 1600
 };
 export const TEXT_FORMATTING_SECTION_RANK = {
   [HEADING_1_MENU_ITEM.key]: 100,

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "120.10.2";
+const packageVersion = "120.10.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/element-browser/ElementBrowser.js

@@ -7,6 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
+import { getActiveQuickInsertCategories } from '../quick-insert/getActiveQuickInsertCategories';
 import StatelessElementBrowser from './components/StatelessElementBrowser';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -39,7 +40,7 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
       }
       return categories.filter(function (category) {
         return category.name === 'all' || items.some(function (item) {
-          return (item.categories || []).includes(category.name);
+          return getActiveQuickInsertCategories(item.category, item.categories).includes(category.name);
         });
       });
     });

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -181,7 +181,7 @@ var ElementListSingleColumn = function ElementListSingleColumn(props) {
     selectedItemIndex = props.selectedItemIndex;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var elementListAriaLabel = expValEquals('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(commonMessages.elementListAriaLabel) : undefined;
+  var elementListAriaLabel = formatMessage(commonMessages.elementListAriaLabel);
   var rowRenderer = useMemo(function () {
     return function (_ref4) {
       var index = _ref4.index,
@@ -270,7 +270,7 @@ var ElementListMultipleColumns = function ElementListMultipleColumns(props) {
     selectedItemIndex = props.selectedItemIndex;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
-  var elementListAriaLabel = expValEquals('platform_editor_plus_menu_aria_label', 'isEnabled', true) ? formatMessage(commonMessages.elementListAriaLabel) : undefined;
+  var elementListAriaLabel = formatMessage(commonMessages.elementListAriaLabel);
   var columnWidth = (containerWidth - ELEMENT_ITEM_PADDING * 2) / columnCount;
   var rowCount = Math.ceil(items.length / columnCount);
   var cellRenderer = useMemo(function () {

package/dist/esm/extensibility/MultiBodiedExtension/index.js

@@ -30,8 +30,11 @@ import { ExtensionFloatingLabel } from '../Extension/Lozenge/ExtensionFloatingLa
 import { shouldExtensionBreakout } from '../utils/should-extension-breakout';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSSStyles, mbeExtensionWrapperCSSStylesOld, overlayStyles, overlayStylesOld } from './styles';
-var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, frameId, showMacroInteractionDesignUpdates) {
-  var activeFrameSelector = fg('platform_editor_nested_mbe_frames') ? "[data-multibodiedextension-frames-id='".concat(frameId, "'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(").concat(activeChildIndex + 1, ")") : ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
+var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
+  if (fg('platform_editor_nested_mbe_frames')) {
+    return sharedMultiBodiedExtensionStyles.mbeExtensionContainer;
+  }
+  var activeFrameSelector = ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
 
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, _defineProperty({}, activeFrameSelector, css(
@@ -40,10 +43,21 @@ var getContainerCssExtendedStyles = function getContainerCssExtendedStyles(activ
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   showMacroInteractionDesignUpdates && removeMarginsAndBorder)));
 };
+var getFramesActiveFrameStyles = function getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates) {
+  if (!fg('platform_editor_nested_mbe_frames')) {
+    return undefined;
+  }
+  var activeFrameSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")");
+  return css(_defineProperty({}, activeFrameSelector, css(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  sharedMultiBodiedExtensionStyles.extensionFrameContent,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  showMacroInteractionDesignUpdates && removeMarginsAndBorder)));
+};
 
 // Renders a visual placeholder when the active frame contains a single empty paragraph.
-var getEmptyFramePlaceholderStyles = function getEmptyFramePlaceholderStyles(activeChildIndex, frameId, placeholderText) {
-  var activeFramePlaceholderSelector = fg('platform_editor_nested_mbe_frames') ? "& [data-multibodiedextension-frames-id='".concat(frameId, "'] > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(").concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before") : "& .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before");
+var getEmptyFramePlaceholderStyles = function getEmptyFramePlaceholderStyles(activeChildIndex, placeholderText) {
+  var activeFramePlaceholderSelector = "& > .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ") > p:only-child:has(> .ProseMirror-trailingBreak:only-child)::before");
   return css(_defineProperty({}, activeFramePlaceholderSelector, {
     color: "var(--ds-text-subtlest, #6B6E76)",
     // JSON.stringify produces a quoted and escaped CSS string.
@@ -68,14 +82,19 @@ var hoverStylesOld = css({
   }
 });
 var MultiBodiedExtensionFrames = function MultiBodiedExtensionFrames(_ref) {
-  var articleRef = _ref.articleRef,
-    frameId = _ref.frameId;
+  var activeChildIndex = _ref.activeChildIndex,
+    articleRef = _ref.articleRef,
+    emptyFramePlaceholderText = _ref.emptyFramePlaceholderText,
+    shouldShowEmptyFramePlaceholder = _ref.shouldShowEmptyFramePlaceholder,
+    showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates;
   return jsx("article", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "multiBodiedExtension--frames",
+    css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
+    getFramesActiveFrameStyles(activeChildIndex, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, emptyFramePlaceholderText)
+    /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--frames",
     "data-multibodiedextension-frames": true,
-    "data-multibodiedextension-frames-id": frameId,
     ref: articleRef
   });
 };
@@ -205,10 +224,6 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     _useState4 = _slicedToArray(_useState3, 2),
     activeChildIndex = _useState4[0],
     setActiveChildIndex = _useState4[1];
-  // Used by the gated active-frame styles to scope selection to this MBE instance.
-  // Editor frames sit under ProseMirror's contentDOM wrapper, so the id anchors the
-  // selector at the owning MBE before it reaches that wrapper and its direct frames.
-  var frameId = React.useId();
   // Adding to avoid aliasing `this` for the callbacks
   var updateActiveChild = React.useCallback(function (index) {
     if (typeof index !== 'number') {
@@ -221,12 +236,19 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   var articleRef = React.useCallback(function (node) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
+  var shouldShowEmptyFramePlaceholder = isExperimentEnabled('confluence_native_tabs_m15');
+  var emptyFramePlaceholderText = React.useMemo(function () {
+    return JSON.stringify(formatMessage(placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText));
+  }, [formatMessage]);
   var childrenContainer = React.useMemo(function () {
     return jsx(MultiBodiedExtensionFrames, {
+      activeChildIndex: activeChildIndex,
       articleRef: articleRef,
-      frameId: frameId
+      emptyFramePlaceholderText: emptyFramePlaceholderText,
+      shouldShowEmptyFramePlaceholder: shouldShowEmptyFramePlaceholder,
+      showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
     });
-  }, [articleRef, frameId]);
+  }, [activeChildIndex, articleRef, emptyFramePlaceholderText, shouldShowEmptyFramePlaceholder, showMacroInteractionDesignUpdates]);
   var actions = useMultiBodiedExtensionActions({
     updateActiveChild: updateActiveChild,
     editorView: editorView,
@@ -259,10 +281,6 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     mbeWrapperStyles = breakoutStyles;
   }
   var shouldUseUpdatedChrome = expValEquals('confluence_native_tabs_experiment', 'isEnabled', true);
-  var shouldShowEmptyFramePlaceholder = isExperimentEnabled('confluence_native_tabs_m15');
-  var emptyFramePlaceholderText = React.useMemo(function () {
-    return JSON.stringify(formatMessage(placeholderTextMessages.multiBodiedExtensionEmptyFramePlaceholderText));
-  }, [formatMessage]);
   var isSelectionInsideMultiBodiedExtension = useIsSelectionInsideNode(editorView, node, getPos, shouldUseUpdatedChrome && !isLivePageViewMode);
   var isMultiBodiedExtensionActive = isNodeSelected || isSelectionInsideMultiBodiedExtension;
   var shouldShowChromeOnInteraction = isNodeHovered || isMultiBodiedExtensionActive;
@@ -338,7 +356,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: containerClassNames,
     css: [/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
-    getContainerCssExtendedStyles(activeChildIndex, frameId, showMacroInteractionDesignUpdates), shouldShowEmptyFramePlaceholder && getEmptyFramePlaceholderStyles(activeChildIndex, frameId, emptyFramePlaceholderText)
+    getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates)
     /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */],
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,

package/dist/esm/extensions/buildMenuItem.js

@@ -4,14 +4,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { buildAction } from './manifest-helpers';
 export function buildMenuItem(manifest, extensionModule) {
-  var _ref, _extensionModule$app;
+  var _extensionModule$cate, _ref, _extensionModule$app;
   var title = extensionModule.title || manifest.title;
   var key = "".concat(manifest.key, ":").concat(extensionModule.key);
   var node = buildAction(extensionModule.action, manifest);
+  var category = isExperimentEnabled('platform_editor_slash_command') ? (_extensionModule$cate = extensionModule.category) !== null && _extensionModule$cate !== void 0 ? _extensionModule$cate : manifest.category : undefined;
   if (!node) {
     throw new Error("Couldn't find any action for ".concat(title, " (").concat(key, ")"));
   }
-  return _objectSpread(_objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_slash_app_category_analytics') ? {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_slash_app_category_analytics') ? {
     app: (_ref = (_extensionModule$app = extensionModule.app) !== null && _extensionModule$app !== void 0 ? _extensionModule$app : manifest.app) !== null && _ref !== void 0 ? _ref : {
       key: manifest.key
     }
@@ -21,8 +22,11 @@ export function buildMenuItem(manifest, extensionModule) {
     extensionType: manifest.type,
     extensionKey: manifest.key,
     keywords: extensionModule.keywords || manifest.keywords || [],
-    featured: extensionModule.featured || false,
-    categories: extensionModule.categories || manifest.categories || [],
+    featured: extensionModule.featured || false
+  }, category !== null && category !== void 0 && category.trim() ? {
+    category: category
+  } : {}), {}, {
+    categories: category !== null && category !== void 0 && category.trim() ? [category] : extensionModule.categories || manifest.categories || [],
     description: extensionModule.description || manifest.description,
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl,

package/dist/esm/messages/syncBlock.js

@@ -295,6 +295,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Synced content will display <link>when the page is published</link>',
     description: 'Error message which is shown over sync block when the source page is unpublished.'
   },
+  unpublishedInParentheses: {
+    id: 'editor-common.messages.syncBlock.unpublishedInParentheses',
+    defaultMessage: '(unpublished)',
+    description: 'Parenthetical appended to a synced-block label when the source document is unpublished'
+  },
   unpublishedErrorJiraWorkItem: {
     id: 'fabric.editor.error.description.reference.unpublished.jiraWorkItem',
     defaultMessage: "Synced content will display <link>when the item's description is saved</link>",

package/dist/esm/monitoring/error.js

@@ -20,7 +20,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 = "120.10.2";
+var packageVersion = "120.10.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/quick-insert/getActiveQuickInsertCategories.js

@@ -0,0 +1,8 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+
+/**
+ * Returns the Quick Insert categories active for the current experiment state.
+ */
+export var getActiveQuickInsertCategories = function getActiveQuickInsertCategories(category, legacyCategories) {
+  return isExperimentEnabled('platform_editor_slash_command') && category !== null && category !== void 0 && category.trim() ? [category] : legacyCategories !== null && legacyCategories !== void 0 ? legacyCategories : [];
+};

package/dist/esm/quick-insert/getQuickInsertMenuItemParents.js

@@ -5,6 +5,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
+import { getActiveQuickInsertCategories } from './getActiveQuickInsertCategories';
 var categorySections = {
   admin: STRUCTURE_SECTION,
   ai: ROVO_SECTION,
@@ -26,15 +27,16 @@ var categorySections = {
   visuals: MEDIA_SECTION
 };
 export var getQuickInsertMenuItemParents = function getQuickInsertMenuItemParents(_ref) {
-  var categories = _ref.categories,
+  var category = _ref.category,
+    legacyCategories = _ref.legacyCategories,
     rank = _ref.rank;
   var sections = new Map();
-  var _iterator = _createForOfIteratorHelper(categories !== null && categories !== void 0 ? categories : []),
+  var _iterator = _createForOfIteratorHelper(getActiveQuickInsertCategories(category, legacyCategories)),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var category = _step.value;
-      var section = categorySections[category.trim().toLowerCase()];
+      var itemCategory = _step.value;
+      var section = categorySections[itemCategory.trim().toLowerCase()];
       if (section) {
         sections.set(section.key, section);
       }

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

@@ -3,8 +3,8 @@ var _STRUCTURE_SECTION_RA;
 /* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
 import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, ASSETS_MENU_ITEM, BLOCKQUOTE_MENU_ITEM, BLOCK_TEMPLATES_SECTION, CODE_BLOCK_MENU_ITEM, CUSTOM_PANEL_MENU_ITEM, DATE_MENU_ITEM, DATA_AND_CHARTS_SECTION, DECISION_MENU_ITEM, EMBED_SECTION, EMOJI_MENU_ITEM, ERROR_PANEL_MENU_ITEM, EXPAND_MENU_ITEM, FIVE_COLUMNS_LAYOUT_MENU_ITEM, FOUR_COLUMNS_LAYOUT_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, HELP_DIALOG_MENU_ITEM, HYPERLINK_MENU_ITEM, INFO_PANEL_MENU_ITEM, JIRA_WORK_ITEMS_MENU_ITEM, LOOM_MENU_ITEM, MEDIA_INSERT_MENU_ITEM, MEDIA_SECTION, MENTION_MENU_ITEM, NOTE_PANEL_MENU_ITEM, ORDERED_LIST_MENU_ITEM, OTHER_SECTION, PLACEHOLDER_TEXT_MENU_ITEM, RECOMMENDED_SECTION, ROVO_SECTION, RULE_MENU_ITEM, STATUS_MENU_ITEM, STRUCTURE_SECTION, SUCCESS_PANEL_MENU_ITEM, SYNCED_BLOCK_MENU_ITEM, TABLE_MENU_ITEM, TEXT_FORMATTING_SECTION, THREE_COLUMNS_LAYOUT_MENU_ITEM, TWO_COLUMNS_LAYOUT_MENU_ITEM, UNORDERED_LIST_MENU_ITEM, WARNING_PANEL_MENU_ITEM } from './keys';
 export var QUICK_INSERT_MENU_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RECOMMENDED_SECTION.key, 0), STRUCTURE_SECTION.key, 1), MEDIA_SECTION.key, 2), EMBED_SECTION.key, 3), TEXT_FORMATTING_SECTION.key, 4), ROVO_SECTION.key, 5), DATA_AND_CHARTS_SECTION.key, 6), BLOCK_TEMPLATES_SECTION.key, 7), OTHER_SECTION.key, 8);
-export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), MENTION_MENU_ITEM.key, 500), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, WARNING_PANEL_MENU_ITEM.key, 1200), ERROR_PANEL_MENU_ITEM.key, 1300), CUSTOM_PANEL_MENU_ITEM.key, 1400), TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), SYNCED_BLOCK_MENU_ITEM.key, 2300), RULE_MENU_ITEM.key, 2400), DECISION_MENU_ITEM.key, 2800));
-export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MEDIA_INSERT_MENU_ITEM.key, 100), HYPERLINK_MENU_ITEM.key, 200), EMOJI_MENU_ITEM.key, 300), LOOM_MENU_ITEM.key, 400), AI_IMAGE_GENERATION_MENU_ITEM.key, 600);
+export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100), WARNING_PANEL_MENU_ITEM.key, 1200), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ERROR_PANEL_MENU_ITEM.key, 1300), CUSTOM_PANEL_MENU_ITEM.key, 1400), TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), SYNCED_BLOCK_MENU_ITEM.key, 2300), RULE_MENU_ITEM.key, 2400), DECISION_MENU_ITEM.key, 2800));
+export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MEDIA_INSERT_MENU_ITEM.key, 100), HYPERLINK_MENU_ITEM.key, 200), EMOJI_MENU_ITEM.key, 300), LOOM_MENU_ITEM.key, 400), MENTION_MENU_ITEM.key, 1500), AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
 export var TEXT_FORMATTING_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, HEADING_1_MENU_ITEM.key, 100), HEADING_2_MENU_ITEM.key, 200), HEADING_3_MENU_ITEM.key, 300), HEADING_4_MENU_ITEM.key, 400), HEADING_5_MENU_ITEM.key, 500), HEADING_6_MENU_ITEM.key, 600), BLOCKQUOTE_MENU_ITEM.key, 700), PLACEHOLDER_TEXT_MENU_ITEM.key, 900), UNORDERED_LIST_MENU_ITEM.key, 1100), ORDERED_LIST_MENU_ITEM.key, 1200);
 export var ROVO_SECTION_RANK = _defineProperty({}, ASK_ROVO_MENU_ITEM.key, 100);
 export var DATA_AND_CHARTS_SECTION_RANK = _defineProperty(_defineProperty({}, JIRA_WORK_ITEMS_MENU_ITEM.key, 300), ASSETS_MENU_ITEM.key, 500);

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "120.10.2";
+var packageVersion = "120.10.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/extensions/types/extension-manifest.d.ts

@@ -37,6 +37,11 @@ export type ExtensionModule<T extends Parameters = Parameters> = {
     action: ExtensionModuleAction<T>;
     app?: ExtensionApp;
     categories?: string[];
+    /**
+     * The Quick Insert category for this module. Takes precedence over the
+     * legacy `categories` field while both are supported.
+     */
+    category?: string;
     description?: string;
     featured?: boolean;
     icon?: () => ExtensionIconModule;
@@ -116,6 +121,11 @@ export type ExtensionManifest<T extends Parameters = Parameters> = {
         matchers: Array<AutoConvertMatches>;
     };
     categories?: string[];
+    /**
+     * The Quick Insert category for modules that do not provide one. Takes
+     * precedence over the legacy `categories` field while both are supported.
+     */
+    category?: string;
     deprecation?: ExtensionDeprecationStatus;
     description?: string;
     documentationUrl?: string;

package/dist/types/extensions/types/utils.d.ts

@@ -4,6 +4,7 @@ import type { ExtensionApp, ExtensionKey, ExtensionModuleActionHandler, Extensio
 export type MenuItem = {
     app?: ExtensionApp;
     categories: string[];
+    category?: string;
     description?: string;
     documentationUrl?: string;
     extensionKey: ExtensionKey;

package/dist/types/messages/syncBlock.d.ts

@@ -484,6 +484,11 @@ export declare const syncBlockMessages: {
         description: string;
         id: string;
     };
+    unpublishedInParentheses: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     unpublishedLocalReferenceAvailabilityTooltip: {
         defaultMessage: string;
         description: string;

package/dist/types/provider-factory/quick-insert-provider.d.ts

@@ -21,6 +21,11 @@ export type QuickInsertItem = TypeAheadItem & {
     app?: ExtensionApp;
     /** categories where to find the item */
     categories?: Array<string>;
+    /**
+     * The Quick Insert category for this item. Takes precedence over the
+     * legacy `categories` field while both are supported.
+     */
+    category?: string;
     /** indicates if the item will be highlighted where appropriate (plus menu for now) */
     featured?: boolean;
     /** optional identifier */

package/dist/types/quick-insert/getActiveQuickInsertCategories.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the Quick Insert categories active for the current experiment state.
+ */
+export declare const getActiveQuickInsertCategories: (category?: string, legacyCategories?: string[]) => string[];

package/dist/types/quick-insert/getQuickInsertMenuItemParents.d.ts

@@ -2,8 +2,9 @@ type MenuSection = {
     key: string;
     type: 'menu-section';
 };
-export declare const getQuickInsertMenuItemParents: ({ categories, rank, }: {
-    categories?: string[];
+export declare const getQuickInsertMenuItemParents: ({ category, legacyCategories, rank, }: {
+    category?: string;
+    legacyCategories?: string[];
     rank: number;
 }) => Array<MenuSection & {
     rank: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "120.10.3",
+	"version": "120.11.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/icon": "^37.6.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/link-datasource": "^6.8.0",
+		"@atlaskit/link-datasource": "^6.9.0",
 		"@atlaskit/link-picker": "^6.6.0",
 		"@atlaskit/media-card": "^81.9.0",
 		"@atlaskit/media-client": "^37.6.0",
@@ -84,7 +84,7 @@
 		"@atlaskit/task-decision": "^21.9.0",
 		"@atlaskit/teams-app-config": "^3.0.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^171.0.0",
+		"@atlaskit/tmp-editor-statsig": "^172.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -145,24 +145,6 @@
 		"react-test-renderer": "^18.2.0",
 		"sinon": "^2.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"circular-dependencies": [
-				"file-level"
-			],
-			"import-structure": "atlassian-conventions"
-		},
-		"@repo/internal": {
-			"deprecation": "no-deprecated-imports",
-			"design-tokens": [
-				"color"
-			],
-			"styling": [
-				"emotion",
-				"compiled"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform_editor_blocks_patch_7": {
 			"type": "boolean",

package/quick-insert/get-active-quick-insert-categories/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/quick-insert/get-active-quick-insert-categories",
+  "main": "../../dist/cjs/quick-insert/getActiveQuickInsertCategories.js",
+  "module": "../../dist/esm/quick-insert/getActiveQuickInsertCategories.js",
+  "module:es2019": "../../dist/es2019/quick-insert/getActiveQuickInsertCategories.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../../dist/types/quick-insert/getActiveQuickInsertCategories.d.ts"
+}