@atlaskit/editor-plugin-media 1.17.2 → 1.19.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-media
 
+## 1.19.0
+
+### Minor Changes
+
+-   [#96502](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96502)
+    [`6d16f58c771d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6d16f58c771d) -
+    [ux] Add floating toolbar to inline images in view mode, remove media preview on click
+
+### Patch Changes
+
+-   Updated dependencies
+
+## 1.18.0
+
+### Minor Changes
+
+-   [#95168](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95168)
+    [`2091e194a817`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2091e194a817) -
+    Introduced new PortalProviderAPI behind a FF
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 1.17.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaInline.js

@@ -189,13 +189,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
     return mark.type.name === 'border';
   });
   if (allowInlineImages && (0, _isType.isImage)(type)) {
-    return (0, _react2.jsx)(_MediaViewerContainer.MediaViewerContainer, {
-      mediaNode: props.node,
-      mediaPluginState: props.mediaPluginState,
-      isEditorViewMode: props.editorViewMode,
-      isSelected: props.isSelected,
-      isInline: true
-    }, (0, _react2.jsx)(_mediaInline.MediaInlineImageCard, {
+    return (0, _react2.jsx)(_mediaInline.MediaInlineImageCard, {
       mediaClient: (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig),
       identifier: identifier,
       isSelected: props.isSelected,
@@ -206,7 +200,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         borderColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color
       }
-    }));
+    });
   }
   return (0, _react2.jsx)(_MediaViewerContainer.MediaViewerContainer, {
     mediaNode: props.node,

package/dist/cjs/toolbar/mediaInline.js

@@ -241,17 +241,36 @@ var getMediaInlineImageToolbar = exports.getMediaInlineImageToolbar = function g
           onAddLink: editLink,
           onEditLink: editLink,
           onOpenLink: openLink,
-          isInlineNode: true
+          isInlineNode: true,
+          isViewOnly: options.isViewOnly
         });
       }
       return null;
-    }
+    },
+    supportsViewMode: true
   });
 
   //Image Preview
-  if (!options.isViewOnly && options.allowImagePreview) {
+  if (options.allowImagePreview) {
     inlineImageItems.push((0, _index.generateFilePreviewItem)(mediaPluginState, intl), {
-      type: 'separator'
+      type: 'separator',
+      supportsViewMode: true
+    });
+  }
+  if (options.isViewOnly) {
+    inlineImageItems.push({
+      id: 'editor.media.image.download',
+      type: 'button',
+      icon: _download.default,
+      onClick: function onClick() {
+        (0, _utils.downloadMedia)(mediaPluginState, options.isViewOnly);
+        return true;
+      },
+      title: intl.formatMessage(_mediaUi.messages.download),
+      supportsViewMode: true
+    }, {
+      type: 'separator',
+      supportsViewMode: true
     });
   }
   if (options.allowAltTextOnImages) {
@@ -266,10 +285,13 @@ var getMediaInlineImageToolbar = exports.getMediaInlineImageToolbar = function g
       state: state,
       formatMessage: intl.formatMessage,
       nodeType: mediaInline
-    }, {
-      type: 'separator'
-    }]
-  }, {
+    }],
+    supportsViewMode: true
+  });
+  inlineImageItems.push({
+    type: 'separator'
+  });
+  inlineImageItems.push({
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',

package/dist/es2019/nodeviews/mediaInline.js

@@ -120,13 +120,7 @@ export const MediaInline = props => {
   } = props.mediaPluginState;
   const borderMark = (_props$node = props.node) === null || _props$node === void 0 ? void 0 : (_props$node$marks = _props$node.marks) === null || _props$node$marks === void 0 ? void 0 : _props$node$marks.find(mark => mark.type.name === 'border');
   if (allowInlineImages && isImage(type)) {
-    return jsx(MediaViewerContainer, {
-      mediaNode: props.node,
-      mediaPluginState: props.mediaPluginState,
-      isEditorViewMode: props.editorViewMode,
-      isSelected: props.isSelected,
-      isInline: true
-    }, jsx(MediaInlineImageCard, {
+    return jsx(MediaInlineImageCard, {
       mediaClient: getMediaClient(viewMediaClientConfig),
       identifier: identifier,
       isSelected: props.isSelected,
@@ -137,7 +131,7 @@ export const MediaInline = props => {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         borderColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color
       }
-    }));
+    });
   }
   return jsx(MediaViewerContainer, {
     mediaNode: props.node,

package/dist/es2019/toolbar/mediaInline.js

@@ -235,17 +235,36 @@ export const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverD
           onAddLink: editLink,
           onEditLink: editLink,
           onOpenLink: openLink,
-          isInlineNode: true
+          isInlineNode: true,
+          isViewOnly: options.isViewOnly
         });
       }
       return null;
-    }
+    },
+    supportsViewMode: true
   });
 
   //Image Preview
-  if (!options.isViewOnly && options.allowImagePreview) {
+  if (options.allowImagePreview) {
     inlineImageItems.push(generateFilePreviewItem(mediaPluginState, intl), {
-      type: 'separator'
+      type: 'separator',
+      supportsViewMode: true
+    });
+  }
+  if (options.isViewOnly) {
+    inlineImageItems.push({
+      id: 'editor.media.image.download',
+      type: 'button',
+      icon: DownloadIcon,
+      onClick: () => {
+        downloadMedia(mediaPluginState, options.isViewOnly);
+        return true;
+      },
+      title: intl.formatMessage(messages.download),
+      supportsViewMode: true
+    }, {
+      type: 'separator',
+      supportsViewMode: true
     });
   }
   if (options.allowAltTextOnImages) {
@@ -260,10 +279,13 @@ export const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverD
       state,
       formatMessage: intl.formatMessage,
       nodeType: mediaInline
-    }, {
-      type: 'separator'
-    }]
-  }, {
+    }],
+    supportsViewMode: true
+  });
+  inlineImageItems.push({
+    type: 'separator'
+  });
+  inlineImageItems.push({
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',

package/dist/esm/nodeviews/mediaInline.js

@@ -183,13 +183,7 @@ export var MediaInline = function MediaInline(props) {
     return mark.type.name === 'border';
   });
   if (allowInlineImages && isImage(type)) {
-    return jsx(MediaViewerContainer, {
-      mediaNode: props.node,
-      mediaPluginState: props.mediaPluginState,
-      isEditorViewMode: props.editorViewMode,
-      isSelected: props.isSelected,
-      isInline: true
-    }, jsx(MediaInlineImageCard, {
+    return jsx(MediaInlineImageCard, {
       mediaClient: getMediaClient(viewMediaClientConfig),
       identifier: identifier,
       isSelected: props.isSelected,
@@ -200,7 +194,7 @@ export var MediaInline = function MediaInline(props) {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         borderColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color
       }
-    }));
+    });
   }
   return jsx(MediaViewerContainer, {
     mediaNode: props.node,

package/dist/esm/toolbar/mediaInline.js

@@ -231,17 +231,36 @@ export var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(stat
           onAddLink: editLink,
           onEditLink: editLink,
           onOpenLink: openLink,
-          isInlineNode: true
+          isInlineNode: true,
+          isViewOnly: options.isViewOnly
         });
       }
       return null;
-    }
+    },
+    supportsViewMode: true
   });
 
   //Image Preview
-  if (!options.isViewOnly && options.allowImagePreview) {
+  if (options.allowImagePreview) {
     inlineImageItems.push(generateFilePreviewItem(mediaPluginState, intl), {
-      type: 'separator'
+      type: 'separator',
+      supportsViewMode: true
+    });
+  }
+  if (options.isViewOnly) {
+    inlineImageItems.push({
+      id: 'editor.media.image.download',
+      type: 'button',
+      icon: DownloadIcon,
+      onClick: function onClick() {
+        downloadMedia(mediaPluginState, options.isViewOnly);
+        return true;
+      },
+      title: intl.formatMessage(messages.download),
+      supportsViewMode: true
+    }, {
+      type: 'separator',
+      supportsViewMode: true
     });
   }
   if (options.allowAltTextOnImages) {
@@ -256,10 +275,13 @@ export var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(stat
       state: state,
       formatMessage: intl.formatMessage,
       nodeType: mediaInline
-    }, {
-      type: 'separator'
-    }]
-  }, {
+    }],
+    supportsViewMode: true
+  });
+  inlineImageItems.push({
+    type: 'separator'
+  });
+  inlineImageItems.push({
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -31,4 +32,4 @@ declare const IntlMediaGroup: React.FC<import("react-intl-next").WithIntlProps<M
     WrappedComponent: React.ComponentType<MediaGroupProps>;
 };
 export default IntlMediaGroup;
-export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaGroupNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,9 +1,10 @@
 import { jsx } from '@emotion/react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -48,4 +49,4 @@ 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: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -28,5 +29,5 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider, }: Providers) => JSX.Element;
     render(): JSX.Element;
 }
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export declare const ReactMediaNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

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

@@ -5,9 +5,10 @@ import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -59,5 +60,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -31,4 +32,4 @@ declare const IntlMediaGroup: React.FC<import("react-intl-next").WithIntlProps<M
     WrappedComponent: React.ComponentType<MediaGroupProps>;
 };
 export default IntlMediaGroup;
-export declare const ReactMediaGroupNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaGroupNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,9 +1,10 @@
 import { jsx } from '@emotion/react';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
@@ -48,4 +49,4 @@ 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: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import type { MediaADFAttrs } from '@atlaskit/adf-schema';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { WidthPluginState } from '@atlaskit/editor-plugin-width';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -28,5 +29,5 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider, }: Providers) => JSX.Element;
     render(): JSX.Element;
 }
-export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
+export declare const ReactMediaNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

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

@@ -5,9 +5,10 @@ import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { LegacyPortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { type PortalProviderAPI } from '@atlaskit/editor-common/src/portal';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -59,5 +60,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "1.17.2",
+  "version": "1.19.0",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -37,10 +37,10 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
-    "@atlaskit/editor-common": "^78.37.0",
+    "@atlaskit/editor-common": "^79.0.0",
     "@atlaskit/editor-palette": "1.6.0",
     "@atlaskit/editor-plugin-analytics": "^1.1.0",
-    "@atlaskit/editor-plugin-annotation": "1.6.3",
+    "@atlaskit/editor-plugin-annotation": "1.7.0",
     "@atlaskit/editor-plugin-decorations": "^1.1.0",
     "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
     "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
@@ -61,7 +61,7 @@
     "@atlaskit/media-common": "^11.2.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
     "@atlaskit/media-picker": "^66.4.0",
-    "@atlaskit/media-ui": "^25.9.0",
+    "@atlaskit/media-ui": "^25.10.0",
     "@atlaskit/media-viewer": "^48.5.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/primitives": "^5.7.0",