@atlaskit/editor-plugin-block-controls 6.3.3 → 6.3.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 6.3.5
+
+### Patch Changes
+
+- [`d5e5b25fe885a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d5e5b25fe885a) -
+  [ux] ED-29226 Open block menu when drag handle is focussed and space or enter key is pressed
+- Updated dependencies
+
+## 6.3.4
+
+### Patch Changes
+
+- [`d278f35b3fb0f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d278f35b3fb0f) -
+  Cleaned up platform_editor_element_drag_and_drop_ed_23873
+- Updated dependencies
+
 ## 6.3.3
 
 ### Patch Changes

package/dist/cjs/editor-commands/move-node-with-block-menu.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.moveNodeWithBlockMenu = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _types = require("@atlaskit/editor-common/types");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _moveNode = require("./move-node");
 var _moveNodeUtils = require("./utils/move-node-utils");
 var moveNodeWithBlockMenu = exports.moveNodeWithBlockMenu = function moveNodeWithBlockMenu(api, direction) {
@@ -36,6 +38,13 @@ var moveNodeWithBlockMenu = exports.moveNodeWithBlockMenu = function moveNodeWit
         (0, _moveNode.moveNode)(api)(currentNodePos, moveToPos, _analytics.INPUT_METHOD.BLOCK_MENU)({
           tr: tr
         });
+        if (tr.selection.empty && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+          var nodeAtCurrentPos = tr.doc.nodeAt(currentNodePos);
+          var nodeAfter = tr.doc.nodeAt(moveToPos);
+          var isConsecutiveEmptyLineMove = (nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
+          var cursorPos = direction === _types.DIRECTION.UP || direction === _types.DIRECTION.DOWN && isConsecutiveEmptyLineMove ? moveToPos : moveToPos - 1;
+          tr.setSelection(_state.TextSelection.create(tr.doc, cursorPos));
+        }
         tr.scrollIntoView();
       }
     }

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

@@ -341,7 +341,7 @@ var moveNode = exports.moveNode = function moveNode(api) {
     var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _analytics.INPUT_METHOD.DRAG_AND_DROP;
     var formatMessage = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref7) {
-      var _api$blockControls$co;
+      var _api$blockControls$co, _api$accessibilityUti;
       var tr = _ref7.tr;
       if (!api || (start < 0 || to < 0) && (0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_multi_select_patch_2')) {
         return tr;
@@ -453,26 +453,22 @@ var moveNode = exports.moveNode = function moveNode(api) {
           action: _analytics.ACTION.MOVED,
           actionSubject: _analytics.ACTION_SUBJECT.ELEMENT,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
-          attributes: _objectSpread(_objectSpread({
+          attributes: _objectSpread({
             nodeDepth: $handlePos.depth,
             nodeType: handleNode.type.name,
             destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
-            destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name
-          }, (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873') && {
+            destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name,
             inputMethod: inputMethod
-          }), isMultiSelect && {
+          }, isMultiSelect && {
             sourceNodeTypes: sourceNodeTypes,
             hasSelectedMultipleNodes: hasSelectedMultipleNodes
           })
         })(tr);
       }
-      if ((0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {
-        var _api$accessibilityUti;
-        var movedMessage = to > sliceFrom ? _messages.blockControlsMessages.movedDown : _messages.blockControlsMessages.movedup;
-        api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
-          priority: 'important'
-        });
-      }
+      var movedMessage = to > sliceFrom ? _messages.blockControlsMessages.movedDown : _messages.blockControlsMessages.movedup;
+      api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
+        priority: 'important'
+      });
       return tr;
     };
   };

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

