@atlaskit/editor-plugin-block-controls 2.21.5 → 2.21.7

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.21.7
+
+### Patch Changes
+
+- [#105486](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105486)
+  [`ed00542ef3156`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ed00542ef3156) -
+  Validate all the nodes in the selection instead of just the handle node
+
+## 2.21.6
+
+### Patch Changes
+
+- [#105202](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105202)
+  [`652b93ff9cff7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/652b93ff9cff7) -
+  [ux] [ED-26290] Support drag and drop to create or update layout with multi select
+- Updated dependencies
+
 ## 2.21.5
 
 ### Patch Changes

package/dist/cjs/blockControlsPlugin.js

@@ -28,8 +28,6 @@ var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPl
     commands: {
       moveNode: (0, _moveNode.moveNode)(api),
       moveToLayout: (0, _moveToLayout.moveToLayout)(api),
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       showDragHandleAt: function showDragHandleAt(pos, anchorName, nodeType, handleOptions) {
         return function (_ref3) {
           var tr = _ref3.tr;

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

@@ -160,10 +160,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 formatMessage
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
-    = arguments.length > 3 ? arguments[3] : undefined;
+    var formatMessage = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref4) {
       var tr = _ref4.tr;
       var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
@@ -208,7 +205,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
         if (sourceNode && isDragLayoutColumnToTopLevel($handlePos, $to)) {
           // need update after we support single column layout.
           var fragment = _model.Fragment.from(sourceNode.content);
-          (0, _removeFromSource.removeFromSource)(tr, $handlePos);
+          (0, _removeFromSource.removeFromSource)(tr, $handlePos, $handlePos.pos + sourceNode.nodeSize);
           var _mappedTo = tr.mapping.map(to);
           tr.insert(_mappedTo, fragment).setSelection(_state.Selection.near(tr.doc.resolve(_mappedTo))).scrollIntoView();
           return tr;

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

@@ -8,6 +8,8 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _checkFragment = require("../pm-plugins/utils/check-fragment");
 var _consts = require("../pm-plugins/utils/consts");
 var _fireAnalytics = require("../pm-plugins/utils/fire-analytics");
 var _removeFromSource = require("../pm-plugins/utils/remove-from-source");
@@ -38,17 +40,27 @@ var createNewLayout = function createNewLayout(schema, layoutContents) {
   }
   return null;
 };
-var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos, sourceNode, from, to, tr, $originalFrom, $originalTo, api
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos, sourceContent, from, to, tr, $originalFrom, $originalTo, api) {
   var isSameLayout = (0, _validation.isInSameLayout)($originalFrom, $originalTo);
+  var sourceContentEndPos = -1;
+  if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+    if (sourceContent instanceof _model.Fragment) {
+      sourceContentEndPos = from + sourceContent.size;
+    }
+  } else {
+    if (sourceContent instanceof _model.Node) {
+      sourceContentEndPos = from + sourceContent.nodeSize;
+    }
+  }
+  if (sourceContentEndPos === -1) {
+    return tr;
+  }
   if (isSameLayout) {
     var _$originalFrom$nodeAf;
     // reorder columns
-    tr.delete(from, from + sourceNode.nodeSize);
+    tr.delete(from, sourceContentEndPos);
     var mappedTo = tr.mapping.map(to);
-    tr.insert(mappedTo, sourceNode);
+    tr.insert(mappedTo, sourceContent);
     if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
       tr.setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
     }
@@ -56,12 +68,12 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
   } else if (toLayout.childCount < (0, _consts.maxLayoutColumnSupported)()) {
     var _$originalFrom$nodeAf2;
     if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(from));
-      insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceNode);
+      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(from), sourceContentEndPos);
+      insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
     } else {
-      insertToDestination(tr, to, sourceNode, toLayout, toLayoutPos);
+      insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos);
       var mappedFrom = tr.mapping.map(from);
-      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(mappedFrom));
+      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(mappedFrom), tr.mapping.map(sourceContentEndPos));
     }
     (0, _fireAnalytics.attachMoveNodeAnalytics)(tr, _analytics.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, ((_$originalFrom$nodeAf2 = $originalFrom.nodeAfter) === null || _$originalFrom$nodeAf2 === void 0 ? void 0 : _$originalFrom$nodeAf2.type.name) || '', 1, 'layoutSection', false, api);
   }
@@ -76,27 +88,54 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
  * @param sourceNode
  * @returns
  */
-var insertToDestinationNoWidthUpdate = function insertToDestinationNoWidthUpdate(tr, to, sourceNode) {
+var insertToDestinationNoWidthUpdate = function insertToDestinationNoWidthUpdate(tr, to, sourceContent) {
   var _ref2 = tr.doc.type.schema.nodes || {},
     layoutColumn = _ref2.layoutColumn;
-  var content = layoutColumn.createChecked({
-    width: 0
-  }, sourceNode.type.name === 'layoutColumn' ? sourceNode.content : sourceNode);
-  tr.insert(to, content);
+  var content = null;
+  if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+    if (sourceContent instanceof _model.Fragment) {
+      var _sourceFragment$first;
+      var sourceFragment = sourceContent;
+      content = layoutColumn.createChecked({
+        width: 0
+      }, (0, _checkFragment.isFragmentOfType)(sourceFragment, 'layoutColumn') ? (_sourceFragment$first = sourceFragment.firstChild) === null || _sourceFragment$first === void 0 ? void 0 : _sourceFragment$first.content : sourceFragment);
+    }
+  } else {
+    if (sourceContent instanceof _model.Node) {
+      var sourceNode = sourceContent;
+      content = layoutColumn.createChecked({
+        width: 0
+      }, sourceNode.type.name === 'layoutColumn' ? sourceNode.content : sourceNode);
+    }
+  }
+  if (content) {
+    tr.insert(to, content);
+  }
   return tr;
 };
-var insertToDestination = function insertToDestination(tr, to, sourceNode, toLayout, toLayoutPos
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var insertToDestination = function insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos) {
   var _ref3 = (0, _updateColumnWidths.updateColumnWidths)(tr, toLayout, toLayoutPos, toLayout.childCount + 1) || {},
     newColumnWidth = _ref3.newColumnWidth;
   var _ref4 = tr.doc.type.schema.nodes || {},
     layoutColumn = _ref4.layoutColumn;
-  var content = layoutColumn.createChecked({
-    width: newColumnWidth
-  }, sourceNode.type.name === 'layoutColumn' ? sourceNode.content : sourceNode);
-  tr.insert(to, content);
+  var content = null;
+  if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+    if (sourceContent instanceof _model.Fragment) {
+      var _sourceContent$firstC;
+      content = layoutColumn.createChecked({
+        width: newColumnWidth
+      }, (0, _checkFragment.isFragmentOfType)(sourceContent, 'layoutColumn') ? (_sourceContent$firstC = sourceContent.firstChild) === null || _sourceContent$firstC === void 0 ? void 0 : _sourceContent$firstC.content : sourceContent);
+    }
+  } else {
+    if (sourceContent instanceof _model.Node) {
+      content = layoutColumn.createChecked({
+        width: newColumnWidth
+      }, sourceContent.type.name === 'layoutColumn' ? sourceContent.content : sourceContent);
+    }
+  }
+  if (content) {
+    tr.insert(to, content);
+  }
   if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
     tr.setSelection(new _state.NodeSelection(tr.doc.resolve(to))).scrollIntoView();
   }
@@ -127,67 +166,148 @@ var canMoveToLayout = function canMoveToLayout(from, to, tr) {
     return;
   }
   var $from = tr.doc.resolve(from);
+  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
 
   // invalid from position or dragging a layout
   if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
     return;
   }
+  var sourceContent = $from.nodeAfter;
+  var sourceFrom = from;
+  var sourceTo = from + sourceContent.nodeSize;
+  if (isMultiSelect) {
+    var _tr$selection$$from$n;
+    // Selection often starts from the content of the node (e.g. to show text selection properly),
+    // so we need to trace back to the start of the node instead
+    var contentStartPos = tr.selection.$from.nodeAfter && ((_tr$selection$$from$n = tr.selection.$from.nodeAfter) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type.name) !== 'text' ? tr.selection.$from.pos : tr.selection.$from.before();
+
+    // If the handle position sits within the Editor selection, we will move all nodes that sit in that selection
+    // handle position is the same as `from` position
+    var useSelection = from >= contentStartPos && from <= tr.selection.to;
+    if (useSelection) {
+      sourceFrom = contentStartPos;
+      sourceTo = tr.selection.to;
+      sourceContent = tr.doc.slice(sourceFrom, sourceTo).content;
+
+      // TODO: this might become expensive for large content, consider removing it if check has been done beforehand
+      if ((0, _checkFragment.containsNodeOfType)(sourceContent, 'layoutSection')) {
+        return;
+      }
+    } else {
+      sourceContent = _model.Fragment.from($from.nodeAfter);
+    }
+  }
   var toNode = $to.nodeAfter;
-  var fromNode = $from.nodeAfter;
   return {
     toNode: toNode,
-    fromNode: fromNode,
-    $from: $from,
-    $to: $to
+    $to: $to,
+    sourceContent: sourceContent,
+    $sourceFrom: tr.doc.resolve(sourceFrom),
+    sourceTo: sourceTo
   };
 };
+var removeBreakoutMarks = function removeBreakoutMarks(tr, $from, to) {
+  var fromContentWithoutBreakout = $from.nodeAfter;
+  var _ref6 = tr.doc.type.schema.marks || {},
+    breakout = _ref6.breakout;
+  if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+    tr.doc.nodesBetween($from.pos, to, function (node, pos, parent) {
+      // breakout doesn't exist on nested nodes
+      if ((parent === null || parent === void 0 ? void 0 : parent.type.name) === 'doc' && node.marks.some(function (m) {
+        return m.type === breakout;
+      })) {
+        tr.removeNodeMark(pos, breakout);
+      }
+
+      // descending is not needed as  breakout doesn't exist on nested nodes
+      return false;
+    });
+    // resolve again the source content after node updated (remove breakout marks)
+    fromContentWithoutBreakout = tr.doc.slice($from.pos, to).content;
+  } else {
+    if (breakout && $from.nodeAfter && $from.nodeAfter.marks.some(function (m) {
+      return m.type === breakout;
+    })) {
+      tr.removeNodeMark($from.pos, breakout);
+      // resolve again the source node after node updated (remove breakout marks)
+      fromContentWithoutBreakout = tr.doc.resolve($from.pos).nodeAfter;
+    }
+  }
+  return fromContentWithoutBreakout;
+};
+var getBreakoutMode = function getBreakoutMode(content, breakout) {
+  if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+    if (content instanceof _model.Node) {
+      var _content$marks$find;
+      return (_content$marks$find = content.marks.find(function (m) {
+        return m.type === breakout;
+      })) === null || _content$marks$find === void 0 ? void 0 : _content$marks$find.attrs;
+    } else if (content instanceof _model.Fragment) {
+      // Find the first breakout mode in the fragment
+      var firstBreakoutMode;
+      for (var i = 0; i < content.childCount; i++) {
+        var child = content.child(i);
+        var breakoutMark = child.marks.find(function (m) {
+          return m.type === breakout;
+        });
+        if (breakoutMark) {
+          firstBreakoutMode = breakoutMark.attrs.mode;
+          break;
+        }
+      }
+      return firstBreakoutMode;
+    }
+  } else {
+    // Without multi-select support, we can assume source content is of type PMNode
+    if (content instanceof _model.Node) {
+      var _content$marks$find2;
+      return (_content$marks$find2 = content.marks.find(function (m) {
+        return m.type === breakout;
+      })) === null || _content$marks$find2 === void 0 ? void 0 : _content$marks$find2.attrs.mode;
+    }
+  }
+};
+
+// TODO: As part of platform_editor_element_drag_and_drop_multiselect clean up,
+// source content variable that has type of `PMNode | Fragment` should be updated to `Fragment` only
 var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
   return function (from, to, options) {
-    return function (_ref6) {
-      var tr = _ref6.tr;
+    return function (_ref7) {
+      var tr = _ref7.tr;
       var canMove = canMoveToLayout(from, to, tr);
       if (!canMove) {
         return tr;
       }
       var toNode = canMove.toNode,
-        fromNode = canMove.fromNode,
-        $from = canMove.$from,
-        $to = canMove.$to;
-      var _ref7 = tr.doc.type.schema.nodes || {},
-        layoutSection = _ref7.layoutSection,
-        layoutColumn = _ref7.layoutColumn;
-      var _ref8 = tr.doc.type.schema.marks || {},
-        breakout = _ref8.breakout;
-      var fromNodeWithoutBreakout = fromNode;
-      var getBreakoutMode = function getBreakoutMode(node) {
-        var _node$marks$find;
-        return (_node$marks$find = node.marks.find(function (m) {
-          return m.type === breakout;
-        })) === null || _node$marks$find === void 0 ? void 0 : _node$marks$find.attrs.mode;
-      };
+        $to = canMove.$to,
+        sourceContent = canMove.sourceContent,
+        $sourceFrom = canMove.$sourceFrom,
+        sourceTo = canMove.sourceTo;
+      var _ref8 = tr.doc.type.schema.nodes || {},
+        layoutSection = _ref8.layoutSection,
+        layoutColumn = _ref8.layoutColumn;
+      var _ref9 = tr.doc.type.schema.marks || {},
+        breakout = _ref9.breakout;
+
       // get breakout mode from destination node,
       // if not found, get from source node,
-      var breakoutMode = getBreakoutMode(toNode) || getBreakoutMode(fromNode);
+      var breakoutMode = getBreakoutMode(toNode, breakout) || getBreakoutMode(sourceContent, breakout);
 
-      // remove breakout from node;
-      if (breakout && $from.nodeAfter && $from.nodeAfter.marks.some(function (m) {
-        return m.type === breakout;
-      })) {
-        tr.removeNodeMark(from, breakout);
-        // resolve again the source node after node updated (remove breakout marks)
-        fromNodeWithoutBreakout = tr.doc.resolve(from).nodeAfter;
-      }
-      if (!fromNodeWithoutBreakout) {
+      // remove breakout from source content
+      var fromContentWithoutBreakout = removeBreakoutMarks(tr, $sourceFrom, sourceTo);
+      if (!fromContentWithoutBreakout) {
         return tr;
       }
       if (toNode.type === layoutSection) {
         var toPos = options !== null && options !== void 0 && options.moveToEnd ? to + toNode.nodeSize - 1 : to + 1;
-        return moveToExistingLayout(toNode, to, fromNodeWithoutBreakout, from, toPos, tr, $from, $to, api);
+        return moveToExistingLayout(toNode, to, fromContentWithoutBreakout, $sourceFrom.pos, toPos, tr, $sourceFrom, $to, api);
       } else if (toNode.type === layoutColumn) {
         var toLayout = $to.parent;
         var toLayoutPos = to - $to.parentOffset - 1;
         var _toPos = options !== null && options !== void 0 && options.moveToEnd ? to + toNode.nodeSize : to;
-        return moveToExistingLayout(toLayout, toLayoutPos, fromNodeWithoutBreakout, from, _toPos, tr, $from, $to, api);
+        return moveToExistingLayout(toLayout, toLayoutPos, fromContentWithoutBreakout, $sourceFrom.pos, _toPos, tr, $sourceFrom, $to, api);
       } else {
         var toNodeWithoutBreakout = toNode;
 
@@ -199,13 +319,19 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
           // resolve again the source node after node updated (remove breakout marks)
           toNodeWithoutBreakout = tr.doc.resolve(to).nodeAfter || toNode;
         }
-        if (fromNodeWithoutBreakout.type.name === 'layoutColumn') {
-          fromNodeWithoutBreakout = fromNodeWithoutBreakout.content;
+        if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
+          if ((0, _checkFragment.isFragmentOfType)(fromContentWithoutBreakout, 'layoutColumn') && fromContentWithoutBreakout.firstChild) {
+            fromContentWithoutBreakout = fromContentWithoutBreakout.firstChild.content;
+          }
+        } else {
+          if (fromContentWithoutBreakout instanceof _model.Node && fromContentWithoutBreakout.type.name === 'layoutColumn') {
+            fromContentWithoutBreakout = fromContentWithoutBreakout.content;
+          }
         }
-        var layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromNodeWithoutBreakout] : [fromNodeWithoutBreakout, toNodeWithoutBreakout];
+        var layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromContentWithoutBreakout] : [fromContentWithoutBreakout, toNodeWithoutBreakout];
         var newLayout = createNewLayout(tr.doc.type.schema, layoutContents);
         if (newLayout) {
-          tr = (0, _removeFromSource.removeFromSource)(tr, $from);
+          tr = (0, _removeFromSource.removeFromSource)(tr, $sourceFrom, sourceTo);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout);
           if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {

package/dist/cjs/pm-plugins/decorations-anchor.js

@@ -27,10 +27,7 @@ var shouldDescendIntoNode = exports.shouldDescendIntoNode = function shouldDesce
   }
   return !IGNORE_NODE_DESCENDANTS.includes(node.type.name);
 };
-var shouldIgnoreNode = function shouldIgnoreNode(node, ignore_nodes, depth, parent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var shouldIgnoreNode = function shouldIgnoreNode(node, ignore_nodes, depth, parent) {
   var isEmbedCard = node.type.name === 'embedCard';
   var isMediaSingle = node.type.name === 'mediaSingle';
   var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && (0, _experiments.editorExperiment)('advanced_layouts', true);
@@ -74,8 +71,6 @@ var nodeDecorations = exports.nodeDecorations = function nodeDecorations(newStat
   var docFrom = from === undefined || from < 0 ? 0 : from;
   var docTo = to === undefined || to > newState.doc.nodeSize - 2 ? newState.doc.nodeSize - 2 : to;
   var ignore_nodes = (0, _experiments.editorExperiment)('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, index) {
     var depth = 0;
     var anchorName;

package/dist/cjs/pm-plugins/decorations-drag-handle.js

@@ -29,10 +29,7 @@ var findHandleDec = exports.findHandleDec = function findHandleDec(decorations,
     return spec.type === _decorationsCommon.TYPE_HANDLE_DEC;
   });
 };
-var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDecoration(api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var dragHandleDecoration = exports.dragHandleDecoration = function dragHandleDecoration(api, formatMessage, pos, anchorName, nodeType, nodeViewPortalProviderAPI, handleOptions) {
   (0, _decorationsCommon.unmountDecorations)(nodeViewPortalProviderAPI, 'data-blocks-drag-handle-container', 'data-blocks-drag-handle-key');
   var unbind;
   var key = (0, _uuid.default)();

package/dist/cjs/pm-plugins/decorations-drop-target.js

@@ -83,10 +83,7 @@ var findDropTargetDecs = exports.findDropTargetDecs = function findDropTargetDec
     return spec.type === _decorationsCommon.TYPE_DROP_TARGET_DEC;
   });
 };
-var createDropTargetDecoration = exports.createDropTargetDecoration = function createDropTargetDecoration(pos, props, nodeViewPortalProviderAPI, side, anchorRectCache, isSameLayout
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var createDropTargetDecoration = exports.createDropTargetDecoration = function createDropTargetDecoration(pos, props, nodeViewPortalProviderAPI, side, anchorRectCache, isSameLayout) {
   var key = (0, _uuid.default)();
   return _view.Decoration.widget(pos, function (_, getPosUnsafe) {
     var getPos = function getPos() {
@@ -127,10 +124,7 @@ var createDropTargetDecoration = exports.createDropTargetDecoration = function c
     side: side
   });
 };
-var createLayoutDropTargetDecoration = exports.createLayoutDropTargetDecoration = function createLayoutDropTargetDecoration(pos, props, nodeViewPortalProviderAPI, anchorRectCache
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var createLayoutDropTargetDecoration = exports.createLayoutDropTargetDecoration = function createLayoutDropTargetDecoration(pos, props, nodeViewPortalProviderAPI, anchorRectCache) {
   var key = (0, _uuid.default)();
   return _view.Decoration.widget(pos, function (_, getPosUnsafe) {
     var getPos = function getPos() {
@@ -162,10 +156,7 @@ var createLayoutDropTargetDecoration = exports.createLayoutDropTargetDecoration
     type: _decorationsCommon.TYPE_DROP_TARGET_DEC
   });
 };
-var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetDecorations(newState, api, formatMessage, nodeViewPortalProviderAPI, activeNode, anchorRectCache, from, to
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetDecorations(newState, api, formatMessage, nodeViewPortalProviderAPI, activeNode, anchorRectCache, from, to) {
   (0, _decorationsCommon.unmountDecorations)(nodeViewPortalProviderAPI, 'data-blocks-drop-target-container', 'data-blocks-drop-target-key');
   var decs = [];
   var POS_END_OF_DOC = newState.doc.nodeSize - 2;
@@ -174,6 +165,9 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
   var activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
   var $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
   var activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
+  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
   anchorRectCache === null || anchorRectCache === void 0 || anchorRectCache.clear();
   var prevNodeStack = [];
   var popNodeStack = function popNodeStack(depth) {
@@ -189,9 +183,6 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
     prevNodeStack.push(node);
   };
   var isAdvancedLayoutsPreRelease2 = (0, _experiments.editorExperiment)('advanced_layouts', true);
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, index) {
     var depth = 0;
     // drop target deco at the end position
@@ -223,12 +214,36 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
         pushNodeStack(node, depth);
         return shouldDescend(node); //skip over, don't consider it a valid depth
       }
-      var canDrop = activePMNode && (0, _validation.canMoveNodeToIndex)(parent, index, activePMNode, $pos, node);
 
-      //NOTE: This will block drop targets showing for nodes that are valid after transformation (i.e. expand -> nestedExpand)
-      if (!canDrop) {
-        pushNodeStack(node, depth);
-        return false; //not valid pos, so nested not valid either
+      // When multi select is on, validate all the nodes in the selection instead of just the handle node
+      if (isMultiSelect) {
+        var selection = newState.selection;
+        var selectionFrom = selection.$from.pos;
+        var selectionTo = selection.$to.pos;
+        var handleInsideSelection = activeNodePos !== undefined && activeNodePos >= selectionFrom - 1 && activeNodePos <= selectionTo;
+        var selectionSlice = newState.doc.slice(selectionFrom, selectionTo, false);
+        var selectionSliceChildCount = selectionSlice.content.childCount;
+        var canDropSingleNode = true;
+        var canDropMultipleNodes = true;
+
+        // when there is only one node in the slice, use the same logic as when multi select is not on
+        if (selectionSliceChildCount > 1 && handleInsideSelection) {
+          canDropMultipleNodes = (0, _validation.canMoveSliceToIndex)(selectionSlice, selectionFrom, newState.doc, parent, index, $pos);
+        } else {
+          canDropSingleNode = !!(activePMNode && (0, _validation.canMoveNodeToIndex)(parent, index, activePMNode, $pos, node));
+        }
+        if (!canDropMultipleNodes || !canDropSingleNode) {
+          pushNodeStack(node, depth);
+          return false; //not valid pos, so nested not valid either
+        }
+      } else {
+        var canDrop = activePMNode && (0, _validation.canMoveNodeToIndex)(parent, index, activePMNode, $pos, node);
+
+        //NOTE: This will block drop targets showing for nodes that are valid after transformation (i.e. expand -> nestedExpand)
+        if (!canDrop) {
+          pushNodeStack(node, depth);
+          return false; //not valid pos, so nested not valid either
+        }
       }
       if (parent.lastChild === node && !(0, _utils.isEmptyParagraph)(node) && PARENT_WITH_END_DROP_TARGET.includes(parent.type.name)) {
         endPos = pos + node.nodeSize;

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

@@ -117,10 +117,7 @@ var initialState = {
   isDocSizeLimitEnabled: null,
   isPMDragging: false
 };
-var newApply = exports.newApply = function newApply(api, formatMessage, tr, currentState, newState, flags, nodeViewPortalProviderAPI, anchorRectCache
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var newApply = exports.newApply = function newApply(api, formatMessage, tr, currentState, newState, flags, nodeViewPortalProviderAPI, anchorRectCache) {
   var _meta$activeNode, _activeNode, _activeNode2, _meta$activeNode$hand, _meta$isDragging, _meta$isDragging2, _meta$editorHeight, _meta$editorWidthLeft, _meta$editorWidthRigh, _meta$isPMDragging;
   var activeNode = currentState.activeNode,
     decorations = currentState.decorations,
@@ -251,10 +248,7 @@ var newApply = exports.newApply = function newApply(api, formatMessage, tr, curr
     isPMDragging: (_meta$isPMDragging = meta === null || meta === void 0 ? void 0 : meta.isPMDragging) !== null && _meta$isPMDragging !== void 0 ? _meta$isPMDragging : isPMDragging
   };
 };
-var oldApply = exports.oldApply = function oldApply(api, formatMessage, tr, currentState, oldState, newState, flags, nodeViewPortalProviderAPI, anchorRectCache
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var oldApply = exports.oldApply = function oldApply(api, formatMessage, tr, currentState, oldState, newState, flags, nodeViewPortalProviderAPI, anchorRectCache) {
   var _meta$activeNode2, _meta$activeNode$hand2, _meta$activeNode8, _meta$isDragging4, _meta$editorHeight2, _meta$editorWidthLeft2, _meta$editorWidthRigh2, _meta$isPMDragging2;
   var isNestedEnabled = flags.isNestedEnabled;
   var activeNode = currentState.activeNode,
@@ -438,8 +432,6 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
       init: function init() {
         return initialState;
       },
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(tr, currentState, oldState, newState) {
         if (isNestedEnabled) {
           return newApply(api, formatMessage, tr, currentState, newState, flags, nodeViewPortalProviderAPI, anchorRectCache);

package/dist/cjs/pm-plugins/utils/check-fragment.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFragmentOfType = exports.containsNodeOfType = void 0;
+/**
+ * Check if the fragment has only one node of the specified type
+ */
+var isFragmentOfType = exports.isFragmentOfType = function isFragmentOfType(fragment, type) {
+  var _fragment$firstChild;
+  return fragment.childCount === 1 && ((_fragment$firstChild = fragment.firstChild) === null || _fragment$firstChild === void 0 ? void 0 : _fragment$firstChild.type.name) === type;
+};
+
+/**
+ * Check if the fragment contains at least a node of the specified type
+ */
+var containsNodeOfType = exports.containsNodeOfType = function containsNodeOfType(fragment, type) {
+  for (var i = 0; i < fragment.childCount; i++) {
+    var child = fragment.child(i);
+    if (child.type.name === type) {
+      return true;
+    }
+  }
+  return false;
+};

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

@@ -40,10 +40,7 @@ var getTopPosition = exports.getTopPosition = function getTopPosition(dom, type)
     return "".concat(dom.offsetTop, "px");
   }
 };
-var getLeftPosition = exports.getLeftPosition = function getLeftPosition(dom, type, innerContainer, macroInteractionUpdates, parentType
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var getLeftPosition = exports.getLeftPosition = function getLeftPosition(dom, type, innerContainer, macroInteractionUpdates, parentType) {
   if (!dom) {
     return 'auto';
   }

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

@@ -5,10 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fireInsertLayoutAnalytics = exports.attachMoveNodeAnalytics = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
-var attachMoveNodeAnalytics = exports.attachMoveNodeAnalytics = function attachMoveNodeAnalytics(tr, inputMethod, fromDepth, fromNodeType, toDepth, toNodeType, isSameParent, api
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var attachMoveNodeAnalytics = exports.attachMoveNodeAnalytics = function attachMoveNodeAnalytics(tr, inputMethod, fromDepth, fromNodeType, toDepth, toNodeType, isSameParent, api) {
   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,

package/dist/cjs/pm-plugins/utils/inline-drop-target.js

@@ -10,10 +10,7 @@ var _checkMediaLayout = require("./check-media-layout");
 var _consts = require("./consts");
 var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
   var isSameLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var activeNode
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 3 ? arguments[3] : undefined;
+  var activeNode = arguments.length > 3 ? arguments[3] : undefined;
   if ((0, _experiments.editorExperiment)('advanced_layouts', false) || isNested) {
     return false;
   }