@atlaskit/editor-plugin-media 3.0.3 → 3.0.5

package/dist/esm/ui/MediaPicker/PickerFacadeProvider.js

@@ -3,6 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { flushSync } from 'react-dom';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
 import PickerFacade from '../../pm-plugins/picker-facade';
 var dummyMediaPickerObject = {
@@ -12,8 +14,32 @@ var dummyMediaPickerObject = {
   destroy: function destroy() {},
   setUploadParams: function setUploadParams() {}
 };
+var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+  var mediaProvider = useSharedPluginStateSelector(api, 'media.mediaProvider');
+  var mediaOptions = useSharedPluginStateSelector(api, 'media.mediaOptions');
+  var insertFile = useSharedPluginStateSelector(api, 'media.insertFile');
+  var options = useSharedPluginStateSelector(api, 'media.options');
+  return {
+    mediaProvider: mediaProvider,
+    mediaOptions: mediaOptions,
+    insertFile: insertFile,
+    options: options
+  };
+}, function (api) {
+  var _useSharedPluginState = useSharedPluginState(api, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  var mediaProvider = useMemo(function () {
+    return mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
+  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+  return {
+    mediaProvider: mediaProvider,
+    mediaOptions: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaOptions,
+    insertFile: mediaState === null || mediaState === void 0 ? void 0 : mediaState.insertFile,
+    options: mediaState === null || mediaState === void 0 ? void 0 : mediaState.options
+  };
+});
 export default function PickerFacadeProvider(_ref) {
-  var mediaState = _ref.mediaState,
+  var api = _ref.api,
     analyticsName = _ref.analyticsName,
     children = _ref.children;
   var _useState = useState({
@@ -24,9 +50,11 @@ export default function PickerFacadeProvider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var mediaProvider = useMemo(function () {
-    return mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider;
-  }, [mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider]);
+  var _useSharedState = useSharedState(api),
+    mediaProvider = _useSharedState.mediaProvider,
+    mediaOptions = _useSharedState.mediaOptions,
+    insertFile = _useSharedState.insertFile,
+    options = _useSharedState.options;
   var handleMediaProvider = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, provider) {
       var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
@@ -37,7 +65,7 @@ export default function PickerFacadeProvider(_ref) {
             return provider;
           case 2:
             mediaProvider = _context.sent;
-            if (!(!mediaProvider || !mediaProvider.uploadParams)) {
+            if (!(!mediaProvider || !mediaProvider.uploadParams || !insertFile)) {
               _context.next = 5;
               break;
             }
@@ -65,14 +93,14 @@ export default function PickerFacadeProvider(_ref) {
           case 15:
             pickerFacadeConfig = {
               mediaClientConfig: resolvedMediaClientConfig,
-              errorReporter: mediaState.options.errorReporter || new ErrorReporter(),
-              featureFlags: mediaState.mediaOptions && mediaState.mediaOptions.featureFlags
+              errorReporter: (options === null || options === void 0 ? void 0 : options.errorReporter) || new ErrorReporter(),
+              featureFlags: mediaOptions && mediaOptions.featureFlags
             };
             _context.next = 18;
             return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
           case 18:
             pickerFacadeInstance = _context.sent;
-            pickerFacadeInstance.onNewMedia(mediaState.insertFile);
+            pickerFacadeInstance.onNewMedia(insertFile);
             pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
             config = {
               uploadParams: mediaProvider.uploadParams
@@ -93,7 +121,7 @@ export default function PickerFacadeProvider(_ref) {
     return function (_x, _x2) {
       return _ref2.apply(this, arguments);
     };
-  }(), [analyticsName, mediaState.insertFile, mediaState.mediaOptions, mediaState.options.errorReporter]);
+  }(), [analyticsName, insertFile, mediaOptions, options === null || options === void 0 ? void 0 : options.errorReporter]);
   useEffect(function () {
     if (mediaProvider) {
       handleMediaProvider('mediaProvider', Promise.resolve(mediaProvider));

package/dist/esm/ui/MediaPicker/index.js

@@ -7,34 +7,43 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React 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';
 import { BrowserWrapper } from './BrowserWrapper';
 import { ClipboardWrapper } from './ClipboardWrapper';
 import { DropzoneWrapper } from './DropzoneWrapper';
+var useMediaPickerState = sharedPluginStateHookMigratorFactory(function (api) {
+  var hasFocus = useSharedPluginStateSelector(api, 'focus.hasFocus');
+  var connectivityMode = useSharedPluginStateSelector(api, 'connectivity.mode');
+  var mediaOptions = useSharedPluginStateSelector(api, 'media.mediaOptions');
+  return {
+    hasFocus: hasFocus,
+    connectivityMode: connectivityMode,
+    mediaOptions: mediaOptions
+  };
+}, function (api) {
+  var _useSharedPluginState = useSharedPluginState(api, ['focus', 'connectivity', 'media']),
+    focusState = _useSharedPluginState.focusState,
+    connectivityState = _useSharedPluginState.connectivityState,
+    mediaState = _useSharedPluginState.mediaState;
+  return {
+    hasFocus: focusState === null || focusState === void 0 ? void 0 : focusState.hasFocus,
+    connectivityMode: connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode,
+    mediaOptions: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaOptions
+  };
+});
 var MediaPicker = function MediaPicker(_ref) {
   var _editorDom$parentElem;
   var api = _ref.api,
     isPopupOpened = _ref.isPopupOpened,
     appearance = _ref.appearance,
-    mediaState = _ref.mediaState,
     onBrowseFn = _ref.onBrowseFn,
     editorDomElement = _ref.editorDomElement;
-  var _useSharedPluginState = useSharedPluginState(api, ['focus', 'connectivity'], {
-      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
-    }),
-    focusState = _useSharedPluginState.focusState,
-    connectivityState = _useSharedPluginState.connectivityState;
-  var hasFocusSelector = useSharedPluginStateSelector(api, 'focus.hasFocus', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var connectivityModeSelector = useSharedPluginStateSelector(api, 'connectivity.mode', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var hasFocus = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? hasFocusSelector : focusState === null || focusState === void 0 ? void 0 : focusState.hasFocus;
-  var connectivityMode = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? connectivityModeSelector : connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode;
-  var featureFlags = mediaState.mediaOptions && mediaState.mediaOptions.featureFlags;
+  var _useMediaPickerState = useMediaPickerState(api),
+    hasFocus = _useMediaPickerState.hasFocus,
+    connectivityMode = _useMediaPickerState.connectivityMode,
+    mediaOptions = _useMediaPickerState.mediaOptions;
+  var featureFlags = mediaOptions && mediaOptions.featureFlags;
 
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -49,12 +58,12 @@ var MediaPicker = function MediaPicker(_ref) {
    */
   var container = editorParent;
   var clipboard = hasFocus ? /*#__PURE__*/React.createElement(ClipboardWrapper, {
-    mediaState: mediaState,
+    api: api,
     featureFlags: featureFlags,
     container: container
   }) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, clipboard, /*#__PURE__*/React.createElement(DropzoneWrapper, {
-    mediaState: mediaState,
+    api: api,
     isActive: !isPopupOpened &&
     // If we're offline don't show the dropzone
     connectivityMode !== 'offline',
@@ -62,8 +71,8 @@ var MediaPicker = function MediaPicker(_ref) {
     editorDomElement: editorDomElement,
     appearance: appearance
   }), /*#__PURE__*/React.createElement(BrowserWrapper, {
+    api: api,
     onBrowseFn: onBrowseFn,
-    mediaState: mediaState,
     featureFlags: featureFlags
   }));
 };
@@ -81,8 +90,8 @@ export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
       isPopupOpened: false
     });
     _defineProperty(_this, "onBrowseFn", function (nativeBrowseFn) {
-      var mediaState = _this.props.mediaState;
-      mediaState && mediaState.setBrowseFn(nativeBrowseFn);
+      var setBrowseFn = _this.props.setBrowseFn;
+      setBrowseFn(nativeBrowseFn);
     });
     return _this;
   }
@@ -91,8 +100,8 @@ export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var mediaState = this.props.mediaState;
-      mediaState.onPopupToggle(function (isPopupOpened) {
+      var onPopupToggle = this.props.onPopupToggle;
+      onPopupToggle(function (isPopupOpened) {
         _this2.setState({
           isPopupOpened: isPopupOpened
         });
@@ -103,12 +112,10 @@ export var MediaPickerComponents = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props = this.props,
         api = _this$props.api,
-        mediaState = _this$props.mediaState,
         editorDomElement = _this$props.editorDomElement,
         appearance = _this$props.appearance;
       var isPopupOpened = this.state.isPopupOpened;
       return /*#__PURE__*/React.createElement(MediaPicker, {
-        mediaState: mediaState,
         editorDomElement: editorDomElement,
         appearance: appearance,
         isPopupOpened: isPopupOpened,

package/dist/esm/ui/ToolbarMedia/index.js

@@ -1,34 +1,39 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { toolbarMediaMessages } from '@atlaskit/editor-common/media';
 import { TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import AttachmentIcon from '@atlaskit/icon/core/migration/attachment--editor-attachment';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var onClickMediaButton = function onClickMediaButton(showMediaPicker) {
   return function () {
     showMediaPicker();
     return true;
   };
 };
+var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+  var allowsUploads = useSharedPluginStateSelector(api, 'media.allowsUploads');
+  var showMediaPicker = useSharedPluginStateSelector(api, 'media.showMediaPicker');
+  return {
+    allowsUploads: allowsUploads,
+    showMediaPicker: showMediaPicker
+  };
+}, function (api) {
+  var _useSharedPluginState = useSharedPluginState(api, ['media']),
+    mediaState = _useSharedPluginState.mediaState;
+  return {
+    allowsUploads: mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowsUploads,
+    showMediaPicker: mediaState === null || mediaState === void 0 ? void 0 : mediaState.showMediaPicker
+  };
+});
 var ToolbarMedia = function ToolbarMedia(_ref) {
   var isDisabled = _ref.isDisabled,
     isReducedSpacing = _ref.isReducedSpacing,
     intl = _ref.intl,
     api = _ref.api;
-  var _useSharedPluginState = useSharedPluginState(api, ['media'], {
-      disabled: editorExperiment('platform_editor_usesharedpluginstateselector', true)
-    }),
-    mediaState = _useSharedPluginState.mediaState;
-  var allowsUploadsSelector = useSharedPluginStateSelector(api, 'media.allowsUploads', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var showMediaPickerSelector = useSharedPluginStateSelector(api, 'media.showMediaPicker', {
-    disabled: editorExperiment('platform_editor_usesharedpluginstateselector', false)
-  });
-  var allowsUploads = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? allowsUploadsSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.allowsUploads;
-  var showMediaPicker = editorExperiment('platform_editor_usesharedpluginstateselector', true) ? showMediaPickerSelector : mediaState === null || mediaState === void 0 ? void 0 : mediaState.showMediaPicker;
+  var _useSharedState = useSharedState(api),
+    allowsUploads = _useSharedState.allowsUploads,
+    showMediaPicker = _useSharedState.showMediaPicker;
   if (!allowsUploads || !showMediaPicker) {
     return null;
   }

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.5",
 	"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",
@@ -59,7 +59,7 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/icon": "^26.0.0",
 		"@atlaskit/media-card": "^79.2.0",
-		"@atlaskit/media-client": "^33.0.0",
+		"@atlaskit/media-client": "^33.1.0",
 		"@atlaskit/media-client-react": "^4.0.0",
 		"@atlaskit/media-common": "^12.0.0",
 		"@atlaskit/media-filmstrip": "^50.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",
@@ -85,7 +85,7 @@
 		"typescript": "~5.4.2"
 	},
 	"peerDependencies": {
-		"@atlaskit/media-core": "^36.0.0",
+		"@atlaskit/media-core": "^36.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -201,6 +201,9 @@
 		},
 		"platform_editor_controls_patch_8": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_9": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {