@atlaskit/editor-plugin-block-controls 2.13.13 → 2.13.15

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.13.15
+
+### Patch Changes
+
+- [#165354](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165354)
+  [`387f345afdec1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/387f345afdec1) -
+  ED-25703 fix inline drop targert position
+- [#162957](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162957)
+  [`bd48c403d1fdd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bd48c403d1fdd) -
+  ED-25059 drag layout column to top level
+- Updated dependencies
+
+## 2.13.14
+
+### Patch Changes
+
+- [#163579](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163579)
+  [`15dc53a3077f1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15dc53a3077f1) -
+  Hide unnecessary inline drop targets
+- Updated dependencies
+
 ## 2.13.13
 
 ### Patch Changes

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

@@ -11,6 +11,8 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _selection = require("@atlaskit/editor-common/selection");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _utils = require("@atlaskit/editor-common/utils");
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _utils3 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -18,8 +20,10 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _consts = require("../consts");
 var _main = require("../pm-plugins/main");
 var _utils4 = require("../utils");
+var _dragLayoutColumn = require("../utils/drag-layout-column");
 var _getSelection = require("../utils/getSelection");
 var _validation = require("../utils/validation");
+var _moveToLayout = require("./move-to-layout");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -169,6 +173,17 @@ var moveNode = exports.moveNode = function moveNode(api) {
         var $from = tr.doc.resolve(start);
         var destType = $to.node().type;
         var destParent = $to.node($to.depth);
+        var sourceNode = $from.nodeAfter;
+
+        // Move a layout column to top level
+        if (sourceNode && (0, _dragLayoutColumn.isDragLayoutColumnToTopLevel)($from, $to)) {
+          // need update after we support single column layout.
+          var fragment = _model.Fragment.from(sourceNode.content);
+          (0, _moveToLayout.removeFromSource)(tr, $from);
+          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()))) {
           return tr;
         }

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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.moveToLayout = void 0;
+exports.removeFromSource = exports.moveToLayout = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _consts = require("../consts");
 var _consts2 = require("../ui/consts");
+var _dragLayoutColumn = require("../utils/drag-layout-column");
 var _validation = require("../utils/validation");
 var createNewLayout = function createNewLayout(schema, layoutContents) {
   if (layoutContents.length === 0 || layoutContents.length > (0, _consts.maxLayoutColumnSupported)()) {
@@ -60,7 +61,7 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
   }
   return tr;
 };
-var removeFromSource = function removeFromSource(tr, $from) {
+var removeFromSource = exports.removeFromSource = function removeFromSource(tr, $from) {
   var sourceNode = $from.nodeAfter;
   var sourceParent = $from.parent;
   if (!sourceNode) {
@@ -177,10 +178,13 @@ 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;
+        }
         var layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromNodeWithoutBreakout] : [fromNodeWithoutBreakout, toNodeWithoutBreakout];
         var newLayout = createNewLayout(tr.doc.type.schema, layoutContents);
         if (newLayout) {
-          tr.delete(from, from + fromNode.nodeSize);
+          tr = (0, _dragLayoutColumn.deleteSourceNode)(tr, $from, $to);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
         }

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

@@ -163,6 +163,9 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
     if ((0, _experiments.editorExperiment)('nested-dnd', true)) {
       depth = $pos.depth;
       if (isAdvancedLayoutsPreRelease2) {
+        if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) === pos && activeNode.nodeType !== 'layoutColumn') {
+          return false;
+        }
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node && (
         // Not the first node
         (parent === null || parent === void 0 ? void 0 : parent.childCount) < (0, _consts.maxLayoutColumnSupported)() || isSameLayout)) {

package/dist/cjs/ui/drop-target-layout.js

@@ -39,6 +39,7 @@ var dropTargetLayoutHintStyle = (0, _react2.css)({
   width: 0
 });
 var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(props) {
+  var _api$blockControls;
   var api = props.api,
     getPos = props.getPos,
     parent = props.parent;
@@ -51,10 +52,9 @@ var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(prop
   var _useActiveAnchorTrack = (0, _activeAnchorTracker.useActiveAnchorTracker)(anchorName),
     _useActiveAnchorTrack2 = (0, _slicedToArray2.default)(_useActiveAnchorTrack, 1),
     isActiveAnchor = _useActiveAnchorTrack2[0];
+  var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+    activeNode = _ref.activeNode;
   var onDrop = (0, _react.useCallback)(function () {
-    var _api$blockControls;
-    var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
-      activeNode = _ref.activeNode;
     if (!activeNode) {
       return;
     }
@@ -64,7 +64,7 @@ var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(prop
       var from = activeNode.pos;
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.moveToLayout(from, to));
     }
-  }, [api, getPos]);
+  }, [api, getPos, activeNode]);
   (0, _react.useEffect)(function () {
     if (ref.current) {
       return (0, _adapter.dropTargetForElements)({
@@ -79,6 +79,9 @@ var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(prop
       });
     }
   }, [onDrop]);
+  if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return null;
+  }
   return (0, _react2.jsx)("div", {
     ref: ref,
     css: dropTargetLayoutStyle,

package/dist/cjs/ui/drop-target-v2.js

@@ -178,7 +178,7 @@ var HoverZone = function HoverZone(_ref) {
   });
 };
 var DropTargetV2 = exports.DropTargetV2 = function DropTargetV2(props) {
-  var _dynamicStyle;
+  var _api$blockControls, _dynamicStyle;
   var api = props.api,
     getPos = props.getPos,
     prevNode = props.prevNode,
@@ -196,10 +196,9 @@ var DropTargetV2 = exports.DropTargetV2 = function DropTargetV2(props) {
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['width']),
     widthState = _useSharedPluginState.widthState;
   var isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
+  var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+    activeNode = _ref2.activeNode;
   var onDrop = function onDrop() {
-    var _api$blockControls;
-    var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
-      activeNode = _ref2.activeNode;
     if (!activeNode) {
       return;
     }
@@ -255,7 +254,7 @@ var DropTargetV2 = exports.DropTargetV2 = function DropTargetV2(props) {
     anchorRectCache: anchorRectCache,
     position: "lower",
     isNestedDropTarget: isNestedDropTarget
-  }), (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout) && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_inlineDropTarget2.InlineDropTarget, (0, _extends2.default)({}, props, {
+  }), (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout, activeNode) && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_inlineDropTarget2.InlineDropTarget, (0, _extends2.default)({}, props, {
     position: "left"
   })), (0, _react2.jsx)(_inlineDropTarget2.InlineDropTarget, (0, _extends2.default)({}, props, {
     position: "right"

package/dist/cjs/ui/inline-drop-target.js

@@ -61,6 +61,7 @@ var getWidthOffset = function getWidthOffset(node, width, position) {
     return '-12px';
   }
 };
+var TABLE_NUMBERED_COLUMN_WIDTH = 42;
 var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref) {
   var api = _ref.api,
     nextNode = _ref.nextNode,
@@ -92,9 +93,14 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
         innerContainerWidth = 'max(calc(var(--ak-editor-max-container-width) - var(--ak-editor--default-gutter-padding) * 2), var(--ak-editor--line-length))';
       }
     } else if (nextNode.type.name === 'table' && nextNode.firstChild) {
-      var _anchorRectCache$getR;
       var tableWidthAnchor = (0, _decorationsCommon.getNodeAnchor)(nextNode.firstChild);
-      innerContainerWidth = (0, _anchorUtils.isAnchorSupported)() ? "anchor-size(".concat(tableWidthAnchor, " width)") : "".concat((anchorRectCache === null || anchorRectCache === void 0 || (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0, "px");
+      var isNumberColumnEnabled = Boolean(nextNode.attrs.isNumberColumnEnabled);
+      if ((0, _anchorUtils.isAnchorSupported)()) {
+        innerContainerWidth = isNumberColumnEnabled ? "calc(anchor-size(".concat(tableWidthAnchor, " width) + ").concat(TABLE_NUMBERED_COLUMN_WIDTH, "px)") : "anchor-size(".concat(tableWidthAnchor, " width)");
+      } else {
+        var _anchorRectCache$getR;
+        innerContainerWidth = "".concat(((anchorRectCache === null || anchorRectCache === void 0 || (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0) + TABLE_NUMBERED_COLUMN_WIDTH, "px");
+      }
       if (nextNode.attrs.width) {
         // when the table has horizontal scroll
         innerContainerWidth = "min(".concat(nextNode.attrs.width, "px, ").concat(innerContainerWidth, ")");

package/dist/cjs/utils/drag-layout-column.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDragLayoutColumnToTopLevel = exports.deleteSourceNode = void 0;
+var isDragLayoutColumnToTopLevel = exports.isDragLayoutColumnToTopLevel = function isDragLayoutColumnToTopLevel($from, $to) {
+  var _$from$nodeAfter;
+  return ((_$from$nodeAfter = $from.nodeAfter) === null || _$from$nodeAfter === void 0 ? void 0 : _$from$nodeAfter.type.name) === 'layoutColumn' && $from.parent.type.name === 'layoutSection' && $to.depth === 0;
+};
+var deleteSourceNode = exports.deleteSourceNode = function deleteSourceNode(tr, $from, $to) {
+  if ($from.nodeAfter) {
+    var fromNode = $from.nodeAfter;
+    if (isDragLayoutColumnToTopLevel($from, $to)) {
+      // need update after we support single column layout.
+      if ($from.parent.childCount <= 2) {
+        tr.deleteRange($from.pos + 1, $from.pos + fromNode.nodeSize - 1);
+        return tr;
+      }
+    }
+    tr.deleteRange($from.pos, $from.pos + fromNode.nodeSize);
+  }
+  return tr;
+};

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

@@ -10,12 +10,16 @@ var _advancedLayoutsFlags = require("./advanced-layouts-flags");
 var _checkMediaLayout = require("./check-media-layout");
 var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
   var isSameLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var activeNode = arguments.length > 3 ? arguments[3] : undefined;
   if (!(0, _advancedLayoutsFlags.isPreRelease1)() || isNested) {
     return false;
   }
   if ((0, _checkMediaLayout.isWrappedMedia)(node)) {
     return false;
   }
+  if ((0, _advancedLayoutsFlags.isPreRelease2)() && (activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < (0, _consts.maxLayoutColumnSupported)() || (0, _advancedLayoutsFlags.isPreRelease2)() && isSameLayout;
   }

package/dist/cjs/utils/validation.js

@@ -78,14 +78,15 @@ var memoizedTransformExpandToNestedExpand = exports.memoizedTransformExpandToNes
   }
 });
 function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNode) {
-  if ((0, _advancedLayoutsFlags.isPreRelease2)() &&
-  // Allow drag layout column and drop into layout section
-  srcNode.type.name === 'layoutColumn' && (destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection') {
-    return true;
-  }
   var srcNodeType = srcNode.type;
   var parentNodeType = destParent === null || destParent === void 0 ? void 0 : destParent.type.name;
   var activeNodeType = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.name;
+  if ((0, _advancedLayoutsFlags.isPreRelease2)() && activeNodeType === 'layoutColumn') {
+    // Allow drag layout column and drop into layout section
+    if ((destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection' || parentNodeType === 'doc') {
+      return true;
+    }
+  }
 
   // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
   if ((0, _experiments.editorExperiment)('nest-media-and-codeblock-in-quote', false)) {

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

@@ -3,6 +3,8 @@ import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { findTable, isInTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -10,8 +12,10 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { DIRECTION } from '../consts';
 import { key } from '../pm-plugins/main';
 import { getNestedNodePosition, selectNode } from '../utils';
+import { isDragLayoutColumnToTopLevel } from '../utils/drag-layout-column';
 import { setCursorPositionAtMovedNode } from '../utils/getSelection';
 import { canMoveNodeToIndex, isInsideTable, transformSliceExpandToNestedExpand } from '../utils/validation';
+import { removeFromSource } from './move-to-layout';
 
 /**
  * This function transforms the slice to move
@@ -163,6 +167,17 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
     const $from = tr.doc.resolve(start);
     const destType = $to.node().type;
     const destParent = $to.node($to.depth);
+    const sourceNode = $from.nodeAfter;
+
+    // Move a layout column to top level
+    if (sourceNode && isDragLayoutColumnToTopLevel($from, $to)) {
+      // need update after we support single column layout.
+      const fragment = Fragment.from(sourceNode.content);
+      removeFromSource(tr, $from);
+      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()))) {
       return tr;
     }

package/dist/es2019/commands/move-to-layout.js

@@ -2,6 +2,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { maxLayoutColumnSupported, MIN_LAYOUT_COLUMN } from '../consts';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
+import { deleteSourceNode } from '../utils/drag-layout-column';
 import { isInSameLayout } from '../utils/validation';
 const createNewLayout = (schema, layoutContents) => {
   if (layoutContents.length === 0 || layoutContents.length > maxLayoutColumnSupported()) {
@@ -55,7 +56,7 @@ const moveToExistingLayout = (toLayout, toLayoutPos, sourceNode, from, to, tr, i
   }
   return tr;
 };
-const removeFromSource = (tr, $from) => {
+export const removeFromSource = (tr, $from) => {
   const sourceNode = $from.nodeAfter;
   const sourceParent = $from.parent;
   if (!sourceNode) {
@@ -174,10 +175,13 @@ export const moveToLayout = api => (from, to, options) => ({
       // 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;
+    }
     const layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromNodeWithoutBreakout] : [fromNodeWithoutBreakout, toNodeWithoutBreakout];
     const newLayout = createNewLayout(tr.doc.type.schema, layoutContents);
     if (newLayout) {
-      tr.delete(from, from + fromNode.nodeSize);
+      tr = deleteSourceNode(tr, $from, $to);
       const mappedTo = tr.mapping.map(to);
       tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
     }

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

@@ -155,6 +155,9 @@ export const dropTargetDecorations = (newState, api, formatMessage, activeNode,
     if (editorExperiment('nested-dnd', true)) {
       depth = $pos.depth;
       if (isAdvancedLayoutsPreRelease2) {
+        if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) === pos && activeNode.nodeType !== 'layoutColumn') {
+          return false;
+        }
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node && (
         // Not the first node
         (parent === null || parent === void 0 ? void 0 : parent.childCount) < maxLayoutColumnSupported() || isSameLayout)) {

package/dist/es2019/ui/drop-target-layout.js

@@ -31,6 +31,7 @@ const dropTargetLayoutHintStyle = css({
   width: 0
 });
 export const DropTargetLayout = props => {
+  var _api$blockControls;
   const {
     api,
     getPos,
@@ -40,11 +41,10 @@ export const DropTargetLayout = props => {
   const [isDraggedOver, setIsDraggedOver] = useState(false);
   const anchorName = getNodeAnchor(parent);
   const [isActiveAnchor] = useActiveAnchorTracker(anchorName);
+  const {
+    activeNode
+  } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
   const onDrop = useCallback(() => {
-    var _api$blockControls;
-    const {
-      activeNode
-    } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
     if (!activeNode) {
       return;
     }
@@ -56,7 +56,7 @@ export const DropTargetLayout = props => {
       } = activeNode;
       api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : (_api$blockControls2$c = _api$blockControls2.commands) === null || _api$blockControls2$c === void 0 ? void 0 : _api$blockControls2$c.moveToLayout(from, to));
     }
-  }, [api, getPos]);
+  }, [api, getPos, activeNode]);
   useEffect(() => {
     if (ref.current) {
       return dropTargetForElements({
@@ -71,6 +71,9 @@ export const DropTargetLayout = props => {
       });
     }
   }, [onDrop]);
+  if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return null;
+  }
   return jsx("div", {
     ref: ref,
     css: dropTargetLayoutStyle,

package/dist/es2019/ui/drop-target-v2.js

@@ -166,6 +166,7 @@ const HoverZone = ({
   });
 };
 export const DropTargetV2 = props => {
+  var _api$blockControls;
   const {
     api,
     getPos,
@@ -182,11 +183,10 @@ export const DropTargetV2 = props => {
     widthState
   } = useSharedPluginState(api, ['width']);
   const isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
+  const {
+    activeNode
+  } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
   const onDrop = () => {
-    var _api$blockControls;
-    const {
-      activeNode
-    } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
     if (!activeNode) {
       return;
     }
@@ -239,7 +239,7 @@ export const DropTargetV2 = props => {
     anchorRectCache: anchorRectCache,
     position: "lower",
     isNestedDropTarget: isNestedDropTarget
-  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout) && jsx(Fragment, null, jsx(InlineDropTarget, _extends({}, props, {
+  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode) && jsx(Fragment, null, jsx(InlineDropTarget, _extends({}, props, {
     position: "left"
   })), jsx(InlineDropTarget, _extends({}, props, {
     position: "right"

package/dist/es2019/ui/inline-drop-target.js

@@ -52,6 +52,7 @@ const getWidthOffset = (node, width, position) => {
     return '-12px';
   }
 };
+const TABLE_NUMBERED_COLUMN_WIDTH = 42;
 export const InlineDropTarget = ({
   api,
   nextNode,
@@ -79,9 +80,14 @@ export const InlineDropTarget = ({
         innerContainerWidth = 'max(calc(var(--ak-editor-max-container-width) - var(--ak-editor--default-gutter-padding) * 2), var(--ak-editor--line-length))';
       }
     } else if (nextNode.type.name === 'table' && nextNode.firstChild) {
-      var _anchorRectCache$getR;
       const tableWidthAnchor = getNodeAnchor(nextNode.firstChild);
-      innerContainerWidth = isAnchorSupported() ? `anchor-size(${tableWidthAnchor} width)` : `${(anchorRectCache === null || anchorRectCache === void 0 ? void 0 : (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0}px`;
+      const isNumberColumnEnabled = Boolean(nextNode.attrs.isNumberColumnEnabled);
+      if (isAnchorSupported()) {
+        innerContainerWidth = isNumberColumnEnabled ? `calc(anchor-size(${tableWidthAnchor} width) + ${TABLE_NUMBERED_COLUMN_WIDTH}px)` : `anchor-size(${tableWidthAnchor} width)`;
+      } else {
+        var _anchorRectCache$getR;
+        innerContainerWidth = `${((anchorRectCache === null || anchorRectCache === void 0 ? void 0 : (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0) + TABLE_NUMBERED_COLUMN_WIDTH}px`;
+      }
       if (nextNode.attrs.width) {
         // when the table has horizontal scroll
         innerContainerWidth = `min(${nextNode.attrs.width}px, ${innerContainerWidth})`;

package/dist/es2019/utils/drag-layout-column.js

@@ -0,0 +1,18 @@
+export const isDragLayoutColumnToTopLevel = ($from, $to) => {
+  var _$from$nodeAfter;
+  return ((_$from$nodeAfter = $from.nodeAfter) === null || _$from$nodeAfter === void 0 ? void 0 : _$from$nodeAfter.type.name) === 'layoutColumn' && $from.parent.type.name === 'layoutSection' && $to.depth === 0;
+};
+export const deleteSourceNode = (tr, $from, $to) => {
+  if ($from.nodeAfter) {
+    const fromNode = $from.nodeAfter;
+    if (isDragLayoutColumnToTopLevel($from, $to)) {
+      // need update after we support single column layout.
+      if ($from.parent.childCount <= 2) {
+        tr.deleteRange($from.pos + 1, $from.pos + fromNode.nodeSize - 1);
+        return tr;
+      }
+    }
+    tr.deleteRange($from.pos, $from.pos + fromNode.nodeSize);
+  }
+  return tr;
+};

package/dist/es2019/utils/inline-drop-target.js

@@ -6,13 +6,16 @@ export const shouldAllowInlineDropTarget = (isNested, node,
 /**
  * Is the active node in the same layout as the target node
  */
-isSameLayout = false) => {
+isSameLayout = false, activeNode) => {
   if (!isPreRelease1() || isNested) {
     return false;
   }
   if (isWrappedMedia(node)) {
     return false;
   }
+  if (isPreRelease2() && (activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < maxLayoutColumnSupported() || isPreRelease2() && isSameLayout;
   }

package/dist/es2019/utils/validation.js

@@ -72,14 +72,15 @@ export const memoizedTransformExpandToNestedExpand = memoizeOne(node => {
   }
 });
 export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNode) {
-  if (isPreRelease2() &&
-  // Allow drag layout column and drop into layout section
-  srcNode.type.name === 'layoutColumn' && (destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection') {
-    return true;
-  }
   let srcNodeType = srcNode.type;
   const parentNodeType = destParent === null || destParent === void 0 ? void 0 : destParent.type.name;
   const activeNodeType = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.name;
+  if (isPreRelease2() && activeNodeType === 'layoutColumn') {
+    // Allow drag layout column and drop into layout section
+    if ((destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection' || parentNodeType === 'doc') {
+      return true;
+    }
+  }
 
   // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
   if (editorExperiment('nest-media-and-codeblock-in-quote', false)) {

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

@@ -6,6 +6,8 @@ import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { findTable, isInTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -13,8 +15,10 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { DIRECTION } from '../consts';
 import { key } from '../pm-plugins/main';
 import { getNestedNodePosition, selectNode } from '../utils';
+import { isDragLayoutColumnToTopLevel } from '../utils/drag-layout-column';
 import { setCursorPositionAtMovedNode } from '../utils/getSelection';
 import { canMoveNodeToIndex, isInsideTable, transformSliceExpandToNestedExpand } from '../utils/validation';
+import { removeFromSource } from './move-to-layout';
 
 /**
  * This function transforms the slice to move
@@ -163,6 +167,17 @@ export var moveNode = function moveNode(api) {
         var $from = tr.doc.resolve(start);
         var destType = $to.node().type;
         var destParent = $to.node($to.depth);
+        var sourceNode = $from.nodeAfter;
+
+        // Move a layout column to top level
+        if (sourceNode && isDragLayoutColumnToTopLevel($from, $to)) {
+          // need update after we support single column layout.
+          var fragment = Fragment.from(sourceNode.content);
+          removeFromSource(tr, $from);
+          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()))) {
           return tr;
         }

package/dist/esm/commands/move-to-layout.js

@@ -2,6 +2,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { maxLayoutColumnSupported, MIN_LAYOUT_COLUMN } from '../consts';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
+import { deleteSourceNode } from '../utils/drag-layout-column';
 import { isInSameLayout } from '../utils/validation';
 var createNewLayout = function createNewLayout(schema, layoutContents) {
   if (layoutContents.length === 0 || layoutContents.length > maxLayoutColumnSupported()) {
@@ -54,7 +55,7 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
   }
   return tr;
 };
-var removeFromSource = function removeFromSource(tr, $from) {
+export var removeFromSource = function removeFromSource(tr, $from) {
   var sourceNode = $from.nodeAfter;
   var sourceParent = $from.parent;
   if (!sourceNode) {
@@ -171,10 +172,13 @@ export var 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;
+        }
         var layoutContents = options !== null && options !== void 0 && options.moveToEnd ? [toNodeWithoutBreakout, fromNodeWithoutBreakout] : [fromNodeWithoutBreakout, toNodeWithoutBreakout];
         var newLayout = createNewLayout(tr.doc.type.schema, layoutContents);
         if (newLayout) {
-          tr.delete(from, from + fromNode.nodeSize);
+          tr = deleteSourceNode(tr, $from, $to);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout).setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
         }

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

@@ -156,6 +156,9 @@ export var dropTargetDecorations = function dropTargetDecorations(newState, api,
     if (editorExperiment('nested-dnd', true)) {
       depth = $pos.depth;
       if (isAdvancedLayoutsPreRelease2) {
+        if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) === pos && activeNode.nodeType !== 'layoutColumn') {
+          return false;
+        }
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && (parent === null || parent === void 0 ? void 0 : parent.firstChild) !== node && (
         // Not the first node
         (parent === null || parent === void 0 ? void 0 : parent.childCount) < maxLayoutColumnSupported() || isSameLayout)) {

package/dist/esm/ui/drop-target-layout.js

@@ -32,6 +32,7 @@ var dropTargetLayoutHintStyle = css({
   width: 0
 });
 export var DropTargetLayout = function DropTargetLayout(props) {
+  var _api$blockControls;
   var api = props.api,
     getPos = props.getPos,
     parent = props.parent;
@@ -44,10 +45,9 @@ export var DropTargetLayout = function DropTargetLayout(props) {
   var _useActiveAnchorTrack = useActiveAnchorTracker(anchorName),
     _useActiveAnchorTrack2 = _slicedToArray(_useActiveAnchorTrack, 1),
     isActiveAnchor = _useActiveAnchorTrack2[0];
+  var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+    activeNode = _ref.activeNode;
   var onDrop = useCallback(function () {
-    var _api$blockControls;
-    var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
-      activeNode = _ref.activeNode;
     if (!activeNode) {
       return;
     }
@@ -57,7 +57,7 @@ export var DropTargetLayout = function DropTargetLayout(props) {
       var from = activeNode.pos;
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.moveToLayout(from, to));
     }
-  }, [api, getPos]);
+  }, [api, getPos, activeNode]);
   useEffect(function () {
     if (ref.current) {
       return dropTargetForElements({
@@ -72,6 +72,9 @@ export var DropTargetLayout = function DropTargetLayout(props) {
       });
     }
   }, [onDrop]);
+  if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return null;
+  }
   return jsx("div", {
     ref: ref,
     css: dropTargetLayoutStyle,

package/dist/esm/ui/drop-target-v2.js

@@ -170,7 +170,7 @@ var HoverZone = function HoverZone(_ref) {
   });
 };
 export var DropTargetV2 = function DropTargetV2(props) {
-  var _dynamicStyle;
+  var _api$blockControls, _dynamicStyle;
   var api = props.api,
     getPos = props.getPos,
     prevNode = props.prevNode,
@@ -188,10 +188,9 @@ export var DropTargetV2 = function DropTargetV2(props) {
   var _useSharedPluginState = useSharedPluginState(api, ['width']),
     widthState = _useSharedPluginState.widthState;
   var isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
+  var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
+    activeNode = _ref2.activeNode;
   var onDrop = function onDrop() {
-    var _api$blockControls;
-    var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
-      activeNode = _ref2.activeNode;
     if (!activeNode) {
       return;
     }
@@ -247,7 +246,7 @@ export var DropTargetV2 = function DropTargetV2(props) {
     anchorRectCache: anchorRectCache,
     position: "lower",
     isNestedDropTarget: isNestedDropTarget
-  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout) && jsx(Fragment, null, jsx(InlineDropTarget, _extends({}, props, {
+  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode) && jsx(Fragment, null, jsx(InlineDropTarget, _extends({}, props, {
     position: "left"
   })), jsx(InlineDropTarget, _extends({}, props, {
     position: "right"

package/dist/esm/ui/inline-drop-target.js

@@ -53,6 +53,7 @@ var getWidthOffset = function getWidthOffset(node, width, position) {
     return '-12px';
   }
 };
+var TABLE_NUMBERED_COLUMN_WIDTH = 42;
 export var InlineDropTarget = function InlineDropTarget(_ref) {
   var api = _ref.api,
     nextNode = _ref.nextNode,
@@ -84,9 +85,14 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
         innerContainerWidth = 'max(calc(var(--ak-editor-max-container-width) - var(--ak-editor--default-gutter-padding) * 2), var(--ak-editor--line-length))';
       }
     } else if (nextNode.type.name === 'table' && nextNode.firstChild) {
-      var _anchorRectCache$getR;
       var tableWidthAnchor = getNodeAnchor(nextNode.firstChild);
-      innerContainerWidth = isAnchorSupported() ? "anchor-size(".concat(tableWidthAnchor, " width)") : "".concat((anchorRectCache === null || anchorRectCache === void 0 || (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0, "px");
+      var isNumberColumnEnabled = Boolean(nextNode.attrs.isNumberColumnEnabled);
+      if (isAnchorSupported()) {
+        innerContainerWidth = isNumberColumnEnabled ? "calc(anchor-size(".concat(tableWidthAnchor, " width) + ").concat(TABLE_NUMBERED_COLUMN_WIDTH, "px)") : "anchor-size(".concat(tableWidthAnchor, " width)");
+      } else {
+        var _anchorRectCache$getR;
+        innerContainerWidth = "".concat(((anchorRectCache === null || anchorRectCache === void 0 || (_anchorRectCache$getR = anchorRectCache.getRect(tableWidthAnchor)) === null || _anchorRectCache$getR === void 0 ? void 0 : _anchorRectCache$getR.width) || 0) + TABLE_NUMBERED_COLUMN_WIDTH, "px");
+      }
       if (nextNode.attrs.width) {
         // when the table has horizontal scroll
         innerContainerWidth = "min(".concat(nextNode.attrs.width, "px, ").concat(innerContainerWidth, ")");

package/dist/esm/utils/drag-layout-column.js

@@ -0,0 +1,18 @@
+export var isDragLayoutColumnToTopLevel = function isDragLayoutColumnToTopLevel($from, $to) {
+  var _$from$nodeAfter;
+  return ((_$from$nodeAfter = $from.nodeAfter) === null || _$from$nodeAfter === void 0 ? void 0 : _$from$nodeAfter.type.name) === 'layoutColumn' && $from.parent.type.name === 'layoutSection' && $to.depth === 0;
+};
+export var deleteSourceNode = function deleteSourceNode(tr, $from, $to) {
+  if ($from.nodeAfter) {
+    var fromNode = $from.nodeAfter;
+    if (isDragLayoutColumnToTopLevel($from, $to)) {
+      // need update after we support single column layout.
+      if ($from.parent.childCount <= 2) {
+        tr.deleteRange($from.pos + 1, $from.pos + fromNode.nodeSize - 1);
+        return tr;
+      }
+    }
+    tr.deleteRange($from.pos, $from.pos + fromNode.nodeSize);
+  }
+  return tr;
+};

package/dist/esm/utils/inline-drop-target.js

@@ -4,12 +4,16 @@ import { isPreRelease1, isPreRelease2 } from './advanced-layouts-flags';
 import { isWrappedMedia } from './check-media-layout';
 export var shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
   var isSameLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var activeNode = arguments.length > 3 ? arguments[3] : undefined;
   if (!isPreRelease1() || isNested) {
     return false;
   }
   if (isWrappedMedia(node)) {
     return false;
   }
+  if (isPreRelease2() && (activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < maxLayoutColumnSupported() || isPreRelease2() && isSameLayout;
   }

package/dist/esm/utils/validation.js

@@ -70,14 +70,15 @@ export var memoizedTransformExpandToNestedExpand = memoizeOne(function (node) {
   }
 });
 export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNode) {
-  if (isPreRelease2() &&
-  // Allow drag layout column and drop into layout section
-  srcNode.type.name === 'layoutColumn' && (destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection') {
-    return true;
-  }
   var srcNodeType = srcNode.type;
   var parentNodeType = destParent === null || destParent === void 0 ? void 0 : destParent.type.name;
   var activeNodeType = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type.name;
+  if (isPreRelease2() && activeNodeType === 'layoutColumn') {
+    // Allow drag layout column and drop into layout section
+    if ((destNode === null || destNode === void 0 ? void 0 : destNode.type.name) === 'layoutSection' || parentNodeType === 'doc') {
+      return true;
+    }
+  }
 
   // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
   if (editorExperiment('nest-media-and-codeblock-in-quote', false)) {

package/dist/types/commands/move-to-layout.d.ts

@@ -1,5 +1,8 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { BlockControlsPlugin } from '../types';
+export declare const removeFromSource: (tr: Transaction, $from: ResolvedPos) => Transaction;
 export declare const moveToLayout: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (from: number, to: number, options?: {
     moveToEnd?: boolean;
 }) => EditorCommand;

package/dist/types/ui/drop-target-layout.d.ts

@@ -9,4 +9,4 @@ export type DropTargetLayoutProps = {
     parent: PMNode;
     formatMessage?: IntlShape['formatMessage'];
 };
-export declare const DropTargetLayout: (props: DropTargetLayoutProps) => jsx.JSX.Element;
+export declare const DropTargetLayout: (props: DropTargetLayoutProps) => jsx.JSX.Element | null;

package/dist/types/utils/drag-layout-column.d.ts

@@ -0,0 +1,4 @@
+import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const isDragLayoutColumnToTopLevel: ($from: ResolvedPos, $to: ResolvedPos) => boolean;
+export declare const deleteSourceNode: (tr: Transaction, $from: ResolvedPos, $to: ResolvedPos) => Transaction;

package/dist/types/utils/inline-drop-target.d.ts

@@ -1,2 +1,3 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMNode, isSameLayout?: boolean) => boolean;
+import { type ActiveNode } from '../types';
+export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMNode, isSameLayout?: boolean, activeNode?: ActiveNode) => boolean;

package/dist/types-ts4.5/commands/move-to-layout.d.ts

@@ -1,5 +1,8 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { BlockControlsPlugin } from '../types';
+export declare const removeFromSource: (tr: Transaction, $from: ResolvedPos) => Transaction;
 export declare const moveToLayout: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (from: number, to: number, options?: {
     moveToEnd?: boolean;
 }) => EditorCommand;

package/dist/types-ts4.5/ui/drop-target-layout.d.ts

@@ -9,4 +9,4 @@ export type DropTargetLayoutProps = {
     parent: PMNode;
     formatMessage?: IntlShape['formatMessage'];
 };
-export declare const DropTargetLayout: (props: DropTargetLayoutProps) => jsx.JSX.Element;
+export declare const DropTargetLayout: (props: DropTargetLayoutProps) => jsx.JSX.Element | null;

package/dist/types-ts4.5/utils/drag-layout-column.d.ts

@@ -0,0 +1,4 @@
+import { type ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { type Transaction } from '@atlaskit/editor-prosemirror/state';
+export declare const isDragLayoutColumnToTopLevel: ($from: ResolvedPos, $to: ResolvedPos) => boolean;
+export declare const deleteSourceNode: (tr: Transaction, $from: ResolvedPos, $to: ResolvedPos) => Transaction;

package/dist/types-ts4.5/utils/inline-drop-target.d.ts

@@ -1,2 +1,3 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMNode, isSameLayout?: boolean) => boolean;
+import { type ActiveNode } from '../types';
+export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMNode, isSameLayout?: boolean, activeNode?: ActiveNode) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.13.13",
+	"version": "2.13.15",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^44.2.0",
-		"@atlaskit/editor-common": "^94.21.0",
+		"@atlaskit/editor-common": "^94.22.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.15.0",
+		"@atlaskit/tmp-editor-statsig": "^2.17.0",
 		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@babel/runtime": "^7.0.0",