@atlaskit/editor-plugin-media 1.24.3 → 1.25.0

package/dist/esm/toolbar/layout-group.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { ButtonGroup } from '@atlaskit/button';

package/dist/esm/toolbar/linking-toolbar-appearance.js

@@ -1,5 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment, useEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,6 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,5 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/ui/Media/DropPlaceholder.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';

package/dist/esm/ui/MediaLinkingToolbar.js

@@ -7,7 +7,10 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,4 +1,3 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -6,10 +5,12 @@ 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 _regeneratorRuntime from "@babel/runtime/regenerator";
+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 React from 'react';
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { 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';
@@ -21,55 +22,154 @@ var dummyMediaPickerObject = {
   destroy: function destroy() {},
   setUploadParams: function setUploadParams() {}
 };
+function PickerFacadeProviderNew(_ref) {
+  var mediaState = _ref.mediaState,
+    analyticsName = _ref.analyticsName,
+    children = _ref.children;
+  var _useState = useState({
+      pickerFacadeInstance: undefined,
+      config: undefined,
+      mediaClientConfig: undefined
+    }),
+    _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 handleMediaProvider = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, provider) {
+      var mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return provider;
+          case 2:
+            mediaProvider = _context.sent;
+            if (!(!mediaProvider || !mediaProvider.uploadParams)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            _context.next = 7;
+            return mediaProvider.uploadMediaClientConfig;
+          case 7:
+            _context.t0 = _context.sent;
+            if (_context.t0) {
+              _context.next = 12;
+              break;
+            }
+            _context.next = 11;
+            return mediaProvider.viewMediaClientConfig;
+          case 11:
+            _context.t0 = _context.sent;
+          case 12:
+            resolvedMediaClientConfig = _context.t0;
+            if (resolvedMediaClientConfig) {
+              _context.next = 15;
+              break;
+            }
+            return _context.abrupt("return");
+          case 15:
+            pickerFacadeConfig = {
+              mediaClientConfig: resolvedMediaClientConfig,
+              errorReporter: mediaState.options.errorReporter || new ErrorReporter(),
+              featureFlags: mediaState.mediaOptions && mediaState.mediaOptions.featureFlags
+            };
+            _context.next = 18;
+            return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
+          case 18:
+            pickerFacadeInstance = _context.sent;
+            pickerFacadeInstance.onNewMedia(mediaState.insertFile);
+            pickerFacadeInstance.setUploadParams(mediaProvider.uploadParams);
+            config = {
+              uploadParams: mediaProvider.uploadParams
+            };
+            flushSync(function () {
+              setState({
+                pickerFacadeInstance: pickerFacadeInstance,
+                config: config,
+                mediaClientConfig: resolvedMediaClientConfig
+              });
+            });
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [analyticsName, mediaState.insertFile, mediaState.mediaOptions, mediaState.options.errorReporter]);
+  useEffect(function () {
+    if (mediaProvider) {
+      handleMediaProvider('mediaProvider', Promise.resolve(mediaProvider));
+    }
+  }, [mediaProvider, handleMediaProvider]);
+  var mediaClientConfig = state.mediaClientConfig,
+    config = state.config,
+    pickerFacadeInstance = state.pickerFacadeInstance;
+  if (!mediaClientConfig || !config || !pickerFacadeInstance) {
+    return null;
+  }
+  return children({
+    mediaClientConfig: mediaClientConfig,
+    config: config,
+    pickerFacadeInstance: pickerFacadeInstance
+  });
+}
 
-//eslint-disable-next-line @repo/internal/react/no-class-components
-var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(PickerFacadeProvider, _React$Component);
-  var _super = _createSuper(PickerFacadeProvider);
-  function PickerFacadeProvider() {
+// 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, PickerFacadeProvider);
+    _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 _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_name, provider) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_name, provider) {
         var _this$props, mediaState, analyticsName, mediaProvider, resolvedMediaClientConfig, pickerFacadeConfig, pickerFacadeInstance, config;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        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;
-              _context.next = 3;
+              _context2.next = 3;
               return provider;
             case 3:
-              mediaProvider = _context.sent;
+              mediaProvider = _context2.sent;
               if (!(!mediaProvider || !mediaProvider.uploadParams)) {
-                _context.next = 6;
+                _context2.next = 6;
                 break;
               }
-              return _context.abrupt("return");
+              return _context2.abrupt("return");
             case 6:
-              _context.next = 8;
+              _context2.next = 8;
               return mediaProvider.uploadMediaClientConfig;
             case 8:
-              _context.t0 = _context.sent;
-              if (_context.t0) {
-                _context.next = 13;
+              _context2.t0 = _context2.sent;
+              if (_context2.t0) {
+                _context2.next = 13;
                 break;
               }
-              _context.next = 12;
+              _context2.next = 12;
               return mediaProvider.viewMediaClientConfig;
             case 12:
-              _context.t0 = _context.sent;
+              _context2.t0 = _context2.sent;
             case 13:
-              resolvedMediaClientConfig = _context.t0;
+              resolvedMediaClientConfig = _context2.t0;
               if (resolvedMediaClientConfig) {
-                _context.next = 16;
+                _context2.next = 16;
                 break;
               }
-              return _context.abrupt("return");
+              return _context2.abrupt("return");
             case 16:
               pickerFacadeConfig = {
                 mediaClientConfig: resolvedMediaClientConfig,
@@ -84,10 +184,10 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
                * 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
                */
-              _context.next = 19;
+              _context2.next = 19;
               return new PickerFacade('customMediaPicker', pickerFacadeConfig, dummyMediaPickerObject, analyticsName).init();
             case 19:
-              pickerFacadeInstance = _context.sent;
+              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
@@ -107,17 +207,17 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
               });
             case 24:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee);
