@atlaskit/editor-plugin-block-controls 20.0.2 → 20.1.0

package/dist/es2019/editor-commands/show-drag-handle.js

@@ -1,6 +1,8 @@
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { findNodeDecs } from '../pm-plugins/decorations-anchor';
+import { getNodeTypeWithLevel } from '../pm-plugins/decorations-common';
 import { getDecorations, key } from '../pm-plugins/main';
 import { getNestedNodePosition, getNestedNodeStartingPosition } from '../pm-plugins/utils/getNestedNodePosition';
 import { NODE_ANCHOR_ATTR_NAME, NODE_NODE_TYPE_ATTR_NAME } from '../ui/utils/dom-attr-name';
@@ -14,7 +16,6 @@ const findParentPosForHandle = state => {
   const {
     activeNode
   } = key.getState(state) || {};
-
   // if a node handle is already focused, return the parent pos of that node (with focused handle)
   if (activeNode && (_activeNode$handleOpt = activeNode.handleOptions) !== null && _activeNode$handleOpt !== void 0 && _activeNode$handleOpt.isFocused) {
     const $activeNodePos = state.doc.resolve(activeNode.pos);
@@ -38,7 +39,7 @@ const findParentPosForHandle = state => {
   }
 
   // else find closest parent node
-  return expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ?
+  return expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration') ?
   // With native anchor enabled, all nodes have anchor name attribute despite no drag handle support, e.g. listItem, caption,
   // as opposed to old approach, node decoration is only added to the node that have drag handle,
   // hence, we need to return the exact position of the node that can have drag handle
@@ -111,6 +112,17 @@ const findNextAnchorNode = view => {
   }
 };
 export const showDragHandleAtSelection = api => (state, _, view) => {
+  if (api && isExperimentEnabled('platform_editor_block_control_migration')) {
+    const pos = findParentPosForHandle(state);
+    const node = pos === undefined ? undefined : state.doc.nodeAt(pos);
+    const anchorName = node && pos !== undefined ? api.core.actions.getAnchorIdForNode(node, pos) : undefined;
+    if (!node || pos === undefined || !anchorName) {
+      return false;
+    }
+    return api.core.actions.execute(api.blockControls.commands.showDragHandleAt(pos, anchorName, getNodeTypeWithLevel(node), {
+      isFocused: true
+    }));
+  }
   if (view && expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
     const anchorNode = findNextAnchorNode(view);
     if (api && anchorNode) {

package/dist/es2019/entry-points/block-decoration-utils-anchor-name.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { refreshAnchorName } from '../ui/utils/anchor-name';

package/dist/es2019/entry-points/block-decoration-utils-consts.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { rootElementGap, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment } from '../ui/consts';

package/dist/es2019/entry-points/block-decoration-utils-dom-attr-name.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { getAnchorAttrName } from '../ui/utils/dom-attr-name';

package/dist/es2019/entry-points/block-decoration-utils-drag-handle-positions.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { getControlBottomCSSValue, getControlHeightCSSValue, getNodeHeight, getTopPosition, shouldBeSticky } from '../pm-plugins/utils/drag-handle-positions';

package/dist/es2019/entry-points/block-decoration-utils-visibility-container.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { VisibilityContainer } from '../ui/visibility-container';

package/dist/es2019/entry-points/block-decoration-utils-widget-positions.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { getRightPositionForRootElement } from '../pm-plugins/utils/widget-positions';

package/dist/es2019/entry-points/blockControlsPlugin.js

@@ -1,2 +1,3 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
+
 export { blockControlsPlugin } from '../blockControlsPlugin';

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

@@ -1,6 +1,7 @@
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getNodeAnchor, getNodeTypeWithLevel, NESTED_DEPTH, TYPE_NODE_DEC } from './decorations-common';
 const IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 export const IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
@@ -67,7 +68,7 @@ export const findNodeDecs = (state, decorations, from, to) => {
 };
 export const nodeDecorations = (newState, from, to) => {
   const decs = [];
-  if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+  if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration')) {
     return [];
   }
   const docFrom = from === undefined || from < 0 ? 0 : from;

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

@@ -3,8 +3,9 @@ import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getNodeAnchor } from './decorations-common';
 import { createDropTargetDecoration, createLayoutDropTargetDecoration } from './decorations-drop-target';
 import { findSurroundingNodes } from './decorations-find-surrounding-nodes';
@@ -236,7 +237,7 @@ export const getActiveDropTargetDecorations = (activeDropTargetNode, state, api,
       }
     }
   }
