@atlaskit/editor-plugin-selection-extension 3.4.1 → 3.4.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-selection-extension
 
+## 3.4.3
+
+### Patch Changes
+
+- [`86db72552d6a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/86db72552d6a0) -
+  Add Apis to get selection adf and text information
+
+## 3.4.2
+
+### Patch Changes
+
+- [`373e833d95d52`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/373e833d95d52) -
+  [ux] COMMIT-19456:Fix forge app coords bug
+- Updated dependencies
+
 ## 3.4.1
 
 ### Patch Changes

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

@@ -4,11 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateSelectedNode = exports.getSelectionInfo = void 0;
+exports.validateSelectedNode = exports.getSelectionTextInfo = exports.getSelectionAdfInfo = void 0;
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _editorTables = require("@atlaskit/editor-tables");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _getBoundingBoxFromSelection = require("../../ui/getBoundingBoxFromSelection");
 var getSelectedRect = function getSelectedRect(selection) {
   var $anchorCell = selection.$anchorCell,
     $headCell = selection.$headCell;
@@ -57,7 +60,27 @@ var getSelectionInfoFromCellSelection = function getSelectionInfoFromCellSelecti
     nodePos: nodePos
   };
 };
-var getSelectionInfo = exports.getSelectionInfo = function getSelectionInfo(state) {
+var getSelectionTextInfo = exports.getSelectionTextInfo = function getSelectionTextInfo(view, api) {
+  var _api$userPreferences, _api$selectionToolbar, _api$editorViewMode;
+  var currentSelection = view.state.selection;
+  var toolbarDocking = (0, _platformFeatureFlags.fg)('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.preferences) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
+  var isEditMode = Boolean((api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit');
+  var shouldOffsetToolbarHeight = toolbarDocking === 'top' && isEditMode && (0, _platformFeatureFlags.fg)('platform_editor_selection_extension_api_v2');
+  var from = currentSelection.from,
+    to = currentSelection.to;
+  var text = view.state.doc.textBetween(from, to, '\n');
+  var coords = (0, _getBoundingBoxFromSelection.getBoundingBoxFromSelection)(view, from, to, {
+    top: shouldOffsetToolbarHeight ? _editorSharedStyles.akEditorFullPageToolbarHeight : 0,
+    bottom: shouldOffsetToolbarHeight ? _editorSharedStyles.akEditorFullPageToolbarHeight : 0
+  });
+  return {
+    text: text,
+    from: from,
+    to: to,
+    coords: coords
+  };
+};
+var getSelectionAdfInfo = exports.getSelectionAdfInfo = function getSelectionAdfInfo(state) {
   var selection = state.selection;
   var selectionInfo = {
     selectedNode: selection.$from.node(),

package/dist/cjs/selectionExtensionPlugin.js

@@ -18,7 +18,6 @@ var _utils = require("./pm-plugins/utils");
 var _types = require("./types");
 var _SelectionExtensionComponentWrapper = require("./ui/extension/SelectionExtensionComponentWrapper");
 var _extensions = require("./ui/extensions");
-var _getBoundingBoxFromSelection = require("./ui/getBoundingBoxFromSelection");
 var _LegacyToolbarComponent = require("./ui/LegacyToolbarComponent");
 var _selectionToolbar2 = require("./ui/selectionToolbar");
 var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
@@ -114,11 +113,32 @@ var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selec
           state = _editorViewRef$curren3.state,
           dispatch = _editorViewRef$curren3.dispatch;
         return (0, _insertAdfAtEndOfDoc2.insertAdfAtEndOfDoc)(nodeAdf)(state, dispatch);
+      },
+      getSelectionAdf: function getSelectionAdf() {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        var state = editorViewRef.current.state;
+        var _getSelectionAdfInfo = (0, _utils.getSelectionAdfInfo)(state),
+          selectionRanges = _getSelectionAdfInfo.selectionRanges,
+          selectedNodeAdf = _getSelectionAdfInfo.selectedNodeAdf;
+        return {
+          selectedNodeAdf: selectedNodeAdf,
+          selectionRanges: selectionRanges
+        };
+      },
+      getSelectionText: function getSelectionText() {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        var _getSelectionTextInfo = (0, _utils.getSelectionTextInfo)(editorViewRef.current, api),
+          text = _getSelectionTextInfo.text,
+          coords = _getSelectionTextInfo.coords;
+        return {
+          text: text,
+          coords: coords
+        };
       }
-      // NEXT PR: Implement this to return selectedNodeAdf, selectionRanges
-      // getSelectionAdf: () => {},
-      // NEXT PR: Implement this to return text, coords
-      // getSelectionText: () => {},
     },
     contentComponent: function contentComponent(_ref6) {
       var _api$analytics;
@@ -168,23 +188,9 @@ var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selec
         if (selectionExtensionState !== null && selectionExtensionState !== void 0 && selectionExtensionState.activeExtension) {
           return;
         }
-        var getSelection = function getSelection(view) {
-          // ensure the same document state is applied to editor view to avoid mismatches
-          var currentSelection = view.state.selection;
-          var from = currentSelection.from,
-            to = currentSelection.to;
-          var text = view.state.doc.textBetween(from, to, '\n');
-          var coords = (0, _getBoundingBoxFromSelection.getBoundingBoxFromSelection)(view, from, to);
-          return {
-            text: text,
-            from: from,
-            to: to,
-            coords: coords
-          };
-        };
         var handleOnExtensionClick = function handleOnExtensionClick(view) {
           return function (extension) {
-            var selection = getSelection(view);
+            var selection = (0, _utils.getSelectionTextInfo)(view, api);
             if (extension.component) {
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.selectionExtension.commands.setActiveExtension({
                 extension: extension,
@@ -196,11 +202,11 @@ var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selec
             };
             if ((0, _platformFeatureFlags.fg)('platform_editor_selection_extension_api_v2')) {
               var _extension$onClick, _api$core;
-              var _getSelectionInfo = (0, _utils.getSelectionInfo)(view.state),
-                selectedNodeAdf = _getSelectionInfo.selectedNodeAdf,
-                selectionRanges = _getSelectionInfo.selectionRanges,
-                selectedNode = _getSelectionInfo.selectedNode,
-                nodePos = _getSelectionInfo.nodePos;
+              var _getSelectionAdfInfo2 = (0, _utils.getSelectionAdfInfo)(view.state),
+                selectedNodeAdf = _getSelectionAdfInfo2.selectedNodeAdf,
+                selectionRanges = _getSelectionAdfInfo2.selectionRanges,
+                selectedNode = _getSelectionAdfInfo2.selectedNode,
+                nodePos = _getSelectionAdfInfo2.nodePos;
               onClickCallbackOptions = {
                 selectedNodeAdf: selectedNodeAdf,
                 selectionRanges: selectionRanges
@@ -225,7 +231,7 @@ var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selec
         var convertExtensionToDropdownMenuItem = function convertExtensionToDropdownMenuItem(extension, rank) {
           var _extension$isDisabled;
           var disabled = (extension === null || extension === void 0 ? void 0 : extension.isDisabled) instanceof Function ? extension === null || extension === void 0 || (_extension$isDisabled = extension.isDisabled) === null || _extension$isDisabled === void 0 ? void 0 : _extension$isDisabled.call(extension, {
-            selection: editorViewRef.current ? getSelection(editorViewRef.current) : undefined
+            selection: editorViewRef.current ? (0, _utils.getSelectionTextInfo)(editorViewRef.current, api) : undefined
           }) : extension === null || extension === void 0 ? void 0 : extension.isDisabled;
           return {
             title: extension.name,
@@ -242,9 +248,9 @@ var selectionExtensionPlugin = exports.selectionExtensionPlugin = function selec
         };
         var getConfigFromExtensionCallback = function getConfigFromExtensionCallback(extension) {
           if (typeof extension === 'function') {
-            var _getSelectionInfo2 = (0, _utils.getSelectionInfo)(state),
-              selectedNodeAdf = _getSelectionInfo2.selectedNodeAdf,
-              selectionRanges = _getSelectionInfo2.selectionRanges;
+            var _getSelectionAdfInfo3 = (0, _utils.getSelectionAdfInfo)(state),
+              selectedNodeAdf = _getSelectionAdfInfo3.selectedNodeAdf,
+              selectionRanges = _getSelectionAdfInfo3.selectionRanges;
             return extension({
               selectedNodeAdf: selectedNodeAdf,
               selectionRanges: selectionRanges

package/dist/cjs/ui/getBoundingBoxFromSelection.js

@@ -10,9 +10,14 @@ exports.getBoundingBoxFromSelection = void 0;
  * @param view - The editor view instance.
  * @param from - The starting position of the selection.
  * @param to - The ending position of the selection.
+ * @param offset - Optional offset to adjust the top and bottom coordinates of the bounding box.`
  * @returns An object containing the top, left, bottom, and right coordinates of the bounding box.
  */
 var getBoundingBoxFromSelection = exports.getBoundingBoxFromSelection = function getBoundingBoxFromSelection(view, from, to) {
+  var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    top: 0,
+    bottom: 0
+  };
   var top = Infinity,
     left = Infinity,
     bottom = -Infinity,
@@ -26,6 +31,8 @@ var getBoundingBoxFromSelection = exports.getBoundingBoxFromSelection = function
     bottom = Math.max(bottom, coords.bottom);
     right = Math.max(right, coords.right);
   }
