@atlaskit/editor-plugin-block-controls 20.0.0 → 20.0.1

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

@@ -19,7 +19,6 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { DRAG_HANDLE_WIDTH, tableControlsSpacing } from '@atlaskit/editor-common/styles';
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFullPageNarrowBreakout, akEditorTableToolbarSize, relativeSizeToBaseFontSize } from '@atlaskit/editor-shared-styles/consts';
 import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
@@ -40,7 +39,6 @@ import { getMultiSelectAnalyticsAttributes } from '../pm-plugins/utils/analytics
 import { getControlBottomCSSValue, getControlHeightCSSValue, getLeftPosition, getNodeHeight, getTopPosition, shouldBeSticky, shouldMaskNodeControls } from '../pm-plugins/utils/drag-handle-positions';
 import { expandAndUpdateSelection } from '../pm-plugins/utils/expand-and-update-selection';
 import { isHandleCorrelatedToSelection, selectNode } from '../pm-plugins/utils/getSelection';
-import { alignAnchorHeadInDirectionOfPos, expandSelectionHeadToNodeAtPos } from '../pm-plugins/utils/selection';
 import { ACTIVE_DRAG_HANDLE_ATTR, ACTIVE_DRAG_HANDLE_FALLBACK_ANCHOR_NAME, DRAG_HANDLE_BORDER_RADIUS, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH, DRAG_HANDLE_ZINDEX, dragHandleGap, nodeMargins, spacingBetweenNodesForPreview, STICKY_CONTROLS_TOP_MARGIN, STICKY_CONTROLS_TOP_MARGIN_FOR_STICKY_HEADER, topPositionAdjustment } from './consts';
 import { DragHandleNestedIcon } from './drag-handle-nested-icon';
 import { dragPreview } from './drag-preview';
@@ -189,11 +187,6 @@ var dragHandleButtonStylesOld = css({
     backgroundColor: "var(--ds-background-disabled, #0515240F)"
   }
 });
-var focusedStylesOld = css({
-  '&:focus': {
-    outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)")
-  }
-});
 var focusedStyles = css({
   '&:focus-visible': {
     outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)")
@@ -356,7 +349,7 @@ var getDragHandleAnchorReference = function getDragHandleAnchorReference(_ref) {
   return "anchor(".concat(safeAnchorName, " ").concat(edge, ")");
 };
 export var DragHandle = function DragHandle(_ref2) {
-  var _api$core4, _api$blockControls8;
+  var _api$blockControls7;
   var view = _ref2.view,
     api = _ref2.api,
     formatMessage = _ref2.formatMessage,
@@ -518,88 +511,19 @@ export var DragHandle = function DragHandle(_ref2) {
     });
     view.focus();
   }, [api, view, getPos, nodeType, anchorName]);
