@atlaskit/editor-plugin-media 12.0.0 → 12.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-media
 
+## 12.1.0
+
+### Minor Changes
+
+- [`b6bb07e5d72ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6bb07e5d72ac) -
+  [ux] Fix for #hot-301450, add new media option for fallback media name fetcher to allow confluence
+  to use the attachment service instead of the media service to get filenames. After DC -> Cloud
+  migration filenames were not properly copied across to the media service causing inline media to
+  show an error.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.0
 
 ### Major Changes

package/dist/cjs/mediaPlugin.js

@@ -242,7 +242,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref3) {
               mediaGroup: (0, _lazyMediaGroup.lazyMediaGroupView)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: (0, _lazyMediaInline.lazyMediaInlineView)(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/cjs/nodeviews/lazy-media-inline.js

@@ -8,7 +8,7 @@ exports.lazyMediaInlineView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return (0, _lazyNodeView.withLazyLoading)({
     nodeName: 'mediaInline',
     getNodeViewOptions: function getNodeViewOptions() {},
@@ -19,7 +19,7 @@ var lazyMediaInlineView = exports.lazyMediaInlineView = function lazyMediaInline
       }).then(function (_ref) {
         var ReactMediaInlineNode = _ref.ReactMediaInlineNode;
         return function (node, view, getPos) {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/cjs/nodeviews/mediaInline.js

@@ -220,7 +220,8 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
   }, (0, _react2.jsx)(_mediaCard.MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 var selector = function selector(states) {
@@ -243,7 +244,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     getPos = _ref3.getPos,
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
     api = _ref3.api,
-    view = _ref3.view;
+    view = _ref3.view,
+    fallbackMediaNameFetcher = _ref3.fallbackMediaNameFetcher;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorViewMode', 'media'], selector),
     mediaProvider = _useSharedPluginState.mediaProvider,
     allowInlineImages = _useSharedPluginState.allowInlineImages,
@@ -273,7 +275,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
@@ -307,7 +310,8 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
     value: function render(props) {
       var _this = this;
       var providerFactory = props.providerFactory,
-        api = props.api;
+        api = props.api,
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
       var view = this.view;
       var getPos = this.getPos;
       return (0, _react2.jsx)(_providerFactory.WithProviders
@@ -327,19 +331,21 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
             view: view,
             getPos: getPos,
             contextIdentifierProvider: contextIdentifierProvider,
-            api: api
+            api: api,
+            fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
       });
     }
   }]);
 }(_selectionBasedNodeView.SelectionBasedNodeView);
-var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      api: api
+      api: api,
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }).init();
   };
 };

package/dist/es2019/mediaPlugin.js

@@ -234,7 +234,7 @@ export const mediaPlugin = ({
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/es2019/nodeviews/lazy-media-inline.js

@@ -1,5 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => {
+export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) => {
   return withLazyLoading({
     nodeName: 'mediaInline',
     getNodeViewOptions: () => {},
@@ -9,7 +9,7 @@ export const lazyMediaInlineView = (portalProviderAPI, eventDispatcher, provider
         ReactMediaInlineNode
       }) => {
         return (node, view, getPos) => {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/es2019/nodeviews/mediaInline.js

@@ -152,7 +152,8 @@ export const MediaInline = props => {
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 const selector = states => {
@@ -175,7 +176,8 @@ const MediaInlineSharedState = ({
   getPos,
   contextIdentifierProvider,
   api,
-  view
+  view,
+  fallbackMediaNameFetcher
 }) => {
   const {
     mediaProvider,
@@ -205,7 +207,8 @@ const MediaInlineSharedState = ({
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export class MediaInlineNodeView extends SelectionBasedNodeView {
@@ -226,7 +229,8 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
   render(props) {
     const {
       providerFactory,
-      api
+      api,
+      fallbackMediaNameFetcher
     } = props;
     const {
       view
@@ -250,16 +254,18 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
           view: view,
           getPos: getPos,
           contextIdentifierProvider: contextIdentifierProvider,
-          api: api
+          api: api,
+          fallbackMediaNameFetcher: fallbackMediaNameFetcher
         });
       }
     });
   }
 }
-export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) => (node, view, getPos) => {
+export const ReactMediaInlineNode = (portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) => (node, view, getPos) => {
   return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     dispatchAnalyticsEvent,
-    api
+    api,
+    fallbackMediaNameFetcher
   }).init();
 };

package/dist/esm/mediaPlugin.js

@@ -233,7 +233,7 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
               mediaGroup: lazyMediaGroupView(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api)
+              mediaInline: lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, undefined, options === null || options === void 0 ? void 0 : options.fallbackMediaNameFetcher)
             },
             errorReporter: errorReporter,
             uploadErrorHandler: options && options.uploadErrorHandler,

package/dist/esm/nodeviews/lazy-media-inline.js

@@ -1,5 +1,5 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return withLazyLoading({
     nodeName: 'mediaInline',
     getNodeViewOptions: function getNodeViewOptions() {},
@@ -8,7 +8,7 @@ export var lazyMediaInlineView = function lazyMediaInlineView(portalProviderAPI,
       './mediaInline').then(function (_ref) {
         var ReactMediaInlineNode = _ref.ReactMediaInlineNode;
         return function (node, view, getPos) {
-          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent)(node, view, getPos);
+          return ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher)(node, view, getPos);
         };
       });
       return result;

package/dist/esm/nodeviews/mediaInline.js

@@ -216,7 +216,8 @@ export var MediaInline = function MediaInline(props) {
   }, jsx(MediaInlineCard, {
     isSelected: props.isSelected,
     identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
+    mediaClientConfig: viewMediaClientConfig,
+    fallbackMediaNameFetcher: props.fallbackMediaNameFetcher
   }));
 };
 var selector = function selector(states) {
@@ -239,7 +240,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     getPos = _ref3.getPos,
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
     api = _ref3.api,
-    view = _ref3.view;
+    view = _ref3.view,
+    fallbackMediaNameFetcher = _ref3.fallbackMediaNameFetcher;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode', 'media'], selector),
     mediaProvider = _useSharedPluginState.mediaProvider,
     allowInlineImages = _useSharedPluginState.allowInlineImages,
@@ -269,7 +271,8 @@ var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
     view: view,
     getPos: getPos,
     contextIdentifierProvider: contextIdentifierProvider,
-    editorViewMode: viewMode === 'view'
+    editorViewMode: viewMode === 'view',
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher
   });
 };
 export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
@@ -303,7 +306,8 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function render(props) {
       var _this = this;
       var providerFactory = props.providerFactory,
-        api = props.api;
+        api = props.api,
+        fallbackMediaNameFetcher = props.fallbackMediaNameFetcher;
       var view = this.view;
       var getPos = this.getPos;
       return jsx(WithProviders
@@ -323,19 +327,21 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
             view: view,
             getPos: getPos,
             contextIdentifierProvider: contextIdentifierProvider,
-            api: api
+            api: api,
+            fallbackMediaNameFetcher: fallbackMediaNameFetcher
           });
         }
       });
     }
   }]);
 }(SelectionBasedNodeView);
-export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
+export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, fallbackMediaNameFetcher) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      api: api
+      api: api,
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher
     }).init();
   };
 };

package/dist/types/nodeviews/lazy-media-inline.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;

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

@@ -17,6 +17,7 @@ export interface MediaInlineProps {
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorViewMode?: boolean;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     getPos: ProsemirrorGetPosHandler;
     handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (node: PMNode) => void;
@@ -33,6 +34,7 @@ export declare const MediaInline: (props: MediaInlineProps) => jsx.JSX.Element;
 interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -41,5 +43,5 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): jsx.JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -69,6 +69,12 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     editorSelectionAPI?: EditorSelectionAPI;
     enableDownloadButton?: 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>;
     featureFlags?: MediaFeatureFlags;
     forceHandlePositioning?: HandlePositioning;
     fullWidthEnabled?: boolean;

package/dist/types-ts4.5/nodeviews/lazy-media-inline.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../mediaPluginType';
-export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => NodeViewConstructor;
+export declare const lazyMediaInlineView: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => NodeViewConstructor;

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

@@ -17,6 +17,7 @@ export interface MediaInlineProps {
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     editorViewMode?: boolean;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     getPos: ProsemirrorGetPosHandler;
     handleMediaNodeMount: (node: PMNode, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (node: PMNode) => void;
@@ -33,6 +34,7 @@ export declare const MediaInline: (props: MediaInlineProps) => jsx.JSX.Element;
 interface MediaInlineNodeViewProps {
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    fallbackMediaNameFetcher?: (id: string) => Promise<string>;
     providerFactory: ProviderFactory;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -41,5 +43,5 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): jsx.JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, fallbackMediaNameFetcher?: (id: string) => Promise<string>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -69,6 +69,12 @@ export interface MediaPluginOptions {
     editorAppearance?: EditorAppearance;
     editorSelectionAPI?: EditorSelectionAPI;
     enableDownloadButton?: 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>;
     featureFlags?: MediaFeatureFlags;
     forceHandlePositioning?: HandlePositioning;
     fullWidthEnabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "12.0.0",
+	"version": "12.1.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^34.2.0",
 		"@atlaskit/icon-lab": "^6.5.0",
-		"@atlaskit/media-card": "^80.0.0",
+		"@atlaskit/media-card": "^80.1.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
@@ -65,7 +65,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^62.4.0",
+		"@atlaskit/tmp-editor-statsig": "^62.8.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -77,7 +77,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.0.0",
+		"@atlaskit/editor-common": "^114.1.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",