@atlaskit/editor-plugin-media 14.0.4 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-media
 
+## 14.1.0
+
+### Minor Changes
+
+- [`19773530cd51c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19773530cd51c) -
+  Add fallbackMediaNameFetcher support to MediaCard (FileCard) and MediaViewer (header display),
+  gated behind the platform_editor_media_name_fallback_viewer_card experiment
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.0.4
 
 ### Patch Changes

package/dist/cjs/mediaPlugin.js

@@ -83,7 +83,8 @@ var mediaViewerStateSelector = function mediaViewerStateSelector(states) {
 var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_ref2) {
   var api = _ref2.api,
     editorView = _ref2.editorView,
-    mediaViewerExtensions = _ref2.mediaViewerExtensions;
+    mediaViewerExtensions = _ref2.mediaViewerExtensions,
+    fallbackMediaNameFetcher = _ref2.fallbackMediaNameFetcher;
   // Only traverse document once when media viewer is visible, media viewer items will not update
   // when document changes are made while media viewer is open
   var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['media'], mediaViewerStateSelector),
@@ -111,7 +112,8 @@ var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_re
     onClose: handleOnClose,
     selectedNodeAttrs: mediaViewerSelectedMedia,
     items: mediaItems,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
@@ -252,7 +254,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
             waitForMediaUpload: options && options.waitForMediaUpload,
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
-            allowResizing: !!(options && options.allowResizing)
+            allowResizing: !!(options && options.allowResizing),
+            fallbackMediaNameFetcher: options && options.fallbackMediaNameFetcher
           }, getIntl, api, nodeViewPortalProviderAPI, dispatch, options);
         }
       }, {
@@ -354,7 +357,8 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(MediaViewerFunctionalComponent, {
         api: api,
         editorView: editorView,
-        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions
+        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions,
+        fallbackMediaNameFetcher: options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher
       }), /*#__PURE__*/_react.default.createElement(MediaPickerFunctionalComponent, {
         editorDomElement: editorView.dom,
         appearance: appearance,

package/dist/cjs/nodeviews/mediaGroupNext.js

@@ -179,6 +179,7 @@ var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntl.injectIntl)( /*#__P
     allowMediaInlineImages = _props$mediaOptions.allowMediaInlineImages,
     enableDownloadButton = _props$mediaOptions.enableDownloadButton,
     featureFlags = _props$mediaOptions.featureFlags,
+    fallbackMediaNameFetcher = _props$mediaOptions.fallbackMediaNameFetcher,
     intl = props.intl,
     _getPos = props.getPos,
     anchorPos = props.anchorPos,
@@ -295,7 +296,8 @@ var MediaGroupNext = exports.MediaGroupNext = (0, _reactIntl.injectIntl)( /*#__P
     items: items,
     mediaClientConfig: viewMediaClientConfig,
     featureFlags: featureFlags,
-    shouldOpenMediaViewer: editorViewMode && (0, _experiments.editorExperiment)('platform_editor_controls', 'control')
+    shouldOpenMediaViewer: editorViewMode && (0, _experiments.editorExperiment)('platform_editor_controls', 'control'),
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 }));
 MediaGroupNext.displayName = 'MediaGroup';

package/dist/cjs/nodeviews/mediaInline.js

@@ -217,7 +217,8 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
     mediaClientConfig: props.mediaClientConfig,
     isEditorViewMode: props.editorViewMode,
     isSelected: props.isSelected,
-    isInline: true
+    isInline: true,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }, (0, _react2.jsx)(_mediaCard.MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -396,6 +396,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
         isAIGenerating: !!this.props.isAIGenerating,
         onPreviewRender: this.onPreviewRender,
+        fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
         onError: (0, _expValEquals.expValEquals)('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       })));
     }

package/dist/cjs/ui/MediaViewer/MediaViewerContainer.js

@@ -37,6 +37,7 @@ var MediaViewerContainer = exports.MediaViewerContainer = function MediaViewerCo
     _ref$isInline = _ref.isInline,
     isInline = _ref$isInline === void 0 ? false : _ref$isInline,
     mediaViewerExtensions = _ref.mediaViewerExtensions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
     children = _ref.children;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,6 +69,7 @@ var MediaViewerContainer = exports.MediaViewerContainer = function MediaViewerCo
     selectedNodeAttrs: selectedNodeAttrs,
     mediaClientConfig: mediaClientConfig,
     onClose: closeMediaViewer,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })) : children);
 };

package/dist/cjs/ui/MediaViewer/PortalWrapper.js

@@ -32,7 +32,8 @@ var RenderMediaViewer = exports.RenderMediaViewer = function RenderMediaViewer(_
     selectedNodeAttrs = _ref.selectedNodeAttrs,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
-    extensions = _ref.extensions;
+    extensions = _ref.extensions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var identifier = getIdentifier(selectedNodeAttrs);
   var collectionName = (0, _utils.isExternalMedia)(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
   return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
@@ -44,6 +45,7 @@ var RenderMediaViewer = exports.RenderMediaViewer = function RenderMediaViewer(_
     mediaClientConfig: mediaClientConfig,
     selectedItem: identifier,
     onClose: onClose,
-    extensions: extensions
+    extensions: extensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   }), document.body);
 };

package/dist/es2019/mediaPlugin.js

@@ -73,7 +73,8 @@ const mediaViewerStateSelector = states => {
 const MediaViewerFunctionalComponent = ({
   api,
   editorView,
-  mediaViewerExtensions
+  mediaViewerExtensions,
+  fallbackMediaNameFetcher
 }) => {
   // Only traverse document once when media viewer is visible, media viewer items will not update
   // when document changes are made while media viewer is open
@@ -103,7 +104,8 @@ const MediaViewerFunctionalComponent = ({
     onClose: handleOnClose,
     selectedNodeAttrs: mediaViewerSelectedMedia,
     items: mediaItems,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export const mediaPlugin = ({
@@ -244,7 +246,8 @@ export const mediaPlugin = ({
             waitForMediaUpload: options && options.waitForMediaUpload,
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
-            allowResizing: !!(options && options.allowResizing)
+            allowResizing: !!(options && options.allowResizing),
+            fallbackMediaNameFetcher: options && options.fallbackMediaNameFetcher
           }, getIntl, api, nodeViewPortalProviderAPI, dispatch, options);
         }
       }, {
@@ -349,7 +352,8 @@ export const mediaPlugin = ({
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaViewerFunctionalComponent, {
         api: api,
         editorView: editorView,
-        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions
+        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions,
+        fallbackMediaNameFetcher: options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher
       }), /*#__PURE__*/React.createElement(MediaPickerFunctionalComponent, {
         editorDomElement: editorView.dom,
         appearance: appearance,

package/dist/es2019/nodeviews/mediaGroupNext.js

@@ -134,7 +134,8 @@ export const MediaGroupNext = injectIntl( /*#__PURE__*/React.memo(props => {
       allowLazyLoading,
       allowMediaInlineImages,
       enableDownloadButton,
-      featureFlags
+      featureFlags,
+      fallbackMediaNameFetcher
     },
     intl,
     getPos,
@@ -250,7 +251,8 @@ export const MediaGroupNext = injectIntl( /*#__PURE__*/React.memo(props => {
     items: items,
     mediaClientConfig: viewMediaClientConfig,
     featureFlags: featureFlags,
-    shouldOpenMediaViewer: editorViewMode && editorExperiment('platform_editor_controls', 'control')
+    shouldOpenMediaViewer: editorViewMode && editorExperiment('platform_editor_controls', 'control'),
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 }));
 MediaGroupNext.displayName = 'MediaGroup';

package/dist/es2019/nodeviews/mediaInline.js

@@ -149,7 +149,8 @@ export const MediaInline = props => {
     mediaClientConfig: props.mediaClientConfig,
     isEditorViewMode: props.editorViewMode,
     isSelected: props.isSelected,
-    isInline: true
+    isInline: true,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -338,6 +338,7 @@ export class MediaNode extends Component {
       mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
       isAIGenerating: !!this.props.isAIGenerating,
       onPreviewRender: this.onPreviewRender,
+      fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
       onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
     })));
   }

package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js

@@ -22,6 +22,7 @@ export const MediaViewerContainer = ({
   isSelected = true,
   isInline = false,
   mediaViewerExtensions,
+  fallbackMediaNameFetcher,
   children
 }) => {
   var _mediaNode$firstChild;
@@ -52,6 +53,7 @@ export const MediaViewerContainer = ({
     selectedNodeAttrs: selectedNodeAttrs,
     mediaClientConfig: mediaClientConfig,
     onClose: closeMediaViewer,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })) : children);
 };

package/dist/es2019/ui/MediaViewer/PortalWrapper.js

@@ -25,7 +25,8 @@ export const RenderMediaViewer = ({
   onClose,
   selectedNodeAttrs,
   items = [],
-  extensions
+  extensions,
+  fallbackMediaNameFetcher
 }) => {
   const identifier = getIdentifier(selectedNodeAttrs);
   const collectionName = isExternalMedia(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
@@ -38,6 +39,7 @@ export const RenderMediaViewer = ({
     mediaClientConfig: mediaClientConfig,
     selectedItem: identifier,
     onClose: onClose,
-    extensions: extensions
+    extensions: extensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   }), document.body);
 };

package/dist/esm/mediaPlugin.js

@@ -74,7 +74,8 @@ var mediaViewerStateSelector = function mediaViewerStateSelector(states) {
 var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_ref2) {
   var api = _ref2.api,
     editorView = _ref2.editorView,
-    mediaViewerExtensions = _ref2.mediaViewerExtensions;
+    mediaViewerExtensions = _ref2.mediaViewerExtensions,
+    fallbackMediaNameFetcher = _ref2.fallbackMediaNameFetcher;
   // Only traverse document once when media viewer is visible, media viewer items will not update
   // when document changes are made while media viewer is open
   var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector),
@@ -102,7 +103,8 @@ var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_re
     onClose: handleOnClose,
     selectedNodeAttrs: mediaViewerSelectedMedia,
     items: mediaItems,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export var mediaPlugin = function mediaPlugin(_ref3) {
@@ -243,7 +245,8 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
             waitForMediaUpload: options && options.waitForMediaUpload,
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
-            allowResizing: !!(options && options.allowResizing)
+            allowResizing: !!(options && options.allowResizing),
+            fallbackMediaNameFetcher: options && options.fallbackMediaNameFetcher
           }, getIntl, api, nodeViewPortalProviderAPI, dispatch, options);
         }
       }, {
@@ -345,7 +348,8 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaViewerFunctionalComponent, {
         api: api,
         editorView: editorView,
-        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions
+        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions,
+        fallbackMediaNameFetcher: options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher
       }), /*#__PURE__*/React.createElement(MediaPickerFunctionalComponent, {
         editorDomElement: editorView.dom,
         appearance: appearance,

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -170,6 +170,7 @@ export var MediaGroupNext = injectIntl( /*#__PURE__*/React.memo(function (props)
     allowMediaInlineImages = _props$mediaOptions.allowMediaInlineImages,
     enableDownloadButton = _props$mediaOptions.enableDownloadButton,
     featureFlags = _props$mediaOptions.featureFlags,
+    fallbackMediaNameFetcher = _props$mediaOptions.fallbackMediaNameFetcher,
     intl = props.intl,
     _getPos = props.getPos,
     anchorPos = props.anchorPos,
@@ -286,7 +287,8 @@ export var MediaGroupNext = injectIntl( /*#__PURE__*/React.memo(function (props)
     items: items,
     mediaClientConfig: viewMediaClientConfig,
     featureFlags: featureFlags,
-    shouldOpenMediaViewer: editorViewMode && editorExperiment('platform_editor_controls', 'control')
+    shouldOpenMediaViewer: editorViewMode && editorExperiment('platform_editor_controls', 'control'),
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 }));
 MediaGroupNext.displayName = 'MediaGroup';

package/dist/esm/nodeviews/mediaInline.js

@@ -213,7 +213,8 @@ export var MediaInline = function MediaInline(props) {
     mediaClientConfig: props.mediaClientConfig,
     isEditorViewMode: props.editorViewMode,
     isSelected: props.isSelected,
-    isInline: true
+    isInline: true,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -388,6 +388,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         mediaSettings: this.getMediaSettings(viewAndUploadMediaClientConfig, this.props.isViewOnly),
         isAIGenerating: !!this.props.isAIGenerating,
         onPreviewRender: this.onPreviewRender,
+        fallbackMediaNameFetcher: mediaOptions === null || mediaOptions === void 0 ? void 0 : mediaOptions.fallbackMediaNameFetcher,
         onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       })));
     }

package/dist/esm/ui/MediaViewer/MediaViewerContainer.js

@@ -27,6 +27,7 @@ export var MediaViewerContainer = function MediaViewerContainer(_ref) {
     _ref$isInline = _ref.isInline,
     isInline = _ref$isInline === void 0 ? false : _ref$isInline,
     mediaViewerExtensions = _ref.mediaViewerExtensions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
     children = _ref.children;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -58,6 +59,7 @@ export var MediaViewerContainer = function MediaViewerContainer(_ref) {
     selectedNodeAttrs: selectedNodeAttrs,
     mediaClientConfig: mediaClientConfig,
     onClose: closeMediaViewer,
-    extensions: mediaViewerExtensions
+    extensions: mediaViewerExtensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   })) : children);
 };

package/dist/esm/ui/MediaViewer/PortalWrapper.js

@@ -25,7 +25,8 @@ export var RenderMediaViewer = function RenderMediaViewer(_ref) {
     selectedNodeAttrs = _ref.selectedNodeAttrs,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items,
-    extensions = _ref.extensions;
+    extensions = _ref.extensions,
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
   var identifier = getIdentifier(selectedNodeAttrs);
   var collectionName = isExternalMedia(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
   return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
@@ -37,6 +38,7 @@ export var RenderMediaViewer = function RenderMediaViewer(_ref) {
     mediaClientConfig: mediaClientConfig,
     selectedItem: identifier,
     onClose: onClose,
-    extensions: extensions
+    extensions: extensions,
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   }), document.body);
 };

package/dist/types/types/media-plugin-options.d.ts

@@ -13,4 +13,10 @@ export type MediaPluginOptions = {
     providerFactory: ProviderFactory;
     uploadErrorHandler?: (state: MediaState) => void;
     waitForMediaUpload?: boolean;
+    /**
+     * Optional fallback fetcher to retrieve the media filename from another service.
+     * Workaround for #hot-301450 where media service is missing filenames for DC -> Cloud migrated media.
+     * Receives the file ID and should resolve to the filename string.
+     */
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
 };

package/dist/types/ui/MediaViewer/MediaViewerContainer.d.ts

@@ -9,6 +9,7 @@ import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 import type { MediaViewerExtensions } from '@atlaskit/media-viewer';
 type MediaViewerContainerProps = {
     children?: React.ReactNode;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     isEditorViewMode?: boolean;
     isInline?: boolean;
     isSelected?: boolean;
@@ -17,5 +18,5 @@ type MediaViewerContainerProps = {
     mediaViewerExtensions?: MediaViewerExtensions;
     selectedMediaContainerNode: () => PMNode | undefined;
 };
-export declare const MediaViewerContainer: ({ mediaNode, selectedMediaContainerNode, mediaClientConfig, isEditorViewMode, isSelected, isInline, mediaViewerExtensions, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
+export declare const MediaViewerContainer: ({ mediaNode, selectedMediaContainerNode, mediaClientConfig, isEditorViewMode, isSelected, isInline, mediaViewerExtensions, fallbackMediaNameFetcher, children, }: MediaViewerContainerProps) => jsx.JSX.Element;
 export {};

package/dist/types/ui/MediaViewer/PortalWrapper.d.ts

@@ -4,10 +4,11 @@ import type { Identifier, MediaClientConfig } from '@atlaskit/media-client';
 import { type MediaViewerExtensions } from '@atlaskit/media-viewer';
 interface RenderMediaViewerProps {
     extensions?: MediaViewerExtensions;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     items?: Identifier[];
     mediaClientConfig: MediaClientConfig;
     onClose: () => void;
     selectedNodeAttrs: MediaADFAttrs;
 }
-export declare const RenderMediaViewer: ({ mediaClientConfig, onClose, selectedNodeAttrs, items, extensions, }: RenderMediaViewerProps) => React.ReactPortal;
+export declare const RenderMediaViewer: ({ mediaClientConfig, onClose, selectedNodeAttrs, items, extensions, fallbackMediaNameFetcher, }: RenderMediaViewerProps) => React.ReactPortal;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "14.0.4",
+	"version": "14.1.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,10 +21,10 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^55.2.0",
+		"@atlaskit/adf-schema": "^56.0.0",
 		"@atlaskit/analytics-namespaced-context": "^8.0.0",
 		"@atlaskit/analytics-next": "^12.0.0",
-		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/button": "^24.1.0",
 		"@atlaskit/editor-palette": "^3.1.0",
 		"@atlaskit/editor-plugin-analytics": "^12.0.0",
 		"@atlaskit/editor-plugin-annotation": "^12.0.0",
@@ -46,18 +46,18 @@
 		"@atlaskit/form": "^16.0.0",
 		"@atlaskit/icon": "^36.0.0",
 		"@atlaskit/icon-lab": "^7.0.0",
-		"@atlaskit/media-card": "^81.0.0",
+		"@atlaskit/media-card": "^81.1.0",
 		"@atlaskit/media-client": "^37.0.0",
 		"@atlaskit/media-client-react": "^6.0.0",
 		"@atlaskit/media-common": "^14.0.0",
-		"@atlaskit/media-filmstrip": "^52.0.0",
+		"@atlaskit/media-filmstrip": "^52.1.0",
 		"@atlaskit/media-picker": "^72.0.0",
 		"@atlaskit/media-ui": "^30.1.0",
-		"@atlaskit/media-viewer": "^54.0.0",
+		"@atlaskit/media-viewer": "^54.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
 		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/tmp-editor-statsig": "^108.0.0",
+		"@atlaskit/tmp-editor-statsig": "^108.3.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -69,7 +69,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.3.0",
+		"@atlaskit/editor-common": "^116.4.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",