@atlaskit/editor-common 107.30.1 → 107.31.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-common
 
+## 107.31.1
+
+### Patch Changes
+
+- [`6dd96d8ae168d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6dd96d8ae168d) -
+  [ux] ED-28581 ED-28581: Updated renderer logic to better support nest menu items register from
+  outside block menu
+- Updated dependencies
+
+## 107.31.0
+
+### Minor Changes
+
+- [`c29118e6ca79d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c29118e6ca79d) -
+  ED-28986 create initial version of synced blocks
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 107.30.1
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -186,4 +186,4 @@
 			"path": "../../../media/media-core/afm-cc/tsconfig.json"
 		}
 	]
-}
+}

package/dist/cjs/block-menu/index.js

@@ -3,10 +3,108 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "FORMAT_BULLETED_LIST_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_BULLETED_LIST_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_CODE_BLOCK_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_CODE_BLOCK_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_EXPAND_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_EXPAND_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_1_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_1_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_2_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_2_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_3_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_3_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_4_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_4_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_5_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_5_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_HEADING_6_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_HEADING_6_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_LAYOUT_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_LAYOUT_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_NESTED_MENU_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.FORMAT_NESTED_MENU_RANK;
+  }
+});
+Object.defineProperty(exports, "FORMAT_NUMBERED_LIST_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_NUMBERED_LIST_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_PANEL_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_PANEL_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_PARAGRAPH_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_PARAGRAPH_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_QUOTE_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_QUOTE_MENU_ITEM;
+  }
+});
+Object.defineProperty(exports, "FORMAT_TASK_LIST_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _key.FORMAT_TASK_LIST_MENU_ITEM;
+  }
+});
 Object.defineProperty(exports, "messages", {
   enumerable: true,
   get: function get() {
     return _messages.messages;
   }
 });
-var _messages = require("./messages");
+var _messages = require("./messages");
+var _key = require("./key");
+var _rank = require("./rank");

package/dist/cjs/block-menu/key.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FORMAT_TASK_LIST_MENU_ITEM = exports.FORMAT_QUOTE_MENU_ITEM = exports.FORMAT_PARAGRAPH_MENU_ITEM = exports.FORMAT_PANEL_MENU_ITEM = exports.FORMAT_NUMBERED_LIST_MENU_ITEM = exports.FORMAT_LAYOUT_MENU_ITEM = exports.FORMAT_HEADING_6_MENU_ITEM = exports.FORMAT_HEADING_5_MENU_ITEM = exports.FORMAT_HEADING_4_MENU_ITEM = exports.FORMAT_HEADING_3_MENU_ITEM = exports.FORMAT_HEADING_2_MENU_ITEM = exports.FORMAT_HEADING_1_MENU_ITEM = exports.FORMAT_EXPAND_MENU_ITEM = exports.FORMAT_CODE_BLOCK_MENU_ITEM = exports.FORMAT_BULLETED_LIST_MENU_ITEM = void 0;
+var FORMAT_HEADING_1_MENU_ITEM = exports.FORMAT_HEADING_1_MENU_ITEM = {
+  key: 'block-menu-format-heading-1'
+};
+var FORMAT_HEADING_2_MENU_ITEM = exports.FORMAT_HEADING_2_MENU_ITEM = {
+  key: 'block-menu-format-heading-2'
+};
+var FORMAT_HEADING_3_MENU_ITEM = exports.FORMAT_HEADING_3_MENU_ITEM = {
+  key: 'block-menu-format-heading-3'
+};
+var FORMAT_HEADING_4_MENU_ITEM = exports.FORMAT_HEADING_4_MENU_ITEM = {
+  key: 'block-menu-format-heading-4'
+};
+var FORMAT_HEADING_5_MENU_ITEM = exports.FORMAT_HEADING_5_MENU_ITEM = {
+  key: 'block-menu-format-heading-5'
+};
+var FORMAT_HEADING_6_MENU_ITEM = exports.FORMAT_HEADING_6_MENU_ITEM = {
+  key: 'block-menu-format-heading-6'
+};
+var FORMAT_PARAGRAPH_MENU_ITEM = exports.FORMAT_PARAGRAPH_MENU_ITEM = {
+  key: 'block-menu-format-paragraph'
+};
+var FORMAT_QUOTE_MENU_ITEM = exports.FORMAT_QUOTE_MENU_ITEM = {
+  key: 'block-menu-format-quote'
+};
+var FORMAT_EXPAND_MENU_ITEM = exports.FORMAT_EXPAND_MENU_ITEM = {
+  key: 'block-menu-format-expand'
+};
+var FORMAT_LAYOUT_MENU_ITEM = exports.FORMAT_LAYOUT_MENU_ITEM = {
+  key: 'block-menu-format-layout'
+};
+var FORMAT_PANEL_MENU_ITEM = exports.FORMAT_PANEL_MENU_ITEM = {
+  key: 'block-menu-format-panel'
+};
+var FORMAT_CODE_BLOCK_MENU_ITEM = exports.FORMAT_CODE_BLOCK_MENU_ITEM = {
+  key: 'block-menu-format-code-block'
+};
+var FORMAT_BULLETED_LIST_MENU_ITEM = exports.FORMAT_BULLETED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-bulleted-list'
+};
+var FORMAT_NUMBERED_LIST_MENU_ITEM = exports.FORMAT_NUMBERED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-numbered-list'
+};
+var FORMAT_TASK_LIST_MENU_ITEM = exports.FORMAT_TASK_LIST_MENU_ITEM = {
+  key: 'block-menu-format-task-list'
+};

