@atlaskit/editor-plugin-block-controls 27.0.3 → 27.0.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 27.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.0.3
 
 ### Patch Changes

package/dist/cjs/editor-commands/handle-key-down-with-preserved-selection.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleKeyDownWithPreservedSelection = void 0;
-var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _editorCommands = require("../pm-plugins/selection-preservation/editor-commands");
 var getKeyboardEventInfo = function getKeyboardEventInfo(event) {
   var key = event.key.toLowerCase();
@@ -55,7 +55,7 @@ var handleKeyDownWithPreservedSelection = exports.handleKeyDownWithPreservedSele
       // Handle delete/backspace key presses with custom logic to ensure preserved selection is used
       if (isDelete) {
         var _api$blockControls;
-        tr = (0, _selection.deleteSelectedRange)(tr, (_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);
+        tr = (0, _utils.deleteSelectedRange)(tr, (_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 isBlockMenuOpen = ((_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'blockMenuOpen';
 

package/dist/cjs/editor-commands/move-node-with-block-menu.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.moveNodeWithBlockMenu = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _types = require("@atlaskit/editor-common/types");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _blockControls = require("@atlaskit/editor-common/types/block-controls");
 var _main = require("../pm-plugins/main");
 var _selection = require("../pm-plugins/utils/selection");
 var _moveNode = require("./move-node");
@@ -43,10 +43,10 @@ var moveNodeWithBlockMenu = exports.moveNodeWithBlockMenu = function moveNodeWit
     var depth = tr.doc.resolve(currentNodePos).depth;
     var fromIndex = $from.index(depth);
     var trAfterNodeMove = tr;
-    if (direction === _types.DIRECTION.UP) {
+    if (direction === _blockControls.DIRECTION.UP) {
       if (fromIndex > 0) {
         var moveToPos = $from.posAtIndex(fromIndex - 1, depth);
-        trAfterNodeMove = (0, _moveNode.moveNode)(api)(currentNodePos, moveToPos, _analytics.INPUT_METHOD.BLOCK_MENU)({
+        trAfterNodeMove = (0, _moveNode.moveNode)(api)(currentNodePos, moveToPos, _enums.INPUT_METHOD.BLOCK_MENU)({
           tr: tr
         }) || tr;
       }
@@ -57,7 +57,7 @@ var moveNodeWithBlockMenu = exports.moveNodeWithBlockMenu = function moveNodeWit
       var moveToIndex = selectionToIndex + 2;
       if (moveToIndex <= $to.node(depth).childCount) {
         var _moveToPos = $to.posAtIndex(moveToIndex, depth);
-        trAfterNodeMove = (0, _moveNode.moveNode)(api)(currentNodePos, _moveToPos, _analytics.INPUT_METHOD.BLOCK_MENU)({
+        trAfterNodeMove = (0, _moveNode.moveNode)(api)(currentNodePos, _moveToPos, _enums.INPUT_METHOD.BLOCK_MENU)({
           tr: tr
         }) || tr;
       }

package/dist/cjs/editor-commands/move-node.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.moveNodeViaShortcut = exports.moveNode = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _expand = require("@atlaskit/editor-common/expand");
-var _messages = require("@atlaskit/editor-common/messages");
+var _blockControls = require("@atlaskit/editor-common/messages/block-controls");
 var _selection = require("@atlaskit/editor-common/selection");
+var _selection2 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _transforms = require("@atlaskit/editor-common/transforms");
-var _types = require("@atlaskit/editor-common/types");
+var _blockControls2 = require("@atlaskit/editor-common/types/block-controls");
 var _utils = require("@atlaskit/editor-common/utils");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -24,12 +25,12 @@ var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _main = require("../pm-plugins/main");
-var _analytics2 = require("../pm-plugins/utils/analytics");
+var _analytics = require("../pm-plugins/utils/analytics");
 var _collapsedHeading = require("../pm-plugins/utils/collapsed-heading");
 var _getNestedNodePosition = require("../pm-plugins/utils/getNestedNodePosition");
 var _getSelection = require("../pm-plugins/utils/getSelection");
 var _removeFromSource = require("../pm-plugins/utils/remove-from-source");
-var _selection2 = require("../pm-plugins/utils/selection");
+var _selection3 = require("../pm-plugins/utils/selection");
 var _updateSelection = require("../pm-plugins/utils/update-selection");
 var _validation = require("../pm-plugins/utils/validation");
 var _moveNodeUtils = require("./utils/move-node-utils");
@@ -146,7 +147,7 @@ var getCurrentNodePos = function getCurrentNodePos(state) {
       // to avoid shortcut collision with table drag and drop
       currentNodePos = (_findTable$pos = (_findTable = (0, _utils3.findTable)(selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) !== null && _findTable$pos !== void 0 ? _findTable$pos : currentNodePos;
     }
-  } else if (!(state.selection instanceof _selection.GapCursorSelection)) {
+  } else if (!(state.selection instanceof _selection2.GapCursorSelection)) {
     // 2. caret cursor is inside the node
     // 3. the start of the selection is inside the node
     currentNodePos = selection.$from.before(1);
@@ -203,7 +204,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
       var isTopLevelNode = $currentNodePos.depth === 0;
       var moveToPos = -1;
       var isLayoutColumnSelected = selection instanceof _state.NodeSelection && selection.node.type.name === 'layoutColumn';
-      if (direction === _types.DIRECTION.LEFT) {
+      if (direction === _blockControls2.DIRECTION.LEFT) {
         if (isTopLevelNode && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
           var _api$core, _api$core2;
           var nodeBefore = $currentNodePos.nodeBefore;
@@ -247,7 +248,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
           var previousNode = grandParent ? grandParent.maybeChild(index - 1) : null;
           moveToPos = $currentNodePos.start() - ((previousNode === null || previousNode === void 0 ? void 0 : previousNode.nodeSize) || 1);
         }
-      } else if (direction === _types.DIRECTION.RIGHT) {
+      } else if (direction === _blockControls2.DIRECTION.RIGHT) {
         if (isTopLevelNode && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
           var _api$core4, _api$core5;
           var endOfDoc = $currentNodePos.end();
@@ -295,7 +296,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
           }
           moveToPos = $currentNodePos.after($currentNodePos.depth) + 1;
         }
-      } else if (direction === _types.DIRECTION.UP) {
+      } else if (direction === _blockControls2.DIRECTION.UP) {
         if (isLayoutColumnSelected) {
           moveToPos = $currentNodePos.start() - 1;
         } else {
@@ -333,7 +334,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
           api === null || api === void 0 || api.blockControls.commands.setMultiSelectPositions($newAnchor.pos, $newHead.pos)({
             tr: tr
           });
-          moveNode(api)(currentNodePos, moveToPos, _analytics.INPUT_METHOD.SHORTCUT, formatMessage)({
+          moveNode(api)(currentNodePos, moveToPos, _enums.INPUT_METHOD.SHORTCUT, formatMessage)({
             tr: tr
           });
           tr.scrollIntoView();
@@ -358,7 +359,7 @@ var moveNodeViaShortcut = exports.moveNodeViaShortcut = function moveNodeViaShor
 };
 var moveNode = exports.moveNode = function moveNode(api) {
   return function (start, to) {
-    var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _analytics.INPUT_METHOD.DRAG_AND_DROP;
+    var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _enums.INPUT_METHOD.DRAG_AND_DROP;
     var formatMessage = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref6) {
       var _api$blockControls$sh, _convertedNodeSlice, _api$accessibilityUti;
@@ -386,14 +387,14 @@ var moveNode = exports.moveNode = function moveNode(api) {
         var expandedRange = $from.blockRange(preservedSelection.$to);
         sliceFrom = expandedRange ? expandedRange.start : preservedSelection.from;
         sliceTo = expandedRange ? expandedRange.end : preservedSelection.to;
-        var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, sliceFrom, sliceTo);
+        var attributes = (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, sliceFrom, sliceTo);
         hasSelectedMultipleNodes = attributes.hasSelectedMultipleNodes;
         sourceNodeTypes = attributes.nodeTypes;
       } else {
-        var slicePosition = (0, _selection2.getSelectedSlicePosition)(start, tr, api);
+        var slicePosition = (0, _selection3.getSelectedSlicePosition)(start, tr, api);
         sliceFrom = slicePosition.from;
         sliceTo = slicePosition.to;
-        var _attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, sliceFrom, sliceTo);
+        var _attributes = (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, sliceFrom, sliceTo);
         hasSelectedMultipleNodes = _attributes.hasSelectedMultipleNodes;
         sourceNodeTypes = _attributes.nodeTypes;
       }
@@ -464,7 +465,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
         tr.insert(mappedTo, convertedNode);
       }
       var sliceSize = sliceTo - sliceFrom;
-      if (inputMethod === _analytics.INPUT_METHOD.DRAG_AND_DROP) {
+      if (inputMethod === _enums.INPUT_METHOD.DRAG_AND_DROP) {
         tr = (0, _getSelection.setCursorPositionAtMovedNode)(tr, mappedTo, api);
       } else if (preservedSelection) {
         var _currMeta = tr.getMeta(_main.key);
@@ -484,7 +485,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
       }));
       if (
       // when move node via block menu, we need to keep the focus on block menu popup, so don't move focus to editor in this scenario
-      inputMethod !== _analytics.INPUT_METHOD.BLOCK_MENU) {
+      inputMethod !== _enums.INPUT_METHOD.BLOCK_MENU) {
         api === null || api === void 0 || api.core.actions.focus();
       }
       var $mappedTo = tr.doc.resolve(mappedTo);
@@ -506,14 +507,14 @@ var moveNode = exports.moveNode = function moveNode(api) {
         }
       }
       if ((0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
-        (0, _analytics2.attachMoveNodeAnalytics)(tr, inputMethod, $handlePos.depth, sourceNodeTypes, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api, hasSelectedMultipleNodes);
+        (0, _analytics.attachMoveNodeAnalytics)(tr, inputMethod, $handlePos.depth, sourceNodeTypes, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api, hasSelectedMultipleNodes);
       } else {
         var _api$analytics;
         api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-          eventType: _analytics.EVENT_TYPE.TRACK,
-          action: _analytics.ACTION.MOVED,
-          actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
+          eventType: _enums.EVENT_TYPE.TRACK,
+          action: _enums.ACTION.MOVED,
+          actionSubject: _enums.ACTION_SUBJECT.ELEMENT,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
           attributes: {
             nodeDepth: $handlePos.depth,
             nodeTypes: sourceNodeTypes,
@@ -524,7 +525,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
           }
         })(tr);
       }
-      var movedMessage = to > sliceFrom ? _messages.blockControlsMessages.movedDown : _messages.blockControlsMessages.movedup;
+      var movedMessage = to > sliceFrom ? _blockControls.messages.movedDown : _blockControls.messages.movedup;
       api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
         priority: 'important'
       });

package/dist/cjs/editor-commands/move-to-layout.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.moveToLayout = void 0;
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _error = require("@atlaskit/editor-common/monitoring/error");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _analytics2 = require("../pm-plugins/utils/analytics");
+var _analytics = require("../pm-plugins/utils/analytics");
 var _checkFragment = require("../pm-plugins/utils/check-fragment");
 var _collapsedHeading = require("../pm-plugins/utils/collapsed-heading");
 var _consts = require("../pm-plugins/utils/consts");
@@ -38,7 +38,7 @@ var createNewLayout = function createNewLayout(schema, layoutContents) {
     var layoutSectionNode = layoutSection.createChecked(undefined, layoutContent);
     return layoutSectionNode;
   } catch (error) {
-    (0, _monitoring.logException)(error, {
+    (0, _error.logException)(error, {
       location: 'editor-plugin-block-controls/move-to-layout'
     });
   }
@@ -47,7 +47,7 @@ var createNewLayout = function createNewLayout(schema, layoutContents) {
 var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos, sourceContent, from, to, tr, $originalFrom, $originalTo, api, selectMovedNode) {
   var isSameLayout = (0, _validation.isInSameLayout)($originalFrom, $originalTo);
   var sourceContentEndPos = from + sourceContent.size;
-  var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, from, sourceContentEndPos);
+  var attributes = (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, from, sourceContentEndPos);
   var sourceNodeTypes = attributes.nodeTypes,
     hasSelectedMultipleNodes = attributes.hasSelectedMultipleNodes;
   if (isSameLayout) {
@@ -58,11 +58,11 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
     if (selectMovedNode) {
       tr.setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
     }
-    (0, _analytics2.attachMoveNodeAnalytics)(tr, _analytics.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, sourceNodeTypes, 1, 'layoutSection', true, api, hasSelectedMultipleNodes);
+    (0, _analytics.attachMoveNodeAnalytics)(tr, _enums.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, sourceNodeTypes, 1, 'layoutSection', true, api, hasSelectedMultipleNodes);
   } else if (toLayout.childCount < (0, _consts.maxLayoutColumnSupported)()) {
     (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(from), sourceContentEndPos);
     insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
-    (0, _analytics2.attachMoveNodeAnalytics)(tr, _analytics.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, sourceNodeTypes, 1, 'layoutSection', false, api, hasSelectedMultipleNodes);
+    (0, _analytics.attachMoveNodeAnalytics)(tr, _enums.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, sourceNodeTypes, 1, 'layoutSection', false, api, hasSelectedMultipleNodes);
   }
   return tr;
 };
@@ -86,7 +86,7 @@ var insertToDestinationNoWidthUpdate = function insertToDestinationNoWidthUpdate
       width: 0
     }, (0, _checkFragment.isFragmentOfType)(sourceFragment, 'layoutColumn') ? (_sourceFragment$first = sourceFragment.firstChild) === null || _sourceFragment$first === void 0 ? void 0 : _sourceFragment$first.content : sourceFragment);
   } catch (error) {
-    (0, _monitoring.logException)(error, {
+    (0, _error.logException)(error, {
       location: 'editor-plugin-block-controls/move-to-layout'
     });
   }
@@ -283,7 +283,7 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
         var layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromContentWithoutBreakout] : [fromContentWithoutBreakout, toNodeWithoutBreakout];
         var newLayout = createNewLayout(tr.doc.type.schema, layoutContents);
         if (newLayout) {
-          var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, $sourceFrom.pos, sourceTo);
+          var attributes = (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, $sourceFrom.pos, sourceTo);
           var sourceNodeTypes = attributes.nodeTypes,
             hasSelectedMultipleNodes = attributes.hasSelectedMultipleNodes;
           tr = (0, _removeFromSource.removeFromSource)(tr, $sourceFrom, sourceTo);
@@ -295,9 +295,9 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
           })]);
           if ((0, _fg.fg)('platform_editor_column_count_analytics')) {
             // layout created via drag and drop will always be 2 columns
-            (0, _analytics2.fireInsertLayoutAnalytics)(tr, api, sourceNodeTypes, hasSelectedMultipleNodes, 2);
+            (0, _analytics.fireInsertLayoutAnalytics)(tr, api, sourceNodeTypes, hasSelectedMultipleNodes, 2);
           } else {
-            (0, _analytics2.fireInsertLayoutAnalytics)(tr, api, sourceNodeTypes, hasSelectedMultipleNodes);
+            (0, _analytics.fireInsertLayoutAnalytics)(tr, api, sourceNodeTypes, hasSelectedMultipleNodes);
           }
         }
         return tr;

package/dist/cjs/pm-plugins/handle-mouse-down.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleMouseDown = void 0;
-var _styles = require("@atlaskit/editor-common/styles");
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var handleMouseDown = exports.handleMouseDown = function handleMouseDown(api) {
@@ -34,7 +34,7 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(api) {
         api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.showDragHandleAt(rootPos, '', (_rootNode$type$name3 = rootNode.type.name) !== null && _rootNode$type$name3 !== void 0 ? _rootNode$type$name3 : '', undefined, rootPos, '', (_rootNode$type$name4 = rootNode.type.name) !== null && _rootNode$type$name4 !== void 0 ? _rootNode$type$name4 : ''));
       }
     } else {
-      var isDragHandle = event.target.closest(_styles.DRAG_HANDLE_SELECTOR) !== null;
+      var isDragHandle = event.target.closest(_dragHandle.DRAG_HANDLE_SELECTOR) !== null;
       api === null || api === void 0 || api.core.actions.execute(function (_ref) {
         var tr = _ref.tr;
         api === null || api === void 0 || api.blockControls.commands.setSelectedViaDragHandle(isDragHandle)({

package/dist/cjs/pm-plugins/handle-mouse-over.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleMouseOver = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -278,7 +278,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
         var _selectionPreservatio;
         var preservedSelection = (_selectionPreservatio = _pluginKey.selectionPreservationPluginKey.getState(view.state)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
         var selection = preservedSelection || view.state.selection;
-        var isMultipleSelected = selection && (0, _selection.isMultiBlockSelection)(selection);
+        var isMultipleSelected = selection && (0, _utils.isMultiBlockSelection)(selection);
 
         // Only execute when selection is not a multi-selection, block menu is open, and menu is opened via keyboard
         // as when it is a multi-selection, the showDragHandleAt command interfere with selection

package/dist/cjs/pm-plugins/keymap.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.boundKeydownHandler = void 0;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _types = require("@atlaskit/editor-common/types");
+var _blockControls = require("@atlaskit/editor-common/types/block-controls");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _moveNode = require("../editor-commands/move-node");
 var _showDragHandle = require("../editor-commands/show-drag-handle");
@@ -23,19 +23,19 @@ function keymapList(api, formatMessage) {
     (0, _keymaps.bindKeymapWithCommand)(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    _keymaps.dragToMoveUp.common, (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.UP, formatMessage), keymapList);
+    _keymaps.dragToMoveUp.common, (0, _moveNode.moveNodeViaShortcut)(api, _blockControls.DIRECTION.UP, formatMessage), keymapList);
     (0, _keymaps.bindKeymapWithCommand)(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    _keymaps.dragToMoveDown.common, (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.DOWN, formatMessage), keymapList);
+    _keymaps.dragToMoveDown.common, (0, _moveNode.moveNodeViaShortcut)(api, _blockControls.DIRECTION.DOWN, formatMessage), keymapList);
     (0, _keymaps.bindKeymapWithCommand)(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    _keymaps.dragToMoveLeft.common, (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.LEFT, formatMessage), keymapList);
+    _keymaps.dragToMoveLeft.common, (0, _moveNode.moveNodeViaShortcut)(api, _blockControls.DIRECTION.LEFT, formatMessage), keymapList);
     (0, _keymaps.bindKeymapWithCommand)(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    _keymaps.dragToMoveRight.common, (0, _moveNode.moveNodeViaShortcut)(api, _types.DIRECTION.RIGHT, formatMessage), keymapList);
+    _keymaps.dragToMoveRight.common, (0, _moveNode.moveNodeViaShortcut)(api, _blockControls.DIRECTION.RIGHT, formatMessage), keymapList);
   }
   return keymapList;
 }

package/dist/cjs/pm-plugins/main.js

@@ -8,14 +8,14 @@ exports.key = exports.getDecorations = exports.getBlockControlsMeta = exports.cr
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _browserApis = require("@atlaskit/browser-apis");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _browser = require("@atlaskit/editor-common/browser");
-var _nodeAnchor = require("@atlaskit/editor-common/node-anchor");
+var _nodeAnchorProvider = require("@atlaskit/editor-common/node-anchor-provider");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _styles = require("@atlaskit/editor-common/styles");
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
-var _ui = require("@atlaskit/editor-common/ui");
+var _uiToolbar = require("@atlaskit/editor-common/ui-toolbar");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
@@ -39,7 +39,7 @@ var _handleMouseDown = require("./handle-mouse-down");
 var _handleMouseOver = require("./handle-mouse-over");
 var _keymap = require("./keymap");
 var _activeAnchorTracker = require("./utils/active-anchor-tracker");
-var _analytics2 = require("./utils/analytics");
+var _analytics = require("./utils/analytics");
 var _anchorUtils = require("./utils/anchor-utils");
 var _getSelection = require("./utils/getSelection");
 var _selection = require("./utils/selection");
@@ -87,9 +87,9 @@ var destroyFn = function destroyFn(api, editorView) {
           (0, _performanceMeasures.stopMeasure)(EDITOR_BLOCKS_DRAG_INIT, function (duration, startTime) {
             var _api$analytics;
             api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
-              action: _analytics.ACTION.BLOCKS_DRAG_INIT,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+              action: _enums.ACTION.BLOCKS_DRAG_INIT,
+              actionSubject: _enums.ACTION_SUBJECT.EDITOR,
+              eventType: _enums.EVENT_TYPE.OPERATIONAL,
               attributes: {
                 duration: duration,
                 startTime: startTime,
@@ -149,15 +149,15 @@ var destroyFn = function destroyFn(api, editorView) {
         if (lastDragCancelled) {
           var _api$analytics2;
           var position = (0, _selection.getSelectedSlicePosition)(start, tr, api);
-          var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, position.from, position.to);
+          var attributes = (0, _analytics.getMultiSelectAnalyticsAttributes)(tr, position.from, position.to);
           var nodeTypes = attributes.nodeTypes,
             hasSelectedMultipleNodes = attributes.hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
           (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-            eventType: _analytics.EVENT_TYPE.UI,
-            action: _analytics.ACTION.CANCELLED,
-            actionSubject: _analytics.ACTION_SUBJECT.DRAG,
-            actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
+            eventType: _enums.EVENT_TYPE.UI,
+            action: _enums.ACTION.CANCELLED,
+            actionSubject: _enums.ACTION_SUBJECT.DRAG,
+            actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
             attributes: {
               nodeDepth: resolvedMovingNode.depth,
               nodeTypes: nodeTypes || '',
@@ -188,10 +188,10 @@ var destroyFn = function destroyFn(api, editorView) {
               var _api$analytics3;
               var isCancelled = location.current.dropTargets.length === 0;
               api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.fireAnalyticsEvent({
-                action: _analytics.ACTION.ENDED,
-                eventType: _analytics.EVENT_TYPE.TRACK,
-                actionSubject: _analytics.ACTION_SUBJECT.DRAG,
-                actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
+                action: _enums.ACTION.ENDED,
+                eventType: _enums.EVENT_TYPE.TRACK,
+                actionSubject: _enums.ACTION_SUBJECT.DRAG,
+                actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
                 attributes: {
                   dragInitializationDuration: dragInitializationDuration,
                   dropProcessingDuration: duration,
@@ -1179,7 +1179,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
           // another layer of protection to prevent handling mouseover
           // when native anchor with dnd is enabled in limited mode
           // in case there are descripancies between getNodeIdProvider limited mode state
-          if ((_getNodeIdProvider = (0, _nodeAnchor.getNodeIdProvider)(view)) !== null && _getNodeIdProvider !== void 0 && _getNodeIdProvider.isLimitedMode() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+          if ((_getNodeIdProvider = (0, _nodeAnchorProvider.getNodeIdProvider)(view)) !== null && _getNodeIdProvider !== void 0 && _getNodeIdProvider.isLimitedMode() && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
             return;
           }
           (0, _handleMouseOver.handleMouseOver)(view, event, api);
@@ -1205,7 +1205,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
             }
           }
           if ((event.key === 'Enter' || event.key === ' ') && event.target instanceof HTMLElement && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
-            var isDragHandle = event.target.closest(_styles.DRAG_HANDLE_SELECTOR) !== null;
+            var isDragHandle = event.target.closest(_dragHandle.DRAG_HANDLE_SELECTOR) !== null;
             api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle));
           }
           if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.key === 'ArrowDown' || event.key === 'ArrowUp') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
@@ -1229,7 +1229,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
             // Focus moving into the registry surface remains inside the editor experience.
             var isChildOfSurface = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_block_control_migration') && event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest(_consts.BLOCK_CONTROLS_SURFACE_SELECTOR) !== null;
             var shouldPreserveRemixInlineDropdownFocus = event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest('[data-editor-remix-inline-dropdown-preserve-focus]') !== null;
-            var isChildOfEditor = event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest("#".concat(_ui.EDIT_AREA_ID)) !== null;
+            var isChildOfEditor = event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest("#".concat(_uiToolbar.EDIT_AREA_ID)) !== null;
 
             // don't do anything if the event relatedTarget (the element receiving focus) is a child of the editor
             // or if the editor has focus

package/dist/cjs/pm-plugins/selection-preservation/pm-plugin.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _bindEventListener = require("bind-event-listener");
 var _browserApis = require("@atlaskit/browser-apis");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _styles = require("@atlaskit/editor-common/styles");
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
 var _main = require("../main");
 var _selection = require("../utils/selection");
 var _editorCommands = require("./editor-commands");
@@ -137,7 +137,7 @@ var createSelectionPreservationPlugin = exports.createSelectionPreservationPlugi
             if (!preservedSelection) {
               return;
             }
-            var clickedDragHandle = !!e.target.closest(_styles.DRAG_HANDLE_SELECTOR);
+            var clickedDragHandle = !!e.target.closest(_dragHandle.DRAG_HANDLE_SELECTOR);
 
             // When mouse down on a drag handle we continue preserving the selection
             if (clickedDragHandle) {

package/dist/cjs/pm-plugins/sparse-surfaces-view.js

@@ -8,7 +8,7 @@ exports.createSparseSurfacesView = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _surfaceKeys = require("@atlaskit/editor-common/block-controls/surface-keys");
-var _nodeAnchor = require("@atlaskit/editor-common/node-anchor");
+var _nodeAnchorProvider = require("@atlaskit/editor-common/node-anchor-provider");
 var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
 var _decorationsSurfaceAnchor = require("./decorations-surface-anchor");
 var _main = require("./main");
@@ -73,7 +73,7 @@ var createSparseSurfacesView = exports.createSparseSurfacesView = function creat
     if (!visibilityChanged && !haveAnchorPositionsChanged(anchorPositions, previous.anchors) && candidates === previous.candidates && !previous.documentChanged && !previous.invalidation) {
       return;
     }
-    var nodeIdProvider = (0, _nodeAnchor.getNodeIdProvider)(view);
+    var nodeIdProvider = (0, _nodeAnchorProvider.getNodeIdProvider)(view);
     var _createSurfaceAnchorD = (0, _decorationsSurfaceAnchor.createSurfaceAnchorDecorations)(view.state, anchorPositions, function (node, position, previousAnchorName) {
         if (previousAnchorName) {
           nodeIdProvider.setIdForNode(node, previousAnchorName);

package/dist/cjs/pm-plugins/utils/analytics.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMultiSelectAnalyticsAttributes = exports.fireInsertLayoutAnalytics = exports.attachMoveNodeAnalytics = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var attachMoveNodeAnalytics = exports.attachMoveNodeAnalytics = function attachMoveNodeAnalytics(tr, inputMethod, fromDepth, fromNodeTypes, toDepth, toNodeType, isSameParent, api, hasSelectedMultipleNodes) {
   var _api$analytics;
   return api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.attachAnalyticsEvent({
-    eventType: _analytics.EVENT_TYPE.TRACK,
-    action: _analytics.ACTION.MOVED,
-    actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
+    eventType: _enums.EVENT_TYPE.TRACK,
+    action: _enums.ACTION.MOVED,
+    actionSubject: _enums.ACTION_SUBJECT.ELEMENT,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
     attributes: {
       nodeDepth: fromDepth,
       nodeTypes: fromNodeTypes,
@@ -28,16 +28,16 @@ var attachMoveNodeAnalytics = exports.attachMoveNodeAnalytics = function attachM
 var fireInsertLayoutAnalytics = exports.fireInsertLayoutAnalytics = function fireInsertLayoutAnalytics(tr, api, nodeTypes, hasSelectedMultipleNodes, columnCount) {
   var _api$analytics2;
   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({
-    action: _analytics.ACTION.INSERTED,
-    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
+    action: _enums.ACTION.INSERTED,
+    actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: _enums.ACTION_SUBJECT_ID.LAYOUT,
     attributes: {
-      inputMethod: _analytics.INPUT_METHOD.DRAG_AND_DROP,
+      inputMethod: _enums.INPUT_METHOD.DRAG_AND_DROP,
       nodeTypes: nodeTypes,
       hasSelectedMultipleNodes: hasSelectedMultipleNodes,
       columnCount: columnCount
     },
-    eventType: _analytics.EVENT_TYPE.TRACK
+    eventType: _enums.EVENT_TYPE.TRACK
   })(tr);
 };
 

package/dist/cjs/pm-plugins/utils/drag-handle-positions.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.shouldMaskNodeControls = exports.shouldBeSticky = exports.getTopPosition = exports.getNodeHeight = exports.getLeftPosition = exports.getControlHeightCSSValue = exports.getControlBottomCSSValue = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _consts = require("../../ui/consts");
@@ -49,14 +49,14 @@ var getLeftPosition = exports.getLeftPosition = function getLeftPosition(dom, ty
     return 'auto';
   }
   if (!innerContainer) {
-    return type === 'layoutColumn' ? "".concat(dom.offsetLeft + dom.clientWidth / 2 - _consts.DRAG_HANDLE_HEIGHT / 2, "px") : "".concat(dom.offsetLeft - (0, _consts.dragHandleGap)(type, parentType) - _styles.DRAG_HANDLE_WIDTH, "px");
+    return type === 'layoutColumn' ? "".concat(dom.offsetLeft + dom.clientWidth / 2 - _consts.DRAG_HANDLE_HEIGHT / 2, "px") : "".concat(dom.offsetLeft - (0, _consts.dragHandleGap)(type, parentType) - _dragHandle.DRAG_HANDLE_WIDTH, "px");
   }
 
   // There is a showMacroInteractionDesignUpdates prop in extension node wrapper that can add a relative span under the top level div
   // We need to adjust the left offset position of the drag handle to account for the relative span
   var relativeSpan = macroInteractionUpdates ? dom.querySelector('span.relative') : null;
   var leftAdjustment = relativeSpan ? relativeSpan.offsetLeft : 0;
-  return getComputedStyle(innerContainer).transform === 'none' ? "".concat(innerContainer.offsetLeft + leftAdjustment - (0, _consts.dragHandleGap)(type, parentType) - _styles.DRAG_HANDLE_WIDTH, "px") : "".concat(innerContainer.offsetLeft + leftAdjustment - innerContainer.offsetWidth / 2 - (0, _consts.dragHandleGap)(type, parentType) - _styles.DRAG_HANDLE_WIDTH, "px");
+  return getComputedStyle(innerContainer).transform === 'none' ? "".concat(innerContainer.offsetLeft + leftAdjustment - (0, _consts.dragHandleGap)(type, parentType) - _dragHandle.DRAG_HANDLE_WIDTH, "px") : "".concat(innerContainer.offsetLeft + leftAdjustment - innerContainer.offsetWidth / 2 - (0, _consts.dragHandleGap)(type, parentType) - _dragHandle.DRAG_HANDLE_WIDTH, "px");
 };
 
 // anchorRectCache seems to have a 100% cache miss rate

package/dist/cjs/pm-plugins/utils/expand-and-update-selection.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.expandAndUpdateSelection = void 0;
 var _nodeSelection = require("@atlaskit/editor-common/node-selection");
 var _selection = require("@atlaskit/editor-common/selection");
+var _utils = require("@atlaskit/editor-common/selection/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-tables/utils");
+var _selectTableClosestToPos = require("@atlaskit/editor-tables/select-table-closest-to-pos");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _getSelection = require("./getSelection");
 var _selection2 = require("./selection");
@@ -33,7 +34,7 @@ var getExpandedSelectionRange = function getExpandedSelectionRange(_ref) {
     $from: $from,
     $to: $to
   } : (0, _selection2.adjustSelectionBoundsForEdgePositions)($from, $to);
-  return (0, _selection.expandToBlockRange)(adjusted.$from, adjusted.$to);
+  return (0, _utils.expandToBlockRange)(adjusted.$from, adjusted.$to);
 };
 /**
  * Updates the transaction's selection based on the clicked drag handle position.
@@ -67,7 +68,7 @@ var expandAndUpdateSelection = exports.expandAndUpdateSelection = function expan
     // the platform-level composer — same path as open-remix-modal, no drift.
     (0, _nodeSelection.selectNodeAtPos)(tr, startPos, nodeType);
   } else if (nodeType === 'table') {
-    (0, _utils.selectTableClosestToPos)(tr, tr.doc.resolve(startPos + 1));
+    (0, _selectTableClosestToPos.selectTableClosestToPos)(tr, tr.doc.resolve(startPos + 1));
   } else {
     // Select the clicked drag handle's node only
     (0, _getSelection.selectNode)(tr, startPos, nodeType, api);