@atlaskit/editor-plugin-block-controls 2.13.28 → 2.13.30

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

@@ -8,15 +8,14 @@ import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { maxLayoutColumnSupported } from '../consts';
 import { nodeMargins } from '../ui/consts';
 import { DropTarget } from '../ui/drop-target';
 import { DropTargetLayout } from '../ui/drop-target-layout';
 import { DropTargetV2, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET } from '../ui/drop-target-v2';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { canMoveNodeToIndex, isInSameLayout } from '../utils/validation';
 import { getNestedDepth, TYPE_DROP_TARGET_DEC, unmountDecorations } from './decorations-common';
+import { maxLayoutColumnSupported } from './utils/consts';
+import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
+import { canMoveNodeToIndex, isInSameLayout } from './utils/validation';
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'layoutColumn', 'listItem', 'caption'];
 var PARENT_WITH_END_DROP_TARGET = ['tableCell', 'tableHeader', 'panel', 'layoutColumn', 'expand', 'nestedExpand', 'bodiedExtension'];
 var DISABLE_CHILD_DROP_TARGET = ['orderedList', 'bulletList'];
@@ -179,7 +178,7 @@ export var dropTargetDecorations = function dropTargetDecorations(newState, api,
     popNodeStack(depth);
     prevNodeStack.push(node);
   };