package/dist/cjs/block-menu/rank.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FORMAT_NESTED_MENU_RANK = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _key = require("./key");
+var _FORMAT_NESTED_MENU_R;
+var FORMAT_NESTED_MENU_RANK = exports.FORMAT_NESTED_MENU_RANK = (_FORMAT_NESTED_MENU_R = {}, (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)(_FORMAT_NESTED_MENU_R, _key.FORMAT_HEADING_2_MENU_ITEM.key, 50), _key.FORMAT_HEADING_3_MENU_ITEM.key, 100), _key.FORMAT_PARAGRAPH_MENU_ITEM.key, 150), _key.FORMAT_QUOTE_MENU_ITEM.key, 200), _key.FORMAT_EXPAND_MENU_ITEM.key, 250), _key.FORMAT_LAYOUT_MENU_ITEM.key, 300), _key.FORMAT_PANEL_MENU_ITEM.key, 350), _key.FORMAT_CODE_BLOCK_MENU_ITEM.key, 400), _key.FORMAT_BULLETED_LIST_MENU_ITEM.key, 450), _key.FORMAT_NUMBERED_LIST_MENU_ITEM.key, 500), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_FORMAT_NESTED_MENU_R, _key.FORMAT_TASK_LIST_MENU_ITEM.key, 550), _key.FORMAT_HEADING_1_MENU_ITEM.key, 600), _key.FORMAT_HEADING_4_MENU_ITEM.key, 650), _key.FORMAT_HEADING_5_MENU_ITEM.key, 700), _key.FORMAT_HEADING_6_MENU_ITEM.key, 750));

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

@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 ExtensionWithPluginState(props) {
-  var _node$attrs;
+  var _node$attrs, _node$attrs2;
   var node = props.node,
     handleContentDOMRef = props.handleContentDOMRef,
     children = props.children,
@@ -59,13 +59,14 @@ function ExtensionWithPluginState(props) {
     return extensionNode.type.name === 'extension' && ((_extensionNode$attrs = extensionNode.attrs) === null || _extensionNode$attrs === void 0 ? void 0 : _extensionNode$attrs.extensionType) === 'com.atlassian.confluence.migration' && ((_extensionNode$attrs2 = extensionNode.attrs) === null || _extensionNode$attrs2 === void 0 ? void 0 : _extensionNode$attrs2.extensionKey) === 'legacy-content';
   };
   var showLegacyContentHeader = (0, _platformFeatureFlags.fg)('platform_editor_legacy_content_macro_visual_update') && isLegacyContentMacroExtension(node);
+  var isSyncedBlockExtension = node.type.name === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.extensionKey) === null || _node$attrs === void 0 ? void 0 : _node$attrs.startsWith('synced-block'));
   var hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
   var hasChildren = !!children;
-  var removeBorder = showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
+  var removeBorder = (0, _platformFeatureFlags.fg)('platform_synced_block_demo') ? showMacroInteractionDesignUpdates || !!hideFrame || isSyncedBlockExtension : showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
 
   // Some native bodied macros (e.g Content properties) have this param to hide in view mode
   // which we want to also hide in live page view mode too