-  var handleOnClick = useCallback(function (e) {
-    var _api$core2;
-    api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref4) {
-      var _api$blockControls$sh, _api$analytics2;
-      var tr = _ref4.tr;
-      var startPos = getPos();
-      if (startPos === undefined) {
-        return tr;
-      }
-      if (nodeType === 'layoutColumn' && expValEquals('platform_editor_layout_column_menu', 'isEnabled', true)) {
-        tr.setMeta('toggleLayoutColumnMenu', buildToggleLayoutColumnMenuMeta(startPos, false));
-      }
-      var mSelect = api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.multiSelectDnD;
-      var $anchor = (mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) !== undefined ? tr.doc.resolve(mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) : tr.selection.$anchor;
-      if (tr.selection.empty || !e.shiftKey) {
-        tr = selectNode(tr, startPos, nodeType, api);
-      } else if (isTopLevelNodeValue && $anchor.depth <= DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH && e.shiftKey && fg('platform_editor_elements_dnd_shift_click_select')) {
-        var _api$blockControls3;
-        var alignAnchorHeadToSel = alignAnchorHeadInDirectionOfPos(tr.selection, startPos);
-        var selectionWithExpandedHead = expandSelectionHeadToNodeAtPos(alignAnchorHeadToSel, startPos);
-        tr.setSelection(selectionWithExpandedHead);
-        api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.setMultiSelectPositions()({
-          tr: tr
-        });
-      }
-      var resolvedMovingNode = tr.doc.resolve(startPos);
-      var maybeNode = resolvedMovingNode.nodeAfter;
-      tr.setMeta('scrollIntoView', false);
-      api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-        eventType: EVENT_TYPE.UI,
-        action: ACTION.CLICKED,
-        actionSubject: ACTION_SUBJECT.BUTTON,
-        actionSubjectId: ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE,
-        attributes: {
-          nodeDepth: resolvedMovingNode.depth,
-          nodeTypes: (maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name) || ''
-        }
-      })(tr);
-      return tr;
-    });
-    view.focus();
-  }, [api, view, getPos, isTopLevelNodeValue, nodeType]);
-  var handleKeyDown = useCallback(function (e) {
-    // 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 (_ref5) {
-        var tr = _ref5.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);
-        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, view]);
   var handleKeyDownNew = useCallback(function (e) {
     // allow user to use spacebar to select the node
     if (e.key === 'Enter' || !e.repeat && e.key === ' ') {
-      var _getDocument, _api$core5;
+      var _getDocument, _api$core2;
       if (((_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.activeElement) !== buttonRef.current) {
         return;
       }
       e.preventDefault();
       e.stopPropagation();
       var startPos = getPos();
-      api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref6) {
-        var _selectionPreservatio2, _api$blockControls4, _api$blockControls5, _api$userIntent;
-        var tr = _ref6.tr;
+      api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (_ref4) {
+        var _selectionPreservatio2, _api$blockControls3, _api$blockControls4, _api$userIntent;
+        var tr = _ref4.tr;
         if (startPos === undefined) {
           return tr;
         }
@@ -612,7 +536,7 @@ export var DragHandle = function DragHandle(_ref2) {
           nodeType: nodeType,
           api: api
         });
-        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.startPreservingSelection()({
+        api === null || api === void 0 || (_api$blockControls3 = api.blockControls) === null || _api$blockControls3 === void 0 || _api$blockControls3.commands.startPreservingSelection()({
           tr: tr
         });
         if (nodeType === 'layoutColumn' && expValEquals('platform_editor_layout_column_menu', 'isEnabled', true)) {
@@ -623,7 +547,7 @@ export var DragHandle = function DragHandle(_ref2) {
           pos: startPos,
           rootPos: tr.doc.resolve(startPos).before(1)
         };
-        api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.toggleBlockMenu({
+        api === null || api === void 0 || (_api$blockControls4 = api.blockControls) === null || _api$blockControls4 === void 0 || _api$blockControls4.commands.toggleBlockMenu({
           anchorName: anchorName,
           triggerByNode: triggerByNode,
           openedViaKeyboard: true
@@ -657,19 +581,19 @@ export var DragHandle = function DragHandle(_ref2) {
           start: start
         };
       },
-      onGenerateDragPreview: function onGenerateDragPreview(_ref7) {
-        var _api$core6, _api$blockControls$sh2;
-        var nativeSetDragImage = _ref7.nativeSetDragImage;
-        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(function (_ref8) {
-          var tr = _ref8.tr;
+      onGenerateDragPreview: function onGenerateDragPreview(_ref5) {
+        var _api$core3, _api$blockControls$sh;
+        var nativeSetDragImage = _ref5.nativeSetDragImage;
+        api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(function (_ref6) {
+          var tr = _ref6.tr;
           var handlePos = getPos();
           if (typeof handlePos !== 'number') {
             return tr;
           }
           var newHandlePosCheck = isHandleCorrelatedToSelection(view.state, tr.selection, handlePos);
           if (!tr.selection.empty && newHandlePosCheck) {
-            var _api$blockControls6;
-            api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setMultiSelectPositions()({
+            var _api$blockControls5;
+            api === null || api === void 0 || (_api$blockControls5 = api.blockControls) === null || _api$blockControls5 === void 0 || _api$blockControls5.commands.setMultiSelectPositions()({
               tr: tr
             });
           } else {
@@ -683,7 +607,7 @@ export var DragHandle = function DragHandle(_ref2) {
           selection = state.selection;
         var sliceFrom = selection.from;
         var sliceTo = selection.to;
-        var mSelect = api === null || api === void 0 || (_api$blockControls$sh2 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh2 === void 0 ? void 0 : _api$blockControls$sh2.multiSelectDnD;
+        var mSelect = api === null || api === void 0 || (_api$blockControls$sh = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh === void 0 ? void 0 : _api$blockControls$sh.multiSelectDnD;
         if (mSelect) {
           var anchor = mSelect.anchor,
             head = mSelect.head;
@@ -738,8 +662,8 @@ export var DragHandle = function DragHandle(_ref2) {
               };
             }
           },
-          render: function render(_ref9) {
-            var container = _ref9.container;
+          render: function render(_ref7) {
+            var container = _ref7.container;
             var dom = view.dom.querySelector("[".concat(getAnchorAttrName(), "=\"").concat(anchorName, "\"]"));
             if (!dom) {
               return;
@@ -771,17 +695,17 @@ export var DragHandle = function DragHandle(_ref2) {
         });
       },
       onDragStart: function onDragStart() {
-        var _api$core7;
+        var _api$core4;
         if (start === undefined) {
           return;
         }
-        api === null || api === void 0 || (_api$core7 = api.core) === null || _api$core7 === void 0 || _api$core7.actions.execute(function (_ref0) {
-          var _api$blockControls$sh3, _api$blockControls7, _api$analytics3;
-          var tr = _ref0.tr;
+        api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(function (_ref8) {
+          var _api$blockControls$sh2, _api$blockControls6, _api$analytics2;
+          var tr = _ref8.tr;
           var nodeTypes, hasSelectedMultipleNodes;
           var resolvedMovingNode = tr.doc.resolve(start);
           var maybeNode = resolvedMovingNode.nodeAfter;
-          var mSelect = api === null || api === void 0 || (_api$blockControls$sh3 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh3 === void 0 ? void 0 : _api$blockControls$sh3.multiSelectDnD;
+          var mSelect = api === null || api === void 0 || (_api$blockControls$sh2 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh2 === void 0 ? void 0 : _api$blockControls$sh2.multiSelectDnD;
           if (mSelect) {
             var attributes = getMultiSelectAnalyticsAttributes(tr, mSelect.anchor, mSelect.head);
             nodeTypes = attributes.nodeTypes;
@@ -790,11 +714,11 @@ export var DragHandle = function DragHandle(_ref2) {
             nodeTypes = maybeNode === null || maybeNode === void 0 ? void 0 : maybeNode.type.name;
             hasSelectedMultipleNodes = false;
           }
-          api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 || _api$blockControls7.commands.setNodeDragged(getPos, anchorName, nodeType)({
+          api === null || api === void 0 || (_api$blockControls6 = api.blockControls) === null || _api$blockControls6 === void 0 || _api$blockControls6.commands.setNodeDragged(getPos, anchorName, nodeType)({
             tr: tr
           });
           tr.setMeta('scrollIntoView', false);
-          api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.attachAnalyticsEvent({
+          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
             eventType: EVENT_TYPE.UI,
             action: ACTION.DRAGGED,
             actionSubject: ACTION_SUBJECT.ELEMENT,
@@ -1024,11 +948,11 @@ export var DragHandle = function DragHandle(_ref2) {
     setDragHandleSelected(isHandleCorrelatedToSelection(view.state, selection, start));
   }, [start, selection, view]);
   useEffect(function () {
-    var _api$blockControls$sh4;
+    var _api$blockControls$sh3;
     if (isShiftDown === undefined || view.state.selection.empty || !fg('platform_editor_elements_dnd_shift_click_select')) {
       return;
     }
-    var mSelect = api === null || api === void 0 || (_api$blockControls$sh4 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh4 === void 0 ? void 0 : _api$blockControls$sh4.multiSelectDnD;
+    var mSelect = api === null || api === void 0 || (_api$blockControls$sh3 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh3 === void 0 ? void 0 : _api$blockControls$sh3.multiSelectDnD;
     var $anchor = (mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) !== undefined ? view.state.doc.resolve(mSelect === null || mSelect === void 0 ? void 0 : mSelect.anchor) : view.state.selection.$anchor;
     var isLayoutColumnMenuEnabled = expValEquals('platform_editor_layout_column_menu', 'isEnabled', true);
     if (isShiftDown && !(isLayoutColumnMenuEnabled && isLayoutColumn) && (!isTopLevelNodeValue || isTopLevelNodeValue && $anchor.depth > DRAG_HANDLE_MAX_SHIFT_CLICK_DEPTH)) {
@@ -1036,15 +960,15 @@ export var DragHandle = function DragHandle(_ref2) {
     } else {
       setDragHandleDisabled(false);
     }
-  }, [api === null || api === void 0 || (_api$blockControls8 = api.blockControls) === null || _api$blockControls8 === void 0 ? void 0 : _api$blockControls8.sharedState, isLayoutColumn, isShiftDown, isTopLevelNodeValue, view]);
-  var dragHandleMessage = editorExperiment('platform_editor_block_menu', true) ? formatMessage(blockControlsMessages.dragToMoveClickToOpen, {
+  }, [api === null || api === void 0 || (_api$blockControls7 = api.blockControls) === null || _api$blockControls7 === void 0 ? void 0 : _api$blockControls7.sharedState, isLayoutColumn, isShiftDown, isTopLevelNodeValue, view]);
+  var dragHandleMessage = formatMessage(blockControlsMessages.dragToMoveClickToOpen, {
     br: jsx("br", null)
-  }) : formatMessage(blockControlsMessages.dragToMove);
+  });
 
   // Create a string version for aria-label
-  var dragHandleAriaLabel = expValEquals('platform_editor_block_menu', 'isEnabled', true) ? formatMessage(blockControlsMessages.dragToMoveClickToOpen, {
+  var dragHandleAriaLabel = formatMessage(blockControlsMessages.dragToMoveClickToOpen, {
     br: ' '
-  }) : formatMessage(blockControlsMessages.dragToMove);
+  });
   var helpDescriptors = isTopLevelNodeValue ? [{
     description: dragHandleMessage
   }, {
@@ -1126,15 +1050,15 @@ export var DragHandle = function DragHandle(_ref2) {
         css: [editorExperiment('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, editorExperiment('platform_editor_controls', 'variant1') && dragHandleColor,
         // ED-26266: Fixed the drag handle highlight when selecting multiple line in Firefox
         // See https://product-fabric.atlassian.net/browse/ED-26266
-        browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, editorExperiment('platform_editor_block_menu', true) && isFocused && keyboardFocusedDragHandleStyles, editorExperiment('platform_editor_block_menu', true) ? focusedStyles : focusedStylesOld, dragHandleButtonScaledStyles],
+        browser.gecko && dragHandleMultiLineSelectionFixFirefox, editorExperiment('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles, isFocused && keyboardFocusedDragHandleStyles, focusedStyles, dragHandleButtonScaledStyles],
         ref: buttonRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: !editorExperiment('platform_editor_controls', 'variant1') ? positionStylesOld : {},
         onMouseDown: expValEqualsNoExposure('platform_editor_selection_toolbar_block_handle', 'isEnabled', true) ? handleMouseDown : undefined,
-        onMouseUp: editorExperiment('platform_editor_block_menu', true) ? handleMouseUp : undefined,
-        onClick: editorExperiment('platform_editor_block_menu', true) ? handleOnClickNew : handleOnClick,
-        onKeyDown: editorExperiment('platform_editor_block_menu', true) ? handleKeyDownNew : handleKeyDown
+        onMouseUp: handleMouseUp,
+        onClick: handleOnClickNew,
+        onKeyDown: handleKeyDownNew
         // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop
         ,
         onDrop: handleOnDrop,
@@ -1144,14 +1068,12 @@ export var DragHandle = function DragHandle(_ref2) {
         "data-testid": "block-ctrl-drag-handle",
         "aria-label": dragHandleAriaLabel,
         onBlur: function onBlur() {
-          if (editorExperiment('platform_editor_block_menu', true)) {
-            setIsFocused(false);
-          }
+          setIsFocused(false);
           var pos = getPos();
           if (pos !== undefined) {
-            var _api$core8;
-            api === null || api === void 0 || (_api$core8 = api.core) === null || _api$core8 === void 0 || _api$core8.actions.execute(function (_ref1) {
-              var tr = _ref1.tr;
+            var _api$core5;
+            api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(function (_ref9) {
+              var tr = _ref9.tr;
               tr.setMeta(key, {
                 activeNode: {
                   pos: pos,
@@ -1245,16 +1167,16 @@ export var DragHandle = function DragHandle(_ref2) {
   var render = isTooltip ? buttonWithTooltip() : renderButton();
   return editorExperiment('platform_editor_controls', 'variant1') ? stickyRender : render;
 };
-export var DragHandleWithVisibility = function DragHandleWithVisibility(_ref10) {
-  var view = _ref10.view,
-    api = _ref10.api,
-    formatMessage = _ref10.formatMessage,
-    getPos = _ref10.getPos,
-    anchorName = _ref10.anchorName,
-    nodeType = _ref10.nodeType,
-    handleOptions = _ref10.handleOptions,
-    isTopLevelNode = _ref10.isTopLevelNode,
-    anchorRectCache = _ref10.anchorRectCache;
+export var DragHandleWithVisibility = function DragHandleWithVisibility(_ref0) {
+  var view = _ref0.view,
+    api = _ref0.api,
+    formatMessage = _ref0.formatMessage,
+    getPos = _ref0.getPos,
+    anchorName = _ref0.anchorName,
+    nodeType = _ref0.nodeType,
+    handleOptions = _ref0.handleOptions,
+    isTopLevelNode = _ref0.isTopLevelNode,
+    anchorRectCache = _ref0.anchorRectCache;
   var rightSideControlsEnabled = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
     var _states$blockControls2, _states$blockControls3;
     return {

package/dist/types/pm-plugins/utils/getSelection.d.ts

@@ -17,7 +17,7 @@ export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeS
  * @returns The appropriate selection for the node.
  */
 export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | TextSelection | NodeSelection;
-export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | TextSelection | NodeSelection;
+export declare const getSelection: (tr: Transaction, start: number) => false | TextSelection | NodeSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "20.0.0",
+	"version": "20.0.1",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -61,7 +61,7 @@
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^199.0.0",
+		"@atlaskit/tmp-editor-statsig": "^200.0.0",
 		"@atlaskit/tokens": "^18.2.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@babel/runtime": "^7.0.0",