@atlaskit/editor-plugin-media 1.29.3 → 1.29.4

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

@@ -1,19 +1,9 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { flushSync } from 'react-dom';
 import { ErrorReporter } from '@atlaskit/editor-common/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import PickerFacade from '../../picker-facade';
 var dummyMediaPickerObject = {
   on: function on() {},
@@ -22,7 +12,7 @@ var dummyMediaPickerObject = {
   destroy: function destroy() {},
   setUploadParams: function setUploadParams() {}
 };
-function PickerFacadeProviderNew(_ref) {
+export default function PickerFacadeProvider(_ref) {
   var mediaState = _ref.mediaState,
     analyticsName = _ref.analyticsName,
     children = _ref.children;
@@ -120,137 +110,4 @@ function PickerFacadeProviderNew(_ref) {
     config: config,
     pickerFacadeInstance: pickerFacadeInstance
   });
-}
-
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var PickerFacadeProviderOld = /*#__PURE__*/function (_React$Component) {
-  _inherits(PickerFacadeProviderOld, _React$Component);
-  var _super = _createSuper(PickerFacadeProviderOld);
-  function PickerFacadeProviderOld() {
-    var _this;
-    _classCallCheck(this, PickerFacadeProviderOld);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-    _defineProperty(_assertThisInitialized(_this), "handleMediaProvider", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_name, provider) {
-        var _this$props, mediaState, analyticsName, mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _this$props = _this.props, mediaState = _this$props.mediaState, analyticsName = _this$props.analyticsName;
-              _context2.next = 3;
-              return provider;
-            case 3:
-              mediaProvider = _context2.sent;
-              if (!(!mediaProvider || !mediaProvider.uploadParams)) {
-                _context2.next = 6;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 6:
-              _context2.next = 8;
-              return mediaProvider.uploadMediaClientConfig;
-            case 8:
-              _context2.t0 = _context2.sent;
-              if (_context2.t0) {
-                _context2.next = 13;
-                break;
-              }
-              _context2.next = 12;
-              return mediaProvider.viewMediaClientConfig;
-            case 12:
-              _context2.t0 = _context2.sent;
-            case 13:
-              resolvedMediaClientConfig = _context2.t0;
-              if (resolvedMediaClientConfig) {
-                _context2.next = 16;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 16:
-              pickerFacadeConfig = {
-                mediaClientConfig: resolvedMediaClientConfig,
-                errorReporter: mediaState.options.errorReporter || new ErrorReporter(),
-                featureFlags: mediaState.mediaOptions && mediaState.mediaOptions.featureFlags
-              };
-              /**
-               * As the first MediaPicker component to be migrated to React, we want to scope the amount of changes logic changed/moved on Editor side.
-               * To achieve this we agreed on using `PickerFacade` 'customMediaPicker' type, since we only need this instance to reuse the logic when we subscribe
-               * for all the different events in MediaPicker (onPreviewUpdate, onError, onProcessing, etc).
-               * The `dummyMediaPickerObject` provided here serves as a workaround for the old picker api that `PickerFacade` will try to use.
-               * But we don't want this to do anything since it's all part of the new React component (`Clipboard` component in this case).
-               * Eventually PickerFacade will be removed and replaced with a new abstraction explained here https://product-fabric.atlassian.net/browse/MS-1937
-               */
-              _context2.next = 19;
-              return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
-            case 19:
-              pickerFacadeInstance = _context2.sent;
-              /**
-               * Based on the `initPickers` method in `MediaPluginState` we need these 2 `onNewMedia` subscriptions.
-               * First one in order to trigger the entire process of uploading a file for when `onPreviewUpdate` is called
-               * Second one in order to track all analytics as before.
-               */
-              pickerFacadeInstance.onNewMedia(mediaState.insertFile);
-              pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
-              config = {
-                uploadParams: mediaProvider.uploadParams
-              };
-              flushSync(function () {
-                return _this.setState({
-                  pickerFacadeInstance: pickerFacadeInstance,
-                  config: config,
-                  mediaClientConfig: resolvedMediaClientConfig
-                });
-              });
-            case 24:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x3, _x4) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
-    return _this;
-  }
-  _createClass(PickerFacadeProviderOld, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var mediaProvider = this.props.mediaState.mediaProvider;
-      if (mediaProvider && fg('platform_editor_media_provider_from_plugin_config')) {
-        this.handleMediaProvider('mediaProvider', Promise.resolve(mediaProvider));
-      } else {
-        this.props.mediaState.options.providerFactory.subscribe('mediaProvider', this.handleMediaProvider);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.mediaState.options.providerFactory.unsubscribe('mediaProvider', this.handleMediaProvider);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        mediaClientConfig = _this$state.mediaClientConfig,
-        config = _this$state.config,
-        pickerFacadeInstance = _this$state.pickerFacadeInstance;
-      if (!mediaClientConfig || !config || !pickerFacadeInstance) {
-        return null;
-      }
-      return this.props.children({
-        mediaClientConfig: mediaClientConfig,
-        config: config,
-        pickerFacadeInstance: pickerFacadeInstance
-      });
-    }
-  }]);
-  return PickerFacadeProviderOld;
-}(React.Component);
-export default function PickerFacadeProvider(props) {
-  return fg('platform_editor_media_provider_from_plugin_config') ? /*#__PURE__*/React.createElement(PickerFacadeProviderNew, props) : /*#__PURE__*/React.createElement(PickerFacadeProviderOld, props);
 }

package/dist/types/nodeviews/mediaNodeView/index.d.ts

@@ -13,7 +13,7 @@ import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     width?: WidthPluginState;
-    newMediaProvider?: Promise<MediaProvider>;
+    mediaProvider?: Promise<MediaProvider>;
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
@@ -26,8 +26,8 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         width: number;
         height: number;
     }) => void;