-  var macroParamHiddenValue = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.parameters) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.macroParams) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.hidden) === null || _node$attrs === void 0 ? void 0 : _node$attrs.value;
+  var macroParamHiddenValue = node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.macroParams) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.hidden) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.value;
   var shouldHideInLivePageViewMode = isLivePageViewMode && macroParamHiddenValue === 'true'; // it is stored as a string
 
   var getPos = props.getPos,
@@ -133,6 +134,7 @@ function ExtensionWithPluginState(props) {
     }
   };
   var extensionContentStyles = (0, _expValEquals.expValEquals)('platform_editor_extension_styles', 'isEnabled', true) ? _styles2.extensionContent : _styles2.content;
+  var shouldHideExtensionLozenge = (0, _platformFeatureFlags.fg)('platform_synced_block_demo') ? isSyncedBlockExtension : false;
   return (0, _react2.jsx)(_react.Fragment, null, showLegacyContentHeader && (0, _react2.jsx)(_LegacyContentHeader.LegacyContentHeader, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
@@ -142,7 +144,7 @@ function ExtensionWithPluginState(props) {
     onMouseLeave: function onMouseLeave() {
       return handleMouseEvent(false);
     }
-  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && (0, _react2.jsx)(_Lozenge.default, {
+  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && !shouldHideExtensionLozenge && (0, _react2.jsx)(_Lozenge.default, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
     isNodeNested: isNodeNested,

package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styles = require("../styles");
 var _EditToggle = require("./EditToggle");
 var _ExtensionLabel = require("./ExtensionLabel");
@@ -39,6 +40,9 @@ var LozengeComponent = exports.LozengeComponent = function LozengeComponent(_ref
     setShowBodiedExtensionRendererView = _ref.setShowBodiedExtensionRendererView,
     pluginInjectionApi = _ref.pluginInjectionApi;
   var capitalizedTitle = capitalizeFirstLetter(title);
+  if (title.startsWith('synced-block:') && (0, _platformFeatureFlags.fg)('platform_synced_block_demo')) {
+    return null; // Synced blocks do not use the lozenge component
+  }
   if (showMacroInteractionDesignUpdates) {
     return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_ExtensionLabel.ExtensionLabel, {
       text: capitalizedTitle,

package/dist/cjs/extensibility/extensionNodeView.js

@@ -131,8 +131,6 @@ function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory,
       showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
       showUpdatedLivePages1PBodiedExtensionUI: showUpdatedLivePages1PBodiedExtensionUI,
       rendererExtensionHandlers: rendererExtensionHandlers
-    }, undefined, undefined,
-    // @portal-render-immediately
-    true).init();
+    }).init();
   };
 }

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 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 = "107.30.0";
+var packageVersion = "107.31.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

package/dist/es2019/block-menu/index.js

@@ -1,2 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { messages } from './messages';
+export { messages } from './messages';
+export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export { FORMAT_NESTED_MENU_RANK } from './rank';

package/dist/es2019/block-menu/key.js

@@ -0,0 +1,45 @@
+export const FORMAT_HEADING_1_MENU_ITEM = {
+  key: 'block-menu-format-heading-1'
+};
+export const FORMAT_HEADING_2_MENU_ITEM = {
+  key: 'block-menu-format-heading-2'
+};
+export const FORMAT_HEADING_3_MENU_ITEM = {
+  key: 'block-menu-format-heading-3'
+};
+export const FORMAT_HEADING_4_MENU_ITEM = {
+  key: 'block-menu-format-heading-4'
+};
+export const FORMAT_HEADING_5_MENU_ITEM = {
+  key: 'block-menu-format-heading-5'
+};
+export const FORMAT_HEADING_6_MENU_ITEM = {
+  key: 'block-menu-format-heading-6'
+};
+export const FORMAT_PARAGRAPH_MENU_ITEM = {
+  key: 'block-menu-format-paragraph'
+};
+export const FORMAT_QUOTE_MENU_ITEM = {
+  key: 'block-menu-format-quote'
+};
+export const FORMAT_EXPAND_MENU_ITEM = {
+  key: 'block-menu-format-expand'
+};
+export const FORMAT_LAYOUT_MENU_ITEM = {
+  key: 'block-menu-format-layout'
+};
+export const FORMAT_PANEL_MENU_ITEM = {
+  key: 'block-menu-format-panel'
+};
+export const FORMAT_CODE_BLOCK_MENU_ITEM = {
+  key: 'block-menu-format-code-block'
+};
+export const FORMAT_BULLETED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-bulleted-list'
+};
+export const FORMAT_NUMBERED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-numbered-list'
+};
+export const FORMAT_TASK_LIST_MENU_ITEM = {
+  key: 'block-menu-format-task-list'
+};

package/dist/es2019/block-menu/rank.js

@@ -0,0 +1,18 @@
+import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export const FORMAT_NESTED_MENU_RANK = {
+  [FORMAT_HEADING_2_MENU_ITEM.key]: 50,
+  [FORMAT_HEADING_3_MENU_ITEM.key]: 100,
+  [FORMAT_PARAGRAPH_MENU_ITEM.key]: 150,
+  [FORMAT_QUOTE_MENU_ITEM.key]: 200,
+  [FORMAT_EXPAND_MENU_ITEM.key]: 250,
+  [FORMAT_LAYOUT_MENU_ITEM.key]: 300,
+  [FORMAT_PANEL_MENU_ITEM.key]: 350,
+  [FORMAT_CODE_BLOCK_MENU_ITEM.key]: 400,
+  [FORMAT_BULLETED_LIST_MENU_ITEM.key]: 450,
+  [FORMAT_NUMBERED_LIST_MENU_ITEM.key]: 500,
+  [FORMAT_TASK_LIST_MENU_ITEM.key]: 550,
+  [FORMAT_HEADING_1_MENU_ITEM.key]: 600,
+  [FORMAT_HEADING_4_MENU_ITEM.key]: 650,
+  [FORMAT_HEADING_5_MENU_ITEM.key]: 700,
+  [FORMAT_HEADING_6_MENU_ITEM.key]: 750
+};

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

@@ -18,9 +18,9 @@ import { LegacyContentHeader } from '../LegacyContentHeader';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { isEmptyBodiedMacro } from './extension-utils';
-import { content, extensionContent, contentWrapper, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
+import { content, contentWrapper, extensionContent, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
 function ExtensionWithPluginState(props) {
-  var _node$attrs, _node$attrs$parameter, _node$attrs$parameter2, _node$attrs$parameter3;
+  var _node$attrs, _node$attrs$extension, _node$attrs2, _node$attrs2$paramete, _node$attrs2$paramete2, _node$attrs2$paramete3;
   const {
     node,
     handleContentDOMRef,
@@ -50,13 +50,14 @@ function ExtensionWithPluginState(props) {
     return extensionNode.type.name === 'extension' && ((_extensionNode$attrs = extensionNode.attrs) === null || _extensionNode$attrs === void 0 ? void 0 : _extensionNode$attrs.extensionType) === 'com.atlassian.confluence.migration' && ((_extensionNode$attrs2 = extensionNode.attrs) === null || _extensionNode$attrs2 === void 0 ? void 0 : _extensionNode$attrs2.extensionKey) === 'legacy-content';
   };
   const showLegacyContentHeader = fg('platform_editor_legacy_content_macro_visual_update') && isLegacyContentMacroExtension(node);
+  const isSyncedBlockExtension = node.type.name === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : (_node$attrs$extension = _node$attrs.extensionKey) === null || _node$attrs$extension === void 0 ? void 0 : _node$attrs$extension.startsWith('synced-block'));
   const hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
   const hasChildren = !!children;
-  const removeBorder = showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
+  const removeBorder = fg('platform_synced_block_demo') ? showMacroInteractionDesignUpdates || !!hideFrame || isSyncedBlockExtension : showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
 
   // Some native bodied macros (e.g Content properties) have this param to hide in view mode
   // which we want to also hide in live page view mode too
-  const macroParamHiddenValue = node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : (_node$attrs$parameter = _node$attrs.parameters) === null || _node$attrs$parameter === void 0 ? void 0 : (_node$attrs$parameter2 = _node$attrs$parameter.macroParams) === null || _node$attrs$parameter2 === void 0 ? void 0 : (_node$attrs$parameter3 = _node$attrs$parameter2.hidden) === null || _node$attrs$parameter3 === void 0 ? void 0 : _node$attrs$parameter3.value;
+  const macroParamHiddenValue = node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$paramete = _node$attrs2.parameters) === null || _node$attrs2$paramete === void 0 ? void 0 : (_node$attrs2$paramete2 = _node$attrs2$paramete.macroParams) === null || _node$attrs2$paramete2 === void 0 ? void 0 : (_node$attrs2$paramete3 = _node$attrs2$paramete2.hidden) === null || _node$attrs2$paramete3 === void 0 ? void 0 : _node$attrs2$paramete3.value;
   const shouldHideInLivePageViewMode = isLivePageViewMode && macroParamHiddenValue === 'true'; // it is stored as a string
 
   const {
@@ -133,12 +134,13 @@ function ExtensionWithPluginState(props) {
     }
   };
   const extensionContentStyles = expValEquals('platform_editor_extension_styles', 'isEnabled', true) ? extensionContent : content;
+  const shouldHideExtensionLozenge = fg('platform_synced_block_demo') ? isSyncedBlockExtension : false;
   return jsx(Fragment, null, showLegacyContentHeader && jsx(LegacyContentHeader, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
     onMouseEnter: () => handleMouseEvent(true),
     onMouseLeave: () => handleMouseEvent(false)
-  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && jsx(ExtensionLozenge, {
+  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && !shouldHideExtensionLozenge && jsx(ExtensionLozenge, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
     isNodeNested: isNodeNested,

package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -2,10 +2,13 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import { Fragment } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { placeholderFallback, placeholderFallbackParams } from '../styles';
 import { EditToggle } from './EditToggle';
 import { ExtensionLabel } from './ExtensionLabel';
@@ -32,6 +35,9 @@ export const LozengeComponent = ({
   pluginInjectionApi
 }) => {
   const capitalizedTitle = capitalizeFirstLetter(title);
+  if (title.startsWith('synced-block:') && fg('platform_synced_block_demo')) {
+    return null; // Synced blocks do not use the lozenge component
+  }
   if (showMacroInteractionDesignUpdates) {
     return jsx(Fragment, null, jsx(ExtensionLabel, {
       text: capitalizedTitle,

package/dist/es2019/extensibility/extensionNodeView.js

@@ -98,8 +98,6 @@ export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, pr
       showLivePagesBodiedMacrosRendererView,
       showUpdatedLivePages1PBodiedExtensionUI,
       rendererExtensionHandlers
-    }, undefined, undefined,
-    // @portal-render-immediately
-    true).init();
+    }).init();
   };
 }

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "107.30.0";
+const packageVersion = "107.31.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.30.0";
+const packageVersion = "107.31.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/block-menu/index.js

@@ -1,2 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { messages } from './messages';
+export { messages } from './messages';
+export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export { FORMAT_NESTED_MENU_RANK } from './rank';

package/dist/esm/block-menu/key.js

@@ -0,0 +1,45 @@
+export var FORMAT_HEADING_1_MENU_ITEM = {
+  key: 'block-menu-format-heading-1'
+};
+export var FORMAT_HEADING_2_MENU_ITEM = {
+  key: 'block-menu-format-heading-2'
+};
+export var FORMAT_HEADING_3_MENU_ITEM = {
+  key: 'block-menu-format-heading-3'
+};
+export var FORMAT_HEADING_4_MENU_ITEM = {
+  key: 'block-menu-format-heading-4'
+};
+export var FORMAT_HEADING_5_MENU_ITEM = {
+  key: 'block-menu-format-heading-5'
+};
+export var FORMAT_HEADING_6_MENU_ITEM = {
+  key: 'block-menu-format-heading-6'
+};
+export var FORMAT_PARAGRAPH_MENU_ITEM = {
+  key: 'block-menu-format-paragraph'
+};
+export var FORMAT_QUOTE_MENU_ITEM = {
+  key: 'block-menu-format-quote'
+};
+export var FORMAT_EXPAND_MENU_ITEM = {
+  key: 'block-menu-format-expand'
+};
+export var FORMAT_LAYOUT_MENU_ITEM = {
+  key: 'block-menu-format-layout'
+};
+export var FORMAT_PANEL_MENU_ITEM = {
+  key: 'block-menu-format-panel'
+};
+export var FORMAT_CODE_BLOCK_MENU_ITEM = {
+  key: 'block-menu-format-code-block'
+};
+export var FORMAT_BULLETED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-bulleted-list'
+};
+export var FORMAT_NUMBERED_LIST_MENU_ITEM = {
+  key: 'block-menu-format-numbered-list'
+};
+export var FORMAT_TASK_LIST_MENU_ITEM = {
+  key: 'block-menu-format-task-list'
+};

package/dist/esm/block-menu/rank.js

@@ -0,0 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _FORMAT_NESTED_MENU_R;
+import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export var FORMAT_NESTED_MENU_RANK = (_FORMAT_NESTED_MENU_R = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_FORMAT_NESTED_MENU_R, FORMAT_HEADING_2_MENU_ITEM.key, 50), FORMAT_HEADING_3_MENU_ITEM.key, 100), FORMAT_PARAGRAPH_MENU_ITEM.key, 150), FORMAT_QUOTE_MENU_ITEM.key, 200), FORMAT_EXPAND_MENU_ITEM.key, 250), FORMAT_LAYOUT_MENU_ITEM.key, 300), FORMAT_PANEL_MENU_ITEM.key, 350), FORMAT_CODE_BLOCK_MENU_ITEM.key, 400), FORMAT_BULLETED_LIST_MENU_ITEM.key, 450), FORMAT_NUMBERED_LIST_MENU_ITEM.key, 500), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_FORMAT_NESTED_MENU_R, FORMAT_TASK_LIST_MENU_ITEM.key, 550), FORMAT_HEADING_1_MENU_ITEM.key, 600), FORMAT_HEADING_4_MENU_ITEM.key, 650), FORMAT_HEADING_5_MENU_ITEM.key, 700), FORMAT_HEADING_6_MENU_ITEM.key, 750));

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