+  top = top - offset.top;
+  bottom = bottom - offset.bottom;
   return {
     top: top,
     left: left,

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

@@ -1,7 +1,10 @@
 import isEqual from 'lodash/isEqual';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { akEditorFullPageToolbarHeight } from '@atlaskit/editor-shared-styles';
 import { CellSelection, TableMap } from '@atlaskit/editor-tables';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getBoundingBoxFromSelection } from '../../ui/getBoundingBoxFromSelection';
 const getSelectedRect = selection => {
   const {
     $anchorCell,
@@ -54,7 +57,31 @@ const getSelectionInfoFromCellSelection = selection => {
     nodePos
   };
 };
-export const getSelectionInfo = state => {
+export const getSelectionTextInfo = (view, api) => {
+  var _api$userPreferences, _api$userPreferences$, _api$userPreferences$2, _api$selectionToolbar, _api$selectionToolbar2, _api$selectionToolbar3, _api$editorViewMode, _api$editorViewMode$s;
+  const {
+    selection: currentSelection
+  } = view.state;
+  const toolbarDocking = fg('platform_editor_use_preferences_plugin') ? api === null || api === void 0 ? void 0 : (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 ? void 0 : (_api$userPreferences$ = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences$ === void 0 ? void 0 : (_api$userPreferences$2 = _api$userPreferences$.preferences) === null || _api$userPreferences$2 === void 0 ? void 0 : _api$userPreferences$2.toolbarDockingPosition : api === null || api === void 0 ? void 0 : (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 ? void 0 : (_api$selectionToolbar2 = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar2 === void 0 ? void 0 : (_api$selectionToolbar3 = _api$selectionToolbar2.currentState()) === null || _api$selectionToolbar3 === void 0 ? void 0 : _api$selectionToolbar3.toolbarDocking;
+  const isEditMode = Boolean((api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'edit');
+  const shouldOffsetToolbarHeight = toolbarDocking === 'top' && isEditMode && fg('platform_editor_selection_extension_api_v2');
+  const {
+    from,
+    to
+  } = currentSelection;
+  const text = view.state.doc.textBetween(from, to, '\n');
+  const coords = getBoundingBoxFromSelection(view, from, to, {
+    top: shouldOffsetToolbarHeight ? akEditorFullPageToolbarHeight : 0,
+    bottom: shouldOffsetToolbarHeight ? akEditorFullPageToolbarHeight : 0
+  });
+  return {
+    text,
+    from,
+    to,
+    coords
+  };
+};
+export const getSelectionAdfInfo = state => {
   const selection = state.selection;
   let selectionInfo = {
     selectedNode: selection.$from.node(),

package/dist/es2019/selectionExtensionPlugin.js

@@ -6,11 +6,10 @@ import { insertSmartLinks } from './pm-plugins/actions';
 import { insertAdfAtEndOfDoc } from './pm-plugins/actions/insertAdfAtEndOfDoc';
 import { replaceWithAdf } from './pm-plugins/actions/replaceWithAdf';
 import { createPlugin, selectionExtensionPluginKey } from './pm-plugins/main';
-import { getSelectionInfo } from './pm-plugins/utils';
+import { getSelectionAdfInfo, getSelectionTextInfo } from './pm-plugins/utils';
 import { SelectionExtensionActionTypes } from './types';
 import { SelectionExtensionComponentWrapper } from './ui/extension/SelectionExtensionComponentWrapper';
 import { getMenuItemExtensions, getToolbarItemExtensions } from './ui/extensions';
-import { getBoundingBoxFromSelection } from './ui/getBoundingBoxFromSelection';
 import { LegacyPrimaryToolbarComponent } from './ui/LegacyToolbarComponent';
 import { selectionToolbar } from './ui/selectionToolbar';
 export const selectionExtensionPlugin = ({
@@ -104,11 +103,36 @@ export const selectionExtensionPlugin = ({
           dispatch
         } = editorViewRef.current;
         return insertAdfAtEndOfDoc(nodeAdf)(state, dispatch);
+      },
+      getSelectionAdf: () => {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        const {
+          state
+        } = editorViewRef.current;
+        const {
+          selectionRanges,
+          selectedNodeAdf
+        } = getSelectionAdfInfo(state);
+        return {
+          selectedNodeAdf,
+          selectionRanges
+        };
+      },
+      getSelectionText: () => {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        const {
+          text,
+          coords
+        } = getSelectionTextInfo(editorViewRef.current, api);
+        return {
+          text,
+          coords
+        };
       }
-      // NEXT PR: Implement this to return selectedNodeAdf, selectionRanges
-      // getSelectionAdf: () => {},
-      // NEXT PR: Implement this to return text, coords
-      // getSelectionText: () => {},
     },
     contentComponent: ({
       editorView
@@ -161,26 +185,8 @@ export const selectionExtensionPlugin = ({
         if (selectionExtensionState !== null && selectionExtensionState !== void 0 && selectionExtensionState.activeExtension) {
           return;
         }
-        const getSelection = view => {
-          // ensure the same document state is applied to editor view to avoid mismatches
-          const {
-            selection: currentSelection
-          } = view.state;
-          const {
-            from,
-            to
-          } = currentSelection;
-          const text = view.state.doc.textBetween(from, to, '\n');
-          const coords = getBoundingBoxFromSelection(view, from, to);
-          return {
-            text,
-            from,
-            to,
-            coords
-          };
-        };
         const handleOnExtensionClick = view => extension => {
-          const selection = getSelection(view);
+          const selection = getSelectionTextInfo(view, api);
           if (extension.component) {
             api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : api.selectionExtension.commands.setActiveExtension({
               extension,
@@ -197,7 +203,7 @@ export const selectionExtensionPlugin = ({
               selectionRanges,
               selectedNode,
               nodePos
-            } = getSelectionInfo(view.state);
+            } = getSelectionAdfInfo(view.state);
             onClickCallbackOptions = {
               selectedNodeAdf,
               selectionRanges
@@ -222,7 +228,7 @@ export const selectionExtensionPlugin = ({
         const convertExtensionToDropdownMenuItem = (extension, rank) => {
           var _extension$isDisabled;
           const disabled = (extension === null || extension === void 0 ? void 0 : extension.isDisabled) instanceof Function ? extension === null || extension === void 0 ? void 0 : (_extension$isDisabled = extension.isDisabled) === null || _extension$isDisabled === void 0 ? void 0 : _extension$isDisabled.call(extension, {
-            selection: editorViewRef.current ? getSelection(editorViewRef.current) : undefined
+            selection: editorViewRef.current ? getSelectionTextInfo(editorViewRef.current, api) : undefined
           }) : extension === null || extension === void 0 ? void 0 : extension.isDisabled;
           return {
             title: extension.name,
@@ -242,7 +248,7 @@ export const selectionExtensionPlugin = ({
             const {
               selectedNodeAdf,
               selectionRanges
-            } = getSelectionInfo(state);
+            } = getSelectionAdfInfo(state);
             return extension({
               selectedNodeAdf,
               selectionRanges

package/dist/es2019/ui/getBoundingBoxFromSelection.js

@@ -4,9 +4,13 @@
  * @param view - The editor view instance.
  * @param from - The starting position of the selection.
  * @param to - The ending position of the selection.
+ * @param offset - Optional offset to adjust the top and bottom coordinates of the bounding box.`
  * @returns An object containing the top, left, bottom, and right coordinates of the bounding box.
  */
-export const getBoundingBoxFromSelection = (view, from, to) => {
+export const getBoundingBoxFromSelection = (view, from, to, offset = {
+  top: 0,
+  bottom: 0
+}) => {
   let top = Infinity,
     left = Infinity,
     bottom = -Infinity,
@@ -20,6 +24,8 @@ export const getBoundingBoxFromSelection = (view, from, to) => {
     bottom = Math.max(bottom, coords.bottom);
     right = Math.max(right, coords.right);
   }
+  top = top - offset.top;
+  bottom = bottom - offset.bottom;
   return {
     top,
     left,

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

@@ -1,7 +1,10 @@
 import isEqual from 'lodash/isEqual';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { akEditorFullPageToolbarHeight } from '@atlaskit/editor-shared-styles';
 import { CellSelection, TableMap } from '@atlaskit/editor-tables';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getBoundingBoxFromSelection } from '../../ui/getBoundingBoxFromSelection';
 var getSelectedRect = function getSelectedRect(selection) {
   var $anchorCell = selection.$anchorCell,
     $headCell = selection.$headCell;
@@ -50,7 +53,27 @@ var getSelectionInfoFromCellSelection = function getSelectionInfoFromCellSelecti
     nodePos: nodePos
   };
 };
-export var getSelectionInfo = function getSelectionInfo(state) {
+export var getSelectionTextInfo = function getSelectionTextInfo(view, api) {
+  var _api$userPreferences, _api$selectionToolbar, _api$editorViewMode;
+  var currentSelection = view.state.selection;
+  var toolbarDocking = fg('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.preferences) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
+  var isEditMode = Boolean((api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'edit');
+  var shouldOffsetToolbarHeight = toolbarDocking === 'top' && isEditMode && fg('platform_editor_selection_extension_api_v2');
+  var from = currentSelection.from,
+    to = currentSelection.to;
+  var text = view.state.doc.textBetween(from, to, '\n');
+  var coords = getBoundingBoxFromSelection(view, from, to, {
+    top: shouldOffsetToolbarHeight ? akEditorFullPageToolbarHeight : 0,
+    bottom: shouldOffsetToolbarHeight ? akEditorFullPageToolbarHeight : 0
+  });
+  return {
+    text: text,
+    from: from,
+    to: to,
+    coords: coords
+  };
+};
+export var getSelectionAdfInfo = function getSelectionAdfInfo(state) {
   var selection = state.selection;
   var selectionInfo = {
     selectedNode: selection.$from.node(),

package/dist/esm/selectionExtensionPlugin.js

@@ -7,11 +7,10 @@ import { insertSmartLinks as _insertSmartLinks } from './pm-plugins/actions';
 import { insertAdfAtEndOfDoc as _insertAdfAtEndOfDoc } from './pm-plugins/actions/insertAdfAtEndOfDoc';
 import { replaceWithAdf as _replaceWithAdf } from './pm-plugins/actions/replaceWithAdf';
 import { createPlugin, selectionExtensionPluginKey } from './pm-plugins/main';
-import { getSelectionInfo } from './pm-plugins/utils';
+import { getSelectionAdfInfo, getSelectionTextInfo } from './pm-plugins/utils';
 import { SelectionExtensionActionTypes } from './types';
 import { SelectionExtensionComponentWrapper } from './ui/extension/SelectionExtensionComponentWrapper';
 import { getMenuItemExtensions, getToolbarItemExtensions } from './ui/extensions';
-import { getBoundingBoxFromSelection } from './ui/getBoundingBoxFromSelection';
 import { LegacyPrimaryToolbarComponent } from './ui/LegacyToolbarComponent';
 import { selectionToolbar as _selectionToolbar } from './ui/selectionToolbar';
 export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
@@ -107,11 +106,32 @@ export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
           state = _editorViewRef$curren3.state,
           dispatch = _editorViewRef$curren3.dispatch;
         return _insertAdfAtEndOfDoc(nodeAdf)(state, dispatch);
+      },
+      getSelectionAdf: function getSelectionAdf() {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        var state = editorViewRef.current.state;
+        var _getSelectionAdfInfo = getSelectionAdfInfo(state),
+          selectionRanges = _getSelectionAdfInfo.selectionRanges,
+          selectedNodeAdf = _getSelectionAdfInfo.selectedNodeAdf;
+        return {
+          selectedNodeAdf: selectedNodeAdf,
+          selectionRanges: selectionRanges
+        };
+      },
+      getSelectionText: function getSelectionText() {
+        if (!editorViewRef.current) {
+          return null;
+        }
+        var _getSelectionTextInfo = getSelectionTextInfo(editorViewRef.current, api),
+          text = _getSelectionTextInfo.text,
+          coords = _getSelectionTextInfo.coords;
+        return {
+          text: text,
+          coords: coords
+        };
       }
-      // NEXT PR: Implement this to return selectedNodeAdf, selectionRanges
-      // getSelectionAdf: () => {},
-      // NEXT PR: Implement this to return text, coords
-      // getSelectionText: () => {},
     },
     contentComponent: function contentComponent(_ref6) {
       var _api$analytics;
@@ -161,23 +181,9 @@ export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
         if (selectionExtensionState !== null && selectionExtensionState !== void 0 && selectionExtensionState.activeExtension) {
           return;
         }
-        var getSelection = function getSelection(view) {
-          // ensure the same document state is applied to editor view to avoid mismatches
-          var currentSelection = view.state.selection;
-          var from = currentSelection.from,
-            to = currentSelection.to;
-          var text = view.state.doc.textBetween(from, to, '\n');
-          var coords = getBoundingBoxFromSelection(view, from, to);
-          return {
-            text: text,
-            from: from,
-            to: to,
-            coords: coords
-          };
-        };
         var handleOnExtensionClick = function handleOnExtensionClick(view) {
           return function (extension) {
-            var selection = getSelection(view);
+            var selection = getSelectionTextInfo(view, api);
             if (extension.component) {
               api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 ? void 0 : api.selectionExtension.commands.setActiveExtension({
                 extension: extension,
@@ -189,11 +195,11 @@ export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
             };
             if (fg('platform_editor_selection_extension_api_v2')) {
               var _extension$onClick, _api$core;
-              var _getSelectionInfo = getSelectionInfo(view.state),
-                selectedNodeAdf = _getSelectionInfo.selectedNodeAdf,
-                selectionRanges = _getSelectionInfo.selectionRanges,
-                selectedNode = _getSelectionInfo.selectedNode,
-                nodePos = _getSelectionInfo.nodePos;
+              var _getSelectionAdfInfo2 = getSelectionAdfInfo(view.state),
+                selectedNodeAdf = _getSelectionAdfInfo2.selectedNodeAdf,
+                selectionRanges = _getSelectionAdfInfo2.selectionRanges,
+                selectedNode = _getSelectionAdfInfo2.selectedNode,
+                nodePos = _getSelectionAdfInfo2.nodePos;
               onClickCallbackOptions = {
                 selectedNodeAdf: selectedNodeAdf,
                 selectionRanges: selectionRanges
@@ -218,7 +224,7 @@ export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
         var convertExtensionToDropdownMenuItem = function convertExtensionToDropdownMenuItem(extension, rank) {
           var _extension$isDisabled;
           var disabled = (extension === null || extension === void 0 ? void 0 : extension.isDisabled) instanceof Function ? extension === null || extension === void 0 || (_extension$isDisabled = extension.isDisabled) === null || _extension$isDisabled === void 0 ? void 0 : _extension$isDisabled.call(extension, {
-            selection: editorViewRef.current ? getSelection(editorViewRef.current) : undefined
+            selection: editorViewRef.current ? getSelectionTextInfo(editorViewRef.current, api) : undefined
           }) : extension === null || extension === void 0 ? void 0 : extension.isDisabled;
           return {
             title: extension.name,
@@ -235,9 +241,9 @@ export var selectionExtensionPlugin = function selectionExtensionPlugin(_ref) {
         };
         var getConfigFromExtensionCallback = function getConfigFromExtensionCallback(extension) {
           if (typeof extension === 'function') {
-            var _getSelectionInfo2 = getSelectionInfo(state),
-              selectedNodeAdf = _getSelectionInfo2.selectedNodeAdf,
-              selectionRanges = _getSelectionInfo2.selectionRanges;
+            var _getSelectionAdfInfo3 = getSelectionAdfInfo(state),
+              selectedNodeAdf = _getSelectionAdfInfo3.selectedNodeAdf,
+              selectionRanges = _getSelectionAdfInfo3.selectionRanges;
             return extension({
               selectedNodeAdf: selectedNodeAdf,
               selectionRanges: selectionRanges

package/dist/esm/ui/getBoundingBoxFromSelection.js

@@ -4,9 +4,14 @@
  * @param view - The editor view instance.
  * @param from - The starting position of the selection.
  * @param to - The ending position of the selection.
+ * @param offset - Optional offset to adjust the top and bottom coordinates of the bounding box.`
  * @returns An object containing the top, left, bottom, and right coordinates of the bounding box.
  */
 export var getBoundingBoxFromSelection = function getBoundingBoxFromSelection(view, from, to) {
+  var offset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    top: 0,
+    bottom: 0
+  };
   var top = Infinity,
     left = Infinity,
     bottom = -Infinity,
@@ -20,6 +25,8 @@ export var getBoundingBoxFromSelection = function getBoundingBoxFromSelection(vi
     bottom = Math.max(bottom, coords.bottom);
     right = Math.max(right, coords.right);
   }
+  top = top - offset.top;
+  bottom = bottom - offset.bottom;
   return {
     top: top,
     left: left,

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { selectionExtensionPlugin } from './selectionExtensionPlugin';
 export type { SelectionExtensionPlugin } from './selectionExtensionPluginType';
-export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, } from './types';
+export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, SelectionAdfResult, SelectionTextResult, } from './types';

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

@@ -1,6 +1,10 @@
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
+import type { SelectionExtensionSelectionInfo } from '../../types';
 import { type SelectionRange } from '../../types';
 type SelectionInfo = {
     selectedNodeAdf: ADFEntity;
@@ -8,6 +12,7 @@ type SelectionInfo = {
     selectedNode: PMNode;
     nodePos: number;
 };
-export declare const getSelectionInfo: (state: EditorState) => SelectionInfo;
+export declare const getSelectionTextInfo: (view: EditorView, api?: ExtractInjectionAPI<SelectionExtensionPlugin>) => SelectionExtensionSelectionInfo;
+export declare const getSelectionAdfInfo: (state: EditorState) => SelectionInfo;
 export declare const validateSelectedNode: (selectedNodeAdf: ADFEntity, selectedNode: PMNode) => boolean;
 export {};

package/dist/types/selectionExtensionPluginType.d.ts

@@ -4,13 +4,15 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { DynamicSelectionExtension, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
+import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
+import type { DynamicSelectionExtension, SelectionAdfResult, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, SelectionTextResult } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
     pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<PrimaryToolbarPlugin>,
+        OptionalPlugin<UserPreferencesPlugin>,
         SelectionToolbarPlugin
     ];
     sharedState: SelectionExtensionPluginState | null;
@@ -28,5 +30,7 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
         };
         replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
         insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
+        getSelectionAdf: () => SelectionAdfResult;
+        getSelectionText: () => SelectionTextResult;
     };
 }>;

package/dist/types/types/index.d.ts

@@ -75,6 +75,10 @@ export type SelectionExtensionCoords = {
     top: number;
     bottom: number;
 };
+export type BoundingBoxOffset = {
+    top: number;
+    bottom: number;
+};
 export type InsertPosition = {
     pointer: string;
     from?: number;
@@ -118,6 +122,14 @@ export type ReplaceWithAdfResult = {
 export type InsertAdfAtEndOfDocResult = {
     status: 'success' | 'failed';
 };
+export type SelectionAdfResult = {
+    selectedNodeAdf?: ADFEntity;
+    selectionRanges?: SelectionRange[];
+} | null;
+export type SelectionTextResult = {
+    text: string;
+    coords: SelectionExtensionCoords;
+} | null;
 export type ExtensionSource = 'first-party' | 'external';
 export type ExtensionConfiguration = {
     key: string;

package/dist/types/ui/getBoundingBoxFromSelection.d.ts

@@ -1,11 +1,12 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SelectionExtensionCoords } from '../types';
+import type { SelectionExtensionCoords, BoundingBoxOffset } from '../types';
 /**
  * Calculates the bounding box coordinates of a text selection within an editor view.
  *
  * @param view - The editor view instance.
  * @param from - The starting position of the selection.
  * @param to - The ending position of the selection.
+ * @param offset - Optional offset to adjust the top and bottom coordinates of the bounding box.`
  * @returns An object containing the top, left, bottom, and right coordinates of the bounding box.
  */
-export declare const getBoundingBoxFromSelection: (view: EditorView, from: number, to: number) => SelectionExtensionCoords;
+export declare const getBoundingBoxFromSelection: (view: EditorView, from: number, to: number, offset?: BoundingBoxOffset) => SelectionExtensionCoords;

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

@@ -1,3 +1,3 @@
 export { selectionExtensionPlugin } from './selectionExtensionPlugin';
 export type { SelectionExtensionPlugin } from './selectionExtensionPluginType';
-export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, } from './types';
+export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, SelectionAdfResult, SelectionTextResult, } from './types';

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

@@ -1,6 +1,10 @@
 import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
+import type { SelectionExtensionSelectionInfo } from '../../types';
 import { type SelectionRange } from '../../types';
 type SelectionInfo = {
     selectedNodeAdf: ADFEntity;
@@ -8,6 +12,7 @@ type SelectionInfo = {
     selectedNode: PMNode;
     nodePos: number;
 };
-export declare const getSelectionInfo: (state: EditorState) => SelectionInfo;
+export declare const getSelectionTextInfo: (view: EditorView, api?: ExtractInjectionAPI<SelectionExtensionPlugin>) => SelectionExtensionSelectionInfo;
+export declare const getSelectionAdfInfo: (state: EditorState) => SelectionInfo;
 export declare const validateSelectedNode: (selectedNodeAdf: ADFEntity, selectedNode: PMNode) => boolean;
 export {};

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

@@ -4,13 +4,15 @@ import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { DynamicSelectionExtension, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
+import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
+import type { DynamicSelectionExtension, SelectionAdfResult, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, SelectionTextResult } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
     pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<PrimaryToolbarPlugin>,
+        OptionalPlugin<UserPreferencesPlugin>,
         SelectionToolbarPlugin
     ];
     sharedState: SelectionExtensionPluginState | null;
@@ -28,5 +30,7 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
         };
         replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
         insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
+        getSelectionAdf: () => SelectionAdfResult;
+        getSelectionText: () => SelectionTextResult;
     };
 }>;

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

@@ -75,6 +75,10 @@ export type SelectionExtensionCoords = {
     top: number;
     bottom: number;
 };
+export type BoundingBoxOffset = {
+    top: number;
+    bottom: number;
+};
 export type InsertPosition = {
     pointer: string;
     from?: number;
@@ -118,6 +122,14 @@ export type ReplaceWithAdfResult = {
 export type InsertAdfAtEndOfDocResult = {
     status: 'success' | 'failed';
 };
+export type SelectionAdfResult = {
+    selectedNodeAdf?: ADFEntity;
+    selectionRanges?: SelectionRange[];
+} | null;
+export type SelectionTextResult = {
+    text: string;
+    coords: SelectionExtensionCoords;
+} | null;
 export type ExtensionSource = 'first-party' | 'external';
 export type ExtensionConfiguration = {
     key: string;

package/dist/types-ts4.5/ui/getBoundingBoxFromSelection.d.ts

@@ -1,11 +1,12 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { SelectionExtensionCoords } from '../types';
+import type { SelectionExtensionCoords, BoundingBoxOffset } from '../types';
 /**
  * Calculates the bounding box coordinates of a text selection within an editor view.
  *
  * @param view - The editor view instance.
  * @param from - The starting position of the selection.
  * @param to - The ending position of the selection.
+ * @param offset - Optional offset to adjust the top and bottom coordinates of the bounding box.`
  * @returns An object containing the top, left, bottom, and right coordinates of the bounding box.
  */
-export declare const getBoundingBoxFromSelection: (view: EditorView, from: number, to: number) => SelectionExtensionCoords;
+export declare const getBoundingBoxFromSelection: (view: EditorView, from: number, to: number, offset?: BoundingBoxOffset) => SelectionExtensionCoords;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "3.4.1",
+	"version": "3.4.3",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,19 +41,21 @@
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^4.2.0",
+		"@atlaskit/editor-plugin-user-preferences": "^1.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-shared-styles": "^3.5.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/tmp-editor-statsig": "^9.17.0",
+		"@atlaskit/tmp-editor-statsig": "^9.21.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.13.0",
+		"@atlaskit/editor-common": "^107.16.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -110,6 +112,9 @@
 		},
 		"platform_editor_selection_extension_api_v2": {
 			"type": "boolean"
+		},
+		"platform_editor_use_preferences_plugin": {
+			"type": "boolean"
 		}
 	}
 }