@atlaskit/editor-plugin-media-insert 1.2.2 → 2.0.0

package/dist/esm/ui/MediaInsertWrapper.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+var styles = xcss({
+  boxShadow: 'elevation.shadow.overflow',
+  width: '340px',
+  padding: 'space.200',
+  borderRadius: 'border.radius'
+});
+export var MediaInsertWrapper = function MediaInsertWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles
+  }, children);
+};

package/dist/types/actions.d.ts

@@ -0,0 +1,6 @@
+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) => Transaction;
+export declare const closeMediaInsertPicker: (tr: Transaction) => Transaction;

package/dist/types/index.d.ts

@@ -1,3 +1,2 @@
 export { mediaInsertPlugin } from './plugin';
-export type { MediaInsertPlugin } from './plugin';
-export { MediaFromURL } from './ui/FromURL';
+export type { MediaInsertPlugin, MediaInsertPluginState } from './types';

package/dist/types/plugin.d.ts

@@ -1,3 +1,2 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {}>;
+import type { MediaInsertPlugin } from './types';
 export declare const mediaInsertPlugin: MediaInsertPlugin;

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,3 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { MediaInsertPluginState } from '../types';
+export declare const createPlugin: () => SafePlugin<MediaInsertPluginState>;

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { MediaInsertPluginState } from '../types';
+export declare const pluginKey: PluginKey<MediaInsertPluginState>;

package/dist/types/types.d.ts

@@ -0,0 +1,17 @@
+import type { Providers } from '@atlaskit/editor-common/provider-factory';
+import type { NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+export type MediaInsertPluginState = {
+    isOpen?: boolean;
+};
+export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
+    dependencies: [OptionalPlugin<AnalyticsPlugin>, MediaPlugin];
+    sharedState: MediaInsertPluginState;
+}>;
+export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView' | 'dispatchAnalyticsEvent' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & {
+    api?: ExtractInjectionAPI<MediaInsertPlugin>;
+    closeMediaInsertPicker: () => void;
+    mediaProvider?: Providers['mediaProvider'];
+};

package/dist/types/ui/FromURL.d.ts

@@ -3,10 +3,11 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
-    mediaProvider: Promise<MediaProvider>;
+    mediaProvider: MediaProvider;
     onInsert: (attrs: OnInsertAttrs) => void;
     onExternalInsert: (url: string) => void;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    onEscKeyPressed: () => void;
 };
-export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, }: Props): JSX.Element;
+export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, onEscKeyPressed, }: Props): JSX.Element;
 export {};

package/dist/types/ui/MediaCard.d.ts

@@ -3,7 +3,7 @@ import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
     attrs: OnInsertAttrs;
-    mediaProvider: Promise<MediaProvider>;
+    mediaProvider: MediaProvider;
 };
-export declare const MediaCard: ({ attrs, mediaProvider: mediaProviderPromise }: Props) => JSX.Element;
+export declare const MediaCard: ({ attrs, mediaProvider }: Props) => JSX.Element;
 export {};

package/dist/types/ui/MediaInsertContent.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, onEscKeyPressed, }: {
+    mediaProvider: MediaProvider;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    onEscKeyPressed: () => void;
+}) => JSX.Element;

package/dist/types/ui/MediaInsertPicker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type MediaInsertPickerProps } from '../types';
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, }: MediaInsertPickerProps) => JSX.Element | null;

