@atlaskit/editor-plugin-media 1.15.1 → 1.15.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-media
 
+## 1.15.2
+
+### Patch Changes
+
+- [#91808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91808) [`00e5dcfdf240`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/00e5dcfdf240) - Adds allowCommentsOnMedia in media plugin options to check the appearance of the renderer
+- [#91808](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91808) [`00e5dcfdf240`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/00e5dcfdf240) - [ux] Do not add comments button on the media toolbar when media is not inside full page editor.
+- [#91594](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91594) [`26b59de564d9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/26b59de564d9) - [ED-23025] Check for undefined in the status utility for the comment badge of media nodes
+
 ## 1.15.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaSingle.js

@@ -329,7 +329,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _mediaOptions$getEdit, _pluginInjectionApi$m;
+      var _mediaOptions$getEdit, _pluginInjectionApi$m, _node$firstChild;
       var _this$props2 = this.props,
         selected = _this$props2.selected,
         getPos = _this$props2.getPos,
@@ -344,7 +344,8 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent,
         editorViewMode = _this$props2.editorViewMode,
         mediaPluginState = _this$props2.mediaPluginState,
-        editorDisabled = _this$props2.editorDisabled;
+        editorDisabled = _this$props2.editorDisabled,
+        annotationPluginState = _this$props2.annotationPluginState;
       var _ref4 = (mediaOptions === null || mediaOptions === void 0 || (_mediaOptions$getEdit = mediaOptions.getEditorFeatureFlags) === null || _mediaOptions$getEdit === void 0 ? void 0 : _mediaOptions$getEdit.call(mediaOptions)) || {},
         _ref4$commentsOnMedia = _ref4.commentsOnMedia,
         commentsOnMedia = _ref4$commentsOnMedia === void 0 ? false : _ref4$commentsOnMedia;
@@ -430,6 +431,7 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         }
       }
       var shouldShowPlaceholder = mediaOptions.allowCaptions && node.childCount !== 2 && isSelected && state.selection instanceof _state.NodeSelection;
+      var isCurrentNodeDrafting = (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.isDrafting) && (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.targetNodeId) === (node === null || node === void 0 || (_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.attrs.id);
       var MediaChildren = (0, _react2.jsx)("figure", {
         ref: this.mediaSingleWrapperRef,
         css: figureWrapperStyles,
@@ -439,7 +441,8 @@ var MediaSingleNode = exports.default = /*#__PURE__*/function (_Component) {
         view: view,
         api: pluginInjectionApi,
         mediaNode: node === null || node === void 0 ? void 0 : node.firstChild,
-        getPos: getPos
+        getPos: getPos,
+        isDrafting: isCurrentNodeDrafting
       }), (0, _react2.jsx)("div", {
         ref: this.props.forwardRef
       }), shouldShowPlaceholder && (0, _react2.jsx)(_CaptionPlaceholder.default, {

package/dist/cjs/plugin.js

@@ -274,6 +274,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
           allowMediaInline: options && (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', options.featureFlags),
           allowResizing: options && options.allowResizing,
           allowResizingInTables: options && options.allowResizingInTables,
+          allowCommentsOnMedia: options && options.allowCommentsOnMedia,
           allowLinking: options && options.allowLinking,
           allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
           allowAltTextOnImages: options && options.allowAltTextOnImages,

package/dist/cjs/toolbar/comments.js

@@ -29,9 +29,10 @@ var commentButton = exports.commentButton = function commentButton(intl, state,
         showCommentForBlockNode = _api$annotation$actio.showCommentForBlockNode,
         setInlineCommentDraftState = _api$annotation$actio.setInlineCommentDraftState;
       if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+        var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar
-        _analytics.INPUT_METHOD.FLOATING_TB, 'block', true)(state, dispatch);
+        _analytics.INPUT_METHOD.FLOATING_TB, 'block', true, (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id)(state, dispatch);
       }
     }
     return true;

package/dist/cjs/toolbar/index.js

@@ -176,6 +176,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
     allowAdvancedToolBarOptions = options.allowAdvancedToolBarOptions,
+    allowCommentsOnMedia = options.allowCommentsOnMedia,
     allowResizingInTables = options.allowResizingInTables,
     allowAltTextOnImages = options.allowAltTextOnImages,
     allowMediaInline = options.allowMediaInline,
@@ -405,7 +406,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push((0, _comments.commentButton)(intl, state, pluginInjectionApi), {
         type: 'separator'
       });

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

@@ -18,7 +18,8 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     mediaNode = _ref.mediaNode,
     view = _ref.view,
     getPos = _ref.getPos,
-    intl = _ref.intl;
+    intl = _ref.intl,
+    isDrafting = _ref.isDrafting;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     entered = _useState2[0],
@@ -31,7 +32,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     state = view.state,
     dispatch = view.dispatch;
   var status = (0, _react.useMemo)(function () {
-    if (!annotationState || !mediaNode) {
+    if (!(annotationState !== null && annotationState !== void 0 && annotationState.selectedAnnotations) || !mediaNode) {
       return 'default';
     }
     return annotationState.selectedAnnotations.some(function (annotation) {
@@ -47,9 +48,10 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   var pos = getPos();
-  if (!Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(function (maybeAnnotation) {
+  var hasNoComments = !Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(function (maybeAnnotation) {
     return maybeAnnotation.type !== annotation || !(maybeAnnotation.attrs.id in annotationState.annotations) || annotationState.annotations[maybeAnnotation.attrs.id];
-  })) {
+  });
+  if (!isDrafting && hasNoComments || !mediaNode) {
     return null;
   }
   var mediaElement = view.domAtPos(pos + 1).node;

package/dist/es2019/nodeviews/mediaSingle.js

@@ -230,7 +230,7 @@ export default class MediaSingleNode extends Component {
     });
   }
   render() {
-    var _mediaOptions$getEdit, _pluginInjectionApi$m, _pluginInjectionApi$m2;
+    var _mediaOptions$getEdit, _pluginInjectionApi$m, _pluginInjectionApi$m2, _node$firstChild;
     const {
       selected,
       getPos,
@@ -247,7 +247,8 @@ export default class MediaSingleNode extends Component {
       dispatchAnalyticsEvent,
       editorViewMode,
       mediaPluginState,
-      editorDisabled
+      editorDisabled,
+      annotationPluginState
     } = this.props;
     const {
       commentsOnMedia = false
@@ -343,6 +344,7 @@ export default class MediaSingleNode extends Component {
       }
     }
     const shouldShowPlaceholder = mediaOptions.allowCaptions && node.childCount !== 2 && isSelected && state.selection instanceof NodeSelection;
+    const isCurrentNodeDrafting = (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.isDrafting) && (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.targetNodeId) === (node === null || node === void 0 ? void 0 : (_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.attrs.id);
     const MediaChildren = jsx("figure", {
       ref: this.mediaSingleWrapperRef,
       css: figureWrapperStyles,
@@ -352,7 +354,8 @@ export default class MediaSingleNode extends Component {
       view: view,
       api: pluginInjectionApi,
       mediaNode: node === null || node === void 0 ? void 0 : node.firstChild,
-      getPos: getPos
+      getPos: getPos,
+      isDrafting: isCurrentNodeDrafting
     }), jsx("div", {
       ref: this.props.forwardRef
     }), shouldShowPlaceholder && jsx(CaptionPlaceholder, {

package/dist/es2019/plugin.js

@@ -267,6 +267,7 @@ export const mediaPlugin = ({
         allowMediaInline: options && getMediaFeatureFlag('mediaInline', options.featureFlags),
         allowResizing: options && options.allowResizing,
         allowResizingInTables: options && options.allowResizingInTables,
+        allowCommentsOnMedia: options && options.allowCommentsOnMedia,
         allowLinking: options && options.allowLinking,
         allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
         allowAltTextOnImages: options && options.allowAltTextOnImages,

package/dist/es2019/toolbar/comments.js

@@ -21,9 +21,10 @@ export const commentButton = (intl, state, api) => {
         setInlineCommentDraftState
       } = api.annotation.actions;
       if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+        var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar
-        INPUT_METHOD.FLOATING_TB, 'block', true)(state, dispatch);
+        INPUT_METHOD.FLOATING_TB, 'block', true, (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id)(state, dispatch);
       }
     }
     return true;

package/dist/es2019/toolbar/index.js

@@ -165,6 +165,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     allowResizing,
     allowLinking,
     allowAdvancedToolBarOptions,
+    allowCommentsOnMedia,
     allowResizingInTables,
     allowAltTextOnImages,
     allowMediaInline,
@@ -402,7 +403,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push(commentButton(intl, state, pluginInjectionApi), {
         type: 'separator'
       });

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

@@ -7,7 +7,8 @@ const CommentBadgeWrapper = ({
   mediaNode,
   view,
   getPos,
-  intl
+  intl,
+  isDrafting
 }) => {
   const [entered, setEntered] = useState(false);
   const {
@@ -28,7 +29,7 @@ const CommentBadgeWrapper = ({
     dispatch
   } = view;
   const status = useMemo(() => {
-    if (!annotationState || !mediaNode) {
+    if (!(annotationState !== null && annotationState !== void 0 && annotationState.selectedAnnotations) || !mediaNode) {
       return 'default';
     }
     return annotationState.selectedAnnotations.some(annotation => !!mediaNode.marks.find(mark => mark.attrs.id === annotation.id)) && !annotationState.isInlineCommentViewClosed ? 'active' : 'default';
@@ -42,7 +43,8 @@ const CommentBadgeWrapper = ({
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   const pos = getPos();
-  if (!Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(maybeAnnotation => maybeAnnotation.type !== annotation || !(maybeAnnotation.attrs.id in annotationState.annotations) || annotationState.annotations[maybeAnnotation.attrs.id])) {
+  const hasNoComments = !Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(maybeAnnotation => maybeAnnotation.type !== annotation || !(maybeAnnotation.attrs.id in annotationState.annotations) || annotationState.annotations[maybeAnnotation.attrs.id]);
+  if (!isDrafting && hasNoComments || !mediaNode) {
     return null;
   }
   const mediaElement = view.domAtPos(pos + 1).node;

package/dist/esm/nodeviews/mediaSingle.js

@@ -321,7 +321,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _mediaOptions$getEdit, _pluginInjectionApi$m;
+      var _mediaOptions$getEdit, _pluginInjectionApi$m, _node$firstChild;
       var _this$props2 = this.props,
         selected = _this$props2.selected,
         getPos = _this$props2.getPos,
@@ -336,7 +336,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         dispatchAnalyticsEvent = _this$props2.dispatchAnalyticsEvent,
         editorViewMode = _this$props2.editorViewMode,
         mediaPluginState = _this$props2.mediaPluginState,
-        editorDisabled = _this$props2.editorDisabled;
+        editorDisabled = _this$props2.editorDisabled,
+        annotationPluginState = _this$props2.annotationPluginState;
       var _ref4 = (mediaOptions === null || mediaOptions === void 0 || (_mediaOptions$getEdit = mediaOptions.getEditorFeatureFlags) === null || _mediaOptions$getEdit === void 0 ? void 0 : _mediaOptions$getEdit.call(mediaOptions)) || {},
         _ref4$commentsOnMedia = _ref4.commentsOnMedia,
         commentsOnMedia = _ref4$commentsOnMedia === void 0 ? false : _ref4$commentsOnMedia;
@@ -422,6 +423,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         }
       }
       var shouldShowPlaceholder = mediaOptions.allowCaptions && node.childCount !== 2 && isSelected && state.selection instanceof NodeSelection;
+      var isCurrentNodeDrafting = (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.isDrafting) && (annotationPluginState === null || annotationPluginState === void 0 ? void 0 : annotationPluginState.targetNodeId) === (node === null || node === void 0 || (_node$firstChild = node.firstChild) === null || _node$firstChild === void 0 ? void 0 : _node$firstChild.attrs.id);
       var MediaChildren = jsx("figure", {
         ref: this.mediaSingleWrapperRef,
         css: figureWrapperStyles,
@@ -431,7 +433,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         view: view,
         api: pluginInjectionApi,
         mediaNode: node === null || node === void 0 ? void 0 : node.firstChild,
-        getPos: getPos
+        getPos: getPos,
+        isDrafting: isCurrentNodeDrafting
       }), jsx("div", {
         ref: this.props.forwardRef
       }), shouldShowPlaceholder && jsx(CaptionPlaceholder, {

package/dist/esm/plugin.js

@@ -263,6 +263,7 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
           allowMediaInline: options && getMediaFeatureFlag('mediaInline', options.featureFlags),
           allowResizing: options && options.allowResizing,
           allowResizingInTables: options && options.allowResizingInTables,
+          allowCommentsOnMedia: options && options.allowCommentsOnMedia,
           allowLinking: options && options.allowLinking,
           allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
           allowAltTextOnImages: options && options.allowAltTextOnImages,

package/dist/esm/toolbar/comments.js

@@ -22,9 +22,10 @@ export var commentButton = function commentButton(intl, state, api) {
         showCommentForBlockNode = _api$annotation$actio.showCommentForBlockNode,
         setInlineCommentDraftState = _api$annotation$actio.setInlineCommentDraftState;
       if (!showCommentForBlockNode(selectMediaNode)(state, dispatch)) {
+        var _selectMediaNode$attr;
         setInlineCommentDraftState(true,
         // TODO: might need to update to reflect it's from media floating toolbar
-        INPUT_METHOD.FLOATING_TB, 'block', true)(state, dispatch);
+        INPUT_METHOD.FLOATING_TB, 'block', true, (_selectMediaNode$attr = selectMediaNode.attrs) === null || _selectMediaNode$attr === void 0 ? void 0 : _selectMediaNode$attr.id)(state, dispatch);
       }
     }
     return true;

package/dist/esm/toolbar/index.js

@@ -166,6 +166,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
     allowAdvancedToolBarOptions = options.allowAdvancedToolBarOptions,
+    allowCommentsOnMedia = options.allowCommentsOnMedia,
     allowResizingInTables = options.allowResizingInTables,
     allowAltTextOnImages = options.allowAltTextOnImages,
     allowMediaInline = options.allowMediaInline,
@@ -395,7 +396,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         type: 'separator'
       });
     }
-    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia) {
+    if (editorFeatureFlags && editorFeatureFlags.commentsOnMedia && allowCommentsOnMedia) {
       toolbarButtons.push(commentButton(intl, state, pluginInjectionApi), {
         type: 'separator'
       });

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

@@ -8,7 +8,8 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     mediaNode = _ref.mediaNode,
     view = _ref.view,
     getPos = _ref.getPos,
-    intl = _ref.intl;
+    intl = _ref.intl,
+    isDrafting = _ref.isDrafting;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     entered = _useState2[0],
@@ -21,7 +22,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     state = view.state,
     dispatch = view.dispatch;
   var status = useMemo(function () {
-    if (!annotationState || !mediaNode) {
+    if (!(annotationState !== null && annotationState !== void 0 && annotationState.selectedAnnotations) || !mediaNode) {
       return 'default';
     }
     return annotationState.selectedAnnotations.some(function (annotation) {
@@ -37,9 +38,10 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     }
   }, [api.annotation, dispatch, mediaNode, state]);
   var pos = getPos();
-  if (!Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(function (maybeAnnotation) {
+  var hasNoComments = !Number.isFinite(pos) || !(annotationState !== null && annotationState !== void 0 && annotationState.annotations) || !mediaNode || mediaNode.type !== media || mediaNode.marks.every(function (maybeAnnotation) {
     return maybeAnnotation.type !== annotation || !(maybeAnnotation.attrs.id in annotationState.annotations) || annotationState.annotations[maybeAnnotation.attrs.id];
-  })) {
+  });
+  if (!isDrafting && hasNoComments || !mediaNode) {
     return null;
   }
   var mediaElement = view.domAtPos(pos + 1).node;

package/dist/types/types.d.ts

@@ -49,6 +49,7 @@ export interface MediaOptions {
     featureFlags?: MediaFeatureFlags;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     allowCaptions?: boolean;
+    allowCommentsOnMedia?: boolean;
 }
 export interface MediaSingleOptions {
     disableLayout?: boolean;
@@ -112,6 +113,7 @@ export type MediaFloatingToolbarOptions = {
     altTextValidator?: (value: string) => string[];
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     fullWidthEnabled?: boolean;
+    allowCommentsOnMedia?: boolean;
 };
 export type MediaDecorationSpec = {
     type: 'media';

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

@@ -11,6 +11,7 @@ type CommentBadgeProps = {
     mediaNode: PMNode | null;
     view: EditorView;
     getPos: getPosHandler;
+    isDrafting: boolean;
 };
 export declare const CommentBadge: React.FC<import("react-intl-next").WithIntlProps<CommentBadgeProps>> & {
     WrappedComponent: React.ComponentType<CommentBadgeProps>;

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

@@ -49,6 +49,7 @@ export interface MediaOptions {
     featureFlags?: MediaFeatureFlags;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     allowCaptions?: boolean;
+    allowCommentsOnMedia?: boolean;
 }
 export interface MediaSingleOptions {
     disableLayout?: boolean;
@@ -112,6 +113,7 @@ export type MediaFloatingToolbarOptions = {
     altTextValidator?: (value: string) => string[];
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     fullWidthEnabled?: boolean;
+    allowCommentsOnMedia?: boolean;
 };
 export type MediaDecorationSpec = {
     type: 'media';

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

@@ -11,6 +11,7 @@ type CommentBadgeProps = {
     mediaNode: PMNode | null;
     view: EditorView;
     getPos: getPosHandler;
+    isDrafting: boolean;
 };
 export declare const CommentBadge: React.FC<import("react-intl-next").WithIntlProps<CommentBadgeProps>> & {
     WrappedComponent: React.ComponentType<CommentBadgeProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "1.15.1",
+  "version": "1.15.2",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -37,7 +37,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/button": "^17.12.0",
-    "@atlaskit/editor-common": "^78.28.0",
+    "@atlaskit/editor-common": "^78.29.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-annotation": "1.5.9",