@atlaskit/editor-plugin-hyperlink 2.4.0 → 2.4.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-hyperlink
 
+## 2.4.1
+
+### Patch Changes
+
+- [#122063](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122063)
+  [`c136e556d086d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c136e556d086d) -
+  [ux] Apply live page and check for live view in card and hyperlink plugin
+- Updated dependencies
+
 ## 2.4.0
 
 ### Minor Changes

package/dist/cjs/plugin.js

@@ -100,7 +100,10 @@ var hyperlinkPlugin = exports.hyperlinkPlugin = function hyperlinkPlugin(_ref) {
         plugin: function plugin(_ref2) {
           var dispatch = _ref2.dispatch,
             getIntl = _ref2.getIntl;
-          return (0, _main.plugin)(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance);
+          return (
+            // @ts-ignore Temporary solution to check for Live Page editor.
+            (0, _main.plugin)(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance, api, options.__livePage)
+          );
         }
       }, {
         name: 'fakeCursorToolbarPlugin',

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

@@ -158,7 +158,7 @@ var getActiveText = function getActiveText(selection) {
   return;
 };
 var stateKey = exports.stateKey = new _state.PluginKey('hyperlinkPlugin');
-var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance) {
+var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance, pluginInjectionApi, __livePage) {
   return new _safePlugin.SafePlugin({
     state: {
       init: function init(_, state) {
@@ -193,7 +193,7 @@ var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance)
             timesViewed: state.timesViewed,
             searchSessionId: state.searchSessionId
           };
-          state = _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && state), {}, {
+          state = _objectSpread(_objectSpread({}, __livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && state), {}, {
             activeText: state.activeText,
             canInsertLink: state.canInsertLink,
             inputMethod: inputMethod,
@@ -201,39 +201,43 @@ var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance)
             editorAppearance: editorAppearance
           }, stateForAnalytics);
           if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
-            if (action === _link3.LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
-              var configureDropdownOpen = tr.getMeta(stateKey).isOpen;
-              // Hide overlay when the dropdown is closed (state is updated to false)
-              var decorations = configureDropdownOpen ? {} : {
-                decorations: _view.DecorationSet.empty
-              };
-              state = _objectSpread(_objectSpread(_objectSpread({}, state), decorations), {}, {
-                configureDropdownOpen: configureDropdownOpen
-              });
-            }
-            if (action === _link3.LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
-              var configureButtonTargetPos = tr.getMeta(stateKey).pos;
-              var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
-              var _decorations = pluginState.decorations;
-              if (targetPosHasChanged && state.configureDropdownOpen !== true) {
-                if (configureButtonTargetPos === undefined) {
-                  _decorations = _view.DecorationSet.empty;
-                } else {
-                  var decoration = _view.Decoration.widget(configureButtonTargetPos, function (view) {
-                    return (0, _decorations2.ButtonWrapper)({
-                      editorView: view,
-                      pos: configureButtonTargetPos,
-                      stateKey: stateKey,
-                      intl: intl
+            var _pluginInjectionApi$e;
+            var isViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view';
+            if (__livePage && !isViewMode) {
+              if (action === _link3.LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
+                var configureDropdownOpen = tr.getMeta(stateKey).isOpen;
+                // Hide overlay when the dropdown is closed (state is updated to false)
+                var decorations = configureDropdownOpen ? {} : {
+                  decorations: _view.DecorationSet.empty
+                };
+                state = _objectSpread(_objectSpread(_objectSpread({}, state), decorations), {}, {
+                  configureDropdownOpen: configureDropdownOpen
+                });
+              }
+              if (action === _link3.LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+                var configureButtonTargetPos = tr.getMeta(stateKey).pos;
+                var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+                var _decorations = pluginState.decorations;
+                if (targetPosHasChanged && state.configureDropdownOpen !== true) {
+                  if (configureButtonTargetPos === undefined) {
+                    _decorations = _view.DecorationSet.empty;
+                  } else {
+                    var decoration = _view.Decoration.widget(configureButtonTargetPos, function (view) {
+                      return (0, _decorations2.ButtonWrapper)({
+                        editorView: view,
+                        pos: configureButtonTargetPos,
+                        stateKey: stateKey,
+                        intl: intl
+                      });
                     });
-                  });
-                  _decorations = _view.DecorationSet.create(newState.doc, [decoration]);
+                    _decorations = _view.DecorationSet.create(newState.doc, [decoration]);
+                  }
                 }
+                state = _objectSpread(_objectSpread({}, state), {}, {
+                  configureButtonTargetPos: configureButtonTargetPos,
+                  decorations: _decorations
+                });
               }
-              state = _objectSpread(_objectSpread({}, state), {}, {
-                configureButtonTargetPos: configureButtonTargetPos,
-                decorations: _decorations
-              });
             }
           }
         }
@@ -258,7 +262,7 @@ var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance)
     key: stateKey,
     props: _objectSpread({
       decorations: function decorations(state) {
-        if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
+        if (__livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
           var _stateKey$getState;
           var _ref = (_stateKey$getState = stateKey.getState(state)) !== null && _stateKey$getState !== void 0 ? _stateKey$getState : {},
             decorations = _ref.decorations;
@@ -297,7 +301,7 @@ var plugin = exports.plugin = function plugin(dispatch, intl, editorAppearance)
           return false;
         }
       }
-    }, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && {
+    }, __livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && {
       markViews: {
         link: function link(mark, view, inline) {
           var toDOM = mark.type.spec.toDOM;

package/dist/es2019/plugin.js

@@ -85,7 +85,9 @@ export const hyperlinkPlugin = ({
         plugin: ({
           dispatch,
           getIntl
-        }) => plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance)
+        }) =>
+        // @ts-ignore Temporary solution to check for Live Page editor.
+        plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance, api, options.__livePage)
       }, {
         name: 'fakeCursorToolbarPlugin',
         plugin: () => fakeCursorToolbarPlugin

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

@@ -159,7 +159,7 @@ const getActiveText = selection => {
   return;
 };
 export const stateKey = new PluginKey('hyperlinkPlugin');
-export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
+export const plugin = (dispatch, intl, editorAppearance, pluginInjectionApi, __livePage) => new SafePlugin({
   state: {
     init(_, state) {
       const canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -194,7 +194,7 @@ export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
           searchSessionId: state.searchSessionId
         };
         state = {
-          ...(fg('platform.linking-platform.smart-links-in-live-pages') && state),
+          ...(__livePage && fg('platform.linking-platform.smart-links-in-live-pages') && state),
           activeText: state.activeText,
           canInsertLink: state.canInsertLink,
           inputMethod,
@@ -203,42 +203,46 @@ export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
           ...stateForAnalytics
         };
         if (fg('platform.linking-platform.smart-links-in-live-pages')) {
-          if (action === LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
-            const configureDropdownOpen = tr.getMeta(stateKey).isOpen;
-            // Hide overlay when the dropdown is closed (state is updated to false)
-            const decorations = configureDropdownOpen ? {} : {
-              decorations: DecorationSet.empty
-            };
-            state = {
-              ...state,
-              ...decorations,
-              configureDropdownOpen
-            };
-          }
-          if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
-            const configureButtonTargetPos = tr.getMeta(stateKey).pos;
-            const targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
-            let decorations = pluginState.decorations;
-            if (targetPosHasChanged && state.configureDropdownOpen !== true) {
-              if (configureButtonTargetPos === undefined) {
-                decorations = DecorationSet.empty;
-              } else {
-                const decoration = Decoration.widget(configureButtonTargetPos, view => {
-                  return ButtonWrapper({
-                    editorView: view,
-                    pos: configureButtonTargetPos,
-                    stateKey,
-                    intl
+          var _pluginInjectionApi$e, _pluginInjectionApi$e2;
+          const isViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) === 'view';
+          if (__livePage && !isViewMode) {
+            if (action === LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
+              const configureDropdownOpen = tr.getMeta(stateKey).isOpen;
+              // Hide overlay when the dropdown is closed (state is updated to false)
+              const decorations = configureDropdownOpen ? {} : {
+                decorations: DecorationSet.empty
+              };
+              state = {
+                ...state,
+                ...decorations,
+                configureDropdownOpen
+              };
+            }
+            if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+              const configureButtonTargetPos = tr.getMeta(stateKey).pos;
+              const targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+              let decorations = pluginState.decorations;
+              if (targetPosHasChanged && state.configureDropdownOpen !== true) {
+                if (configureButtonTargetPos === undefined) {
+                  decorations = DecorationSet.empty;
+                } else {
+                  const decoration = Decoration.widget(configureButtonTargetPos, view => {
+                    return ButtonWrapper({
+                      editorView: view,
+                      pos: configureButtonTargetPos,
+                      stateKey,
+                      intl
+                    });
                   });
-                });
-                decorations = DecorationSet.create(newState.doc, [decoration]);
+                  decorations = DecorationSet.create(newState.doc, [decoration]);
+                }
               }
+              state = {
+                ...state,
+                configureButtonTargetPos,
+                decorations
+              };
             }
-            state = {
-              ...state,
-              configureButtonTargetPos,
-              decorations
-            };
           }
         }
       }
@@ -263,7 +267,7 @@ export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
   key: stateKey,
   props: {
     decorations: state => {
-      if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+      if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
         var _stateKey$getState;
         const {
           decorations
@@ -309,7 +313,7 @@ export const plugin = (dispatch, intl, editorAppearance) => new SafePlugin({
         return false;
       }
     },
-    ...(fg('platform.linking-platform.smart-links-in-live-pages') && {
+    ...(__livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
       markViews: {
         link: (mark, view, inline) => {
           const toDOM = mark.type.spec.toDOM;

package/dist/esm/plugin.js

@@ -93,7 +93,10 @@ export var hyperlinkPlugin = function hyperlinkPlugin(_ref) {
         plugin: function plugin(_ref2) {
           var dispatch = _ref2.dispatch,
             getIntl = _ref2.getIntl;
-          return _plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance);
+          return (
+            // @ts-ignore Temporary solution to check for Live Page editor.
+            _plugin(dispatch, getIntl(), options === null || options === void 0 ? void 0 : options.editorAppearance, api, options.__livePage)
+          );
         }
       }, {
         name: 'fakeCursorToolbarPlugin',

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

@@ -151,7 +151,7 @@ var getActiveText = function getActiveText(selection) {
   return;
 };
 export var stateKey = new PluginKey('hyperlinkPlugin');
-export var plugin = function plugin(dispatch, intl, editorAppearance) {
+export var plugin = function plugin(dispatch, intl, editorAppearance, pluginInjectionApi, __livePage) {
   return new SafePlugin({
     state: {
       init: function init(_, state) {
@@ -186,7 +186,7 @@ export var plugin = function plugin(dispatch, intl, editorAppearance) {
             timesViewed: state.timesViewed,
             searchSessionId: state.searchSessionId
           };
-          state = _objectSpread(_objectSpread({}, fg('platform.linking-platform.smart-links-in-live-pages') && state), {}, {
+          state = _objectSpread(_objectSpread({}, __livePage && fg('platform.linking-platform.smart-links-in-live-pages') && state), {}, {
             activeText: state.activeText,
             canInsertLink: state.canInsertLink,
             inputMethod: inputMethod,
@@ -194,39 +194,43 @@ export var plugin = function plugin(dispatch, intl, editorAppearance) {
             editorAppearance: editorAppearance
           }, stateForAnalytics);
           if (fg('platform.linking-platform.smart-links-in-live-pages')) {
-            if (action === LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
-              var configureDropdownOpen = tr.getMeta(stateKey).isOpen;
-              // Hide overlay when the dropdown is closed (state is updated to false)
-              var decorations = configureDropdownOpen ? {} : {
-                decorations: DecorationSet.empty
-              };
-              state = _objectSpread(_objectSpread(_objectSpread({}, state), decorations), {}, {
-                configureDropdownOpen: configureDropdownOpen
-              });
-            }
-            if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
-              var configureButtonTargetPos = tr.getMeta(stateKey).pos;
-              var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
-              var _decorations = pluginState.decorations;
-              if (targetPosHasChanged && state.configureDropdownOpen !== true) {
-                if (configureButtonTargetPos === undefined) {
-                  _decorations = DecorationSet.empty;
-                } else {
-                  var decoration = Decoration.widget(configureButtonTargetPos, function (view) {
-                    return ButtonWrapper({
-                      editorView: view,
-                      pos: configureButtonTargetPos,
-                      stateKey: stateKey,
-                      intl: intl
+            var _pluginInjectionApi$e;
+            var isViewMode = (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) === 'view';
+            if (__livePage && !isViewMode) {
+              if (action === LinkAction.SET_CONFIGURE_DROPDOWN_OPEN) {
+                var configureDropdownOpen = tr.getMeta(stateKey).isOpen;
+                // Hide overlay when the dropdown is closed (state is updated to false)
+                var decorations = configureDropdownOpen ? {} : {
+                  decorations: DecorationSet.empty
+                };
+                state = _objectSpread(_objectSpread(_objectSpread({}, state), decorations), {}, {
+                  configureDropdownOpen: configureDropdownOpen
+                });
+              }
+              if (action === LinkAction.SET_CONFIGURE_BUTTON_TARGET_POS) {
+                var configureButtonTargetPos = tr.getMeta(stateKey).pos;
+                var targetPosHasChanged = pluginState.configureButtonTargetPos !== configureButtonTargetPos;
+                var _decorations = pluginState.decorations;
+                if (targetPosHasChanged && state.configureDropdownOpen !== true) {
+                  if (configureButtonTargetPos === undefined) {
+                    _decorations = DecorationSet.empty;
+                  } else {
+                    var decoration = Decoration.widget(configureButtonTargetPos, function (view) {
+                      return ButtonWrapper({
+                        editorView: view,
+                        pos: configureButtonTargetPos,
+                        stateKey: stateKey,
+                        intl: intl
+                      });
                     });
-                  });
-                  _decorations = DecorationSet.create(newState.doc, [decoration]);
+                    _decorations = DecorationSet.create(newState.doc, [decoration]);
+                  }
                 }
+                state = _objectSpread(_objectSpread({}, state), {}, {
+                  configureButtonTargetPos: configureButtonTargetPos,
+                  decorations: _decorations
+                });
               }
-              state = _objectSpread(_objectSpread({}, state), {}, {
-                configureButtonTargetPos: configureButtonTargetPos,
-                decorations: _decorations
-              });
             }
           }
         }
@@ -251,7 +255,7 @@ export var plugin = function plugin(dispatch, intl, editorAppearance) {
     key: stateKey,
     props: _objectSpread({
       decorations: function decorations(state) {
-        if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+        if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
           var _stateKey$getState;
           var _ref = (_stateKey$getState = stateKey.getState(state)) !== null && _stateKey$getState !== void 0 ? _stateKey$getState : {},
             decorations = _ref.decorations;
@@ -290,7 +294,7 @@ export var plugin = function plugin(dispatch, intl, editorAppearance) {
           return false;
         }
       }
-    }, fg('platform.linking-platform.smart-links-in-live-pages') && {
+    }, __livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
       markViews: {
         link: function link(mark, view, inline) {
           var toDOM = mark.type.spec.toDOM;

package/dist/types/plugin.d.ts

@@ -2,10 +2,15 @@ import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import type { EditorCommand, HyperlinkPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { CardPlugin } from '@atlaskit/editor-plugin-card';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { HideLinkToolbar, InsertLink, ShowLinkToolbar, UpdateLink } from './commands';
 export type HyperlinkPlugin = NextEditorPlugin<'hyperlink', {
     pluginConfiguration: HyperlinkPluginOptions | undefined;
-    dependencies: [OptionalPlugin<AnalyticsPlugin>, OptionalPlugin<CardPlugin>];
+    dependencies: [
+        OptionalPlugin<AnalyticsPlugin>,
+        OptionalPlugin<CardPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
+    ];
     actions: {
         hideLinkToolbar: HideLinkToolbar;
         insertLink: InsertLink;

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

@@ -2,7 +2,8 @@ import { type IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { HyperlinkPlugin } from '../plugin';
 export declare const stateKey: PluginKey<HyperlinkState>;
-export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;
+export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance, pluginInjectionApi?: ExtractInjectionAPI<HyperlinkPlugin> | undefined, __livePage?: boolean) => SafePlugin<HyperlinkState>;

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

@@ -2,12 +2,14 @@ import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import type { EditorCommand, HyperlinkPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { CardPlugin } from '@atlaskit/editor-plugin-card';
+import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { HideLinkToolbar, InsertLink, ShowLinkToolbar, UpdateLink } from './commands';
 export type HyperlinkPlugin = NextEditorPlugin<'hyperlink', {
     pluginConfiguration: HyperlinkPluginOptions | undefined;
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
-        OptionalPlugin<CardPlugin>
+        OptionalPlugin<CardPlugin>,
+        OptionalPlugin<EditorViewModePlugin>
     ];
     actions: {
         hideLinkToolbar: HideLinkToolbar;

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

@@ -2,7 +2,8 @@ import { type IntlShape } from 'react-intl-next';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import type { HyperlinkState } from '@atlaskit/editor-common/link';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { HyperlinkPlugin } from '../plugin';
 export declare const stateKey: PluginKey<HyperlinkState>;
-export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance) => SafePlugin<HyperlinkState>;
+export declare const plugin: (dispatch: Dispatch, intl: IntlShape, editorAppearance?: EditorAppearance, pluginInjectionApi?: ExtractInjectionAPI<HyperlinkPlugin> | undefined, __livePage?: boolean) => SafePlugin<HyperlinkState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-hyperlink",
-	"version": "2.4.0",
+	"version": "2.4.1",
 	"description": "Hyperlink plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,9 +34,10 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^39.0.3",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/editor-common": "^86.2.0",
+		"@atlaskit/editor-common": "^86.3.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
-		"@atlaskit/editor-plugin-card": "2.6.3",
+		"@atlaskit/editor-plugin-card": "2.6.4",
+		"@atlaskit/editor-plugin-editor-viewmode": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/icon": "^22.6.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",