@@ -23,9 +23,9 @@ import { LegacyContentHeader } from '../LegacyContentHeader';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { isEmptyBodiedMacro } from './extension-utils';
-import { content, extensionContent, contentWrapper, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
+import { content, contentWrapper, extensionContent, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
 function ExtensionWithPluginState(props) {
-  var _node$attrs;
+  var _node$attrs, _node$attrs2;
   var node = props.node,
     handleContentDOMRef = props.handleContentDOMRef,
     children = props.children,
@@ -52,13 +52,14 @@ function ExtensionWithPluginState(props) {
     return extensionNode.type.name === 'extension' && ((_extensionNode$attrs = extensionNode.attrs) === null || _extensionNode$attrs === void 0 ? void 0 : _extensionNode$attrs.extensionType) === 'com.atlassian.confluence.migration' && ((_extensionNode$attrs2 = extensionNode.attrs) === null || _extensionNode$attrs2 === void 0 ? void 0 : _extensionNode$attrs2.extensionKey) === 'legacy-content';
   };
   var showLegacyContentHeader = fg('platform_editor_legacy_content_macro_visual_update') && isLegacyContentMacroExtension(node);
+  var isSyncedBlockExtension = node.type.name === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.extensionKey) === null || _node$attrs === void 0 ? void 0 : _node$attrs.startsWith('synced-block'));
   var hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
   var hasChildren = !!children;
-  var removeBorder = showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
+  var removeBorder = fg('platform_synced_block_demo') ? showMacroInteractionDesignUpdates || !!hideFrame || isSyncedBlockExtension : showMacroInteractionDesignUpdates || !!(hideFrame && !hasBody);
 
   // Some native bodied macros (e.g Content properties) have this param to hide in view mode
   // which we want to also hide in live page view mode too
-  var macroParamHiddenValue = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.parameters) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.macroParams) === null || _node$attrs === void 0 || (_node$attrs = _node$attrs.hidden) === null || _node$attrs === void 0 ? void 0 : _node$attrs.value;
+  var macroParamHiddenValue = node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.parameters) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.macroParams) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.hidden) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.value;
   var shouldHideInLivePageViewMode = isLivePageViewMode && macroParamHiddenValue === 'true'; // it is stored as a string
 
   var getPos = props.getPos,