+        }, _callee2);
       }));
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
+      return function (_x3, _x4) {
+        return _ref3.apply(this, arguments);
       };
     }());
     return _this;
   }
-  _createClass(PickerFacadeProvider, [{
+  _createClass(PickerFacadeProviderOld, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var mediaProvider = this.props.mediaState.mediaProvider;
@@ -149,6 +249,8 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return PickerFacadeProvider;
+  return PickerFacadeProviderOld;
 }(React.Component);
-export { PickerFacadeProvider as default };
+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/esm/ui/MediaViewer/MediaViewerContainer.js

@@ -1,5 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React, { Fragment, useEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/esm/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { resizableMediaMigrationNotificationStyle } from './styles';

package/dist/esm/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -10,7 +10,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

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

@@ -10,7 +10,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; })(); }
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/types/hooks/useMediaProvider.d.ts

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+export declare const useMediaProvider: (pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => import("@atlaskit/editor-common/provider-factory").MediaProvider | undefined;

package/dist/types/next-plugin-type.d.ts

@@ -1,3 +1,4 @@
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
@@ -33,5 +34,12 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     sharedState: MediaPluginState | null;
     actions: {
         insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
+        /**
+         * Used to update the initial provider passed to the media plugin
+         *
+         * @param provider Promise<MediaProvider>
+         * @returns {boolean} if setting the provider was successful or not
+         */
+        setProvider: (provider: Promise<MediaProvider>) => boolean;
     };
 }>;

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

@@ -11,6 +11,10 @@ import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../next-plugin-type';
 import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
+interface MediaNodeWithPluginStateComponentProps {
+    width?: WidthPluginState;
+    newMediaProvider?: Promise<MediaProvider>;
+}
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
     createDomRef(): HTMLElement;
@@ -22,9 +26,7 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         width: number;
         height: number;
     }) => void;
-    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth }: {
-        width?: WidthPluginState | undefined;
-    }) => JSX.Element;
+    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, newMediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
     renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider }: Providers) => JSX.Element;
     render(): JSX.Element;
 }

package/dist/types/nodeviews/mediaSingle.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { MouseEvent } from 'react';
 import React, { Component } from 'react';
 import { jsx } from '@emotion/react';

package/dist/types/nodeviews/styles.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { NumericalCardDimensions } from '@atlaskit/media-card';

package/dist/types/toolbar/layout-group.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { Command, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 type Props = {

package/dist/types/toolbar/linking-toolbar-appearance.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     onClick: () => void;

package/dist/types/ui/Media/DropPlaceholder.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 export type PlaceholderType = 'single' | 'group';
 export interface Props {

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';

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

@@ -13,16 +13,4 @@ export type Props = {
     analyticsName: string;
     children: (props: ChildrenProps) => React.ReactElement | null;
 };
-type State = {
-    config?: ClipboardConfig | BrowserConfig | DropzoneConfig;
-    mediaClientConfig?: MediaClientConfig;
-    pickerFacadeInstance?: PickerFacade;
-};
-export default class PickerFacadeProvider extends React.Component<Props, State> {
-    state: State;
-    private handleMediaProvider;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-}
-export {};
+export default function PickerFacadeProvider(props: Props): JSX.Element;

package/dist/types/ui/MediaViewer/MediaViewerContainer.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';

package/dist/types/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.d.ts

@@ -1,3 +1,6 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 export declare const ResizableMediaMigrationNotification: () => jsx.JSX.Element;

package/dist/types/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';

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

@@ -0,0 +1,3 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
+export declare const useMediaProvider: (pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => import("@atlaskit/editor-common/provider-factory").MediaProvider | undefined;

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

@@ -1,3 +1,4 @@
+import type { MediaProvider } from '@atlaskit/editor-common/provider-factory';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { AnnotationPlugin } from '@atlaskit/editor-plugin-annotation';
@@ -33,5 +34,12 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     sharedState: MediaPluginState | null;
     actions: {
         insertMediaAsMediaSingle: InsertMediaAsMediaSingle;
+        /**
+         * Used to update the initial provider passed to the media plugin
+         *
+         * @param provider Promise<MediaProvider>
+         * @returns {boolean} if setting the provider was successful or not
+         */
+        setProvider: (provider: Promise<MediaProvider>) => boolean;
     };
 }>;

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

@@ -11,6 +11,10 @@ import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../next-plugin-type';
 import type { getPosHandler, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
+interface MediaNodeWithPluginStateComponentProps {
+    width?: WidthPluginState;
+    newMediaProvider?: Promise<MediaProvider>;
+}
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
     createDomRef(): HTMLElement;
@@ -22,9 +26,7 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         width: number;
         height: number;
     }) => void;
-    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth }: {
-        width?: WidthPluginState | undefined;
-    }) => JSX.Element;
+    renderMediaNodeWithState: (mediaProvider?: Promise<MediaProvider>, contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, newMediaProvider }: MediaNodeWithPluginStateComponentProps) => JSX.Element;
     renderMediaNodeWithProviders: ({ mediaProvider, contextIdentifierProvider }: Providers) => JSX.Element;
     render(): JSX.Element;
 }

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import type { MouseEvent } from 'react';
 import React, { Component } from 'react';
 import { jsx } from '@emotion/react';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { NumericalCardDimensions } from '@atlaskit/media-card';

package/dist/types-ts4.5/toolbar/layout-group.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { jsx } from '@emotion/react';
 import type { Command, FloatingToolbarItem } from '@atlaskit/editor-common/types';
 type Props = {

package/dist/types-ts4.5/toolbar/linking-toolbar-appearance.d.ts

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { IntlShape } from 'react-intl-next';

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

@@ -1,4 +1,7 @@
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     onClick: () => void;