@atlaskit/editor-plugin-block-controls 7.10.2 → 7.11.0

package/dist/esm/ui/drag-handle.js

@@ -22,7 +22,7 @@ import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { deleteSelectedRange } from '@atlaskit/editor-common/selection';
 import { DRAG_HANDLE_WIDTH, tableControlsSpacing } from '@atlaskit/editor-common/styles';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFullPageNarrowBreakout, akEditorTableToolbarSize, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/consts';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
@@ -41,9 +41,9 @@ import { key } from '../pm-plugins/main';
 import { selectionPreservationPluginKey } from '../pm-plugins/selection-preservation/plugin-key';
 import { getMultiSelectAnalyticsAttributes } from '../pm-plugins/utils/analytics';
 import { getControlBottomCSSValue, getControlHeightCSSValue, getLeftPosition, getNodeHeight, getTopPosition, shouldBeSticky, shouldMaskNodeControls } from '../pm-plugins/utils/drag-handle-positions';
-import { isHandleCorrelatedToSelection, isNodeWithCodeBlock, selectNode } from '../pm-plugins/utils/getSelection';
+import { isHandleCorrelatedToSelection, selectNode } from '../pm-plugins/utils/getSelection';
 import { alignAnchorHeadInDirectionOfPos, expandSelectionHeadToNodeAtPos } from '../pm-plugins/utils/selection';
-import { BLOCK_MENU_ENABLED, DRAG_HANDLE_BORDER_RADIUS, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH, DRAG_HANDLE_ZINDEX, dragHandleGap, nodeMargins, spacingBetweenNodesForPreview, STICKY_CONTROLS_TOP_MARGIN, topPositionAdjustment } from './consts';
+import { DRAG_HANDLE_BORDER_RADIUS, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH, DRAG_HANDLE_ZINDEX, dragHandleGap, nodeMargins, spacingBetweenNodesForPreview, STICKY_CONTROLS_TOP_MARGIN, topPositionAdjustment } from './consts';
 import { dragPreview } from './drag-preview';
 import { refreshAnchorName } from './utils/anchor-name';
 import { getAnchorAttrName } from './utils/dom-attr-name';
