@atlaskit/editor-plugin-block-controls 17.2.4 → 17.3.0

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.key = exports.getDecorations = exports.getBlockControlsMeta = exports.createPlugin = exports.apply = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _browserApis = require("@atlaskit/browser-apis");
@@ -26,7 +27,7 @@ var _element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
 var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../ui/consts");
 var _domAttrName = require("../ui/utils/dom-attr-name");
 var _decorationsAnchor = require("./decorations-anchor");
@@ -246,7 +247,7 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
   var anchorRectCache = arguments.length > 10 ? arguments[10] : undefined;
   var resizeObserverWidth = arguments.length > 11 ? arguments[11] : undefined;
   var pragmaticCleanup = arguments.length > 12 ? arguments[12] : undefined;
-  var resolvedSurface = arguments.length > 13 ? arguments[13] : undefined;
+  var resolvedSurfaces = arguments.length > 13 && arguments[13] !== undefined ? arguments[13] : [];
   var activeNode = currentState.activeNode,
     decorations = currentState.decorations,
     isResizerResizing = currentState.isResizerResizing,
@@ -313,7 +314,7 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
         // Which caused the drag handle onClick event not firing, then block menu wouldn't be opened
         // This is caused by the mappedPos.deletedAfter sometimes returning true in webkit browsers even though the active node still exists
         // This is likely a prosemirror and safari integration bug, but to unblock the issue, we are going to use mappedPos.deleted in safari for now