-  var isAdvancedLayoutsPreRelease2 = isPreRelease2();
+  var isAdvancedLayoutsPreRelease2 = editorExperiment('advanced_layouts', true);
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, index) {
     var depth = 0;
     // drop target deco at the end position

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

@@ -1,6 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { isPreRelease1, isPreRelease2 } from '../utils/advanced-layouts-flags';
 var isEmptyNestedParagraphOrHeading = function isEmptyNestedParagraphOrHeading(target) {
   if (target instanceof HTMLHeadingElement || target instanceof HTMLParagraphElement) {
     var _target$parentElement;
@@ -50,7 +49,7 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
     if (editorExperiment('nested-dnd', true) && isEmptyNestedParagraphOrHeading(rootElement)) {
       return false;
     }
-    if (rootElement.getAttribute('data-drag-handler-node-type') === 'media' && isPreRelease1()) {
+    if (rootElement.getAttribute('data-drag-handler-node-type') === 'media' && editorExperiment('advanced_layouts', true)) {
       rootElement = rootElement.closest('[data-drag-handler-anchor-name][data-drag-handler-node-type="mediaSingle"]');
       if (!rootElement) {
         return false;
@@ -94,7 +93,7 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
       pos = view.posAtDOM(rootElement, 0);
     }
     var node = view.state.doc.nodeAt(pos);
-    if (isPreRelease2() && node && isLayoutColumnWithoutContent(node)) {
+    if (editorExperiment('advanced_layouts', true) && node && isLayoutColumnWithoutContent(node)) {
       // Don't show drag handle when there is no content/only placeholder in layout column
       return false;
     }

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

@@ -2,9 +2,9 @@ import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight,
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { moveNodeViaShortcut } from '../commands/move-node';
-import { showDragHandleAtSelection } from '../commands/show-drag-handle';
-import { DIRECTION } from '../consts';
+import { moveNodeViaShortcut } from '../editor-commands/move-node';
+import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';
+import { DIRECTION } from './utils/consts';
 function keymapList(api, formatMessage) {
   var keymapList = {};
   if (api && fg('platform_editor_element_drag_and_drop_ed_23873')) {

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

@@ -12,16 +12,15 @@ import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-sc
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { defaultActiveAnchorTracker } from '../utils/active-anchor-tracker';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { AnchorRectCache, isAnchorSupported } from '../utils/anchor-utils';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { getTrMetadata } from '../utils/transactions';
 import { findNodeDecs, nodeDecorations } from './decorations-anchor';
 import { dragHandleDecoration, emptyParagraphNodeDecorations, findHandleDec } from './decorations-drag-handle';
 import { dropTargetDecorations, findDropTargetDecs } from './decorations-drop-target';
 import { handleMouseOver } from './handle-mouse-over';
 import { boundKeydownHandler } from './keymap';
+import { defaultActiveAnchorTracker } from './utils/active-anchor-tracker';
+import { AnchorRectCache, isAnchorSupported } from './utils/anchor-utils';
+import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
+import { getTrMetadata } from './utils/transactions';
 export var key = new PluginKey('blockControls');
 var isHTMLElement = function isHTMLElement(element) {
   return element instanceof HTMLElement;
@@ -495,7 +494,7 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
           return false;
         },
         dragenter: function dragenter(_view, event) {
-          if (isPreRelease2()) {
+          if (editorExperiment('advanced_layouts', true)) {
             if (isHTMLElement(event.target)) {
               var closestParentElement = event.target.closest('[data-drag-handler-anchor-depth="0"]');
               if (closestParentElement) {
@@ -509,7 +508,7 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
         },
         dragstart: function dragstart(view) {
           var _anchorRectCache;
-          if (isPreRelease2()) {
+          if (editorExperiment('advanced_layouts', true)) {
             defaultActiveAnchorTracker.reset();
           }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 || _anchorRectCache.setEditorView(view);

package/dist/esm/{utils → pm-plugins/utils}/active-anchor-tracker.js

@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { EventEmitter } from 'events';
 import { useCallback, useEffect, useState } from 'react';
-import { isPreRelease2 } from './advanced-layouts-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var ActiveAnchorTracker = /*#__PURE__*/function () {
   function ActiveAnchorTracker() {
     _classCallCheck(this, ActiveAnchorTracker);
@@ -62,7 +62,7 @@ export var useActiveAnchorTracker = function useActiveAnchorTracker(anchorName)
     setIsActive(eventIsActive);
   };
   useEffect(function () {
-    if (activeAnchorTracker && anchorName && isPreRelease2()) {
+    if (activeAnchorTracker && anchorName && editorExperiment('advanced_layouts', true)) {
       activeAnchorTracker.subscribe(anchorName, onActive);
       var unsubscribe = function unsubscribe() {
         activeAnchorTracker.unsubscribe(anchorName, onActive);

package/dist/esm/{consts.js → pm-plugins/utils/consts.js}

@@ -1,4 +1,4 @@
-import { isPreRelease2 } from './utils/advanced-layouts-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";
@@ -7,6 +7,6 @@ export var DIRECTION = /*#__PURE__*/function (DIRECTION) {
   return DIRECTION;
 }({});
 export var maxLayoutColumnSupported = function maxLayoutColumnSupported() {
-  return isPreRelease2() ? 5 : 3;
+  return editorExperiment('advanced_layouts', true) ? 5 : 3;
 };
 export var MIN_LAYOUT_COLUMN = 2;

package/dist/esm/{utils → pm-plugins/utils}/drag-handle-positions.js

@@ -1,4 +1,4 @@
-import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
+import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../../ui/consts';
 export var getTopPosition = function getTopPosition(dom, type) {
   if (!dom) {
     return 'auto';

package/dist/esm/{utils → pm-plugins/utils}/inline-drop-target.js

@@ -1,21 +1,21 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-import { maxLayoutColumnSupported } from '../consts';
-import { isPreRelease1, isPreRelease2 } from './advanced-layouts-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isWrappedMedia } from './check-media-layout';
+import { maxLayoutColumnSupported } from './consts';
 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) {
+  if (editorExperiment('advanced_layouts', false) || isNested) {
     return false;
   }
   if (isWrappedMedia(node)) {
     return false;
   }
-  if (isPreRelease2() && (activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
+  if ((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;
+    return node.childCount < maxLayoutColumnSupported() || isSameLayout;
   }
   return !isEmptyParagraph(node);
 };

package/dist/esm/{utils → pm-plugins/utils}/remove-from-source.js

@@ -1,4 +1,4 @@
-import { MIN_LAYOUT_COLUMN } from '../consts';
+import { MIN_LAYOUT_COLUMN } from './consts';
 import { updateColumnWidths } from './update-column-widths';
 export var removeFromSource = function removeFromSource(tr, $from) {
   var sourceNode = $from.nodeAfter;

package/dist/esm/{utils → pm-plugins/utils}/update-column-widths.js

@@ -1,4 +1,4 @@
-import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
+import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../../ui/consts';
 export var updateColumnWidths = function updateColumnWidths(tr, layoutNode, layoutNodePos, childCount) {
   var newColumnWidth = DEFAULT_COLUMN_DISTRIBUTIONS[childCount];
   if (newColumnWidth) {

package/dist/esm/{utils → pm-plugins/utils}/validation.js

@@ -1,7 +1,6 @@
 import memoizeOne from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
 export var isInsideTable = function isInsideTable(nodeType) {
   var _nodeType$schema$node = nodeType.schema.nodes,
     tableCell = _nodeType$schema$node.tableCell,
@@ -73,7 +72,7 @@ export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNod
   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') {
+  if (activeNodeType === 'layoutColumn' && editorExperiment('advanced_layouts', true)) {
     // 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;

package/dist/esm/ui/consts.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _dropTargetMarginMap;
 import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export var DRAG_HANDLE_HEIGHT = 24;
 export var DRAG_HANDLE_WIDTH = 12;
 export var DRAG_HANDLE_BORDER_RADIUS = 4;
@@ -20,7 +20,7 @@ export var dragHandleGap = function dragHandleGap(nodeType, parentNodeType) {
   if (parentNodeType && parentNodeType !== 'doc') {
     return DRAG_HANDLE_NARROW_GAP;
   }
-  if (nodeType === 'layoutSection' && fg('platform_editor_advanced_layouts_breakout_resizing')) {
+  if (nodeType === 'layoutSection' && editorExperiment('advanced_layouts', true)) {
     return DRAG_HANDLE_MAX_GAP + 12;
   }
   if (nodeTypeExcludeList.includes(nodeType)) {
@@ -48,7 +48,7 @@ export var getNestedNodeLeftPaddingMargin = function getNestedNodeLeftPaddingMar
   }
 };
 export var topPositionAdjustment = function topPositionAdjustment(nodeType) {
-  if (fg('platform_editor_advanced_layouts_breakout_resizing')) {
+  if (editorExperiment('advanced_layouts', true)) {
     switch (nodeType) {
       case 'rule':
         return -DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT;

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

@@ -20,9 +20,8 @@ import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/el
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { key } from '../pm-plugins/main';
-import { getNestedNodePosition, selectNode } from '../utils';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { getLeftPosition, getTopPosition } from '../utils/drag-handle-positions';
+import { getNestedNodePosition, selectNode } from '../pm-plugins/utils';
+import { getLeftPosition, getTopPosition } from '../pm-plugins/utils/drag-handle-positions';
 import { DRAG_HANDLE_BORDER_RADIUS, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, DRAG_HANDLE_ZINDEX, dragHandleGap, topPositionAdjustment } from './consts';
 import { dragPreview } from './drag-preview';
 var dragHandleButtonStyles = css({
@@ -138,7 +137,7 @@ export var DragHandle = function DragHandle(_ref) {
   // but ensures the preview is generated correctly.
   var handleMouseDown = useCallback(function () {
     var _api$core3;
-    if (!(isLayoutColumn && isPreRelease2()) && fg('platform_editor_element_drag_and_drop_ed_24885')) {
+    if (!(isLayoutColumn && editorExperiment('advanced_layouts', true)) && 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) {
@@ -152,7 +151,7 @@ export var DragHandle = function DragHandle(_ref) {
         return tr;
       }
       var selection;
-      if (isLayoutColumn && isPreRelease2()) {
+      if (isLayoutColumn && editorExperiment('advanced_layouts', true)) {
         selection = new NodeSelection(tr.doc.resolve(startPos));
       } else {
         var $startPos = tr.doc.resolve(startPos + node.nodeSize);
@@ -285,8 +284,8 @@ export var DragHandle = function DragHandle(_ref) {
     var isEdgeCase = (hasResizer || isExtension || isEmbedCard || isBlockCard) && innerContainer;
     if (supportsAnchor) {
       return {
-        left: isEdgeCase ? "calc(anchor(".concat(anchorName, " start) + ").concat(getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : isPreRelease2() && isLayoutColumn ? "calc((anchor(".concat(anchorName, " right) + anchor(").concat(anchorName, " left))/2 - ").concat(DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(anchorName, " start) - ").concat(DRAG_HANDLE_WIDTH, "px - ").concat(dragHandleGap(nodeType, parentNodeType), "px)"),
-        top: isPreRelease2() && isLayoutColumn ? "calc(anchor(".concat(anchorName, " top) - ").concat(DRAG_HANDLE_WIDTH, "px)") : fg('platform_editor_elements_dnd_ed_23674') ? "calc(anchor(".concat(anchorName, " start) + ").concat(topPositionAdjustment(nodeType), "px)") : anchorName.includes('table') ? "calc(anchor(".concat(anchorName, " start) + ").concat(DRAG_HANDLE_HEIGHT, "px)") : "anchor(".concat(anchorName, " start)")
+        left: isEdgeCase ? "calc(anchor(".concat(anchorName, " start) + ").concat(getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : editorExperiment('advanced_layouts', true) && isLayoutColumn ? "calc((anchor(".concat(anchorName, " right) + anchor(").concat(anchorName, " left))/2 - ").concat(DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(anchorName, " start) - ").concat(DRAG_HANDLE_WIDTH, "px - ").concat(dragHandleGap(nodeType, parentNodeType), "px)"),
+        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(anchorName, " top) - ").concat(DRAG_HANDLE_WIDTH, "px)") : fg('platform_editor_elements_dnd_ed_23674') ? "calc(anchor(".concat(anchorName, " start) + ").concat(topPositionAdjustment(nodeType), "px)") : anchorName.includes('table') ? "calc(anchor(".concat(anchorName, " start) + ").concat(DRAG_HANDLE_HEIGHT, "px)") : "anchor(".concat(anchorName, " start)")
       };
     }
     return {
@@ -409,7 +408,7 @@ export var DragHandle = function DragHandle(_ref) {
       // eslint-disable-next-line @atlaskit/design-system/no-html-button
       jsx("button", {
         type: "button",
-        css: [dragHandleButtonStyles, isPreRelease2() && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && selectedStyles],
+        css: [dragHandleButtonStyles, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && selectedStyles],
         ref: buttonRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,

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

@@ -13,9 +13,9 @@ import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indi
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { B200 } from '@atlaskit/theme/colors';
 import { getNodeAnchor } from '../pm-plugins/decorations-common';
-import { useActiveAnchorTracker } from '../utils/active-anchor-tracker';
-import { isAnchorSupported } from '../utils/anchor-utils';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
+import { useActiveAnchorTracker } from '../pm-plugins/utils/active-anchor-tracker';
+import { isAnchorSupported } from '../pm-plugins/utils/anchor-utils';
+import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
 
 // 8px gap + 16px on left and right
 var DROP_TARGET_LAYOUT_DROP_ZONE_WIDTH = 40;

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

@@ -15,11 +15,10 @@ import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element
 import { layers } from '@atlaskit/theme/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNodeAnchor } from '../pm-plugins/decorations-common';
-import { useActiveAnchorTracker } from '../utils/active-anchor-tracker';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { isAnchorSupported } from '../utils/anchor-utils';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { shouldAllowInlineDropTarget } from '../utils/inline-drop-target';
+import { useActiveAnchorTracker } from '../pm-plugins/utils/active-anchor-tracker';
+import { isAnchorSupported } from '../pm-plugins/utils/anchor-utils';
+import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
+import { shouldAllowInlineDropTarget } from '../pm-plugins/utils/inline-drop-target';
 import { getNestedNodeLeftPaddingMargin } from './consts';
 import { InlineDropTarget } from './inline-drop-target';
 var DEFAULT_DROP_INDICATOR_WIDTH = 760;
@@ -89,7 +88,7 @@ var HoverZone = function HoverZone(_ref) {
       return dropTargetForElements({
         element: ref.current,
         onDragEnter: function onDragEnter() {
-          if (!isNestedDropTarget && isPreRelease2()) {
+          if (!isNestedDropTarget && editorExperiment('advanced_layouts', true)) {
             setActiveAnchor();
           }
           _onDragEnter();

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

@@ -14,7 +14,7 @@ import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indi
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { layers } from '@atlaskit/theme/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
+import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
 import { dropTargetMarginMap, getNestedNodeLeftPaddingMargin, nodeMargins, spaceLookupMap } from './consts';
 var DEFAULT_DROP_INDICATOR_WIDTH = 760;
 var EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH = '--editor-block-controls-drop-indicator-width';
@@ -112,7 +112,7 @@ export var DropTarget = function DropTarget(_ref3) {
       return;
     }
 
-    // This should be moved to platform/packages/editor/editor-plugin-block-controls/src/utils/validation.ts
+    // This should be moved to platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/utils/validation.ts
     // Since we are moved to drop-target-v2
     // 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/ui/inline-drop-target.js

@@ -13,11 +13,11 @@ import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { B200 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNodeAnchor } from '../pm-plugins/decorations-common';
-import { useActiveAnchorTracker } from '../utils/active-anchor-tracker';
-import { showResponsiveLayout } from '../utils/advanced-layouts-flags';
-import { isAnchorSupported } from '../utils/anchor-utils';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
+import { useActiveAnchorTracker } from '../pm-plugins/utils/active-anchor-tracker';
+import { isAnchorSupported } from '../pm-plugins/utils/anchor-utils';
+import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
 var hoverZoneCommonStyle = css({
   position: 'absolute',
   // above the top and bottom drop zone as block hover zone
@@ -77,7 +77,6 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
     _useActiveAnchorTrack2 = _slicedToArray(_useActiveAnchorTrack, 1),
     isActiveAnchor = _useActiveAnchorTrack2[0];
   var isLeftPosition = position === 'left';
-  var shouldShowResponsiveLayout = showResponsiveLayout();
   var nodeDimension = useMemo(function () {
     if (!nextNode) {
       return defaultNodeDimension;
@@ -118,7 +117,7 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
 
     // Set the height target anchor name to the first or last column of the layout section so that it also works for stacked layout
     var heightTargetAnchorName = targetAnchorName;
-    if (shouldShowResponsiveLayout && nextNode.type.name === 'layoutSection' && nextNode.firstChild && nextNode.lastChild) {
+    if (editorExperiment('advanced_layouts', true) && nextNode.type.name === 'layoutSection' && nextNode.firstChild && nextNode.lastChild) {
       heightTargetAnchorName = isLeftPosition ? getNodeAnchor(nextNode.firstChild) : getNodeAnchor(nextNode.lastChild);
     }
     if (isAnchorSupported()) {
@@ -151,7 +150,7 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
       };
     }
     return defaultNodeDimension;
-  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition, shouldShowResponsiveLayout]);
+  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition]);
   var onDrop = useCallback(function () {
     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()) || {},
@@ -169,8 +168,8 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
     }
   }, [api, getPos, position]);
   var inlineHoverZoneRectStyle = useMemo(function () {
-    var isLayoutNode = (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
-    var layoutAdjustment = isLayoutNode && shouldShowResponsiveLayout ? {
+    var isLayoutNode = editorExperiment('advanced_layouts', true) && (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
+    var layoutAdjustment = isLayoutNode ? {
       width: 11,
       height: 4,
       top: 6,
@@ -184,11 +183,11 @@ export var InlineDropTarget = function InlineDropTarget(_ref) {
       top: "calc(anchor(top))",
       width: nodeDimension.widthOffset ? "calc((100% - ".concat(nodeDimension.width, ")/2 - ").concat(GAP, "px + ").concat(nodeDimension.widthOffset, " - ").concat((layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.width) || 0, "px)") : "calc((100% - ".concat(nodeDimension.width, ")/2 - ").concat(GAP, "px - ").concat((layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.width) || 0, "px)"),
       height: "calc(".concat(nodeDimension.height, " + ").concat((layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.height) || 0, "px)")
-    }, isLayoutNode && shouldShowResponsiveLayout && {
+    }, isLayoutNode && {
       top: isLeftPosition ? "calc(".concat(nodeDimension.top, " + ").concat((layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.top) || 0, "px)") : 'unset',
       bottom: isLeftPosition ? 'unset' : "calc(".concat(nodeDimension.bottom, " - ").concat((layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.bottom) || 0, "px)")
     });
-  }, [anchorName, isLeftPosition, nodeDimension, nextNode, shouldShowResponsiveLayout]);
+  }, [nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name, anchorName, isLeftPosition, nodeDimension]);
   var dropIndicatorPos = useMemo(function () {
     return isLeftPosition ? 'right' : 'left';
   }, [isLeftPosition]);

package/dist/types/blockControlsPlugin.d.ts

@@ -0,0 +1,2 @@
+import type { BlockControlsPlugin } from './blockControlsPluginType';
+export declare const blockControlsPlugin: BlockControlsPlugin;

package/dist/types/{commands → editor-commands}/move-node.d.ts

@@ -1,6 +1,6 @@
 import { type IntlShape } from 'react-intl-next';
 import type { Command, EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { DIRECTION } from '../consts';
-import type { BlockControlsPlugin, MoveNodeMethod } from '../types';
+import type { BlockControlsPlugin, MoveNodeMethod } from '../blockControlsPluginType';
+import { DIRECTION } from '../pm-plugins/utils/consts';
 export declare const moveNodeViaShortcut: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, direction: DIRECTION, formatMessage?: IntlShape['formatMessage']) => Command;
 export declare const moveNode: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (start: number, to: number, inputMethod?: MoveNodeMethod, formatMessage?: IntlShape['formatMessage']) => EditorCommand;

package/dist/types/{commands → editor-commands}/move-to-layout.d.ts

@@ -1,5 +1,5 @@
 import type { EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../types';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const moveToLayout: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (from: number, to: number, options?: {
     moveToEnd?: boolean;
 }) => EditorCommand;

package/dist/types/{commands → editor-commands}/show-drag-handle.d.ts

@@ -1,3 +1,3 @@
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../types';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const showDragHandleAtSelection: (api?: ExtractInjectionAPI<BlockControlsPlugin>, shouldFocusParentNode?: boolean) => Command;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { blockControlsPlugin } from './plugin';
-export type { BlockControlsPlugin, BlockControlsSharedState, HandleOptions, MoveNodeMethod, } from './types';
+export { blockControlsPlugin } from './blockControlsPlugin';
+export type { BlockControlsPlugin, BlockControlsSharedState, HandleOptions, MoveNodeMethod, } from './blockControlsPluginType';

package/dist/types/pm-plugins/decorations-drag-handle.d.ts

@@ -2,7 +2,7 @@ import { type IntlShape } from 'react-intl-next';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { Decoration, type DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BlockControlsPlugin, HandleOptions } from '../types';
+import type { BlockControlsPlugin, HandleOptions } from '../blockControlsPluginType';
 export declare const emptyParagraphNodeDecorations: () => Decoration;
 export declare const findHandleDec: (decorations: DecorationSet, from?: number, to?: number) => Decoration[];
 export declare const dragHandleDecoration: (api: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage: IntlShape['formatMessage'], pos: number, anchorName: string, nodeType: string, nodeViewPortalProviderAPI: PortalProviderAPI, handleOptions?: HandleOptions) => Decoration;

package/dist/types/pm-plugins/decorations-drop-target.d.ts

@@ -3,10 +3,10 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, type DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { ActiveNode, BlockControlsPlugin } from '../types';
+import type { ActiveNode, BlockControlsPlugin } from '../blockControlsPluginType';
 import { type DropTargetProps } from '../ui/drop-target';
 import { type DropTargetLayoutProps } from '../ui/drop-target-layout';
-import { type AnchorRectCache } from '../utils/anchor-utils';
+import { type AnchorRectCache } from './utils/anchor-utils';
 /**
  * Find drop target decorations in the pos range between from and to
  * @param decorations

package/dist/types/pm-plugins/handle-mouse-over.d.ts

@@ -1,4 +1,4 @@
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
-import { type BlockControlsPlugin } from '../types';
+import { type BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const handleMouseOver: (view: EditorView, event: Event, api: ExtractInjectionAPI<BlockControlsPlugin> | undefined) => false | undefined;

package/dist/types/pm-plugins/keymap.d.ts

@@ -1,4 +1,4 @@
 import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../types';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const boundKeydownHandler: (api?: ExtractInjectionAPI<BlockControlsPlugin>, formatMessage?: IntlShape['formatMessage']) => (view: import("prosemirror-view").EditorView, event: KeyboardEvent) => boolean;

package/dist/types/pm-plugins/main.d.ts

@@ -5,8 +5,8 @@ import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { BlockControlsPlugin, PluginState } from '../types';
-import { AnchorRectCache } from '../utils/anchor-utils';
+import type { BlockControlsPlugin, PluginState } from '../blockControlsPluginType';
+import { AnchorRectCache } from './utils/anchor-utils';
 export declare const key: PluginKey<PluginState>;
 export interface FlagType {
     isNestedEnabled: boolean;

package/dist/types/{utils → pm-plugins/utils}/active-anchor-tracker.d.ts

@@ -1,4 +1,4 @@
-/// <reference path="../../../../../../typings/events.d.ts" />
+/// <reference path="../../../../../../../typings/events.d.ts" />
 /// <reference types="node" />
 /// <reference types="node/events" />
 import { EventEmitter } from 'events';

package/dist/types/{consts.d.ts → pm-plugins/utils/consts.d.ts}

@@ -4,5 +4,5 @@ export declare enum DIRECTION {
     LEFT = "left",
     RIGHT = "right"
 }
-export declare const maxLayoutColumnSupported: () => 5 | 3;
+export declare const maxLayoutColumnSupported: () => 3 | 5;
 export declare const MIN_LAYOUT_COLUMN = 2;

package/dist/{types-ts4.5 → types/pm-plugins}/utils/inline-drop-target.d.ts

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

package/dist/types/ui/drag-handle-menu.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../types';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export declare const DragHandleMenu: ({ api, }: {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
 }) => JSX.Element | null;

package/dist/types/ui/drag-handle.d.ts

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { BlockControlsPlugin, HandleOptions } from '../types';
+import type { BlockControlsPlugin, HandleOptions } from '../blockControlsPluginType';
 export declare const DragHandle: ({ view, api, formatMessage, getPos, anchorName, nodeType, handleOptions, isTopLevelNode, }: {
     view: EditorView;
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;

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

@@ -2,8 +2,8 @@ import { jsx } from '@emotion/react';
 import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { BlockControlsPlugin } from '../types';
-import { type AnchorRectCache } from '../utils/anchor-utils';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
+import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 export type DropTargetLayoutProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
     getPos: () => number | undefined;

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type AnchorRectCache } from '../utils/anchor-utils';
+import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 import { type DropTargetProps } from './drop-target';
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET = "--editor-block-controls-drop-indicator-offset";
 export declare const EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP = "--editor-block-controls-drop-indicator-gap";

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

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import { type IntlShape } from 'react-intl-next';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { BlockControlsPlugin } from '../types';
+import type { BlockControlsPlugin } from '../blockControlsPluginType';
 export type DropTargetStyle = 'default' | 'remainingHeight';
 export type DropTargetProps = {
     api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;

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

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { type AnchorRectCache } from '../utils/anchor-utils';
+import { type AnchorRectCache } from '../pm-plugins/utils/anchor-utils';
 import { type DropTargetProps } from './drop-target';
 export declare const InlineDropTarget: ({ api, nextNode, position, anchorRectCache, getPos, }: DropTargetProps & {
     anchorRectCache?: AnchorRectCache | undefined;

package/dist/types-ts4.5/blockControlsPlugin.d.ts

@@ -0,0 +1,2 @@
+import type { BlockControlsPlugin } from './blockControlsPluginType';
+export declare const blockControlsPlugin: BlockControlsPlugin;

package/dist/types-ts4.5/{commands → editor-commands}/move-node.d.ts

@@ -1,6 +1,6 @@
 import { type IntlShape } from 'react-intl-next';
 import type { Command, EditorCommand, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { DIRECTION } from '../consts';
-import type { BlockControlsPlugin, MoveNodeMethod } from '../types';
+import type { BlockControlsPlugin, MoveNodeMethod } from '../blockControlsPluginType';
+import { DIRECTION } from '../pm-plugins/utils/consts';
 export declare const moveNodeViaShortcut: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, direction: DIRECTION, formatMessage?: IntlShape['formatMessage']) => Command;
 export declare const moveNode: (api?: ExtractInjectionAPI<BlockControlsPlugin>) => (start: number, to: number, inputMethod?: MoveNodeMethod, formatMessage?: IntlShape['formatMessage']) => EditorCommand;