@atlaskit/editor-plugin-card 1.14.0 → 1.14.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-card
 
+## 1.14.2
+
+### Patch Changes
+
+-   [#99680](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99680)
+    [`538e71f42af4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/538e71f42af4) -
+    Add code behind an FF to control what events are sent to prose mirror based on classnames, in
+    orderto control toolbar and selection behaviour for smart links in live pages.
+-   Updated dependencies
+
+## 1.14.1
+
+### Patch Changes
+
+-   [#101042](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101042)
+    [`7775bd23868c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7775bd23868c) -
+    [ux] Change default layout of all datasources to be wide
+-   Updated dependencies
+
 ## 1.14.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/datasource.js

@@ -22,6 +22,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
+var _linkingCommon = require("@atlaskit/linking-common");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _datasourceErrorBoundary = require("../datasourceErrorBoundary");
 var _EditorAnalyticsContext = require("../ui/EditorAnalyticsContext");
@@ -282,7 +283,7 @@ var Datasource = exports.Datasource = /*#__PURE__*/function (_ReactNodeView) {
       }, (0, _react2.jsx)("div", {
         className: _styles.DATASOURCE_INNER_CONTAINER_CLASSNAME,
         style: {
-          minWidth: this.isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(attrs.layout, this.tableWidth)
+          minWidth: this.isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(attrs.layout || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
         }
       }, (0, _react2.jsx)(DatasourceComponent, {
         node: this.node,

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

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPlugin = void 0;
+exports.createPlugin = exports.ALLOW_EVENTS_CLASSNAME = void 0;
 Object.defineProperty(exports, "pluginKey", {
   enumerable: true,
   get: function get() {
     return _pluginKey.pluginKey;
   }
 });
+exports.stopEvent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
@@ -20,6 +21,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _linkingCommon = require("@atlaskit/linking-common");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _eventsFromTr = require("../analytics/events-from-tr");
 var _localStorage = require("../common/local-storage");
@@ -36,6 +38,19 @@ var _state2 = require("./util/state");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+var ALLOW_EVENTS_CLASSNAME = exports.ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+var stopEvent = exports.stopEvent = function stopEvent(event) {
+  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  var target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(".".concat(ALLOW_EVENTS_CLASSNAME))) {
+    return false;
+  }
+  return true;
+};
 var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
   var currentState = (0, _state2.getPluginState)(view.state);
   var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -74,6 +89,9 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback
+      },
+      extraNodeViewProps: {
+        stopEvent: stopEvent
       }
     });
     return new _safePlugin.SafePlugin({
@@ -168,7 +186,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
               if (isDatasource && shouldUpdateTableRef) {
                 var _node$attrs2;
                 // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
-                var layout = (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || 'center';
+                var layout = (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || _linkingCommon.DATASOURCE_DEFAULT_LAYOUT;
                 var isNested = selection.$anchor.depth > 0;
 
                 // we want to disable resize button when datasource table is nested by not setting then datasourceTableRef on selection

package/dist/cjs/ui/LayoutButton/index.js

@@ -15,6 +15,7 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-common/utils");
 var _collapse = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/collapse"));
 var _expand = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/expand"));
+var _linkingCommon = require("@atlaskit/linking-common");
 var _colors = require("@atlaskit/theme/colors");
 var _actions = require("../../pm-plugins/actions");
 var _utils2 = require("./utils");
@@ -31,7 +32,7 @@ var toolbarButtonWrapperStyles = (0, _react2.css)({
 var LayoutButton = exports.LayoutButton = function LayoutButton(_ref) {
   var onLayoutChange = _ref.onLayoutChange,
     _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'center' : _ref$layout,
+    layout = _ref$layout === void 0 ? _linkingCommon.DATASOURCE_DEFAULT_LAYOUT : _ref$layout,
     formatMessage = _ref.intl.formatMessage,
     mountPoint = _ref.mountPoint,
     boundariesElement = _ref.boundariesElement,
@@ -83,10 +84,13 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
   var _getDatasource = (0, _utils2.getDatasource)(editorView),
     node = _getDatasource.node,
     pos = _getDatasource.pos;
+
+  //  If layout doesn't exist in ADF it returns null, we want to change to undefined
+  //  which results in default parameter value being used in LayoutButton.
   var _ref3 = cardState !== null && cardState !== void 0 ? cardState : {},
     datasourceTableRef = _ref3.datasourceTableRef,
     _ref3$layout = _ref3.layout,
-    layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
+    layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || undefined : _ref3$layout;
   var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
   var onLayoutChange = function onLayoutChange(layout) {
     var _getDatasource$node;

package/dist/es2019/nodeviews/datasource.js

@@ -8,6 +8,7 @@ import { DATASOURCE_INNER_CONTAINER_CLASSNAME, SmartCardSharedCssClassName } fro
 import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { DatasourceErrorBoundary } from '../datasourceErrorBoundary';
 import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
@@ -230,7 +231,7 @@ export class Datasource extends ReactNodeView {
     }, jsx("div", {
       className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
       style: {
-        minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout, this.tableWidth)
+        minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
       }
     }, jsx(DatasourceComponent, {
       node: this.node,

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

@@ -5,6 +5,7 @@ import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/st
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { eventsFromTransaction } from '../analytics/events-from-tr';
 import { isLocalStorageKeyDiscovered } from '../common/local-storage';
@@ -20,6 +21,19 @@ import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 const LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+export const ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+export const stopEvent = event => {
+  if (!getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  const target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(`.${ALLOW_EVENTS_CLASSNAME}`)) {
+    return false;
+  }
+  return true;
+};
 const handleAwarenessOverlay = view => {
   const currentState = getPluginState(view.state);
   const overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -59,6 +73,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       allowBlockCards,
       pluginInjectionApi,
       onClickCallback
+    },
+    extraNodeViewProps: {
+      stopEvent
     }
   });
   return new SafePlugin({
@@ -158,7 +175,7 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
             if (isDatasource && shouldUpdateTableRef) {
               var _node$attrs2;
               // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
-              const layout = (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || 'center';
+              const layout = (node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || DATASOURCE_DEFAULT_LAYOUT;
               const isNested = selection.$anchor.depth > 0;
 
               // we want to disable resize button when datasource table is nested by not setting then datasourceTableRef on selection

package/dist/es2019/ui/LayoutButton/index.js

@@ -8,6 +8,7 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { setCardLayout } from '../../pm-plugins/actions';
 import { getDatasource } from './utils';
@@ -21,7 +22,7 @@ const toolbarButtonWrapperStyles = css({
 });
 export const LayoutButton = ({
   onLayoutChange,
-  layout = 'center',
+  layout = DATASOURCE_DEFAULT_LAYOUT,
   intl: {
     formatMessage
   },
@@ -78,9 +79,12 @@ const LayoutButtonWrapper = ({
     node,
     pos
   } = getDatasource(editorView);
+
+  //  If layout doesn't exist in ADF it returns null, we want to change to undefined
+  //  which results in default parameter value being used in LayoutButton.
   const {
     datasourceTableRef,
-    layout = (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center'
+    layout = (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || undefined
   } = cardState !== null && cardState !== void 0 ? cardState : {};
   const isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
   const onLayoutChange = layout => {

package/dist/esm/nodeviews/datasource.js

@@ -20,6 +20,7 @@ import { DATASOURCE_INNER_CONTAINER_CLASSNAME, SmartCardSharedCssClassName } fro
 import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { DatasourceErrorBoundary } from '../datasourceErrorBoundary';
 import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
@@ -276,7 +277,7 @@ export var Datasource = /*#__PURE__*/function (_ReactNodeView) {
       }, jsx("div", {
         className: DATASOURCE_INNER_CONTAINER_CLASSNAME,
         style: {
-          minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout, this.tableWidth)
+          minWidth: this.isNodeNested ? '100%' : calcBreakoutWidth(attrs.layout || DATASOURCE_DEFAULT_LAYOUT, this.tableWidth)
         }
       }, jsx(DatasourceComponent, {
         node: this.node,

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

@@ -9,6 +9,7 @@ import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/st
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { eventsFromTransaction } from '../analytics/events-from-tr';
 import { isLocalStorageKeyDiscovered } from '../common/local-storage';
@@ -24,6 +25,19 @@ import { handleProvider, resolveWithProvider } from './util/resolve';
 import { getNewRequests, getPluginState, getPluginStateWithUpdatedPos } from './util/state';
 export { pluginKey } from './plugin-key';
 var LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK = 'smart-link-upgrade-pulse';
+export var ALLOW_EVENTS_CLASSNAME = 'card-plugin-element-allow-events';
+export var stopEvent = function stopEvent(event) {
+  if (!getBooleanFF('platform.linking-platform.smart-links-in-live-pages')) {
+    return false;
+  }
+  var target = event.target;
+  // Stop events from propogating to prose-mirror and selecting the node and/or
+  // opening the toolbar, unless a parent of the target has a defined className
+  if (target instanceof HTMLElement && target.closest(".".concat(ALLOW_EVENTS_CLASSNAME))) {
+    return false;
+  }
+  return true;
+};
 var handleAwarenessOverlay = function handleAwarenessOverlay(view) {
   var currentState = getPluginState(view.state);
   var overlayCandidatePos = currentState === null || currentState === void 0 ? void 0 : currentState.overlayCandidatePosition;
@@ -62,6 +76,9 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback
+      },
+      extraNodeViewProps: {
+        stopEvent: stopEvent
       }
     });
     return new SafePlugin({
@@ -156,7 +173,7 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
               if (isDatasource && shouldUpdateTableRef) {
                 var _node$attrs2;
                 // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
-                var layout = (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || 'center';
+                var layout = (node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.layout) || DATASOURCE_DEFAULT_LAYOUT;
                 var isNested = selection.$anchor.depth > 0;
 
                 // we want to disable resize button when datasource table is nested by not setting then datasourceTableRef on selection

package/dist/esm/ui/LayoutButton/index.js

@@ -11,6 +11,7 @@ import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
 import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
+import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { B300, N20A, N300 } from '@atlaskit/theme/colors';
 import { setCardLayout } from '../../pm-plugins/actions';
 import { getDatasource } from './utils';
@@ -25,7 +26,7 @@ var toolbarButtonWrapperStyles = css({
 export var LayoutButton = function LayoutButton(_ref) {
   var onLayoutChange = _ref.onLayoutChange,
     _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'center' : _ref$layout,
+    layout = _ref$layout === void 0 ? DATASOURCE_DEFAULT_LAYOUT : _ref$layout,
     formatMessage = _ref.intl.formatMessage,
     mountPoint = _ref.mountPoint,
     boundariesElement = _ref.boundariesElement,
@@ -77,10 +78,13 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
   var _getDatasource = getDatasource(editorView),
     node = _getDatasource.node,
     pos = _getDatasource.pos;
+
+  //  If layout doesn't exist in ADF it returns null, we want to change to undefined
+  //  which results in default parameter value being used in LayoutButton.
   var _ref3 = cardState !== null && cardState !== void 0 ? cardState : {},
     datasourceTableRef = _ref3.datasourceTableRef,
     _ref3$layout = _ref3.layout,
-    layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || 'center' : _ref3$layout;
+    layout = _ref3$layout === void 0 ? (node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.layout) || undefined : _ref3$layout;
   var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.datasource);
   var onLayoutChange = function onLayoutChange(layout) {
     var _getDatasource$node;

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

@@ -3,4 +3,6 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
 import type { cardPlugin } from '../index';
 import type { CardPluginOptions, CardPluginState } from '../types';
 export { pluginKey } from './plugin-key';
+export declare const ALLOW_EVENTS_CLASSNAME = "card-plugin-element-allow-events";
+export declare const stopEvent: (event: Event) => boolean;
 export declare const createPlugin: (options: CardPluginOptions, pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (pmPluginFactoryParams: PMPluginFactoryParams) => SafePlugin<CardPluginState>;

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

@@ -3,4 +3,6 @@ import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/edito
 import type { cardPlugin } from '../index';
 import type { CardPluginOptions, CardPluginState } from '../types';
 export { pluginKey } from './plugin-key';
+export declare const ALLOW_EVENTS_CLASSNAME = "card-plugin-element-allow-events";
+export declare const stopEvent: (event: Event) => boolean;
 export declare const createPlugin: (options: CardPluginOptions, pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined) => (pmPluginFactoryParams: PMPluginFactoryParams) => SafePlugin<CardPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-card",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "description": "Card plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^36.8.0",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/custom-steps": "^0.2.0",
-    "@atlaskit/editor-common": "^80.4.0",
+    "@atlaskit/editor-common": "^80.5.0",
     "@atlaskit/editor-plugin-analytics": "^1.2.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
@@ -47,17 +47,17 @@
     "@atlaskit/editor-prosemirror": "4.0.1",
     "@atlaskit/editor-shared-styles": "^2.11.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
-    "@atlaskit/icon": "^22.2.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/link-analytics": "^8.3.0",
     "@atlaskit/link-client-extension": "^1.8.0",
     "@atlaskit/link-datasource": "^2.3.0",
-    "@atlaskit/linking-common": "^5.6.0",
-    "@atlaskit/linking-types": "^8.8.0",
+    "@atlaskit/linking-common": "^5.7.0",
+    "@atlaskit/linking-types": "^8.9.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^6.2.0",
+    "@atlaskit/primitives": "^6.3.0",
     "@atlaskit/smart-card": "^26.69.0",
     "@atlaskit/theme": "^12.8.0",
-    "@atlaskit/tokens": "^1.48.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",