-        if (browser.webkit && (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+        if (browser.webkit && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
           _mappedPos = tr.mapping.mapResult(activeNode.pos);
           isActiveNodeDeleted = _mappedPos.deleted;
         } else {
@@ -364,7 +365,7 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
 
   // Re-create node decorations
   var isDecSetEmpty = decorations === _view.DecorationSet.empty;
-  var isNodeDecsMissing = isDecSetEmpty || maybeNodeCountChanged || (0, _experiments.editorExperiment)('platform_editor_breakout_resizing', true) && hasJustFinishedResizing;
+  var isNodeDecsMissing = isDecSetEmpty || maybeNodeCountChanged || (0, _editorExperiment.editorExperiment)('platform_editor_breakout_resizing', true) && hasJustFinishedResizing;
   var shouldRedrawNodeDecs = !isResizerResizing && (isNodeDecsMissing || (meta === null || meta === void 0 ? void 0 : meta.isDragging)) &&
   // Skip expensive anchor node decoration recalculations when native anchor support is enabled
   !(0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true);
@@ -811,26 +812,26 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
     // handle - so findHandleDec is always empty. Don't clear activeNode in that case.
     var hasHandleOrViewModeControls = (0, _decorationsDragHandle.findHandleDec)(decorations, (_latestActiveNode11 = latestActiveNode) === null || _latestActiveNode11 === void 0 ? void 0 : _latestActiveNode11.pos, (_latestActiveNode12 = latestActiveNode) === null || _latestActiveNode12 === void 0 ? void 0 : _latestActiveNode12.pos).length > 0 || isViewMode && rightSideControlsEnabled || !flags.legacyDragHandleEnabled;
     // Keep the registry surface mounted while its Block Menu owns focus.
-    var keepActiveNodeForOpenBlockMenu = !flags.legacyDragHandleEnabled && isMenuOpen && (0, _experiments.editorExperiment)('platform_editor_block_menu', true);
+    var keepActiveNodeForOpenBlockMenu = !flags.legacyDragHandleEnabled && isMenuOpen && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true);
     newActiveNode = meta !== null && meta !== void 0 && meta.editorBlurred && !keepActiveNodeForOpenBlockMenu || !(meta !== null && meta !== void 0 && meta.activeNode) && !hasHandleOrViewModeControls ? null : latestActiveNode;
   } else {
     var _latestActiveNode13, _latestActiveNode14;
     newActiveNode = isEmptyDoc || !(meta !== null && meta !== void 0 && meta.activeNode) && flags.legacyDragHandleEnabled && (0, _decorationsDragHandle.findHandleDec)(decorations, (_latestActiveNode13 = latestActiveNode) === null || _latestActiveNode13 === void 0 ? void 0 : _latestActiveNode13.pos, (_latestActiveNode14 = latestActiveNode) === null || _latestActiveNode14 === void 0 ? void 0 : _latestActiveNode14.pos).length === 0 ? null : latestActiveNode;
   }
-  if (flags.surfaceNodePositionsEnabled && resolvedSurface) {
+  if (flags.surfaceNodePositionsEnabled && resolvedSurfaces.length > 0) {
     surfaceNodePositions = (0, _surfaceNodePositions.updateSurfaceNodePositions)({
       activeNode: newActiveNode,
       currentPositions: surfaceNodePositions,
       from: from,
       newState: newState,
       previousActiveNode: previousActiveNode,
-      resolvedSurface: resolvedSurface,
+      resolvedSurfaces: resolvedSurfaces,
       to: to,
       tr: tr
     });
   }
   var isMenuOpenNew = isMenuOpen;
-  if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     if (meta !== null && meta !== void 0 && meta.closeMenu) {
       isMenuOpenNew = false;
     } else if (meta !== null && meta !== void 0 && meta.toggleMenu) {
@@ -853,9 +854,9 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
     activeDropTargetNode: currentActiveDropTargetNode,
     isDragging: (_meta$isDragging3 = meta === null || meta === void 0 ? void 0 : meta.isDragging) !== null && _meta$isDragging3 !== void 0 ? _meta$isDragging3 : isDragging,
     isMenuOpen: isMenuOpenNew,
-    menuTriggerBy: flags.toolbarFlagsEnabled || (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? (meta === null || meta === void 0 || (_meta$toggleMenu = meta.toggleMenu) === null || _meta$toggleMenu === void 0 ? void 0 : _meta$toggleMenu.anchorName) || menuTriggerBy : undefined,
+    menuTriggerBy: flags.toolbarFlagsEnabled || (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? (meta === null || meta === void 0 || (_meta$toggleMenu = meta.toggleMenu) === null || _meta$toggleMenu === void 0 ? void 0 : _meta$toggleMenu.anchorName) || menuTriggerBy : undefined,
     menuTriggerByNode: (meta === null || meta === void 0 || (_meta$toggleMenu2 = meta.toggleMenu) === null || _meta$toggleMenu2 === void 0 ? void 0 : _meta$toggleMenu2.triggerByNode) || menuTriggerByNode,
-    blockMenuOptions: (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? {
+    blockMenuOptions: (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true) ? {
       canMoveUp: (meta === null || meta === void 0 || (_meta$toggleMenu3 = meta.toggleMenu) === null || _meta$toggleMenu3 === void 0 ? void 0 : _meta$toggleMenu3.moveUp) !== undefined ? meta === null || meta === void 0 || (_meta$toggleMenu4 = meta.toggleMenu) === null || _meta$toggleMenu4 === void 0 ? void 0 : _meta$toggleMenu4.moveUp : blockMenuOptions === null || blockMenuOptions === void 0 ? void 0 : blockMenuOptions.canMoveUp,
       canMoveDown: (meta === null || meta === void 0 || (_meta$toggleMenu5 = meta.toggleMenu) === null || _meta$toggleMenu5 === void 0 ? void 0 : _meta$toggleMenu5.moveDown) !== undefined ? meta === null || meta === void 0 || (_meta$toggleMenu6 = meta.toggleMenu) === null || _meta$toggleMenu6 === void 0 ? void 0 : _meta$toggleMenu6.moveDown : blockMenuOptions === null || blockMenuOptions === void 0 ? void 0 : blockMenuOptions.canMoveDown,
       openedViaKeyboard: (meta === null || meta === void 0 || (_meta$toggleMenu7 = meta.toggleMenu) === null || _meta$toggleMenu7 === void 0 ? void 0 : _meta$toggleMenu7.openedViaKeyboard) !== undefined ? meta === null || meta === void 0 || (_meta$toggleMenu8 = meta.toggleMenu) === null || _meta$toggleMenu8 === void 0 ? void 0 : _meta$toggleMenu8.openedViaKeyboard : blockMenuOptions === null || blockMenuOptions === void 0 ? void 0 : blockMenuOptions.openedViaKeyboard
@@ -873,14 +874,15 @@ var _apply = exports.apply = function apply(api, formatMessage, tr, currentState
   };
 };
 var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, nodeViewPortalProviderAPI, nodeDecorationRegistry) {
-  var _api$uiControlRegistr, _api$uiControlRegistr2;
+  var _api$uiControlRegistr, _api$uiControlRegistr2, _api$uiControlRegistr3, _api$uiControlRegistr4;
   var rightSideControlsEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var quickInsertButtonEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
   var legacyDragHandleEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
   var surfaceNodePositionsEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+  var rightSurfaceEnabled = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   var _getIntl = getIntl(),
     formatMessage = _getIntl.formatMessage;
-  var isAdvancedLayoutEnabled = (0, _experiments.editorExperiment)('advanced_layouts', true, {
+  var isAdvancedLayoutEnabled = (0, _editorExperiment.editorExperiment)('advanced_layouts', true, {
     exposure: true
   });
   var toolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
@@ -889,7 +891,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
     surfaceNodePositionsEnabled: surfaceNodePositionsEnabled,
     toolbarFlagsEnabled: toolbarFlagsEnabled
   };
-  var resolvedSurface = surfaceNodePositionsEnabled ? (0, _surfaceRenderer.resolveSurface)((_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(_surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [], _surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE) : undefined;
+  var resolvedSurfaces = surfaceNodePositionsEnabled ? [(0, _surfaceRenderer.resolveSurface)((_api$uiControlRegistr = api === null || api === void 0 || (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(_surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : [], _surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE)].concat((0, _toConsumableArray2.default)(rightSurfaceEnabled ? [(0, _surfaceRenderer.resolveSurface)((_api$uiControlRegistr3 = api === null || api === void 0 || (_api$uiControlRegistr4 = api.uiControlRegistry) === null || _api$uiControlRegistr4 === void 0 ? void 0 : _api$uiControlRegistr4.actions.getComponents(_surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE)) !== null && _api$uiControlRegistr3 !== void 0 ? _api$uiControlRegistr3 : [], _surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE)] : [])) : [];
   var anchorRectCache;
   if (!(0, _anchorUtils.isAnchorSupported)()) {
     anchorRectCache = new _anchorUtils.AnchorRectCache();
@@ -901,11 +903,11 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
     state: {
       init: function init(_config, editorState) {
         return _objectSpread(_objectSpread({}, initialState), {}, {
-          surfaceNodePositions: resolvedSurface ? (0, _surfaceNodePositions.getSurfaceNodePositions)(editorState, resolvedSurface) : []
+          surfaceNodePositions: resolvedSurfaces.length > 0 ? (0, _surfaceNodePositions.getSurfaceNodePositions)(editorState, resolvedSurfaces) : []
         });
       },
       apply: function apply(tr, currentState, _, newState) {
-        return _apply(api, formatMessage, tr, currentState, newState, flags, nodeViewPortalProviderAPI, nodeDecorationRegistry, rightSideControlsEnabled, quickInsertButtonEnabled, anchorRectCache, resizeObserverWidth, pragmaticCleanup, resolvedSurface);
+        return _apply(api, formatMessage, tr, currentState, newState, flags, nodeViewPortalProviderAPI, nodeDecorationRegistry, rightSideControlsEnabled, quickInsertButtonEnabled, anchorRectCache, resizeObserverWidth, pragmaticCleanup, resolvedSurfaces);
       }
     },
     props: {
@@ -1083,7 +1085,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
           if (api !== null && api !== void 0 && (_api$limitedMode7 = api.limitedMode) !== null && _api$limitedMode7 !== void 0 && (_api$limitedMode7 = _api$limitedMode7.sharedState.currentState()) !== null && _api$limitedMode7 !== void 0 && _api$limitedMode7.enabled) {
             return;
           }
-          return (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _handleMouseDown.handleMouseDown)(api)(view, event) : undefined;
+          return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _handleMouseDown.handleMouseDown)(api)(view, event) : undefined;
         },
         keydown: function keydown(view, event) {
           var _api$limitedMode8;
@@ -1097,13 +1099,13 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
               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, _experiments.editorExperiment)('platform_editor_block_menu', true) ? _styles.DRAG_HANDLE_SELECTOR : '[data-editor-block-ctrl-drag-handle="true"]') !== null;
+          if ((event.key === 'Enter' || event.key === ' ') && event.target instanceof HTMLElement && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
+            var isDragHandle = event.target.closest((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', 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));
           }
-          if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.key === 'ArrowDown' || event.key === 'ArrowUp') && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+          if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight' || event.key === 'ArrowDown' || event.key === 'ArrowUp') && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
             var _api$blockControls$sh2, _api$blockControls$sh3;
-            var isBlockMenuOpen = (api === null || api === void 0 || (_api$blockControls$sh2 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh2 === void 0 ? void 0 : _api$blockControls$sh2.isMenuOpen) && (0, _experiments.editorExperiment)('platform_editor_block_menu', true);
+            var isBlockMenuOpen = (api === null || api === void 0 || (_api$blockControls$sh2 = api.blockControls.sharedState.currentState()) === null || _api$blockControls$sh2 === void 0 ? void 0 : _api$blockControls$sh2.isMenuOpen) && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true);
             // when block menu is just open, and we press arrow keys, we want to use the arrow keys to navigate the block menu
             // in this scenario, isSelectedViaDragHandle should not be set to false
             if (api !== null && api !== void 0 && (_api$blockControls$sh3 = api.blockControls.sharedState.currentState()) !== null && _api$blockControls$sh3 !== void 0 && _api$blockControls$sh3.isSelectedViaDragHandle && !isBlockMenuOpen) {
@@ -1133,7 +1135,7 @@ var createPlugin = exports.createPlugin = function createPlugin(api, getIntl, no
           if (api !== null && api !== void 0 && (_api$limitedMode0 = api.limitedMode) !== null && _api$limitedMode0 !== void 0 && (_api$limitedMode0 = _api$limitedMode0.sharedState.currentState()) !== null && _api$limitedMode0 !== void 0 && _api$limitedMode0.enabled) {
             return;
           }
-          if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+          if ((0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')) {
             var _api$core2;
             // Focus moving into the registry surface remains inside the editor experience.
             var isChildOfSurface = !flags.legacyDragHandleEnabled && event.relatedTarget instanceof HTMLElement && event.relatedTarget.closest(_consts.BLOCK_CONTROLS_SURFACE_SELECTOR) !== null;

package/dist/cjs/pm-plugins/react-root-registry.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.unmountFromMountPoint = exports.renderToMountPoint = void 0;
 var _reactDom = _interopRequireWildcard(require("react-dom"));
 var _client = require("react-dom/client");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * Shared registry of React roots created via `createRoot`.
@@ -21,16 +21,16 @@ var reactRoots = new WeakMap();
 /**
  * Mounts `element` into `mountPoint`.
  *
- * When `nike_r19_render_unmount` is **on**, uses the React 18/19 `createRoot`
+ * When `platform_editor_react19_migration` is **on**, uses the React 18/19 `createRoot`
  * API wrapped in `flushSync` so the render is synchronous – matching the
  * legacy `ReactDOM.render` timing that ProseMirror decoration widgets depend
  * on (focus management, anchor positioning, block-menu visibility all read
  * the rendered DOM immediately after the callback returns).
  *
- * When the gate is **off**, falls back to the legacy `ReactDOM.render` path.
+ * Otherwise, falls back to the legacy `ReactDOM.render` path.
  */
 var renderToMountPoint = exports.renderToMountPoint = function renderToMountPoint(element, mountPoint) {
-  if ((0, _fg.fg)('nike_r19_render_unmount')) {
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_react19_migration')) {
     var root = reactRoots.get(mountPoint);
     if (!root) {
       root = (0, _client.createRoot)(mountPoint);
@@ -51,13 +51,13 @@ var renderToMountPoint = exports.renderToMountPoint = function renderToMountPoin
 /**
  * Unmounts the React tree at `mountPoint`.
  *
- * When `nike_r19_render_unmount` is **on**, looks up the root in the shared
+ * When `platform_editor_react19_migration` is **on**, looks up the root in the shared
  * registry, calls `root.unmount()`, and removes the entry.
  *
- * When the gate is **off**, falls back to `ReactDOM.unmountComponentAtNode`.
+ * Otherwise, falls back to `ReactDOM.unmountComponentAtNode`.
  */
 var unmountFromMountPoint = exports.unmountFromMountPoint = function unmountFromMountPoint(mountPoint) {
-  if ((0, _fg.fg)('nike_r19_render_unmount')) {
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_react19_migration')) {
     var root = reactRoots.get(mountPoint);
     if (root) {
       root.unmount();

package/dist/cjs/pm-plugins/utils/active-anchor-tracker.js

@@ -11,7 +11,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _events = require("events");
 var _react = require("react");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var ActiveAnchorTracker = exports.ActiveAnchorTracker = /*#__PURE__*/function () {
   function ActiveAnchorTracker() {
     (0, _classCallCheck2.default)(this, ActiveAnchorTracker);
@@ -71,7 +71,7 @@ var useActiveAnchorTracker = exports.useActiveAnchorTracker = function useActive
     setIsActive(eventIsActive);
   };
   (0, _react.useEffect)(function () {
-    if (activeAnchorTracker && anchorName && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+    if (activeAnchorTracker && anchorName && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
       activeAnchorTracker.subscribe(anchorName, onActive);
       if (activeAnchorTracker.getActiveAnchor() === anchorName) {
         setIsActive(true);

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.maxLayoutColumnSupported = exports.MIN_LAYOUT_COLUMN = void 0;
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var maxLayoutColumnSupported = exports.maxLayoutColumnSupported = function maxLayoutColumnSupported() {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) ? 5 : 3;
+  return (0, _editorExperiment.editorExperiment)('advanced_layouts', true) ? 5 : 3;
 };
 var MIN_LAYOUT_COLUMN = exports.MIN_LAYOUT_COLUMN = 2;

package/dist/cjs/pm-plugins/utils/drag-handle-positions.js

@@ -9,7 +9,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../../ui/consts");
 var STICKY_NODES = ['panel', 'table', 'expand', 'layoutSection', 'bodiedExtension'];
 var getTopPosition = exports.getTopPosition = function getTopPosition(dom, type) {
@@ -67,24 +67,24 @@ var getStickyNodes = (0, _memoizeOne.default)(function () {
   return [].concat(STICKY_NODES, (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true) ? ['multiBodiedExtension'] : []));
 });
 var shouldBeSticky = exports.shouldBeSticky = function shouldBeSticky(nodeType) {
-  return (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && getStickyNodes().includes(nodeType);
+  return (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') && getStickyNodes().includes(nodeType);
 };
 var getControlBottomCSSValue = exports.getControlBottomCSSValue = function getControlBottomCSSValue(anchor, isSticky, isTopLevelNode, isLayoutColumn, fallbackAnchor) {
   if ((0, _expValEquals.expValEquals)('platform_editor_controls_reliable_anchor', 'isEnabled', true)) {
-    return (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
+    return (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
       bottom: 'unset'
     } : {
       bottom: fallbackAnchor ? "anchor(".concat(anchor, " end, anchor(").concat(fallbackAnchor, " end))") : "anchor(".concat(anchor, " end)")
     };
   }
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
+  return (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
     bottom: 'unset'
   } : {
     bottom: "anchor(".concat(anchor, " end)")
   };
 };
 var getControlHeightCSSValue = exports.getControlHeightCSSValue = function getControlHeightCSSValue(nodeHeight, isSticky, isTopLevelNode, fallbackPxHeight, isLayoutColumn) {
-  return (0, _experiments.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
+  return (0, _editorExperiment.editorExperiment)('advanced_layouts', true) && isLayoutColumn || !isSticky || !isTopLevelNode ? {
     height: 'unset'
   } : {
     height: "".concat(nodeHeight || fallbackPxHeight, "px")
@@ -93,6 +93,6 @@ var getControlHeightCSSValue = exports.getControlHeightCSSValue = function getCo
 var shouldMaskNodeControls = exports.shouldMaskNodeControls = function shouldMaskNodeControls(nodeType, isTopLevelNode) {
   return (
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    isTopLevelNode && ['table'].includes(nodeType) && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')
+    isTopLevelNode && ['table'].includes(nodeType) && (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1')
   );
 };

package/dist/cjs/pm-plugins/utils/expand-and-update-selection.js

@@ -10,7 +10,7 @@ var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _getSelection = require("./getSelection");
 var _selection2 = require("./selection");
 var isPosWithinRange = function isPosWithinRange(pos, range) {
@@ -66,7 +66,7 @@ var expandAndUpdateSelection = exports.expandAndUpdateSelection = function expan
     tr.setSelection(_state.TextSelection.create(tr.doc, Math.min(selection.from, expandedRange.$from.pos), Math.max(selection.to, expandedRange.$to.pos)));
   } else if (
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-  (0, _fg.fg)('platform_editor_maui_jira_updates') && ((0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar)) || (0, _experiments.editorExperiment)('platform_editor_block_menu', true))) {
+  (0, _fg.fg)('platform_editor_maui_jira_updates') && ((0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar)) || (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true))) {
     // Under the gate (and when on the simplified newGetSelection path), use
     // the platform-level composer — same path as open-remix-modal, no drift.
     (0, _nodeSelection.selectNodeAtPos)(tr, startPos, nodeType);

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

@@ -11,7 +11,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var getInlineNodePos = exports.getInlineNodePos = function getInlineNodePos(doc, start, nodeSize) {
   var $startPos = doc.resolve(start);
   // To trigger the annotation floating toolbar for non-selectable node, we need to select inline nodes
@@ -100,14 +100,14 @@ var newGetSelection = exports.newGetSelection = function newGetSelection(doc, se
   // inline nodes correctly with TextSelection.
   if (
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-  (0, _fg.fg)('platform_editor_maui_jira_updates') && (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  (0, _fg.fg)('platform_editor_maui_jira_updates') && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     return (0, _nodeSelection.getNodeSelectionForPos)(doc, start) || false;
   }
   var node = doc.nodeAt(start);
   var isNodeSelection = node && _state.NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;
   var nodeName = node === null || node === void 0 ? void 0 : node.type.name;
-  if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if ((0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     // if mediaGroup only has a single child, we want to select the child
     if (nodeName === 'mediaGroup' && (node === null || node === void 0 ? void 0 : node.childCount) === 1) {
       var $mediaStartPos = doc.resolve(start + 1);
@@ -142,7 +142,7 @@ var newGetSelection = exports.newGetSelection = function newGetSelection(doc, se
   return new _state.TextSelection(doc.resolve(inlineNodePos), doc.resolve(inlineNodeEndPos));
 };
 var getSelection = exports.getSelection = function getSelection(tr, start, api) {
-  if ((0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar)) || (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  if ((0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar)) || (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     return newGetSelection(tr.doc, tr.selection.empty, start);
   }
   return oldGetSelection(tr, start);
@@ -154,7 +154,7 @@ var selectNode = exports.selectNode = function selectNode(tr, start, nodeType, a
   // TextSelection) in legacy contexts where those flags are off.
   if (
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-  (0, _fg.fg)('platform_editor_maui_jira_updates') && (0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
+  (0, _fg.fg)('platform_editor_maui_jira_updates') && (0, _editorExperiment.editorExperiment)('platform_editor_block_menu', true)) {
     return (0, _nodeSelection.selectNodeAtPos)(tr, start, nodeType);
   }
   if (nodeType === 'table') {

package/dist/cjs/pm-plugins/utils/inline-drop-target.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldAllowInlineDropTarget = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _checkMediaLayout = require("./check-media-layout");
 var _consts = require("./consts");
 var syncedBlockTypes = ['syncBlock', 'bodiedSyncBlock'];
@@ -14,7 +14,7 @@ var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function
   var activeNode = arguments.length > 3 ? arguments[3] : undefined;
   var parentNode = arguments.length > 4 ? arguments[4] : undefined;
   var isInsideBodiedSyncBlock = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) === 'bodiedSyncBlock';
-  if ((0, _experiments.editorExperiment)('advanced_layouts', false) || isNested) {
+  if ((0, _editorExperiment.editorExperiment)('advanced_layouts', false) || isNested) {
     // If nested inside bodiedSyncBlock, enable inline drop target so user can drop to create a layout inside it
     if (isInsideBodiedSyncBlock) {
       return true;

package/dist/cjs/pm-plugins/utils/remove-from-source.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeFromSource = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _checkFragment = require("./check-fragment");
 var _consts = require("./consts");
 var _updateColumnWidths = require("./update-column-widths");
@@ -19,7 +19,7 @@ var removeFromSource = exports.removeFromSource = function removeFromSource(tr,
    * that contains only 2 child node, and single column layouts are not enabled.
    * In this case, we delete the layout column and replace it with its content.
    */
-  if (isLayoutColumn && !(0, _experiments.editorExperiment)('single_column_layouts', true)) {
+  if (isLayoutColumn && !(0, _editorExperiment.editorExperiment)('single_column_layouts', true)) {
     var sourceParent = $from.parent;
     if (sourceParent.childCount === _consts.MIN_LAYOUT_COLUMN) {
       // Only delete the layout content, but keep the layout column itself

package/dist/cjs/pm-plugins/utils/surface-node-positions.js

@@ -14,19 +14,39 @@ var createSurfaceContextAtPosition = function createSurfaceContextAtPosition(sta
   var blockControlsContext = (0, _blockControlsSurfaceContext.createBlockControlsSurfaceContextForPosition)(state, position, activeNode);
   return blockControlsContext ? (0, _types.createSurfaceContext)(_blockControlUiContext.BLOCK_CONTROL_UI_CONTEXT, blockControlsContext) : undefined;
 };
-var getSurfaceNodePositions = exports.getSurfaceNodePositions = function getSurfaceNodePositions(state, resolvedSurface, activeNode) {
+
+/**
+ * A position qualifies as soon as ANY of the given surfaces would render something for it.
+ * The surface context depends only on state/position/activeNode, not on which surface is being
+ * checked, so it's built once here rather than once per surface inside the `.some()`.
+ */
+var willAnySurfaceRenderAt = function willAnySurfaceRenderAt(surfaces, state, position, activeNode) {
+  var surfaceContext = createSurfaceContextAtPosition(state, position, activeNode);
+  return surfaces.some(function (_ref) {
+    var childrenMap = _ref.childrenMap,
+      root = _ref.root;
+    return (0, _surfaceRenderer.willComponentRender)(root, childrenMap, surfaceContext);
+  });
+};
+var getSurfaceNodePositions = exports.getSurfaceNodePositions = function getSurfaceNodePositions(state, resolvedSurfaces, activeNode) {
   var from = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var to = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : state.doc.content.size;
-  var root = resolvedSurface.root,
-    childrenMap = resolvedSurface.childrenMap;
-  if (!root) {
+  var surfaces = resolvedSurfaces.flatMap(function (_ref2) {
+    var childrenMap = _ref2.childrenMap,
+      root = _ref2.root;
+    return root ? [{
+      childrenMap: childrenMap,
+      root: root
+    }] : [];
+  });
+  if (surfaces.length === 0) {
     return [];
   }
   var positions = [];
   var start = Math.max(0, from);
   var end = Math.min(state.doc.content.size, Math.max(start, to));
   state.doc.nodesBetween(start, end, function (node, position) {
-    if (node.isBlock && (0, _surfaceRenderer.willComponentRender)(root, childrenMap, createSurfaceContextAtPosition(state, position, activeNode))) {
+    if (node.isBlock && willAnySurfaceRenderAt(surfaces, state, position, activeNode)) {
       positions.push(position);
     }
   });
@@ -35,25 +55,31 @@ var getSurfaceNodePositions = exports.getSurfaceNodePositions = function getSurf
 var hasActiveNodeChanged = function hasActiveNodeChanged(previousActiveNode, activeNode) {
   return (previousActiveNode === null || previousActiveNode === void 0 ? void 0 : previousActiveNode.pos) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.pos) || (previousActiveNode === null || previousActiveNode === void 0 ? void 0 : previousActiveNode.nodeType) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || (previousActiveNode === null || previousActiveNode === void 0 ? void 0 : previousActiveNode.rootPos) !== (activeNode === null || activeNode === void 0 ? void 0 : activeNode.rootPos);
 };
-var updateSurfaceNodePositions = exports.updateSurfaceNodePositions = function updateSurfaceNodePositions(_ref) {
-  var activeNode = _ref.activeNode,
-    currentPositions = _ref.currentPositions,
-    from = _ref.from,
-    newState = _ref.newState,
-    previousActiveNode = _ref.previousActiveNode,
-    resolvedSurface = _ref.resolvedSurface,
-    to = _ref.to,
-    tr = _ref.tr;
+var updateSurfaceNodePositions = exports.updateSurfaceNodePositions = function updateSurfaceNodePositions(_ref3) {
+  var activeNode = _ref3.activeNode,
+    currentPositions = _ref3.currentPositions,
+    from = _ref3.from,
+    newState = _ref3.newState,
+    previousActiveNode = _ref3.previousActiveNode,
+    resolvedSurfaces = _ref3.resolvedSurfaces,
+    to = _ref3.to,
+    tr = _ref3.tr;
   var activeNodeChanged = hasActiveNodeChanged(previousActiveNode, activeNode);
   if (!tr.docChanged && !activeNodeChanged) {
     return currentPositions;
   }
   var nextActiveNode = activeNode !== null && activeNode !== void 0 ? activeNode : undefined;
   if (activeNodeChanged) {
-    return getSurfaceNodePositions(newState, resolvedSurface, nextActiveNode);
+    return getSurfaceNodePositions(newState, resolvedSurfaces, nextActiveNode);
   }
-  var root = resolvedSurface.root,
-    childrenMap = resolvedSurface.childrenMap;
+  var surfaces = resolvedSurfaces.flatMap(function (_ref4) {
+    var childrenMap = _ref4.childrenMap,
+      root = _ref4.root;
+    return root ? [{
+      childrenMap: childrenMap,
+      root: root
+    }] : [];
+  });
   var mappedPositions = currentPositions.map(function (position) {
     return tr.mapping.mapResult(position, -1);
   }).filter(function (result) {
@@ -62,9 +88,9 @@ var updateSurfaceNodePositions = exports.updateSurfaceNodePositions = function u
     return result.pos;
   }).filter(function (position) {
     var node = newState.doc.nodeAt(position);
-    return Boolean((node === null || node === void 0 ? void 0 : node.isBlock) && root && (0, _surfaceRenderer.willComponentRender)(root, childrenMap, createSurfaceContextAtPosition(newState, position, nextActiveNode)));
+    return Boolean((node === null || node === void 0 ? void 0 : node.isBlock) && willAnySurfaceRenderAt(surfaces, newState, position, nextActiveNode));
   });
-  var changedPositions = getSurfaceNodePositions(newState, resolvedSurface, nextActiveNode, from - 1, to + 1);
+  var changedPositions = getSurfaceNodePositions(newState, resolvedSurfaces, nextActiveNode, from - 1, to + 1);
   return Array.from(new Set([].concat((0, _toConsumableArray2.default)(mappedPositions), (0, _toConsumableArray2.default)(changedPositions)))).sort(function (first, second) {
     return first - second;
   });

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

@@ -14,7 +14,7 @@ var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var isInsideTable = exports.isInsideTable = function isInsideTable(nodeType) {
   var _nodeType$schema$node = nodeType.schema.nodes,
     tableCell = _nodeType$schema$node.tableCell,
@@ -156,7 +156,7 @@ function canMoveNodeToIndex(destParent, indexIntoParent, srcNode, $destNodePos,
   var activeNodeType = srcNode === null || srcNode === void 0 ? void 0 : srcNode.type;
   var layoutColumnContent = srcNode.content;
   var isNestingTablesSupported = (0, _nesting.isNestedTablesSupported)(schema);
-  if (activeNodeType === layoutColumn && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+  if (activeNodeType === layoutColumn && (0, _editorExperiment.editorExperiment)('advanced_layouts', true)) {
     // Allow drag layout column and drop into layout section
     if ((destNode === null || destNode === void 0 ? void 0 : destNode.type) === layoutSection || destParentNodeType === doc) {
       return true;

package/dist/cjs/ui/block-controls-left-surfaces.js

@@ -18,9 +18,9 @@ var _surfaceKeys = require("@atlaskit/editor-common/block-controls/surface-keys"
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
-var _blockControlsSurfaceContext = require("./block-controls-surface-context");
 var _blockControlsLeftSurface = require("./block-controls-left-surface");
-var _blockControlsLeftSurfaceTargets = require("./block-controls-left-surface-targets");
+var _blockControlsSurfaceContext = require("./block-controls-surface-context");
+var _blockControlsSurfaceTargets = require("./block-controls-surface-targets");
 var _getNodeContentElement = require("./utils/get-node-content-element");
 var _getSurfacePlacement = require("./utils/get-surface-placement");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -46,7 +46,7 @@ var BlockControlsLeftSurfaces = exports.BlockControlsLeftSurfaces = function Blo
     surfaceNodePositions = _useSharedPluginState.surfaceNodePositions;
   var components = (_api$uiControlRegistr = (_api$uiControlRegistr2 = api.uiControlRegistry) === null || _api$uiControlRegistr2 === void 0 ? void 0 : _api$uiControlRegistr2.actions.getComponents(_surfaceKeys.BLOCK_CONTROLS_LEFT_SURFACE)) !== null && _api$uiControlRegistr !== void 0 ? _api$uiControlRegistr : EMPTY_SURFACE_COMPONENTS;
   var targets = (0, _react.useMemo)(function () {
-    return (0, _blockControlsLeftSurfaceTargets.getBlockControlsLeftSurfaceTargets)(activeNode, surfaceNodePositions);
+    return (0, _blockControlsSurfaceTargets.getBlockControlsSurfaceTargets)(activeNode, surfaceNodePositions);
   }, [activeNode, surfaceNodePositions]);
   var surfaces = (0, _react.useMemo)(function () {
     return targets.flatMap(function (target) {
@@ -115,7 +115,8 @@ var BlockControlsLeftSurfaces = exports.BlockControlsLeftSurfaces = function Blo
             nodeRect: targetElement.getBoundingClientRect(),
             nodeType: blockControlsContext.targetNode.type.name,
             nodeTypeWithLevel: (0, _decorationsCommon.getNodeTypeWithLevel)(blockControlsContext.targetNode.node),
-            parentNodeType: blockControlsContext.targetNode.parentType === 'doc' ? undefined : blockControlsContext.targetNode.parentType
+            parentNodeType: blockControlsContext.targetNode.parentType === 'doc' ? undefined : blockControlsContext.targetNode.parentType,
+            side: 'left'
           });
           nextPlacements.set(position, (0, _getSurfacePlacement.getAbsoluteSurfacePlacement)({
             offsetParentRect: offsetParentRect,

package/dist/cjs/ui/block-controls-right-surface.compiled.css

@@ -0,0 +1,4 @@
+._zulpv77o{gap:var(--ds-space-025,2px)}._1e0c1txw{display:flex}
+._1pbyb4wl{z-index:100}
+._4cvr1h6o{align-items:center}
+._kqswstnw{position:absolute}

package/dist/cjs/ui/block-controls-right-surface.js

@@ -0,0 +1,45 @@
+/* block-controls-right-surface.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockControlsRightSurface = void 0;
+require("./block-controls-right-surface.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _surfaceKeys = require("@atlaskit/editor-common/block-controls/surface-keys");
+var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
+var _visibilityContainer = require("./visibility-container");
+var rightSurfaceStyles = null;
+/** Renders one right block-controls surface at a document position. */
+var BlockControlsRightSurface = exports.BlockControlsRightSurface = function BlockControlsRightSurface(_ref) {
+  var api = _ref.api,
+    components = _ref.components,
+    forceVisibleOnMouseOut = _ref.forceVisibleOnMouseOut,
+    placement = _ref.placement,
+    source = _ref.source,
+    surfaceContext = _ref.surfaceContext;
+  if (!placement || !(0, _surfaceRenderer.willSurfaceRender)(components, _surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE, surfaceContext)) {
+    return null;
+  }
+  var surface = /*#__PURE__*/_react.default.createElement(_surfaceRenderer.SurfaceRenderer, {
+    components: components,
+    surface: _surfaceKeys.BLOCK_CONTROLS_RIGHT_SURFACE,
+    surfaceContext: surfaceContext
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-editor-block-controls-surface": true,
+    "data-testid": source === 'stored' ? 'block-controls-right-surface-stored' : source === 'active' ? 'block-controls-right-surface-active' : 'block-controls-right-surface'
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Placement is resolved from the target node's runtime DOM geometry.
+    ,
+    style: placement,
+    className: (0, _runtime.ax)(["_zulpv77o _4cvr1h6o _1e0c1txw _kqswstnw _1pbyb4wl"])
+  }, /*#__PURE__*/_react.default.createElement(_visibilityContainer.VisibilityContainer, {
+    api: api,
+    controlSide: "right",
+    forceVisibleOnMouseOut: forceVisibleOnMouseOut,
+    shouldUseDisplayContents: true
+  }, surface));
+};