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

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

@@ -1,21 +1,16 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H1_TOP_ADJUSTMENT, DRAG_HANDLE_H2_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../../ui/consts';
 export const getTopPosition = (dom, type) => {
   if (!dom) {
     return 'auto';
   }
   const table = dom.querySelector('table');
-  const isTable = fg('platform_editor_advanced_layouts_post_fix_patch_1') ? table && (!type || type === 'table') : table;
+  const isTable = table && (!type || type === 'table');
   if (isTable) {
     return `${dom.offsetTop + ((table === null || table === void 0 ? void 0 : table.offsetTop) || 0)}px`;
   } else if (type === 'rule') {
     return `${dom.offsetTop - DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT}px`;
   } else if (type === 'layoutColumn') {
-    if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      return `${-dom.offsetTop / 2}px`;
-    } else {
-      return `${-DRAG_HANDLE_WIDTH}px`;
-    }
+    return `${-dom.offsetTop / 2}px`;
   } else if (type === 'heading-1') {
     return `${dom.offsetTop + DRAG_HANDLE_H1_TOP_ADJUSTMENT}px`;
   } else if (type === 'heading-2') {

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

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

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

@@ -1,29 +1,19 @@
 import { browser } from '@atlaskit/editor-common/browser';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B200, N20, N30 } from '@atlaskit/theme/colors';
