@atlaskit/editor-plugin-card 2.6.3 → 2.6.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-card
 
+## 2.6.4
+
+### 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
+
 ## 2.6.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/genericCard.js

@@ -32,7 +32,8 @@ var WithClickHandler = function WithClickHandler(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     url = _ref.url,
     onClickCallback = _ref.onClickCallback,
-    children = _ref.children;
+    children = _ref.children,
+    __livePage = _ref.__livePage;
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorViewMode']),
     editorViewModeState = _useSharedPluginState.editorViewModeState;
   var onClick = (0, _react.useCallback)(function (event) {
@@ -53,7 +54,7 @@ var WithClickHandler = function WithClickHandler(_ref) {
      *
      * const allowNavigation = isLivePage && !onClickCallback;
      */
-    var _allowNavigation = !onClickCallback;
+    var _allowNavigation = __livePage && !onClickCallback;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
       onClick: _allowNavigation ? undefined : onClick
     }));
@@ -122,7 +123,8 @@ function Card(SmartCardComponent, UnsupportedComponent) {
         }, /*#__PURE__*/_react.default.createElement(WithClickHandler, {
           pluginInjectionApi: pluginInjectionApi,
           onClickCallback: onClickCallback,
-          url: url
+          url: url,
+          __livePage: this.props.__livePage
         }, function (_ref2) {
           var onClick = _ref2.onClick;
           return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({

package/dist/cjs/nodeviews/inlineCard.js

@@ -103,7 +103,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
 var WrappedInlineCardWithAwareness = (0, _genericCard.Card)(_inlineCardWithAwareness.InlineCardWithAwareness, _ui.UnsupportedInline);
 var WrappedInlineCard = (0, _genericCard.Card)(InlineCard, _ui.UnsupportedInline);
 function InlineCardNodeView(props) {
-  var _useSharedPluginState;
+  var _floatingToolbarState;
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
@@ -114,20 +114,20 @@ function InlineCardNodeView(props) {
     allowBlockCards = props.allowBlockCards,
     enableInlineUpgradeFeatures = props.enableInlineUpgradeFeatures,
     pluginInjectionApi = props.pluginInjectionApi,
-    onClickCallback = props.onClickCallback;
+    onClickCallback = props.onClickCallback,
+    __livePage = props.__livePage;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOverlayHovered = _useState2[0],
     setIsOverlayHovered = _useState2[1];
-  var floatingToolbarNode = (_useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['floatingToolbar']).floatingToolbarState) === null || _useSharedPluginState === void 0 || (_useSharedPluginState = _useSharedPluginState.configWithNodeInfo) === null || _useSharedPluginState === void 0 ? void 0 : _useSharedPluginState.node;
-  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['floatingToolbar', 'editorViewMode']),
+    editorViewModeState = _useSharedPluginState.editorViewModeState,
+    floatingToolbarState = _useSharedPluginState.floatingToolbarState;
+  var floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 || (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
+  if (__livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
-    return /*#__PURE__*/_react.default.createElement(_ConfigureOverlay.default, {
-      targetElementPos: getPos(),
-      view: view,
-      isHoveredCallback: setIsOverlayHovered
-    }, /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
+    var inlineCard = /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
       isHovered: isOverlayHovered,
       node: node,
       view: view,
@@ -140,7 +140,12 @@ function InlineCardNodeView(props) {
       hoverPreviewOptions: {
         fadeInDelay: livePagesHoverCardFadeInDelay
       }
-    }));
+    });
+    return (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? inlineCard : /*#__PURE__*/_react.default.createElement(_ConfigureOverlay.default, {
+      targetElementPos: getPos(),
+      view: view,
+      isHoveredCallback: setIsOverlayHovered
+    }, inlineCard);
   }
   return /*#__PURE__*/_react.default.createElement(WrappedInlineCardWithAwareness, (0, _extends2.default)({
     node: node,

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

@@ -12,8 +12,8 @@ Object.defineProperty(exports, "pluginKey", {
   }
 });
 exports.stopEvent = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
@@ -76,9 +76,10 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       showUpgradeDiscoverability = options.showUpgradeDiscoverability,
       allowEmbeds = options.allowEmbeds,
       allowBlockCards = options.allowBlockCards,
-      onClickCallback = options.onClickCallback;
+      onClickCallback = options.onClickCallback,
+      __livePage = options.__livePage;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
-    var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)({
+    var inlineCardViewProducer = (0, _reactNodeView.getInlineNodeViewProducer)(_objectSpread({
       pmPluginFactoryParams: pmPluginFactoryParams,
       Component: _inlineCard.InlineCardNodeView,
       extraComponentProps: {
@@ -89,12 +90,14 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
         allowEmbeds: allowEmbeds,
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
-        onClickCallback: onClickCallback
-      },
+        onClickCallback: onClickCallback,
+        __livePage: __livePage
+      }
+    }, __livePage && (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') && {
       extraNodeViewProps: {
         stopEvent: stopEvent
       }
-    });
+    }));
     return new _safePlugin.SafePlugin({
       state: {
         init: function init() {

package/dist/es2019/nodeviews/genericCard.js

@@ -14,7 +14,8 @@ const WithClickHandler = ({
   pluginInjectionApi,
   url,
   onClickCallback,
-  children
+  children,
+  __livePage
 }) => {
   const {
     editorViewModeState
@@ -37,7 +38,7 @@ const WithClickHandler = ({
      *
      * const allowNavigation = isLivePage && !onClickCallback;
      */
-    const allowNavigation = !onClickCallback;
+    const allowNavigation = __livePage && !onClickCallback;
     return /*#__PURE__*/React.createElement(React.Fragment, null, children({
       onClick: allowNavigation ? undefined : onClick
     }));
@@ -97,7 +98,8 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
       }, /*#__PURE__*/React.createElement(WithClickHandler, {
         pluginInjectionApi: pluginInjectionApi,
         onClickCallback: onClickCallback,
-        url: url
+        url: url,
+        __livePage: this.props.__livePage
       }, ({
         onClick
       }) => /*#__PURE__*/React.createElement(SmartCardComponent, _extends({

package/dist/es2019/nodeviews/inlineCard.js

@@ -93,7 +93,7 @@ export const InlineCard = /*#__PURE__*/memo(({
 const WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 const WrappedInlineCard = Card(InlineCard, UnsupportedInline);
 export function InlineCardNodeView(props) {
-  var _useSharedPluginState, _useSharedPluginState2;
+  var _floatingToolbarState;
   const {
     useAlternativePreloader,
     node,
@@ -105,18 +105,19 @@ export function InlineCardNodeView(props) {
     allowBlockCards,
     enableInlineUpgradeFeatures,
     pluginInjectionApi,
-    onClickCallback
+    onClickCallback,
+    __livePage
   } = props;
   const [isOverlayHovered, setIsOverlayHovered] = useState(false);
-  const floatingToolbarNode = (_useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['floatingToolbar']).floatingToolbarState) === null || _useSharedPluginState === void 0 ? void 0 : (_useSharedPluginState2 = _useSharedPluginState.configWithNodeInfo) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.node;
-  if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+  const {
+    editorViewModeState,
+    floatingToolbarState
+  } = useSharedPluginState(pluginInjectionApi, ['floatingToolbar', 'editorViewMode']);
+  const floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 ? void 0 : (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
+  if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
     const showHoverPreview = floatingToolbarNode !== node;
     const livePagesHoverCardFadeInDelay = 800;
-    return /*#__PURE__*/React.createElement(OverlayWrapper, {
-      targetElementPos: getPos(),
-      view: view,
-      isHoveredCallback: setIsOverlayHovered
-    }, /*#__PURE__*/React.createElement(WrappedInlineCard, {
+    const inlineCard = /*#__PURE__*/React.createElement(WrappedInlineCard, {
       isHovered: isOverlayHovered,
       node: node,
       view: view,
@@ -129,7 +130,12 @@ export function InlineCardNodeView(props) {
       hoverPreviewOptions: {
         fadeInDelay: livePagesHoverCardFadeInDelay
       }
-    }));
+    });
+    return (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? inlineCard : /*#__PURE__*/React.createElement(OverlayWrapper, {
+      targetElementPos: getPos(),
+      view: view,
+      isHoveredCallback: setIsOverlayHovered
+    }, inlineCard);
   }
   return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,

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

@@ -59,7 +59,9 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     showUpgradeDiscoverability,
     allowEmbeds,
     allowBlockCards,
-    onClickCallback
+    onClickCallback,
+    // @ts-ignore Temporary solution to check for Live Page editor.
+    __livePage
   } = options;
   const enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
   const inlineCardViewProducer = getInlineNodeViewProducer({
@@ -73,11 +75,14 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
       allowEmbeds,
       allowBlockCards,
       pluginInjectionApi,
-      onClickCallback
+      onClickCallback,
+      __livePage
     },
-    extraNodeViewProps: {
-      stopEvent
-    }
+    ...(__livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
+      extraNodeViewProps: {
+        stopEvent
+      }
+    })
   });
   return new SafePlugin({
     state: {

package/dist/esm/nodeviews/genericCard.js

@@ -22,7 +22,8 @@ var WithClickHandler = function WithClickHandler(_ref) {
   var pluginInjectionApi = _ref.pluginInjectionApi,
     url = _ref.url,
     onClickCallback = _ref.onClickCallback,
-    children = _ref.children;
+    children = _ref.children,
+    __livePage = _ref.__livePage;
   var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['editorViewMode']),
     editorViewModeState = _useSharedPluginState.editorViewModeState;
   var onClick = useCallback(function (event) {
@@ -43,7 +44,7 @@ var WithClickHandler = function WithClickHandler(_ref) {
      *
      * const allowNavigation = isLivePage && !onClickCallback;
      */
-    var _allowNavigation = !onClickCallback;
+    var _allowNavigation = __livePage && !onClickCallback;
     return /*#__PURE__*/React.createElement(React.Fragment, null, children({
       onClick: _allowNavigation ? undefined : onClick
     }));
@@ -112,7 +113,8 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         }, /*#__PURE__*/React.createElement(WithClickHandler, {
           pluginInjectionApi: pluginInjectionApi,
           onClickCallback: onClickCallback,
-          url: url
+          url: url,
+          __livePage: this.props.__livePage
         }, function (_ref2) {
           var onClick = _ref2.onClick;
           return /*#__PURE__*/React.createElement(SmartCardComponent, _extends({

package/dist/esm/nodeviews/inlineCard.js

@@ -92,7 +92,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
 var WrappedInlineCardWithAwareness = Card(InlineCardWithAwareness, UnsupportedInline);
 var WrappedInlineCard = Card(InlineCard, UnsupportedInline);
 export function InlineCardNodeView(props) {
-  var _useSharedPluginState;
+  var _floatingToolbarState;
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
@@ -103,20 +103,20 @@ export function InlineCardNodeView(props) {
     allowBlockCards = props.allowBlockCards,
     enableInlineUpgradeFeatures = props.enableInlineUpgradeFeatures,
     pluginInjectionApi = props.pluginInjectionApi,
-    onClickCallback = props.onClickCallback;
+    onClickCallback = props.onClickCallback,
+    __livePage = props.__livePage;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOverlayHovered = _useState2[0],
     setIsOverlayHovered = _useState2[1];
-  var floatingToolbarNode = (_useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['floatingToolbar']).floatingToolbarState) === null || _useSharedPluginState === void 0 || (_useSharedPluginState = _useSharedPluginState.configWithNodeInfo) === null || _useSharedPluginState === void 0 ? void 0 : _useSharedPluginState.node;
-  if (fg('platform.linking-platform.smart-links-in-live-pages')) {
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['floatingToolbar', 'editorViewMode']),
+    editorViewModeState = _useSharedPluginState.editorViewModeState,
+    floatingToolbarState = _useSharedPluginState.floatingToolbarState;
+  var floatingToolbarNode = floatingToolbarState === null || floatingToolbarState === void 0 || (_floatingToolbarState = floatingToolbarState.configWithNodeInfo) === null || _floatingToolbarState === void 0 ? void 0 : _floatingToolbarState.node;
+  if (__livePage && fg('platform.linking-platform.smart-links-in-live-pages')) {
     var showHoverPreview = floatingToolbarNode !== node;
     var livePagesHoverCardFadeInDelay = 800;
-    return /*#__PURE__*/React.createElement(OverlayWrapper, {
-      targetElementPos: getPos(),
-      view: view,
-      isHoveredCallback: setIsOverlayHovered
-    }, /*#__PURE__*/React.createElement(WrappedInlineCard, {
+    var inlineCard = /*#__PURE__*/React.createElement(WrappedInlineCard, {
       isHovered: isOverlayHovered,
       node: node,
       view: view,
@@ -129,7 +129,12 @@ export function InlineCardNodeView(props) {
       hoverPreviewOptions: {
         fadeInDelay: livePagesHoverCardFadeInDelay
       }
-    }));
+    });
+    return (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? inlineCard : /*#__PURE__*/React.createElement(OverlayWrapper, {
+      targetElementPos: getPos(),
+      view: view,
+      isHoveredCallback: setIsOverlayHovered
+    }, inlineCard);
   }
   return /*#__PURE__*/React.createElement(WrappedInlineCardWithAwareness, _extends({
     node: node,

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

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import rafSchedule from 'raf-schd';
@@ -63,9 +63,10 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       showUpgradeDiscoverability = options.showUpgradeDiscoverability,
       allowEmbeds = options.allowEmbeds,
       allowBlockCards = options.allowBlockCards,
-      onClickCallback = options.onClickCallback;
+      onClickCallback = options.onClickCallback,
+      __livePage = options.__livePage;
     var enableInlineUpgradeFeatures = !!showUpgradeDiscoverability && platform !== 'mobile';
-    var inlineCardViewProducer = getInlineNodeViewProducer({
+    var inlineCardViewProducer = getInlineNodeViewProducer(_objectSpread({
       pmPluginFactoryParams: pmPluginFactoryParams,
       Component: InlineCardNodeView,
       extraComponentProps: {
@@ -76,12 +77,14 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
         allowEmbeds: allowEmbeds,
         allowBlockCards: allowBlockCards,
         pluginInjectionApi: pluginInjectionApi,
-        onClickCallback: onClickCallback
-      },
+        onClickCallback: onClickCallback,
+        __livePage: __livePage
+      }
+    }, __livePage && fg('platform.linking-platform.smart-links-in-live-pages') && {
       extraNodeViewProps: {
         stopEvent: stopEvent
       }
-    });
+    }));
     return new SafePlugin({
       state: {
         init: function init() {

package/dist/types/nodeviews/genericCard.d.ts

@@ -42,6 +42,7 @@ export interface CardProps extends CardNodeViewProps {
     onClickCallback?: OnClickCallback;
     showHoverPreview?: BaseCardProps['showHoverPreview'];
     hoverPreviewOptions?: BaseCardProps['hoverPreviewOptions'];
+    __livePage?: boolean;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;

package/dist/types/nodeviews/inlineCard.d.ts

@@ -3,5 +3,5 @@ import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;

package/dist/types-ts4.5/nodeviews/genericCard.d.ts

@@ -42,6 +42,7 @@ export interface CardProps extends CardNodeViewProps {
     onClickCallback?: OnClickCallback;
     showHoverPreview?: BaseCardProps['showHoverPreview'];
     hoverPreviewOptions?: BaseCardProps['hoverPreviewOptions'];
+    __livePage?: boolean;
 }
 export interface SmartCardProps extends CardProps {
     pluginInjectionApi?: ExtractInjectionAPI<typeof cardPlugin>;

package/dist/types-ts4.5/nodeviews/inlineCard.d.ts

@@ -3,5 +3,5 @@ import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
 export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, showServerActions, useAlternativePreloader, view, getPos, onClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, }: SmartCardProps) => JSX.Element | null>;
-export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback'>;
+export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'showServerActions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | '__livePage'>;
 export declare function InlineCardNodeView(props: InlineNodeViewComponentProps & InlineCardNodeViewProps & InlineCardWithAwarenessProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "2.6.3",
+	"version": "2.6.4",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,7 +35,7 @@
 		"@atlaskit/adf-schema": "^39.0.3",
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/custom-steps": "^0.4.0",
-		"@atlaskit/editor-common": "^86.2.0",
+		"@atlaskit/editor-common": "^86.3.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",