@@ -6,12 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.getShouldMoveNode = exports.getPosWhenMoveNodeUp = exports.getPosWhenMoveNodeDown = exports.getCurrentNodePosFromDragHandleSelection = exports.canMoveNodeUpOrDown = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-tables/utils");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _getNestedNodePosition = require("../../pm-plugins/utils/getNestedNodePosition");
 var getCurrentNodePosFromDragHandleSelection = exports.getCurrentNodePosFromDragHandleSelection = function getCurrentNodePosFromDragHandleSelection(_ref) {
   var selection = _ref.selection,
     schema = _ref.schema,
     resolve = _ref.resolve;
   var currentNodePos = -1;
+  if (selection.empty && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    currentNodePos = selection.$from.pos;
+  }
   if ((0, _utils.isTableSelected)(selection)) {
     var _findTable$pos, _findTable;
     // We only move table node if it's fully selected
@@ -45,6 +49,13 @@ var getPosWhenMoveNodeDown = exports.getPosWhenMoveNodeDown = function getPosWhe
     return -1;
   }
   var nodeAfter = tr.doc.nodeAt(nodeAfterPos);
+  if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    var nodeAtCurrentPos = tr.doc.nodeAt($currentNodePos.pos);
+    // if move empty line down to another empty line, move to the position of the next empty line
+    if ((nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && nodeAtCurrentPos.type.name !== 'extension' && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0 && nodeAfter.type.name !== 'extension') {
+      return nodeAfterPos;
+    }
+  }
 
   // if not the last node, move to the end of the next node
   return nodeAfter ? nodeAfterPos + nodeAfter.nodeSize : -1;

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

@@ -7,12 +7,11 @@ exports.boundKeydownHandler = void 0;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _types = require("@atlaskit/editor-common/types");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _moveNode = require("../editor-commands/move-node");
 var _showDragHandle = require("../editor-commands/show-drag-handle");
 function keymapList(api, formatMessage) {
   var keymapList = {};
-  if (api && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {
+  if (api) {
     (0, _keymaps.bindKeymapWithCommand)(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

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

@@ -37,7 +37,7 @@ var _activeAnchorTracker = require("./utils/active-anchor-tracker");
 var _analytics2 = require("./utils/analytics");
 var _anchorUtils = require("./utils/anchor-utils");
 var _getSelection = require("./utils/getSelection");
-var _selection2 = require("./utils/selection");
+var _selection = require("./utils/selection");
 var _transactions = require("./utils/transactions");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -144,7 +144,7 @@ var destroyFn = function destroyFn(api, editorView) {
           var _api$analytics2;
           var nodeTypes, hasSelectedMultipleNodes;
           if (isMultiSelect) {
-            var position = (0, _selection2.getSelectedSlicePosition)(start, tr, api);
+            var position = (0, _selection.getSelectedSlicePosition)(start, tr, api);
             var attributes = (0, _analytics2.getMultiSelectAnalyticsAttributes)(tr, position.from, position.to);
             nodeTypes = attributes.nodeTypes;
             hasSelectedMultipleNodes = attributes.hasSelectedMultipleNodes;
@@ -759,20 +759,6 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
                 return true;
               }
             }
-
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            var _view$state = view.state,
-              selection = _view$state.selection,
-              doc = _view$state.doc,
-              tr = _view$state.tr;
-            var metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
-              if (selection instanceof _state.TextSelection || selection instanceof _state.NodeSelection) {
-                var newSelection = _state.TextSelection.create(doc, selection.head, 1);
-                view.dispatch(tr.setSelection(newSelection));
-                return true;
-              }
-            }
             if ((event.key === 'Enter' || event.key === ' ') && event.target instanceof HTMLElement && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
               var isDragHandle = event.target.closest((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? _styles.DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle="true"]') !== null;
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle));
@@ -790,19 +776,6 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
             }
             return false;
           } else {
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            var _view$state2 = view.state,
-              _selection = _view$state2.selection,
-              _doc = _view$state2.doc,
-              _tr = _view$state2.tr;
-            var _metaKey = _browser.browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && _metaKey) {
-              if (_selection instanceof _state.TextSelection || _selection instanceof _state.NodeSelection) {
-                var _newSelection = _state.TextSelection.create(_doc, _selection.head, 1);
-                view.dispatch(_tr.setSelection(_newSelection));
-                return true;
-              }
-            }
             if (event.shiftKey && event.ctrlKey) {
               //prevent holding down key combo from firing repeatedly
               if (!event.repeat && (0, _keymap.boundKeydownHandler)(api, formatMessage)(view, event)) {

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

@@ -77,11 +77,28 @@ var newGetSelection = function newGetSelection(tr, start) {
   var isNodeSelection = node && _state.NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;
   var nodeName = node === null || node === void 0 ? void 0 : node.type.name;
+  var blockMenuEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true);
+  var blockMenuEmptyLineEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_empty_line', 'isEnabled', true);
 
   // this is a fix for empty paragraph selection - put first to avoid any extra work
-  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0) {
+  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && !blockMenuEnabled) {
     return false;
   }
+  var isParagraphHeadingEmpty = ['paragraph', 'heading'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0;
+  var isBlockQuoteEmpty = nodeName === 'blockquote' && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+  var isListEmpty = ['orderedList', 'bulletList', 'taskList'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if ((isParagraphHeadingEmpty || isBlockQuoteEmpty || isListEmpty) && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return _state.TextSelection.create(tr.doc, start + 1, start + 1);
+  }
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if (['paragraph', 'heading', 'orderedList', 'bulletList', 'taskList', 'blockquote'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return _state.TextSelection.create(tr.doc, start + 1, start + 1);
+  }
   var isBlockQuoteWithMediaOrExtension = nodeName === 'blockquote' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   var isListWithMediaOrExtension = nodeName === 'bulletList' && isNodeWithMediaOrExtension(tr, start, nodeSize) || nodeName === 'orderedList' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   if (isNodeSelection && nodeName !== 'blockquote' || isListWithMediaOrExtension || isBlockQuoteWithMediaOrExtension ||

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

@@ -275,7 +275,7 @@ var getNodeMargins = function getNodeMargins(node) {
   return _consts2.nodeMargins[nodeTypeName] || _consts2.nodeMargins['default'];
 };
 var DragHandle = exports.DragHandle = function DragHandle(_ref) {
-  var _api$core2, _api$blockControls4, _api$analytics2, _api$core4;
+  var _api$core2, _api$blockControls4, _api$analytics2, _api$core5, _api$userIntent2;
   var view = _ref.view,
     api = _ref.api,
     formatMessage = _ref.formatMessage,
@@ -416,37 +416,64 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     }
   }, [isLayoutColumn]);
   var handleKeyDown = (0, _react.useCallback)(function (e) {
-    if ((0, _platformFeatureFlags.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$core3;
-        var startPos = getPos();
-        api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
-          if (startPos === undefined) {
-            return tr;
-          }
-          var node = tr.doc.nodeAt(startPos);
-          if (!node) {
-            return tr;
-          }
-          var $startPos = tr.doc.resolve(startPos + node.nodeSize);
-          var selection = new _state.TextSelection($startPos);
-          tr.setSelection(selection);
-          !isMultiSelect && tr.setMeta(_main.key, {
-            pos: startPos
-          });
+    // allow user to use spacebar to select the node
+    if (!e.repeat && e.key === ' ') {
+      var _api$core3;
+      var startPos = getPos();
+      api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
+        var tr = _ref3.tr;
+        if (startPos === undefined) {
           return tr;
+        }
+        var node = tr.doc.nodeAt(startPos);
+        if (!node) {
+          return tr;
+        }
+        var $startPos = tr.doc.resolve(startPos + node.nodeSize);
+        var selection = new _state.TextSelection($startPos);
+        tr.setSelection(selection);
+        !isMultiSelect && tr.setMeta(_main.key, {
+          pos: startPos
         });
-      } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(function (pressed) {
-        return pressed;
-      })) {
-        // If not trying to press shortcut keys,
-        // return focus to editor to resume editing from caret position
-        view.focus();
+        return tr;
+      });
+    } else if ((e.key === 'Enter' || e.key === ' ') && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+      var _api$core4;
+      if (document.activeElement !== buttonRef.current) {
+        return;
       }
+      e.preventDefault();
+      e.stopPropagation();
+      setDragHandleSelected(!dragHandleSelected);
+      api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref4) {
+        var _api$blockControls5, _api$userIntent;
+        var tr = _ref4.tr;
+        var startPos = getPos();
+        if (startPos === undefined) {
+          return tr;
+        }
+        tr = (0, _getSelection.selectNode)(tr, startPos, nodeType);
+        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.toggleBlockMenu({
+          anchorName: anchorName
+        })({
+          tr: tr
+        });
+        api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('blockMenuOpen')({
+          tr: tr
+        });
+        api === null || api === void 0 || api.blockControls.commands.setSelectedViaDragHandle(true)({
+          tr: tr
+        });
+        return tr;
+      });
+    } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(function (pressed) {
+      return pressed;
+    })) {
+      // If not trying to press shortcut keys,
+      // return focus to editor to resume editing from caret position
+      view.focus();
     }
-  }, [getPos, api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, isMultiSelect, view]);
+  }, [getPos, api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands, api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands, isMultiSelect, view, anchorName, dragHandleSelected, nodeType]);
   (0, _react.useEffect)(function () {
     var element = buttonRef.current;
     if (!element) {
@@ -460,13 +487,13 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
           start: start
         };
       },
-      onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
+      onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
         var _api$blockControls$sh2;
-        var nativeSetDragImage = _ref4.nativeSetDragImage;
+        var nativeSetDragImage = _ref5.nativeSetDragImage;
         if (isMultiSelect) {
-          var _api$core5;
-          api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref5) {
-            var tr = _ref5.tr;
+          var _api$core6;
+          api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref6) {
+            var tr = _ref6.tr;
             var handlePos = getPos();
             if (typeof handlePos !== 'number') {
               return tr;
@@ -474,8 +501,8 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
             var oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             var newHandlePosCheck = (0, _getSelection.isHandleCorrelatedToSelection)(view.state, tr.selection, handlePos);
             if (!tr.selection.empty && ((0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_multi_select_patch_1') ? newHandlePosCheck : oldHandlePosCheck)) {
-              var _api$blockControls5;
-              api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.setMultiSelectPositions()({
+              var _api$blockControls6;
+              api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setMultiSelectPositions()({
                 tr: tr
               });
             } else if ((0, _platformFeatureFlags.fg)('platform_editor_elements_dnd_select_node_on_drag')) {
@@ -545,8 +572,8 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
               };
             }
           },
-          render: function render(_ref6) {
-            var container = _ref6.container;
+          render: function render(_ref7) {
+            var container = _ref7.container;
             var dom = view.dom.querySelector("[".concat((0, _domAttrName.getAnchorAttrName)(), "=\"").concat(anchorName, "\"]"));
             if (!dom) {
               return;
@@ -578,13 +605,13 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core6;
+        var _api$core7;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref7) {
-          var _api$blockControls$sh3, _api$blockControls6, _api$analytics3;
-          var tr = _ref7.tr;
+        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref8) {
+          var _api$blockControls$sh3, _api$blockControls7, _api$analytics3;
+          var tr = _ref8.tr;
           var nodeTypes, hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
@@ -597,7 +624,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
           tr.setMeta('scrollIntoView', false);
@@ -769,7 +796,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     };
   }, [view, anchorName, nodeType, recalculatePosition]);
   (0, _react.useEffect)(function () {
-    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {
+    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current) {
       var id = requestAnimationFrame(function () {
         var _buttonRef$current2;
         (_buttonRef$current2 = buttonRef.current) === null || _buttonRef$current2 === void 0 || _buttonRef$current2.focus();
@@ -964,20 +991,20 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
       }
     }, renderButton());
   };
-  var isTooltip = !dragHandleDisabled && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873');
+  var isTooltip = !dragHandleDisabled;
   var stickyRender = isTooltip ? stickyWithTooltip() : stickyWithoutTooltip();
   var render = isTooltip ? buttonWithTooltip() : renderButton();
   return (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? stickyRender : render;
 };
-var DragHandleWithVisibility = exports.DragHandleWithVisibility = function DragHandleWithVisibility(_ref8) {
-  var view = _ref8.view,
-    api = _ref8.api,
-    formatMessage = _ref8.formatMessage,
-    getPos = _ref8.getPos,
-    anchorName = _ref8.anchorName,
-    nodeType = _ref8.nodeType,
-    handleOptions = _ref8.handleOptions,
-    anchorRectCache = _ref8.anchorRectCache;
+var DragHandleWithVisibility = exports.DragHandleWithVisibility = function DragHandleWithVisibility(_ref9) {
+  var view = _ref9.view,
+    api = _ref9.api,
+    formatMessage = _ref9.formatMessage,
+    getPos = _ref9.getPos,
+    anchorName = _ref9.anchorName,
+    nodeType = _ref9.nodeType,
+    handleOptions = _ref9.handleOptions,
+    anchorRectCache = _ref9.anchorRectCache;
   return (0, _react2.jsx)(_visibilityContainer.VisibilityContainer, {
     api: api
   }, (0, _react2.jsx)(DragHandle, {

package/dist/es2019/editor-commands/move-node-with-block-menu.js

@@ -1,5 +1,7 @@
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DIRECTION } from '@atlaskit/editor-common/types';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { moveNode } from './move-node';
 import { getCurrentNodePosFromDragHandleSelection, getPosWhenMoveNodeDown, getPosWhenMoveNodeUp, getShouldMoveNode } from './utils/move-node-utils';
 export const moveNodeWithBlockMenu = (api, direction) => {
@@ -31,6 +33,13 @@ export const moveNodeWithBlockMenu = (api, direction) => {
         moveNode(api)(currentNodePos, moveToPos, INPUT_METHOD.BLOCK_MENU)({
           tr
         });
+        if (tr.selection.empty && expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+          const nodeAtCurrentPos = tr.doc.nodeAt(currentNodePos);
+          const nodeAfter = tr.doc.nodeAt(moveToPos);
+          const isConsecutiveEmptyLineMove = (nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
+          const cursorPos = direction === DIRECTION.UP || direction === DIRECTION.DOWN && isConsecutiveEmptyLineMove ? moveToPos : moveToPos - 1;
+          tr.setSelection(TextSelection.create(tr.doc, cursorPos));
+        }
         tr.scrollIntoView();
       }
     }

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

@@ -344,7 +344,7 @@ export const moveNodeViaShortcut = (api, direction, formatMessage) => {
 export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_DROP, formatMessage) => ({
   tr
 }) => {
-  var _api$blockControls$co2;
+  var _api$blockControls$co2, _api$accessibilityUti;
   if (!api || (start < 0 || to < 0) && fg('platform_editor_elements_dnd_multi_select_patch_2')) {
     return tr;
   }
@@ -462,9 +462,7 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
         nodeType: handleNode.type.name,
         destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
         destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name,
-        ...(fg('platform_editor_element_drag_and_drop_ed_23873') && {
-          inputMethod
-        }),
+        inputMethod,
         ...(isMultiSelect && {
           sourceNodeTypes,
           hasSelectedMultipleNodes
@@ -472,12 +470,9 @@ export const moveNode = api => (start, to, inputMethod = INPUT_METHOD.DRAG_AND_D
       }
     })(tr);
   }
-  if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
-    var _api$accessibilityUti;
-    const movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
-    api === null || api === void 0 ? void 0 : (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
-      priority: 'important'
-    });
-  }
+  const movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
+  api === null || api === void 0 ? void 0 : (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
+    priority: 'important'
+  });
   return tr;
 };

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

@@ -1,5 +1,6 @@
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { getNestedNodePosition } from '../../pm-plugins/utils/getNestedNodePosition';
 export const getCurrentNodePosFromDragHandleSelection = ({
   selection,
@@ -7,6 +8,9 @@ export const getCurrentNodePosFromDragHandleSelection = ({
   resolve
 }) => {
   let currentNodePos = -1;
+  if (selection.empty && expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    currentNodePos = selection.$from.pos;
+  }
   if (isTableSelected(selection)) {
     var _findTable$pos, _findTable;
     // We only move table node if it's fully selected
@@ -41,6 +45,13 @@ export const getPosWhenMoveNodeDown = ({
     return -1;
   }
   const nodeAfter = tr.doc.nodeAt(nodeAfterPos);
+  if (expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    const nodeAtCurrentPos = tr.doc.nodeAt($currentNodePos.pos);
+    // if move empty line down to another empty line, move to the position of the next empty line
+    if ((nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && nodeAtCurrentPos.type.name !== 'extension' && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0 && nodeAfter.type.name !== 'extension') {
+      return nodeAfterPos;
+    }
+  }
 
   // if not the last node, move to the end of the next node
   return nodeAfter ? nodeAfterPos + nodeAfter.nodeSize : -1;

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

@@ -1,12 +1,11 @@
 import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, showElementDragHandle } from '@atlaskit/editor-common/keymaps';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { moveNodeViaShortcut } from '../editor-commands/move-node';
 import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';
 function keymapList(api, formatMessage) {
   const keymapList = {};
-  if (api && fg('platform_editor_element_drag_and_drop_ed_23873')) {
+  if (api) {
     bindKeymapWithCommand(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

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

@@ -6,7 +6,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
 import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
 import { isEmptyDocument } from '@atlaskit/editor-common/utils';
-import { NodeSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
@@ -763,21 +763,6 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
                 return true;
               }
             }
-
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            const {
-              selection,
-              doc,
-              tr
-            } = view.state;
-            const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
-              if (selection instanceof TextSelection || selection instanceof NodeSelection) {
-                const newSelection = TextSelection.create(doc, selection.head, 1);
-                view.dispatch(tr.setSelection(newSelection));
-                return true;
-              }
-            }
             if ((event.key === 'Enter' || event.key === ' ') && event.target instanceof HTMLElement && editorExperiment('platform_editor_controls', 'variant1')) {
               const isDragHandle = event.target.closest(expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle="true"]') !== null;
               api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle));
@@ -796,20 +781,6 @@ export const createPlugin = (api, getIntl, nodeViewPortalProviderAPI) => {
             }
             return false;
           } else {
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            const {
-              selection,
-              doc,
-              tr
-            } = view.state;
-            const metaKey = browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
-              if (selection instanceof TextSelection || selection instanceof NodeSelection) {
-                const newSelection = TextSelection.create(doc, selection.head, 1);
-                view.dispatch(tr.setSelection(newSelection));
-                return true;
-              }
-            }
             if (event.shiftKey && event.ctrlKey) {
               //prevent holding down key combo from firing repeatedly
               if (!event.repeat && boundKeydownHandler(api, formatMessage)(view, event)) {

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

@@ -72,11 +72,28 @@ const newGetSelection = (tr, start) => {
   const isNodeSelection = node && NodeSelection.isSelectable(node);
   const nodeSize = node ? node.nodeSize : 1;
   const nodeName = node === null || node === void 0 ? void 0 : node.type.name;
+  const blockMenuEnabled = expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true);
+  const blockMenuEmptyLineEnabled = expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true);
 
   // this is a fix for empty paragraph selection - put first to avoid any extra work
-  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0) {
+  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && !blockMenuEnabled) {
     return false;
   }
+  const isParagraphHeadingEmpty = ['paragraph', 'heading'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0;
+  const isBlockQuoteEmpty = nodeName === 'blockquote' && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+  const isListEmpty = ['orderedList', 'bulletList', 'taskList'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if ((isParagraphHeadingEmpty || isBlockQuoteEmpty || isListEmpty) && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return TextSelection.create(tr.doc, start + 1, start + 1);
+  }
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if (['paragraph', 'heading', 'orderedList', 'bulletList', 'taskList', 'blockquote'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return TextSelection.create(tr.doc, start + 1, start + 1);
+  }
   const isBlockQuoteWithMediaOrExtension = nodeName === 'blockquote' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   const isListWithMediaOrExtension = nodeName === 'bulletList' && isNodeWithMediaOrExtension(tr, start, nodeSize) || nodeName === 'orderedList' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   if (isNodeSelection && nodeName !== 'blockquote' || isListWithMediaOrExtension || isBlockQuoteWithMediaOrExtension ||

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

@@ -280,7 +280,7 @@ export const DragHandle = ({
   isTopLevelNode = true,
   anchorRectCache
 }) => {
-  var _api$core2, _api$blockControls4, _api$analytics2, _api$core4;
+  var _api$core2, _api$blockControls4, _api$analytics2, _api$core5, _api$userIntent2;
   const buttonRef = useRef(null);
   const [dragHandleSelected, setDragHandleSelected] = useState(false);
   const [dragHandleDisabled, setDragHandleDisabled] = useState(false);
@@ -396,36 +396,64 @@ export const DragHandle = ({
     }
   }, [isLayoutColumn]);
   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$core3;
-        const startPos = getPos();
-        api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
-          tr
-        }) => {
-          if (startPos === undefined) {
-            return tr;
-          }
-          const node = tr.doc.nodeAt(startPos);
-          if (!node) {
-            return tr;
-          }
-          const $startPos = tr.doc.resolve(startPos + node.nodeSize);
-          const selection = new TextSelection($startPos);
-          tr.setSelection(selection);
-          !isMultiSelect && tr.setMeta(key, {
-            pos: startPos
-          });
+    // allow user to use spacebar to select the node
+    if (!e.repeat && e.key === ' ') {
+      var _api$core3;
+      const startPos = getPos();
+      api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(({
+        tr
+      }) => {
+        if (startPos === undefined) {
+          return tr;
+        }
+        const node = tr.doc.nodeAt(startPos);
+        if (!node) {
           return tr;
+        }
+        const $startPos = tr.doc.resolve(startPos + node.nodeSize);
+        const selection = new TextSelection($startPos);
+        tr.setSelection(selection);
+        !isMultiSelect && tr.setMeta(key, {
+          pos: startPos
         });
-      } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(pressed => pressed)) {
-        // If not trying to press shortcut keys,
-        // return focus to editor to resume editing from caret position
-        view.focus();
+        return tr;
+      });
+    } else if ((e.key === 'Enter' || e.key === ' ') && expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+      var _api$core4;
+      if (document.activeElement !== buttonRef.current) {
+        return;
       }
+      e.preventDefault();
+      e.stopPropagation();
+      setDragHandleSelected(!dragHandleSelected);
+      api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(({
+        tr
+      }) => {
+        var _api$blockControls5, _api$userIntent;
+        const startPos = getPos();
+        if (startPos === undefined) {
+          return tr;
+        }
+        tr = selectNode(tr, startPos, nodeType);
+        api === null || api === void 0 ? void 0 : (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 ? void 0 : _api$blockControls5.commands.toggleBlockMenu({
+          anchorName
+        })({
+          tr
+        });
+        api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('blockMenuOpen')({
+          tr
+        });
+        api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(true)({
+          tr
+        });
+        return tr;
+      });
+    } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(pressed => pressed)) {
+      // If not trying to press shortcut keys,
+      // return focus to editor to resume editing from caret position
+      view.focus();
     }
-  }, [getPos, api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, isMultiSelect, view]);
+  }, [getPos, api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands, api === null || api === void 0 ? void 0 : (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands, isMultiSelect, view, anchorName, dragHandleSelected, nodeType]);
   useEffect(() => {
     const element = buttonRef.current;
     if (!element) {
@@ -442,8 +470,8 @@ export const DragHandle = ({
       }) => {
         var _api$blockControls$sh2;
         if (isMultiSelect) {
-          var _api$core5;
-          api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(({
+          var _api$core6;
+          api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions.execute(({
             tr
           }) => {
             const handlePos = getPos();
@@ -453,8 +481,8 @@ export const DragHandle = ({
             const oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             const newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
             if (!tr.selection.empty && (fg('platform_editor_elements_dnd_multi_select_patch_1') ? newHandlePosCheck : oldHandlePosCheck)) {
-              var _api$blockControls5;
-              api === null || api === void 0 ? void 0 : (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 ? void 0 : _api$blockControls5.commands.setMultiSelectPositions()({
+              var _api$blockControls6;
+              api === null || api === void 0 ? void 0 : (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 ? void 0 : _api$blockControls6.commands.setMultiSelectPositions()({
                 tr
               });
             } else if (fg('platform_editor_elements_dnd_select_node_on_drag')) {
@@ -562,14 +590,14 @@ export const DragHandle = ({
         });
       },
       onDragStart() {
-        var _api$core6;
+        var _api$core7;
         if (start === undefined) {
           return;
         }
-        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$core7 = api.core) === null || _api$core7 === void 0 ? void 0 : _api$core7.actions.execute(({
           tr
         }) => {
-          var _api$blockControls$sh3, _api$blockControls6, _api$analytics3;
+          var _api$blockControls$sh3, _api$blockControls7, _api$analytics3;
           let nodeTypes, hasSelectedMultipleNodes;
           const resolvedMovingNode = tr.doc.resolve(start);
           const maybeNode = resolvedMovingNode.nodeAfter;
@@ -582,7 +610,7 @@ export const DragHandle = ({
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 ? void 0 : (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 ? void 0 : _api$blockControls6.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 ? void 0 : (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 ? void 0 : _api$blockControls7.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr
           });
           tr.setMeta('scrollIntoView', false);
@@ -759,7 +787,7 @@ export const DragHandle = ({
     };
   }, [view, anchorName, nodeType, recalculatePosition]);
   useEffect(() => {
-    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current && fg('platform_editor_element_drag_and_drop_ed_23873')) {
+    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current) {
       const id = requestAnimationFrame(() => {
         var _buttonRef$current2;
         (_buttonRef$current2 = buttonRef.current) === null || _buttonRef$current2 === void 0 ? void 0 : _buttonRef$current2.focus();
@@ -945,7 +973,7 @@ export const DragHandle = ({
       });
     }
   }, renderButton());
-  const isTooltip = !dragHandleDisabled && fg('platform_editor_element_drag_and_drop_ed_23873');
+  const isTooltip = !dragHandleDisabled;
   const stickyRender = isTooltip ? stickyWithTooltip() : stickyWithoutTooltip();
   const render = isTooltip ? buttonWithTooltip() : renderButton();
   return editorExperiment('platform_editor_controls', 'variant1') ? stickyRender : render;

package/dist/esm/editor-commands/move-node-with-block-menu.js

@@ -1,5 +1,7 @@
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DIRECTION } from '@atlaskit/editor-common/types';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { moveNode } from './move-node';
 import { getCurrentNodePosFromDragHandleSelection, getPosWhenMoveNodeDown, getPosWhenMoveNodeUp, getShouldMoveNode } from './utils/move-node-utils';
 export var moveNodeWithBlockMenu = function moveNodeWithBlockMenu(api, direction) {
@@ -30,6 +32,13 @@ export var moveNodeWithBlockMenu = function moveNodeWithBlockMenu(api, direction
         moveNode(api)(currentNodePos, moveToPos, INPUT_METHOD.BLOCK_MENU)({
           tr: tr
         });
+        if (tr.selection.empty && expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+          var nodeAtCurrentPos = tr.doc.nodeAt(currentNodePos);
+          var nodeAfter = tr.doc.nodeAt(moveToPos);
+          var isConsecutiveEmptyLineMove = (nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
+          var cursorPos = direction === DIRECTION.UP || direction === DIRECTION.DOWN && isConsecutiveEmptyLineMove ? moveToPos : moveToPos - 1;
+          tr.setSelection(TextSelection.create(tr.doc, cursorPos));
+        }
         tr.scrollIntoView();
       }
     }

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

@@ -335,7 +335,7 @@ export var moveNode = function moveNode(api) {
     var inputMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : INPUT_METHOD.DRAG_AND_DROP;
     var formatMessage = arguments.length > 3 ? arguments[3] : undefined;
     return function (_ref7) {
-      var _api$blockControls$co;
+      var _api$blockControls$co, _api$accessibilityUti;
       var tr = _ref7.tr;
       if (!api || (start < 0 || to < 0) && fg('platform_editor_elements_dnd_multi_select_patch_2')) {
         return tr;
@@ -447,26 +447,22 @@ export var moveNode = function moveNode(api) {
           action: ACTION.MOVED,
           actionSubject: ACTION_SUBJECT.ELEMENT,
           actionSubjectId: ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
-          attributes: _objectSpread(_objectSpread({
+          attributes: _objectSpread({
             nodeDepth: $handlePos.depth,
             nodeType: handleNode.type.name,
             destinationNodeDepth: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.depth,
-            destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name
-          }, fg('platform_editor_element_drag_and_drop_ed_23873') && {
+            destinationNodeType: $mappedTo === null || $mappedTo === void 0 ? void 0 : $mappedTo.parent.type.name,
             inputMethod: inputMethod
-          }), isMultiSelect && {
+          }, isMultiSelect && {
             sourceNodeTypes: sourceNodeTypes,
             hasSelectedMultipleNodes: hasSelectedMultipleNodes
           })
         })(tr);
       }
-      if (fg('platform_editor_element_drag_and_drop_ed_23873')) {
-        var _api$accessibilityUti;
-        var movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
-        api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
-          priority: 'important'
-        });
-      }
+      var movedMessage = to > sliceFrom ? blockControlsMessages.movedDown : blockControlsMessages.movedup;
+      api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 || _api$accessibilityUti.actions.ariaNotify(formatMessage ? formatMessage(movedMessage) : movedMessage.defaultMessage, {
+        priority: 'important'
+      });
       return tr;
     };
   };

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

@@ -1,11 +1,15 @@
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { getNestedNodePosition } from '../../pm-plugins/utils/getNestedNodePosition';
 export var getCurrentNodePosFromDragHandleSelection = function getCurrentNodePosFromDragHandleSelection(_ref) {
   var selection = _ref.selection,
     schema = _ref.schema,
     resolve = _ref.resolve;
   var currentNodePos = -1;
+  if (selection.empty && expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    currentNodePos = selection.$from.pos;
+  }
   if (isTableSelected(selection)) {
     var _findTable$pos, _findTable;
     // We only move table node if it's fully selected
@@ -39,6 +43,13 @@ export var getPosWhenMoveNodeDown = function getPosWhenMoveNodeDown(_ref2) {
     return -1;
   }
   var nodeAfter = tr.doc.nodeAt(nodeAfterPos);
+  if (expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true)) {
+    var nodeAtCurrentPos = tr.doc.nodeAt($currentNodePos.pos);
+    // if move empty line down to another empty line, move to the position of the next empty line
+    if ((nodeAtCurrentPos === null || nodeAtCurrentPos === void 0 ? void 0 : nodeAtCurrentPos.content.size) === 0 && nodeAtCurrentPos.type.name !== 'extension' && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0 && nodeAfter.type.name !== 'extension') {
+      return nodeAfterPos;
+    }
+  }
 
   // if not the last node, move to the end of the next node
   return nodeAfter ? nodeAfterPos + nodeAfter.nodeSize : -1;

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

@@ -1,12 +1,11 @@
 import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, showElementDragHandle } from '@atlaskit/editor-common/keymaps';
 import { DIRECTION } from '@atlaskit/editor-common/types';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { moveNodeViaShortcut } from '../editor-commands/move-node';
 import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';
 function keymapList(api, formatMessage) {
   var keymapList = {};
-  if (api && fg('platform_editor_element_drag_and_drop_ed_23873')) {
+  if (api) {
     bindKeymapWithCommand(
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

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

@@ -9,7 +9,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
 import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
 import { isEmptyDocument } from '@atlaskit/editor-common/utils';
-import { NodeSelection, PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
@@ -753,20 +753,6 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
                 return true;
               }
             }
-
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            var _view$state = view.state,
-              selection = _view$state.selection,
-              doc = _view$state.doc,
-              tr = _view$state.tr;
-            var metaKey = browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && metaKey) {
-              if (selection instanceof TextSelection || selection instanceof NodeSelection) {
-                var newSelection = TextSelection.create(doc, selection.head, 1);
-                view.dispatch(tr.setSelection(newSelection));
-                return true;
-              }
-            }
             if ((event.key === 'Enter' || event.key === ' ') && event.target instanceof HTMLElement && editorExperiment('platform_editor_controls', 'variant1')) {
               var isDragHandle = event.target.closest(expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle="true"]') !== null;
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.blockControls.commands.setSelectedViaDragHandle(isDragHandle));
@@ -784,19 +770,6 @@ export var createPlugin = function createPlugin(api, getIntl, nodeViewPortalProv
             }
             return false;
           } else {
-            // Command + Shift + ArrowUp to select was broken with the plugin enabled so this manually sets the selection
-            var _view$state2 = view.state,
-              _selection = _view$state2.selection,
-              _doc = _view$state2.doc,
-              _tr = _view$state2.tr;
-            var _metaKey = browser.mac ? event.metaKey : event.ctrlKey;
-            if (event.key === 'ArrowUp' && event.shiftKey && _metaKey) {
-              if (_selection instanceof TextSelection || _selection instanceof NodeSelection) {
-                var _newSelection = TextSelection.create(_doc, _selection.head, 1);
-                view.dispatch(_tr.setSelection(_newSelection));
-                return true;
-              }
-            }
             if (event.shiftKey && event.ctrlKey) {
               //prevent holding down key combo from firing repeatedly
               if (!event.repeat && boundKeydownHandler(api, formatMessage)(view, event)) {

package/dist/esm/pm-plugins/utils/getSelection.js

@@ -71,11 +71,28 @@ var newGetSelection = function newGetSelection(tr, start) {
   var isNodeSelection = node && NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;
   var nodeName = node === null || node === void 0 ? void 0 : node.type.name;
+  var blockMenuEnabled = expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true);
+  var blockMenuEmptyLineEnabled = expValEqualsNoExposure('platform_editor_block_menu_empty_line', 'isEnabled', true);
 
   // this is a fix for empty paragraph selection - put first to avoid any extra work
-  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0) {
+  if (nodeName === 'paragraph' && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && !blockMenuEnabled) {
     return false;
   }
+  var isParagraphHeadingEmpty = ['paragraph', 'heading'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0;
+  var isBlockQuoteEmpty = nodeName === 'blockquote' && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+  var isListEmpty = ['orderedList', 'bulletList', 'taskList'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.textContent) === '';
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if ((isParagraphHeadingEmpty || isBlockQuoteEmpty || isListEmpty) && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return TextSelection.create(tr.doc, start + 1, start + 1);
+  }
+
+  // if block menu and empty line format menu are enabled,
+  // we want to set the selection to avoid the selection goes to the top of the document
+  if (['paragraph', 'heading', 'orderedList', 'bulletList', 'taskList', 'blockquote'].includes(nodeName || '') && tr.selection.empty && (node === null || node === void 0 ? void 0 : node.childCount) === 0 && blockMenuEnabled && blockMenuEmptyLineEnabled) {
+    return TextSelection.create(tr.doc, start + 1, start + 1);
+  }
   var isBlockQuoteWithMediaOrExtension = nodeName === 'blockquote' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   var isListWithMediaOrExtension = nodeName === 'bulletList' && isNodeWithMediaOrExtension(tr, start, nodeSize) || nodeName === 'orderedList' && isNodeWithMediaOrExtension(tr, start, nodeSize);
   if (isNodeSelection && nodeName !== 'blockquote' || isListWithMediaOrExtension || isBlockQuoteWithMediaOrExtension ||

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

@@ -272,7 +272,7 @@ var getNodeMargins = function getNodeMargins(node) {
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
 export var DragHandle = function DragHandle(_ref) {
-  var _api$core2, _api$blockControls4, _api$analytics2, _api$core4;
+  var _api$core2, _api$blockControls4, _api$analytics2, _api$core5, _api$userIntent2;
   var view = _ref.view,
     api = _ref.api,
     formatMessage = _ref.formatMessage,
@@ -413,37 +413,64 @@ export var DragHandle = function DragHandle(_ref) {
     }
   }, [isLayoutColumn]);
   var handleKeyDown = useCallback(function (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$core3;
-        var startPos = getPos();
-        api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
-          var tr = _ref3.tr;
-          if (startPos === undefined) {
-            return tr;
-          }
-          var node = tr.doc.nodeAt(startPos);
-          if (!node) {
-            return tr;
-          }
-          var $startPos = tr.doc.resolve(startPos + node.nodeSize);
-          var selection = new TextSelection($startPos);
-          tr.setSelection(selection);
-          !isMultiSelect && tr.setMeta(key, {
-            pos: startPos
-          });
+    // allow user to use spacebar to select the node
+    if (!e.repeat && e.key === ' ') {
+      var _api$core3;
+      var startPos = getPos();
+      api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref3) {
+        var tr = _ref3.tr;
+        if (startPos === undefined) {
           return tr;
+        }
+        var node = tr.doc.nodeAt(startPos);
+        if (!node) {
+          return tr;
+        }
+        var $startPos = tr.doc.resolve(startPos + node.nodeSize);
+        var selection = new TextSelection($startPos);
+        tr.setSelection(selection);
+        !isMultiSelect && tr.setMeta(key, {
+          pos: startPos
         });
-      } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(function (pressed) {
-        return pressed;
-      })) {
-        // If not trying to press shortcut keys,
-        // return focus to editor to resume editing from caret position
-        view.focus();
+        return tr;
+      });
+    } else if ((e.key === 'Enter' || e.key === ' ') && expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_block_menu_keyboard_navigation', 'isEnabled', true)) {
+      var _api$core4;
+      if (document.activeElement !== buttonRef.current) {
+        return;
       }
+      e.preventDefault();
+      e.stopPropagation();
+      setDragHandleSelected(!dragHandleSelected);
+      api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref4) {
+        var _api$blockControls5, _api$userIntent;
+        var tr = _ref4.tr;
+        var startPos = getPos();
+        if (startPos === undefined) {
+          return tr;
+        }
+        tr = selectNode(tr, startPos, nodeType);
+        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.toggleBlockMenu({
+          anchorName: anchorName
+        })({
+          tr: tr
+        });
+        api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || _api$userIntent.commands.setCurrentUserIntent('blockMenuOpen')({
+          tr: tr
+        });
+        api === null || api === void 0 || api.blockControls.commands.setSelectedViaDragHandle(true)({
+          tr: tr
+        });
+        return tr;
+      });
+    } else if (![e.altKey, e.ctrlKey, e.shiftKey].some(function (pressed) {
+      return pressed;
+    })) {
+      // If not trying to press shortcut keys,
+      // return focus to editor to resume editing from caret position
+      view.focus();
     }
-  }, [getPos, api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions, isMultiSelect, view]);
+  }, [getPos, api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions, api === null || api === void 0 ? void 0 : api.blockControls.commands, api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands, isMultiSelect, view, anchorName, dragHandleSelected, nodeType]);
   useEffect(function () {
     var element = buttonRef.current;
     if (!element) {
@@ -457,13 +484,13 @@ export var DragHandle = function DragHandle(_ref) {
           start: start
         };
       },
-      onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
+      onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
         var _api$blockControls$sh2;
-        var nativeSetDragImage = _ref4.nativeSetDragImage;
+        var nativeSetDragImage = _ref5.nativeSetDragImage;
         if (isMultiSelect) {
-          var _api$core5;
-          api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref5) {
-            var tr = _ref5.tr;
+          var _api$core6;
+          api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref6) {
+            var tr = _ref6.tr;
             var handlePos = getPos();
             if (typeof handlePos !== 'number') {
               return tr;
@@ -471,8 +498,8 @@ export var DragHandle = function DragHandle(_ref) {
             var oldHandlePosCheck = handlePos >= tr.selection.$from.start() - 1 && handlePos <= tr.selection.to;
             var newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
             if (!tr.selection.empty && (fg('platform_editor_elements_dnd_multi_select_patch_1') ? newHandlePosCheck : oldHandlePosCheck)) {
-              var _api$blockControls5;
-              api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.setMultiSelectPositions()({
+              var _api$blockControls6;
+              api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setMultiSelectPositions()({
                 tr: tr
               });
             } else if (fg('platform_editor_elements_dnd_select_node_on_drag')) {
@@ -542,8 +569,8 @@ export var DragHandle = function DragHandle(_ref) {
               };
             }
           },
-          render: function render(_ref6) {
-            var container = _ref6.container;
+          render: function render(_ref7) {
+            var container = _ref7.container;
             var dom = view.dom.querySelector("[".concat(getAnchorAttrName(), "=\"").concat(anchorName, "\"]"));
             if (!dom) {
               return;
@@ -575,13 +602,13 @@ export var DragHandle = function DragHandle(_ref) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core6;
+        var _api$core7;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref7) {
-          var _api$blockControls$sh3, _api$blockControls6, _api$analytics3;
-          var tr = _ref7.tr;
+        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref8) {
+          var _api$blockControls$sh3, _api$blockControls7, _api$analytics3;
+          var tr = _ref8.tr;
           var nodeTypes, hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
@@ -594,7 +621,7 @@ export var DragHandle = function DragHandle(_ref) {
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
           tr.setMeta('scrollIntoView', false);
@@ -766,7 +793,7 @@ export var DragHandle = function DragHandle(_ref) {
     };
   }, [view, anchorName, nodeType, recalculatePosition]);
   useEffect(function () {
-    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current && fg('platform_editor_element_drag_and_drop_ed_23873')) {
+    if (handleOptions !== null && handleOptions !== void 0 && handleOptions.isFocused && buttonRef.current) {
       var id = requestAnimationFrame(function () {
         var _buttonRef$current2;
         (_buttonRef$current2 = buttonRef.current) === null || _buttonRef$current2 === void 0 || _buttonRef$current2.focus();
@@ -961,20 +988,20 @@ export var DragHandle = function DragHandle(_ref) {
       }
     }, renderButton());
   };
-  var isTooltip = !dragHandleDisabled && fg('platform_editor_element_drag_and_drop_ed_23873');
+  var isTooltip = !dragHandleDisabled;
   var stickyRender = isTooltip ? stickyWithTooltip() : stickyWithoutTooltip();
   var render = isTooltip ? buttonWithTooltip() : renderButton();
   return editorExperiment('platform_editor_controls', 'variant1') ? stickyRender : render;
 };
-export var DragHandleWithVisibility = function DragHandleWithVisibility(_ref8) {
-  var view = _ref8.view,
-    api = _ref8.api,
-    formatMessage = _ref8.formatMessage,
-    getPos = _ref8.getPos,
-    anchorName = _ref8.anchorName,
-    nodeType = _ref8.nodeType,
-    handleOptions = _ref8.handleOptions,
-    anchorRectCache = _ref8.anchorRectCache;
+export var DragHandleWithVisibility = function DragHandleWithVisibility(_ref9) {
+  var view = _ref9.view,
+    api = _ref9.api,
+    formatMessage = _ref9.formatMessage,
+    getPos = _ref9.getPos,
+    anchorName = _ref9.anchorName,
+    nodeType = _ref9.nodeType,
+    handleOptions = _ref9.handleOptions,
+    anchorRectCache = _ref9.anchorRectCache;
   return jsx(VisibilityContainer, {
     api: api
   }, jsx(DragHandle, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "6.3.3",
+	"version": "6.3.5",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -50,9 +50,9 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.25.0",
+		"@atlaskit/tmp-editor-statsig": "^12.27.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -64,7 +64,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.10.0",
+		"@atlaskit/editor-common": "^109.11.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -108,9 +108,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_editor_element_drag_and_drop_ed_23873": {
-			"type": "boolean"
-		},
 		"platform_editor_use_nested_table_pm_nodes": {
 			"type": "boolean"
 		},