@atlaskit/editor-plugin-block-controls 8.0.6 → 8.0.8

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 8.0.8
+
+### Patch Changes
+
+- [`eb7609ee331ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb7609ee331ab) -
+  [ux] EDITOR-4264 Fix preserved selection mapping
+- Updated dependencies
+
+## 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

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createSelectionPreservationPlugin = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _monitoring = require("@atlaskit/editor-common/monitoring");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _styles = require("@atlaskit/editor-common/styles");
 var _selection = require("../utils/selection");
@@ -59,14 +58,13 @@ var createSelectionPreservationPlugin = exports.createSelectionPreservationPlugi
           var meta = (0, _utils.getSelectionPreservationMeta)(tr);
           var newState = _objectSpread({}, pluginState);
           if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'startPreserving') {
-            newState.preservedSelection = (0, _selection.mapPreservedSelection)(tr.selection, tr);
+            newState.preservedSelection = (0, _selection.createPreservedSelection)(tr.doc.resolve(tr.selection.from), tr.doc.resolve(tr.selection.to));
           } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'stopPreserving') {
             newState.preservedSelection = undefined;
-          }
-          if (newState.preservedSelection && tr.docChanged) {
+          } else 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,32 +78,41 @@ 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);
-        } catch (error) {
-          (0, _monitoring.logException)(error, {
-            location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
+        var newSelection = (0, _selection.createPreservedSelection)(newState.doc.resolve(preservedSel.from), newState.doc.resolve(preservedSel.to));
+
+        // If selection becomes invalid, stop preserving
+        if (!newSelection) {
+          return (0, _editorCommands.stopPreservingSelection)({
+            tr: newState.tr
           });
         }
-        return null;
+        return newState.tr.setSelection(newSelection);
+      },
+      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) {

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/pm-plugins/utils/getSelection.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setCursorPositionAtMovedNode = exports.selectNode = exports.rootTaskListDepth = exports.rootListDepth = exports.isNodeWithCodeBlock = exports.isHandleCorrelatedToSelection = exports.getSelection = exports.getInlineNodePos = void 0;
+exports.setCursorPositionAtMovedNode = exports.selectNode = exports.rootTaskListDepth = exports.rootListDepth = exports.newGetSelection = exports.isNodeWithCodeBlock = exports.isHandleCorrelatedToSelection = exports.getSelection = exports.getInlineNodePos = void 0;
 var _selection2 = require("@atlaskit/editor-common/selection");
 var _toolbarFlagCheck = require("@atlaskit/editor-common/toolbar-flag-check");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -81,7 +81,16 @@ var oldGetSelection = function oldGetSelection(tr, start) {
     return new _state.TextSelection(tr.doc.resolve(inlineNodePos), tr.doc.resolve(inlineNodeEndPos));
   }
 };
-var newGetSelection = function newGetSelection(doc, selectionEmpty, start) {
+
+/**
+ * Gets the appropriate selection for the node at the given start position.
+ *
+ * @param doc The ProseMirror document.
+ * @param selectionEmpty Indicates if the current selection is empty.
+ * @param start The start position of the node.
+ * @returns The appropriate selection for the node.
+ */
+var newGetSelection = exports.newGetSelection = function newGetSelection(doc, selectionEmpty, start) {
   var node = doc.nodeAt(start);
   var isNodeSelection = node && _state.NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;

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

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapPreservedSelection = exports.getSelectedSlicePosition = exports.getMultiSelectionIfPosInside = exports.expandSelectionHeadToNodeAtPos = exports.alignAnchorHeadInDirectionOfPos = void 0;
+exports.mapPreservedSelection = exports.getSelectedSlicePosition = exports.getMultiSelectionIfPosInside = exports.expandSelectionHeadToNodeAtPos = exports.createPreservedSelection = exports.alignAnchorHeadInDirectionOfPos = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-tables/utils");
 var _main = require("../main");
+var _getSelection = require("./getSelection");
 var getMultiSelectionIfPosInside = exports.getMultiSelectionIfPosInside = function getMultiSelectionIfPosInside(api, pos, tr) {
   var _api$blockControls, _pluginState$multiSel, _tr$getMeta;
   var pluginState = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
@@ -91,38 +93,51 @@ var mapPreservedSelection = exports.mapPreservedSelection = function mapPreserve
   var _ref = (0, _main.getBlockControlsMeta)(tr) || {},
     preservedSelectionMapping = _ref.preservedSelectionMapping;
   var mapping = preservedSelectionMapping || tr.mapping;
-  if (selection instanceof _state.TextSelection) {
-    var from = mapping.map(selection.from);
-    var to = mapping.map(selection.to);
-    var isSelectionEmpty = from === to;
-    var wasSelectionEmpty = selection.from === selection.to;
-    if (isSelectionEmpty && !wasSelectionEmpty) {
-      // If selection has become empty i.e. content has been deleted, stop preserving
-      return undefined;
-    }
-    // expand the text selection range to block boundaries, so as document changes occur the
-    // selection always includes whole nodes
-    var expanded = (0, _selection.expandToBlockRange)(tr.doc.resolve(from), tr.doc.resolve(to));
+  var from = mapping.map(selection.from);
+  var to = mapping.map(selection.to);
+  var isSelectionEmpty = from === to;
+  var wasSelectionEmpty = selection.from === selection.to;
+  if (isSelectionEmpty && !wasSelectionEmpty) {
+    // If selection has become empty i.e. content has been deleted, stop preserving
+    return undefined;
+  }
+  return createPreservedSelection(tr.doc.resolve(from), tr.doc.resolve(to));
+};
 
-    // If after expanding the selection it is still empty, return a single cursor selection at 'from'
-    var nodeAfter = expanded.$from.nodeAfter;
-    var nodeBefore = expanded.$to.nodeBefore;
-    var expandedSelectionEmpty = nodeAfter === nodeBefore && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
-    if (isSelectionEmpty && expandedSelectionEmpty) {
-      return _state.TextSelection.create(tr.doc, from);
-    }
-    var $from = expanded.$from,
-      $to = expanded.$to;
+/**
+ * Creates a preserved selection which is expanded to block boundaries.
+ *
+ * Will return the correct type of selection based on the nodes contained within the
+ * expanded selection range.
+ *
+ * If the selection becomes empty or invalid, it returns undefined.
+ *
+ * @param $from The resolved position of the start of the selection
+ * @param $to The resolved position of the end of the selection
+ * @returns A Selection or undefined if selection is invalid
+ */
+var createPreservedSelection = exports.createPreservedSelection = function createPreservedSelection($from, $to) {
+  var _doc$nodeAt;
+  var doc = $from.doc;
+
+  // expand the selection range to block boundaries, so selection always includes whole nodes
+  var expanded = (0, _selection.expandToBlockRange)($from, $to);
+
+  // stop preserving if selection becomes invalid
+  if (expanded.$from.pos < 0 || expanded.$to.pos > doc.content.size || expanded.$from.pos >= expanded.$to.pos) {
+    return undefined;
+  }
 
-    // stop preserving if preserved selection becomes invalid
-    if ($from.pos < 0 || $to.pos > tr.doc.content.size || $from.pos >= $to.pos) {
-      return undefined;
-    }
-    return new _state.TextSelection($from, $to);
+  // If multiple blocks selected, create TextSelection from start of first node to end of last node
+  if (expanded.range && (0, _selection.isMultiBlockRange)(expanded.range)) {
+    return new _state.TextSelection(expanded.$from, expanded.$to);
   }
-  try {
-    return selection.map(tr.doc, mapping);
-  } catch (_unused) {
+  var nodeType = (_doc$nodeAt = doc.nodeAt(expanded.$from.pos)) === null || _doc$nodeAt === void 0 || (_doc$nodeAt = _doc$nodeAt.type) === null || _doc$nodeAt === void 0 ? void 0 : _doc$nodeAt.name;
+  if (!nodeType) {
     return undefined;
   }
+  if (nodeType === 'table') {
+    return (0, _utils.getTableSelectionClosesToPos)($from);
+  }
+  return (0, _getSelection.newGetSelection)(doc, false, expanded.$from.pos) || undefined;
 };

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

@@ -1,10 +1,9 @@
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
-import { mapPreservedSelection } from '../utils/selection';
+import { createPreservedSelection, 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
@@ -51,14 +50,13 @@ export const createSelectionPreservationPlugin = api => () => {
           ...pluginState
         };
         if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'startPreserving') {
-          newState.preservedSelection = mapPreservedSelection(tr.selection, tr);
+          newState.preservedSelection = createPreservedSelection(tr.doc.resolve(tr.selection.from), tr.doc.resolve(tr.selection.to));
         } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'stopPreserving') {
           newState.preservedSelection = undefined;
-        }
-        if (newState.preservedSelection && tr.docChanged) {
+        } else 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,32 +70,41 @@ 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);
-      } catch (error) {
-        logException(error, {
-          location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
+      const newSelection = createPreservedSelection(newState.doc.resolve(preservedSel.from), newState.doc.resolve(preservedSel.to));
+
+      // If selection becomes invalid, stop preserving
+      if (!newSelection) {
+        return stopPreservingSelection({
+          tr: newState.tr
         });
       }
-      return null;
+      return newState.tr.setSelection(newSelection);
+    },
+    view() {
+      return {
+        update(view, prevState) {
+          if (isPreservedSelectionChanged(view.state, prevState)) {
+            syncDOMSelection(view.state.selection);
+          }
+        }
+      };
     },
     props: {
       handleClick: (view, pos, event) => {

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/pm-plugins/utils/getSelection.js

@@ -76,7 +76,16 @@ const oldGetSelection = (tr, start) => {
     return new TextSelection(tr.doc.resolve(inlineNodePos), tr.doc.resolve(inlineNodeEndPos));
   }
 };
-const newGetSelection = (doc, selectionEmpty, start) => {
+
+/**
+ * Gets the appropriate selection for the node at the given start position.
+ *
+ * @param doc The ProseMirror document.
+ * @param selectionEmpty Indicates if the current selection is empty.
+ * @param start The start position of the node.
+ * @returns The appropriate selection for the node.
+ */
+export const newGetSelection = (doc, selectionEmpty, start) => {
   const node = doc.nodeAt(start);
   const isNodeSelection = node && NodeSelection.isSelectable(node);
   const nodeSize = node ? node.nodeSize : 1;

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

@@ -1,6 +1,8 @@
-import { expandToBlockRange } from '@atlaskit/editor-common/selection';
+import { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/utils';
 import { getBlockControlsMeta, key } from '../main';
+import { newGetSelection } from './getSelection';
 export const getMultiSelectionIfPosInside = (api, pos, tr) => {
   var _api$blockControls, _pluginState$multiSel, _tr$getMeta;
   const pluginState = api === null || api === void 0 ? void 0 : (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
@@ -87,40 +89,53 @@ export const mapPreservedSelection = (selection, tr) => {
     preservedSelectionMapping
   } = getBlockControlsMeta(tr) || {};
   const mapping = preservedSelectionMapping || tr.mapping;
-  if (selection instanceof TextSelection) {
-    const from = mapping.map(selection.from);
-    const to = mapping.map(selection.to);
-    const isSelectionEmpty = from === to;
-    const wasSelectionEmpty = selection.from === selection.to;
-    if (isSelectionEmpty && !wasSelectionEmpty) {
-      // If selection has become empty i.e. content has been deleted, stop preserving
-      return undefined;
-    }
-    // expand the text selection range to block boundaries, so as document changes occur the
-    // selection always includes whole nodes
-    const expanded = expandToBlockRange(tr.doc.resolve(from), tr.doc.resolve(to));
+  const from = mapping.map(selection.from);
+  const to = mapping.map(selection.to);
+  const isSelectionEmpty = from === to;
+  const wasSelectionEmpty = selection.from === selection.to;
+  if (isSelectionEmpty && !wasSelectionEmpty) {
+    // If selection has become empty i.e. content has been deleted, stop preserving
+    return undefined;
+  }
+  return createPreservedSelection(tr.doc.resolve(from), tr.doc.resolve(to));
+};
+
+/**
+ * Creates a preserved selection which is expanded to block boundaries.
+ *
+ * Will return the correct type of selection based on the nodes contained within the
+ * expanded selection range.
+ *
+ * If the selection becomes empty or invalid, it returns undefined.
+ *
+ * @param $from The resolved position of the start of the selection
+ * @param $to The resolved position of the end of the selection
+ * @returns A Selection or undefined if selection is invalid
+ */
+export const createPreservedSelection = ($from, $to) => {
+  var _doc$nodeAt, _doc$nodeAt$type;
+  const {
+    doc
+  } = $from;
 
-    // If after expanding the selection it is still empty, return a single cursor selection at 'from'
-    const nodeAfter = expanded.$from.nodeAfter;
-    const nodeBefore = expanded.$to.nodeBefore;
-    const expandedSelectionEmpty = nodeAfter === nodeBefore && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
-    if (isSelectionEmpty && expandedSelectionEmpty) {
-      return TextSelection.create(tr.doc, from);
-    }
-    const {
-      $from,
-      $to
-    } = expanded;
+  // expand the selection range to block boundaries, so selection always includes whole nodes
+  const expanded = expandToBlockRange($from, $to);
 
-    // stop preserving if preserved selection becomes invalid
-    if ($from.pos < 0 || $to.pos > tr.doc.content.size || $from.pos >= $to.pos) {
-      return undefined;
-    }
-    return new TextSelection($from, $to);
+  // stop preserving if selection becomes invalid
+  if (expanded.$from.pos < 0 || expanded.$to.pos > doc.content.size || expanded.$from.pos >= expanded.$to.pos) {
+    return undefined;
   }
-  try {
-    return selection.map(tr.doc, mapping);
-  } catch {
+
+  // If multiple blocks selected, create TextSelection from start of first node to end of last node
+  if (expanded.range && isMultiBlockRange(expanded.range)) {
+    return new TextSelection(expanded.$from, expanded.$to);
+  }
+  const nodeType = (_doc$nodeAt = doc.nodeAt(expanded.$from.pos)) === null || _doc$nodeAt === void 0 ? void 0 : (_doc$nodeAt$type = _doc$nodeAt.type) === null || _doc$nodeAt$type === void 0 ? void 0 : _doc$nodeAt$type.name;
+  if (!nodeType) {
     return undefined;
   }
+  if (nodeType === 'table') {
+    return getTableSelectionClosesToPos($from);
+  }
+  return newGetSelection(doc, false, expanded.$from.pos) || undefined;
 };

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

@@ -1,13 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { logException } from '@atlaskit/editor-common/monitoring';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DRAG_HANDLE_SELECTOR } from '@atlaskit/editor-common/styles';
-import { mapPreservedSelection } from '../utils/selection';
+import { createPreservedSelection, 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
@@ -53,14 +52,13 @@ export var createSelectionPreservationPlugin = function createSelectionPreservat
           var meta = getSelectionPreservationMeta(tr);
           var newState = _objectSpread({}, pluginState);
           if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'startPreserving') {
-            newState.preservedSelection = mapPreservedSelection(tr.selection, tr);
+            newState.preservedSelection = createPreservedSelection(tr.doc.resolve(tr.selection.from), tr.doc.resolve(tr.selection.to));
           } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'stopPreserving') {
             newState.preservedSelection = undefined;
-          }
-          if (newState.preservedSelection && tr.docChanged) {
+          } else 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,32 +72,41 @@ 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);
-        } catch (error) {
-          logException(error, {
-            location: 'editor-plugin-block-controls/SelectionPreservationPlugin'
+        var newSelection = createPreservedSelection(newState.doc.resolve(preservedSel.from), newState.doc.resolve(preservedSel.to));
+
+        // If selection becomes invalid, stop preserving
+        if (!newSelection) {
+          return stopPreservingSelection({
+            tr: newState.tr
           });
         }
-        return null;
+        return newState.tr.setSelection(newSelection);
+      },
+      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) {

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/pm-plugins/utils/getSelection.js

@@ -75,7 +75,16 @@ var oldGetSelection = function oldGetSelection(tr, start) {
     return new TextSelection(tr.doc.resolve(inlineNodePos), tr.doc.resolve(inlineNodeEndPos));
   }
 };
-var newGetSelection = function newGetSelection(doc, selectionEmpty, start) {
+
+/**
+ * Gets the appropriate selection for the node at the given start position.
+ *
+ * @param doc The ProseMirror document.
+ * @param selectionEmpty Indicates if the current selection is empty.
+ * @param start The start position of the node.
+ * @returns The appropriate selection for the node.
+ */
+export var newGetSelection = function newGetSelection(doc, selectionEmpty, start) {
   var node = doc.nodeAt(start);
   var isNodeSelection = node && NodeSelection.isSelectable(node);
   var nodeSize = node ? node.nodeSize : 1;

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

@@ -1,6 +1,8 @@
-import { expandToBlockRange } from '@atlaskit/editor-common/selection';
+import { expandToBlockRange, isMultiBlockRange } from '@atlaskit/editor-common/selection';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getTableSelectionClosesToPos } from '@atlaskit/editor-tables/utils';
 import { getBlockControlsMeta, key } from '../main';
+import { newGetSelection } from './getSelection';
 export var getMultiSelectionIfPosInside = function getMultiSelectionIfPosInside(api, pos, tr) {
   var _api$blockControls, _pluginState$multiSel, _tr$getMeta;
   var pluginState = api === null || api === void 0 || (_api$blockControls = api.blockControls) === null || _api$blockControls === void 0 ? void 0 : _api$blockControls.sharedState.currentState();
@@ -85,38 +87,51 @@ export var mapPreservedSelection = function mapPreservedSelection(selection, tr)
   var _ref = getBlockControlsMeta(tr) || {},
     preservedSelectionMapping = _ref.preservedSelectionMapping;
   var mapping = preservedSelectionMapping || tr.mapping;
-  if (selection instanceof TextSelection) {
-    var from = mapping.map(selection.from);
-    var to = mapping.map(selection.to);
-    var isSelectionEmpty = from === to;
-    var wasSelectionEmpty = selection.from === selection.to;
-    if (isSelectionEmpty && !wasSelectionEmpty) {
-      // If selection has become empty i.e. content has been deleted, stop preserving
-      return undefined;
-    }
-    // expand the text selection range to block boundaries, so as document changes occur the
-    // selection always includes whole nodes
-    var expanded = expandToBlockRange(tr.doc.resolve(from), tr.doc.resolve(to));
+  var from = mapping.map(selection.from);
+  var to = mapping.map(selection.to);
+  var isSelectionEmpty = from === to;
+  var wasSelectionEmpty = selection.from === selection.to;
+  if (isSelectionEmpty && !wasSelectionEmpty) {
+    // If selection has become empty i.e. content has been deleted, stop preserving
+    return undefined;
+  }
+  return createPreservedSelection(tr.doc.resolve(from), tr.doc.resolve(to));
+};
 
-    // If after expanding the selection it is still empty, return a single cursor selection at 'from'
-    var nodeAfter = expanded.$from.nodeAfter;
-    var nodeBefore = expanded.$to.nodeBefore;
-    var expandedSelectionEmpty = nodeAfter === nodeBefore && (nodeAfter === null || nodeAfter === void 0 ? void 0 : nodeAfter.content.size) === 0;
-    if (isSelectionEmpty && expandedSelectionEmpty) {
-      return TextSelection.create(tr.doc, from);
-    }
-    var $from = expanded.$from,
-      $to = expanded.$to;
+/**
+ * Creates a preserved selection which is expanded to block boundaries.
+ *
+ * Will return the correct type of selection based on the nodes contained within the
+ * expanded selection range.
+ *
+ * If the selection becomes empty or invalid, it returns undefined.
+ *
+ * @param $from The resolved position of the start of the selection
+ * @param $to The resolved position of the end of the selection
+ * @returns A Selection or undefined if selection is invalid
+ */
+export var createPreservedSelection = function createPreservedSelection($from, $to) {
+  var _doc$nodeAt;
+  var doc = $from.doc;
+
+  // expand the selection range to block boundaries, so selection always includes whole nodes
+  var expanded = expandToBlockRange($from, $to);
+
+  // stop preserving if selection becomes invalid
+  if (expanded.$from.pos < 0 || expanded.$to.pos > doc.content.size || expanded.$from.pos >= expanded.$to.pos) {
+    return undefined;
+  }
 
-    // stop preserving if preserved selection becomes invalid
-    if ($from.pos < 0 || $to.pos > tr.doc.content.size || $from.pos >= $to.pos) {
-      return undefined;
-    }
-    return new TextSelection($from, $to);
+  // If multiple blocks selected, create TextSelection from start of first node to end of last node
+  if (expanded.range && isMultiBlockRange(expanded.range)) {
+    return new TextSelection(expanded.$from, expanded.$to);
   }
-  try {
-    return selection.map(tr.doc, mapping);
-  } catch (_unused) {
+  var nodeType = (_doc$nodeAt = doc.nodeAt(expanded.$from.pos)) === null || _doc$nodeAt === void 0 || (_doc$nodeAt = _doc$nodeAt.type) === null || _doc$nodeAt === void 0 ? void 0 : _doc$nodeAt.name;
+  if (!nodeType) {
     return undefined;
   }
+  if (nodeType === 'table') {
+    return getTableSelectionClosesToPos($from);
+  }
+  return newGetSelection(doc, false, expanded.$from.pos) || undefined;
 };

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/pm-plugins/utils/getSelection.d.ts

@@ -7,6 +7,15 @@ export declare const getInlineNodePos: (doc: PMNode, start: number, nodeSize: nu
     inlineNodePos: number;
 };
 export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeSize: number) => boolean;
+/**
+ * Gets the appropriate selection for the node at the given start position.
+ *
+ * @param doc The ProseMirror document.
+ * @param selectionEmpty Indicates if the current selection is empty.
+ * @param start The start position of the node.
+ * @returns The appropriate selection for the node.
+ */
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
 export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;

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

@@ -1,5 +1,6 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -38,3 +39,16 @@ export declare const alignAnchorHeadInDirectionOfPos: (selection: Selection, pos
  * @returns The mapped selection or undefined if mapping is not possible
  */
 export declare const mapPreservedSelection: (selection: Selection, tr: ReadonlyTransaction | Transaction) => Selection | undefined;
+/**
+ * Creates a preserved selection which is expanded to block boundaries.
+ *
+ * Will return the correct type of selection based on the nodes contained within the
+ * expanded selection range.
+ *
+ * If the selection becomes empty or invalid, it returns undefined.
+ *
+ * @param $from The resolved position of the start of the selection
+ * @param $to The resolved position of the end of the selection
+ * @returns A Selection or undefined if selection is invalid
+ */
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;

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/dist/types-ts4.5/pm-plugins/utils/getSelection.d.ts

@@ -7,6 +7,15 @@ export declare const getInlineNodePos: (doc: PMNode, start: number, nodeSize: nu
     inlineNodePos: number;
 };
 export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeSize: number) => boolean;
+/**
+ * Gets the appropriate selection for the node at the given start position.
+ *
+ * @param doc The ProseMirror document.
+ * @param selectionEmpty Indicates if the current selection is empty.
+ * @param start The start position of the node.
+ * @returns The appropriate selection for the node.
+ */
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
 export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;

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

@@ -1,5 +1,6 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -38,3 +39,16 @@ export declare const alignAnchorHeadInDirectionOfPos: (selection: Selection, pos
  * @returns The mapped selection or undefined if mapping is not possible
  */
 export declare const mapPreservedSelection: (selection: Selection, tr: ReadonlyTransaction | Transaction) => Selection | undefined;
+/**
+ * Creates a preserved selection which is expanded to block boundaries.
+ *
+ * Will return the correct type of selection based on the nodes contained within the
+ * expanded selection range.
+ *
+ * If the selection becomes empty or invalid, it returns undefined.
+ *
+ * @param $from The resolved position of the start of the selection
+ * @param $to The resolved position of the end of the selection
+ * @returns A Selection or undefined if selection is invalid
+ */
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "8.0.6",
+	"version": "8.0.8",
 	"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.14.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;