@atlaskit/editor-plugin-selection 7.0.0 → 7.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-selection
 
+## 7.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.0.1
+
+### Patch Changes
+
+- [`0bf8d0bd8bf2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0bf8d0bd8bf2c) -
+  [ux] EDITOR-4276 Apply block selection visual style only from drag handle
+- Updated dependencies
+
 ## 7.0.0
 
 ### Patch Changes

package/dist/cjs/editor-actions/index.js

@@ -96,7 +96,9 @@ var getSelectionFragment = exports.getSelectionFragment = function getSelectionF
     return fragment;
   };
 };
-var getSelectionLocalIds = exports.getSelectionLocalIds = function getSelectionLocalIds(api) {
+var getSelectionLocalIds = exports.getSelectionLocalIds =
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getSelectionLocalIds(api) {
   return function () {
     var _api$selection$shared2, _selection;
     var selection = api === null || api === void 0 || (_api$selection$shared2 = api.selection.sharedState) === null || _api$selection$shared2 === void 0 || (_api$selection$shared2 = _api$selection$shared2.currentState()) === null || _api$selection$shared2 === void 0 ? void 0 : _api$selection$shared2.selection;

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

@@ -26,6 +26,7 @@ var getInitialState = exports.getInitialState = function getInitialState(state)
 var createPlugin = exports.createPlugin = function createPlugin(api, dispatch, dispatchAnalyticsEvent) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var cursorHidden = false;
+  var blockSelection;
   return new _safePlugin.SafePlugin({
     key: _types.selectionPluginKey,
     state: (0, _pluginFactory.createPluginState)(dispatch, getInitialState),
@@ -33,36 +34,46 @@ var createPlugin = exports.createPlugin = function createPlugin(api, dispatch, d
       var tr = newEditorState.tr;
       var manualSelection;
       var hideCursorChanged = false;
+      var blockSelectionChanged = false;
       var needsHideCursor = (0, _platformFeatureFlags.fg)('platform_editor_ai_generic_prep_for_aifc_2');
       var needsManualSelection = (0, _experiments.editorExperiment)('platform_editor_element_drag_and_drop_multiselect', true);
-      if (needsHideCursor || needsManualSelection) {
-        for (var i = transactions.length - 1; i >= 0; i--) {
-          var meta = transactions[i].getMeta(_types.selectionPluginKey);
-          if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
-            var newHideCursorValue = meta.hideCursor;
-            if (cursorHidden !== newHideCursorValue) {
-              cursorHidden = newHideCursorValue;
-              hideCursorChanged = true;
-            }
+      var needsBlockSelection = (0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true);
+      for (var i = transactions.length - 1; i >= 0; i--) {
+        var meta = transactions[i].getMeta(_types.selectionPluginKey);
+        if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
+          var newHideCursorValue = meta.hideCursor;
+          if (cursorHidden !== newHideCursorValue) {
+            cursorHidden = newHideCursorValue;
+            hideCursorChanged = true;
           }
-          if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
-            manualSelection = meta.manualSelection;
-            if (!needsHideCursor) {
-              break;
-            }
+        }
+        if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
+          manualSelection = meta.manualSelection;
+          if (!needsHideCursor && !needsBlockSelection) {
+            break;
+          }
+        }
+        if (needsBlockSelection) {
+          if (meta !== null && meta !== void 0 && meta.setBlockSelection) {
+            blockSelection = meta.setBlockSelection;
+            blockSelectionChanged = true;
+          }
+          if (meta !== null && meta !== void 0 && meta.clearBlockSelection) {
+            blockSelection = undefined;
+            blockSelectionChanged = true;
           }
         }
       }
       if (!(0, _utils.shouldRecalcDecorations)({
         oldEditorState: oldEditorState,
         newEditorState: newEditorState
-      }) && !manualSelection && !hideCursorChanged) {
+      }) && !manualSelection && !hideCursorChanged && !blockSelectionChanged) {
         return;
       }
       tr.setMeta(_types.selectionPluginKey, {
         type: _actions.SelectionActionTypes.SET_DECORATIONS,
         selection: tr.selection,
-        decorationSet: (0, _utils.getDecorations)(tr, manualSelection, cursorHidden)
+        decorationSet: (0, _utils.getDecorations)(tr, manualSelection, cursorHidden, blockSelection)
       });
       return tr;
     },

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

@@ -14,9 +14,10 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _types = require("../types");
 var _hideCursorDecoration = require("./cursor/ui/hide-cursor-decoration");
-var getDecorations = exports.getDecorations = function getDecorations(tr, manualSelection, hideCursor) {
+var getDecorations = exports.getDecorations = function getDecorations(tr, manualSelection, hideCursor, blockSelection) {
   var selection = tr.selection;
   var decorations = [];
   if (hideCursor && (0, _platformFeatureFlags.fg)('platform_editor_ai_generic_prep_for_aifc_2')) {
@@ -32,14 +33,19 @@ var getDecorations = exports.getDecorations = function getDecorations(tr, manual
     if (manualSelection && manualSelection.anchor >= 0 && manualSelection.head >= 0 && manualSelection.anchor <= tr.doc.nodeSize && manualSelection.head <= tr.doc.nodeSize) {
       selection = _state.TextSelection.create(tr.doc, manualSelection.anchor, manualSelection.head);
     }
-    var selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(function (_ref) {
-      var node = _ref.node,
-        pos = _ref.pos;
-      return _view.Decoration.node(pos, pos + node.nodeSize, {
-        class: _editorSharedStyles.akEditorSelectedNodeClassName
+
+    // Only apply node decorations when there is an active block selection.
+    // When there is no block selection, text selections should use native browser selection appearance.
+    if (!(0, _expValEquals.expValEquals)('platform_editor_block_menu', 'isEnabled', true) || blockSelection) {
+      var selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(function (_ref) {
+        var node = _ref.node,
+          pos = _ref.pos;
+        return _view.Decoration.node(pos, pos + node.nodeSize, {
+          class: _editorSharedStyles.akEditorSelectedNodeClassName
+        });
       });
-    });
-    decorations.push.apply(decorations, (0, _toConsumableArray2.default)(selectionDecorations));
+      decorations.push.apply(decorations, (0, _toConsumableArray2.default)(selectionDecorations));
+    }
     return _view.DecorationSet.create(tr.doc, decorations);
   }
   return decorations.length > 0 ? _view.DecorationSet.create(tr.doc, decorations) : _view.DecorationSet.empty;

package/dist/cjs/selectionPlugin.js

@@ -56,21 +56,41 @@ var hideCursor = function hideCursor(hide) {
     }));
   };
 };
-var selectionPlugin = exports.selectionPlugin = function selectionPlugin(_ref5) {
-  var api = _ref5.api,
-    options = _ref5.config;
+var setBlockSelection = function setBlockSelection(selection) {
+  return function (_ref5) {
+    var tr = _ref5.tr;
+    var currMeta = tr.getMeta(_types.selectionPluginKey);
+    return tr.setMeta(_types.selectionPluginKey, _objectSpread(_objectSpread({}, currMeta), {}, {
+      setBlockSelection: selection
+    }));
+  };
+};
+var clearBlockSelection = function clearBlockSelection() {
+  return function (_ref6) {
+    var tr = _ref6.tr;
+    var currMeta = tr.getMeta(_types.selectionPluginKey);
+    return tr.setMeta(_types.selectionPluginKey, _objectSpread(_objectSpread({}, currMeta), {}, {
+      clearBlockSelection: true
+    }));
+  };
+};
+var selectionPlugin = exports.selectionPlugin = function selectionPlugin(_ref7) {
+  var api = _ref7.api,
+    options = _ref7.config;
   return {
     name: 'selection',
     commands: {
       displayGapCursor: displayGapCursor,
       clearManualSelection: clearManualSelection,
       hideCursor: hideCursor,
-      setManualSelection: setManualSelection
+      setManualSelection: setManualSelection,
+      setBlockSelection: setBlockSelection,
+      clearBlockSelection: clearBlockSelection
     },
     actions: {
-      selectNearNode: function selectNearNode(_ref6) {
-        var selectionRelativeToNode = _ref6.selectionRelativeToNode,
-          selection = _ref6.selection;
+      selectNearNode: function selectNearNode(_ref8) {
+        var selectionRelativeToNode = _ref8.selectionRelativeToNode,
+          selection = _ref8.selection;
         return function (state) {
           return (0, _commands.selectNearNode)(selectionRelativeToNode, selection)({
             tr: state.tr
@@ -93,9 +113,9 @@ var selectionPlugin = exports.selectionPlugin = function selectionPlugin(_ref5)
     pmPlugins: function pmPlugins() {
       return [{
         name: 'selection',
-        plugin: function plugin(_ref7) {
-          var dispatch = _ref7.dispatch,
-            dispatchAnalyticsEvent = _ref7.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref9) {
+          var dispatch = _ref9.dispatch,
+            dispatchAnalyticsEvent = _ref9.dispatchAnalyticsEvent;
           return (0, _selectionMain.createPlugin)(api, dispatch, dispatchAnalyticsEvent, options);
         }
       }, {

package/dist/es2019/editor-actions/index.js

@@ -76,7 +76,9 @@ export const getSelectionFragment = api => () => {
   });
   return fragment;
 };
-export const getSelectionLocalIds = api => () => {
+export const getSelectionLocalIds =
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+api => () => {
   var _api$selection$shared3, _api$selection$shared4, _selection;
   let selection = api === null || api === void 0 ? void 0 : (_api$selection$shared3 = api.selection.sharedState) === null || _api$selection$shared3 === void 0 ? void 0 : (_api$selection$shared4 = _api$selection$shared3.currentState()) === null || _api$selection$shared4 === void 0 ? void 0 : _api$selection$shared4.selection;
   if ((_selection = selection) !== null && _selection !== void 0 && _selection.empty) {

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

@@ -17,6 +17,7 @@ export const getInitialState = state => ({
 });
 export const createPlugin = (api, dispatch, dispatchAnalyticsEvent, options = {}) => {
   let cursorHidden = false;
+  let blockSelection;
   return new SafePlugin({
     key: selectionPluginKey,
     state: createPluginState(dispatch, getInitialState),
@@ -26,36 +27,46 @@ export const createPlugin = (api, dispatch, dispatchAnalyticsEvent, options = {}
       } = newEditorState;
       let manualSelection;
       let hideCursorChanged = false;
+      let blockSelectionChanged = false;
       const needsHideCursor = fg('platform_editor_ai_generic_prep_for_aifc_2');
       const needsManualSelection = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
-      if (needsHideCursor || needsManualSelection) {
-        for (let i = transactions.length - 1; i >= 0; i--) {
-          const meta = transactions[i].getMeta(selectionPluginKey);
-          if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
-            const newHideCursorValue = meta.hideCursor;
-            if (cursorHidden !== newHideCursorValue) {
-              cursorHidden = newHideCursorValue;
-              hideCursorChanged = true;
-            }
+      const needsBlockSelection = expValEquals('platform_editor_block_menu', 'isEnabled', true);
+      for (let i = transactions.length - 1; i >= 0; i--) {
+        const meta = transactions[i].getMeta(selectionPluginKey);
+        if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
+          const newHideCursorValue = meta.hideCursor;
+          if (cursorHidden !== newHideCursorValue) {
+            cursorHidden = newHideCursorValue;
+            hideCursorChanged = true;
           }
-          if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
-            manualSelection = meta.manualSelection;
-            if (!needsHideCursor) {
-              break;
-            }
+        }
+        if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
+          manualSelection = meta.manualSelection;
+          if (!needsHideCursor && !needsBlockSelection) {
+            break;
+          }
+        }
+        if (needsBlockSelection) {
+          if (meta !== null && meta !== void 0 && meta.setBlockSelection) {
+            blockSelection = meta.setBlockSelection;
+            blockSelectionChanged = true;
+          }
+          if (meta !== null && meta !== void 0 && meta.clearBlockSelection) {
+            blockSelection = undefined;
+            blockSelectionChanged = true;
           }
         }
       }
       if (!shouldRecalcDecorations({
         oldEditorState,
         newEditorState
-      }) && !manualSelection && !hideCursorChanged) {
+      }) && !manualSelection && !hideCursorChanged && !blockSelectionChanged) {
         return;
       }
       tr.setMeta(selectionPluginKey, {
         type: SelectionActionTypes.SET_DECORATIONS,
         selection: tr.selection,
-        decorationSet: getDecorations(tr, manualSelection, cursorHidden)
+        decorationSet: getDecorations(tr, manualSelection, cursorHidden, blockSelection)
       });
       return tr;
     },

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

@@ -5,9 +5,10 @@ import { findParentNode, findParentNodeClosestToPos, flatten, hasParentNode } fr
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { selectionPluginKey } from '../types';
 import { createHideCursorDecoration } from './cursor/ui/hide-cursor-decoration';
-export const getDecorations = (tr, manualSelection, hideCursor) => {
+export const getDecorations = (tr, manualSelection, hideCursor, blockSelection) => {
   let selection = tr.selection;
   const decorations = [];
   if (hideCursor && fg('platform_editor_ai_generic_prep_for_aifc_2')) {
@@ -23,15 +24,20 @@ export const getDecorations = (tr, manualSelection, hideCursor) => {
     if (manualSelection && manualSelection.anchor >= 0 && manualSelection.head >= 0 && manualSelection.anchor <= tr.doc.nodeSize && manualSelection.head <= tr.doc.nodeSize) {
       selection = TextSelection.create(tr.doc, manualSelection.anchor, manualSelection.head);
     }
-    const selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(({
-      node,
-      pos
-    }) => {
-      return Decoration.node(pos, pos + node.nodeSize, {
-        class: akEditorSelectedNodeClassName
+
+    // Only apply node decorations when there is an active block selection.
+    // When there is no block selection, text selections should use native browser selection appearance.
+    if (!expValEquals('platform_editor_block_menu', 'isEnabled', true) || blockSelection) {
+      const selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(({
+        node,
+        pos
+      }) => {
+        return Decoration.node(pos, pos + node.nodeSize, {
+          class: akEditorSelectedNodeClassName
+        });
       });
-    });
-    decorations.push(...selectionDecorations);
+      decorations.push(...selectionDecorations);
+    }
     return DecorationSet.create(tr.doc, decorations);
   }
   return decorations.length > 0 ? DecorationSet.create(tr.doc, decorations) : DecorationSet.empty;

package/dist/es2019/selectionPlugin.js

@@ -45,6 +45,24 @@ const hideCursor = hide => ({
     hideCursor: hide
   });
 };
+const setBlockSelection = selection => ({
+  tr
+}) => {
+  const currMeta = tr.getMeta(selectionPluginKey);
+  return tr.setMeta(selectionPluginKey, {
+    ...currMeta,
+    setBlockSelection: selection
+  });
+};
+const clearBlockSelection = () => ({
+  tr
+}) => {
+  const currMeta = tr.getMeta(selectionPluginKey);
+  return tr.setMeta(selectionPluginKey, {
+    ...currMeta,
+    clearBlockSelection: true
+  });
+};
 export const selectionPlugin = ({
   api,
   config: options
@@ -54,7 +72,9 @@ export const selectionPlugin = ({
     displayGapCursor,
     clearManualSelection,
     hideCursor,
-    setManualSelection
+    setManualSelection,
+    setBlockSelection,
+    clearBlockSelection
   },
   actions: {
     selectNearNode: ({

package/dist/esm/editor-actions/index.js

@@ -89,7 +89,9 @@ export var getSelectionFragment = function getSelectionFragment(api) {
     return fragment;
   };
 };
-export var getSelectionLocalIds = function getSelectionLocalIds(api) {
+export var getSelectionLocalIds =
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function getSelectionLocalIds(api) {
   return function () {
     var _api$selection$shared2, _selection;
     var selection = api === null || api === void 0 || (_api$selection$shared2 = api.selection.sharedState) === null || _api$selection$shared2 === void 0 || (_api$selection$shared2 = _api$selection$shared2.currentState()) === null || _api$selection$shared2 === void 0 ? void 0 : _api$selection$shared2.selection;

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

@@ -20,6 +20,7 @@ export var getInitialState = function getInitialState(state) {
 export var createPlugin = function createPlugin(api, dispatch, dispatchAnalyticsEvent) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var cursorHidden = false;
+  var blockSelection;
   return new SafePlugin({
     key: selectionPluginKey,
     state: createPluginState(dispatch, getInitialState),
@@ -27,36 +28,46 @@ export var createPlugin = function createPlugin(api, dispatch, dispatchAnalytics
       var tr = newEditorState.tr;
       var manualSelection;
       var hideCursorChanged = false;
+      var blockSelectionChanged = false;
       var needsHideCursor = fg('platform_editor_ai_generic_prep_for_aifc_2');
       var needsManualSelection = editorExperiment('platform_editor_element_drag_and_drop_multiselect', true);
-      if (needsHideCursor || needsManualSelection) {
-        for (var i = transactions.length - 1; i >= 0; i--) {
-          var meta = transactions[i].getMeta(selectionPluginKey);
-          if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
-            var newHideCursorValue = meta.hideCursor;
-            if (cursorHidden !== newHideCursorValue) {
-              cursorHidden = newHideCursorValue;
-              hideCursorChanged = true;
-            }
+      var needsBlockSelection = expValEquals('platform_editor_block_menu', 'isEnabled', true);
+      for (var i = transactions.length - 1; i >= 0; i--) {
+        var meta = transactions[i].getMeta(selectionPluginKey);
+        if (needsHideCursor && (meta === null || meta === void 0 ? void 0 : meta.hideCursor) !== undefined) {
+          var newHideCursorValue = meta.hideCursor;
+          if (cursorHidden !== newHideCursorValue) {
+            cursorHidden = newHideCursorValue;
+            hideCursorChanged = true;
           }
-          if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
-            manualSelection = meta.manualSelection;
-            if (!needsHideCursor) {
-              break;
-            }
+        }
+        if (needsManualSelection && meta !== null && meta !== void 0 && meta.manualSelection && !manualSelection) {
+          manualSelection = meta.manualSelection;
+          if (!needsHideCursor && !needsBlockSelection) {
+            break;
+          }
+        }
+        if (needsBlockSelection) {
+          if (meta !== null && meta !== void 0 && meta.setBlockSelection) {
+            blockSelection = meta.setBlockSelection;
+            blockSelectionChanged = true;
+          }
+          if (meta !== null && meta !== void 0 && meta.clearBlockSelection) {
+            blockSelection = undefined;
+            blockSelectionChanged = true;
           }
         }
       }
       if (!shouldRecalcDecorations({
         oldEditorState: oldEditorState,
         newEditorState: newEditorState
-      }) && !manualSelection && !hideCursorChanged) {
+      }) && !manualSelection && !hideCursorChanged && !blockSelectionChanged) {
         return;
       }
       tr.setMeta(selectionPluginKey, {
         type: SelectionActionTypes.SET_DECORATIONS,
         selection: tr.selection,
-        decorationSet: getDecorations(tr, manualSelection, cursorHidden)
+        decorationSet: getDecorations(tr, manualSelection, cursorHidden, blockSelection)
       });
       return tr;
     },

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

@@ -6,9 +6,10 @@ import { findParentNode, findParentNodeClosestToPos, flatten, hasParentNode } fr
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { selectionPluginKey } from '../types';
 import { createHideCursorDecoration } from './cursor/ui/hide-cursor-decoration';
-export var getDecorations = function getDecorations(tr, manualSelection, hideCursor) {
+export var getDecorations = function getDecorations(tr, manualSelection, hideCursor, blockSelection) {
   var selection = tr.selection;
   var decorations = [];
   if (hideCursor && fg('platform_editor_ai_generic_prep_for_aifc_2')) {
@@ -24,14 +25,19 @@ export var getDecorations = function getDecorations(tr, manualSelection, hideCur
     if (manualSelection && manualSelection.anchor >= 0 && manualSelection.head >= 0 && manualSelection.anchor <= tr.doc.nodeSize && manualSelection.head <= tr.doc.nodeSize) {
       selection = TextSelection.create(tr.doc, manualSelection.anchor, manualSelection.head);
     }
-    var selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(function (_ref) {
-      var node = _ref.node,
-        pos = _ref.pos;
-      return Decoration.node(pos, pos + node.nodeSize, {
-        class: akEditorSelectedNodeClassName
+
+    // Only apply node decorations when there is an active block selection.
+    // When there is no block selection, text selections should use native browser selection appearance.
+    if (!expValEquals('platform_editor_block_menu', 'isEnabled', true) || blockSelection) {
+      var selectionDecorations = getNodesToDecorateFromSelection(selection, tr.doc).map(function (_ref) {
+        var node = _ref.node,
+          pos = _ref.pos;
+        return Decoration.node(pos, pos + node.nodeSize, {
+          class: akEditorSelectedNodeClassName
+        });
       });
-    });
-    decorations.push.apply(decorations, _toConsumableArray(selectionDecorations));
+      decorations.push.apply(decorations, _toConsumableArray(selectionDecorations));
+    }
     return DecorationSet.create(tr.doc, decorations);
   }
   return decorations.length > 0 ? DecorationSet.create(tr.doc, decorations) : DecorationSet.empty;

package/dist/esm/selectionPlugin.js

@@ -49,21 +49,41 @@ var hideCursor = function hideCursor(hide) {
     }));
   };
 };
-export var selectionPlugin = function selectionPlugin(_ref5) {
-  var api = _ref5.api,
-    options = _ref5.config;
+var setBlockSelection = function setBlockSelection(selection) {
+  return function (_ref5) {
+    var tr = _ref5.tr;
+    var currMeta = tr.getMeta(selectionPluginKey);
+    return tr.setMeta(selectionPluginKey, _objectSpread(_objectSpread({}, currMeta), {}, {
+      setBlockSelection: selection
+    }));
+  };
+};
+var clearBlockSelection = function clearBlockSelection() {
+  return function (_ref6) {
+    var tr = _ref6.tr;
+    var currMeta = tr.getMeta(selectionPluginKey);
+    return tr.setMeta(selectionPluginKey, _objectSpread(_objectSpread({}, currMeta), {}, {
+      clearBlockSelection: true
+    }));
+  };
+};
+export var selectionPlugin = function selectionPlugin(_ref7) {
+  var api = _ref7.api,
+    options = _ref7.config;
   return {
     name: 'selection',
     commands: {
       displayGapCursor: displayGapCursor,
       clearManualSelection: clearManualSelection,
       hideCursor: hideCursor,
-      setManualSelection: setManualSelection
+      setManualSelection: setManualSelection,
+      setBlockSelection: setBlockSelection,
+      clearBlockSelection: clearBlockSelection
     },
     actions: {
-      selectNearNode: function selectNearNode(_ref6) {
-        var selectionRelativeToNode = _ref6.selectionRelativeToNode,
-          selection = _ref6.selection;
+      selectNearNode: function selectNearNode(_ref8) {
+        var selectionRelativeToNode = _ref8.selectionRelativeToNode,
+          selection = _ref8.selection;
         return function (state) {
           return _selectNearNode(selectionRelativeToNode, selection)({
             tr: state.tr
@@ -86,9 +106,9 @@ export var selectionPlugin = function selectionPlugin(_ref5) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'selection',
-        plugin: function plugin(_ref7) {
-          var dispatch = _ref7.dispatch,
-            dispatchAnalyticsEvent = _ref7.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref9) {
+          var dispatch = _ref9.dispatch,
+            dispatchAnalyticsEvent = _ref9.dispatchAnalyticsEvent;
           return createPlugin(api, dispatch, dispatchAnalyticsEvent, options);
         }
       }, {

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

@@ -6,7 +6,7 @@ import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export declare const getDecorations: (tr: Transaction | ReadonlyTransaction, manualSelection?: {
     anchor: number;
     head: number;
-}, hideCursor?: boolean) => DecorationSet;
+}, hideCursor?: boolean, blockSelection?: Selection) => DecorationSet;
 /**
  * Use `getNodesToDecorateFromSelection` to collect and return
  * a list of nodes within the Selection that should have Selection

package/dist/types/selectionPluginType.d.ts

@@ -1,13 +1,16 @@
 import type { SelectionSharedState } from '@atlaskit/editor-common/selection';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorSelectionAPI, SelectionPluginOptions } from './types';
 export type SelectionPlugin = NextEditorPlugin<'selection', {
     actions: EditorSelectionAPI;
     commands: {
+        clearBlockSelection: () => EditorCommand;
         clearManualSelection: () => EditorCommand;
         displayGapCursor: (toggle: boolean) => EditorCommand;
         hideCursor: (hide: boolean) => EditorCommand;
+        setBlockSelection: (selection: Selection) => EditorCommand;
         setManualSelection: (anchor: number, head: number) => EditorCommand;
     };
     dependencies: [OptionalPlugin<InteractionPlugin>];

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

@@ -6,7 +6,7 @@ import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 export declare const getDecorations: (tr: Transaction | ReadonlyTransaction, manualSelection?: {
     anchor: number;
     head: number;
-}, hideCursor?: boolean) => DecorationSet;
+}, hideCursor?: boolean, blockSelection?: Selection) => DecorationSet;
 /**
  * Use `getNodesToDecorateFromSelection` to collect and return
  * a list of nodes within the Selection that should have Selection

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

@@ -1,13 +1,16 @@
 import type { SelectionSharedState } from '@atlaskit/editor-common/selection';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorSelectionAPI, SelectionPluginOptions } from './types';
 export type SelectionPlugin = NextEditorPlugin<'selection', {
     actions: EditorSelectionAPI;
     commands: {
+        clearBlockSelection: () => EditorCommand;
         clearManualSelection: () => EditorCommand;
         displayGapCursor: (toggle: boolean) => EditorCommand;
         hideCursor: (hide: boolean) => EditorCommand;
+        setBlockSelection: (selection: Selection) => EditorCommand;
         setManualSelection: (anchor: number, head: number) => EditorCommand;
     };
     dependencies: [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection",
-	"version": "7.0.0",
+	"version": "7.0.2",
 	"description": "Selection plugin for @atlaskit/editor-core",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,17 +20,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/editor-json-transformer": "^8.31.0",
-		"@atlaskit/editor-plugin-interaction": "^12.0.0",
+		"@atlaskit/editor-plugin-interaction": "^13.0.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^16.3.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.23.0",
+		"@atlaskit/tokens": "^10.0.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
+		"@atlaskit/editor-common": "^111.8.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {