@atlaskit/editor-plugin-block-controls 3.3.11 → 3.3.13

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 3.3.13
+
+### Patch Changes
+
+- [#126772](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126772)
+  [`c64847bdf13d4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c64847bdf13d4) -
+  [ED-27001] This change is cleaning up the feature gate for a drag and drop bugfix to update the
+  drag preview for extensions with iFrames.
+- Updated dependencies
+
+## 3.3.12
+
+### Patch Changes
+
+- [#126796](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126796)
+  [`5ca66e248d850`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ca66e248d850) -
+  Change experiment exposure point
+
 ## 3.3.11
 
 ### Patch Changes

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

@@ -347,9 +347,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
       var sliceTo;
       var mappedTo;
       var sourceNodeTypes, hasSelectedMultipleNodes;
-      var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
-        exposure: true
-      });
+      var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
       if ((0, _platformFeatureFlags.fg)('platform_editor_ease_of_use_metrics')) {
         var _api$metrics;
         api === null || api === void 0 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.setContentMoved()({

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

@@ -15,7 +15,6 @@ var _checkFragment = require("../pm-plugins/utils/check-fragment");
 var _consts = require("../pm-plugins/utils/consts");
 var _removeFromSource = require("../pm-plugins/utils/remove-from-source");
 var _selection = require("../pm-plugins/utils/selection");
-var _updateColumnWidths = require("../pm-plugins/utils/update-column-widths");
 var _validation = require("../pm-plugins/utils/validation");
 var _consts2 = require("../ui/consts");
 var createNewLayout = function createNewLayout(schema, layoutContents) {
@@ -70,20 +69,14 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
     tr.delete(from, sourceContentEndPos);
     var mappedTo = tr.mapping.map(to);
     tr.insert(mappedTo, sourceContent);
-    if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1') || selectMovedNode) {
+    if (selectMovedNode) {
       tr.setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
     }
     (0, _analytics2.attachMoveNodeAnalytics)(tr, _analytics.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, ((_$originalFrom$nodeAf = $originalFrom.nodeAfter) === null || _$originalFrom$nodeAf === void 0 ? void 0 : _$originalFrom$nodeAf.type.name) || '', 1, 'layoutSection', true, api, sourceNodeTypes, hasSelectedMultipleNodes);
   } else if (toLayout.childCount < (0, _consts.maxLayoutColumnSupported)()) {
     var _$originalFrom$nodeAf2;
-    if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(from), sourceContentEndPos);
-      insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
-    } else {
-      insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos);
-      var mappedFrom = tr.mapping.map(from);
-      (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(mappedFrom), tr.mapping.map(sourceContentEndPos));
-    }
+    (0, _removeFromSource.removeFromSource)(tr, tr.doc.resolve(from), sourceContentEndPos);
+    insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
     (0, _analytics2.attachMoveNodeAnalytics)(tr, _analytics.INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, ((_$originalFrom$nodeAf2 = $originalFrom.nodeAfter) === null || _$originalFrom$nodeAf2 === void 0 ? void 0 : _$originalFrom$nodeAf2.type.name) || '', 1, 'layoutSection', false, api, sourceNodeTypes, hasSelectedMultipleNodes);
   }
   return tr;
@@ -128,40 +121,6 @@ var insertToDestinationNoWidthUpdate = function insertToDestinationNoWidthUpdate
   }
   return tr;
 };
-var insertToDestination = function insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos) {
-  var _ref3 = (0, _updateColumnWidths.updateColumnWidths)(tr, toLayout, toLayoutPos, toLayout.childCount + 1) || {},
-    newColumnWidth = _ref3.newColumnWidth;
-  var _ref4 = tr.doc.type.schema.nodes || {},
-    layoutColumn = _ref4.layoutColumn;
-  var content = null;
-  try {
-    if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
-      if (sourceContent instanceof _model.Fragment) {
-        var _sourceContent$firstC;
-        content = layoutColumn.createChecked({
-          width: newColumnWidth
-        }, (0, _checkFragment.isFragmentOfType)(sourceContent, 'layoutColumn') ? (_sourceContent$firstC = sourceContent.firstChild) === null || _sourceContent$firstC === void 0 ? void 0 : _sourceContent$firstC.content : sourceContent);
-      }
-    } else {
-      if (sourceContent instanceof _model.Node) {
-        content = layoutColumn.createChecked({
-          width: newColumnWidth
-        }, sourceContent.type.name === 'layoutColumn' ? sourceContent.content : sourceContent);
-      }
-    }
-  } catch (error) {
-    (0, _monitoring.logException)(error, {
-      location: 'editor-plugin-block-controls/move-to-layout'
-    });
-  }
-  if (content) {
-    tr.insert(to, content);
-  }
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-    tr.setSelection(new _state.NodeSelection(tr.doc.resolve(to))).scrollIntoView();
-  }
-  return tr;
-};
 
 /**
  * Check if the node at `from` can be moved to node at `to` to create/expand a layout.
@@ -171,10 +130,10 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
   if (from === to) {
     return;
   }
-  var _ref5 = tr.doc.type.schema.nodes || {},
-    layoutSection = _ref5.layoutSection,
-    layoutColumn = _ref5.layoutColumn,
-    doc = _ref5.doc;
+  var _ref3 = tr.doc.type.schema.nodes || {},
+    layoutSection = _ref3.layoutSection,
+    layoutColumn = _ref3.layoutColumn,
+    doc = _ref3.doc;
 
   // layout plugin does not exist
   if (!layoutSection || !layoutColumn) {
@@ -187,9 +146,7 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
     return;
   }
   var $from = tr.doc.resolve(from);
-  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
 
   // invalid from position or dragging a layout
   if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
@@ -226,8 +183,8 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
 };
 var removeBreakoutMarks = function removeBreakoutMarks(tr, $from, to) {
   var fromContentWithoutBreakout = $from.nodeAfter;
-  var _ref6 = tr.doc.type.schema.marks || {},
-    breakout = _ref6.breakout;
+  var _ref4 = tr.doc.type.schema.marks || {},
+    breakout = _ref4.breakout;
   if ((0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true)) {
     tr.doc.nodesBetween($from.pos, to, function (node, pos, parent) {
       // breakout doesn't exist on nested nodes
@@ -290,8 +247,8 @@ var getBreakoutMode = function getBreakoutMode(content, breakout) {
 // source content variable that has type of `PMNode | Fragment` should be updated to `Fragment` only
 var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
   return function (from, to, options) {
-    return function (_ref7) {
-      var tr = _ref7.tr;
+    return function (_ref5) {
+      var tr = _ref5.tr;
       if (!api) {
         return tr;
       }
@@ -304,11 +261,11 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
         sourceContent = canMove.sourceContent,
         $sourceFrom = canMove.$sourceFrom,
         sourceTo = canMove.sourceTo;
-      var _ref8 = tr.doc.type.schema.nodes || {},
-        layoutSection = _ref8.layoutSection,
-        layoutColumn = _ref8.layoutColumn;
-      var _ref9 = tr.doc.type.schema.marks || {},
-        breakout = _ref9.breakout;
+      var _ref6 = tr.doc.type.schema.nodes || {},
+        layoutSection = _ref6.layoutSection,
+        layoutColumn = _ref6.layoutColumn;
+      var _ref7 = tr.doc.type.schema.marks || {},
+        breakout = _ref7.breakout;
 
       // get breakout mode from destination node,
       // if not found, get from source node,
@@ -366,9 +323,6 @@ var moveToLayout = exports.moveToLayout = function moveToLayout(api) {
           tr = (0, _removeFromSource.removeFromSource)(tr, $sourceFrom, sourceTo);
           var mappedTo = tr.mapping.map(to);
           tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout);
-          if (!(0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-            tr.setSelection(new _state.NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
-          }
           breakoutMode && tr.setNodeMarkup(mappedTo, newLayout.type, newLayout.attrs, [breakout.create({
             mode: breakoutMode
           })]);

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

@@ -149,9 +149,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
   var activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
   var $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
   var activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
-  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
   anchorRectCache === null || anchorRectCache === void 0 || anchorRectCache.clear();
   var prevNodeStack = [];
   var popNodeStack = function popNodeStack(depth) {

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

@@ -46,7 +46,7 @@ var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, e
     }
     var parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest('[data-drag-handler-anchor-name]');
     var parentElementType = parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
-    if ((0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
+    if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
       // We want to exclude handles from showing for direct descendant of table nodes (i.e. nodes in cells)
       if (parentElement && (parentElementType === 'table' || parentElementType === 'tableRow') && (0, _experiments.editorExperiment)('nested-dnd', true)) {
         rootElement = parentElement;

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

@@ -580,7 +580,9 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
   var isAdvancedLayoutEnabled = (0, _experiments.editorExperiment)('advanced_layouts', true, {
     exposure: true
   });
-  var isMultiSelectEnabled = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
+  var isMultiSelectEnabled = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
   var flags = {
     isNestedEnabled: isNestedEnabled,
     isMultiSelectEnabled: isMultiSelectEnabled
@@ -640,7 +642,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
           // Currently we can only drag one node at a time
           // so we only need to check first child
           var draggable = dragging === null || dragging === void 0 ? void 0 : dragging.slice.content.firstChild;
-          if (dndDragCancelled && isMultiSelectEnabled || (draggable === null || draggable === void 0 ? void 0 : draggable.type.name) === 'layoutColumn' && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
+          if (dndDragCancelled && isMultiSelectEnabled || (draggable === null || draggable === void 0 ? void 0 : draggable.type.name) === 'layoutColumn') {
             // we prevent native DnD for layoutColumn to prevent single column layout.
             event.preventDefault();
             return false;

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

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTopPosition = exports.getLeftPosition = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _consts = require("../../ui/consts");
 var getTopPosition = exports.getTopPosition = function getTopPosition(dom, type) {
   if (!dom) {
     return 'auto';
   }
   var table = dom.querySelector('table');
-  var isTable = (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1') ? table && (!type || type === 'table') : table;
+  var isTable = table && (!type || type === 'table');
   if (isTable) {
     return "".concat(dom.offsetTop + ((table === null || table === void 0 ? void 0 : table.offsetTop) || 0), "px");
   } else if (type === 'rule') {
     return "".concat(dom.offsetTop - _consts.DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, "px");
   } else if (type === 'layoutColumn') {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      return "".concat(-dom.offsetTop / 2, "px");
-    } else {
-      return "".concat(-_consts.DRAG_HANDLE_WIDTH, "px");
-    }
+    return "".concat(-dom.offsetTop / 2, "px");
   } else if (type === 'heading-1') {
     return "".concat(dom.offsetTop + _consts.DRAG_HANDLE_H1_TOP_ADJUSTMENT, "px");
   } else if (type === 'heading-2') {

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

@@ -164,9 +164,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
   var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
   var isShiftDown = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isShiftDown');
   var isLayoutColumn = nodeType === 'layoutColumn';
-  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
   (0, _react.useEffect)(function () {
     // blockCard/datasource width is rendered correctly after this decoraton does. We need to observe for changes.
     if (nodeType === 'blockCard') {
@@ -241,11 +239,9 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
   // but ensures the preview is generated correctly.
   var handleMouseDown = (0, _react.useCallback)(function () {
     if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
+      var _buttonRef$current;
       // prevent native drag and drop.
-      if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        var _buttonRef$current;
-        (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 || _buttonRef$current.focus();
-      }
+      (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 || _buttonRef$current.focus();
       if (!isLayoutColumn) {
         return undefined;
       }

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

@@ -7,31 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.dragPreview = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _browser = require("@atlaskit/editor-common/browser");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-var previewStyleNew = {
+var previewStyle = {
   borderColor: "var(--ds-border, ".concat(_colors.N30, ")"),
   borderStyle: 'solid',
   borderRadius: "var(--ds-border-radius-100, 3px)",
   borderWidth: "var(--ds-border-width-outline, 2px)",
   backgroundColor: "var(--ds-skeleton-subtle, ".concat(_colors.N20, ")")
 };
-var previewStyleOld = {
-  borderColor: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
-  borderStyle: 'solid',
-  borderRadius: "var(--ds-border-radius-100, 3px)",
-  borderWidth: "var(--ds-border-width-outline, 2px)",
-  backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
-};
 var getPreviewContainerDimensionsForSingle = function getPreviewContainerDimensionsForSingle(dom, nodeType) {
   var nodeContainer = dom;
-  if ((0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189')) {
-    var iframeContainer = dom.querySelector('iframe');
-    if (nodeType === 'embedCard') {
-      nodeContainer = dom.querySelector('.rich-media-item') || dom;
-    } else if (nodeType === 'extension' && iframeContainer) {
-      nodeContainer = iframeContainer;
-    }
+  var iframeContainer = dom.querySelector('iframe');
+  if (nodeType === 'embedCard') {
+    nodeContainer = dom.querySelector('.rich-media-item') || dom;
+  } else if (nodeType === 'extension' && iframeContainer) {
+    nodeContainer = iframeContainer;
   }
   var nodeContainerRect = nodeContainer.getBoundingClientRect();
   return {
@@ -61,7 +51,6 @@ var createGenericPreview = function createGenericPreview() {
   var generalPreview = document.createElement('div');
   // ProseMirror class is required to make sure the cloned dom is styled correctly
   generalPreview.classList.add('ProseMirror', 'block-ctrl-drag-preview');
-  var previewStyle = (0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189') ? previewStyleNew : previewStyleOld;
   generalPreview.style.border = "".concat(previewStyle.borderWidth, " ").concat(previewStyle.borderStyle, " ").concat(previewStyle.borderColor);
   generalPreview.style.borderRadius = previewStyle.borderRadius;
   generalPreview.style.backgroundColor = previewStyle.backgroundColor;
@@ -85,13 +74,13 @@ var createContentPreviewElement = function createContentPreviewElement(dom, node
   clonedDom.style.marginRight = '0';
   clonedDom.style.marginBottom = nodeSpacing ? "".concat(nodeSpacing.bottom) : '0';
   clonedDom.style.boxShadow = 'none';
-  clonedDom.style.opacity = _browser.browser.windows ? '1' : (0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+  clonedDom.style.opacity = _browser.browser.windows ? '1' : '0.31';
   contentPreviewOneElement.appendChild(clonedDom);
   return contentPreviewOneElement;
 };
 var isGenericPreview = function isGenericPreview(dom, nodeType) {
   var embedCard = dom.querySelector('.embedCardView-content-wrap');
-  return (0, _platformFeatureFlags.fg)('platform_editor_elements_drag_and_drop_ed_23189') ? nodeType === 'embedCard' || !!embedCard || nodeType === 'extension' && !!dom.querySelector('iframe') : nodeType === 'embedCard' || !!embedCard || nodeType === 'extension';
+  return nodeType === 'embedCard' || !!embedCard || nodeType === 'extension' && !!dom.querySelector('iframe');
 };
 var createPreviewForElement = function createPreviewForElement(dom, nodeType, nodeSpacing) {
   var shouldBeGenericPreview = isGenericPreview(dom, nodeType);

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

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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");
@@ -81,7 +80,7 @@ var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(prop
     var to = getPos();
     var mappedTo;
     if (to !== undefined) {
-      var _api$core;
+      var _api$core, _api$core2;
       var from = activeNode.pos;
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref2) {
         var _api$blockControls2;
@@ -89,22 +88,17 @@ var DropTargetLayout = exports.DropTargetLayout = function DropTargetLayout(prop
         api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 || _api$blockControls2.moveToLayout(from, to)({
           tr: tr
         });
-        if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-          var insertColumnStep = (0, _updateSelection.getInsertLayoutStep)(tr);
-          mappedTo = insertColumnStep === null || insertColumnStep === void 0 ? void 0 : insertColumnStep.from;
+        var insertColumnStep = (0, _updateSelection.getInsertLayoutStep)(tr);
+        mappedTo = insertColumnStep === null || insertColumnStep === void 0 ? void 0 : insertColumnStep.from;
+        return tr;
+      });
+      api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref3) {
+        var tr = _ref3.tr;
+        if (mappedTo !== undefined) {
+          (0, _updateSelection.updateSelection)(tr, mappedTo);
         }
         return tr;
       });
-      if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        var _api$core2;
-        api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
-          if (mappedTo !== undefined) {
-            (0, _updateSelection.updateSelection)(tr, mappedTo);
-          }
-          return tr;
-        });
-      }
     }
   }, [api, getPos, activeNode]);
   (0, _react.useEffect)(function () {

package/dist/cjs/ui/global-styles.js

@@ -8,7 +8,6 @@ exports.GlobalStylesWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _consts = require("./consts");
 /**
@@ -216,6 +215,6 @@ var blockCardWithoutLayout = (0, _react.css)({
 });
 var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper() {
   return (0, _react.jsx)(_react.Global, {
-    styles: [globalStyles(), (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1') && globalDnDStyle, (0, _experiments.editorExperiment)('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, (0, _experiments.editorExperiment)('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, (0, _experiments.editorExperiment)('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
+    styles: [globalStyles(), globalDnDStyle, (0, _experiments.editorExperiment)('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, (0, _experiments.editorExperiment)('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, (0, _experiments.editorExperiment)('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
   });
 };

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

@@ -10,7 +10,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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");
@@ -191,7 +190,7 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
     var toPos = getPos();
     var mappedTo;
     if (activeNode && toPos !== undefined) {
-      var _api$core;
+      var _api$core, _api$core2;
       var start = activeNode.pos;
       var moveToEnd = position === 'right';
       api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref3) {
@@ -202,22 +201,17 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
         })({
           tr: tr
         });
-        if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-          var insertLayoutStep = (0, _updateSelection.getInsertLayoutStep)(tr);
-          mappedTo = insertLayoutStep === null || insertLayoutStep === void 0 ? void 0 : insertLayoutStep.from;
+        var insertLayoutStep = (0, _updateSelection.getInsertLayoutStep)(tr);
+        mappedTo = insertLayoutStep === null || insertLayoutStep === void 0 ? void 0 : insertLayoutStep.from;
+        return tr;
+      });
+      api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref4) {
+        var tr = _ref4.tr;
+        if (mappedTo !== undefined) {
+          (0, _updateSelection.updateSelection)(tr, mappedTo, moveToEnd);
         }
         return tr;
       });
-      if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        var _api$core2;
-        api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref4) {
-          var tr = _ref4.tr;
-          if (mappedTo !== undefined) {
-            (0, _updateSelection.updateSelection)(tr, mappedTo, moveToEnd);
-          }
-          return tr;
-        });
-      }
     }
   }, [api, getPos, position]);
   var hoverZoneRectStyle = (0, _react.useMemo)(function () {

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

@@ -348,9 +348,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
   let sliceTo;
   let mappedTo;
   let sourceNodeTypes, hasSelectedMultipleNodes;
-  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
   if (fg('platform_editor_ease_of_use_metrics')) {
     var _api$metrics;
     api === null || api === void 0 ? void 0 : (_api$metrics = api.metrics) === null || _api$metrics === void 0 ? void 0 : _api$metrics.commands.setContentMoved()({

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

@@ -4,12 +4,11 @@ import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { fireInsertLayoutAnalytics, attachMoveNodeAnalytics, getMultiSelectAnalyticsAttributes } from '../pm-plugins/utils/analytics';
-import { isFragmentOfType, containsNodeOfType } from '../pm-plugins/utils/check-fragment';
+import { attachMoveNodeAnalytics, fireInsertLayoutAnalytics, getMultiSelectAnalyticsAttributes } from '../pm-plugins/utils/analytics';
+import { containsNodeOfType, isFragmentOfType } from '../pm-plugins/utils/check-fragment';
 import { maxLayoutColumnSupported } from '../pm-plugins/utils/consts';
 import { removeFromSource } from '../pm-plugins/utils/remove-from-source';
 import { getMultiSelectionIfPosInside } from '../pm-plugins/utils/selection';
-import { updateColumnWidths } from '../pm-plugins/utils/update-column-widths';
 import { isInSameLayout } from '../pm-plugins/utils/validation';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
 const createNewLayout = (schema, layoutContents) => {
@@ -65,20 +64,14 @@ const moveToExistingLayout = (toLayout, toLayoutPos, sourceContent, from, to, tr
     tr.delete(from, sourceContentEndPos);
     const mappedTo = tr.mapping.map(to);
     tr.insert(mappedTo, sourceContent);
-    if (!fg('platform_editor_advanced_layouts_post_fix_patch_1') || selectMovedNode) {
+    if (selectMovedNode) {
       tr.setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
     }
     attachMoveNodeAnalytics(tr, INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, ((_$originalFrom$nodeAf = $originalFrom.nodeAfter) === null || _$originalFrom$nodeAf === void 0 ? void 0 : _$originalFrom$nodeAf.type.name) || '', 1, 'layoutSection', true, api, sourceNodeTypes, hasSelectedMultipleNodes);
   } else if (toLayout.childCount < maxLayoutColumnSupported()) {
     var _$originalFrom$nodeAf2;
-    if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      removeFromSource(tr, tr.doc.resolve(from), sourceContentEndPos);
-      insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
-    } else {
-      insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos);
-      const mappedFrom = tr.mapping.map(from);
-      removeFromSource(tr, tr.doc.resolve(mappedFrom), tr.mapping.map(sourceContentEndPos));
-    }
+    removeFromSource(tr, tr.doc.resolve(from), sourceContentEndPos);
+    insertToDestinationNoWidthUpdate(tr, tr.mapping.map(to), sourceContent);
     attachMoveNodeAnalytics(tr, INPUT_METHOD.DRAG_AND_DROP, $originalFrom.depth, ((_$originalFrom$nodeAf2 = $originalFrom.nodeAfter) === null || _$originalFrom$nodeAf2 === void 0 ? void 0 : _$originalFrom$nodeAf2.type.name) || '', 1, 'layoutSection', false, api, sourceNodeTypes, hasSelectedMultipleNodes);
   }
   return tr;
@@ -124,42 +117,6 @@ const insertToDestinationNoWidthUpdate = (tr, to, sourceContent) => {
   }
   return tr;
 };
-const insertToDestination = (tr, to, sourceContent, toLayout, toLayoutPos) => {
-  const {
-    newColumnWidth
-  } = updateColumnWidths(tr, toLayout, toLayoutPos, toLayout.childCount + 1) || {};
-  const {
-    layoutColumn
-  } = tr.doc.type.schema.nodes || {};
-  let content = null;
-  try {
-    if (editorExperiment('platform_editor_element_drag_and_drop_multiselect', true)) {
-      if (sourceContent instanceof Fragment) {
-        var _sourceContent$firstC;
-        content = layoutColumn.createChecked({
-          width: newColumnWidth
-        }, isFragmentOfType(sourceContent, 'layoutColumn') ? (_sourceContent$firstC = sourceContent.firstChild) === null || _sourceContent$firstC === void 0 ? void 0 : _sourceContent$firstC.content : sourceContent);
-      }
-    } else {
-      if (sourceContent instanceof PMNode) {
-        content = layoutColumn.createChecked({
-          width: newColumnWidth
-        }, sourceContent.type.name === 'layoutColumn' ? sourceContent.content : sourceContent);
-      }
-    }
-  } catch (error) {
-    logException(error, {
-      location: 'editor-plugin-block-controls/move-to-layout'
-    });
-  }
-  if (content) {
-    tr.insert(to, content);
-  }
-  if (!fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-    tr.setSelection(new NodeSelection(tr.doc.resolve(to))).scrollIntoView();
-  }
-  return tr;
-};
 
 /**
  * Check if the node at `from` can be moved to node at `to` to create/expand a layout.
@@ -186,9 +143,7 @@ const canMoveToLayout = (api, from, to, tr, moveNodeAtCursorPos) => {
     return;
   }
   const $from = tr.doc.resolve(from);
-  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
 
   // invalid from position or dragging a layout
   if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
@@ -358,9 +313,6 @@ export const moveToLayout = api => (from, to, options) => ({
       tr = removeFromSource(tr, $sourceFrom, sourceTo);
       const mappedTo = tr.mapping.map(to);
       tr.delete(mappedTo, mappedTo + toNodeWithoutBreakout.nodeSize).insert(mappedTo, newLayout);
-      if (!fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        tr.setSelection(new NodeSelection(tr.doc.resolve(mappedTo))).scrollIntoView();
-      }
       breakoutMode && tr.setNodeMarkup(mappedTo, newLayout.type, newLayout.attrs, [breakout.create({
         mode: breakoutMode
       })]);

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

@@ -136,9 +136,7 @@ export const dropTargetDecorations = (newState, api, formatMessage, nodeViewPort
   const activeNodePos = activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos;
   const $activeNodePos = typeof activeNodePos === 'number' && newState.doc.resolve(activeNodePos);
   const activePMNode = $activeNodePos && $activeNodePos.nodeAfter;
-  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  const isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
   anchorRectCache === null || anchorRectCache === void 0 ? void 0 : anchorRectCache.clear();
   const prevNodeStack = [];
   const popNodeStack = depth => {

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

@@ -41,7 +41,7 @@ export const handleMouseOver = (view, event, api) => {
     }
     const parentElement = (_rootElement$parentEl = rootElement.parentElement) === null || _rootElement$parentEl === void 0 ? void 0 : _rootElement$parentEl.closest('[data-drag-handler-anchor-name]');
     const parentElementType = parentElement === null || parentElement === void 0 ? void 0 : parentElement.getAttribute('data-drag-handler-node-type');
-    if (editorExperiment('advanced_layouts', true) && fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
+    if (editorExperiment('advanced_layouts', true)) {
       // We want to exclude handles from showing for direct descendant of table nodes (i.e. nodes in cells)
       if (parentElement && (parentElementType === 'table' || parentElementType === 'tableRow') && editorExperiment('nested-dnd', true)) {
         rootElement = parentElement;

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

@@ -559,7 +559,9 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
   const isAdvancedLayoutEnabled = editorExperiment('advanced_layouts', true, {
     exposure: true
   });
-  const isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
+  const isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
   const flags = {
     isNestedEnabled,
     isMultiSelectEnabled
@@ -622,7 +624,7 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
           // Currently we can only drag one node at a time
           // so we only need to check first child
           const draggable = dragging === null || dragging === void 0 ? void 0 : dragging.slice.content.firstChild;
-          if (dndDragCancelled && isMultiSelectEnabled || (draggable === null || draggable === void 0 ? void 0 : draggable.type.name) === 'layoutColumn' && fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
+          if (dndDragCancelled && isMultiSelectEnabled || (draggable === null || draggable === void 0 ? void 0 : draggable.type.name) === 'layoutColumn') {
             // we prevent native DnD for layoutColumn to prevent single column layout.
             event.preventDefault();
             return false;