@atlaskit/editor-plugin-block-controls 8.0.5 → 8.0.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 8.0.7
+
+### Patch Changes
+
+- [`81c5041650743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81c5041650743) -
+  EDITOR-4284 Fix move down visual selection persisting
+- Updated dependencies
+
+## 8.0.6
+
+### Patch Changes
+
+- [`52a4db18c2a6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/52a4db18c2a6a) -
+  EDITOR-4161 Fix drag handle selection collapse in nested scenarios
+- Updated dependencies
+
 ## 8.0.5
 
 ### Patch Changes

package/dist/cjs/pm-plugins/selection-preservation/pm-plugin.js

@@ -66,7 +66,7 @@ var createSelectionPreservationPlugin = exports.createSelectionPreservationPlugi
           if (newState.preservedSelection && tr.docChanged) {
             newState.preservedSelection = (0, _selection.mapPreservedSelection)(newState.preservedSelection, tr);
           }
-          if (newState.preservedSelection !== pluginState.preservedSelection) {
+          if (!(0, _utils.compareSelections)(newState.preservedSelection, pluginState.preservedSelection)) {
             if (newState !== null && newState !== void 0 && newState.preservedSelection) {
               var _api$selection;
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.commands) === null || _api$selection === void 0 ? void 0 : _api$selection.setBlockSelection(newState.preservedSelection));
@@ -80,26 +80,25 @@ var createSelectionPreservationPlugin = exports.createSelectionPreservationPlugi
       },
       appendTransaction: function appendTransaction(transactions, _oldState, newState) {
         var pluginState = _pluginKey.selectionPreservationPluginKey.getState(newState);
-        var savedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
-        if (!savedSel) {
+        var preservedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
+        var stateSel = newState.selection;
+        if (!preservedSel) {
           return null;
         }
 
         // Auto-stop if user explicitly changes selection or selection is set within a code block
-        if ((0, _utils.hasUserSelectionChange)(transactions) || (0, _utils.isSelectionWithinCodeBlock)(newState.selection)) {
-          // Auto-stop if user explicitly changes selection
+        if ((0, _utils.hasUserSelectionChange)(transactions) || (0, _utils.isSelectionWithinCodeBlock)(stateSel)) {
           return (0, _editorCommands.stopPreservingSelection)({
             tr: newState.tr
           });
         }
-        var currSel = newState.selection;
-        var selectionUnchanged = currSel.from === savedSel.from && currSel.to === savedSel.to;
-        var selectionInvalid = savedSel.from < 0 || savedSel.to > newState.doc.content.size;
+        var selectionUnchanged = stateSel.from === preservedSel.from && stateSel.to === preservedSel.to;
+        var selectionInvalid = preservedSel.from < 0 || preservedSel.to > newState.doc.content.size;
         if (selectionUnchanged || selectionInvalid) {
           return null;
         }
         try {
-          return newState.tr.setSelection(savedSel);
+          return newState.tr.setSelection(preservedSel);
         } catch (error) {
           (0, _monitoring.logException)(error, {
             location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
@@ -107,6 +106,15 @@ var createSelectionPreservationPlugin = exports.createSelectionPreservationPlugi
         }
         return null;
       },
+      view: function view() {
+        return {
+          update: function update(view, prevState) {
+            if ((0, _utils.isPreservedSelectionChanged)(view.state, prevState)) {
+              (0, _utils.syncDOMSelection)(view.state.selection);
+            }
+          }
+        };
+      },
       props: {
         handleClick: function handleClick(view, pos, event) {
           var _ref = _pluginKey.selectionPreservationPluginKey.getState(view.state) || {},

package/dist/cjs/pm-plugins/selection-preservation/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isSelectionWithinCodeBlock = exports.hasUserSelectionChange = exports.getSelectionPreservationMeta = void 0;
+exports.syncDOMSelection = exports.isSelectionWithinCodeBlock = exports.isPreservedSelectionChanged = exports.hasUserSelectionChange = exports.getSelectionPreservationMeta = exports.compareSelections = void 0;
 var _pluginKey = require("./plugin-key");
 /**
  * Detects if any of the transactions include user-driven selection changes.
@@ -30,4 +30,52 @@ var isSelectionWithinCodeBlock = exports.isSelectionWithinCodeBlock = function i
   var $from = _ref.$from,
     $to = _ref.$to;
   return $from.sameParent($to) && $from.parent.type.name === 'codeBlock';
+};
+
+/**
+ * Compares two selections for equality based on their from and to positions.
+ *
+ * @param a The first selection to compare.
+ * @param b The second selection to compare.
+ * @returns True if both selections are equal, otherwise false.
+ */
+var compareSelections = exports.compareSelections = function compareSelections(a, b) {
+  return (a === null || a === void 0 ? void 0 : a.from) === (b === null || b === void 0 ? void 0 : b.from) && (a === null || a === void 0 ? void 0 : a.to) === (b === null || b === void 0 ? void 0 : b.to);
+};
+
+/**
+ * Returns true/false indicating whether the preserved selection
+ * has changed between the old and new editor states.
+ *
+ * @param newState The new editor state.
+ * @param oldState The old editor state.
+ * @returns True if the preserved selection has changed, otherwise false.
+ */
+var isPreservedSelectionChanged = exports.isPreservedSelectionChanged = function isPreservedSelectionChanged(newState, oldState) {
+  var _selectionPreservatio, _selectionPreservatio2;
+  var prev = (_selectionPreservatio = _pluginKey.selectionPreservationPluginKey.getState(oldState)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
+  var curr = (_selectionPreservatio2 = _pluginKey.selectionPreservationPluginKey.getState(newState)) === null || _selectionPreservatio2 === void 0 ? void 0 : _selectionPreservatio2.preservedSelection;
+  return !!prev && !!curr && !compareSelections(prev, curr);
+};
+
+/**
+ * Triggers a DOM selection sync by resetting the current native selection range
+ * only if it is out of sync with the provided ProseMirror selection state.
+ *
+ * This is a necessary workaround to ensure the browser's native selection state
+ * stays in sync with the preserved selection, particularly after transactions
+ * that shift document content.
+ *
+ * @param selection The current ProseMirror selection state to compare against.
+ */
+var syncDOMSelection = exports.syncDOMSelection = function syncDOMSelection(selection) {
+  var domSelection = window.getSelection();
+  var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
+  var isOutOfSync = domRange && (selection.from !== domRange.startOffset || selection.to !== domRange.endOffset);
+  if (isOutOfSync) {
+    // Force the DOM selection to refresh, setting it to the same range
+    // This will trigger ProseMirror to re-apply its selection logic based on the current state
+    domSelection.removeAllRanges();
+    domSelection.addRange(domRange);
+  }
 };

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

@@ -463,6 +463,12 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
       }
     }
   }, [anchorName, nodeType, view.dom]);
+  var handleMouseUp = (0, _react.useCallback)(function (e) {
+    // Stop propagation so that for drag handles in nested scenarios the click is captured
+    // and doesn't propagate to the edge of the element and trigger a node selection
+    // on the parent element
+    e.stopPropagation();
+  }, []);
   var handleOnClickNew = (0, _react.useCallback)(function (e) {
     var _api$core;
     api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref4) {
@@ -1085,6 +1091,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref3) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? (0, _experiments.editorExperiment)('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld : {},
+        onMouseUp: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? handleMouseUp : undefined,
         onClick: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? handleOnClickNew : handleOnClick,
         onKeyDown: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) ? handleKeyDownNew : handleKeyDown
         // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop

package/dist/es2019/pm-plugins/selection-preservation/pm-plugin.js

@@ -4,7 +4,7 @@ import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
 import { mapPreservedSelection } from '../utils/selection';
 import { stopPreservingSelection } from './editor-commands';
 import { selectionPreservationPluginKey } from './plugin-key';
-import { getSelectionPreservationMeta, hasUserSelectionChange, isSelectionWithinCodeBlock } from './utils';
+import { compareSelections, getSelectionPreservationMeta, hasUserSelectionChange, isPreservedSelectionChanged, isSelectionWithinCodeBlock, syncDOMSelection } from './utils';
 
 /**
  * Selection Preservation Plugin
@@ -58,7 +58,7 @@ export const createSelectionPreservationPlugin = api => () => {
         if (newState.preservedSelection && tr.docChanged) {
           newState.preservedSelection = mapPreservedSelection(newState.preservedSelection, tr);
         }
-        if (newState.preservedSelection !== pluginState.preservedSelection) {
+        if (!compareSelections(newState.preservedSelection, pluginState.preservedSelection)) {
           if (newState !== null && newState !== void 0 && newState.preservedSelection) {
             var _api$selection, _api$selection$comman;
             api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : (_api$selection$comman = _api$selection.commands) === null || _api$selection$comman === void 0 ? void 0 : _api$selection$comman.setBlockSelection(newState.preservedSelection));
@@ -72,26 +72,25 @@ export const createSelectionPreservationPlugin = api => () => {
     },
     appendTransaction(transactions, _oldState, newState) {
       const pluginState = selectionPreservationPluginKey.getState(newState);
-      const savedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
-      if (!savedSel) {
+      const preservedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
+      const stateSel = newState.selection;
+      if (!preservedSel) {
         return null;
       }
 
       // Auto-stop if user explicitly changes selection or selection is set within a code block
-      if (hasUserSelectionChange(transactions) || isSelectionWithinCodeBlock(newState.selection)) {
-        // Auto-stop if user explicitly changes selection
+      if (hasUserSelectionChange(transactions) || isSelectionWithinCodeBlock(stateSel)) {
         return stopPreservingSelection({
           tr: newState.tr
         });
       }
-      const currSel = newState.selection;
-      const selectionUnchanged = currSel.from === savedSel.from && currSel.to === savedSel.to;
-      const selectionInvalid = savedSel.from < 0 || savedSel.to > newState.doc.content.size;
+      const selectionUnchanged = stateSel.from === preservedSel.from && stateSel.to === preservedSel.to;
+      const selectionInvalid = preservedSel.from < 0 || preservedSel.to > newState.doc.content.size;
       if (selectionUnchanged || selectionInvalid) {
         return null;
       }
       try {
-        return newState.tr.setSelection(savedSel);
+        return newState.tr.setSelection(preservedSel);
       } catch (error) {
         logException(error, {
           location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
@@ -99,6 +98,15 @@ export const createSelectionPreservationPlugin = api => () => {
       }
       return null;
     },
+    view() {
+      return {
+        update(view, prevState) {
+          if (isPreservedSelectionChanged(view.state, prevState)) {
+            syncDOMSelection(view.state.selection);
+          }
+        }
+      };
+    },
     props: {
       handleClick: (view, pos, event) => {
         const {

package/dist/es2019/pm-plugins/selection-preservation/utils.js

@@ -23,4 +23,52 @@ export const isSelectionWithinCodeBlock = ({
   $to
 }) => {
   return $from.sameParent($to) && $from.parent.type.name === 'codeBlock';
+};
+
+/**
+ * Compares two selections for equality based on their from and to positions.
+ *
+ * @param a The first selection to compare.
+ * @param b The second selection to compare.
+ * @returns True if both selections are equal, otherwise false.
+ */
+export const compareSelections = (a, b) => {
+  return (a === null || a === void 0 ? void 0 : a.from) === (b === null || b === void 0 ? void 0 : b.from) && (a === null || a === void 0 ? void 0 : a.to) === (b === null || b === void 0 ? void 0 : b.to);
+};
+
+/**
+ * Returns true/false indicating whether the preserved selection
+ * has changed between the old and new editor states.
+ *
+ * @param newState The new editor state.
+ * @param oldState The old editor state.
+ * @returns True if the preserved selection has changed, otherwise false.
+ */
+export const isPreservedSelectionChanged = (newState, oldState) => {
+  var _selectionPreservatio, _selectionPreservatio2;
+  const prev = (_selectionPreservatio = selectionPreservationPluginKey.getState(oldState)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
+  const curr = (_selectionPreservatio2 = selectionPreservationPluginKey.getState(newState)) === null || _selectionPreservatio2 === void 0 ? void 0 : _selectionPreservatio2.preservedSelection;
+  return !!prev && !!curr && !compareSelections(prev, curr);
+};
+
+/**
+ * Triggers a DOM selection sync by resetting the current native selection range
+ * only if it is out of sync with the provided ProseMirror selection state.
+ *
+ * This is a necessary workaround to ensure the browser's native selection state
+ * stays in sync with the preserved selection, particularly after transactions
+ * that shift document content.
+ *
+ * @param selection The current ProseMirror selection state to compare against.
+ */
+export const syncDOMSelection = selection => {
+  const domSelection = window.getSelection();
+  const domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
+  const isOutOfSync = domRange && (selection.from !== domRange.startOffset || selection.to !== domRange.endOffset);
+  if (isOutOfSync) {
+    // Force the DOM selection to refresh, setting it to the same range
+    // This will trigger ProseMirror to re-apply its selection logic based on the current state
+    domSelection.removeAllRanges();
+    domSelection.addRange(domRange);
+  }
 };

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

@@ -441,6 +441,12 @@ export const DragHandle = ({
       }
     }
   }, [anchorName, nodeType, view.dom]);
+  const handleMouseUp = useCallback(e => {
+    // Stop propagation so that for drag handles in nested scenarios the click is captured
+    // and doesn't propagate to the edge of the element and trigger a node selection
+    // on the parent element
+    e.stopPropagation();
+  }, []);
   const handleOnClickNew = useCallback(e => {
     var _api$core;
     api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(({
@@ -1073,6 +1079,7 @@ export const DragHandle = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: !editorExperiment('platform_editor_controls', 'variant1') ? editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld : {},
+    onMouseUp: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleMouseUp : undefined,
     onClick: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleOnClickNew : handleOnClick,
     onKeyDown: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleKeyDownNew : handleKeyDown
     // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop

package/dist/esm/pm-plugins/selection-preservation/pm-plugin.js

@@ -7,7 +7,7 @@ import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
 import { mapPreservedSelection } from '../utils/selection';
 import { stopPreservingSelection } from './editor-commands';
 import { selectionPreservationPluginKey } from './plugin-key';
-import { getSelectionPreservationMeta, hasUserSelectionChange, isSelectionWithinCodeBlock } from './utils';
+import { compareSelections, getSelectionPreservationMeta, hasUserSelectionChange, isPreservedSelectionChanged, isSelectionWithinCodeBlock, syncDOMSelection } from './utils';
 
 /**
  * Selection Preservation Plugin
@@ -60,7 +60,7 @@ export var createSelectionPreservationPlugin = function createSelectionPreservat
           if (newState.preservedSelection && tr.docChanged) {
             newState.preservedSelection = mapPreservedSelection(newState.preservedSelection, tr);
           }
-          if (newState.preservedSelection !== pluginState.preservedSelection) {
+          if (!compareSelections(newState.preservedSelection, pluginState.preservedSelection)) {
             if (newState !== null && newState !== void 0 && newState.preservedSelection) {
               var _api$selection;
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.commands) === null || _api$selection === void 0 ? void 0 : _api$selection.setBlockSelection(newState.preservedSelection));
@@ -74,26 +74,25 @@ export var createSelectionPreservationPlugin = function createSelectionPreservat
       },
       appendTransaction: function appendTransaction(transactions, _oldState, newState) {
         var pluginState = selectionPreservationPluginKey.getState(newState);
-        var savedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
-        if (!savedSel) {
+        var preservedSel = pluginState === null || pluginState === void 0 ? void 0 : pluginState.preservedSelection;
+        var stateSel = newState.selection;
+        if (!preservedSel) {
           return null;
         }
 
         // Auto-stop if user explicitly changes selection or selection is set within a code block
-        if (hasUserSelectionChange(transactions) || isSelectionWithinCodeBlock(newState.selection)) {
-          // Auto-stop if user explicitly changes selection
+        if (hasUserSelectionChange(transactions) || isSelectionWithinCodeBlock(stateSel)) {
           return stopPreservingSelection({
             tr: newState.tr
           });
         }
-        var currSel = newState.selection;
-        var selectionUnchanged = currSel.from === savedSel.from && currSel.to === savedSel.to;
-        var selectionInvalid = savedSel.from < 0 || savedSel.to > newState.doc.content.size;
+        var selectionUnchanged = stateSel.from === preservedSel.from && stateSel.to === preservedSel.to;
+        var selectionInvalid = preservedSel.from < 0 || preservedSel.to > newState.doc.content.size;
         if (selectionUnchanged || selectionInvalid) {
           return null;
         }
         try {
-          return newState.tr.setSelection(savedSel);
+          return newState.tr.setSelection(preservedSel);
         } catch (error) {
           logException(error, {
             location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
@@ -101,6 +100,15 @@ export var createSelectionPreservationPlugin = function createSelectionPreservat
         }
         return null;
       },
+      view: function view() {
+        return {
+          update: function update(view, prevState) {
+            if (isPreservedSelectionChanged(view.state, prevState)) {
+              syncDOMSelection(view.state.selection);
+            }
+          }
+        };
+      },
       props: {
         handleClick: function handleClick(view, pos, event) {
           var _ref = selectionPreservationPluginKey.getState(view.state) || {},

package/dist/esm/pm-plugins/selection-preservation/utils.js

@@ -24,4 +24,52 @@ export var isSelectionWithinCodeBlock = function isSelectionWithinCodeBlock(_ref
   var $from = _ref.$from,
     $to = _ref.$to;
   return $from.sameParent($to) && $from.parent.type.name === 'codeBlock';
+};
+
+/**
+ * Compares two selections for equality based on their from and to positions.
+ *
+ * @param a The first selection to compare.
+ * @param b The second selection to compare.
+ * @returns True if both selections are equal, otherwise false.
+ */
+export var compareSelections = function compareSelections(a, b) {
+  return (a === null || a === void 0 ? void 0 : a.from) === (b === null || b === void 0 ? void 0 : b.from) && (a === null || a === void 0 ? void 0 : a.to) === (b === null || b === void 0 ? void 0 : b.to);
+};
+
+/**
+ * Returns true/false indicating whether the preserved selection
+ * has changed between the old and new editor states.
+ *
+ * @param newState The new editor state.
+ * @param oldState The old editor state.
+ * @returns True if the preserved selection has changed, otherwise false.
+ */
+export var isPreservedSelectionChanged = function isPreservedSelectionChanged(newState, oldState) {
+  var _selectionPreservatio, _selectionPreservatio2;
+  var prev = (_selectionPreservatio = selectionPreservationPluginKey.getState(oldState)) === null || _selectionPreservatio === void 0 ? void 0 : _selectionPreservatio.preservedSelection;
+  var curr = (_selectionPreservatio2 = selectionPreservationPluginKey.getState(newState)) === null || _selectionPreservatio2 === void 0 ? void 0 : _selectionPreservatio2.preservedSelection;
+  return !!prev && !!curr && !compareSelections(prev, curr);
+};
+
+/**
+ * Triggers a DOM selection sync by resetting the current native selection range
+ * only if it is out of sync with the provided ProseMirror selection state.
+ *
+ * This is a necessary workaround to ensure the browser's native selection state
+ * stays in sync with the preserved selection, particularly after transactions
+ * that shift document content.
+ *
+ * @param selection The current ProseMirror selection state to compare against.
+ */
+export var syncDOMSelection = function syncDOMSelection(selection) {
+  var domSelection = window.getSelection();
+  var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
+  var isOutOfSync = domRange && (selection.from !== domRange.startOffset || selection.to !== domRange.endOffset);
+  if (isOutOfSync) {
+    // Force the DOM selection to refresh, setting it to the same range
+    // This will trigger ProseMirror to re-apply its selection logic based on the current state
+    domSelection.removeAllRanges();
+    domSelection.addRange(domRange);
+  }
 };

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

@@ -460,6 +460,12 @@ export var DragHandle = function DragHandle(_ref3) {
       }
     }
   }, [anchorName, nodeType, view.dom]);
+  var handleMouseUp = useCallback(function (e) {
+    // Stop propagation so that for drag handles in nested scenarios the click is captured
+    // and doesn't propagate to the edge of the element and trigger a node selection
+    // on the parent element
+    e.stopPropagation();
+  }, []);
   var handleOnClickNew = useCallback(function (e) {
     var _api$core;
     api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref4) {
@@ -1082,6 +1088,7 @@ export var DragHandle = function DragHandle(_ref3) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ,
         style: !editorExperiment('platform_editor_controls', 'variant1') ? editorExperiment('platform_editor_block_control_optimise_render', true) ? positionStyles : positionStylesOld : {},
+        onMouseUp: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleMouseUp : undefined,
         onClick: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleOnClickNew : handleOnClick,
         onKeyDown: expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ? handleKeyDownNew : handleKeyDown
         // eslint-disable-next-line @atlaskit/design-system/no-direct-use-of-web-platform-drag-and-drop

package/dist/types/pm-plugins/selection-preservation/utils.d.ts

@@ -1,4 +1,4 @@
-import type { ReadonlyTransaction, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, ReadonlyTransaction, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SelectionPreservationMeta } from './types';
 /**
  * Detects if any of the transactions include user-driven selection changes.
@@ -15,3 +15,31 @@ export declare const getSelectionPreservationMeta: (tr: Transaction | ReadonlyTr
  * @returns True if the selection is within a code block, otherwise false.
  */
 export declare const isSelectionWithinCodeBlock: ({ $from, $to }: Selection) => boolean;
+/**
+ * Compares two selections for equality based on their from and to positions.
+ *
+ * @param a The first selection to compare.
+ * @param b The second selection to compare.
+ * @returns True if both selections are equal, otherwise false.
+ */
+export declare const compareSelections: (a?: Selection, b?: Selection) => boolean;
+/**
+ * Returns true/false indicating whether the preserved selection
+ * has changed between the old and new editor states.
+ *
+ * @param newState The new editor state.
+ * @param oldState The old editor state.
+ * @returns True if the preserved selection has changed, otherwise false.
+ */
+export declare const isPreservedSelectionChanged: (newState: EditorState, oldState: EditorState) => boolean;
+/**
+ * Triggers a DOM selection sync by resetting the current native selection range
+ * only if it is out of sync with the provided ProseMirror selection state.
+ *
+ * This is a necessary workaround to ensure the browser's native selection state
+ * stays in sync with the preserved selection, particularly after transactions
+ * that shift document content.
+ *
+ * @param selection The current ProseMirror selection state to compare against.
+ */
+export declare const syncDOMSelection: (selection: Selection) => void;

package/dist/types-ts4.5/pm-plugins/selection-preservation/utils.d.ts

@@ -1,4 +1,4 @@
-import type { ReadonlyTransaction, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState, ReadonlyTransaction, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SelectionPreservationMeta } from './types';
 /**
  * Detects if any of the transactions include user-driven selection changes.
@@ -15,3 +15,31 @@ export declare const getSelectionPreservationMeta: (tr: Transaction | ReadonlyTr
  * @returns True if the selection is within a code block, otherwise false.
  */
 export declare const isSelectionWithinCodeBlock: ({ $from, $to }: Selection) => boolean;
+/**
+ * Compares two selections for equality based on their from and to positions.
+ *
+ * @param a The first selection to compare.
+ * @param b The second selection to compare.
+ * @returns True if both selections are equal, otherwise false.
+ */
+export declare const compareSelections: (a?: Selection, b?: Selection) => boolean;
+/**
+ * Returns true/false indicating whether the preserved selection
+ * has changed between the old and new editor states.
+ *
+ * @param newState The new editor state.
+ * @param oldState The old editor state.
+ * @returns True if the preserved selection has changed, otherwise false.
+ */
+export declare const isPreservedSelectionChanged: (newState: EditorState, oldState: EditorState) => boolean;
+/**
+ * Triggers a DOM selection sync by resetting the current native selection range
+ * only if it is out of sync with the provided ProseMirror selection state.
+ *
+ * This is a necessary workaround to ensure the browser's native selection state
+ * stays in sync with the preserved selection, particularly after transactions
+ * that shift document content.
+ *
+ * @param selection The current ProseMirror selection state to compare against.
+ */
+export declare const syncDOMSelection: (selection: Selection) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "8.0.5",
+	"version": "8.0.7",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-interaction": "^12.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^4.0.0",
 		"@atlaskit/editor-plugin-metrics": "^8.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^7.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^7.1.0",
 		"@atlaskit/editor-plugin-selection": "^7.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^4.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^7.0.0",
@@ -54,9 +54,9 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.11.0",
+		"@atlaskit/tmp-editor-statsig": "^16.13.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.13.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@popperjs/core": "^2.11.8",

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

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DragHandleMenu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var DragHandleMenu = exports.DragHandleMenu = function DragHandleMenu(_ref) {
-  var api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
-      var _states$blockControls;
-      return {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen;
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-  return isMenuOpen ? /*#__PURE__*/_react.default.createElement("div", null, "menu") : null;
-};

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-export const DragHandleMenu = ({
-  api
-}) => {
-  const {
-    isMenuOpen
-  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
-    var _states$blockControls;
-    return {
-      isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
-    };
-  });
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-  return isMenuOpen ? /*#__PURE__*/React.createElement("div", null, "menu") : null;
-};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-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 {
-        isMenuOpen: (_states$blockControls = states.blockControlsState) === null || _states$blockControls === void 0 ? void 0 : _states$blockControls.isMenuOpen
-      };
-    }),
-    isMenuOpen = _useSharedPluginState.isMenuOpen;
-  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-  return isMenuOpen ? /*#__PURE__*/React.createElement("div", null, "menu") : null;
-};

package/dist/types/ui/drag-handle-menu.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-export declare const DragHandleMenu: ({ api, }: {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-}) => React.JSX.Element | null;

package/dist/types-ts4.5/ui/drag-handle-menu.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BlockControlsPlugin } from '../blockControlsPluginType';
-export declare const DragHandleMenu: ({ api, }: {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-}) => React.JSX.Element | null;