@@ -473,53 +473,13 @@ export var DragHandle = function DragHandle(_ref2) {
       var mSelect = api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.multiSelectDnD;
       var $anchor = (mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) !== undefined ? tr.doc.resolve(mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) : tr.selection.$anchor;
       if (!isMultiSelect || tr.selection.empty || !e.shiftKey) {
-        if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
-          var node = tr.doc.nodeAt(startPos);
-          var nodeSize = node ? node.nodeSize : 1;
-          // It this will be required in other places, where selectNode is used, we should
-          // move it inside of the newGetSelection in the selectNode
-          if (nodeType === 'blockquote' && isNodeWithCodeBlock(tr, startPos, nodeSize)) {
-            var _selection = new NodeSelection(tr.doc.resolve(startPos));
-            tr.setSelection(_selection);
-          } else {
-            tr = selectNode(tr, startPos, nodeType, api);
-          }
-        } else {
-          tr = selectNode(tr, startPos, nodeType, api);
-        }
-        var rootPos = editorExperiment('platform_synced_block', true) ? tr.doc.resolve(startPos).before(1) : undefined;
-        var triggerByNode = expValEqualsNoExposure('platform_synced_block', 'isEnabled', true) ? {
-          nodeType: nodeType,
-          pos: startPos,
-          rootPos: rootPos
-        } : undefined;
-        if (BLOCK_MENU_ENABLED && editorExperiment('platform_editor_controls', 'variant1')) {
-          var _api$blockControls3;
-          api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.toggleBlockMenu({
-            anchorName: anchorName,
-            triggerByNode: triggerByNode,
-            openedViaKeyboard: false
-          })({
-            tr: tr
-          });
-          e.stopPropagation();
-        } else if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
-          var _api$blockControls4;
-          api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
-            anchorName: anchorName,
-            triggerByNode: triggerByNode,
-            openedViaKeyboard: false
-          })({
-            tr: tr
-          });
-          e.stopPropagation();
-        }
+        tr = selectNode(tr, startPos, nodeType, api);
       } else if (isTopLevelNode && $anchor.depth <= DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH && e.shiftKey && fg('platform_editor_elements_dnd_shift_click_select')) {
-        var _api$blockControls5;
+        var _api$blockControls3;
         var alignAnchorHeadToSel = alignAnchorHeadInDirectionOfPos(tr.selection, startPos);
         var selectionWithExpandedHead = expandSelectionHeadToNodeAtPos(alignAnchorHeadToSel, startPos);
         tr.setSelection(selectionWithExpandedHead);
-        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.setMultiSelectPositions()({
+        api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.setMultiSelectPositions()({
           tr: tr
         });
       }
@@ -539,7 +499,7 @@ export var DragHandle = function DragHandle(_ref2) {
       return tr;
     });
     view.focus();
-  }, [isMultiSelect, api, view, dragHandleSelected, getPos, isTopLevelNode, nodeType, anchorName]);
+  }, [isMultiSelect, api, view, dragHandleSelected, getPos, isTopLevelNode, nodeType]);
   var handleKeyDown = useCallback(function (e) {
     // allow user to use spacebar to select the node
     if (!e.repeat && e.key === ' ') {
@@ -581,7 +541,7 @@ export var DragHandle = function DragHandle(_ref2) {
       e.stopPropagation();
       var startPos = getPos();
       api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref6) {
-        var _api$blockControls6, _api$userIntent;
+        var _api$blockControls4, _api$userIntent;
         var tr = _ref6.tr;
         if (startPos === undefined) {
           return tr;
@@ -596,7 +556,7 @@ export var DragHandle = function DragHandle(_ref2) {
           pos: startPos,
           rootPos: rootPos
         } : undefined;
-        api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
           anchorName: anchorName,
           triggerByNode: triggerByNode,
           openedViaKeyboard: true
@@ -612,10 +572,10 @@ export var DragHandle = function DragHandle(_ref2) {
       e.preventDefault();
       e.stopPropagation();
       api === null || api === void 0 || api.core.actions.execute(function (_ref7) {
-        var _api$blockControls7;
+        var _api$blockControls5;
         var tr = _ref7.tr;
         deleteSelectedRange(tr);
-        api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.toggleBlockMenu({
           closeMenu: true
         })({
           tr: tr
@@ -656,8 +616,8 @@ export var DragHandle = function DragHandle(_ref2) {
             }
             var newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
             if (!tr.selection.empty && newHandlePosCheck) {
-              var _api$blockControls8;
-              api === null || api === void 0 || (_api$blockControls8 = api.blockControls) === null || _api$blockControls8 === void 0 || _api$blockControls8.commands.setMultiSelectPositions()({
+              var _api$blockControls6;
+              api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setMultiSelectPositions()({
                 tr: tr
               });
             } else if (fg('platform_editor_elements_dnd_select_node_on_drag')) {
@@ -765,7 +725,7 @@ export var DragHandle = function DragHandle(_ref2) {
           return;
         }
         api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref1) {
-          var _api$blockControls$sh3, _api$blockControls9, _api$analytics3;
+          var _api$blockControls$sh3, _api$blockControls7, _api$analytics3;
           var tr = _ref1.tr;
           var nodeTypes, hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
@@ -779,7 +739,7 @@ export var DragHandle = function DragHandle(_ref2) {
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 || (_api$blockControls9 = api.blockControls) === null || _api$blockControls9 === void 0 || _api$blockControls9.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
           tr.setMeta('scrollIntoView', false);

package/dist/types/ui/consts.d.ts

@@ -59,5 +59,3 @@ export declare const nodeMargins: {
 export declare const DEFAULT_COLUMN_DISTRIBUTIONS: {
     [key: number]: number;
 };
-export declare const BLOCK_MENU_WIDTH = 220;
-export declare const BLOCK_MENU_ENABLED = false;

package/dist/types-ts4.5/ui/consts.d.ts

@@ -59,5 +59,3 @@ export declare const nodeMargins: {
 export declare const DEFAULT_COLUMN_DISTRIBUTIONS: {
     [key: number]: number;
 };
-export declare const BLOCK_MENU_WIDTH = 220;
-export declare const BLOCK_MENU_ENABLED = false;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "7.10.2",
+	"version": "7.11.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tmp-editor-statsig": "^14.2.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@babel/runtime": "^7.0.0",

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

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.menuItemsCallback = exports.getBlockMenuItems = void 0;
-var _react = require("@emotion/react");
-var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _types = require("@atlaskit/editor-common/types");
-var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
-var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/core/arrow-down"));
-var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
-var _arrowRight = _interopRequireDefault(require("@atlaskit/icon/core/arrow-right"));
-var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/core/arrow-up"));
-var _moveNode = require("../editor-commands/move-node");
-/* eslint-disable @atlaskit/design-system/prefer-primitives */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var getBlockMenuItems = exports.getBlockMenuItems = function getBlockMenuItems(formatMessage) {
-  return [{
-    items: [{
-      content: formatMessage(_messages.blockControlsMessages.moveUp),
-      elemBefore: (0, _react.jsx)(_arrowUp.default, {
-        label: ""
-      }),
-      value: {
-        name: 'moveUp'
-      },
-      key: 'move_up',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: (0, _react.jsx)("div", {
-        css: _shortcut.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.dragToMoveUp))
-    }, {
-      content: formatMessage(_messages.blockControlsMessages.moveDown),
-      elemBefore: (0, _react.jsx)(_arrowDown.default, {
-        label: ""
-      }),
-      value: {
-        name: 'moveDown'
-      },
-      key: 'move_down',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: (0, _react.jsx)("div", {
-        css: _shortcut.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.dragToMoveDown))
-    }, {
-      content: formatMessage(_messages.blockControlsMessages.moveLeft),
-      elemBefore: (0, _react.jsx)(_arrowLeft.default, {
-        label: ""
-      }),
-      value: {
-        name: 'moveLeft'
-      },
-      key: 'move_left',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: (0, _react.jsx)("div", {
-        css: _shortcut.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.dragToMoveLeft))
-    }, {
-      content: formatMessage(_messages.blockControlsMessages.moveRight),
-      elemBefore: (0, _react.jsx)(_arrowRight.default, {
-        label: ""
-      }),
-      value: {
-        name: 'moveRight'
-      },
-      key: 'move_right',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: (0, _react.jsx)("div", {
-        css: _shortcut.shortcutStyle
-      }, (0, _keymaps.tooltip)(_keymaps.dragToMoveRight))
-    }]
-  }];
-};
-var menuItemsCallback = exports.menuItemsCallback = {
-  moveUp: function moveUp(api, formatMessage) {
-    return (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.UP, formatMessage);
-  },
-  moveDown: function moveDown(api, formatMessage) {
-    return (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.DOWN, formatMessage);
-  }
-};

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

@@ -1,110 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _blockMenuItems = require("./block-menu-items");
-var _consts = require("./consts");
-var _domAttrName = require("./utils/dom-attr-name");
-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 BlockMenuContent = function BlockMenuContent(_ref) {
-  var editorView = _ref.editorView,
-    mountPoint = _ref.mountPoint,
-    boundariesElement = _ref.boundariesElement,
-    scrollableElement = _ref.scrollableElement,
-    api = _ref.api,
-    menuTriggerBy = _ref.menuTriggerBy,
-    formatMessage = _ref.formatMessage;
-  var activeNodeSelector = "[".concat((0, _domAttrName.getAnchorAttrName)(), "=").concat(menuTriggerBy, "]");
-  var targetHandleRef = document.querySelector(activeNodeSelector);
-  var items = (0, _blockMenuItems.getBlockMenuItems)(formatMessage);
-  var handleOpenChange = (0, _react.useCallback)(function (payload) {
-    if (!(payload !== null && payload !== void 0 && payload.isOpen)) {
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api === null || api === void 0 ? void 0 : api.core.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands]);
-  var onMenuItemActivated = (0, _react.useCallback)(function (_ref2) {
-    var item = _ref2.item;
-    if (editorView) {
-      var _menuItemsCallback, _menuItemsCallback$ca;
-      (_menuItemsCallback = _blockMenuItems.menuItemsCallback[item.value.name]) === null || _menuItemsCallback === void 0 || (_menuItemsCallback$ca = _menuItemsCallback.call(_blockMenuItems.menuItemsCallback, api, formatMessage)) === null || _menuItemsCallback$ca === void 0 || _menuItemsCallback$ca(editorView.state, editorView.dispatch, editorView);
-      api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api, editorView, formatMessage]);
-  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
-    alignX: 'left',
-    alignY: 'start'
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    ,
-    target: targetHandleRef,
-    mountTo: undefined,
-    zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
-    forcePlacement: true,
-    stick: true,
-    offset: [-6, 8]
-  }, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenu, {
-    mountTo: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement
-    //This needs be removed when the a11y is completely handled
-    //Disabling key navigation now as it works only partially
-    ,
-    arrowKeyNavigationProviderOptions: {
-      type: _uiMenu.ArrowKeyNavigationType.MENU
-    },
-    items: items,
-    isOpen: true,
-    fitWidth: _consts.BLOCK_MENU_WIDTH,
-    section: {
-      hasSeparator: true
-    },
-    onOpenChange: handleOpenChange,
-    onItemActivated: onMenuItemActivated
-  }));
-};
-var BlockMenu = function BlockMenu(_ref3) {
-  var editorView = _ref3.editorView,
-    mountPoint = _ref3.mountPoint,
-    boundariesElement = _ref3.boundariesElement,
-    scrollableElement = _ref3.scrollableElement,
-    api = _ref3.api,
-    formatMessage = _ref3.intl.formatMessage;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
-      var _states$blockControls, _states$blockControls2;
-      return {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
-  if (isMenuOpen) {
-    return null;
-  }
-  if (!menuTriggerBy) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(BlockMenuContent, {
-    editorView: editorView,
-    mountPoint: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement,
-    api: api,
-    menuTriggerBy: menuTriggerBy,
-    formatMessage: formatMessage
-  });
-};
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(BlockMenu);

package/dist/es2019/ui/block-menu-items.js

@@ -1,82 +0,0 @@
-/* eslint-disable @atlaskit/design-system/prefer-primitives */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, tooltip } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { DIRECTION } from '@atlaskit/editor-common/types';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
-import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
-import ArrowRightnIcon from '@atlaskit/icon/core/arrow-right';
-import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
-import { moveNodeViaShortcut } from '../editor-commands/move-node';
-export const getBlockMenuItems = formatMessage => {
-  return [{
-    items: [{
-      content: formatMessage(blockControlsMessages.moveUp),
-      elemBefore: jsx(ArrowUpIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveUp'
-      },
-      key: 'move_up',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveUp))
-    }, {
-      content: formatMessage(blockControlsMessages.moveDown),
-      elemBefore: jsx(ArrowDownIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveDown'
-      },
-      key: 'move_down',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveDown))
-    }, {
-      content: formatMessage(blockControlsMessages.moveLeft),
-      elemBefore: jsx(ArrowLeftIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveLeft'
-      },
-      key: 'move_left',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveLeft))
-    }, {
-      content: formatMessage(blockControlsMessages.moveRight),
-      elemBefore: jsx(ArrowRightnIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveRight'
-      },
-      key: 'move_right',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveRight))
-    }]
-  }];
-};
-export const menuItemsCallback = {
-  moveUp: (api, formatMessage) => {
-    return moveNodeViaShortcut(api, DIRECTION.UP, formatMessage);
-  },
-  moveDown: (api, formatMessage) => {
-    return moveNodeViaShortcut(api, DIRECTION.DOWN, formatMessage);
-  }
-};

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

@@ -1,108 +0,0 @@
-import React, { useCallback } from 'react';
-import { injectIntl } from 'react-intl-next';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { Popup } from '@atlaskit/editor-common/ui';
-import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
-import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
-import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
-import { BLOCK_MENU_WIDTH } from './consts';
-import { getAnchorAttrName } from './utils/dom-attr-name';
-const BlockMenuContent = ({
-  editorView,
-  mountPoint,
-  boundariesElement,
-  scrollableElement,
-  api,
-  menuTriggerBy,
-  formatMessage
-}) => {
-  const activeNodeSelector = `[${getAnchorAttrName()}=${menuTriggerBy}]`;
-  const targetHandleRef = document.querySelector(activeNodeSelector);
-  const items = getBlockMenuItems(formatMessage);
-  const handleOpenChange = useCallback(payload => {
-    if (!(payload !== null && payload !== void 0 && payload.isOpen)) {
-      api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api === null || api === void 0 ? void 0 : api.core.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands]);
-  const onMenuItemActivated = useCallback(({
-    item
-  }) => {
-    if (editorView) {
-      var _menuItemsCallback, _menuItemsCallback$ca;
-      (_menuItemsCallback = menuItemsCallback[item.value.name]) === null || _menuItemsCallback === void 0 ? void 0 : (_menuItemsCallback$ca = _menuItemsCallback.call(menuItemsCallback, api, formatMessage)) === null || _menuItemsCallback$ca === void 0 ? void 0 : _menuItemsCallback$ca(editorView.state, editorView.dispatch, editorView);
-      api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.toggleBlockMenu({
-        closeMenu: true
-      }));
-    }
-  }, [api, editorView, formatMessage]);
-  return /*#__PURE__*/React.createElement(Popup, {
-    alignX: 'left',
-    alignY: 'start'
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    ,
-    target: targetHandleRef,
-    mountTo: undefined,
-    zIndex: akEditorFloatingOverlapPanelZIndex,
-    forcePlacement: true,
-    stick: true,
-    offset: [-6, 8]
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
-    mountTo: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement
-    //This needs be removed when the a11y is completely handled
-    //Disabling key navigation now as it works only partially
-    ,
-    arrowKeyNavigationProviderOptions: {
-      type: ArrowKeyNavigationType.MENU
-    },
-    items: items,
-    isOpen: true,
-    fitWidth: BLOCK_MENU_WIDTH,
-    section: {
-      hasSeparator: true
-    },
-    onOpenChange: handleOpenChange,
-    onItemActivated: onMenuItemActivated
-  }));
-};
-const BlockMenu = ({
-  editorView,
-  mountPoint,
-  boundariesElement,
-  scrollableElement,
-  api,
-  intl: {
-    formatMessage
-  }
-}) => {
-  const {
-    isMenuOpen,
-    menuTriggerBy
-  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
-    var _states$blockControls, _states$blockControls2;
-    return {
-      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-      menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-    };
-  });
-  if (isMenuOpen) {
-    return null;
-  }
-  if (!menuTriggerBy) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(BlockMenuContent, {
-    editorView: editorView,
-    mountPoint: mountPoint,
-    boundariesElement: boundariesElement,
-    scrollableElement: scrollableElement,
-    api: api,
-    menuTriggerBy: menuTriggerBy,
-    formatMessage: formatMessage
-  });
-};
-export default injectIntl(BlockMenu);

package/dist/esm/ui/block-menu-items.js

@@ -1,82 +0,0 @@
-/* eslint-disable @atlaskit/design-system/prefer-primitives */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, tooltip } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { DIRECTION } from '@atlaskit/editor-common/types';
-import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
-import ArrowDownIcon from '@atlaskit/icon/core/arrow-down';
-import ArrowLeftIcon from '@atlaskit/icon/core/arrow-left';
-import ArrowRightnIcon from '@atlaskit/icon/core/arrow-right';
-import ArrowUpIcon from '@atlaskit/icon/core/arrow-up';
-import { moveNodeViaShortcut } from '../editor-commands/move-node';
-export var getBlockMenuItems = function getBlockMenuItems(formatMessage) {
-  return [{
-    items: [{
-      content: formatMessage(blockControlsMessages.moveUp),
-      elemBefore: jsx(ArrowUpIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveUp'
-      },
-      key: 'move_up',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveUp))
-    }, {
-      content: formatMessage(blockControlsMessages.moveDown),
-      elemBefore: jsx(ArrowDownIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveDown'
-      },
-      key: 'move_down',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveDown))
-    }, {
-      content: formatMessage(blockControlsMessages.moveLeft),
-      elemBefore: jsx(ArrowLeftIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveLeft'
-      },
-      key: 'move_left',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveLeft))
-    }, {
-      content: formatMessage(blockControlsMessages.moveRight),
-      elemBefore: jsx(ArrowRightnIcon, {
-        label: ""
-      }),
-      value: {
-        name: 'moveRight'
-      },
-      key: 'move_right',
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-      elemAfter: jsx("div", {
-        css: shortcutStyle
-      }, tooltip(dragToMoveRight))
-    }]
-  }];
-};
-export var menuItemsCallback = {
-  moveUp: function moveUp(api, formatMessage) {
-    return moveNodeViaShortcut(api, DIRECTION.UP, formatMessage);
-  },
-  moveDown: function moveDown(api, formatMessage) {
-    return moveNodeViaShortcut(api, DIRECTION.DOWN, formatMessage);
-  }
-};