@atlaskit/editor-plugin-media-insert 3.1.1 → 3.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-media-insert
 
+## 3.1.2
+
+### Patch Changes
+
+- [#147461](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147461)
+  [`acef010cdb706`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/acef010cdb706) -
+  [ux] [ED-25164] Pass mounting point to media insert plugin for correct toolbar popup positioning
+- [#147206](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147206)
+  [`c3f82dfdeaf62`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3f82dfdeaf62) -
+  [ED-25157] Make sure document inserted for media from the media insert plugin has the correct
+  attributes (insertMediaVia)
+
 ## 3.1.1
 
 ### Patch Changes

package/dist/cjs/actions.js

@@ -11,20 +11,20 @@ var ACTION_CLOSE_POPUP = exports.ACTION_CLOSE_POPUP = 'CLOSE_POPUP';
 var setPopupMeta = function setPopupMeta(_ref) {
   var type = _ref.type,
     tr = _ref.tr,
-    target = _ref.target;
+    mountInfo = _ref.mountInfo;
   return tr.setMeta(_pluginKey.pluginKey, {
     type: type,
-    target: target
+    mountInfo: mountInfo
   });
 };
-var showMediaInsertPopup = exports.showMediaInsertPopup = function showMediaInsertPopup(tr, target) {
+var showMediaInsertPopup = exports.showMediaInsertPopup = function showMediaInsertPopup(tr, mountInfo) {
   // Log exposure here but don't actually switch anything on it
   (0, _experiments.editorExperiment)('add-media-from-url', true, {
     exposure: true
   });
   return setPopupMeta({
     type: ACTION_OPEN_POPUP,
-    target: target,
+    mountInfo: mountInfo,
     tr: tr
   });
 };

package/dist/cjs/plugin.js

@@ -36,17 +36,17 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
       }
       var _ref2 = _pluginKey.pluginKey.getState(editorState) || {},
         isOpen = _ref2.isOpen,
-        target = _ref2.target;
+        mountInfo = _ref2.mountInfo;
       return {
         isOpen: isOpen,
-        target: target
+        mountInfo: mountInfo
       };
     },
     commands: {
-      showMediaInsertPopup: function showMediaInsertPopup(target) {
+      showMediaInsertPopup: function showMediaInsertPopup(mountInfo) {
         return function (_ref3) {
           var tr = _ref3.tr;
-          return (0, _actions.showMediaInsertPopup)(tr, target);
+          return (0, _actions.showMediaInsertPopup)(tr, mountInfo);
         };
       }
     },
@@ -59,8 +59,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
       var insertMediaSingle = function insertMediaSingle(_ref5) {
         var _api$media$actions$in;
         var mediaState = _ref5.mediaState,
-          inputMethod = _ref5.inputMethod,
-          insertMediaVia = _ref5.insertMediaVia;
+          inputMethod = _ref5.inputMethod;
         var id = mediaState.id,
           dimensions = mediaState.dimensions,
           contextId = mediaState.contextId,
@@ -85,7 +84,7 @@ var mediaInsertPlugin = exports.mediaInsertPlugin = function mediaInsertPlugin(_
           alt: fileName,
           __fileMimeType: mediaState.fileMimeType
         });
-        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, insertMediaVia)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
+        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, _analytics.INSERT_MEDIA_VIA.EXTERNAL_UPLOAD)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
       };
       var insertExternalMediaSingle = function insertExternalMediaSingle(_ref7) {
         var _api$media$actions$in2;

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

@@ -13,7 +13,7 @@ var createPlugin = exports.createPlugin = function createPlugin() {
       init: function init() {
         return {
           isOpen: false,
-          target: undefined
+          mountInfo: undefined
         };
       },
       apply: function apply(tr, mediaInsertPluginState) {
@@ -22,7 +22,7 @@ var createPlugin = exports.createPlugin = function createPlugin() {
           case _actions.ACTION_OPEN_POPUP:
             return {
               isOpen: true,
-              target: meta.target
+              mountInfo: meta.mountInfo
             };
           case _actions.ACTION_CLOSE_POPUP:
             return {

package/dist/cjs/ui/MediaFromURL.js

@@ -250,8 +250,7 @@ function MediaFromURL(_ref) {
     if (previewState.previewInfo) {
       insertMediaSingle({
         mediaState: previewState.previewInfo,
-        inputMethod: _analytics.INPUT_METHOD.MEDIA_PICKER,
-        insertMediaVia: _analytics.INSERT_MEDIA_VIA.EXTERNAL_UPLOAD
+        inputMethod: _analytics.INPUT_METHOD.MEDIA_PICKER
       });
     }
     closeMediaInsertPicker();

package/dist/cjs/ui/MediaInsertPicker.js

@@ -81,10 +81,18 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
     insertFile = _ref2.insertFile;
   var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
-    isOpen = _ref3.isOpen;
-
-  // If targetRef is undefined, target the selection in the editor
-  var targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    isOpen = _ref3.isOpen,
+    mountInfo = _ref3.mountInfo;
+  var targetRef;
+  var mountPoint;
+  if (mountInfo) {
+    targetRef = mountInfo.ref;
+    mountPoint = mountInfo.mountPoint;
+  } else {
+    // If targetRef is undefined, target the selection in the editor
+    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    mountPoint = popupsMountPoint;
+  }
   var mediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
   var intl = (0, _reactIntlNext.useIntl)();
   var focusEditor = (0, _useFocusEditor.useFocusEditor)({
@@ -122,7 +130,7 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
     zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
     fitHeight: 390,
     fitWidth: 340,
-    mountTo: popupsMountPoint,
+    mountTo: mountPoint,
     boundariesElement: popupsBoundariesElement,
     handleClickOutside: handleClose(_analytics.INPUT_METHOD.MOUSE),
     handleEscapeKeydown: handleClose(_analytics.INPUT_METHOD.KEYBOARD),

package/dist/es2019/actions.js

@@ -5,19 +5,19 @@ export const ACTION_CLOSE_POPUP = 'CLOSE_POPUP';
 const setPopupMeta = ({
   type,
   tr,
-  target
+  mountInfo
 }) => tr.setMeta(pluginKey, {
   type,
-  target
+  mountInfo
 });
-export const showMediaInsertPopup = (tr, target) => {
+export const showMediaInsertPopup = (tr, mountInfo) => {
   // Log exposure here but don't actually switch anything on it
   editorExperiment('add-media-from-url', true, {
     exposure: true
   });
   return setPopupMeta({
     type: ACTION_OPEN_POPUP,
-    target,
+    mountInfo,
     tr
   });
 };

package/dist/es2019/plugin.js

@@ -28,17 +28,17 @@ export const mediaInsertPlugin = ({
       }
       const {
         isOpen,
-        target
+        mountInfo
       } = pluginKey.getState(editorState) || {};
       return {
         isOpen,
-        target
+        mountInfo
       };
     },
     commands: {
-      showMediaInsertPopup: target => ({
+      showMediaInsertPopup: mountInfo => ({
         tr
-      }) => showMediaInsertPopup(tr, target)
+      }) => showMediaInsertPopup(tr, mountInfo)
     },
     contentComponent: ({
       editorView,
@@ -49,8 +49,7 @@ export const mediaInsertPlugin = ({
     }) => {
       const insertMediaSingle = ({
         mediaState,
-        inputMethod,
-        insertMediaVia
+        inputMethod
       }) => {
         var _api$media$actions$in;
         const {
@@ -79,7 +78,7 @@ export const mediaInsertPlugin = ({
           alt: fileName,
           __fileMimeType: mediaState.fileMimeType
         });
-        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, insertMediaVia)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
+        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, INSERT_MEDIA_VIA.EXTERNAL_UPLOAD)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
       };
       const insertExternalMediaSingle = ({
         url,

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

@@ -7,7 +7,7 @@ export const createPlugin = () => {
       init() {
         return {
           isOpen: false,
-          target: undefined
+          mountInfo: undefined
         };
       },
       apply(tr, mediaInsertPluginState) {
@@ -16,7 +16,7 @@ export const createPlugin = () => {
           case ACTION_OPEN_POPUP:
             return {
               isOpen: true,
-              target: meta.target
+              mountInfo: meta.mountInfo
             };
           case ACTION_CLOSE_POPUP:
             return {

package/dist/es2019/ui/MediaFromURL.js

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl-next';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { ErrorMessage } from '@atlaskit/form';
 import EditorFilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
@@ -211,8 +211,7 @@ export function MediaFromURL({
     if (previewState.previewInfo) {
       insertMediaSingle({
         mediaState: previewState.previewInfo,
-        inputMethod: INPUT_METHOD.MEDIA_PICKER,
-        insertMediaVia: INSERT_MEDIA_VIA.EXTERNAL_UPLOAD
+        inputMethod: INPUT_METHOD.MEDIA_PICKER
       });
     }
     closeMediaInsertPicker();

package/dist/es2019/ui/MediaInsertPicker.js

@@ -73,11 +73,19 @@ export const MediaInsertPicker = ({
 }) => {
   var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3, _useSharedPluginState4;
   const {
-    isOpen
+    isOpen,
+    mountInfo
   } = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {};
-
-  // If targetRef is undefined, target the selection in the editor
-  const targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+  let targetRef;
+  let mountPoint;
+  if (mountInfo) {
+    targetRef = mountInfo.ref;
+    mountPoint = mountInfo.mountPoint;
+  } else {
+    // If targetRef is undefined, target the selection in the editor
+    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    mountPoint = popupsMountPoint;
+  }
   const mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
   const intl = useIntl();
   const focusEditor = useFocusEditor({
@@ -114,7 +122,7 @@ export const MediaInsertPicker = ({
     zIndex: akEditorFloatingDialogZIndex,
     fitHeight: 390,
     fitWidth: 340,
-    mountTo: popupsMountPoint,
+    mountTo: mountPoint,
     boundariesElement: popupsBoundariesElement,
     handleClickOutside: handleClose(INPUT_METHOD.MOUSE),
     handleEscapeKeydown: handleClose(INPUT_METHOD.KEYBOARD),

package/dist/esm/actions.js

@@ -5,20 +5,20 @@ export var ACTION_CLOSE_POPUP = 'CLOSE_POPUP';
 var setPopupMeta = function setPopupMeta(_ref) {
   var type = _ref.type,
     tr = _ref.tr,
-    target = _ref.target;
+    mountInfo = _ref.mountInfo;
   return tr.setMeta(pluginKey, {
     type: type,
-    target: target
+    mountInfo: mountInfo
   });
 };
-export var showMediaInsertPopup = function showMediaInsertPopup(tr, target) {
+export var showMediaInsertPopup = function showMediaInsertPopup(tr, mountInfo) {
   // Log exposure here but don't actually switch anything on it
   editorExperiment('add-media-from-url', true, {
     exposure: true
   });
   return setPopupMeta({
     type: ACTION_OPEN_POPUP,
-    target: target,
+    mountInfo: mountInfo,
     tr: tr
   });
 };

package/dist/esm/plugin.js

@@ -29,17 +29,17 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
       }
       var _ref2 = pluginKey.getState(editorState) || {},
         isOpen = _ref2.isOpen,
-        target = _ref2.target;
+        mountInfo = _ref2.mountInfo;
       return {
         isOpen: isOpen,
-        target: target
+        mountInfo: mountInfo
       };
     },
     commands: {
-      showMediaInsertPopup: function showMediaInsertPopup(target) {
+      showMediaInsertPopup: function showMediaInsertPopup(mountInfo) {
         return function (_ref3) {
           var tr = _ref3.tr;
-          return _showMediaInsertPopup(tr, target);
+          return _showMediaInsertPopup(tr, mountInfo);
         };
       }
     },
@@ -52,8 +52,7 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
       var insertMediaSingle = function insertMediaSingle(_ref5) {
         var _api$media$actions$in;
         var mediaState = _ref5.mediaState,
-          inputMethod = _ref5.inputMethod,
-          insertMediaVia = _ref5.insertMediaVia;
+          inputMethod = _ref5.inputMethod;
         var id = mediaState.id,
           dimensions = mediaState.dimensions,
           contextId = mediaState.contextId,
@@ -78,7 +77,7 @@ export var mediaInsertPlugin = function mediaInsertPlugin(_ref) {
           alt: fileName,
           __fileMimeType: mediaState.fileMimeType
         });
-        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, insertMediaVia)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
+        return (_api$media$actions$in = api === null || api === void 0 ? void 0 : api.media.actions.insertMediaAsMediaSingle(editorView, node, inputMethod, isNestingInQuoteSupported, INSERT_MEDIA_VIA.EXTERNAL_UPLOAD)) !== null && _api$media$actions$in !== void 0 ? _api$media$actions$in : false;
       };
       var insertExternalMediaSingle = function insertExternalMediaSingle(_ref7) {
         var _api$media$actions$in2;

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

@@ -7,7 +7,7 @@ export var createPlugin = function createPlugin() {
       init: function init() {
         return {
           isOpen: false,
-          target: undefined
+          mountInfo: undefined
         };
       },
       apply: function apply(tr, mediaInsertPluginState) {
@@ -16,7 +16,7 @@ export var createPlugin = function createPlugin() {
           case ACTION_OPEN_POPUP:
             return {
               isOpen: true,
-              target: meta.target
+              mountInfo: meta.mountInfo
             };
           case ACTION_CLOSE_POPUP:
             return {

package/dist/esm/ui/MediaFromURL.js

@@ -10,7 +10,7 @@ import { useIntl } from 'react-intl-next';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, INSERT_MEDIA_VIA } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
 import { ErrorMessage } from '@atlaskit/form';
 import EditorFilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
@@ -242,8 +242,7 @@ export function MediaFromURL(_ref) {
     if (previewState.previewInfo) {
       insertMediaSingle({
         mediaState: previewState.previewInfo,
-        inputMethod: INPUT_METHOD.MEDIA_PICKER,
-        insertMediaVia: INSERT_MEDIA_VIA.EXTERNAL_UPLOAD
+        inputMethod: INPUT_METHOD.MEDIA_PICKER
       });
     }
     closeMediaInsertPicker();

package/dist/esm/ui/MediaInsertPicker.js

@@ -71,10 +71,18 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     insertExternalMediaSingle = _ref2.insertExternalMediaSingle,
     insertFile = _ref2.insertFile;
   var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'])) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
-    isOpen = _ref3.isOpen;
-
-  // If targetRef is undefined, target the selection in the editor
-  var targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    isOpen = _ref3.isOpen,
+    mountInfo = _ref3.mountInfo;
+  var targetRef;
+  var mountPoint;
+  if (mountInfo) {
+    targetRef = mountInfo.ref;
+    mountPoint = mountInfo.mountPoint;
+  } else {
+    // If targetRef is undefined, target the selection in the editor
+    targetRef = getDomRefFromSelection(editorView, dispatchAnalyticsEvent);
+    mountPoint = popupsMountPoint;
+  }
   var mediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'])) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
   var intl = useIntl();
   var focusEditor = useFocusEditor({
@@ -112,7 +120,7 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
     zIndex: akEditorFloatingDialogZIndex,
     fitHeight: 390,
     fitWidth: 340,
-    mountTo: popupsMountPoint,
+    mountTo: mountPoint,
     boundariesElement: popupsBoundariesElement,
     handleClickOutside: handleClose(INPUT_METHOD.MOUSE),
     handleEscapeKeydown: handleClose(INPUT_METHOD.KEYBOARD),

package/dist/types/actions.d.ts

@@ -2,5 +2,8 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type MediaInsertPluginAction = typeof ACTION_OPEN_POPUP | typeof ACTION_CLOSE_POPUP;
 export declare const ACTION_OPEN_POPUP = "OPEN_POPUP";
 export declare const ACTION_CLOSE_POPUP = "CLOSE_POPUP";
-export declare const showMediaInsertPopup: (tr: Transaction, target?: HTMLElement) => Transaction;
+export declare const showMediaInsertPopup: (tr: Transaction, mountInfo?: {
+    ref: HTMLElement;
+    mountPoint: HTMLElement;
+}) => Transaction;
 export declare const closeMediaInsertPicker: (tr: Transaction) => Transaction;

package/dist/types/types.d.ts

@@ -1,5 +1,4 @@
 import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
-import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -9,12 +8,14 @@ import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
 export type MediaInsertPluginState = {
     isOpen?: boolean;
-    target?: HTMLElement;
+    mountInfo?: {
+        ref: HTMLElement;
+        mountPoint: HTMLElement;
+    };
 };
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
-    insertMediaVia: InsertMediaVia;
 }) => boolean;
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: [
@@ -24,7 +25,10 @@ export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     ];
     sharedState: MediaInsertPluginState;
     commands: {
-        showMediaInsertPopup: (target?: HTMLElement) => EditorCommand;
+        showMediaInsertPopup: (mountInfo?: {
+            ref: HTMLElement;
+            mountPoint: HTMLElement;
+        }) => EditorCommand;
     };
 }>;
 export type InsertExternalMediaSingle = (props: {

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

@@ -2,5 +2,8 @@ import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export type MediaInsertPluginAction = typeof ACTION_OPEN_POPUP | typeof ACTION_CLOSE_POPUP;
 export declare const ACTION_OPEN_POPUP = "OPEN_POPUP";
 export declare const ACTION_CLOSE_POPUP = "CLOSE_POPUP";
-export declare const showMediaInsertPopup: (tr: Transaction, target?: HTMLElement) => Transaction;
+export declare const showMediaInsertPopup: (tr: Transaction, mountInfo?: {
+    ref: HTMLElement;
+    mountPoint: HTMLElement;
+}) => Transaction;
 export declare const closeMediaInsertPicker: (tr: Transaction) => Transaction;

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

@@ -1,5 +1,4 @@
 import type { InputMethodInsertMedia } from '@atlaskit/editor-common/analytics';
-import { type InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Providers } from '@atlaskit/editor-common/provider-factory';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -9,12 +8,14 @@ import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
 import { type MediaState, type MediaStateEventSubscriber } from '@atlaskit/editor-plugin-media/types';
 export type MediaInsertPluginState = {
     isOpen?: boolean;
-    target?: HTMLElement;
+    mountInfo?: {
+        ref: HTMLElement;
+        mountPoint: HTMLElement;
+    };
 };
 export type InsertMediaSingle = (props: {
     mediaState: MediaState;
     inputMethod: InputMethodInsertMedia;
-    insertMediaVia: InsertMediaVia;
 }) => boolean;
 export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     dependencies: [
@@ -24,7 +25,10 @@ export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
     ];
     sharedState: MediaInsertPluginState;
     commands: {
-        showMediaInsertPopup: (target?: HTMLElement) => EditorCommand;
+        showMediaInsertPopup: (mountInfo?: {
+            ref: HTMLElement;
+            mountPoint: HTMLElement;
+        }) => EditorCommand;
     };
 }>;
 export type InsertExternalMediaSingle = (props: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "3.1.1",
+	"version": "3.1.2",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/form": "^10.5.3",
-		"@atlaskit/icon": "^22.19.0",
+		"@atlaskit/icon": "^22.20.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",