@atlaskit/editor-plugin-block-controls 6.3.2 → 6.3.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 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
+
+- [`6b6eca9cee16d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b6eca9cee16d) -
+  Switch to use editorExperiment to use productKey for responsive preview panel changes.
+- Updated dependencies
+
 ## 6.3.2
 
 ### Patch Changes

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/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/ui/drag-handle.js

@@ -238,7 +238,7 @@ var selectedStyles = (0, _react2.css)({
 // icon span receives dragStart event, instead of button, and since it is not registered as a draggable element
 // with pragmatic DnD and pragmatic DnD is not triggered
 var handleIconDragStart = function handleIconDragStart(e) {
-  if (!_browser.browser.chrome || !(0, _platformFeatureFlags.fg)('platform_editor_dnd_update_drag_start_target')) {
+  if (!_browser.browser.chrome) {
     return;
   }
   // prevent dragStart handler triggered by icon
@@ -416,35 +416,33 @@ 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.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]);
   (0, _react.useEffect)(function () {
@@ -769,7 +767,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();
@@ -881,7 +879,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
         css: [(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? dragHandleButtonStyles : dragHandleButtonStylesOld, (0, _experiments.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.browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles],
+        _browser.browser.gecko && dragHandleMultiLineSelectionFixFirefox, (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn && layoutColumnDragHandleStyles, dragHandleSelected && hasHadInteraction && selectedStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && (0, _experiments.editorExperiment)('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles],
         ref: buttonRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
@@ -964,7 +962,7 @@ 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;

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

@@ -404,6 +404,8 @@ var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWra
     disabled: !(0, _expValEquals.expValEquals)('platform_editor_block_controls_perf_optimization', 'isEnabled', true)
   });
   return (0, _react.jsx)(_react.Global, {
-    styles: [globalStyles(), globalDnDStyle, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, (0, _experiments.editorExperiment)('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
+    styles: [globalStyles(), globalDnDStyle, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && ((0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) ? (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, (0, _experiments.editorExperiment)('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
   });
 };

package/dist/cjs/ui/visibility-container.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _primitives = require("@atlaskit/primitives");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -53,7 +53,9 @@ var VisibilityContainer = exports.VisibilityContainer = function VisibilityConta
   var isEditing = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isEditing');
   var isMouseOut = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isMouseOut');
   var shouldHide = isTypeAheadOpen || isEditing || isMouseOut;
-  if ((0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+  if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  })) {
     return (0, _react2.jsx)("div", {
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);

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/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/ui/drag-handle.js

@@ -233,7 +233,7 @@ const selectedStyles = css({
 // icon span receives dragStart event, instead of button, and since it is not registered as a draggable element
 // with pragmatic DnD and pragmatic DnD is not triggered
 const handleIconDragStart = e => {
-  if (!browser.chrome || !fg('platform_editor_dnd_update_drag_start_target')) {
+  if (!browser.chrome) {
     return;
   }
   // prevent dragStart handler triggered by icon
@@ -396,34 +396,32 @@ 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.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]);
   useEffect(() => {
@@ -759,7 +757,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();
@@ -870,7 +868,7 @@ export const DragHandle = ({
     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, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles],
+    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],
     ref: buttonRef
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
@@ -945,7 +943,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/es2019/ui/global-styles.js

@@ -475,6 +475,8 @@ export const GlobalStylesWrapper = ({
     disabled: !expValEquals('platform_editor_block_controls_perf_optimization', 'isEnabled', true)
   });
   return jsx(Global, {
-    styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, editorExperiment('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
+    styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, editorExperiment('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
   });
 };

package/dist/es2019/ui/visibility-container.js

@@ -10,7 +10,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const baseStyles = xcss({
   transition: 'opacity 0.1s ease-in-out, visibility 0.1s ease-in-out'
 });
@@ -46,7 +46,9 @@ export const VisibilityContainer = ({
   const isEditing = useSharedPluginStateSelector(api, 'blockControls.isEditing');
   const isMouseOut = useSharedPluginStateSelector(api, 'blockControls.isMouseOut');
   const shouldHide = isTypeAheadOpen || isEditing || isMouseOut;
-  if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  })) {
     return jsx("div", {
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);

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/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/ui/drag-handle.js

@@ -235,7 +235,7 @@ var selectedStyles = css({
 // icon span receives dragStart event, instead of button, and since it is not registered as a draggable element
 // with pragmatic DnD and pragmatic DnD is not triggered
 var handleIconDragStart = function handleIconDragStart(e) {
-  if (!browser.chrome || !fg('platform_editor_dnd_update_drag_start_target')) {
+  if (!browser.chrome) {
     return;
   }
   // prevent dragStart handler triggered by icon
@@ -413,35 +413,33 @@ 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.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]);
   useEffect(function () {
@@ -766,7 +764,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();
@@ -878,7 +876,7 @@ export var DragHandle = function DragHandle(_ref) {
         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, expValEqualsNoExposure('platform_editor_preview_panel_responsiveness', 'isEnabled', true) && editorExperiment('platform_editor_controls', 'control') && dragHandleButtonSmallScreenStyles],
+        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],
         ref: buttonRef
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
@@ -961,7 +959,7 @@ 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;

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

@@ -397,6 +397,8 @@ export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
     disabled: !expValEquals('platform_editor_block_controls_perf_optimization', 'isEnabled', true)
   });
   return jsx(Global, {
-    styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, editorExperiment('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
+    styles: [globalStyles(), globalDnDStyle, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedHoverZoneNext() : extendedHoverZone(), isDragging && (expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendedDragZoneNext : extendedDragZone), editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    }) ? expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? extendHoverZoneReducedNext : extendHoverZoneReduced : undefined, editorExperiment('platform_editor_controls', 'variant1') ? undefined : withInlineNodeStyle, editorExperiment('platform_editor_block_control_optimise_render', true) ? quickInsertStyles : undefined, withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, headingWithIndentationInLayoutStyleFix, editorExperiment('advanced_layouts', true) ? blockCardWithoutLayout : undefined, withDividerInPanelStyleFix, withFormatInLayoutStyleFix, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withRelativePosStyleNext : withRelativePosStyle, topLevelNodeMarginStyles, expValEquals('platform_editor_native_anchor_support', 'isEnabled', true) ? withAnchorNameZindexStyleNext : withAnchorNameZindexStyle]
   });
 };

package/dist/esm/ui/visibility-container.js

@@ -11,7 +11,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var baseStyles = xcss({
   transition: 'opacity 0.1s ease-in-out, visibility 0.1s ease-in-out'
 });
@@ -44,7 +44,9 @@ export var VisibilityContainer = function VisibilityContainer(_ref) {
   var isEditing = useSharedPluginStateSelector(api, 'blockControls.isEditing');
   var isMouseOut = useSharedPluginStateSelector(api, 'blockControls.isMouseOut');
   var shouldHide = isTypeAheadOpen || isEditing || isMouseOut;
-  if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  })) {
     return jsx("div", {
       css: [baseStylesCSS, shouldHide ? hiddenStylesCSS : visibleStylesCSS]
     }, children);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "6.3.2",
+	"version": "6.3.4",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.14.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.24.0",
+		"@atlaskit/tmp-editor-statsig": "^12.25.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.8.0",
+		"@atlaskit/editor-common": "^109.10.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -108,15 +108,9 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_editor_element_drag_and_drop_ed_23873": {
-			"type": "boolean"
-		},
 		"platform_editor_use_nested_table_pm_nodes": {
 			"type": "boolean"
 		},
-		"platform_editor_dnd_update_drag_start_target": {
-			"type": "boolean"
-		},
 		"platform_editor_track_node_types": {
 			"type": "boolean"
 		},