@atlaskit/editor-plugin-block-controls 4.2.7 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 5.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.8
+
+### Patch Changes
+
+- [`dc8c29b73acf5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc8c29b73acf5) -
+  Cleanup platform_editor_usesharedpluginstateselector
+- [`a2cd8c46a3e94`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a2cd8c46a3e94) -
+  EDITOR-1442 Bump adf-schema
+- Updated dependencies
+
 ## 4.2.7
 
 ### Patch Changes

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

@@ -15,12 +15,21 @@ var isEmptyNestedParagraphOrHeading = function isEmptyNestedParagraphOrHeading(t
   return false;
 };
 var handleMouseOver = exports.handleMouseOver = function handleMouseOver(view, event, api) {
-  var _api$blockControls, _target$classList;
+  var _api$blockControls, _api$editorDisabled, _target$classList;
   var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
     isDragging = _ref.isDragging,
     activeNode = _ref.activeNode,
     isMenuOpen = _ref.isMenuOpen,
     originalAnchorName = _ref.menuTriggerBy;
+  var _ref2 = (api === null || api === void 0 || (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 ? void 0 : _api$editorDisabled.sharedState.currentState()) || {
+      editorDisabled: false
+    },
+    editorDisabled = _ref2.editorDisabled;
+
+  // We shouldn't be firing mouse over transactions when the editor is disabled
+  if (editorDisabled && (0, _platformFeatureFlags.fg)('platform_editor_ai_rovo_free_gen')) {
+    return false;
+  }
 
   // Most mouseover events don't fire during drag but some can slip through
   // when the drag begins. This prevents those.

package/dist/cjs/ui/block-menu.js

@@ -15,28 +15,6 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _blockMenuItems = require("./block-menu-items");
 var _consts = require("./consts");
 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); }
-var useBlockMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
-      var _states$blockControls, _states$blockControls2;
-      return {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
-  return {
-    isMenuOpen: isMenuOpen,
-    menuTriggerBy: menuTriggerBy
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
-    menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy
-  };
-});
 var BlockMenuContent = function BlockMenuContent(_ref) {
   var editorView = _ref.editorView,
     mountPoint = _ref.mountPoint,
@@ -104,9 +82,15 @@ var BlockMenu = function BlockMenu(_ref3) {
     scrollableElement = _ref3.scrollableElement,
     api = _ref3.api,
     formatMessage = _ref3.intl.formatMessage;
-  var _useBlockMenuPluginSt = useBlockMenuPluginState(api),
-    isMenuOpen = _useBlockMenuPluginSt.isMenuOpen,
-    menuTriggerBy = _useBlockMenuPluginSt.menuTriggerBy;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+      var _states$blockControls, _states$blockControls2;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen,
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
   if (isMenuOpen) {
     return null;
   }

package/dist/cjs/ui/drag-handle-menu.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.DragHandleMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
-var useDragHandleMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
+var DragHandleMenu = exports.DragHandleMenu = function DragHandleMenu(_ref) {
+  var api = _ref.api;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls;
       return {
@@ -15,19 +16,5 @@ var useDragHandleMenuPluginState = (0, _hooks.sharedPluginStateHookMigratorFacto
       };
     }),
     isMenuOpen = _useSharedPluginState.isMenuOpen;
-  return {
-    isMenuOpen: isMenuOpen
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
-  };
-});
-var DragHandleMenu = exports.DragHandleMenu = function DragHandleMenu(_ref) {
-  var api = _ref.api;
-  var _useDragHandleMenuPlu = useDragHandleMenuPluginState(api),
-    isMenuOpen = _useDragHandleMenuPlu.isMenuOpen;
   return isMenuOpen ? /*#__PURE__*/_react.default.createElement("div", null, "menu") : null;
 };

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

@@ -272,24 +272,6 @@ var getNodeMargins = function getNodeMargins(node) {
   }
   return _consts2.nodeMargins[nodeTypeName] || _consts2.nodeMargins['default'];
 };
-var useDragHandlePluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
-      var _states$featureFlagsS;
-      return {
-        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
-      };
-    }),
-    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
-  return {
-    macroInteractionUpdates: macroInteractionUpdates
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState2.featureFlagsState;
-  return {
-    macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
-  };
-});
 var DragHandle = exports.DragHandle = function DragHandle(_ref) {
   var _api$core2, _api$blockControls4, _api$analytics2, _api$core4;
   var view = _ref.view,
@@ -325,8 +307,13 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
     positionStylesOld = _useState0[0],
     setPositionStylesOld = _useState0[1];
-  var _useDragHandlePluginS = useDragHandlePluginState(api),
-    macroInteractionUpdates = _useDragHandlePluginS.macroInteractionUpdates;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+      };
+    }),
+    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
   var selection = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'selection.selection');
   var isShiftDown = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'blockControls.isShiftDown');
   var interactionState = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'interaction.interactionState');

package/dist/cjs/ui/drop-target.js

@@ -179,24 +179,6 @@ var HoverZone = function HoverZone(_ref) {
     heightStyle, isFullHeightInLayout && fullHeightStyleAdjustZIndexStyle]
   });
 };
-var useDropTargetPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (api) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['width'], function (states) {
-      var _states$widthState;
-      return {
-        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
-      };
-    }),
-    lineLength = _useSharedPluginState.lineLength;
-  return {
-    lineLength: lineLength
-  };
-}, function (api) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['width']),
-    widthState = _useSharedPluginState2.widthState;
-  return {
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
-  };
-});
 var DropTarget = exports.DropTarget = function DropTarget(props) {
   var _api$blockControls;
   var api = props.api,
@@ -213,8 +195,13 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isDraggedOver = _useState2[0],
     setIsDraggedOver = _useState2[1];
-  var _useDropTargetPluginS = useDropTargetPluginState(api),
-    lineLength = _useDropTargetPluginS.lineLength;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength;
   var isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
   var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
     activeNode = _ref2.activeNode;

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

@@ -9,13 +9,23 @@ const isEmptyNestedParagraphOrHeading = target => {
   return false;
 };
 export const handleMouseOver = (view, event, api) => {
-  var _api$blockControls, _target$classList;
+  var _api$blockControls, _api$editorDisabled, _target$classList;
   const {
     isDragging,
     activeNode,
     isMenuOpen,
     menuTriggerBy: originalAnchorName
   } = (api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {};
+  const {
+    editorDisabled
+  } = (api === null || api === void 0 ? void 0 : (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 ? void 0 : _api$editorDisabled.sharedState.currentState()) || {
+    editorDisabled: false
+  };
+
+  // We shouldn't be firing mouse over transactions when the editor is disabled
+  if (editorDisabled && fg('platform_editor_ai_rovo_free_gen')) {
+    return false;
+  }
 
   // Most mouseover events don't fire during drag but some can slip through
   // when the drag begins. This prevents those.

package/dist/es2019/ui/block-menu.js

@@ -1,36 +1,12 @@
 import React, { useCallback } from 'react';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
 import { BLOCK_MENU_WIDTH } from './consts';
-const useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    isMenuOpen,
-    menuTriggerBy
-  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
-    var _states$blockControls, _states$blockControls2;
-    return {
-      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-      menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-    };
-  });
-  return {
-    isMenuOpen,
-    menuTriggerBy
-  };
-}, api => {
-  const {
-    blockControlsState
-  } = useSharedPluginState(api, ['blockControls']);
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
-    menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy
-  };
-});
 const BlockMenuContent = ({
   editorView,
   mountPoint,
@@ -106,7 +82,13 @@ const BlockMenu = ({
   const {
     isMenuOpen,
     menuTriggerBy
-  } = useBlockMenuPluginState(api);
+  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
+    var _states$blockControls, _states$blockControls2;
+    return {
+      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+      menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+    };
+  });
   if (isMenuOpen) {
     return null;
   }

package/dist/es2019/ui/drag-handle-menu.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-const useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(api => {
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+export const DragHandleMenu = ({
+  api
+}) => {
   const {
     isMenuOpen
   } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
@@ -9,22 +11,5 @@ const useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(api =>
       isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
     };
   });
-  return {
-    isMenuOpen
-  };
-}, api => {
-  const {
-    blockControlsState
-  } = useSharedPluginState(api, ['blockControls']);
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
-  };
-});
-export const DragHandleMenu = ({
-  api
-}) => {
-  const {
-    isMenuOpen
-  } = useDragHandleMenuPluginState(api);
   return isMenuOpen ? /*#__PURE__*/React.createElement("div", null, "menu") : null;
 };

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

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { browser } from '@atlaskit/editor-common/browser';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
@@ -267,26 +267,6 @@ const getNodeMargins = node => {
   }
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
-const useDragHandlePluginState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    macroInteractionUpdates
-  } = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
-    var _states$featureFlagsS;
-    return {
-      macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
-    };
-  });
-  return {
-    macroInteractionUpdates
-  };
-}, api => {
-  const {
-    featureFlagsState
-  } = useSharedPluginState(api, ['featureFlags']);
-  return {
-    macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
-  };
-});
 export const DragHandle = ({
   view,
   api,
@@ -309,7 +289,12 @@ export const DragHandle = ({
   });
   const {
     macroInteractionUpdates
-  } = useDragHandlePluginState(api);
+  } = useSharedPluginStateWithSelector(api, ['featureFlags'], states => {
+    var _states$featureFlagsS;
+    return {
+      macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+    };
+  });
   const selection = useSharedPluginStateSelector(api, 'selection.selection');
   const isShiftDown = useSharedPluginStateSelector(api, 'blockControls.isShiftDown');
   const interactionState = useSharedPluginStateSelector(api, 'interaction.interactionState');

package/dist/es2019/ui/drop-target.js

@@ -7,7 +7,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { layers } from '@atlaskit/theme/constants';
@@ -167,26 +167,6 @@ const HoverZone = ({
     heightStyle, isFullHeightInLayout && fullHeightStyleAdjustZIndexStyle]
   });
 };
-const useDropTargetPluginState = sharedPluginStateHookMigratorFactory(api => {
-  const {
-    lineLength
-  } = useSharedPluginStateWithSelector(api, ['width'], states => {
-    var _states$widthState;
-    return {
-      lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
-    };
-  });
-  return {
-    lineLength
-  };
-}, api => {
-  const {
-    widthState
-  } = useSharedPluginState(api, ['width']);
-  return {
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
-  };
-});
 export const DropTarget = props => {
   var _api$blockControls;
   const {
@@ -203,7 +183,12 @@ export const DropTarget = props => {
   const [isDraggedOver, setIsDraggedOver] = useState(false);
   const {
     lineLength
-  } = useDropTargetPluginState(api);
+  } = useSharedPluginStateWithSelector(api, ['width'], states => {
+    var _states$widthState;
+    return {
+      lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+    };
+  });
   const isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
   const {
     activeNode

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

@@ -9,12 +9,21 @@ var isEmptyNestedParagraphOrHeading = function isEmptyNestedParagraphOrHeading(t
   return false;
 };
 export var handleMouseOver = function handleMouseOver(view, event, api) {
-  var _api$blockControls, _target$classList;
+  var _api$blockControls, _api$editorDisabled, _target$classList;
   var _ref = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
     isDragging = _ref.isDragging,
     activeNode = _ref.activeNode,
     isMenuOpen = _ref.isMenuOpen,
     originalAnchorName = _ref.menuTriggerBy;
+  var _ref2 = (api === null || api === void 0 || (_api$editorDisabled = api.editorDisabled) === null || _api$editorDisabled === void 0 ? void 0 : _api$editorDisabled.sharedState.currentState()) || {
+      editorDisabled: false
+    },
+    editorDisabled = _ref2.editorDisabled;
+
+  // We shouldn't be firing mouse over transactions when the editor is disabled
+  if (editorDisabled && fg('platform_editor_ai_rovo_free_gen')) {
+    return false;
+  }
 
   // Most mouseover events don't fire during drag but some can slip through
   // when the drag begins. This prevents those.

package/dist/esm/ui/block-menu.js

@@ -1,34 +1,12 @@
 import React, { useCallback } from 'react';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getBlockMenuItems, menuItemsCallback } from './block-menu-items';
 import { BLOCK_MENU_WIDTH } from './consts';
-var useBlockMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
-      var _states$blockControls, _states$blockControls2;
-      return {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
-        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen,
-    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
-  return {
-    isMenuOpen: isMenuOpen,
-    menuTriggerBy: menuTriggerBy
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen,
-    menuTriggerBy: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.menuTriggerBy
-  };
-});
 var BlockMenuContent = function BlockMenuContent(_ref) {
   var editorView = _ref.editorView,
     mountPoint = _ref.mountPoint,
@@ -96,9 +74,15 @@ var BlockMenu = function BlockMenu(_ref3) {
     scrollableElement = _ref3.scrollableElement,
     api = _ref3.api,
     formatMessage = _ref3.intl.formatMessage;
-  var _useBlockMenuPluginSt = useBlockMenuPluginState(api),
-    isMenuOpen = _useBlockMenuPluginSt.isMenuOpen,
-    menuTriggerBy = _useBlockMenuPluginSt.menuTriggerBy;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
+      var _states$blockControls, _states$blockControls2;
+      return {
+        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen,
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    isMenuOpen = _useSharedPluginState.isMenuOpen,
+    menuTriggerBy = _useSharedPluginState.menuTriggerBy;
   if (isMenuOpen) {
     return null;
   }

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-var useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(function (api) {
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+export var DragHandleMenu = function DragHandleMenu(_ref) {
+  var api = _ref.api;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
       var _states$blockControls;
       return {
@@ -8,19 +9,5 @@ var useDragHandleMenuPluginState = sharedPluginStateHookMigratorFactory(function
       };
     }),
     isMenuOpen = _useSharedPluginState.isMenuOpen;
-  return {
-    isMenuOpen: isMenuOpen
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['blockControls']),
-    blockControlsState = _useSharedPluginState2.blockControlsState;
-  return {
-    isMenuOpen: blockControlsState === null || blockControlsState === void 0 ? void 0 : blockControlsState.isMenuOpen
-  };
-});
-export var DragHandleMenu = function DragHandleMenu(_ref) {
-  var api = _ref.api;
-  var _useDragHandleMenuPlu = useDragHandleMenuPluginState(api),
-    isMenuOpen = _useDragHandleMenuPlu.isMenuOpen;
   return isMenuOpen ? /*#__PURE__*/React.createElement("div", null, "menu") : null;
 };

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

@@ -15,7 +15,7 @@ import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { browser } from '@atlaskit/editor-common/browser';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { dragToMoveDown, dragToMoveLeft, dragToMoveRight, dragToMoveUp, getAriaKeyshortcuts, TooltipContentWithMultipleShortcuts } from '@atlaskit/editor-common/keymaps';
 import { blockControlsMessages } from '@atlaskit/editor-common/messages';
 import { tableControlsSpacing, DRAG_HANDLE_WIDTH } from '@atlaskit/editor-common/styles';
@@ -269,24 +269,6 @@ var getNodeMargins = function getNodeMargins(node) {
   }
   return nodeMargins[nodeTypeName] || nodeMargins['default'];
 };
-var useDragHandlePluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
-      var _states$featureFlagsS;
-      return {
-        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
-      };
-    }),
-    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
-  return {
-    macroInteractionUpdates: macroInteractionUpdates
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['featureFlags']),
-    featureFlagsState = _useSharedPluginState2.featureFlagsState;
-  return {
-    macroInteractionUpdates: featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.macroInteractionUpdates
-  };
-});
 export var DragHandle = function DragHandle(_ref) {
   var _api$core2, _api$blockControls4, _api$analytics2, _api$core4;
   var view = _ref.view,
@@ -322,8 +304,13 @@ export var DragHandle = function DragHandle(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     positionStylesOld = _useState0[0],
     setPositionStylesOld = _useState0[1];
-  var _useDragHandlePluginS = useDragHandlePluginState(api),
-    macroInteractionUpdates = _useDragHandlePluginS.macroInteractionUpdates;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['featureFlags'], function (states) {
+      var _states$featureFlagsS;
+      return {
+        macroInteractionUpdates: (_states$featureFlagsS = states.featureFlagsState) === null || _states$featureFlagsS === void 0 ? void 0 : _states$featureFlagsS.macroInteractionUpdates
+      };
+    }),
+    macroInteractionUpdates = _useSharedPluginState.macroInteractionUpdates;
   var selection = useSharedPluginStateSelector(api, 'selection.selection');
   var isShiftDown = useSharedPluginStateSelector(api, 'blockControls.isShiftDown');
   var interactionState = useSharedPluginStateSelector(api, 'interaction.interactionState');

package/dist/esm/ui/drop-target.js

@@ -9,7 +9,7 @@ import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { layers } from '@atlaskit/theme/constants';
@@ -171,24 +171,6 @@ var HoverZone = function HoverZone(_ref) {
     heightStyle, isFullHeightInLayout && fullHeightStyleAdjustZIndexStyle]
   });
 };
-var useDropTargetPluginState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['width'], function (states) {
-      var _states$widthState;
-      return {
-        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
-      };
-    }),
-    lineLength = _useSharedPluginState.lineLength;
-  return {
-    lineLength: lineLength
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['width']),
-    widthState = _useSharedPluginState2.widthState;
-  return {
-    lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
-  };
-});
 export var DropTarget = function DropTarget(props) {
   var _api$blockControls;
   var api = props.api,
@@ -205,8 +187,13 @@ export var DropTarget = function DropTarget(props) {
     _useState2 = _slicedToArray(_useState, 2),
     isDraggedOver = _useState2[0],
     setIsDraggedOver = _useState2[1];
-  var _useDropTargetPluginS = useDropTargetPluginState(api),
-    lineLength = _useDropTargetPluginS.lineLength;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        lineLength: ((_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.lineLength) || DEFAULT_DROP_INDICATOR_WIDTH
+      };
+    }),
+    lineLength = _useSharedPluginState.lineLength;
   var isNestedDropTarget = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) !== 'doc';
   var _ref2 = (api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState()) || {},
     activeNode = _ref2.activeNode;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "4.2.7",
+	"version": "5.0.0",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,19 +28,19 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^50.2.2",
-		"@atlaskit/editor-plugin-accessibility-utils": "^3.0.0",
-		"@atlaskit/editor-plugin-analytics": "^3.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^3.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^2.0.0",
-		"@atlaskit/editor-plugin-interaction": "^5.0.0",
-		"@atlaskit/editor-plugin-limited-mode": "^0.0.3",
-		"@atlaskit/editor-plugin-metrics": "^4.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^3.0.0",
-		"@atlaskit/editor-plugin-selection": "^3.2.0",
-		"@atlaskit/editor-plugin-type-ahead": "^3.1.0",
-		"@atlaskit/editor-plugin-user-intent": "^1.1.0",
-		"@atlaskit/editor-plugin-width": "^4.0.0",
+		"@atlaskit/adf-schema": "^50.2.3",
+		"@atlaskit/editor-plugin-accessibility-utils": "^4.0.0",
+		"@atlaskit/editor-plugin-analytics": "^4.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^4.0.0",
+		"@atlaskit/editor-plugin-feature-flags": "^3.0.0",
+		"@atlaskit/editor-plugin-interaction": "^6.0.0",
+		"@atlaskit/editor-plugin-limited-mode": "^1.0.0",
+		"@atlaskit/editor-plugin-metrics": "^5.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^4.0.0",
+		"@atlaskit/editor-plugin-selection": "^4.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^4.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^2.0.0",
+		"@atlaskit/editor-plugin-width": "^5.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^14.12.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.8.0",
+		"@atlaskit/tmp-editor-statsig": "^12.0.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -64,7 +64,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.32.0",
+		"@atlaskit/editor-common": "^108.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -153,6 +153,9 @@
 		"platform_editor_column_count_analytics": {
 			"type": "boolean"
 		},
+		"platform_editor_ai_rovo_free_gen": {
+			"type": "boolean"
+		},
 		"platform_editor_fix_widget_destroy": {
 			"type": "boolean"
 		},