@@ -126,6 +127,7 @@ function ExtensionWithPluginState(props) {
     }
   };
   var extensionContentStyles = expValEquals('platform_editor_extension_styles', 'isEnabled', true) ? extensionContent : content;
+  var shouldHideExtensionLozenge = fg('platform_synced_block_demo') ? isSyncedBlockExtension : false;
   return jsx(Fragment, null, showLegacyContentHeader && jsx(LegacyContentHeader, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
@@ -135,7 +137,7 @@ function ExtensionWithPluginState(props) {
     onMouseLeave: function onMouseLeave() {
       return handleMouseEvent(false);
     }
-  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && jsx(ExtensionLozenge, {
+  }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && !shouldHideExtensionLozenge && jsx(ExtensionLozenge, {
     isNodeSelected: isNodeSelected,
     isNodeHovered: isNodeHovered,
     isNodeNested: isNodeNested,

package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -5,10 +5,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import { Fragment } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { placeholderFallback, placeholderFallbackParams } from '../styles';
 import { EditToggle } from './EditToggle';
 import { ExtensionLabel } from './ExtensionLabel';
@@ -34,6 +37,9 @@ export var LozengeComponent = function LozengeComponent(_ref) {
     setShowBodiedExtensionRendererView = _ref.setShowBodiedExtensionRendererView,
     pluginInjectionApi = _ref.pluginInjectionApi;
   var capitalizedTitle = capitalizeFirstLetter(title);
+  if (title.startsWith('synced-block:') && fg('platform_synced_block_demo')) {
+    return null; // Synced blocks do not use the lozenge component
+  }
   if (showMacroInteractionDesignUpdates) {
     return jsx(Fragment, null, jsx(ExtensionLabel, {
       text: capitalizedTitle,

package/dist/esm/extensibility/extensionNodeView.js

@@ -123,8 +123,6 @@ export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, pr
       showLivePagesBodiedMacrosRendererView: showLivePagesBodiedMacrosRendererView,
       showUpdatedLivePages1PBodiedExtensionUI: showUpdatedLivePages1PBodiedExtensionUI,
       rendererExtensionHandlers: rendererExtensionHandlers
-    }, undefined, undefined,
-    // @portal-render-immediately
-    true).init();
+    }).init();
   };
 }

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "107.30.0";
+var packageVersion = "107.31.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.30.0";
+var packageVersion = "107.31.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/block-menu/index.d.ts

@@ -1 +1,3 @@
 export { messages } from './messages';
+export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, } from './key';
+export { FORMAT_NESTED_MENU_RANK } from './rank';

package/dist/types/block-menu/key.d.ts

@@ -0,0 +1,45 @@
+export declare const FORMAT_HEADING_1_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_2_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_3_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_4_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_5_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_6_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_PARAGRAPH_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_QUOTE_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_EXPAND_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_LAYOUT_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_PANEL_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_CODE_BLOCK_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_BULLETED_LIST_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_NUMBERED_LIST_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_TASK_LIST_MENU_ITEM: {
+    key: string;
+};

package/dist/types/block-menu/rank.d.ts

@@ -0,0 +1,18 @@
+import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export declare const FORMAT_NESTED_MENU_RANK: {
+    [FORMAT_HEADING_2_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_3_MENU_ITEM.key]: number;
+    [FORMAT_PARAGRAPH_MENU_ITEM.key]: number;
+    [FORMAT_QUOTE_MENU_ITEM.key]: number;
+    [FORMAT_EXPAND_MENU_ITEM.key]: number;
+    [FORMAT_LAYOUT_MENU_ITEM.key]: number;
+    [FORMAT_PANEL_MENU_ITEM.key]: number;
+    [FORMAT_CODE_BLOCK_MENU_ITEM.key]: number;
+    [FORMAT_BULLETED_LIST_MENU_ITEM.key]: number;
+    [FORMAT_NUMBERED_LIST_MENU_ITEM.key]: number;
+    [FORMAT_TASK_LIST_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_1_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_4_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_5_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_6_MENU_ITEM.key]: number;
+};

package/dist/types/card/link-toolbar-button-group-options.d.ts

@@ -13,7 +13,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     inline: {
         title: {
@@ -25,7 +25,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     block: {
         title: {
@@ -37,7 +37,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     embed: {
         title: {
@@ -49,7 +49,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
 };
 export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: IconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: IconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: IconProps) => React.JSX.Element;

package/dist/types/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: IconProps) => React.JSX.Element;

package/dist/types/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
 import { type ExtensionsPluginInjectionAPI } from '../../types';
@@ -22,5 +26,5 @@ type LozengeComponentProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     title: string;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element | null;
 export {};

package/dist/types-ts4.5/block-menu/index.d.ts

@@ -1 +1,3 @@
 export { messages } from './messages';
+export { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM, } from './key';
+export { FORMAT_NESTED_MENU_RANK } from './rank';

package/dist/types-ts4.5/block-menu/key.d.ts

@@ -0,0 +1,45 @@
+export declare const FORMAT_HEADING_1_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_2_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_3_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_4_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_5_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_HEADING_6_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_PARAGRAPH_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_QUOTE_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_EXPAND_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_LAYOUT_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_PANEL_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_CODE_BLOCK_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_BULLETED_LIST_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_NUMBERED_LIST_MENU_ITEM: {
+    key: string;
+};
+export declare const FORMAT_TASK_LIST_MENU_ITEM: {
+    key: string;
+};

package/dist/types-ts4.5/block-menu/rank.d.ts

@@ -0,0 +1,18 @@
+import { FORMAT_HEADING_1_MENU_ITEM, FORMAT_HEADING_2_MENU_ITEM, FORMAT_HEADING_3_MENU_ITEM, FORMAT_HEADING_4_MENU_ITEM, FORMAT_HEADING_5_MENU_ITEM, FORMAT_HEADING_6_MENU_ITEM, FORMAT_PARAGRAPH_MENU_ITEM, FORMAT_QUOTE_MENU_ITEM, FORMAT_EXPAND_MENU_ITEM, FORMAT_LAYOUT_MENU_ITEM, FORMAT_PANEL_MENU_ITEM, FORMAT_CODE_BLOCK_MENU_ITEM, FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NUMBERED_LIST_MENU_ITEM, FORMAT_TASK_LIST_MENU_ITEM } from './key';
+export declare const FORMAT_NESTED_MENU_RANK: {
+    [FORMAT_HEADING_2_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_3_MENU_ITEM.key]: number;
+    [FORMAT_PARAGRAPH_MENU_ITEM.key]: number;
+    [FORMAT_QUOTE_MENU_ITEM.key]: number;
+    [FORMAT_EXPAND_MENU_ITEM.key]: number;
+    [FORMAT_LAYOUT_MENU_ITEM.key]: number;
+    [FORMAT_PANEL_MENU_ITEM.key]: number;
+    [FORMAT_CODE_BLOCK_MENU_ITEM.key]: number;
+    [FORMAT_BULLETED_LIST_MENU_ITEM.key]: number;
+    [FORMAT_NUMBERED_LIST_MENU_ITEM.key]: number;
+    [FORMAT_TASK_LIST_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_1_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_4_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_5_MENU_ITEM.key]: number;
+    [FORMAT_HEADING_6_MENU_ITEM.key]: number;
+};

package/dist/types-ts4.5/card/link-toolbar-button-group-options.d.ts

@@ -13,7 +13,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     inline: {
         title: {
@@ -25,7 +25,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     block: {
         title: {
@@ -37,7 +37,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
     embed: {
         title: {
@@ -49,7 +49,7 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").NewIconProps) => import("react").JSX.Element;
+        iconFallback: (props: import("@atlaskit/icon").IconProps) => import("react").JSX.Element;
     };
 };
 export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types-ts4.5/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: IconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: IconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: IconProps) => React.JSX.Element;

package/dist/types-ts4.5/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { NewIconProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: NewIconProps) => React.JSX.Element;
+import type { IconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: IconProps) => React.JSX.Element;

package/dist/types-ts4.5/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { CSSProperties } from 'react';
 import { jsx } from '@emotion/react';
 import { type ExtensionsPluginInjectionAPI } from '../../types';
@@ -22,5 +26,5 @@ type LozengeComponentProps = {
     showUpdatedLivePages1PBodiedExtensionUI?: boolean;
     title: string;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, showLivePagesBodiedMacrosRendererView, showUpdatedLivePages1PBodiedExtensionUI, showBodiedExtensionRendererView, setShowBodiedExtensionRendererView, pluginInjectionApi, }: LozengeComponentProps) => jsx.JSX.Element | null;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.30.1",
+	"version": "107.31.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -146,7 +146,7 @@
 		"@atlaskit/editor-toolbar": "^0.3.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.5.0",
-		"@atlaskit/icon": "^28.0.0",
+		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.20.0",
@@ -167,8 +167,8 @@
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/profilecard": "^24.7.0",
-		"@atlaskit/react-ufo": "^4.4.0",
-		"@atlaskit/section-message": "^8.5.0",
+		"@atlaskit/react-ufo": "^4.5.0",
+		"@atlaskit/section-message": "^8.6.0",
 		"@atlaskit/smart-card": "^40.13.0",
 		"@atlaskit/smart-user-picker": "^8.2.0",
 		"@atlaskit/spinner": "^19.0.0",
@@ -176,7 +176,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.6.0",
+		"@atlaskit/tmp-editor-statsig": "^11.8.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -357,6 +357,9 @@
 		"platform_fix_preferences_url_in_isolated_cloud": {
 			"type": "boolean"
 		},
+		"platform_synced_block_demo": {
+			"type": "boolean"
+		},
 		"p2m-drop-down-motion": {
 			"type": "boolean"
 		}