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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.13.30
+
+### Patch Changes
+
+- [#171014](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171014)
+  [`6163248356c63`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6163248356c63) -
+  [ED-25833] Replace the following FGs with experiment `platform_editor_advanced_layouts`
+
+  - platform_editor_advanced_layouts_breakout_resizing
+  - platform_editor_advanced_layouts_pre_release_1
+  - platform_editor_advanced_layouts_pre_release_2
+
 ## 2.13.29
 
 ### Patch Changes

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

@@ -10,7 +10,6 @@ var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _decorationsCommon = require("./decorations-common");
-var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 var IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
 var IGNORE_NODE_DESCENDANTS = ['listItem', 'taskList', 'decisionList', 'mediaSingle'];
@@ -23,7 +22,7 @@ var shouldDescendIntoNode = exports.shouldDescendIntoNode = function shouldDesce
       return false;
     }
   }
-  if ((0, _advancedLayoutsFlags.isPreRelease1)()) {
+  if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
     return !IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT.includes(node.type.name);
   }
   return !IGNORE_NODE_DESCENDANTS.includes(node.type.name);
@@ -33,7 +32,7 @@ var shouldIgnoreNode = function shouldIgnoreNode(node, ignore_nodes, depth, pare
 
   // TODO use isWrappedMedia when clean up the feature flag
   var isMediaSingle = 'mediaSingle' === node.type.name && (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_1');
-  var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && (0, _advancedLayoutsFlags.isPreRelease1)();
+  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);
   if (isFirstTableRow) {
     return false;
   }
@@ -73,7 +72,7 @@ var nodeDecorations = exports.nodeDecorations = function nodeDecorations(newStat
   var decs = [];
   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, _advancedLayoutsFlags.isPreRelease2)() ? IGNORE_NODES_NEXT : IGNORE_NODES;
+  var ignore_nodes = (0, _experiments.editorExperiment)('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, index) {
     var _Decoration$node;
     var depth = 0;

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

@@ -18,7 +18,6 @@ var _dropTarget = require("../ui/drop-target");
 var _dropTargetLayout = require("../ui/drop-target-layout");
 var _dropTargetV = require("../ui/drop-target-v2");
 var _decorationsCommon = require("./decorations-common");
-var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var _consts2 = require("./utils/consts");
 var _dragTargetDebug = require("./utils/drag-target-debug");
 var _validation = require("./utils/validation");
@@ -186,7 +185,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
     popNodeStack(depth);
     prevNodeStack.push(node);
   };
-  var isAdvancedLayoutsPreRelease2 = (0, _advancedLayoutsFlags.isPreRelease2)();
+  var isAdvancedLayoutsPreRelease2 = (0, _experiments.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/cjs/pm-plugins/handle-mouse-over.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleMouseOver = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var isEmptyNestedParagraphOrHeading = function isEmptyNestedParagraphOrHeading(target) {
   if (target instanceof HTMLHeadingElement || target instanceof HTMLParagraphElement) {
     var _target$parentElement;
@@ -56,7 +55,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     if ((0, _experiments.editorExperiment)('nested-dnd', true) && isEmptyNestedParagraphOrHeading(rootElement)) {
       return false;
     }
-    if (rootElement.getAttribute('data-drag-handler-node-type') === 'media' && (0, _advancedLayoutsFlags.isPreRelease1)()) {
+    if (rootElement.getAttribute('data-drag-handler-node-type') === 'media' && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
       rootElement = rootElement.closest('[data-drag-handler-anchor-name][data-drag-handler-node-type="mediaSingle"]');
       if (!rootElement) {
         return false;
@@ -100,7 +99,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
       pos = view.posAtDOM(rootElement, 0);
     }
     var node = view.state.doc.nodeAt(pos);
-    if ((0, _advancedLayoutsFlags.isPreRelease2)() && node && isLayoutColumnWithoutContent(node)) {
+    if ((0, _experiments.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/cjs/pm-plugins/main.js

@@ -25,7 +25,6 @@ var _decorationsDropTarget = require("./decorations-drop-target");
 var _handleMouseOver = require("./handle-mouse-over");
 var _keymap = require("./keymap");
 var _activeAnchorTracker = require("./utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var _anchorUtils = require("./utils/anchor-utils");
 var _dragTargetDebug = require("./utils/drag-target-debug");
 var _transactions = require("./utils/transactions");
@@ -502,7 +501,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
           return false;
         },
         dragenter: function dragenter(_view, event) {
-          if ((0, _advancedLayoutsFlags.isPreRelease2)()) {
+          if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
             if (isHTMLElement(event.target)) {
               var closestParentElement = event.target.closest('[data-drag-handler-anchor-depth="0"]');
               if (closestParentElement) {
@@ -516,7 +515,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
         },
         dragstart: function dragstart(view) {
           var _anchorRectCache;
-          if ((0, _advancedLayoutsFlags.isPreRelease2)()) {
+          if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
             _activeAnchorTracker.defaultActiveAnchorTracker.reset();
           }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 || _anchorRectCache.setEditorView(view);

package/dist/cjs/pm-plugins/utils/active-anchor-tracker.js

@@ -11,7 +11,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _events = require("events");
 var _react = require("react");
-var _advancedLayoutsFlags = require("./advanced-layouts-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var ActiveAnchorTracker = exports.ActiveAnchorTracker = /*#__PURE__*/function () {
   function ActiveAnchorTracker() {
     (0, _classCallCheck2.default)(this, ActiveAnchorTracker);
@@ -67,7 +67,7 @@ var useActiveAnchorTracker = exports.useActiveAnchorTracker = function useActive
     setIsActive(eventIsActive);
   };
   (0, _react.useEffect)(function () {
-    if (activeAnchorTracker && anchorName && (0, _advancedLayoutsFlags.isPreRelease2)()) {
+    if (activeAnchorTracker && anchorName && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
       activeAnchorTracker.subscribe(anchorName, onActive);
       var unsubscribe = function unsubscribe() {
         activeAnchorTracker.unsubscribe(anchorName, onActive);

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.maxLayoutColumnSupported = exports.MIN_LAYOUT_COLUMN = exports.DIRECTION = void 0;
-var _advancedLayoutsFlags = require("./advanced-layouts-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";
@@ -13,6 +13,6 @@ var DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
   return DIRECTION;
 }({});
 var maxLayoutColumnSupported = exports.maxLayoutColumnSupported = function maxLayoutColumnSupported() {
-  return (0, _advancedLayoutsFlags.isPreRelease2)() ? 5 : 3;
+  return (0, _experiments.editorExperiment)('advanced_layouts', true) ? 5 : 3;
 };
 var MIN_LAYOUT_COLUMN = exports.MIN_LAYOUT_COLUMN = 2;

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

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldAllowInlineDropTarget = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
-var _advancedLayoutsFlags = require("./advanced-layouts-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 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 = arguments.length > 3 ? arguments[3] : undefined;
-  if (!(0, _advancedLayoutsFlags.isPreRelease1)() || isNested) {
+  if ((0, _experiments.editorExperiment)('advanced_layouts', false) || isNested) {
     return false;
   }
   if ((0, _checkMediaLayout.isWrappedMedia)(node)) {
     return false;
   }
-  if ((0, _advancedLayoutsFlags.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 < (0, _consts.maxLayoutColumnSupported)() || (0, _advancedLayoutsFlags.isPreRelease2)() && isSameLayout;
+    return node.childCount < (0, _consts.maxLayoutColumnSupported)() || isSameLayout;
   }
   return !(0, _utils.isEmptyParagraph)(node);
 };

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

@@ -9,7 +9,6 @@ exports.transformSliceExpandToNestedExpand = exports.transformExpandToNestedExpa
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _advancedLayoutsFlags = require("./advanced-layouts-flags");
 var isInsideTable = exports.isInsideTable = function isInsideTable(nodeType) {
   var _nodeType$schema$node = nodeType.schema.nodes,
     tableCell = _nodeType$schema$node.tableCell,
@@ -81,7 +80,7 @@ function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNode) {
   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') {
+  if (activeNodeType === 'layoutColumn' && (0, _experiments.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/cjs/ui/consts.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.topPositionAdjustment = exports.spaceLookupMap = exports.nodeMargins = exports.getNestedNodeLeftPaddingMargin = exports.dropTargetMarginMap = exports.dragHandleGap = exports.DRAG_HANDLE_ZINDEX = exports.DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_NARROW_GAP = exports.DRAG_HANDLE_MAX_WIDTH_PLUS_GAP = exports.DRAG_HANDLE_MAX_GAP = exports.DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_H6_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H5_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H4_TOP_ADJUSTMENT = exports.DRAG_HANDLE_H3_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT = exports.DRAG_HANDLE_DEFAULT_GAP = exports.DRAG_HANDLE_BORDER_RADIUS = exports.DEFAULT_COLUMN_DISTRIBUTIONS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _dropTargetMarginMap;
 var DRAG_HANDLE_HEIGHT = exports.DRAG_HANDLE_HEIGHT = 24;
 var DRAG_HANDLE_WIDTH = exports.DRAG_HANDLE_WIDTH = 12;
@@ -27,7 +27,7 @@ var dragHandleGap = exports.dragHandleGap = function dragHandleGap(nodeType, par
   if (parentNodeType && parentNodeType !== 'doc') {
     return DRAG_HANDLE_NARROW_GAP;
   }
-  if (nodeType === 'layoutSection' && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing')) {
+  if (nodeType === 'layoutSection' && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
     return DRAG_HANDLE_MAX_GAP + 12;
   }
   if (nodeTypeExcludeList.includes(nodeType)) {
@@ -55,7 +55,7 @@ var getNestedNodeLeftPaddingMargin = exports.getNestedNodeLeftPaddingMargin = fu
   }
 };
 var topPositionAdjustment = exports.topPositionAdjustment = function topPositionAdjustment(nodeType) {
-  if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing')) {
+  if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
     switch (nodeType) {
       case 'rule':
         return -DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT;

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

@@ -23,7 +23,6 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _main = require("../pm-plugins/main");
 var _utils = require("../pm-plugins/utils");
-var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
 var _dragHandlePositions = require("../pm-plugins/utils/drag-handle-positions");
 var _consts = require("./consts");
 var _dragPreview = require("./drag-preview");
@@ -147,7 +146,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
   // but ensures the preview is generated correctly.
   var handleMouseDown = (0, _react.useCallback)(function () {
     var _api$core3;
-    if (!(isLayoutColumn && (0, _advancedLayoutsFlags.isPreRelease2)()) && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24885')) {
+    if (!(isLayoutColumn && (0, _experiments.editorExperiment)('advanced_layouts', true)) && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24885')) {
       return undefined;
     }
     api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
@@ -161,7 +160,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         return tr;
       }
       var selection;
-      if (isLayoutColumn && (0, _advancedLayoutsFlags.isPreRelease2)()) {
+      if (isLayoutColumn && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
         selection = new _state.NodeSelection(tr.doc.resolve(startPos));
       } else {
         var $startPos = tr.doc.resolve(startPos + node.nodeSize);
@@ -294,8 +293,8 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     var isEdgeCase = (hasResizer || isExtension || isEmbedCard || isBlockCard) && innerContainer;
     if (supportsAnchor) {
       return {
-        left: isEdgeCase ? "calc(anchor(".concat(anchorName, " start) + ").concat((0, _dragHandlePositions.getLeftPosition)(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : (0, _advancedLayoutsFlags.isPreRelease2)() && isLayoutColumn ? "calc((anchor(".concat(anchorName, " right) + anchor(").concat(anchorName, " left))/2 - ").concat(_consts.DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(anchorName, " start) - ").concat(_consts.DRAG_HANDLE_WIDTH, "px - ").concat((0, _consts.dragHandleGap)(nodeType, parentNodeType), "px)"),
-        top: (0, _advancedLayoutsFlags.isPreRelease2)() && isLayoutColumn ? "calc(anchor(".concat(anchorName, " top) - ").concat(_consts.DRAG_HANDLE_WIDTH, "px)") : (0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_ed_23674') ? "calc(anchor(".concat(anchorName, " start) + ").concat((0, _consts.topPositionAdjustment)(nodeType), "px)") : anchorName.includes('table') ? "calc(anchor(".concat(anchorName, " start) + ").concat(_consts.DRAG_HANDLE_HEIGHT, "px)") : "anchor(".concat(anchorName, " start)")
+        left: isEdgeCase ? "calc(anchor(".concat(anchorName, " start) + ").concat((0, _dragHandlePositions.getLeftPosition)(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType), ")") : (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn ? "calc((anchor(".concat(anchorName, " right) + anchor(").concat(anchorName, " left))/2 - ").concat(_consts.DRAG_HANDLE_HEIGHT / 2, "px)") : "calc(anchor(".concat(anchorName, " start) - ").concat(_consts.DRAG_HANDLE_WIDTH, "px - ").concat((0, _consts.dragHandleGap)(nodeType, parentNodeType), "px)"),
+        top: (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn ? "calc(anchor(".concat(anchorName, " top) - ").concat(_consts.DRAG_HANDLE_WIDTH, "px)") : (0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_ed_23674') ? "calc(anchor(".concat(anchorName, " start) + ").concat((0, _consts.topPositionAdjustment)(nodeType), "px)") : anchorName.includes('table') ? "calc(anchor(".concat(anchorName, " start) + ").concat(_consts.DRAG_HANDLE_HEIGHT, "px)") : "anchor(".concat(anchorName, " start)")
       };
     }
     return {
@@ -418,7 +417,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
       // eslint-disable-next-line @atlaskit/design-system/no-html-button
       (0, _react2.jsx)("button", {
         type: "button",
-        css: [dragHandleButtonStyles, (0, _advancedLayoutsFlags.isPreRelease2)() && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && selectedStyles],
+        css: [dragHandleButtonStyles, (0, _experiments.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/cjs/ui/drop-target-v2.js

@@ -17,7 +17,6 @@ var _constants = require("@atlaskit/theme/constants");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
 var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
 var _anchorUtils = require("../pm-plugins/utils/anchor-utils");
 var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
 var _inlineDropTarget = require("../pm-plugins/utils/inline-drop-target");
@@ -97,7 +96,7 @@ var HoverZone = function HoverZone(_ref) {
       return (0, _adapter.dropTargetForElements)({
         element: ref.current,
         onDragEnter: function onDragEnter() {
-          if (!isNestedDropTarget && (0, _advancedLayoutsFlags.isPreRelease2)()) {
+          if (!isNestedDropTarget && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
             setActiveAnchor();
           }
           _onDragEnter();

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

@@ -12,9 +12,9 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _colors = require("@atlaskit/theme/colors");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
 var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
 var _anchorUtils = require("../pm-plugins/utils/anchor-utils");
 var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
@@ -85,7 +85,6 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
     _useActiveAnchorTrack2 = (0, _slicedToArray2.default)(_useActiveAnchorTrack, 1),
     isActiveAnchor = _useActiveAnchorTrack2[0];
   var isLeftPosition = position === 'left';
-  var shouldShowResponsiveLayout = (0, _advancedLayoutsFlags.showResponsiveLayout)();
   var nodeDimension = (0, _react.useMemo)(function () {
     if (!nextNode) {
       return defaultNodeDimension;
@@ -126,7 +125,7 @@ var InlineDropTarget = exports.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 ((0, _experiments.editorExperiment)('advanced_layouts', true) && nextNode.type.name === 'layoutSection' && nextNode.firstChild && nextNode.lastChild) {
       heightTargetAnchorName = isLeftPosition ? (0, _decorationsCommon.getNodeAnchor)(nextNode.firstChild) : (0, _decorationsCommon.getNodeAnchor)(nextNode.lastChild);
     }
     if ((0, _anchorUtils.isAnchorSupported)()) {
@@ -159,7 +158,7 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
       };
     }
     return defaultNodeDimension;
-  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition, shouldShowResponsiveLayout]);
+  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition]);
   var onDrop = (0, _react.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()) || {},
@@ -177,8 +176,8 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
     }
   }, [api, getPos, position]);
   var inlineHoverZoneRectStyle = (0, _react.useMemo)(function () {
-    var isLayoutNode = (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
-    var layoutAdjustment = isLayoutNode && shouldShowResponsiveLayout ? {
+    var isLayoutNode = (0, _experiments.editorExperiment)('advanced_layouts', true) && (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
+    var layoutAdjustment = isLayoutNode ? {
       width: 11,
       height: 4,
       top: 6,
@@ -192,11 +191,11 @@ var InlineDropTarget = exports.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 = (0, _react.useMemo)(function () {
     return isLeftPosition ? 'right' : 'left';
   }, [isLeftPosition]);

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

@@ -2,7 +2,6 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNestedDepth, getNodeAnchor, TYPE_NODE_DEC } from './decorations-common';
-import { isPreRelease1, isPreRelease2 } from './utils/advanced-layouts-flags';
 const IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 const IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
 const IGNORE_NODE_DESCENDANTS = ['listItem', 'taskList', 'decisionList', 'mediaSingle'];
@@ -15,7 +14,7 @@ export const shouldDescendIntoNode = node => {
       return false;
     }
   }
-  if (isPreRelease1()) {
+  if (editorExperiment('advanced_layouts', true)) {
     return !IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT.includes(node.type.name);
   }
   return !IGNORE_NODE_DESCENDANTS.includes(node.type.name);
@@ -25,7 +24,7 @@ const shouldIgnoreNode = (node, ignore_nodes, depth, parent) => {
 
   // TODO use isWrappedMedia when clean up the feature flag
   const isMediaSingle = 'mediaSingle' === node.type.name && fg('platform_editor_element_dnd_nested_fix_patch_1');
-  const isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && isPreRelease1();
+  const isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && editorExperiment('advanced_layouts', true);
   if (isFirstTableRow) {
     return false;
   }
@@ -63,7 +62,7 @@ export const nodeDecorations = (newState, from, to) => {
   const decs = [];
   const docFrom = from === undefined || from < 0 ? 0 : from;
   const docTo = to === undefined || to > newState.doc.nodeSize - 2 ? newState.doc.nodeSize - 2 : to;
-  const ignore_nodes = isPreRelease2() ? IGNORE_NODES_NEXT : IGNORE_NODES;
+  const ignore_nodes = editorExperiment('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
   newState.doc.nodesBetween(docFrom, docTo, (node, pos, parent, index) => {
     let depth = 0;
     let anchorName;

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

@@ -10,7 +10,6 @@ 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 { getNestedDepth, TYPE_DROP_TARGET_DEC, unmountDecorations } from './decorations-common';
-import { isPreRelease2 } from './utils/advanced-layouts-flags';
 import { maxLayoutColumnSupported } from './utils/consts';
 import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
 import { canMoveNodeToIndex, isInSameLayout } from './utils/validation';
@@ -175,7 +174,7 @@ export const dropTargetDecorations = (newState, api, formatMessage, nodeViewPort
     popNodeStack(depth);
     prevNodeStack.push(node);
   };
-  const isAdvancedLayoutsPreRelease2 = isPreRelease2();
+  const isAdvancedLayoutsPreRelease2 = editorExperiment('advanced_layouts', true);
   newState.doc.nodesBetween(docFrom, docTo, (node, pos, parent, index) => {
     let depth = 0;
     // drop target deco at the end position

package/dist/es2019/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';
 const isEmptyNestedParagraphOrHeading = target => {
   if (target instanceof HTMLHeadingElement || target instanceof HTMLParagraphElement) {
     var _target$parentElement;
@@ -51,7 +50,7 @@ export const 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;
@@ -95,7 +94,7 @@ export const handleMouseOver = (view, event, api) => {
       pos = view.posAtDOM(rootElement, 0);
     }
     const 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/es2019/pm-plugins/main.js

@@ -17,7 +17,6 @@ import { dropTargetDecorations, findDropTargetDecs } from './decorations-drop-ta
 import { handleMouseOver } from './handle-mouse-over';
 import { boundKeydownHandler } from './keymap';
 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';
@@ -479,7 +478,7 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
           return false;
         },
         dragenter(_view, event) {
-          if (isPreRelease2()) {
+          if (editorExperiment('advanced_layouts', true)) {
             if (isHTMLElement(event.target)) {
               const closestParentElement = event.target.closest('[data-drag-handler-anchor-depth="0"]');
               if (closestParentElement) {
@@ -493,7 +492,7 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
         },
         dragstart(view) {
           var _anchorRectCache;
-          if (isPreRelease2()) {
+          if (editorExperiment('advanced_layouts', true)) {
             defaultActiveAnchorTracker.reset();
           }
           (_anchorRectCache = anchorRectCache) === null || _anchorRectCache === void 0 ? void 0 : _anchorRectCache.setEditorView(view);

package/dist/es2019/pm-plugins/utils/active-anchor-tracker.js

@@ -1,7 +1,7 @@
 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 class ActiveAnchorTracker {
   constructor() {
     _defineProperty(this, "lastActiveAnchor", '');
@@ -44,7 +44,7 @@ export const useActiveAnchorTracker = (anchorName, activeAnchorTracker = default
     setIsActive(eventIsActive);
   };
   useEffect(() => {
-    if (activeAnchorTracker && anchorName && isPreRelease2()) {
+    if (activeAnchorTracker && anchorName && editorExperiment('advanced_layouts', true)) {
       activeAnchorTracker.subscribe(anchorName, onActive);
       const unsubscribe = () => {
         activeAnchorTracker.unsubscribe(anchorName, onActive);

package/dist/es2019/pm-plugins/utils/consts.js

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

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

@@ -1,5 +1,5 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-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 const shouldAllowInlineDropTarget = (isNested, node,
@@ -7,17 +7,17 @@ export const shouldAllowInlineDropTarget = (isNested, node,
  * Is the active node in the same layout as the target node
  */
 isSameLayout = false, activeNode) => {
-  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/es2019/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 './advanced-layouts-flags';
 export const isInsideTable = nodeType => {
   const {
     tableCell,
@@ -75,7 +74,7 @@ export function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, destNod
   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') {
+  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/es2019/ui/consts.js

@@ -1,5 +1,5 @@
 import { akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 export const DRAG_HANDLE_HEIGHT = 24;
 export const DRAG_HANDLE_WIDTH = 12;
 export const DRAG_HANDLE_BORDER_RADIUS = 4;
@@ -18,7 +18,7 @@ export const 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)) {
@@ -46,7 +46,7 @@ export const getNestedNodeLeftPaddingMargin = nodeType => {
   }
 };
 export const 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/es2019/ui/drag-handle.js

@@ -19,7 +19,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { key } from '../pm-plugins/main';
 import { getNestedNodePosition, selectNode } from '../pm-plugins/utils';
-import { isPreRelease2 } from '../pm-plugins/utils/advanced-layouts-flags';
 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';
@@ -130,7 +129,7 @@ export const DragHandle = ({
   // but ensures the preview is generated correctly.
   const handleMouseDown = useCallback(() => {
     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 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
@@ -145,7 +144,7 @@ export const DragHandle = ({
         return tr;
       }
       let selection;
-      if (isLayoutColumn && isPreRelease2()) {
+      if (isLayoutColumn && editorExperiment('advanced_layouts', true)) {
         selection = new NodeSelection(tr.doc.resolve(startPos));
       } else {
         const $startPos = tr.doc.resolve(startPos + node.nodeSize);
@@ -278,8 +277,8 @@ export const DragHandle = ({
     const isEdgeCase = (hasResizer || isExtension || isEmbedCard || isBlockCard) && innerContainer;
     if (supportsAnchor) {
       return {
-        left: isEdgeCase ? `calc(anchor(${anchorName} start) + ${getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType)})` : isPreRelease2() && isLayoutColumn ? `calc((anchor(${anchorName} right) + anchor(${anchorName} left))/2 - ${DRAG_HANDLE_HEIGHT / 2}px)` : `calc(anchor(${anchorName} start) - ${DRAG_HANDLE_WIDTH}px - ${dragHandleGap(nodeType, parentNodeType)}px)`,
-        top: isPreRelease2() && isLayoutColumn ? `calc(anchor(${anchorName} top) - ${DRAG_HANDLE_WIDTH}px)` : fg('platform_editor_elements_dnd_ed_23674') ? `calc(anchor(${anchorName} start) + ${topPositionAdjustment(nodeType)}px)` : anchorName.includes('table') ? `calc(anchor(${anchorName} start) + ${DRAG_HANDLE_HEIGHT}px)` : `anchor(${anchorName} start)`
+        left: isEdgeCase ? `calc(anchor(${anchorName} start) + ${getLeftPosition(dom, nodeType, innerContainer, isMacroInteractionUpdates, parentNodeType)})` : editorExperiment('advanced_layouts', true) && isLayoutColumn ? `calc((anchor(${anchorName} right) + anchor(${anchorName} left))/2 - ${DRAG_HANDLE_HEIGHT / 2}px)` : `calc(anchor(${anchorName} start) - ${DRAG_HANDLE_WIDTH}px - ${dragHandleGap(nodeType, parentNodeType)}px)`,
+        top: editorExperiment('advanced_layouts', true) && isLayoutColumn ? `calc(anchor(${anchorName} top) - ${DRAG_HANDLE_WIDTH}px)` : fg('platform_editor_elements_dnd_ed_23674') ? `calc(anchor(${anchorName} start) + ${topPositionAdjustment(nodeType)}px)` : anchorName.includes('table') ? `calc(anchor(${anchorName} start) + ${DRAG_HANDLE_HEIGHT}px)` : `anchor(${anchorName} start)`
       };
     }
     return {
@@ -398,7 +397,7 @@ export const DragHandle = ({
   // 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/es2019/ui/drop-target-v2.js

@@ -14,7 +14,6 @@ import { layers } from '@atlaskit/theme/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNodeAnchor } from '../pm-plugins/decorations-common';
 import { useActiveAnchorTracker } from '../pm-plugins/utils/active-anchor-tracker';
-import { isPreRelease2 } from '../pm-plugins/utils/advanced-layouts-flags';
 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';
@@ -85,7 +84,7 @@ const HoverZone = ({
       return dropTargetForElements({
         element: ref.current,
         onDragEnter: () => {
-          if (!isNestedDropTarget && isPreRelease2()) {
+          if (!isNestedDropTarget && editorExperiment('advanced_layouts', true)) {
             setActiveAnchor();
           }
           onDragEnter();

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

@@ -12,9 +12,9 @@ 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 '../pm-plugins/utils/active-anchor-tracker';
-import { showResponsiveLayout } from '../pm-plugins/utils/advanced-layouts-flags';
 import { isAnchorSupported } from '../pm-plugins/utils/anchor-utils';
 import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
 const hoverZoneCommonStyle = css({
@@ -72,7 +72,6 @@ export const InlineDropTarget = ({
   }, [nextNode]);
   const [isActiveAnchor] = useActiveAnchorTracker(anchorName);
   const isLeftPosition = position === 'left';
-  const shouldShowResponsiveLayout = showResponsiveLayout();
   const nodeDimension = useMemo(() => {
     if (!nextNode) {
       return defaultNodeDimension;
@@ -113,7 +112,7 @@ export const InlineDropTarget = ({
 
     // Set the height target anchor name to the first or last column of the layout section so that it also works for stacked layout
     let 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()) {
@@ -146,7 +145,7 @@ export const InlineDropTarget = ({
       };
     }
     return defaultNodeDimension;
-  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition, shouldShowResponsiveLayout]);
+  }, [anchorName, anchorRectCache, nextNode, position, isLeftPosition]);
   const onDrop = useCallback(() => {
     var _api$blockControls;
     const {
@@ -167,8 +166,8 @@ export const InlineDropTarget = ({
     }
   }, [api, getPos, position]);
   const inlineHoverZoneRectStyle = useMemo(() => {
-    const isLayoutNode = (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
-    const layoutAdjustment = isLayoutNode && shouldShowResponsiveLayout ? {
+    const isLayoutNode = editorExperiment('advanced_layouts', true) && (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'layoutSection';
+    const layoutAdjustment = isLayoutNode ? {
       width: 11,
       height: 4,
       top: 6,
@@ -182,11 +181,11 @@ export const InlineDropTarget = ({
       top: `calc(anchor(top))`,
       width: nodeDimension.widthOffset ? `calc((100% - ${nodeDimension.width})/2 - ${GAP}px + ${nodeDimension.widthOffset} - ${(layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.width) || 0}px)` : `calc((100% - ${nodeDimension.width})/2 - ${GAP}px - ${(layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.width) || 0}px)`,
       height: `calc(${nodeDimension.height} + ${(layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.height) || 0}px)`
-    }, isLayoutNode && shouldShowResponsiveLayout && {
+    }, isLayoutNode && {
       top: isLeftPosition ? `calc(${nodeDimension.top} + ${(layoutAdjustment === null || layoutAdjustment === void 0 ? void 0 : layoutAdjustment.top) || 0}px)` : 'unset',
       bottom: isLeftPosition ? 'unset' : `calc(${nodeDimension.bottom} - ${(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]);
   const dropIndicatorPos = useMemo(() => {
     return isLeftPosition ? 'right' : 'left';
   }, [isLeftPosition]);

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

@@ -3,7 +3,6 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNestedDepth, getNodeAnchor, TYPE_NODE_DEC } from './decorations-common';
-import { isPreRelease1, isPreRelease2 } from './utils/advanced-layouts-flags';
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 var IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
 var IGNORE_NODE_DESCENDANTS = ['listItem', 'taskList', 'decisionList', 'mediaSingle'];
@@ -16,7 +15,7 @@ export var shouldDescendIntoNode = function shouldDescendIntoNode(node) {
       return false;
     }
   }
-  if (isPreRelease1()) {
+  if (editorExperiment('advanced_layouts', true)) {
     return !IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT.includes(node.type.name);
   }
   return !IGNORE_NODE_DESCENDANTS.includes(node.type.name);
@@ -26,7 +25,7 @@ var shouldIgnoreNode = function shouldIgnoreNode(node, ignore_nodes, depth, pare
 
   // TODO use isWrappedMedia when clean up the feature flag
   var isMediaSingle = 'mediaSingle' === node.type.name && fg('platform_editor_element_dnd_nested_fix_patch_1');
-  var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && isPreRelease1();
+  var isFirstTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'table' && depth === 1 && node === parent.firstChild && 'tableRow' === node.type.name && editorExperiment('advanced_layouts', true);
   if (isFirstTableRow) {
     return false;
   }
@@ -66,7 +65,7 @@ export var nodeDecorations = function nodeDecorations(newState, from, to) {
   var decs = [];
   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 = isPreRelease2() ? IGNORE_NODES_NEXT : IGNORE_NODES;
+  var ignore_nodes = editorExperiment('advanced_layouts', true) ? IGNORE_NODES_NEXT : IGNORE_NODES;
   newState.doc.nodesBetween(docFrom, docTo, function (node, pos, parent, index) {
     var _Decoration$node;
     var depth = 0;

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

@@ -13,7 +13,6 @@ 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 { getNestedDepth, TYPE_DROP_TARGET_DEC, unmountDecorations } from './decorations-common';
-import { isPreRelease2 } from './utils/advanced-layouts-flags';
 import { maxLayoutColumnSupported } from './utils/consts';
 import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
 import { canMoveNodeToIndex, isInSameLayout } from './utils/validation';
@@ -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/main.js

@@ -18,7 +18,6 @@ import { dropTargetDecorations, findDropTargetDecs } from './decorations-drop-ta
 import { handleMouseOver } from './handle-mouse-over';
 import { boundKeydownHandler } from './keymap';
 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';
@@ -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/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/pm-plugins/utils/consts.js

@@ -1,4 +1,4 @@
-import { isPreRelease2 } from './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/pm-plugins/utils/inline-drop-target.js

@@ -1,21 +1,21 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-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/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 './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

@@ -21,7 +21,6 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
 import { key } from '../pm-plugins/main';
 import { getNestedNodePosition, selectNode } from '../pm-plugins/utils';
-import { isPreRelease2 } from '../pm-plugins/utils/advanced-layouts-flags';
 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';
@@ -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-v2.js

@@ -16,7 +16,6 @@ import { layers } from '@atlaskit/theme/constants';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getNodeAnchor } from '../pm-plugins/decorations-common';
 import { useActiveAnchorTracker } from '../pm-plugins/utils/active-anchor-tracker';
-import { isPreRelease2 } from '../pm-plugins/utils/advanced-layouts-flags';
 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';
@@ -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/inline-drop-target.js

@@ -13,9 +13,9 @@ 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 '../pm-plugins/utils/active-anchor-tracker';
-import { showResponsiveLayout } from '../pm-plugins/utils/advanced-layouts-flags';
 import { isAnchorSupported } from '../pm-plugins/utils/anchor-utils';
 import { isBlocksDragTargetDebug } from '../pm-plugins/utils/drag-target-debug';
 var hoverZoneCommonStyle = css({
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "2.13.29",
+	"version": "2.13.30",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -157,18 +157,9 @@
 		"platform_editor_drag_and_drop_target_v2": {
 			"type": "boolean"
 		},
-		"platform_editor_advanced_layouts_pre_release_1": {
-			"type": "boolean"
-		},
-		"platform_editor_advanced_layouts_pre_release_2": {
-			"type": "boolean"
-		},
 		"platform_editor_advanced_layouts_redraw_on_drag": {
 			"type": "boolean"
 		},
-		"platform_editor_advanced_layouts_breakout_resizing": {
-			"type": "boolean"
-		},
 		"platform_editor_react18_plugin_portalprovider": {
 			"type": "boolean"
 		}

package/dist/cjs/pm-plugins/utils/advanced-layouts-flags.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.showResponsiveLayout = exports.isPreRelease2 = exports.isPreRelease1 = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-// When we turn on re-release 2, will also turn on pre-release 1
-// but not vice-versa
-var isPreRelease1 = exports.isPreRelease1 = function isPreRelease1() {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_pre_release_1') || (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_pre_release_2');
-};
-var isPreRelease2 = exports.isPreRelease2 = function isPreRelease2() {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_pre_release_2');
-};
-var showResponsiveLayout = exports.showResponsiveLayout = function showResponsiveLayout() {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_breakout_resizing');
-};

package/dist/es2019/pm-plugins/utils/advanced-layouts-flags.js

@@ -1,14 +0,0 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-
-// When we turn on re-release 2, will also turn on pre-release 1
-// but not vice-versa
-export const isPreRelease1 = () => {
-  return editorExperiment('advanced_layouts', true) || fg('platform_editor_advanced_layouts_pre_release_1') || fg('platform_editor_advanced_layouts_pre_release_2');
-};
-export const isPreRelease2 = () => {
-  return editorExperiment('advanced_layouts', true) || fg('platform_editor_advanced_layouts_pre_release_2');
-};
-export const showResponsiveLayout = () => {
-  return editorExperiment('advanced_layouts', true) && fg('platform_editor_advanced_layouts_breakout_resizing');
-};

package/dist/esm/pm-plugins/utils/advanced-layouts-flags.js

@@ -1,14 +0,0 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-
-// When we turn on re-release 2, will also turn on pre-release 1
-// but not vice-versa
-export var isPreRelease1 = function isPreRelease1() {
-  return editorExperiment('advanced_layouts', true) || fg('platform_editor_advanced_layouts_pre_release_1') || fg('platform_editor_advanced_layouts_pre_release_2');
-};
-export var isPreRelease2 = function isPreRelease2() {
-  return editorExperiment('advanced_layouts', true) || fg('platform_editor_advanced_layouts_pre_release_2');
-};
-export var showResponsiveLayout = function showResponsiveLayout() {
-  return editorExperiment('advanced_layouts', true) && fg('platform_editor_advanced_layouts_breakout_resizing');
-};

package/dist/types/pm-plugins/utils/advanced-layouts-flags.d.ts

@@ -1,3 +0,0 @@
-export declare const isPreRelease1: () => boolean;
-export declare const isPreRelease2: () => boolean;
-export declare const showResponsiveLayout: () => boolean;

package/dist/types-ts4.5/pm-plugins/utils/advanced-layouts-flags.d.ts

@@ -1,3 +0,0 @@
-export declare const isPreRelease1: () => boolean;
-export declare const isPreRelease2: () => boolean;
-export declare const showResponsiveLayout: () => boolean;