@atlaskit/editor-plugin-block-menu 25.1.2 → 25.1.3

package/dist/cjs/ui/block-menu-components.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBlockMenuComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _key = require("@atlaskit/editor-common/block-menu/key");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _rank = require("@atlaskit/editor-common/block-menu/rank");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _utils = require("./block-menu-renderer/utils");
 var _copyLink = require("./copy-link");
@@ -35,7 +35,7 @@ var getTotalNumberOfAvailableNativeTransforms = function getTotalNumberOfAvailab
   }
   var childrenMap = (0, _utils.buildChildrenMap)(blockMenuComponents);
   var headingsKey = (0, _utils.getChildrenMapKey)(_key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key, 'block-menu-section');
-  var structureKey = (0, _utils.getChildrenMapKey)(_blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key, 'block-menu-section');
+  var structureKey = (0, _utils.getChildrenMapKey)(_key.TRANSFORM_STRUCTURE_MENU_SECTION.key, 'block-menu-section');
   var headingsChildren = childrenMap.get(headingsKey) || [];
   var structureChildren = childrenMap.get(structureKey) || [];
   return [].concat((0, _toConsumableArray2.default)(headingsChildren), (0, _toConsumableArray2.default)(structureChildren)).filter(function (c) {
@@ -45,11 +45,11 @@ var getTotalNumberOfAvailableNativeTransforms = function getTotalNumberOfAvailab
 var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(api) {
   return [{
     type: 'block-menu-item',
-    key: _blockMenu.POSITION_MOVE_UP_MENU_ITEM.key,
+    key: _key.POSITION_MOVE_UP_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.POSITION_MENU_SECTION.key,
-      rank: _blockMenu.POSITION_MENU_SECTION_RANK[_blockMenu.POSITION_MOVE_UP_MENU_ITEM.key]
+      key: _key.POSITION_MENU_SECTION.key,
+      rank: _rank.POSITION_MENU_SECTION_RANK[_key.POSITION_MOVE_UP_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_moveUp.MoveUpDropdownItem, {
@@ -58,11 +58,11 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
     }
   }, {
     type: 'block-menu-item',
-    key: _blockMenu.POSITION_MOVE_DOWN_MENU_ITEM.key,
+    key: _key.POSITION_MOVE_DOWN_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.POSITION_MENU_SECTION.key,
-      rank: _blockMenu.POSITION_MENU_SECTION_RANK[_blockMenu.POSITION_MOVE_DOWN_MENU_ITEM.key]
+      key: _key.POSITION_MENU_SECTION.key,
+      rank: _rank.POSITION_MENU_SECTION_RANK[_key.POSITION_MOVE_DOWN_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_moveDown.MoveDownDropdownItem, {
@@ -74,11 +74,11 @@ var getMoveUpMoveDownMenuComponents = function getMoveUpMoveDownMenuComponents(a
 var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
   return [{
     type: 'block-menu-nested',
-    key: _blockMenu.TRANSFORM_MENU_ITEM.key,
+    key: _key.TRANSFORM_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.TRANSFORM_MENU_SECTION.key,
-      rank: _blockMenu.TRANSFORM_MENU_SECTION_RANK[_blockMenu.TRANSFORM_MENU_ITEM.key]
+      key: _key.TRANSFORM_MENU_SECTION.key,
+      rank: _rank.TRANSFORM_MENU_SECTION_RANK[_key.TRANSFORM_MENU_ITEM.key]
     },
     component: function component() {
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -94,11 +94,11 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.TRANSFORM_SUGGESTED_MENU_SECTION.key,
+    key: _key.TRANSFORM_SUGGESTED_MENU_SECTION.key,
     parent: {
       type: 'block-menu-nested',
-      key: _blockMenu.TRANSFORM_MENU_ITEM.key,
-      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_SUGGESTED_MENU_SECTION.key]
+      key: _key.TRANSFORM_MENU_ITEM.key,
+      rank: _rank.TRANSFORM_MENU_ITEM_RANK[_key.TRANSFORM_SUGGESTED_MENU_SECTION.key]
     },
     component: function component() {
       var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -111,11 +111,11 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
     }
   }, {
     type: 'block-menu-item',
-    key: _blockMenu.TRANSFORM_SUGGESTED_MENU_ITEM.key,
+    key: _key.TRANSFORM_SUGGESTED_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.TRANSFORM_SUGGESTED_MENU_SECTION.key,
-      rank: _blockMenu.TRANSFORM_SUGGESTED_MENU_SECTION_RANK[_blockMenu.TRANSFORM_SUGGESTED_MENU_ITEM.key]
+      key: _key.TRANSFORM_SUGGESTED_MENU_SECTION.key,
+      rank: _rank.TRANSFORM_SUGGESTED_MENU_SECTION_RANK[_key.TRANSFORM_SUGGESTED_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_suggestedMenuItems.SuggestedMenuItems, {
@@ -137,11 +137,11 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.TRANSFORM_CREATE_MENU_SECTION.key,
+    key: _key.TRANSFORM_CREATE_MENU_SECTION.key,
     parent: {
       type: 'block-menu-nested',
-      key: _blockMenu.TRANSFORM_MENU_ITEM.key,
-      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_CREATE_MENU_SECTION.key]
+      key: _key.TRANSFORM_MENU_ITEM.key,
+      rank: _rank.TRANSFORM_MENU_ITEM_RANK[_key.TRANSFORM_CREATE_MENU_SECTION.key]
     },
     component: function component() {
       var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -149,17 +149,17 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
         },
         children = _ref3.children;
       return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
-        title: _messages.blockMenuMessages.create,
+        title: _blockMenu.messages.create,
         hasSeparator: (0, _checkHasPreviousSectionContent.hasContentBeforeCreate)(api)
       }, children);
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key,
+    key: _key.TRANSFORM_STRUCTURE_MENU_SECTION.key,
     parent: {
       type: 'block-menu-nested',
-      key: _blockMenu.TRANSFORM_MENU_ITEM.key,
-      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_blockMenu.TRANSFORM_STRUCTURE_MENU_SECTION.key]
+      key: _key.TRANSFORM_MENU_ITEM.key,
+      rank: _rank.TRANSFORM_MENU_ITEM_RANK[_key.TRANSFORM_STRUCTURE_MENU_SECTION.key]
     },
     component: function component() {
       var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -167,7 +167,7 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
         },
         children = _ref4.children;
       return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
-        title: _messages.blockMenuMessages.structure,
+        title: _blockMenu.messages.structure,
         hasSeparator: (0, _checkHasPreviousSectionContent.hasContentBeforeStructure)(api)
       }, children);
     }
@@ -176,8 +176,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
     key: _key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key,
     parent: {
       type: 'block-menu-nested',
-      key: _blockMenu.TRANSFORM_MENU_ITEM.key,
-      rank: _blockMenu.TRANSFORM_MENU_ITEM_RANK[_key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key]
+      key: _key.TRANSFORM_MENU_ITEM.key,
+      rank: _rank.TRANSFORM_MENU_ITEM_RANK[_key.TRANSFORM_TEXTFORMATTING_MENU_SECTION.key]
     },
     component: function component() {
       var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
@@ -185,14 +185,14 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
         },
         children = _ref5.children;
       return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
-        title: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_small_text') ? _messages.blockMenuMessages.textFormatting : _messages.blockMenuMessages.headings,
+        title: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_menu_small_text') ? _blockMenu.messages.textFormatting : _blockMenu.messages.headings,
         hasSeparator: (0, _checkHasPreviousSectionContent.hasContentBeforeTextFormatting)(api)
       }, children);
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.TRANSFORM_MENU_SECTION.key,
-    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.TRANSFORM_MENU_SECTION.key],
+    key: _key.TRANSFORM_MENU_SECTION.key,
+    rank: _rank.MAIN_BLOCK_MENU_SECTION_RANK[_key.TRANSFORM_MENU_SECTION.key],
     component: function component(_ref6) {
       var children = _ref6.children;
       return /*#__PURE__*/_react.default.createElement(_formatMenuSection.FormatMenuSection, {
@@ -206,29 +206,29 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     config = _ref7.config;
   return [].concat((0, _toConsumableArray2.default)(getTurnIntoMenuComponents(api)), [{
     type: 'block-menu-section',
-    key: _blockMenu.BLOCK_ACTIONS_MENU_SECTION.key,
-    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_MENU_SECTION.key],
+    key: _key.BLOCK_ACTIONS_MENU_SECTION.key,
+    rank: _rank.MAIN_BLOCK_MENU_SECTION_RANK[_key.BLOCK_ACTIONS_MENU_SECTION.key],
     component: function component(_ref8) {
       var children = _ref8.children;
       return /*#__PURE__*/_react.default.createElement(_copySection.CopySection, null, children);
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
-    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key],
+    key: _key.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+    rank: _rank.MAIN_BLOCK_MENU_SECTION_RANK[_key.BLOCK_ACTIONS_COPY_MENU_SECTION.key],
     component: function component(_ref9) {
       var children = _ref9.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
     }
   }, {
     type: 'block-menu-item',
-    key: _blockMenu.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
+    key: _key.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
-      rank: _blockMenu.BLOCK_ACTIONS_COPY_MENU_SECTION_RANK[_blockMenu.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]
+      key: _key.BLOCK_ACTIONS_COPY_MENU_SECTION.key,
+      rank: _rank.BLOCK_ACTIONS_COPY_MENU_SECTION_RANK[_key.BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_copyLink.CopyLinkDropdownItem, {
@@ -238,29 +238,29 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     }
   }, {
     type: 'block-menu-section',
-    key: _blockMenu.POSITION_MENU_SECTION.key,
-    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.POSITION_MENU_SECTION.key],
+    key: _key.POSITION_MENU_SECTION.key,
+    rank: _rank.MAIN_BLOCK_MENU_SECTION_RANK[_key.POSITION_MENU_SECTION.key],
     component: function component(_ref0) {
       var children = _ref0.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
     }
   }], (0, _toConsumableArray2.default)(getMoveUpMoveDownMenuComponents(api)), [{
     type: 'block-menu-section',
-    key: _blockMenu.DELETE_MENU_SECTION.key,
-    rank: _blockMenu.MAIN_BLOCK_MENU_SECTION_RANK[_blockMenu.DELETE_MENU_SECTION.key],
+    key: _key.DELETE_MENU_SECTION.key,
+    rank: _rank.MAIN_BLOCK_MENU_SECTION_RANK[_key.DELETE_MENU_SECTION.key],
     component: function component(_ref1) {
       var children = _ref1.children;
       return /*#__PURE__*/_react.default.createElement(_deleteSection.DeleteSection, null, children);
     }
   }, {
     type: 'block-menu-item',
-    key: _blockMenu.DELETE_MENU_ITEM.key,
+    key: _key.DELETE_MENU_ITEM.key,
     parent: {
       type: 'block-menu-section',
-      key: _blockMenu.DELETE_MENU_SECTION.key,
-      rank: _blockMenu.DELETE_MENU_SECTION_RANK[_blockMenu.DELETE_MENU_ITEM.key]
+      key: _key.DELETE_MENU_SECTION.key,
+      rank: _rank.DELETE_MENU_SECTION_RANK[_key.DELETE_MENU_ITEM.key]
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_deleteButton.DeleteDropdownItem, {

package/dist/cjs/ui/block-menu-renderer/fallbacks.js

@@ -7,8 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.BLOCK_MENU_FALLBACKS = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
+var _toolbarNestedDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _blockMenuTargetVisibilityContext = require("../block-menu-target-visibility-context");
 var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
@@ -16,14 +18,14 @@ var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var targetVisible = (0, _blockMenuTargetVisibilityContext.useBlockMenuTargetVisibility)();
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarNestedDropdownMenu.ToolbarNestedDropdownMenu, {
     isPopupVisible: targetVisible,
     elemBefore: undefined,
     elemAfter: /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
       label: "",
       size: "small"
     }),
-    text: formatMessage(_messages.blockMenuMessages.fallbackNestedMenu),
+    text: formatMessage(_blockMenu.messages.fallbackNestedMenu),
     enableMaxHeight: true,
     shouldFitContainer: true
   }, children);
@@ -31,13 +33,13 @@ var FallbackNestedMenu = function FallbackNestedMenu(_ref) {
 var FallbackMenuItem = function FallbackMenuItem() {
   var _useIntl2 = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, null, formatMessage(_messages.blockMenuMessages.fallbackMenuItem));
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, null, formatMessage(_blockMenu.messages.fallbackMenuItem));
 };
 var BLOCK_MENU_FALLBACKS = exports.BLOCK_MENU_FALLBACKS = {
   'block-menu-nested': FallbackNestedMenu,
   'block-menu-section': function blockMenuSection(_ref2) {
     var children = _ref2.children;
-    return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+    return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, children);
   },
   'block-menu-item': FallbackMenuItem
 };

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

@@ -14,16 +14,18 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _css = require("@atlaskit/css");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _surfaceDragHandleElement = require("@atlaskit/editor-common/block-controls/surface-drag-handle-element");
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _key = require("@atlaskit/editor-common/block-menu/key");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _styles = require("@atlaskit/editor-common/styles");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
+var _ArrowKeyNavigationProvider = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-container");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -43,7 +45,7 @@ var styles = {
 var DEFAULT_MENU_WIDTH = 230;
 var DRAG_HANDLE_OFFSET_PADDING = 5;
 var FALLBACK_MENU_HEIGHT = 300;
-var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
+var PopupWithListeners = (0, _withReactEditorViewOuterListeners.default)(_Popup.default);
 var useConditionalBlockMenuEffect = function useConditionalBlockMenuEffect(_ref) {
   var api = _ref.api,
     isMenuOpen = _ref.isMenuOpen,
@@ -65,11 +67,11 @@ var useConditionalBlockMenuEffect = function useConditionalBlockMenuEffect(_ref)
     if (!prevIsMenuOpenRef.current && isMenuOpen) {
       var _api$analytics;
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
-        action: _analytics.ACTION.OPENED,
-        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU,
-        eventType: _analytics.EVENT_TYPE.UI,
+        action: _enums.ACTION.OPENED,
+        actionSubject: _enums.ACTION_SUBJECT.BLOCK_MENU,
+        eventType: _enums.EVENT_TYPE.UI,
         attributes: {
-          inputMethod: openedViaKeyboard ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE
+          inputMethod: openedViaKeyboard ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE
         }
       });
     }
@@ -145,11 +147,11 @@ var BlockMenuContent = function BlockMenuContent(_ref4) {
   };
   if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_menu_radius_update')) {
     return /*#__PURE__*/_react.default.createElement(_toolbarMenuContainer.ToolbarMenuContainer, {
-      testId: _blockMenu.BLOCK_MENU_TEST_ID,
+      testId: _key.BLOCK_MENU_TEST_ID,
       ref: ref,
       xcss: styles.maxWidthStyles
-    }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-      type: _uiMenu.ArrowKeyNavigationType.MENU
+    }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+      type: _types.ArrowKeyNavigationType.MENU
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       handleClose: function handleClose(e) {
@@ -161,12 +163,12 @@ var BlockMenuContent = function BlockMenuContent(_ref4) {
     })));
   }
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    testId: _blockMenu.BLOCK_MENU_TEST_ID,
+    testId: _key.BLOCK_MENU_TEST_ID,
     role: "menu",
     ref: ref,
     xcss: (0, _css.cx)(styles.base, styles.maxWidthStyles, styles.emptyMenuSectionStyles)