-  defaultActiveAnchorTracker.emit(expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? api.core.actions.getAnchorIdForNode(anchorEmitNodeWithPos.node, anchorEmitNodeWithPos.pos) || '' : getNodeAnchor(anchorEmitNodeWithPos.node));
+  defaultActiveAnchorTracker.emit(expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration') ? api.core.actions.getAnchorIdForNode(anchorEmitNodeWithPos.node, anchorEmitNodeWithPos.pos) || '' : getNodeAnchor(anchorEmitNodeWithPos.node));
   return {
     decsToAdd,
     decsToRemove

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

@@ -6,8 +6,9 @@ import { expandSelectionBounds } from '@atlaskit/editor-common/selection';
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { nodeMargins } from '../ui/consts';
 import { DropTarget, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET } from '../ui/drop-target';
 import { DropTargetLayout, DropTargetLayoutNativeAnchorSupport } from '../ui/drop-target-layout';
@@ -138,7 +139,7 @@ export const createLayoutDropTargetDecoration = (pos, props, nodeViewPortalProvi
     element.setAttribute('data-blocks-drop-target-container', 'true');
     element.setAttribute('data-blocks-drop-target-key', key);
     element.style.clear = 'unset';
-    const DropTargetLayoutComponent = expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? DropTargetLayoutNativeAnchorSupport : DropTargetLayout;
+    const DropTargetLayoutComponent = expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration') ? DropTargetLayoutNativeAnchorSupport : DropTargetLayout;
     nodeViewPortalProviderAPI.render(() => /*#__PURE__*/createElement(DropTargetLayoutComponent, {
       ...props,
       getPos,

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

@@ -0,0 +1,56 @@
+import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+export const TYPE_SURFACE_ANCHOR_DEC = 'block-controls-surface-anchor';
+export const SURFACE_ANCHOR_ATTR = 'data-block-controls-surface-anchor';
+export const SURFACE_NODE_TYPE_ATTR = 'data-block-controls-surface-node-type';
+export const SURFACE_ANCHOR_VARIABLE = '--block-controls-surface-anchor-name';
+
+/**
+ * These node views expose the box used by the measured placement fallback rather than their
+ * ProseMirror node wrapper. The marker carries the name through a custom property so sparse CSS
+ * can name that inner box without adding a widget or changing the node view.
+ */
+const INNER_CONTENT_NODE_TYPES = new Set(['blockCard', 'bodiedExtension', 'embedCard', 'extension', 'mediaSingle', 'multiBodiedExtension', 'table']);
+const getMarkerStyle = (nodeType, anchorName) => {
+  const inheritedName = `${SURFACE_ANCHOR_VARIABLE}: ${anchorName};`;
+
+  // Inner boxes get their anchor from the sparse global selector. Naming only the node wrapper
+  // would position media/table/extension controls against the wrapper instead of visible content.
+  return INNER_CONTENT_NODE_TYPES.has(nodeType) ? inheritedName : `${inheritedName} anchor-name: ${anchorName};`;
+};
+
+/**
+ * Builds sparse CSS anchor decorations from already-qualified cached positions. Anchor identity is
+ * supplied by the editor's native node-anchor provider so sparse surfaces and consumers share the
+ * same `data-node-anchor`.
+ */
+export const createSurfaceAnchorDecorations = (state, positions, resolveAnchorName, previousAnchors) => {
+  const anchors = new Map();
+  const decorations = [];
+  for (const position of positions) {
+    if (anchors.has(position)) {
+      continue;
+    }
+    const node = state.doc.nodeAt(position);
+    if (!(node !== null && node !== void 0 && node.isBlock)) {
+      continue;
+    }
+    const anchorName = resolveAnchorName(node, position, previousAnchors === null || previousAnchors === void 0 ? void 0 : previousAnchors.get(position));
+    if (!anchorName) {
+      continue;
+    }
+    anchors.set(position, anchorName);
+    decorations.push(Decoration.node(position, position + node.nodeSize, {
+      [SURFACE_ANCHOR_ATTR]: anchorName,
+      [SURFACE_NODE_TYPE_ATTR]: node.type.name,
+      style: getMarkerStyle(node.type.name, anchorName)
+    }, {
+      type: TYPE_SURFACE_ANCHOR_DEC,
+      anchorName,
+      nodeType: node.type.name
+    }));
+  }
+  return {
+    anchors,
+    decorations: DecorationSet.create(state.doc, decorations)
+  };
+};

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

@@ -1,4 +1,5 @@
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export const handleMouseDown = api => (view, event) => {
   if (!(event.target instanceof HTMLElement)) {
@@ -12,7 +13,7 @@ export const handleMouseDown = api => (view, event) => {
     if (!rootNode) {
       return false;
     }
-    if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+    if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration')) {
       var _rootNode$type$name, _rootNode$type$name2;
       const anchorName = api === null || api === void 0 ? void 0 : api.core.actions.getAnchorIdForNode(rootNode, rootPos);
 

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

@@ -1,10 +1,11 @@
 import memoizeOne from 'memoize-one';
 import { isMultiBlockSelection } from '@atlaskit/editor-common/selection';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { getAnchorAttrName, getTypeNameAttrName, getTypeNameFromDom, NODE_ANCHOR_ATTR_NAME } from '../ui/utils/dom-attr-name';
 import { IGNORE_NODE_DESCENDANTS_ADVANCED_LAYOUT, IGNORE_NODES_NEXT } from './decorations-anchor';
 import { selectionPreservationPluginKey } from './selection-preservation/plugin-key';
@@ -132,7 +133,7 @@ export const handleMouseOver = (view, event, api) => {
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const target = event.target;
-  const isNativeAnchorSupported = expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
+  const isNativeAnchorSupported = expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration');
   if (target !== null && target !== void 0 && (_target$classList = target.classList) !== null && _target$classList !== void 0 && _target$classList.contains('ProseMirror')) {
     return false;
   }
@@ -204,7 +205,7 @@ export const handleMouseOver = (view, event, api) => {
     // This must happen before anchorName is read so the correct node's handle is shown.
     rootElement = redirectParagraphToWrappedMedia(rootElement, isNativeAnchorSupported);
     let anchorName;
-    if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true)) {
+    if (expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) || isExperimentEnabled('platform_editor_block_control_migration')) {
       anchorName = rootElement.getAttribute(getAnchorAttrName());
 
       // don't show handles if we can't find an anchor

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

@@ -0,0 +1,116 @@
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { getNodeTypeWithLevel } from './decorations-common';
+const OPAQUE_BLOCKS = new Set(['table', 'bulletList', 'orderedList', 'taskList', 'decisionList', 'mediaSingle']);
+const EXCLUDED_BLOCKS = new Set(['listItem', 'tableRow', 'tableCell', 'tableHeader', 'caption']);
+const isPanelNodeTypeName = nodeTypeName => nodeTypeName === 'panel' || nodeTypeName === 'panel_c1' && expValEqualsNoExposure('platform_editor_controls_reliable_anchor', 'isEnabled', true) && fg('platform_editor_controls_reliable_anchor_patch_1');
+const redirectParagraphToWrappedMedia = (view, $target, targetPosition) => {
+  const node = view.state.doc.nodeAt(targetPosition);
+  if (!node || node.type.name !== 'paragraph') {
+    return {
+      position: targetPosition,
+      node
+    };
+  }
+  const index = $target.index();
+  for (const siblingIndex of [index - 1, index + 1]) {
+    if (siblingIndex < 0 || siblingIndex >= $target.parent.childCount) {
+      continue;
+    }
+    const sibling = $target.parent.child(siblingIndex);
+    if ((sibling.type.name === 'mediaSingle' || sibling.type.name === 'embedCard') && (sibling.attrs.layout === 'wrap-left' || sibling.attrs.layout === 'wrap-right')) {
+      return {
+        position: siblingIndex < index ? targetPosition - sibling.nodeSize : targetPosition + node.nodeSize,
+        node: sibling
+      };
+    }
+  }
+  return {
+    position: targetPosition,
+    node
+  };
+};
+
+/** Resolves hover from PM structure so the first hover can create its sparse candidate. */
+export const handleSparseMouseOver = (view, event, api) => {
+  var _api$editorDisabled$s, _api$editorDisabled, _api$editorDisabled$s2, _api$editorViewMode, _api$editorViewMode$s, _api$showDiff$sharedS, _api$showDiff, _api$showDiff$sharedS2, _api$userIntent, _api$userIntent$share, _$pos$nodeAfter, _controls$activeNode, _anchors$get, _anchors$get2;
+  const controls = api === null || api === void 0 ? void 0 : api.blockControls.sharedState.currentState();
+  if (!api || controls !== null && controls !== void 0 && controls.isDragging || !(event.target instanceof Element) || event.target === view.dom) {
+    return false;
+  }
+  const editorDisabled = (_api$editorDisabled$s = (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 ? void 0 : (_api$editorDisabled$s2 = _api$editorDisabled.sharedState.currentState()) === null || _api$editorDisabled$s2 === void 0 ? void 0 : _api$editorDisabled$s2.editorDisabled) !== null && _api$editorDisabled$s !== void 0 ? _api$editorDisabled$s : false;
+  const editorViewMode = (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode;
+  if (editorDisabled && (editorViewMode !== 'view' || !(controls !== null && controls !== void 0 && controls.rightSideControlsEnabled))) {
+    return false;
+  }
+  const isDisplayingDiff = (_api$showDiff$sharedS = (_api$showDiff = api.showDiff) === null || _api$showDiff === void 0 ? void 0 : (_api$showDiff$sharedS2 = _api$showDiff.sharedState.currentState()) === null || _api$showDiff$sharedS2 === void 0 ? void 0 : _api$showDiff$sharedS2.isDisplayingChanges) !== null && _api$showDiff$sharedS !== void 0 ? _api$showDiff$sharedS : false;
+  const currentUserIntent = (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : (_api$userIntent$share = _api$userIntent.sharedState.currentState()) === null || _api$userIntent$share === void 0 ? void 0 : _api$userIntent$share.currentUserIntent;
+  if ((isDisplayingDiff || currentUserIntent === 'reviewing') && expValEqualsNoExposure('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+    return false;
+  }
+  let position;
+  try {
+    position = view.posAtDOM(event.target, 0);
+  } catch {
+    return false;
+  }
+  const $pos = view.state.doc.resolve(position);
+  let targetPosition;
+  let opaque = false;
+  for (let depth = 1; depth <= $pos.depth; depth++) {
+    const node = $pos.node(depth);
+    if (!node.isBlock || EXCLUDED_BLOCKS.has(node.type.name)) {
+      continue;
+    }
+    targetPosition = $pos.before(depth);
+    if (OPAQUE_BLOCKS.has(node.type.name)) {
+      opaque = true;
+      break;
+    }
+  }
+  if (!opaque && (_$pos$nodeAfter = $pos.nodeAfter) !== null && _$pos$nodeAfter !== void 0 && _$pos$nodeAfter.isBlock && !EXCLUDED_BLOCKS.has($pos.nodeAfter.type.name)) {
+    // Browser positions over non-editable node chrome can resolve to the first editable child.
+    // Keep the ancestor unless that child actually owns the hovered DOM target.
+    const nodeAfterDOM = view.nodeDOM(position);
+    if (nodeAfterDOM instanceof Element && nodeAfterDOM.contains(event.target)) {
+      targetPosition = position;
+    }
+  }
+  if (targetPosition === undefined) {
+    return false;
+  }
+  const initialNode = view.state.doc.nodeAt(targetPosition);
+  if (!initialNode) {
+    return false;
+  }
+  const target = redirectParagraphToWrappedMedia(view, view.state.doc.resolve(targetPosition), targetPosition);
+  targetPosition = target.position;
+  const node = target.node;
+  if (!node || (controls === null || controls === void 0 ? void 0 : (_controls$activeNode = controls.activeNode) === null || _controls$activeNode === void 0 ? void 0 : _controls$activeNode.pos) === targetPosition) {
+    return false;
+  }
+  const $target = view.state.doc.resolve(targetPosition);
+  if ($target.depth > 0 && (node.type.name === 'paragraph' || node.type.name === 'heading') && node.content.size === 0) {
+    return false;
+  }
+  const parentNode = $target.parent;
+  const parentPosition = $target.depth > 0 ? $target.before($target.depth) : undefined;
+  const parentDOM = parentPosition === undefined ? undefined : view.nodeDOM(parentPosition);
+  if (isPanelNodeTypeName(parentNode.type.name) && !(parentDOM instanceof HTMLElement && parentDOM.classList.contains('ak-editor-panel__no-icon')) && $target.index() === 0) {
+    return false;
+  }
+  if (node.type.name === 'layoutColumn' && parentNode.type.name === 'layoutSection' && parentNode.childCount === 1 && expValEqualsNoExposure('advanced_layouts', 'isEnabled', true) && !expValEquals('platform_editor_layout_column_menu', 'isEnabled', true)) {
+    return false;
+  }
+  const anchors = controls === null || controls === void 0 ? void 0 : controls.surfaceAnchors;
+  const anchorName = (_anchors$get = anchors === null || anchors === void 0 ? void 0 : anchors.get(targetPosition)) !== null && _anchors$get !== void 0 ? _anchors$get : api.core.actions.getAnchorIdForNode(node, targetPosition);
+  const rootPos = $target.depth > 0 ? $target.before(1) : targetPosition;
+  const rootNode = view.state.doc.nodeAt(rootPos);
+  const rootAnchorName = (_anchors$get2 = anchors === null || anchors === void 0 ? void 0 : anchors.get(rootPos)) !== null && _anchors$get2 !== void 0 ? _anchors$get2 : rootNode ? api.core.actions.getAnchorIdForNode(rootNode, rootPos) : undefined;
+  if (!anchorName || !rootNode) {
+    return false;
+  }
+  api.core.actions.execute(api.blockControls.commands.showDragHandleAt(targetPosition, anchorName, getNodeTypeWithLevel(node), undefined, rootPos, rootAnchorName !== null && rootAnchorName !== void 0 ? rootAnchorName : anchorName, getNodeTypeWithLevel(rootNode)));
+  return false;
+};

package/dist/es2019/pm-plugins/interaction-tracking/pm-plugin.js

@@ -1,9 +1,9 @@
 import { bind } from 'bind-event-listener';
 import { isBlockControlsSuppressionTarget } from '@atlaskit/editor-common/block-controls-suppression';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { RIGHT_MARGIN_ROVO_GAP_PX } from './constants';
 import { handleKeyDown } from './handle-key-down';