@atlaskit/editor-plugin-block-controls 12.4.1 → 13.0.0

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

@@ -2,15 +2,42 @@ import { bind } from 'bind-event-listener';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { RIGHT_MARGIN_ROVO_GAP_PX } from './constants';
 import { handleKeyDown } from './handle-key-down';
 import { handleMouseEnter, handleMouseLeave, handleMouseMove } from './handle-mouse-move';
 
 /** Elements that extend the editor hover area (block controls, right-edge button, etc.) */
 const BLOCK_CONTROLS_HOVER_AREA_SELECTOR = '[data-blocks-right-edge-button-container], [data-blocks-drag-handle-container], [data-testid="block-ctrl-drag-handle"], [data-testid="block-ctrl-drag-handle-container"], [data-testid="block-ctrl-decorator-widget"], [data-testid="block-ctrl-quick-insert-button"]';
 const MOUSE_LEAVE_DEBOUNCE_MS = 200;
+
+/** ClickAreaBlock overlay that wraps the editor content and covers the right margin. */
+const CLICK_AREA_SELECTOR = '[data-editor-click-wrapper]';
 const isMovingToBlockControlsArea = target => target instanceof Element && !!target.closest(BLOCK_CONTROLS_HOVER_AREA_SELECTOR);
+
+/**
+ * The right margin is covered by the ClickAreaBlock overlay, which sits outside .ak-editor-content-area.
+ * Hovering there should still surface the right-side Remix button, so keep controls alive — but only on
+ * the right (past the content's right edge), and not in the far-right Rovo gap. The left gutter must
+ * dismiss like the experiment-off path, so it is treated as inactive.
+ */
+const isOverActiveClickArea = (target, clientX) => {
+  var _clickArea$querySelec, _target$ownerDocument, _target$ownerDocument2;
+  if (!(target instanceof Element)) {
+    return false;
+  }
+  const clickArea = target.closest(CLICK_AREA_SELECTOR);
+  if (!clickArea) {
+    return false;
+  }
+  const contentRight = (_clickArea$querySelec = clickArea.querySelector('.ak-editor-content-area')) === null || _clickArea$querySelec === void 0 ? void 0 : _clickArea$querySelec.getBoundingClientRect().right;
+  if (contentRight !== undefined && clientX <= contentRight) {
+    return false;
+  }
+  const innerWidth = (_target$ownerDocument = (_target$ownerDocument2 = target.ownerDocument.defaultView) === null || _target$ownerDocument2 === void 0 ? void 0 : _target$ownerDocument2.innerWidth) !== null && _target$ownerDocument !== void 0 ? _target$ownerDocument : Number.POSITIVE_INFINITY;
+  return clientX <= innerWidth - RIGHT_MARGIN_ROVO_GAP_PX;
+};
 export const interactionTrackingPluginKey = new PluginKey('interactionTrackingPlugin');
