@atlaskit/editor-plugin-media 3.0.3 → 3.0.4

package/dist/esm/ui/hooks/useMediaProvider.js

@@ -1,16 +1,21 @@
 import { useMemo } from 'react';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-export var useMediaProvider = function useMediaProvider(pluginInjectionApi) {
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media'], {
-      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
-    }),
+var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
+  var mediaProvider = useSharedPluginStateSelector(pluginInjectionApi, 'media.mediaProvider');
+  return {
+    mediaProvider: mediaProvider
+  };
+}, function (pluginInjectionApi) {
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media']),
     mediaState = _useSharedPluginState.mediaState;
-  var mediaProviderSelector = useSharedPluginStateSelector(pluginInjectionApi, 'media.mediaProvider', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var mediaProvider = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? mediaProviderSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
+  return {
+    mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider
+  };
+});
+export var useMediaProvider = function useMediaProvider(pluginInjectionApi) {
+  var _useSharedState = useSharedState(pluginInjectionApi),
+    mediaProvider = _useSharedState.mediaProvider;
   var provider = useMemo(function () {
     return mediaProvider;
   }, [mediaProvider]);

package/dist/types/ui/MediaPicker/BrowserWrapper.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     isOpen?: boolean;
     onBrowseFn: (browse: () => void) => void;
     featureFlags?: MediaFeatureFlags;
 };
-export declare const BrowserWrapper: ({ mediaState, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
+export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/MediaPicker/ClipboardWrapper.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     featureFlags?: MediaFeatureFlags;
     container?: HTMLElement;
 };
-export declare const ClipboardWrapper: ({ mediaState, featureFlags, container }: Props) => React.JSX.Element;
+export declare const ClipboardWrapper: ({ api, container, featureFlags }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/MediaPicker/DropzoneWrapper.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     isActive: boolean;
     featureFlags?: MediaFeatureFlags;
     editorDomElement: Element;
     appearance: EditorAppearance;
 };
-export declare const DropzoneWrapper: ({ mediaState, isActive, featureFlags, editorDomElement, appearance, }: Props) => React.JSX.Element;
+export declare const DropzoneWrapper: ({ api, isActive, featureFlags, editorDomElement, appearance, }: Props) => React.JSX.Element;
 export {};

package/dist/types/ui/MediaPicker/PickerFacadeProvider.d.ts

@@ -1,17 +1,18 @@
 import type React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { BrowserConfig, ClipboardConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 import PickerFacade from '../../pm-plugins/picker-facade';
-import type { MediaPluginState } from '../../pm-plugins/types';
 interface ChildrenProps {
     config: ClipboardConfig | BrowserConfig | DropzoneConfig;
     mediaClientConfig: MediaClientConfig;
     pickerFacadeInstance: PickerFacade;
 }
 export type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     analyticsName: string;
     children: (props: ChildrenProps) => React.ReactElement | null;
 };
-export default function PickerFacadeProvider({ mediaState, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export default function PickerFacadeProvider({ api, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginState } from '../../pm-plugins/types';
 type Props = {
-    mediaState: MediaPluginState;
     editorDomElement: Element;
     appearance: EditorAppearance;
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+    onPopupToggle: (onPopupToggle: (isPopupOpened: boolean) => void) => void;
+    setBrowseFn: (nativeBrowseFn: () => void) => void;
 };
 type State = {
     isPopupOpened: boolean;

package/dist/types-ts4.5/ui/MediaPicker/BrowserWrapper.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     isOpen?: boolean;
     onBrowseFn: (browse: () => void) => void;
     featureFlags?: MediaFeatureFlags;
 };
-export declare const BrowserWrapper: ({ mediaState, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
+export declare const BrowserWrapper: ({ api, isOpen, onBrowseFn, featureFlags }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/MediaPicker/ClipboardWrapper.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     featureFlags?: MediaFeatureFlags;
     container?: HTMLElement;
 };
-export declare const ClipboardWrapper: ({ mediaState, featureFlags, container }: Props) => React.JSX.Element;
+export declare const ClipboardWrapper: ({ api, container, featureFlags }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/MediaPicker/DropzoneWrapper.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import type { EditorAppearance } from '@atlaskit/editor-common/types';
+import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     isActive: boolean;
     featureFlags?: MediaFeatureFlags;
     editorDomElement: Element;
     appearance: EditorAppearance;
 };
-export declare const DropzoneWrapper: ({ mediaState, isActive, featureFlags, editorDomElement, appearance, }: Props) => React.JSX.Element;
+export declare const DropzoneWrapper: ({ api, isActive, featureFlags, editorDomElement, appearance, }: Props) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/MediaPicker/PickerFacadeProvider.d.ts

@@ -1,17 +1,18 @@
 import type React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { BrowserConfig, ClipboardConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import { MediaNextEditorPluginType } from '../../mediaPluginType';
 import PickerFacade from '../../pm-plugins/picker-facade';
-import type { MediaPluginState } from '../../pm-plugins/types';
 interface ChildrenProps {
     config: ClipboardConfig | BrowserConfig | DropzoneConfig;
     mediaClientConfig: MediaClientConfig;
     pickerFacadeInstance: PickerFacade;
 }
 export type Props = {
-    mediaState: MediaPluginState;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     analyticsName: string;
     children: (props: ChildrenProps) => React.ReactElement | null;
 };
-export default function PickerFacadeProvider({ mediaState, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export default function PickerFacadeProvider({ api, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import type { EditorAppearance, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { MediaPluginState } from '../../pm-plugins/types';
 type Props = {
-    mediaState: MediaPluginState;
     editorDomElement: Element;
     appearance: EditorAppearance;
     api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
+    onPopupToggle: (onPopupToggle: (isPopupOpened: boolean) => void) => void;
+    setBrowseFn: (nativeBrowseFn: () => void) => void;
 };
 type State = {
     isPopupOpened: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "3.0.3",
+	"version": "3.0.4",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,9 +38,9 @@
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/editor-common": "^105.0.0",
+		"@atlaskit/editor-common": "^105.2.0",
 		"@atlaskit/editor-palette": "^2.1.0",
-		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-annotation": "^2.8.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
@@ -70,7 +70,7 @@
 		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.19.0",
+		"@atlaskit/tmp-editor-statsig": "^4.21.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@babel/runtime": "^7.0.0",