@atlaskit/editor-plugin-block-controls 1.10.3 → 1.10.5

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

@@ -10,7 +10,7 @@ import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-sc
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { dragHandleDecoration, dropTargetDecorations, emptyParagraphNodeDecorations, mouseMoveWrapperDecorations, nodeDecorations } from './decorations';
+import { dragHandleDecoration, dropTargetDecorations, emptyParagraphNodeDecorations, nodeDecorations } from './decorations';
 import { handleMouseOver } from './handle-mouse-over';
 import { boundKeydownHandler } from './keymap';
 export const key = new PluginKey('blockControls');
@@ -79,7 +79,6 @@ const initialState = {
   isDocSizeLimitEnabled: null,
   isPMDragging: false
 };
-const DRAG_AND_DROP_DOC_SIZE_LIMIT = 50;
 export const createPlugin = (api, getIntl) => {
   return new SafePlugin({
     key,
@@ -89,16 +88,6 @@ export const createPlugin = (api, getIntl) => {
       },
       apply(tr, currentState, oldState, newState) {
         var _meta$activeNode, _meta$activeNode$hand, _meta$activeNode4, _meta$isDragging, _meta$editorHeight, _meta$editorWidthLeft, _meta$editorWidthRigh, _meta$isPMDragging;
-        if (initialState.isDocSizeLimitEnabled === null) {
-          if (fg('platform.editor.elements.drag-and-drop-doc-size-limit_7k4vq')) {
-            initialState.isDocSizeLimitEnabled = true;
-          } else {
-            initialState.isDocSizeLimitEnabled = false;
-          }
-        }
-        if (initialState.isDocSizeLimitEnabled && newState.doc.childCount > DRAG_AND_DROP_DOC_SIZE_LIMIT) {
-          return initialState;
-        }
         let {
           activeNode,
           decorations,
@@ -136,21 +125,18 @@ export const createPlugin = (api, getIntl) => {
           decorations = decorations.remove(oldHandle);
         }
         let isDecsMissing = false;
-        let isHandleMissing = false;
         let isDropTargetsMissing = false;
-        if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-          // Ensure decorations stay in sync when nodes are added or removed from the doc
-          isHandleMissing = !(meta !== null && meta !== void 0 && meta.activeNode) && !decorations.find().some(({
-            spec
-          }) => spec.id === 'drag-handle');
-          const decsLength = decorations.find().filter(({
-            spec
-          }) => spec.id !== 'drag-handle').length;
+        // Ensure decorations stay in sync when nodes are added or removed from the doc
+        const isHandleMissing = !(meta !== null && meta !== void 0 && meta.activeNode) && !decorations.find().some(({
+          spec
+        }) => spec.id === 'drag-handle');
+        const decsLength = decorations.find().filter(({
+          spec
+        }) => spec.id !== 'drag-handle').length;
 
-          //TODO: Fix this logic for nested scenarios
-          if (!fg('platform_editor_elements_dnd_nested')) {
-            isDecsMissing = !(isDragging || meta !== null && meta !== void 0 && meta.isDragging) && decsLength !== newState.doc.childCount;
-          }
+        //TODO: Fix this logic for nested scenarios
+        if (!fg('platform_editor_elements_dnd_nested')) {
+          isDecsMissing = !(isDragging || meta !== null && meta !== void 0 && meta.isDragging) && decsLength !== newState.doc.childCount;
         }
         if (fg('platform_editor_element_drag_and_drop_ed_24372')) {
           const dropTargetLen = decorations.find().filter(({
@@ -189,12 +175,7 @@ export const createPlugin = (api, getIntl) => {
             decorations = DecorationSet.create(newState.doc, []);
           }
           const nodeDecs = nodeDecorations(newState);
-          if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-            decorations = decorations.add(newState.doc, [...nodeDecs]);
-          } else {
-            const mouseWrapperDecs = mouseMoveWrapperDecorations(newState, api);
-            decorations = decorations.add(newState.doc, [...nodeDecs, ...mouseWrapperDecs]);
-          }
+          decorations = decorations.add(newState.doc, [...nodeDecs]);
 
           // Note: Quite often the handle is not in the right position after a node is moved
           // it is safer for now to not show it when a node is moved
@@ -375,6 +356,7 @@ export const createPlugin = (api, getIntl) => {
       },
       handleDOMEvents: {
         drop(view, event) {
+          var _event$target;
           // prosemirror has sends a default transaction on drop (meta where uiEvent is 'drop'),
           // this duplicates an empty version of the node it was dropping,
           // Adding some check here to prevent that if drop position is within activeNode
@@ -395,18 +377,13 @@ export const createPlugin = (api, getIntl) => {
           // 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;
-          const activeNode = state.tr.doc.nodeAt(pluginState.activeNode.pos);
-          let isSameNode = draggable === activeNode;
-          if (fg('platform.editor.elements.drag-and-drop-ed-23892')) {
-            var _event$target;
-            const nodeElement = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest('[data-drag-handler-anchor-name]');
-            if (!nodeElement) {
-              return false;
-            }
-            const domPos = fg('platform_editor_element_drag_and_drop_ed_24304') ? Math.max(view.posAtDOM(nodeElement, 0) - 1, 0) : view.posAtDOM(nodeElement, 0) - 1;
-            const nodeTarget = state.doc.nodeAt(domPos);
-            isSameNode = !!(nodeTarget && draggable !== null && draggable !== void 0 && draggable.eq(nodeTarget));
+          const nodeElement = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest('[data-drag-handler-anchor-name]');
+          if (!nodeElement) {
+            return false;
           }
+          const domPos = fg('platform_editor_element_drag_and_drop_ed_24304') ? Math.max(view.posAtDOM(nodeElement, 0) - 1, 0) : view.posAtDOM(nodeElement, 0) - 1;
+          const nodeTarget = state.doc.nodeAt(domPos);
+          const isSameNode = !!(nodeTarget && draggable !== null && draggable !== void 0 && draggable.eq(nodeTarget));
           if (isSameNode) {
             // Prevent the default drop behavior if the position is within the activeNode
             event.preventDefault();
@@ -432,9 +409,7 @@ export const createPlugin = (api, getIntl) => {
           }
         },
         mouseover: (view, event) => {
-          if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-            handleMouseOver(view, event, api);
-          }
+          handleMouseOver(view, event, api);
           return false;
         },
         keydown(view, event) {
@@ -469,74 +444,42 @@ export const createPlugin = (api, getIntl) => {
     view: editorView => {
       const dom = editorView.dom;
       const editorContentArea = editorView.dom.closest('.fabric-editor-popup-scroll-parent');
-      let resizeObserverHeight;
-      let resizeObserverWidth;
-      if (!fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-        // Use ResizeObserver to observe height changes
-        resizeObserverHeight = new ResizeObserver(rafSchedule(entries => {
-          var _entries$, _entries$$contentBoxS;
-          const editorHeight = (_entries$ = entries[0]) === null || _entries$ === void 0 ? void 0 : (_entries$$contentBoxS = _entries$.contentBoxSize[0]) === null || _entries$$contentBoxS === void 0 ? void 0 : _entries$$contentBoxS.blockSize;
 
-          // Update the plugin state when the height changes
-          const pluginState = key.getState(editorView.state);
-          if (!(pluginState !== null && pluginState !== void 0 && pluginState.isDragging)) {
-            const isResizerResizing = !!dom.querySelector('.is-resizing');
-            const transaction = editorView.state.tr;
-            if ((pluginState === null || pluginState === void 0 ? void 0 : pluginState.isResizerResizing) !== isResizerResizing) {
-              transaction.setMeta('is-resizer-resizing', isResizerResizing);
-            }
-            if (!isResizerResizing && editorHeight) {
+      // Use ResizeObserver to observe width changes
+      const resizeObserverWidth = new ResizeObserver(rafSchedule(entries => {
+        const editorContentArea = entries[0].target;
+        const editorWidthRight = editorContentArea.getBoundingClientRect().right;
+        const editorWidthLeft = editorContentArea.getBoundingClientRect().left;
+
+        // Update the plugin state when the height changes
+        const pluginState = key.getState(editorView.state);
+        if (!(pluginState !== null && pluginState !== void 0 && pluginState.isDragging)) {
+          const isResizerResizing = !!dom.querySelector('.is-resizing');
+          const transaction = editorView.state.tr;
+          if ((pluginState === null || pluginState === void 0 ? void 0 : pluginState.isResizerResizing) !== isResizerResizing) {
+            transaction.setMeta('is-resizer-resizing', isResizerResizing);
+          }
+          if (!isResizerResizing) {
+            if (fg('platform_editor_elements_drag_and_drop_ed_23394')) {
               transaction.setMeta(key, {
-                editorHeight
+                editorWidthLeft,
+                editorWidthRight
               });
             }
-            editorView.dispatch(transaction);
           }
-        }));
-
-        // Start observing the editor DOM element
-        resizeObserverHeight.observe(dom);
-      }
-      if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-        // Use ResizeObserver to observe width changes
-        resizeObserverWidth = new ResizeObserver(rafSchedule(entries => {
-          const editorContentArea = entries[0].target;
-          const editorWidthRight = editorContentArea.getBoundingClientRect().right;
-          const editorWidthLeft = editorContentArea.getBoundingClientRect().left;
-
-          // Update the plugin state when the height changes
-          const pluginState = key.getState(editorView.state);
-          if (!(pluginState !== null && pluginState !== void 0 && pluginState.isDragging)) {
-            const isResizerResizing = !!dom.querySelector('.is-resizing');
-            const transaction = editorView.state.tr;
-            if ((pluginState === null || pluginState === void 0 ? void 0 : pluginState.isResizerResizing) !== isResizerResizing) {
-              transaction.setMeta('is-resizer-resizing', isResizerResizing);
-            }
-            if (!isResizerResizing) {
-              if (fg('platform_editor_elements_drag_and_drop_ed_23394')) {
-                transaction.setMeta(key, {
-                  editorWidthLeft,
-                  editorWidthRight
-                });
-              }
-            }
-            editorView.dispatch(transaction);
-          }
-        }));
-        if (editorContentArea && fg('platform_editor_elements_drag_and_drop_ed_23394')) {
-          resizeObserverWidth.observe(editorContentArea);
+          editorView.dispatch(transaction);
         }
+      }));
+      if (editorContentArea && fg('platform_editor_elements_drag_and_drop_ed_23394')) {
+        resizeObserverWidth.observe(editorContentArea);
       }
 
       // Start pragmatic monitors
       const pragmaticCleanup = destroyFn(api);
       return {
         destroy() {
-          if (!fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-            resizeObserverHeight.unobserve(dom);
-          }
-          if (editorContentArea && fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-            fg('platform_editor_elements_drag_and_drop_ed_23394') && resizeObserverWidth.unobserve(editorContentArea);
+          if (editorContentArea && fg('platform_editor_elements_drag_and_drop_ed_23394')) {
+            resizeObserverWidth.unobserve(editorContentArea);
           }
           pragmaticCleanup();
         }

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

@@ -68,7 +68,7 @@ const DragHandleInternal = ({
   },
   handleOptions
 }) => {
-  var _api$core2, _api$analytics2, _api$core5, _api$core7;
+  var _api$core2, _api$analytics2, _api$core4, _api$core6;
   const start = getPos();
   const buttonRef = useRef(null);
   const [blockCardWidth, setBlockCardWidth] = useState(768);
@@ -124,32 +124,12 @@ const DragHandleInternal = ({
     view.focus();
   }, [dragHandleSelected, api === null || api === void 0 ? void 0 : (_api$core2 = api.core) === null || _api$core2 === void 0 ? void 0 : _api$core2.actions, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, view, getPos, start, nodeType]);
 
-  // handleMouseDown required along with onClick to ensure the correct selection
-  // is set immediately when the drag handle is clicked. Otherwise browser native
-  // drag and drop can take over and cause unpredictable behaviour.
-  const handleMouseDown = useCallback(() => {
-    var _api$core3;
-    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
-      tr
-    }) => {
-      if (start === undefined) {
-        return tr;
-      }
-      tr = selectNode(tr, start, nodeType);
-      tr.setMeta(key, {
-        pos: start
-      });
-      return tr;
-    });
-    view.focus();
-  }, [start, api, view, nodeType]);
-
   // TODO - This needs to be investigated further. Drag preview generation is not always working
   // as expected with a node selection. This workaround sets the selection to the node on mouseDown,
   // but ensures the preview is generated correctly.
-  const handleMouseDownWrapperRemoved = useCallback(() => {
-    var _api$core4;
-    api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(({
+  const handleMouseDown = useCallback(() => {
+    var _api$core3;
+    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
       tr
     }) => {
       const startPos = fg('platform_editor_element_drag_and_drop_ed_24304') ? getPos() : start;
@@ -168,15 +148,15 @@ const DragHandleInternal = ({
       });
       return tr;
     });
-  }, [api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions, getPos, start]);
+  }, [api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, getPos, start]);
   const handleKeyDown = useCallback(e => {
     if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
       // allow user to use spacebar to select the node
 
       if (!e.repeat && e.key === ' ') {
-        var _api$core6;
+        var _api$core5;
         const startPos = fg('platform_editor_element_drag_and_drop_ed_24304') ? getPos() : start;
-        api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions.execute(({
+        api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(({
           tr
         }) => {
           if (startPos === undefined) {
@@ -200,7 +180,7 @@ const DragHandleInternal = ({
         view.focus();
       }
     }
-  }, [getPos, start, api === null || api === void 0 ? void 0 : (_api$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions, view]);
+  }, [getPos, start, api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions, view]);
   useEffect(() => {
     const element = buttonRef.current;
     if (!element) {
@@ -229,11 +209,11 @@ const DragHandleInternal = ({
         });
       },
       onDragStart() {
-        var _api$core8;
+        var _api$core7;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 ? void 0 : (_api$core8 = api.core) === null || _api$core8 === void 0 ? void 0 : _api$core8.actions.execute(({
+        api === null || api === void 0 ? void 0 : (_api$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions.execute(({
           tr
         }) => {
           var _api$blockControls, _api$analytics3;
@@ -281,20 +261,14 @@ const DragHandleInternal = ({
       }
     }
     if (supportsAnchor) {
-      return fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') ? {
+      return {
         left: hasResizer || isExtension || isEmbedCard || isBlockCard && innerContainer ? `calc(anchor(${anchorName} start) + ${getLeftPosition(dom, nodeType, innerContainer, macroInteractionUpdates)})` : `calc(anchor(${anchorName} start) - ${DRAG_HANDLE_WIDTH}px - ${dragHandleGap(nodeType)}px)`,
         top: 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: hasResizer || isExtension || isBlockCard || isEmbedCard ? getLeftPosition(dom, nodeType, innerContainer, macroInteractionUpdates) : `calc(anchor(${anchorName} start) - ${DRAG_HANDLE_WIDTH}px - ${dragHandleGap(nodeType)}px)`,
-        top: 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 fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') ? {
+    return {
       left: hasResizer || isExtension || isEmbedCard || isBlockCard && innerContainer ? `calc(${(dom === null || dom === void 0 ? void 0 : dom.offsetLeft) || 0}px + ${getLeftPosition(dom, nodeType, innerContainer, macroInteractionUpdates)})` : getLeftPosition(dom, nodeType, innerContainer, macroInteractionUpdates),
       top: fg('platform_editor_elements_dnd_ed_23674') ? getTopPosition(dom, nodeType) : getTopPosition(dom)
-    } : {
-      left: getLeftPosition(dom, nodeType, innerContainer, macroInteractionUpdates),
-      top: fg('platform_editor_elements_dnd_ed_23674') ? getTopPosition(dom, nodeType) : getTopPosition(dom)
     };
   }, [anchorName, nodeType, view, blockCardWidth, macroInteractionUpdates]);
   const [newPositionStyles, setNewPositionStyles] = useState({
@@ -366,7 +340,7 @@ const DragHandleInternal = ({
     ,
     style: fg('platform_editor_element_drag_and_drop_ed_23896') ? newPositionStyles : positionStyles,
     onClick: handleOnClick,
-    onMouseDown: fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') ? handleMouseDownWrapperRemoved : handleMouseDown,
+    onMouseDown: handleMouseDown,
     onKeyDown: handleKeyDown,
     "data-testid": "block-ctrl-drag-handle"
   }, jsx(DragHandlerIcon, {

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

@@ -13,10 +13,7 @@ export const dragPreview = (container, dom, nodeType) => {
   container.style.pointerEvents = 'none';
   const parent = document.createElement('div');
   // ProseMirror class is required to make sure the cloned dom is styled correctly
-  parent.classList.add('ProseMirror');
-  if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-    parent.classList.add('block-ctrl-drag-preview');
-  }
+  parent.classList.add('ProseMirror', 'block-ctrl-drag-preview');
   const embedCard = dom.querySelector('.embedCardView-content-wrap');
   let shouldBeGenericPreview = nodeType === 'embedCard' || nodeType === 'extension' || !!embedCard;
   if (fg('platform_editor_elements_drag_and_drop_ed_23189')) {

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

@@ -134,6 +134,6 @@ const getTextNodeStyle = () => {
 };
 export const GlobalStylesWrapper = () => {
   return jsx(Global, {
-    styles: [globalStyles, fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') ? fg('platform_editor_elements_dnd_nested') ? extendedHoverZoneNested : extendedHoverZone : false, getTextNodeStyle(), withDeleteLinesStyleFix, withMediaSingleStyleFix]
+    styles: [globalStyles, fg('platform_editor_elements_dnd_nested') ? extendedHoverZoneNested : extendedHoverZone, getTextNodeStyle(), withDeleteLinesStyleFix, withMediaSingleStyleFix]
   });
 };

package/dist/es2019/utils/getSelection.js

@@ -1,6 +1,5 @@
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { selectTableClosestToPos } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const getSelection = (tr, start) => {
   const node = tr.doc.nodeAt(start);
   const isNodeSelection = node && NodeSelection.isSelectable(node);
@@ -16,7 +15,7 @@ export const getSelection = (tr, start) => {
   } else if (
   // Even though mediaGroup is not selectable,
   // we need a quick way to make all child media nodes appear as selected without the need for a custom selection
-  (node === null || node === void 0 ? void 0 : node.type.name) === 'mediaGroup' && fg('platform_editor_element_drag_and_drop_ed_23842')) {
+  (node === null || node === void 0 ? void 0 : node.type.name) === 'mediaGroup') {
     return new NodeSelection($startPos);
   } else {
     // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
@@ -25,28 +24,16 @@ export const getSelection = (tr, start) => {
     let foundInlineNode = false;
     let inlineNodeEndPos = 0;
     tr.doc.nodesBetween($startPos.pos, $startPos.pos + nodeSize, (n, pos) => {
-      if (fg('platform.editor.elements.drag-and-drop-ed-23905')) {
-        if (n.isInline) {
-          inlineNodeEndPos = pos + n.nodeSize;
-        }
-        if (n.isInline && !foundInlineNode) {
-          inlineNodePos = pos;
-          foundInlineNode = true;
-        }
-      } else {
-        if (foundInlineNode) {
-          return false;
-        }
-        if (n.isInline) {
-          inlineNodePos = pos;
-          foundInlineNode = true;
-          return false;
-        }
+      if (n.isInline) {
+        inlineNodeEndPos = pos + n.nodeSize;
+      }
+      if (n.isInline && !foundInlineNode) {
+        inlineNodePos = pos;
+        foundInlineNode = true;
       }
       return true;
     });
-    const inlineNodeDepth = inlineNodePos - start;
-    return new TextSelection(tr.doc.resolve(fg('platform.editor.elements.drag-and-drop-ed-23905') ? inlineNodeEndPos : start + nodeSize - inlineNodeDepth), tr.doc.resolve(inlineNodePos));
+    return new TextSelection(tr.doc.resolve(inlineNodeEndPos), tr.doc.resolve(inlineNodePos));
   }
 };
 export const selectNode = (tr, start, nodeType) => {

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

@@ -7,7 +7,6 @@ import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { DragHandle } from '../ui/drag-handle';
 import { DropTarget } from '../ui/drop-target';
-import { MouseMoveWrapper } from '../ui/mouse-move-wrapper';
 import { canMoveToIndex } from '../utils/validation';
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'layoutColumn'];
 var NESTED_DEPTH = fg('platform_editor_elements_dnd_nested') ? 100 : 0;
@@ -131,14 +130,8 @@ export var nodeDecorations = function nodeDecorations(newState) {
     } else {
       anchorName = "--node-anchor-".concat(node.type.name, "-").concat(index);
     }
-    var style;
-    if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-      style = "anchor-name: ".concat(anchorName, "; ").concat(pos === 0 ? 'margin-top: 0px;' : '', "; position: relative; z-index: 1;");
-    } else {
-      style = "anchor-name: ".concat(anchorName, "; ").concat(pos === 0 ? 'margin-top: 0px;' : '');
-    }
     decs.push(Decoration.node(pos, pos + node.nodeSize, (_Decoration$node2 = {
-      style: style
+      style: "anchor-name: ".concat(anchorName, "; ").concat(pos === 0 ? 'margin-top: 0px;' : '', "; position: relative; z-index: 1;")
     }, _defineProperty(_Decoration$node2, 'data-drag-handler-anchor-name', anchorName), _defineProperty(_Decoration$node2, 'data-drag-handler-node-type', node.type.name), _defineProperty(_Decoration$node2, 'data-drag-handler-anchor-depth', "".concat(depth)), _Decoration$node2), {
       type: 'node-decoration'
     }));
@@ -146,45 +139,6 @@ export var nodeDecorations = function nodeDecorations(newState) {
   });
   return decs;
 };
-/**
- * Setting up decorations around each node to track mousemove events into each node
- * When a mouseenter event is triggered on the node, we will set the activeNode to the node
- * And show the drag handle
- */
-export var mouseMoveWrapperDecorations = function mouseMoveWrapperDecorations(newState, api) {
-  var decs = [];
-  unmountDecorations('data-blocks-decoration-container');
-  newState.doc.descendants(function (node, pos, _parent, index) {
-    // Do not render a mouse move wrapper for nodes that have wrapping - this causes wrapping to break
-    var hasWrapping = node.attrs.layout === 'wrap-left' || node.attrs.layout === 'wrap-right';
-    if (hasWrapping) {
-      return false;
-    }
-    var anchorName = "--node-anchor-".concat(node.type.name, "-").concat(index);
-    decs.push(Decoration.widget(pos, function (view, getPos) {
-      var element = document.createElement('div');
-      element.setAttribute('data-blocks-decoration-container', 'true');
-      element.setAttribute('style', 'clear: unset;');
-      ReactDOM.render( /*#__PURE__*/createElement(MouseMoveWrapper, {
-        view: view,
-        api: api,
-        anchorName: anchorName,
-        nodeType: node.type.name,
-        getPos: getPos
-      }), element);
-      return element;
-    }, {
-      type: 'mouse-move-wrapper',
-      side: -1,
-      ignoreSelection: true,
-      stopEvent: function stopEvent(e) {
-        return true;
-      }
-    }));
-    return false;
-  });
-  return decs;
-};
 export var dragHandleDecoration = function dragHandleDecoration(api, getIntl, pos, anchorName, nodeType, handleOptions) {
   var unbind;
   var elementType = fg('platform_editor_element_drag_and_drop_ed_24150') ? 'span' : 'div';
@@ -205,11 +159,10 @@ export var dragHandleDecoration = function dragHandleDecoration(api, getIntl, po
     if (fg('platform_editor_element_drag_and_drop_ed_23896')) {
       unmountDecorations('data-blocks-drag-handle-container');
     }
-    if (fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2')) {
-      // There are times when global clear: "both" styles are applied to this decoration causing jumpiness
-      // due to margins applied to other nodes eg. Headings
-      element.style.clear = 'unset';
-    }
+
+    // There are times when global clear: "both" styles are applied to this decoration causing jumpiness
+    // due to margins applied to other nodes eg. Headings
+    element.style.clear = 'unset';
     ReactDOM.render( /*#__PURE__*/createElement(RawIntlProvider, {
       value: getIntl()
     }, /*#__PURE__*/createElement(DragHandle, {