package/dist/types/ui/MediaInsertWrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MediaInsertWrapper: ({ children }: {
+    children?: React.ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,6 @@
+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) => Transaction;
+export declare const closeMediaInsertPicker: (tr: Transaction) => Transaction;

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

@@ -1,3 +1,2 @@
 export { mediaInsertPlugin } from './plugin';
-export type { MediaInsertPlugin } from './plugin';
-export { MediaFromURL } from './ui/FromURL';
+export type { MediaInsertPlugin, MediaInsertPluginState } from './types';

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

@@ -1,3 +1,2 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {}>;
+import type { MediaInsertPlugin } from './types';
 export declare const mediaInsertPlugin: MediaInsertPlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -0,0 +1,3 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { MediaInsertPluginState } from '../types';
+export declare const createPlugin: () => SafePlugin<MediaInsertPluginState>;

package/dist/types-ts4.5/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { MediaInsertPluginState } from '../types';
+export declare const pluginKey: PluginKey<MediaInsertPluginState>;

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

@@ -0,0 +1,20 @@
+import type { Providers } from '@atlaskit/editor-common/provider-factory';
+import type { NextEditorPlugin, OptionalPlugin, UiComponentFactoryParams } from '@atlaskit/editor-common/types';
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { MediaPlugin } from '@atlaskit/editor-plugin-media';
+export type MediaInsertPluginState = {
+    isOpen?: boolean;
+};
+export type MediaInsertPlugin = NextEditorPlugin<'mediaInsert', {
+    dependencies: [
+        OptionalPlugin<AnalyticsPlugin>,
+        MediaPlugin
+    ];
+    sharedState: MediaInsertPluginState;
+}>;
+export type MediaInsertPickerProps = Pick<UiComponentFactoryParams, 'editorView' | 'dispatchAnalyticsEvent' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'> & {
+    api?: ExtractInjectionAPI<MediaInsertPlugin>;
+    closeMediaInsertPicker: () => void;
+    mediaProvider?: Providers['mediaProvider'];
+};

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

@@ -3,10 +3,11 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
-    mediaProvider: Promise<MediaProvider>;
+    mediaProvider: MediaProvider;
     onInsert: (attrs: OnInsertAttrs) => void;
     onExternalInsert: (url: string) => void;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    onEscKeyPressed: () => void;
 };
-export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, }: Props): JSX.Element;
+export declare function MediaFromURL({ mediaProvider, onInsert, onExternalInsert, dispatchAnalyticsEvent, onEscKeyPressed, }: Props): JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import { type OnInsertAttrs } from './types';
 type Props = {
     attrs: OnInsertAttrs;
-    mediaProvider: Promise<MediaProvider>;
+    mediaProvider: MediaProvider;
 };
-export declare const MediaCard: ({ attrs, mediaProvider: mediaProviderPromise }: Props) => JSX.Element;
+export declare const MediaCard: ({ attrs, mediaProvider }: Props) => JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
+export declare const MediaInsertContent: ({ mediaProvider, dispatchAnalyticsEvent, onEscKeyPressed, }: {
+    mediaProvider: MediaProvider;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
+    onEscKeyPressed: () => void;
+}) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type MediaInsertPickerProps } from '../types';
+export declare const MediaInsertPicker: ({ api, editorView, dispatchAnalyticsEvent, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, closeMediaInsertPicker, }: MediaInsertPickerProps) => JSX.Element | null;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MediaInsertWrapper: ({ children }: {
+    children?: React.ReactNode;
+}) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media-insert",
-	"version": "1.2.2",
+	"version": "2.0.0",
 	"description": "Media Insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,14 +24,19 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^19.2.0",
-		"@atlaskit/editor-common": "^87.8.0",
-		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/button": "^20.0.0",
+		"@atlaskit/editor-common": "^87.10.0",
+		"@atlaskit/editor-plugin-analytics": "^1.7.0",
+		"@atlaskit/editor-plugin-media": "^1.28.0",
+		"@atlaskit/editor-prosemirror": "5.0.1",
+		"@atlaskit/editor-shared-styles": "^2.13.0",
+		"@atlaskit/icon": "^22.13.0",
 		"@atlaskit/media-card": "^78.0.0",
 		"@atlaskit/media-client": "^27.3.0",
 		"@atlaskit/media-client-react": "^2.0.0",
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/section-message": "^6.6.0",
+		"@atlaskit/tabs": "^16.4.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@babel/runtime": "^7.0.0",
 		"react": "^16.8.0",