-export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false) => {
+export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false, api) => {
   return new SafePlugin({
     key: interactionTrackingPluginKey,
     state: {
@@ -56,7 +83,7 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
     props: {
       handleKeyDown,
       handleDOMEvents: {
-        mousemove: (view, event) => handleMouseMove(view, event, rightSideControlsEnabled)
+        mousemove: (view, event) => handleMouseMove(view, event, rightSideControlsEnabled, api)
       }
     },
     view: editorExperiment('platform_editor_controls', 'variant1') ? view => {
@@ -71,22 +98,28 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
         x: 0,
         y: 0
       };
+
+      // The active right margin only counts as "still hovering" when our experiment is on;
+      // otherwise leaving the content area (e.g. exiting left) must dismiss as on master.
+      const marginHoverEnabled = editorExperiment('remix_button_right_margin_hover', true);
       const scheduleMouseLeave = event => {
         if (mouseLeaveTimeoutId) {
           clearTimeout(mouseLeaveTimeoutId);
           mouseLeaveTimeoutId = null;
         }
 
-        // Don't set isMouseOut when moving to block controls (right-edge button, drag handle, etc.)
-        if (rightSideControlsEnabled && isMovingToBlockControlsArea(event.relatedTarget)) {
+        // Keep controls visible when moving to block controls (or, with the experiment on,
+        // the active right margin — the Rovo gap is excluded so controls still clear there).
+        if (rightSideControlsEnabled && (isMovingToBlockControlsArea(event.relatedTarget) || marginHoverEnabled && isOverActiveClickArea(event.relatedTarget, event.clientX))) {
           return;
         }
         mouseLeaveTimeoutId = setTimeout(() => {
           mouseLeaveTimeoutId = null;
-          // Before dispatching, check if mouse has moved to block controls (e.g. through empty space)
+          // Re-check after the debounce: keep controls if the cursor landed on block controls
+          // (or, with the experiment on, the active right margin).
           if (rightSideControlsEnabled && typeof document !== 'undefined') {
             const el = document.elementFromPoint(lastMousePosition.x, lastMousePosition.y);
-            if (el && isMovingToBlockControlsArea(el)) {
+            if (el && (isMovingToBlockControlsArea(el) || marginHoverEnabled && isOverActiveClickArea(el, lastMousePosition.x))) {
               return;
             }
           }
@@ -108,11 +141,11 @@ export const createInteractionTrackingPlugin = (rightSideControlsEnabled = false
                 x: event.clientX,
                 y: event.clientY
               };
-              // Use document-level mousemove so we get events when hovering over block
-              // controls (which may be in portals outside the editor DOM). Without this,
-              // handleDOMEvents.mousemove only fires when over the editor content.
-              if (editorContentArea.contains(event.target) || isMovingToBlockControlsArea(event.target)) {
-                handleMouseMove(view, event, rightSideControlsEnabled);
+              // Catches block controls in portals that handleDOMEvents.mousemove misses.
+              // The right-margin overlay is only relevant with the experiment on.
+              const overClickArea = marginHoverEnabled && event.target instanceof Element && !!event.target.closest(CLICK_AREA_SELECTOR);
+              if (editorContentArea.contains(event.target) || isMovingToBlockControlsArea(event.target) || overClickArea) {
+                handleMouseMove(view, event, rightSideControlsEnabled, api);
               }
             },
             options: {

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

@@ -68,6 +68,8 @@ export const VisibilityContainer = ({
   });
   const isViewMode = editorViewMode === 'view';
   // rightSideControlsEnabled is the single source of truth (confluence_remix_button_right_side_block_fg from preset)
+  // Both controls are restricted by side: the drag handle shows on the left half, the Remix button on
+  // the right half (and the right margin), matching the midpoint split in handle-mouse-move.
   const shouldRestrictBySide = rightSideControlsEnabled && controlSide !== undefined && !isViewMode;
   // Only restrict by side when hoverSide is known (after mousemove). When undefined, show both
   // controls so drag handle is visible on load and for keyboard-only users.

package/dist/esm/blockControlsPlugin.js

@@ -83,7 +83,7 @@ export var blockControlsPlugin = function blockControlsPlugin(_ref) {
         pmPlugins.push({
           name: 'blockControlsInteractionTrackingPlugin',
           plugin: function plugin() {
-            return createInteractionTrackingPlugin(rightSideControlsEnabled);
+            return createInteractionTrackingPlugin(rightSideControlsEnabled, api);
           }
         });
       }

package/dist/esm/pm-plugins/interaction-tracking/constants.js

@@ -0,0 +1,2 @@
+/** Far-right margin width reserved for the Rovo button, where the Remix button must not show. */
+export var RIGHT_MARGIN_ROVO_GAP_PX = 80;

package/dist/esm/pm-plugins/interaction-tracking/handle-mouse-move.js

@@ -1,4 +1,10 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { handleMouseOver } from '../handle-mouse-over';
 import { clearHoverSide, mouseEnter, mouseLeave, setHoverSide, stopEditing } from './commands';
+import { RIGHT_MARGIN_ROVO_GAP_PX } from './constants';
 import { getInteractionTrackingState } from './pm-plugin';
 
 /** Per-view pending hover state; avoids cross-editor singleton. */
@@ -20,11 +26,67 @@ var clearPendingHoverSide = function clearPendingHoverSide(view) {
 var BLOCK_SELECTORS = '[data-node-anchor], [data-drag-handler-anchor-name]';
 var RIGHT_EDGE_SELECTOR = '[data-blocks-right-edge-button-container]';
 
+// Top-level blocks (no block ancestor), matched by anchor attribute so it works under both the
+// legacy and native-anchor schemes.
+var getRootBlocks = function getRootBlocks(view) {
+  return Array.from(view.dom.querySelectorAll(BLOCK_SELECTORS)).filter(function (el) {
+    var _el$parentElement;
+    return !((_el$parentElement = el.parentElement) !== null && _el$parentElement !== void 0 && _el$parentElement.closest(BLOCK_SELECTORS));
+  });
+};
+
+// Find the root block whose vertical bounds contain clientY. Returns the measured rect so callers
+// can reuse it without re-measuring.
+var findBlockAtY = function findBlockAtY(view, clientY) {
+  var _iterator = _createForOfIteratorHelper(getRootBlocks(view)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var el = _step.value;
+      var rect = el.getBoundingClientRect();
+      if (clientY >= rect.top && clientY <= rect.bottom) {
+        return {
+          block: el,
+          rect: rect
+        };
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return null;
+};
+var getRightMarginBoundary = function getRightMarginBoundary(view) {
+  var _view$dom$ownerDocume, _view$dom$ownerDocume2;
+  return ((_view$dom$ownerDocume = (_view$dom$ownerDocume2 = view.dom.ownerDocument.defaultView) === null || _view$dom$ownerDocume2 === void 0 ? void 0 : _view$dom$ownerDocume2.innerWidth) !== null && _view$dom$ownerDocume !== void 0 ? _view$dom$ownerDocume : Number.POSITIVE_INFINITY) - RIGHT_MARGIN_ROVO_GAP_PX;
+};
+// not in the right margin
+
+// Classify where the cursor sits in the right margin beside the block at its height, running the
+// block lookup once so the caller doesn't traverse the DOM twice per mousemove.
+var classifyRightMarginPosition = function classifyRightMarginPosition(view, event) {
+  var found = findBlockAtY(view, event.clientY);
+  if (!found) {
+    return null;
+  }
+  if (event.clientX <= found.rect.right) {
+    return null;
+  }
+  return event.clientX > getRightMarginBoundary(view) ? {
+    type: 'gap'
+  } : {
+    type: 'active',
+    block: found.block
+  };
+};
+
 /**
  * Process hover position and set left/right side. Only invoked when right-side controls are
  * enabled (confluence_remix_button_right_side_block_fg); handleMouseMove returns early otherwise.
  */
-var processHoverSide = function processHoverSide(view) {
+var processHoverSide = function processHoverSide(view, api) {
   var event = pendingByView.get(view);
   if (!event) {
     return;
@@ -55,20 +117,45 @@ var processHoverSide = function processHoverSide(view) {
     return;
   }
 
-  // Primary path: depth-1 block (doc direct child). Decorations-anchor sets [data-drag-handler-anchor-depth="1"]
-  // on every root block (table, layoutSection, expand, etc.), so we get the whole block without per-type logic.
-  var blockElement = target === null || target === void 0 ? void 0 : target.closest(BLOCK_SELECTORS);
-  var depth1Block = blockElement instanceof HTMLElement ? blockElement.closest('[data-drag-handler-anchor-depth="1"]') : null;
-  var boundsElement = depth1Block instanceof HTMLElement ? depth1Block : editorContentArea;
-  if (!boundsElement) {
-    if ((state === null || state === void 0 ? void 0 : state.hoverSide) !== undefined) {
-      clearHoverSide(view);
+  // Added right-margin hover, gated so it can be rolled back. When off, fall through to midpoint.
+  if (editorExperiment('remix_button_right_margin_hover', true)) {
+    var closestBlock = target === null || target === void 0 ? void 0 : target.closest(BLOCK_SELECTORS);
+    var blockElement = closestBlock instanceof HTMLElement ? closestBlock : null;
+
+    // Not over a block: the cursor may be in the right margin beside content.
+    var marginZone = blockElement ? null : classifyRightMarginPosition(view, event);
+    if ((marginZone === null || marginZone === void 0 ? void 0 : marginZone.type) === 'active' && api) {
+      // handleMouseOver only reads event.target, so a target-only stand-in is enough here.
+      handleMouseOver(view, {
+        target: marginZone.block
+      }, api);
+      // mouseenter doesn't fire over the click overlay, so clear isMouseOut here to re-show.
+      if (state !== null && state !== void 0 && state.isMouseOut) {
+        mouseEnter(view);
+      }
+      if ((state === null || state === void 0 ? void 0 : state.hoverSide) !== 'right') {
+        setHoverSide(view, 'right');
+      }
+      return;
     }
-    return;
+
+    // In the Rovo gap, dismiss the controls so the button doesn't linger over the Rovo button.
+    if ((marginZone === null || marginZone === void 0 ? void 0 : marginZone.type) === 'gap' || event.clientX > getRightMarginBoundary(view)) {
+      if (!(state !== null && state !== void 0 && state.isMouseOut)) {
+        clearHoverSide(view);
+        mouseLeave(view);
+      }
+      return;
+    }
+
+    // Over a block: fall through to the midpoint split so the left half keeps the drag handle and
+    // the right half shows the Remix button, matching the experiment-off behaviour.
   }
-  var _boundsElement$getBou = boundsElement.getBoundingClientRect(),
-    left = _boundsElement$getBou.left,
-    right = _boundsElement$getBou.right;
+
+  // Pick the side from the content midpoint, keeping the original left/right halves.
+  var _editorContentArea$ge = editorContentArea.getBoundingClientRect(),
+    left = _editorContentArea$ge.left,
+    right = _editorContentArea$ge.right;
   var midpoint = (left + right) / 2;
   var nextHoverSide = event.clientX > midpoint ? 'right' : 'left';
   if ((state === null || state === void 0 ? void 0 : state.hoverSide) !== nextHoverSide) {
@@ -77,6 +164,7 @@ var processHoverSide = function processHoverSide(view) {
 };
 export var handleMouseMove = function handleMouseMove(view, event) {
   var rightSideControlsEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var api = arguments.length > 3 ? arguments[3] : undefined;
   var state = getInteractionTrackingState(view.state);
   // if user has stopped editing and moved their mouse, show block controls again
   if (state !== null && state !== void 0 && state.isEditing) {
@@ -93,7 +181,7 @@ export var handleMouseMove = function handleMouseMove(view, event) {
   pendingByView.set(view, event);
   cancelScheduledProcessForView(view);
   var id = requestAnimationFrame(function () {
-    processHoverSide(view);
+    processHoverSide(view, api);
   });
   rafIdByView.set(view, id);
   return false;

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

@@ -5,18 +5,46 @@ import { bind } from 'bind-event-listener';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { RIGHT_MARGIN_ROVO_GAP_PX } from './constants';
 import { handleKeyDown } from './handle-key-down';
 import { handleMouseEnter, handleMouseLeave, handleMouseMove } from './handle-mouse-move';
 
 /** Elements that extend the editor hover area (block controls, right-edge button, etc.) */
 var BLOCK_CONTROLS_HOVER_AREA_SELECTOR = '[data-blocks-right-edge-button-container], [data-blocks-drag-handle-container], [data-testid="block-ctrl-drag-handle"], [data-testid="block-ctrl-drag-handle-container"], [data-testid="block-ctrl-decorator-widget"], [data-testid="block-ctrl-quick-insert-button"]';
 var MOUSE_LEAVE_DEBOUNCE_MS = 200;
+
+/** ClickAreaBlock overlay that wraps the editor content and covers the right margin. */
+var CLICK_AREA_SELECTOR = '[data-editor-click-wrapper]';
 var isMovingToBlockControlsArea = function isMovingToBlockControlsArea(target) {
   return target instanceof Element && !!target.closest(BLOCK_CONTROLS_HOVER_AREA_SELECTOR);
 };
+
+/**
+ * The right margin is covered by the ClickAreaBlock overlay, which sits outside .ak-editor-content-area.
+ * Hovering there should still surface the right-side Remix button, so keep controls alive — but only on
+ * the right (past the content's right edge), and not in the far-right Rovo gap. The left gutter must
+ * dismiss like the experiment-off path, so it is treated as inactive.
+ */
+var isOverActiveClickArea = function isOverActiveClickArea(target, clientX) {
+  var _clickArea$querySelec, _target$ownerDocument, _target$ownerDocument2;
+  if (!(target instanceof Element)) {
+    return false;
+  }
+  var clickArea = target.closest(CLICK_AREA_SELECTOR);
+  if (!clickArea) {
+    return false;
+  }
+  var contentRight = (_clickArea$querySelec = clickArea.querySelector('.ak-editor-content-area')) === null || _clickArea$querySelec === void 0 ? void 0 : _clickArea$querySelec.getBoundingClientRect().right;
+  if (contentRight !== undefined && clientX <= contentRight) {
+    return false;
+  }
+  var innerWidth = (_target$ownerDocument = (_target$ownerDocument2 = target.ownerDocument.defaultView) === null || _target$ownerDocument2 === void 0 ? void 0 : _target$ownerDocument2.innerWidth) !== null && _target$ownerDocument !== void 0 ? _target$ownerDocument : Number.POSITIVE_INFINITY;
+  return clientX <= innerWidth - RIGHT_MARGIN_ROVO_GAP_PX;
+};
 export var interactionTrackingPluginKey = new PluginKey('interactionTrackingPlugin');
 export var createInteractionTrackingPlugin = function createInteractionTrackingPlugin() {
   var rightSideControlsEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var api = arguments.length > 1 ? arguments[1] : undefined;
   return new SafePlugin({
     key: interactionTrackingPluginKey,
     state: {
@@ -60,7 +88,7 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
       handleKeyDown: handleKeyDown,
       handleDOMEvents: {
         mousemove: function mousemove(view, event) {
-          return handleMouseMove(view, event, rightSideControlsEnabled);
+          return handleMouseMove(view, event, rightSideControlsEnabled, api);
         }
       }
     },
@@ -76,22 +104,28 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
         x: 0,
         y: 0
       };
+
+      // The active right margin only counts as "still hovering" when our experiment is on;
+      // otherwise leaving the content area (e.g. exiting left) must dismiss as on master.
+      var marginHoverEnabled = editorExperiment('remix_button_right_margin_hover', true);
       var scheduleMouseLeave = function scheduleMouseLeave(event) {
         if (mouseLeaveTimeoutId) {
           clearTimeout(mouseLeaveTimeoutId);
           mouseLeaveTimeoutId = null;
         }
 
-        // Don't set isMouseOut when moving to block controls (right-edge button, drag handle, etc.)
-        if (rightSideControlsEnabled && isMovingToBlockControlsArea(event.relatedTarget)) {
+        // Keep controls visible when moving to block controls (or, with the experiment on,
+        // the active right margin — the Rovo gap is excluded so controls still clear there).
+        if (rightSideControlsEnabled && (isMovingToBlockControlsArea(event.relatedTarget) || marginHoverEnabled && isOverActiveClickArea(event.relatedTarget, event.clientX))) {
           return;
         }
         mouseLeaveTimeoutId = setTimeout(function () {
           mouseLeaveTimeoutId = null;
-          // Before dispatching, check if mouse has moved to block controls (e.g. through empty space)
+          // Re-check after the debounce: keep controls if the cursor landed on block controls
+          // (or, with the experiment on, the active right margin).
           if (rightSideControlsEnabled && typeof document !== 'undefined') {
             var el = document.elementFromPoint(lastMousePosition.x, lastMousePosition.y);
-            if (el && isMovingToBlockControlsArea(el)) {
+            if (el && (isMovingToBlockControlsArea(el) || marginHoverEnabled && isOverActiveClickArea(el, lastMousePosition.x))) {
               return;
             }
           }
@@ -113,11 +147,11 @@ export var createInteractionTrackingPlugin = function createInteractionTrackingP
                 x: event.clientX,
                 y: event.clientY
               };
-              // Use document-level mousemove so we get events when hovering over block
-              // controls (which may be in portals outside the editor DOM). Without this,
-              // handleDOMEvents.mousemove only fires when over the editor content.
-              if (editorContentArea.contains(event.target) || isMovingToBlockControlsArea(event.target)) {
-                handleMouseMove(view, event, rightSideControlsEnabled);
+              // Catches block controls in portals that handleDOMEvents.mousemove misses.
+              // The right-margin overlay is only relevant with the experiment on.
+              var overClickArea = marginHoverEnabled && event.target instanceof Element && !!event.target.closest(CLICK_AREA_SELECTOR);
+              if (editorContentArea.contains(event.target) || isMovingToBlockControlsArea(event.target) || overClickArea) {
+                handleMouseMove(view, event, rightSideControlsEnabled, api);
               }
             },
             options: {

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

@@ -66,6 +66,8 @@ export var VisibilityContainer = function VisibilityContainer(_ref) {
     rightSideControlsEnabled = _useSharedPluginState.rightSideControlsEnabled;
   var isViewMode = editorViewMode === 'view';
   // rightSideControlsEnabled is the single source of truth (confluence_remix_button_right_side_block_fg from preset)
+  // Both controls are restricted by side: the drag handle shows on the left half, the Remix button on
+  // the right half (and the right margin), matching the midpoint split in handle-mouse-move.
   var shouldRestrictBySide = rightSideControlsEnabled && controlSide !== undefined && !isViewMode;
   // Only restrict by side when hoverSide is known (after mousemove). When undefined, show both
   // controls so drag handle is visible on load and for keyboard-only users.

package/dist/types/pm-plugins/interaction-tracking/constants.d.ts

@@ -0,0 +1,2 @@
+/** Far-right margin width reserved for the Rovo button, where the Remix button must not show. */
+export declare const RIGHT_MARGIN_ROVO_GAP_PX = 80;

package/dist/types/pm-plugins/interaction-tracking/handle-mouse-move.d.ts

@@ -1,4 +1,6 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const handleMouseMove: (view: EditorView, event: Event, rightSideControlsEnabled?: boolean) => boolean;
+import type { BlockControlsPlugin } from '../../blockControlsPluginType';
+export declare const handleMouseMove: (view: EditorView, event: Event, rightSideControlsEnabled?: boolean, api?: ExtractInjectionAPI<BlockControlsPlugin>) => boolean;
 export declare const handleMouseLeave: (view: EditorView, rightSideControlsEnabled?: boolean) => boolean;
 export declare const handleMouseEnter: (view: EditorView) => boolean;

package/dist/types/pm-plugins/interaction-tracking/pm-plugin.d.ts

@@ -1,6 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export type InteractionTrackingPluginState = {
     /**
      * Tracks which side of the editor the mouse is currently on.
@@ -16,5 +18,5 @@ export type InteractionTrackingPluginState = {
     isMouseOut?: boolean;
 };
 export declare const interactionTrackingPluginKey: PluginKey<InteractionTrackingPluginState>;
-export declare const createInteractionTrackingPlugin: (rightSideControlsEnabled?: boolean) => SafePlugin<InteractionTrackingPluginState>;
+export declare const createInteractionTrackingPlugin: (rightSideControlsEnabled?: boolean, api?: ExtractInjectionAPI<BlockControlsPlugin>) => SafePlugin<InteractionTrackingPluginState>;
 export declare const getInteractionTrackingState: (state: EditorState) => InteractionTrackingPluginState | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "12.4.1",
+	"version": "13.0.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -15,50 +15,42 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"*.compiled.css"
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/browser-apis": "^0.0.2",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/editor-plugin-accessibility-utils": "^11.0.0",
-		"@atlaskit/editor-plugin-analytics": "^11.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^11.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^13.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^10.0.0",
-		"@atlaskit/editor-plugin-interaction": "^20.0.0",
-		"@atlaskit/editor-plugin-limited-mode": "^8.0.0",
-		"@atlaskit/editor-plugin-metrics": "^12.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^11.1.0",
-		"@atlaskit/editor-plugin-selection": "^11.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^8.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^11.3.0",
-		"@atlaskit/editor-plugin-user-intent": "^9.1.0",
-		"@atlaskit/editor-plugin-width": "^12.0.0",
-		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-shared-styles": "^3.11.0",
-		"@atlaskit/editor-tables": "^2.10.0",
-		"@atlaskit/icon": "^35.4.0",
-		"@atlaskit/icon-lab": "^6.14.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
-		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
-		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
-		"@atlaskit/tokens": "^13.4.0",
-		"@atlaskit/tooltip": "^22.6.0",
+		"@atlaskit/browser-apis": "^1.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/editor-plugin-accessibility-utils": "^12.0.0",
+		"@atlaskit/editor-plugin-analytics": "^12.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^12.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^14.0.0",
+		"@atlaskit/editor-plugin-feature-flags": "^11.0.0",
+		"@atlaskit/editor-plugin-interaction": "^21.0.0",
+		"@atlaskit/editor-plugin-limited-mode": "^9.0.0",
+		"@atlaskit/editor-plugin-metrics": "^13.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^12.0.0",
+		"@atlaskit/editor-plugin-selection": "^12.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^9.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^12.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^10.0.0",
+		"@atlaskit/editor-plugin-width": "^13.0.0",
+		"@atlaskit/editor-prosemirror": "^8.0.0",
+		"@atlaskit/editor-shared-styles": "^4.0.0",
+		"@atlaskit/editor-tables": "^3.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/icon-lab": "^7.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
+		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^4.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -67,7 +59,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^116.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -149,6 +141,10 @@
 		},
 		"confluence_frontend_native_tabs_extension": {
 			"type": "boolean"
+		},
+		"remix_button_right_margin_hover": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"devDependencies": {

package/dist/types-ts4.5/blockControlsPlugin.d.ts

@@ -1,2 +0,0 @@
-import type { BlockControlsPlugin } from './blockControlsPluginType';
-export declare const blockControlsPlugin: BlockControlsPlugin;