-    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, newMediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
-    renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider }: Providers) => JSX.Element;
+    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
+    renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => JSX.Element;
     render(): JSX.Element;
 }
 export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { BrowserConfig, ClipboardConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
 import PickerFacade from '../../picker-facade';
@@ -13,4 +13,4 @@ export type Props = {
     analyticsName: string;
     children: (props: ChildrenProps) => React.ReactElement | null;
 };
-export default function PickerFacadeProvider(props: Props): JSX.Element;
+export default function PickerFacadeProvider({ mediaState, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

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

@@ -13,7 +13,7 @@ import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     width?: WidthPluginState;
-    newMediaProvider?: Promise<MediaProvider>;
+    mediaProvider?: Promise<MediaProvider>;
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
@@ -26,8 +26,8 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         width: number;
         height: number;
     }) => void;
-    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, newMediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
-    renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider }: Providers) => JSX.Element;
+    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
+    renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => JSX.Element;
     render(): JSX.Element;
 }
 export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { BrowserConfig, ClipboardConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
 import PickerFacade from '../../picker-facade';
@@ -13,4 +13,4 @@ export type Props = {
     analyticsName: string;
     children: (props: ChildrenProps) => React.ReactElement | null;
 };
-export default function PickerFacadeProvider(props: Props): JSX.Element;
+export default function PickerFacadeProvider({ mediaState, analyticsName, children }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "1.29.3",
+	"version": "1.29.4",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-namespaced-context": "^6.11.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.1.0",
-		"@atlaskit/editor-common": "^88.0.0",
+		"@atlaskit/editor-common": "^88.1.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-plugin-analytics": "^1.8.0",
 		"@atlaskit/editor-plugin-annotation": "1.19.2",
@@ -141,9 +141,6 @@
 		"platform.editor.live-view.disable-editing-in-view-mode_fi1rx": {
 			"type": "boolean"
 		},
-		"platform_editor_media_provider_from_plugin_config": {
-			"type": "boolean"
-		},
 		"platform-editor-a11y-image-border-options-dropdown": {
 			"type": "boolean"
 		},