-const previewStyleNew = {
+import { N20, N30 } from '@atlaskit/theme/colors';
+const previewStyle = {
   borderColor: `var(--ds-border, ${N30})`,
   borderStyle: 'solid',
   borderRadius: "var(--ds-border-radius-100, 3px)",
   borderWidth: "var(--ds-border-width-outline, 2px)",
   backgroundColor: `var(--ds-skeleton-subtle, ${N20})`
 };
-const previewStyleOld = {
-  borderColor: `var(--ds-border-focused, ${B200})`,
-  borderStyle: 'solid',
-  borderRadius: "var(--ds-border-radius-100, 3px)",
-  borderWidth: "var(--ds-border-width-outline, 2px)",
-  backgroundColor: "var(--ds-blanket-selected, #388BFF14)"
-};
 const getPreviewContainerDimensionsForSingle = (dom, nodeType) => {
   let nodeContainer = dom;
-  if (fg('platform_editor_elements_drag_and_drop_ed_23189')) {
-    const iframeContainer = dom.querySelector('iframe');
-    if (nodeType === 'embedCard') {
-      nodeContainer = dom.querySelector('.rich-media-item') || dom;
-    } else if (nodeType === 'extension' && iframeContainer) {
-      nodeContainer = iframeContainer;
-    }
+  const iframeContainer = dom.querySelector('iframe');
+  if (nodeType === 'embedCard') {
+    nodeContainer = dom.querySelector('.rich-media-item') || dom;
+  } else if (nodeType === 'extension' && iframeContainer) {
+    nodeContainer = iframeContainer;
   }
   const nodeContainerRect = nodeContainer.getBoundingClientRect();
   return {
@@ -54,7 +44,6 @@ const createGenericPreview = () => {
   const 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');
-  const previewStyle = fg('platform_editor_elements_drag_and_drop_ed_23189') ? previewStyleNew : previewStyleOld;
   generalPreview.style.border = `${previewStyle.borderWidth} ${previewStyle.borderStyle} ${previewStyle.borderColor}`;
   generalPreview.style.borderRadius = previewStyle.borderRadius;
   generalPreview.style.backgroundColor = previewStyle.backgroundColor;
@@ -78,13 +67,13 @@ const createContentPreviewElement = (dom, nodeType, nodeSpacing) => {
   clonedDom.style.marginRight = '0';
   clonedDom.style.marginBottom = nodeSpacing ? `${nodeSpacing.bottom}` : '0';
   clonedDom.style.boxShadow = 'none';
-  clonedDom.style.opacity = browser.windows ? '1' : fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+  clonedDom.style.opacity = browser.windows ? '1' : '0.31';
   contentPreviewOneElement.appendChild(clonedDom);
   return contentPreviewOneElement;
 };
 const isGenericPreview = (dom, nodeType) => {
   const embedCard = dom.querySelector('.embedCardView-content-wrap');
-  return 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');
 };
 const createPreviewForElement = (dom, nodeType, nodeSpacing) => {
   const shouldBeGenericPreview = isGenericPreview(dom, nodeType);

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

@@ -7,7 +7,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 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';
@@ -73,7 +72,7 @@ export const DropTargetLayout = props => {
     const to = getPos();
     let mappedTo;
     if (to !== undefined) {
-      var _api$core;
+      var _api$core, _api$core2;
       const {
         pos: from
       } = activeNode;
@@ -84,23 +83,18 @@ export const DropTargetLayout = props => {
         api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : (_api$blockControls2$c = _api$blockControls2.commands) === null || _api$blockControls2$c === void 0 ? void 0 : _api$blockControls2$c.moveToLayout(from, to)({
           tr
         });
-        if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-          const insertColumnStep = getInsertLayoutStep(tr);
-          mappedTo = insertColumnStep === null || insertColumnStep === void 0 ? void 0 : insertColumnStep.from;
+        const insertColumnStep = getInsertLayoutStep(tr);
+        mappedTo = insertColumnStep === null || insertColumnStep === void 0 ? void 0 : insertColumnStep.from;
+        return tr;
+      });
+      api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(({
+        tr
+      }) => {
+        if (mappedTo !== undefined) {
+          updateSelection(tr, mappedTo);
         }
         return tr;
       });
-      if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        var _api$core2;
-        api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(({
-          tr
-        }) => {
-          if (mappedTo !== undefined) {
-            updateSelection(tr, mappedTo);
-          }
-          return tr;
-        });
-      }
     }
   }, [api, getPos, activeNode]);
   useEffect(() => {

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

@@ -5,7 +5,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, Global, jsx } from '@emotion/react';
 import { akEditorBreakoutPadding, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { DRAG_HANDLE_MAX_WIDTH_PLUS_GAP, DRAG_HANDLE_WIDTH } from './consts';
 
@@ -260,6 +259,6 @@ const blockCardWithoutLayout = css({
 });
 export const GlobalStylesWrapper = () => {
   return jsx(Global, {
-    styles: [globalStyles(), fg('platform_editor_advanced_layouts_post_fix_patch_1') && globalDnDStyle, editorExperiment('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, editorExperiment('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
+    styles: [globalStyles(), globalDnDStyle, editorExperiment('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, editorExperiment('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
   });
 };

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

@@ -9,7 +9,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 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';
@@ -178,7 +177,7 @@ export const InlineDropTarget = ({
     const toPos = getPos();
     let mappedTo;
     if (activeNode && toPos !== undefined) {
-      var _api$core;
+      var _api$core, _api$core2;
       const {
         pos: start
       } = activeNode;
@@ -192,23 +191,18 @@ export const InlineDropTarget = ({
         })({
           tr
         });
-        if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-          const insertLayoutStep = getInsertLayoutStep(tr);
-          mappedTo = insertLayoutStep === null || insertLayoutStep === void 0 ? void 0 : insertLayoutStep.from;
+        const insertLayoutStep = getInsertLayoutStep(tr);
+        mappedTo = insertLayoutStep === null || insertLayoutStep === void 0 ? void 0 : insertLayoutStep.from;
+        return tr;
+      });
+      api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(({
+        tr
+      }) => {
+        if (mappedTo !== undefined) {
+          updateSelection(tr, mappedTo, moveToEnd);
         }
         return tr;
       });
-      if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-        var _api$core2;
-        api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions.execute(({
-          tr
-        }) => {
-          if (mappedTo !== undefined) {
-            updateSelection(tr, mappedTo, moveToEnd);
-          }
-          return tr;
-        });
-      }
     }
   }, [api, getPos, position]);
   const hoverZoneRectStyle = useMemo(() => {

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

@@ -341,9 +341,7 @@ export var moveNode = function moveNode(api) {
       var sliceTo;
       var mappedTo;
       var sourceNodeTypes, hasSelectedMultipleNodes;
-      var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-        exposure: true
-      });
+      var 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 || (_api$metrics = api.metrics) === null || _api$metrics === void 0 || _api$metrics.commands.setContentMoved()({

package/dist/esm/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';
 var createNewLayout = function createNewLayout(schema, layoutContents) {
@@ -64,20 +63,14 @@ var moveToExistingLayout = function moveToExistingLayout(toLayout, toLayoutPos,
     tr.delete(from, sourceContentEndPos);
     var 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);
-      var 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;
@@ -122,40 +115,6 @@ var insertToDestinationNoWidthUpdate = function insertToDestinationNoWidthUpdate
   }
   return tr;
 };
-var insertToDestination = function insertToDestination(tr, to, sourceContent, toLayout, toLayoutPos) {
-  var _ref3 = 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 (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.
@@ -165,10 +124,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) {
@@ -181,9 +140,7 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
     return;
   }
   var $from = tr.doc.resolve(from);
-  var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
 
   // invalid from position or dragging a layout
   if (!$from.nodeAfter || $from.nodeAfter.type === layoutSection) {
@@ -220,8 +177,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 (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
@@ -284,8 +241,8 @@ var getBreakoutMode = function getBreakoutMode(content, breakout) {
 // source content variable that has type of `PMNode | Fragment` should be updated to `Fragment` only
 export var 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;
       }
@@ -298,11 +255,11 @@ export var 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,
@@ -360,9 +317,6 @@ export var moveToLayout = function moveToLayout(api) {
           tr = removeFromSource(tr, $sourceFrom, sourceTo);
           var 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/esm/pm-plugins/decorations-drop-target.js

@@ -142,9 +142,7 @@ export var dropTargetDecorations = function dropTargetDecorations(newState, api,
   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 = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = 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/esm/pm-plugins/handle-mouse-over.js

@@ -40,7 +40,7 @@ export var handleMouseOver = function handleMouseOver(view, event, api) {
     }
     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 (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/esm/pm-plugins/main.js

@@ -573,7 +573,9 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
   var isAdvancedLayoutEnabled = editorExperiment('advanced_layouts', true, {
     exposure: true
   });
-  var isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
+  var isMultiSelectEnabled = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
+    exposure: true
+  });
   var flags = {
     isNestedEnabled: isNestedEnabled,
     isMultiSelectEnabled: isMultiSelectEnabled
@@ -633,7 +635,7 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
           // 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' && 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/esm/pm-plugins/utils/drag-handle-positions.js

@@ -1,21 +1,16 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H1_TOP_ADJUSTMENT, DRAG_HANDLE_H2_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_PARAGRAPH_TOP_ADJUSTMENT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../../ui/consts';
 export var getTopPosition = function getTopPosition(dom, type) {
   if (!dom) {
     return 'auto';
   }
   var table = dom.querySelector('table');
-  var isTable = 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 - DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, "px");
   } else if (type === 'layoutColumn') {
-    if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-      return "".concat(-dom.offsetTop / 2, "px");
-    } else {
-      return "".concat(-DRAG_HANDLE_WIDTH, "px");
-    }
+    return "".concat(-dom.offsetTop / 2, "px");
   } else if (type === 'heading-1') {
     return "".concat(dom.offsetTop + DRAG_HANDLE_H1_TOP_ADJUSTMENT, "px");
   } else if (type === 'heading-2') {

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

@@ -161,9 +161,7 @@ export var DragHandle = function DragHandle(_ref) {
   var selection = useSharedPluginStateSelector(api, 'selection.selection');
   var isShiftDown = useSharedPluginStateSelector(api, 'blockControls.isShiftDown');
   var isLayoutColumn = nodeType === 'layoutColumn';
-  var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true, {
-    exposure: true
-  });
+  var isMultiSelect = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
   useEffect(function () {
     // blockCard/datasource width is rendered correctly after this decoraton does. We need to observe for changes.
     if (nodeType === 'blockCard') {
@@ -238,11 +236,9 @@ export var DragHandle = function DragHandle(_ref) {
   // but ensures the preview is generated correctly.
   var handleMouseDown = useCallback(function () {
     if (editorExperiment('advanced_layouts', true)) {
+      var _buttonRef$current;
       // prevent native drag and drop.
-      if (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/esm/ui/drag-preview.js

@@ -1,30 +1,20 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import { browser } from '@atlaskit/editor-common/browser';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B200, N20, N30 } from '@atlaskit/theme/colors';
-var previewStyleNew = {
+import { N20, N30 } from '@atlaskit/theme/colors';
+var previewStyle = {
   borderColor: "var(--ds-border, ".concat(N30, ")"),
   borderStyle: 'solid',
   borderRadius: "var(--ds-border-radius-100, 3px)",
   borderWidth: "var(--ds-border-width-outline, 2px)",
   backgroundColor: "var(--ds-skeleton-subtle, ".concat(N20, ")")
 };
-var previewStyleOld = {
-  borderColor: "var(--ds-border-focused, ".concat(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 (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 {
@@ -54,7 +44,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 = 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;
@@ -78,13 +67,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.windows ? '1' : fg('platform_editor_elements_drag_and_drop_ed_23189') ? '0.31' : '0.4';
+  clonedDom.style.opacity = browser.windows ? '1' : '0.31';
   contentPreviewOneElement.appendChild(clonedDom);
   return contentPreviewOneElement;
 };
 var isGenericPreview = function isGenericPreview(dom, nodeType) {
   var embedCard = dom.querySelector('.embedCardView-content-wrap');
-  return 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/esm/ui/drop-target-layout.js

@@ -9,7 +9,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 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';
@@ -74,7 +73,7 @@ export var DropTargetLayout = function DropTargetLayout(props) {
     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;
@@ -82,22 +81,17 @@ export var DropTargetLayout = function DropTargetLayout(props) {
         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 (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
-          var insertColumnStep = getInsertLayoutStep(tr);
-          mappedTo = insertColumnStep === null || insertColumnStep === void 0 ? void 0 : insertColumnStep.from;
+        var insertColumnStep = 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) {
+          updateSelection(tr, mappedTo);
         }
         return tr;
       });
-      if (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) {
-            updateSelection(tr, mappedTo);
-          }
-          return tr;
-        });
-      }
     }
   }, [api, getPos, activeNode]);
   useEffect(function () {

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

@@ -6,7 +6,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, Global, jsx } from '@emotion/react';
 import { akEditorBreakoutPadding, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { DRAG_HANDLE_MAX_WIDTH_PLUS_GAP, DRAG_HANDLE_WIDTH } from './consts';
 
@@ -209,6 +208,6 @@ var blockCardWithoutLayout = css({
 });
 export var GlobalStylesWrapper = function GlobalStylesWrapper() {
   return jsx(Global, {
-    styles: [globalStyles(), fg('platform_editor_advanced_layouts_post_fix_patch_1') && globalDnDStyle, editorExperiment('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, editorExperiment('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
+    styles: [globalStyles(), globalDnDStyle, editorExperiment('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), withInlineNodeStyle, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, withRelativePosStyle, topLevelNodeMarginStyles, editorExperiment('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle,,]
   });
 };