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

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.3",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,13 +25,13 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^40.9.0",
 		"@atlaskit/button": "^20.2.0",
-		"@atlaskit/editor-common": "^92.0.0",
+		"@atlaskit/editor-common": "^92.1.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-media": "^1.34.0",
 		"@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",