@atlaskit/editor-plugin-block-controls 2.19.1 → 2.20.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.20.0
+
+### Minor Changes
+
+- [#102564](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102564)
+  [`078168e470e88`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/078168e470e88) -
+  [ux] Add initial multi-select
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.19.2
+
+### Patch Changes
+
+- [#102237](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102237)
+  [`ff4d14b55fec9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff4d14b55fec9) -
+  [ED-26244] clean up platform_editor_element_drag_and_drop_ed_24885
+
 ## 2.19.1
 
 ### Patch Changes

package/dist/cjs/blockControlsPlugin.js

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockControlsPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _moveNode = require("./editor-commands/move-node");
 var _moveToLayout = require("./editor-commands/move-to-layout");
 var _main = require("./pm-plugins/main");
-var _getSelection = require("./pm-plugins/utils/getSelection");
 var _dragHandleMenu = require("./ui/drag-handle-menu");
 var _globalStyles = require("./ui/global-styles");
 var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPlugin(_ref) {
@@ -53,9 +51,6 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
           if (pos === undefined) {
             return tr;
           }
-          if (!(0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24885')) {
-            tr = (0, _getSelection.selectNode)(tr, pos, nodeType);
-          }
           tr.setMeta(_main.key, {
             isDragging: true,
             activeNode: {

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

@@ -165,37 +165,55 @@ var moveNode = exports.moveNode = function moveNode(api) {
     // eslint-disable-next-line @typescript-eslint/max-params
     = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref4) {
-      var _node$nodeSize;
       var tr = _ref4.tr;
-      var node = tr.doc.nodeAt(start);
-      var resolvedNode = tr.doc.resolve(start);
-      if (!node) {
+      var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
+        exposure: true
+      });
+      var selection = tr.selection;
+      var selectionFrom = selection.$from.pos;
+      var selectionTo = selection.$to.pos;
+      var handleNode = tr.doc.nodeAt(start);
+      if (!handleNode) {
         return tr;
       }
+      var sliceFrom = start;
+      var sliceTo;
+      if (isMultiSelect) {
+        var _handleNode$nodeSize;
+        // //If the handle position sits within the Editor selection, we will move all nodes that sit in that selection
+        var useSelection = sliceFrom >= selectionFrom - 1 && sliceFrom <= selectionTo;
+        sliceFrom = useSelection ? selectionFrom : start;
+        var handleSize = (_handleNode$nodeSize = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize !== void 0 ? _handleNode$nodeSize : 1;
+        var handleEnd = sliceFrom + handleSize;
+        sliceTo = useSelection ? selectionTo : handleEnd;
+      } else {
+        var _handleNode$nodeSize2;
+        var size = (_handleNode$nodeSize2 = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize2 !== void 0 ? _handleNode$nodeSize2 : 1;
+        sliceTo = sliceFrom + size;
+      }
       var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
         expand = _tr$doc$type$schema$n.expand,
         nestedExpand = _tr$doc$type$schema$n.nestedExpand;
-      var size = (_node$nodeSize = node === null || node === void 0 ? void 0 : node.nodeSize) !== null && _node$nodeSize !== void 0 ? _node$nodeSize : 1;
-      var end = start + size;
-      var $from = tr.doc.resolve(start);
       var $to = tr.doc.resolve(to);
+      var $handlePos = tr.doc.resolve(start);
       var mappedTo;
       if ((0, _experiments.editorExperiment)('nested-dnd', true)) {
-        var nodeCopy = tr.doc.slice(start, end, false); // cut the content
+        var nodeCopy = tr.doc.slice(sliceFrom, sliceTo, false); // cut the content
         var destType = $to.node().type;
         var destParent = $to.node($to.depth);
-        var sourceNode = $from.nodeAfter;
+        var sourceNode = $handlePos.nodeAfter;
 
+        //TODO: Does this need to be updated with new selection logic above? ^
         // Move a layout column to top level
-        if (sourceNode && isDragLayoutColumnToTopLevel($from, $to)) {
+        if (sourceNode && isDragLayoutColumnToTopLevel($handlePos, $to)) {
           // need update after we support single column layout.
           var fragment = _model.Fragment.from(sourceNode.content);
-          (0, _removeFromSource.removeFromSource)(tr, $from);
+          (0, _removeFromSource.removeFromSource)(tr, $handlePos);
           var _mappedTo = tr.mapping.map(to);
           tr.insert(_mappedTo, fragment).setSelection(_state.Selection.near(tr.doc.resolve(_mappedTo))).scrollIntoView();
           return tr;
         }
-        if (!(0, _validation.canMoveNodeToIndex)(destParent, $to.index(), $from.node().child($from.index()), $to)) {
+        if (!(0, _validation.canMoveNodeToIndex)(destParent, $to.index(), $handlePos.node().child($handlePos.index()), $to)) {
           return tr;
         }
         var convertedNodeSlice = transformSourceSlice(nodeCopy, destType);
@@ -203,7 +221,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
         if (!convertedNode) {
           return tr;
         }
-        tr.delete(start, end); // delete the content from the original position
+        tr.delete(sliceFrom, sliceTo); // delete the content from the original position
         mappedTo = tr.mapping.map(to);
         var isDestNestedLoneEmptyParagraph = destParent.type.name !== 'doc' && destParent.childCount === 1 && (0, _utils.isEmptyParagraph)($to.nodeAfter);
         if (convertedNodeSlice && isDestNestedLoneEmptyParagraph) {
@@ -214,12 +232,12 @@ var moveNode = exports.moveNode = function moveNode(api) {
           tr.insert(mappedTo, convertedNode);
         }
       } else {
-        var _nodeCopy = tr.doc.content.cut(start, end); // cut the content
-        tr.delete(start, end); // delete the content from the original position
+        var _nodeCopy = tr.doc.content.cut(sliceFrom, sliceTo); // cut the content
+        tr.delete(sliceFrom, sliceTo); // delete the content from the original position
         mappedTo = tr.mapping.map(to);
         tr.insert(mappedTo, _nodeCopy); // insert the content at the new position
       }
-      tr = inputMethod === _analytics.INPUT_METHOD.DRAG_AND_DROP ? (0, _getSelection.setCursorPositionAtMovedNode)(tr, mappedTo) : (0, _getSelection.selectNode)(tr, mappedTo, node.type.name);
+      tr = inputMethod === _analytics.INPUT_METHOD.DRAG_AND_DROP ? (0, _getSelection.setCursorPositionAtMovedNode)(tr, mappedTo) : (0, _getSelection.selectNode)(tr, mappedTo, handleNode.type.name);
       tr.setMeta(_main.key, {
         nodeMoved: true
       });
@@ -234,7 +252,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
         }
       }
       if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
-        (0, _fireAnalytics.attachMoveNodeAnalytics)(tr, inputMethod, resolvedNode.depth, node.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $from.sameParent($mappedTo), api);
+        (0, _fireAnalytics.attachMoveNodeAnalytics)(tr, inputMethod, $handlePos.depth, handleNode.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api);
       } else {
         var _api$analytics;
         api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
@@ -243,8 +261,8 @@ var moveNode = exports.moveNode = function moveNode(api) {
           actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
           attributes: _objectSpread({
-            nodeDepth: resolvedNode.depth,
-            nodeType: node.type.name,
+            nodeDepth: $handlePos.depth,
+            nodeType: handleNode.type.name,
             destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
             destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name
           }, (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873') && {
@@ -254,7 +272,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
       }
       if ((0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {
         var _api$accessibilityUti;
-        var movedMessage = to > start ? _messages.blockControlsMessages.movedDown : _messages.blockControlsMessages.movedup;
+        var movedMessage = to > sliceFrom ? _messages.blockControlsMessages.movedDown : _messages.blockControlsMessages.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/ui/drag-handle.js

@@ -73,7 +73,7 @@ var selectedStyles = (0, _react2.css)({
   color: "var(--ds-icon-selected, #0C66E4)"
 });
 var DragHandle = exports.DragHandle = function DragHandle(_ref) {
-  var _api$core2, _api$analytics2, _api$core4, _api$core6;
+  var _api$core2, _api$analytics2, _api$core4;
   var view = _ref.view,
     api = _ref.api,
     formatMessage = _ref.formatMessage,
@@ -146,7 +146,6 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
   // as expected with a node selection. This workaround sets the selection to the node on mouseDown,
   // but ensures the preview is generated correctly.
   var handleMouseDown = (0, _react.useCallback)(function () {
-    var _api$core3;
     if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
       // prevent native drag and drop.
       if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
@@ -157,39 +156,16 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         return undefined;
       }
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24885')) {
-      return undefined;
-    }
-    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      var startPos = getPos();
-      if (startPos === undefined) {
-        return tr;
-      }
-      var node = tr.doc.nodeAt(startPos);
-      if (!node) {
-        return tr;
-      }
-      var selection;
-      if (isLayoutColumn && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
-        selection = new _state.NodeSelection(tr.doc.resolve(startPos));
-      } else {
-        var $startPos = tr.doc.resolve(startPos + node.nodeSize);
-        selection = new _state.TextSelection($startPos);
-      }
-      tr.setSelection(selection);
-      return tr;
-    });
-  }, [api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, getPos, isLayoutColumn]);
+  }, [isLayoutColumn]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
     if ((0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {
       // allow user to use spacebar to select the node
 
       if (!e.repeat && e.key === ' ') {
-        var _api$core5;
+        var _api$core3;
         var startPos = getPos();
-        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref4) {
-          var tr = _ref4.tr;
+        api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
           if (startPos === undefined) {
             return tr;
           }
@@ -213,7 +189,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         view.focus();
       }
     }
-  }, [getPos, api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, view]);
+  }, [getPos, api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, view]);
   (0, _react.useEffect)(function () {
     var element = buttonRef.current;
     if (!element) {
@@ -227,11 +203,11 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
           start: start
         };
       },
-      onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
-        var nativeSetDragImage = _ref5.nativeSetDragImage;
+      onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
+        var nativeSetDragImage = _ref4.nativeSetDragImage;
         (0, _setCustomNativeDragPreview.setCustomNativeDragPreview)({
-          render: function render(_ref6) {
-            var container = _ref6.container;
+          render: function render(_ref5) {
+            var container = _ref5.container;
             var dom = view.dom.querySelector("[data-drag-handler-anchor-name=\"".concat(anchorName, "\"]"));
             if (!dom) {
               return;
@@ -242,17 +218,44 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core7;
+        var _api$core5;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref7) {
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref6) {
           var _api$blockControls, _api$analytics3;
-          var tr = _ref7.tr;
+          var tr = _ref6.tr;
+          var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
+            exposure: true
+          });
+          var selectionStart = start;
+          if (isMultiSelect) {
+            var selection = tr.selection;
+            var selectionFrom = selection.$from.pos;
+            var selectionTo = selection.$to.pos;
+            var $selectionFrom = tr.doc.resolve(selectionFrom);
+            var $selectionTo = tr.doc.resolve(selectionTo);
+            selectionStart = $selectionFrom.start();
+            var selectionEnd = $selectionTo.end();
+            var handlePos = getPos();
+            if (typeof handlePos !== 'number') {
+              return tr;
+            }
+            var posBeforeNode = $selectionFrom.pos ? $selectionFrom.start() - 1 : $selectionFrom.pos;
+            var shouldExpandSelection = handlePos >= posBeforeNode && handlePos <= selectionEnd;
+            if (shouldExpandSelection) {
+              //TODO: What happens if not a text selection?
+              var newSelection = _state.TextSelection.create(tr.doc, selectionStart, selectionEnd);
+              tr.setSelection(newSelection);
+            } else {
+              var _$selectionFrom = tr.doc.resolve(handlePos + 1);
+              (0, _getSelection.selectNode)(tr, handlePos, _$selectionFrom.node().type.name);
+            }
+          }
           api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || _api$blockControls.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
-          var resolvedMovingNode = tr.doc.resolve(start);
+          var resolvedMovingNode = tr.doc.resolve(selectionStart);
           var maybeNode = resolvedMovingNode.nodeAfter;
           tr.setMeta('scrollIntoView', false);
           api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({

package/dist/es2019/blockControlsPlugin.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { moveNode } from './editor-commands/move-node';
 import { moveToLayout } from './editor-commands/move-to-layout';
 import { createPlugin, key } from './pm-plugins/main';
-import { selectNode } from './pm-plugins/utils/getSelection';
 import { DragHandleMenu } from './ui/drag-handle-menu';
 import { GlobalStylesWrapper } from './ui/global-styles';
 export const blockControlsPlugin = ({
@@ -44,9 +42,6 @@ export const blockControlsPlugin = ({
       if (pos === undefined) {
         return tr;
       }
-      if (!fg('platform_editor_element_drag_and_drop_ed_24885')) {
-        tr = selectNode(tr, pos, nodeType);
-      }
       tr.setMeta(key, {
         isDragging: true,
         activeNode: {

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

@@ -160,37 +160,55 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
 ) => ({
   tr
 }) => {
-  var _node$nodeSize;
-  const node = tr.doc.nodeAt(start);
-  const resolvedNode = tr.doc.resolve(start);
-  if (!node) {
+  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
+  const selection = tr.selection;
+  const selectionFrom = selection.$from.pos;
+  const selectionTo = selection.$to.pos;
+  const handleNode = tr.doc.nodeAt(start);
+  if (!handleNode) {
     return tr;
   }
+  let sliceFrom = start;
+  let sliceTo;
+  if (isMultiSelect) {
+    var _handleNode$nodeSize;
+    // //If the handle position sits within the Editor selection, we will move all nodes that sit in that selection
+    const useSelection = sliceFrom >= selectionFrom - 1 && sliceFrom <= selectionTo;
+    sliceFrom = useSelection ? selectionFrom : start;
+    const handleSize = (_handleNode$nodeSize = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize !== void 0 ? _handleNode$nodeSize : 1;
+    const handleEnd = sliceFrom + handleSize;
+    sliceTo = useSelection ? selectionTo : handleEnd;
+  } else {
+    var _handleNode$nodeSize2;
+    const size = (_handleNode$nodeSize2 = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize2 !== void 0 ? _handleNode$nodeSize2 : 1;
+    sliceTo = sliceFrom + size;
+  }
   const {
     expand,
     nestedExpand
   } = tr.doc.type.schema.nodes;
-  const size = (_node$nodeSize = node === null || node === void 0 ? void 0 : node.nodeSize) !== null && _node$nodeSize !== void 0 ? _node$nodeSize : 1;
-  const end = start + size;
-  const $from = tr.doc.resolve(start);
   const $to = tr.doc.resolve(to);
+  const $handlePos = tr.doc.resolve(start);
   let mappedTo;
   if (editorExperiment('nested-dnd', true)) {
-    const nodeCopy = tr.doc.slice(start, end, false); // cut the content
+    const nodeCopy = tr.doc.slice(sliceFrom, sliceTo, false); // cut the content
     const destType = $to.node().type;
     const destParent = $to.node($to.depth);
-    const sourceNode = $from.nodeAfter;
+    const sourceNode = $handlePos.nodeAfter;
 
+    //TODO: Does this need to be updated with new selection logic above? ^
     // Move a layout column to top level
-    if (sourceNode && isDragLayoutColumnToTopLevel($from, $to)) {
+    if (sourceNode && isDragLayoutColumnToTopLevel($handlePos, $to)) {
       // need update after we support single column layout.
       const fragment = Fragment.from(sourceNode.content);
-      removeFromSource(tr, $from);
+      removeFromSource(tr, $handlePos);
       const mappedTo = tr.mapping.map(to);
       tr.insert(mappedTo, fragment).setSelection(Selection.near(tr.doc.resolve(mappedTo))).scrollIntoView();
       return tr;
     }
-    if (!canMoveNodeToIndex(destParent, $to.index(), $from.node().child($from.index()), $to)) {
+    if (!canMoveNodeToIndex(destParent, $to.index(), $handlePos.node().child($handlePos.index()), $to)) {
       return tr;
     }
     const convertedNodeSlice = transformSourceSlice(nodeCopy, destType);
@@ -198,7 +216,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
     if (!convertedNode) {
       return tr;
     }
-    tr.delete(start, end); // delete the content from the original position
+    tr.delete(sliceFrom, sliceTo); // delete the content from the original position
     mappedTo = tr.mapping.map(to);
     const isDestNestedLoneEmptyParagraph = destParent.type.name !== 'doc' && destParent.childCount === 1 && isEmptyParagraph($to.nodeAfter);
     if (convertedNodeSlice && isDestNestedLoneEmptyParagraph) {
@@ -209,12 +227,12 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
       tr.insert(mappedTo, convertedNode);
     }
   } else {
-    const nodeCopy = tr.doc.content.cut(start, end); // cut the content
-    tr.delete(start, end); // delete the content from the original position
+    const nodeCopy = tr.doc.content.cut(sliceFrom, sliceTo); // cut the content
+    tr.delete(sliceFrom, sliceTo); // delete the content from the original position
     mappedTo = tr.mapping.map(to);
     tr.insert(mappedTo, nodeCopy); // insert the content at the new position
   }
-  tr = inputMethod === INPUT_METHOD.DRAG_AND_DROP ? setCursorPositionAtMovedNode(tr, mappedTo) : selectNode(tr, mappedTo, node.type.name);
+  tr = inputMethod === INPUT_METHOD.DRAG_AND_DROP ? setCursorPositionAtMovedNode(tr, mappedTo) : selectNode(tr, mappedTo, handleNode.type.name);
   tr.setMeta(key, {
     nodeMoved: true
   });
@@ -229,7 +247,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
     }
   }
   if (editorExperiment('advanced_layouts', true)) {
-    attachMoveNodeAnalytics(tr, inputMethod, resolvedNode.depth, node.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $from.sameParent($mappedTo), api);
+    attachMoveNodeAnalytics(tr, inputMethod, $handlePos.depth, handleNode.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api);
   } else {
     var _api$analytics;
     api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
@@ -238,8 +256,8 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
       actionSubject: ACTION_SUBJECT.ELEMENT,
       actionSubjectId: ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
       attributes: {
-        nodeDepth: resolvedNode.depth,
-        nodeType: node.type.name,
+        nodeDepth: $handlePos.depth,
+        nodeType: handleNode.type.name,
         destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
         destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name,
         ...(fg('platform_editor_element_drag_and_drop_ed_23873') && {
@@ -250,7 +268,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
   }
   if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
     var _api$accessibilityUti;
-    const movedMessage = to > start ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
+    const movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
     api === null || api === void 0 ? void 0 : (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
       priority: 'important'
     });

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

@@ -10,7 +10,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
@@ -71,7 +71,7 @@ export const DragHandle = ({
   handleOptions,
   isTopLevelNode = true
 }) => {
-  var _api$core2, _api$analytics2, _api$core4, _api$core6;
+  var _api$core2, _api$analytics2, _api$core4;
   const start = getPos();
   const buttonRef = useRef(null);
   const [blockCardWidth, setBlockCardWidth] = useState(768);
@@ -129,7 +129,6 @@ export const DragHandle = ({
   // as expected with a node selection. This workaround sets the selection to the node on mouseDown,
   // but ensures the preview is generated correctly.
   const handleMouseDown = useCallback(() => {
-    var _api$core3;
     if (editorExperiment('advanced_layouts', true)) {
       // prevent native drag and drop.
       if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
@@ -140,39 +139,15 @@ export const DragHandle = ({
         return undefined;
       }
     }
-    if (fg('platform_editor_element_drag_and_drop_ed_24885')) {
-      return undefined;
-    }
-    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
-      tr
-    }) => {
-      const startPos = getPos();
-      if (startPos === undefined) {
-        return tr;
-      }
-      const node = tr.doc.nodeAt(startPos);
-      if (!node) {
-        return tr;
-      }
-      let selection;
-      if (isLayoutColumn && editorExperiment('advanced_layouts', true)) {
-        selection = new NodeSelection(tr.doc.resolve(startPos));
-      } else {
-        const $startPos = tr.doc.resolve(startPos + node.nodeSize);
-        selection = new TextSelection($startPos);
-      }
-      tr.setSelection(selection);
-      return tr;
-    });
-  }, [api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, getPos, isLayoutColumn]);
+  }, [isLayoutColumn]);
   const handleKeyDown = useCallback(e => {
     if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
       // allow user to use spacebar to select the node
 
       if (!e.repeat && e.key === ' ') {
-        var _api$core5;
+        var _api$core3;
         const startPos = getPos();
-        api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(({
+        api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
           tr
         }) => {
           if (startPos === undefined) {
@@ -196,7 +171,7 @@ export const DragHandle = ({
         view.focus();
       }
     }
-  }, [getPos, api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, view]);
+  }, [getPos, api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, view]);
   useEffect(() => {
     const element = buttonRef.current;
     if (!element) {
@@ -225,18 +200,45 @@ export const DragHandle = ({
         });
       },
       onDragStart() {
-        var _api$core7;
+        var _api$core5;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 ? void 0 : (_api$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions.execute(({
+        api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(({
           tr
         }) => {
           var _api$blockControls, _api$analytics3;
+          const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+            exposure: true
+          });
+          let selectionStart = start;
+          if (isMultiSelect) {
+            const selection = tr.selection;
+            const selectionFrom = selection.$from.pos;
+            const selectionTo = selection.$to.pos;
+            const $selectionFrom = tr.doc.resolve(selectionFrom);
+            const $selectionTo = tr.doc.resolve(selectionTo);
+            selectionStart = $selectionFrom.start();
+            const selectionEnd = $selectionTo.end();
+            const handlePos = getPos();
+            if (typeof handlePos !== 'number') {
+              return tr;
+            }
+            const posBeforeNode = $selectionFrom.pos ? $selectionFrom.start() - 1 : $selectionFrom.pos;
+            const shouldExpandSelection = handlePos >= posBeforeNode && handlePos <= selectionEnd;
+            if (shouldExpandSelection) {
+              //TODO: What happens if not a text selection?
+              const newSelection = TextSelection.create(tr.doc, selectionStart, selectionEnd);
+              tr.setSelection(newSelection);
+            } else {
+              const $selectionFrom = tr.doc.resolve(handlePos + 1);
+              selectNode(tr, handlePos, $selectionFrom.node().type.name);
+            }
+          }
           api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr
           });
-          const resolvedMovingNode = tr.doc.resolve(start);
+          const resolvedMovingNode = tr.doc.resolve(selectionStart);
           const maybeNode = resolvedMovingNode.nodeAfter;
           tr.setMeta('scrollIntoView', false);
           api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({

package/dist/esm/blockControlsPlugin.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { moveNode } from './editor-commands/move-node';
 import { moveToLayout } from './editor-commands/move-to-layout';
 import { createPlugin, key } from './pm-plugins/main';
-import { selectNode } from './pm-plugins/utils/getSelection';
 import { DragHandleMenu } from './ui/drag-handle-menu';
 import { GlobalStylesWrapper } from './ui/global-styles';
 export var blockControlsPlugin = function blockControlsPlugin(_ref) {
@@ -46,9 +44,6 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
           if (pos === undefined) {
             return tr;
           }
-          if (!fg('platform_editor_element_drag_and_drop_ed_24885')) {
-            tr = selectNode(tr, pos, nodeType);
-          }
           tr.setMeta(key, {
             isDragging: true,
             activeNode: {

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

@@ -159,37 +159,55 @@ export var moveNode = function moveNode(api) {
     // eslint-disable-next-line @typescript-eslint/max-params
     = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref4) {
-      var _node$nodeSize;
       var tr = _ref4.tr;
-      var node = tr.doc.nodeAt(start);
-      var resolvedNode = tr.doc.resolve(start);
-      if (!node) {
+      var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+        exposure: true
+      });
+      var selection = tr.selection;
+      var selectionFrom = selection.$from.pos;
+      var selectionTo = selection.$to.pos;
+      var handleNode = tr.doc.nodeAt(start);
+      if (!handleNode) {
         return tr;
       }
+      var sliceFrom = start;
+      var sliceTo;
+      if (isMultiSelect) {
+        var _handleNode$nodeSize;
+        // //If the handle position sits within the Editor selection, we will move all nodes that sit in that selection
+        var useSelection = sliceFrom >= selectionFrom - 1 && sliceFrom <= selectionTo;
+        sliceFrom = useSelection ? selectionFrom : start;
+        var handleSize = (_handleNode$nodeSize = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize !== void 0 ? _handleNode$nodeSize : 1;
+        var handleEnd = sliceFrom + handleSize;
+        sliceTo = useSelection ? selectionTo : handleEnd;
+      } else {
+        var _handleNode$nodeSize2;
+        var size = (_handleNode$nodeSize2 = handleNode === null || handleNode === void 0 ? void 0 : handleNode.nodeSize) !== null && _handleNode$nodeSize2 !== void 0 ? _handleNode$nodeSize2 : 1;
+        sliceTo = sliceFrom + size;
+      }
       var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
         expand = _tr$doc$type$schema$n.expand,
         nestedExpand = _tr$doc$type$schema$n.nestedExpand;
-      var size = (_node$nodeSize = node === null || node === void 0 ? void 0 : node.nodeSize) !== null && _node$nodeSize !== void 0 ? _node$nodeSize : 1;
-      var end = start + size;
-      var $from = tr.doc.resolve(start);
       var $to = tr.doc.resolve(to);
+      var $handlePos = tr.doc.resolve(start);
       var mappedTo;
       if (editorExperiment('nested-dnd', true)) {
-        var nodeCopy = tr.doc.slice(start, end, false); // cut the content
+        var nodeCopy = tr.doc.slice(sliceFrom, sliceTo, false); // cut the content
         var destType = $to.node().type;
         var destParent = $to.node($to.depth);
-        var sourceNode = $from.nodeAfter;
+        var sourceNode = $handlePos.nodeAfter;
 
+        //TODO: Does this need to be updated with new selection logic above? ^
         // Move a layout column to top level
-        if (sourceNode && isDragLayoutColumnToTopLevel($from, $to)) {
+        if (sourceNode && isDragLayoutColumnToTopLevel($handlePos, $to)) {
           // need update after we support single column layout.
           var fragment = Fragment.from(sourceNode.content);
-          removeFromSource(tr, $from);
+          removeFromSource(tr, $handlePos);
           var _mappedTo = tr.mapping.map(to);
           tr.insert(_mappedTo, fragment).setSelection(Selection.near(tr.doc.resolve(_mappedTo))).scrollIntoView();
           return tr;
         }
-        if (!canMoveNodeToIndex(destParent, $to.index(), $from.node().child($from.index()), $to)) {
+        if (!canMoveNodeToIndex(destParent, $to.index(), $handlePos.node().child($handlePos.index()), $to)) {
           return tr;
         }
         var convertedNodeSlice = transformSourceSlice(nodeCopy, destType);
@@ -197,7 +215,7 @@ export var moveNode = function moveNode(api) {
         if (!convertedNode) {
           return tr;
         }
-        tr.delete(start, end); // delete the content from the original position
+        tr.delete(sliceFrom, sliceTo); // delete the content from the original position
         mappedTo = tr.mapping.map(to);
         var isDestNestedLoneEmptyParagraph = destParent.type.name !== 'doc' && destParent.childCount === 1 && isEmptyParagraph($to.nodeAfter);
         if (convertedNodeSlice && isDestNestedLoneEmptyParagraph) {
@@ -208,12 +226,12 @@ export var moveNode = function moveNode(api) {
           tr.insert(mappedTo, convertedNode);
         }
       } else {
-        var _nodeCopy = tr.doc.content.cut(start, end); // cut the content
-        tr.delete(start, end); // delete the content from the original position
+        var _nodeCopy = tr.doc.content.cut(sliceFrom, sliceTo); // cut the content
+        tr.delete(sliceFrom, sliceTo); // delete the content from the original position
         mappedTo = tr.mapping.map(to);
         tr.insert(mappedTo, _nodeCopy); // insert the content at the new position
       }
-      tr = inputMethod === INPUT_METHOD.DRAG_AND_DROP ? setCursorPositionAtMovedNode(tr, mappedTo) : selectNode(tr, mappedTo, node.type.name);
+      tr = inputMethod === INPUT_METHOD.DRAG_AND_DROP ? setCursorPositionAtMovedNode(tr, mappedTo) : selectNode(tr, mappedTo, handleNode.type.name);
       tr.setMeta(key, {
         nodeMoved: true
       });
@@ -228,7 +246,7 @@ export var moveNode = function moveNode(api) {
         }
       }
       if (editorExperiment('advanced_layouts', true)) {
-        attachMoveNodeAnalytics(tr, inputMethod, resolvedNode.depth, node.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $from.sameParent($mappedTo), api);
+        attachMoveNodeAnalytics(tr, inputMethod, $handlePos.depth, handleNode.type.name, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth, $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name, $handlePos.sameParent($mappedTo), api);
       } else {
         var _api$analytics;
         api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
@@ -237,8 +255,8 @@ export var moveNode = function moveNode(api) {
           actionSubject: ACTION_SUBJECT.ELEMENT,
           actionSubjectId: ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
           attributes: _objectSpread({
-            nodeDepth: resolvedNode.depth,
-            nodeType: node.type.name,
+            nodeDepth: $handlePos.depth,
+            nodeType: handleNode.type.name,
             destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
             destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name
           }, fg('platform_editor_element_drag_and_drop_ed_23873') && {
@@ -248,7 +266,7 @@ export var moveNode = function moveNode(api) {
       }
       if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
         var _api$accessibilityUti;
-        var movedMessage = to > start ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
+        var movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.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/esm/ui/drag-handle.js

@@ -12,7 +12,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
@@ -64,7 +64,7 @@ var selectedStyles = css({
   color: "var(--ds-icon-selected, #0C66E4)"
 });
 export var DragHandle = function DragHandle(_ref) {
-  var _api$core2, _api$analytics2, _api$core4, _api$core6;
+  var _api$core2, _api$analytics2, _api$core4;
   var view = _ref.view,
     api = _ref.api,
     formatMessage = _ref.formatMessage,
@@ -137,7 +137,6 @@ export var DragHandle = function DragHandle(_ref) {
   // as expected with a node selection. This workaround sets the selection to the node on mouseDown,
   // but ensures the preview is generated correctly.
   var handleMouseDown = useCallback(function () {
-    var _api$core3;
     if (editorExperiment('advanced_layouts', true)) {
       // prevent native drag and drop.
       if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
@@ -148,39 +147,16 @@ export var DragHandle = function DragHandle(_ref) {
         return undefined;
       }
     }
-    if (fg('platform_editor_element_drag_and_drop_ed_24885')) {
-      return undefined;
-    }
-    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
-      var tr = _ref3.tr;
-      var startPos = getPos();
-      if (startPos === undefined) {
-        return tr;
-      }
-      var node = tr.doc.nodeAt(startPos);
-      if (!node) {
-        return tr;
-      }
-      var selection;
-      if (isLayoutColumn && editorExperiment('advanced_layouts', true)) {
-        selection = new NodeSelection(tr.doc.resolve(startPos));
-      } else {
-        var $startPos = tr.doc.resolve(startPos + node.nodeSize);
-        selection = new TextSelection($startPos);
-      }
-      tr.setSelection(selection);
-      return tr;
-    });
-  }, [api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, getPos, isLayoutColumn]);
+  }, [isLayoutColumn]);
   var handleKeyDown = useCallback(function (e) {
     if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
       // allow user to use spacebar to select the node
 
       if (!e.repeat && e.key === ' ') {
-        var _api$core5;
+        var _api$core3;
         var startPos = getPos();
-        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref4) {
-          var tr = _ref4.tr;
+        api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
+          var tr = _ref3.tr;
           if (startPos === undefined) {
             return tr;
           }
@@ -204,7 +180,7 @@ export var DragHandle = function DragHandle(_ref) {
         view.focus();
       }
     }
-  }, [getPos, api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, view]);
+  }, [getPos, api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, view]);
   useEffect(function () {
     var element = buttonRef.current;
     if (!element) {
@@ -218,11 +194,11 @@ export var DragHandle = function DragHandle(_ref) {
           start: start
         };
       },
-      onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
-        var nativeSetDragImage = _ref5.nativeSetDragImage;
+      onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
+        var nativeSetDragImage = _ref4.nativeSetDragImage;
         setCustomNativeDragPreview({
-          render: function render(_ref6) {
-            var container = _ref6.container;
+          render: function render(_ref5) {
+            var container = _ref5.container;
             var dom = view.dom.querySelector("[data-drag-handler-anchor-name=\"".concat(anchorName, "\"]"));
             if (!dom) {
               return;
@@ -233,17 +209,44 @@ export var DragHandle = function DragHandle(_ref) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core7;
+        var _api$core5;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref7) {
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref6) {
           var _api$blockControls, _api$analytics3;
-          var tr = _ref7.tr;
+          var tr = _ref6.tr;
+          var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+            exposure: true
+          });
+          var selectionStart = start;
+          if (isMultiSelect) {
+            var selection = tr.selection;
+            var selectionFrom = selection.$from.pos;
+            var selectionTo = selection.$to.pos;
+            var $selectionFrom = tr.doc.resolve(selectionFrom);
+            var $selectionTo = tr.doc.resolve(selectionTo);
+            selectionStart = $selectionFrom.start();
+            var selectionEnd = $selectionTo.end();
+            var handlePos = getPos();
+            if (typeof handlePos !== 'number') {
+              return tr;
+            }
+            var posBeforeNode = $selectionFrom.pos ? $selectionFrom.start() - 1 : $selectionFrom.pos;
+            var shouldExpandSelection = handlePos >= posBeforeNode && handlePos <= selectionEnd;
+            if (shouldExpandSelection) {
+              //TODO: What happens if not a text selection?
+              var newSelection = TextSelection.create(tr.doc, selectionStart, selectionEnd);
+              tr.setSelection(newSelection);
+            } else {
+              var _$selectionFrom = tr.doc.resolve(handlePos + 1);
+              selectNode(tr, handlePos, _$selectionFrom.node().type.name);
+            }
+          }
           api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 || _api$blockControls.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
-          var resolvedMovingNode = tr.doc.resolve(start);
+          var resolvedMovingNode = tr.doc.resolve(selectionStart);
           var maybeNode = resolvedMovingNode.nodeAfter;
           tr.setMeta('scrollIntoView', false);
           api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.19.1",
+	"version": "2.20.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.34.0",
+		"@atlaskit/tmp-editor-statsig": "^2.35.0",
 		"@atlaskit/tokens": "^3.0.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -118,9 +118,6 @@
 		"platform_editor_element_drag_and_drop_debug": {
 			"type": "boolean"
 		},
-		"platform_editor_element_drag_and_drop_ed_24885": {
-			"type": "boolean"
-		},
 		"platform_editor_element_dnd_nested_fix_patch_6": {
 			"type": "boolean"
 		},