-  }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-    type: _uiMenu.ArrowKeyNavigationType.MENU
+  }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+    type: _types.ArrowKeyNavigationType.MENU
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     handleClose: function handleClose(e) {
@@ -185,7 +187,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     boundariesElement = _ref5.boundariesElement,
     scrollableElement = _ref5.scrollableElement;
   var isPopupTargetVisibilityEnabled = Boolean(mountTo) && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_popup_target_visibility');
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls', 'userIntent'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls', 'userIntent'], function (states) {
       var _states$blockControls, _states$blockControls2, _states$blockControls3, _states$blockControls4, _states$userIntentSta, _states$blockControls5;
       return {
         menuTriggerBy: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.menuTriggerBy,
@@ -234,7 +236,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     openMenuHandleRef.current = (_ref6 = (_surfaceDragHandleEle = _surfaceDragHandleElement.surfaceDragHandleElementStore.get(editorView)) !== null && _surfaceDragHandleEle !== void 0 ? _surfaceDragHandleEle : openMenuHandleRef.current) !== null && _ref6 !== void 0 ? _ref6 : surfaceDragHandle;
     anchoredToRef.current = menuTriggerBy;
   }
-  var targetHandleRef = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_migration') ? (_openMenuHandleRef$cu = openMenuHandleRef.current) !== null && _openMenuHandleRef$cu !== void 0 ? _openMenuHandleRef$cu : surfaceDragHandle : editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(_styles.DRAG_HANDLE_SELECTOR);
+  var targetHandleRef = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_migration') ? (_openMenuHandleRef$cu = openMenuHandleRef.current) !== null && _openMenuHandleRef$cu !== void 0 ? _openMenuHandleRef$cu : surfaceDragHandle : editorView === null || editorView === void 0 || (_editorView$dom = editorView.dom) === null || _editorView$dom === void 0 ? void 0 : _editorView$dom.querySelector(_dragHandle.DRAG_HANDLE_SELECTOR);
   var menuTargetNode = menuTriggerByNode && (editorView === null || editorView === void 0 ? void 0 : editorView.nodeDOM(menuTriggerByNode.pos));
   var visibilityTarget = menuTargetNode instanceof HTMLElement ? menuTargetNode : undefined;
   var closeMenu = _react.default.useCallback(function () {
@@ -292,7 +294,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     // Capture focus before scheduling the state update so the updater stays pure.
     // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
     var activeElement = document.activeElement;
-    var isFocusInMenu = activeElement instanceof HTMLElement && (((_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.contains(activeElement)) || activeElement.closest(_styles.NESTED_DROPDOWN_MENU) !== null);
+    var isFocusInMenu = activeElement instanceof HTMLElement && (((_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 ? void 0 : _popupRef$current.contains(activeElement)) || activeElement.closest(_dragHandle.NESTED_DROPDOWN_MENU) !== null);
     setTargetVisibility({
       isVisible: false,
       restoreFocusTo: isFocusInMenu ? activeElement : null
@@ -340,7 +342,7 @@ var BlockMenu = function BlockMenu(_ref5) {
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   document.activeElement instanceof HTMLElement &&
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
-  document.activeElement.closest(_styles.NESTED_DROPDOWN_MENU) !== null) !== null && _ref8 !== void 0 ? _ref8 : false;
+  document.activeElement.closest(_dragHandle.NESTED_DROPDOWN_MENU) !== null) !== null && _ref8 !== void 0 ? _ref8 : false;
   var selectedByShortcutOrDragHandle = !!isSelectedViaDragHandle || !!openedViaKeyboard;
 
   // Use conditional hook based on feature flag
@@ -384,7 +386,7 @@ var BlockMenu = function BlockMenu(_ref5) {
   };
   var handleClickOutside = function handleClickOutside(e) {
     // check if the clicked element was another drag handle or nested dropdown menu, if so don't close the menu
-    if (e.target instanceof HTMLElement && (e.target.closest(_styles.DRAG_HANDLE_SELECTOR) || e.target.closest(_styles.NESTED_DROPDOWN_MENU))) {
+    if (e.target instanceof HTMLElement && (e.target.closest(_dragHandle.DRAG_HANDLE_SELECTOR) || e.target.closest(_dragHandle.NESTED_DROPDOWN_MENU))) {
       return;
     }
     closeMenu();
@@ -406,7 +408,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     setRef: setRef
   });
   return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-    component: _analytics.ACTION_SUBJECT.BLOCK_MENU,
+    component: _enums.ACTION_SUBJECT.BLOCK_MENU,
     dispatchAnalyticsEvent: api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent,
     fallbackComponent: null
   }, /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
@@ -420,7 +422,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     scrollableElement: scrollableElement,
     target: targetHandleRef,
     visibilityTarget: visibilityTarget,
-    zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    zIndex: _constants.akEditorFloatingOverlapPanelZIndex,
     fitWidth: DEFAULT_MENU_WIDTH,
     fitHeight: menuHeight,
     preventOverflow: true,
@@ -429,7 +431,7 @@ var BlockMenu = function BlockMenu(_ref5) {
     onTargetVisibilityChanged: isPopupTargetVisibilityEnabled ? handleTargetVisibilityChanged : undefined
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
-    offset: [_styles.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
+    offset: [_dragHandle.DRAG_HANDLE_WIDTH + DRAG_HANDLE_OFFSET_PADDING, targetHandleHeightOffset],
     focusTrap: openedViaKeyboard ?
     // Only enable focus trap when opened via keyboard to make sure the focus is on the first focusable menu item
     {

package/dist/cjs/ui/copy-link.js

@@ -8,12 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.CopyLinkDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _key = require("@atlaskit/editor-common/block-menu/key");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _blockMenuPluginType = require("../blockMenuPluginType");
 var _main = require("../pm-plugins/main");
@@ -33,7 +34,7 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
     getLinkPath = _ref2.getLinkPath,
     blockLinkHashPrefix = _ref2.blockLinkHashPrefix;
   var shortcut = (0, _keymaps.formatShortcut)(_keymaps.copyLinkToBlock);
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls', 'selection'], function (_ref3) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['blockControls', 'selection'], function (_ref3) {
       var blockControlsState = _ref3.blockControlsState,
         selectionState = _ref3.selectionState;
       return {
@@ -52,12 +53,12 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
       var _api$analytics, _api$blockControls;
       var tr = _ref4.tr;
       var payload = {
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.BLOCK_MENU_ITEM,
         attributes: {
           menuItemName: _consts.BLOCK_MENU_ITEM_NAME.COPY_LINK_TO_BLOCK
         },
-        eventType: _analytics.EVENT_TYPE.UI
+        eventType: _enums.EVENT_TYPE.UI
       };
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
       api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.commands) === null || _api$blockControls === void 0 || _api$blockControls.toggleBlockMenu({
@@ -87,18 +88,18 @@ var CopyLinkDropdownItemContent = function CopyLinkDropdownItemContent(_ref) {
   if (!(0, _isCopyLinkEnabled.isCopyLinkEnabled)(config)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "",
       size: "small"
     }),
-    elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
+    elemAfter: shortcut ? /*#__PURE__*/_react.default.createElement(_toolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint, {
       shortcut: shortcut
     }) : undefined,
     ariaKeyshortcuts: shortcut,
-    testId: _blockMenu.BLOCK_MENU_ACTION_TEST_ID.COPY_LINK
-  }, formatMessage(_messages.blockMenuMessages.copyLinkToSelection));
+    testId: _key.BLOCK_MENU_ACTION_TEST_ID.COPY_LINK
+  }, formatMessage(_blockMenu.messages.copyLinkToSelection));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/cjs/ui/copy-section.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CopySection = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var CopySection = exports.CopySection = function CopySection(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
     hasSeparator: true
   }, children);
 };

package/dist/cjs/ui/delete-button.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeleteDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _messages = require("@atlaskit/editor-common/messages");
-var _selection = require("@atlaskit/editor-common/selection");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _key = require("@atlaskit/editor-common/block-menu/key");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _utils = require("@atlaskit/editor-common/selection/utils");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _box = require("@atlaskit/primitives/box");
 var _text = require("@atlaskit/primitives/text");
@@ -31,19 +31,19 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
       var _api$analytics, _api$blockControls, _api$blockControls2;
       var tr = _ref2.tr;
       var payload = {
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BLOCK_MENU_ITEM,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.BLOCK_MENU_ITEM,
         attributes: {
           menuItemName: _consts.BLOCK_MENU_ITEM_NAME.DELETE
         },
-        eventType: _analytics.EVENT_TYPE.UI
+        eventType: _enums.EVENT_TYPE.UI
       };
       api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 || _api$analytics.attachAnalyticsEvent(payload)(tr);
 
       // Extract node information before deletion
       var preservedSelection = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || (_api$blockControls = _api$blockControls.sharedState.currentState()) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.preservedSelection;
       var selection = preservedSelection || tr.selection;
-      var sourceNodes = (0, _selection.getSourceNodesFromSelectionRange)(tr, selection);
+      var sourceNodes = (0, _utils.getSourceNodesFromSelectionRange)(tr, selection);
       var nodeCount = sourceNodes.length;
 
       // Fire node deletion analytics event if nodes are being deleted
@@ -51,18 +51,18 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
         var _api$analytics2;
         var nodeType = sourceNodes.length === 1 ? sourceNodes[0].type.name : 'multiple';
         var nodeDeletedPayload = {
-          action: _analytics.ACTION.DELETED,
-          actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
+          action: _enums.ACTION.DELETED,
+          actionSubject: _enums.ACTION_SUBJECT.ELEMENT,
           attributes: {
-            inputMethod: _analytics.INPUT_METHOD.BLOCK_MENU,
+            inputMethod: _enums.INPUT_METHOD.BLOCK_MENU,
             nodeType: nodeType,
             nodeCount: nodeCount
           },
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _enums.EVENT_TYPE.TRACK
         };
         api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.attachAnalyticsEvent(nodeDeletedPayload)(tr);
       }
-      (0, _selection.deleteSelectedRange)(tr, preservedSelection);
+      (0, _utils.deleteSelectedRange)(tr, preservedSelection);
       api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 || _api$blockControls2.toggleBlockMenu({
         closeMenu: true
       })({
@@ -113,18 +113,18 @@ var DeleteDropdownItemContent = function DeleteDropdownItemContent(_ref) {
     onMouseLeave: onRemoveHoverDecoration,
     onFocus: onShowHoverDecoration,
     onBlur: onRemoveHoverDecoration
-  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  }, /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(_delete.default, {
       color: "var(--ds-icon-danger, #C9372C)",
       label: "",
       size: "small"
     }),
     onClick: onClick,
-    testId: _blockMenu.BLOCK_MENU_ACTION_TEST_ID.DELETE
+    testId: _key.BLOCK_MENU_ACTION_TEST_ID.DELETE
   }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     as: "span",
     color: "color.text.danger"
-  }, formatMessage(_messages.blockMenuMessages.deleteBlock))));
+  }, formatMessage(_blockMenu.messages.deleteBlock))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

package/dist/cjs/ui/delete-section.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DeleteSection = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var DeleteSection = exports.DeleteSection = function DeleteSection(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
     hasSeparator: true
   }, children);
 };