@atlaskit/editor-core 188.2.11 → 188.3.1

package/dist/cjs/plugins/media/index.js

@@ -1,294 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "insertMediaSingleNode", {
-  enumerable: true,
-  get: function get() {
-    return _mediaSingle2.insertMediaSingleNode;
-  }
-});
-var _react = _interopRequireDefault(require("react"));
-var _adfSchema = require("@atlaskit/adf-schema");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _mediaGroup = require("./nodeviews/mediaGroup");
-var _mediaInline = require("./nodeviews/mediaInline");
-var _mediaNodeView = require("./nodeviews/mediaNodeView");
-var _mediaSingle = require("./nodeviews/mediaSingle");
-var _altText = require("./pm-plugins/alt-text");
-var _keymap = _interopRequireDefault(require("./pm-plugins/alt-text/keymap"));
-var _keymap2 = _interopRequireDefault(require("./pm-plugins/keymap"));
-var _keymapMediaSingle = _interopRequireDefault(require("./pm-plugins/keymap-media-single"));
-var _linking = _interopRequireDefault(require("./pm-plugins/linking"));
-var _keymap3 = _interopRequireDefault(require("./pm-plugins/linking/keymap"));
-var _main = require("./pm-plugins/main");
-var _toolbar = require("./toolbar");
-var _MediaPicker = require("./ui/MediaPicker");
-var _ToolbarMedia = _interopRequireDefault(require("./ui/ToolbarMedia"));
-var _mediaSingle2 = require("./utils/media-single");
-var MediaPickerFunctionalComponent = function MediaPickerFunctionalComponent(_ref) {
-  var api = _ref.api,
-    editorDomElement = _ref.editorDomElement,
-    appearance = _ref.appearance;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  if (!mediaState) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_MediaPicker.MediaPickerComponents, {
-    editorDomElement: editorDomElement,
-    mediaState: mediaState,
-    appearance: appearance,
-    api: api
-  });
-};
-var mediaPlugin = function mediaPlugin(_ref2) {
-  var _api$featureFlags;
-  var _ref2$config = _ref2.config,
-    options = _ref2$config === void 0 ? {} : _ref2$config,
-    api = _ref2.api;
-  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'media',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return null;
-      }
-      return _main.stateKey.getState(editorState) || null;
-    },
-    actions: {
-      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
-        var _api$analytics;
-        return (0, _mediaSingle2.insertMediaAsMediaSingle)(view, node, inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
-      }
-    },
-    nodes: function nodes() {
-      var _ref3 = options || {},
-        _ref3$allowMediaGroup = _ref3.allowMediaGroup,
-        allowMediaGroup = _ref3$allowMediaGroup === void 0 ? true : _ref3$allowMediaGroup,
-        _ref3$allowMediaSingl = _ref3.allowMediaSingle,
-        allowMediaSingle = _ref3$allowMediaSingl === void 0 ? false : _ref3$allowMediaSingl,
-        allowCaptions = _ref3.allowCaptions,
-        mediaFeatureFlags = _ref3.featureFlags;
-      var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaFeatureFlags);
-      var withCaption = (0, _mediaCommon.getMediaFeatureFlag)('captions', mediaFeatureFlags);
-
-      // temporary mapping - we will support captions feature flag until
-      // confluence removes the feature flag support in their code base and
-      // utilizes allowCaptions media prop instead
-      var mappedAllowCaptions = allowCaptions ? allowCaptions : withCaption;
-      var mediaSingleOption = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? {
-        withCaption: mappedAllowCaptions,
-        withExtendedWidthTypes: true
-      } : {
-        withCaption: mappedAllowCaptions,
-        withExtendedWidthTypes: false
-      };
-      var mediaSingleNode = (0, _adfSchema.mediaSingleSpec)(mediaSingleOption);
-      return [{
-        name: 'mediaGroup',
-        node: _adfSchema.mediaGroup
-      }, {
-        name: 'mediaSingle',
-        node: mediaSingleNode
-      }, {
-        name: 'media',
-        node: _adfSchema.media
-      }, {
-        name: 'mediaInline',
-        node: _adfSchema.mediaInline
-      }].filter(function (node) {
-        if (node.name === 'mediaGroup') {
-          return allowMediaGroup;
-        }
-        if (node.name === 'mediaSingle') {
-          return allowMediaSingle;
-        }
-        if (node.name === 'mediaInline') {
-          return allowMediaInline;
-        }
-        return true;
-      });
-    },
-    pmPlugins: function pmPlugins() {
-      var pmPlugins = [{
-        name: 'media',
-        plugin: function plugin(_ref4) {
-          var schema = _ref4.schema,
-            dispatch = _ref4.dispatch,
-            getIntl = _ref4.getIntl,
-            eventDispatcher = _ref4.eventDispatcher,
-            providerFactory = _ref4.providerFactory,
-            errorReporter = _ref4.errorReporter,
-            portalProviderAPI = _ref4.portalProviderAPI,
-            reactContext = _ref4.reactContext,
-            dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
-          return (0, _main.createPlugin)(schema, {
-            providerFactory: providerFactory,
-            nodeViews: {
-              mediaGroup: (0, _mediaGroup.ReactMediaGroupNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: (0, _mediaSingle.ReactMediaSingleNode)(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
-              media: (0, _mediaNodeView.ReactMediaNode)(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaInline: (0, _mediaInline.ReactMediaInlineNode)(portalProviderAPI, eventDispatcher, providerFactory, api)
-            },
-            errorReporter: errorReporter,
-            uploadErrorHandler: options && options.uploadErrorHandler,
-            waitForMediaUpload: options && options.waitForMediaUpload,
-            customDropzoneContainer: options && options.customDropzoneContainer,
-            customMediaPicker: options && options.customMediaPicker,
-            allowResizing: !!(options && options.allowResizing)
-          }, reactContext, getIntl, api, dispatch, options, featureFlags.newInsertionBehaviour);
-        }
-      }, {
-        name: 'mediaKeymap',
-        plugin: function plugin() {
-          var _api$analytics2;
-          return (0, _keymap2.default)(options, api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
-        }
-      }];
-      if (options && options.allowMediaSingle) {
-        pmPlugins.push({
-          name: 'mediaSingleKeymap',
-          plugin: function plugin(_ref5) {
-            var schema = _ref5.schema;
-            return (0, _keymapMediaSingle.default)(schema);
-          }
-        });
-      }
-      if (options && options.allowAltTextOnImages) {
-        pmPlugins.push({
-          name: 'mediaAltText',
-          plugin: _altText.createPlugin
-        });
-        pmPlugins.push({
-          name: 'mediaAltTextKeymap',
-          plugin: function plugin(_ref6) {
-            var _api$analytics3;
-            var schema = _ref6.schema;
-            return (0, _keymap.default)(schema, api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
-          }
-        });
-      }
-      if (options && options.allowLinking) {
-        pmPlugins.push({
-          name: 'mediaLinking',
-          plugin: function plugin(_ref7) {
-            var dispatch = _ref7.dispatch;
-            return (0, _linking.default)(dispatch);
-          }
-        });
-        pmPlugins.push({
-          name: 'mediaLinkingKeymap',
-          plugin: function plugin(_ref8) {
-            var schema = _ref8.schema;
-            return (0, _keymap3.default)(schema);
-          }
-        });
-      }
-      pmPlugins.push({
-        name: 'mediaSelectionHandler',
-        plugin: function plugin() {
-          var mediaSelectionHandlerPlugin = new _safePlugin.SafePlugin({
-            key: new _state.PluginKey('mediaSelectionHandlerPlugin'),
-            props: {
-              handleScrollToSelection: function handleScrollToSelection(view) {
-                var selection = view.state.selection;
-                if (!(selection instanceof _state.NodeSelection) || selection.node.type.name !== 'media') {
-                  return false;
-                }
-                var _view$domAtPos = view.domAtPos(selection.from),
-                  node = _view$domAtPos.node,
-                  offset = _view$domAtPos.offset;
-                if (
-                // Is the media element mounted already?
-                offset === node.childNodes.length) {
-                  // Media is not ready, so stop the scroll request
-                  return true;
-                }
-
-                // Media is ready, keep the scrolling request
-                return false;
-              }
-            }
-          });
-          return mediaSelectionHandlerPlugin;
-        }
-      });
-      return pmPlugins;
-    },
-    contentComponent: function contentComponent(_ref9) {
-      var editorView = _ref9.editorView,
-        appearance = _ref9.appearance;
-      return /*#__PURE__*/_react.default.createElement(MediaPickerFunctionalComponent, {
-        editorDomElement: editorView.dom,
-        appearance: appearance,
-        api: api
-      });
-    },
-    secondaryToolbarComponent: function secondaryToolbarComponent(_ref10) {
-      var editorView = _ref10.editorView,
-        eventDispatcher = _ref10.eventDispatcher,
-        disabled = _ref10.disabled;
-      return /*#__PURE__*/_react.default.createElement(_ToolbarMedia.default, {
-        isDisabled: disabled,
-        isReducedSpacing: true,
-        api: api
-      });
-    },
-    pluginsOptions: {
-      quickInsert: function quickInsert(_ref11) {
-        var formatMessage = _ref11.formatMessage;
-        return [{
-          id: 'media',
-          title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),
-          description: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
-          priority: 400,
-          keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics4;
-            var pluginState = _main.stateKey.getState(state);
-            pluginState === null || pluginState === void 0 || pluginState.showMediaPicker();
-            var tr = insert('');
-            api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 || _api$analytics4.actions.attachAnalyticsEvent({
-              action: _analytics.ACTION.OPENED,
-              actionSubject: _analytics.ACTION_SUBJECT.PICKER,
-              actionSubjectId: _analytics.ACTION_SUBJECT_ID.PICKER_CLOUD,
-              attributes: {
-                inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: _analytics.EVENT_TYPE.UI
-            })(tr);
-            return tr;
-          }
-        }];
-      },
-      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
-        return (0, _toolbar.floatingToolbar)(state, intl, {
-          providerFactory: providerFactory,
-          allowMediaInline: options && (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', options.featureFlags),
-          allowResizing: options && options.allowResizing,
-          allowResizingInTables: options && options.allowResizingInTables,
-          allowLinking: options && options.allowLinking,
-          allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
-          allowAltTextOnImages: options && options.allowAltTextOnImages,
-          altTextValidator: options && options.altTextValidator,
-          fullWidthEnabled: options && options.fullWidthEnabled
-        }, api);
-      }
-    }
-  };
-};
-var _default = exports.default = mediaPlugin;

package/dist/cjs/plugins/media/media-plugin-options.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/media/next-plugin-type.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/media/nodeviews/mediaGroup.js

@@ -1,374 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ReactMediaGroupNode = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
-var _utils = require("@atlaskit/editor-common/utils");
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
-var _mediaCommon = require("@atlaskit/media-common");
-var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-var _pluginKey = require("../pm-plugins/plugin-key");
-var _mediaNodeUpdater = require("./mediaNodeUpdater");
-var _messages = require("./messages");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
-  /**
-   *  ED-19831
-   *  There is a getPos issue coming from this code. We need to apply this workaround for now and apply a patch
-   *  directly to confluence since this bug is now in production.
-   */
-  var pos;
-  try {
-    pos = props.getPos ? props.getPos() : undefined;
-  } catch (e) {
-    pos = undefined;
-  }
-  if (typeof pos !== 'number') {
-    return false;
-  }
-  return (0, _utils.isNodeSelectedOrInRange)(props.anchorPos, props.headPos, pos, props.node.nodeSize);
-};
-var hasSelectionChanged = function hasSelectionChanged(oldProps, newProps) {
-  if (isMediaGroupSelectedFromProps(oldProps) !== isMediaGroupSelectedFromProps(newProps)) {
-    return true;
-  }
-  if (isMediaGroupSelectedFromProps(newProps) === _utils.SelectedState.selectedInside) {
-    return oldProps.anchorPos !== newProps.anchorPos;
-  }
-  return false;
-};
-var MediaGroup = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MediaGroup, _React$Component);
-  var _super = _createSuper(MediaGroup);
-  function MediaGroup(_props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, MediaGroup);
-    _this = _super.call(this, _props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      viewMediaClientConfig: undefined
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateNodeAttrs", function (props, node, getPos) {
-      var view = props.view,
-        mediaProvider = props.mediaProvider,
-        contextIdentifierProvider = props.contextIdentifierProvider;
-      var mediaNodeUpdater = new _mediaNodeUpdater.MediaNodeUpdater({
-        view: view,
-        mediaProvider: mediaProvider,
-        contextIdentifierProvider: contextIdentifierProvider,
-        node: node,
-        isMediaSingle: false
-      });
-      mediaNodeUpdater.updateNodeAttrs(getPos);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setMediaItems", function (props) {
-      var _this$mediaPluginStat;
-      var updatedAttrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var node = props.node;
-      var oldMediaNodes = _this.mediaNodes;
-      _this.mediaNodes = [];
-      node.forEach(function (item, childOffset) {
-        var getPos = function getPos() {
-          var pos = props.getPos();
-          if (typeof pos !== 'number') {
-            // That may seems weird, but the previous type wasn't match with the real ProseMirror code. And a lot of Media API was built expecting a number
-            // Because the original code would return NaN on runtime
-            // We are just make it explict now.
-            // We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
-            // TODO: ED-13910 prosemirror-bump leftovers
-            return NaN;
-          }
-          return pos + childOffset + 1;
-        };
-        _this.mediaNodes.push(item);
-        if (updatedAttrs) {
-          _this.updateNodeAttrs(props, item, getPos);
-        }
-      });
-      (_this$mediaPluginStat = _this.mediaPluginState) === null || _this$mediaPluginStat === void 0 || _this$mediaPluginStat.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getIdentifier", function (item) {
-      if (item.attrs.type === 'external') {
-        return {
-          mediaItemType: 'external-image',
-          dataURI: item.attrs.url
-        };
-      }
-      return {
-        id: item.attrs.id,
-        mediaItemType: 'file',
-        collectionName: item.attrs.collection
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isNodeSelected", function (nodePos) {
-      var selected = isMediaGroupSelectedFromProps(_this.props);
-      if (selected === _utils.SelectedState.selectedInRange) {
-        return true;
-      }
-      if (selected === _utils.SelectedState.selectedInside && _this.props.anchorPos === nodePos) {
-        return true;
-      }
-      return false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChildNodes", function () {
-      var viewMediaClientConfig = _this.state.viewMediaClientConfig;
-      var _this$props = _this.props,
-        getPos = _this$props.getPos,
-        allowLazyLoading = _this$props.allowLazyLoading,
-        disabled = _this$props.disabled,
-        mediaOptions = _this$props.mediaOptions;
-      var items = _this.mediaNodes.map(function (item, idx) {
-        // We declared this to get a fresh position every time
-        var getNodePos = function getNodePos() {
-          var pos = getPos();
-          if (typeof pos !== 'number') {
-            // That may seems weird, but the previous type wasn't match with the real ProseMirror code. And a lot of Media API was built expecting a number
-            // Because the original code would return NaN on runtime
-            // We are just make it explict now.
-            // We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
-            // TODO: ED-13910 prosemirror-bump leftovers
-            return NaN;
-          }
-          return pos + idx + 1;
-        };
-
-        // Media Inline creates a floating toolbar with the same options, excludes these options if enabled
-        var mediaInlineOptions = function mediaInlineOptions() {
-          var allowMediaInline = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-          if (!allowMediaInline) {
-            return {
-              shouldEnableDownloadButton: mediaOptions.enableDownloadButton,
-              actions: [{
-                handler: disabled || !_this.mediaPluginState ? function () {} : _this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
-                icon: /*#__PURE__*/_react.default.createElement(_close.default, {
-                  label: _this.props.intl.formatMessage(_messages.messages.mediaGroupDeleteLabel)
-                })
-              }]
-            };
-          }
-        };
-        return _objectSpread({
-          identifier: _this.getIdentifier(item),
-          isLazy: allowLazyLoading,
-          selected: _this.isNodeSelected(getNodePos()),
-          onClick: function onClick() {
-            (0, _utils.setNodeSelection)(_this.props.view, getNodePos());
-          }
-        }, mediaInlineOptions((0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaOptions.featureFlags)));
-      });
-      return /*#__PURE__*/_react.default.createElement(_mediaFilmstrip.Filmstrip, {
-        items: items,
-        mediaClientConfig: viewMediaClientConfig,
-        featureFlags: mediaOptions.featureFlags
-      });
-    });
-    _this.mediaNodes = [];
-    _this.mediaPluginState = _pluginKey.stateKey.getState(_props.view.state);
-    _this.setMediaItems(_props);
-    _this.state = {
-      viewMediaClientConfig: undefined
-    };
-    return _this;
-  }
-  (0, _createClass2.default)(MediaGroup, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.updateMediaClientConfig();
-      this.mediaNodes.forEach( /*#__PURE__*/function () {
-        var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(node) {
-          var _this2$props, view, mediaProvider, contextIdentifierProvider, mediaNodeUpdater, getPos, contextId, hasDifferentContextId;
-          return _regenerator.default.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                if (!(node.attrs.type === 'external')) {
-                  _context.next = 2;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 2:
-                _this2$props = _this2.props, view = _this2$props.view, mediaProvider = _this2$props.mediaProvider, contextIdentifierProvider = _this2$props.contextIdentifierProvider;
-                mediaNodeUpdater = new _mediaNodeUpdater.MediaNodeUpdater({
-                  view: view,
-                  mediaProvider: mediaProvider,
-                  contextIdentifierProvider: contextIdentifierProvider,
-                  node: node,
-                  isMediaSingle: false
-                });
-                getPos = function getPos() {
-                  var pos = _this2.props.getPos();
-                  if (typeof pos !== 'number') {
-                    // That may seems weird, but the previous type wasn't match with the real ProseMirror code. And a lot of Media API was built expecting a number
-                    // Because the original code would return NaN on runtime
-                    // We are just make it explict now.
-                    // We may run a deep investagation on Media code to figure out a better fix. But, for now, we want to keep the current behavior.
-                    // TODO: ED-13910 prosemirror-bump leftovers
-                    return NaN;
-                  }
-                  return pos + 1;
-                };
-                contextId = mediaNodeUpdater.getNodeContextId();
-                if (contextId) {
-                  _context.next = 9;
-                  break;
-                }
-                _context.next = 9;
-                return mediaNodeUpdater.updateNodeContextId(getPos);
-              case 9:
-                _context.next = 11;
-                return mediaNodeUpdater.hasDifferentContextId();
-              case 11:
-                hasDifferentContextId = _context.sent;
-                if (!hasDifferentContextId) {
-                  _context.next = 15;
-                  break;
-                }
-                _context.next = 15;
-                return mediaNodeUpdater.copyNodeFromPos(getPos, {
-                  traceId: node.attrs.__mediaTraceId
-                });
-              case 15:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        return function (_x) {
-          return _ref.apply(this, arguments);
-        };
-      }());
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$mediaPluginStat2;
-      (_this$mediaPluginStat2 = this.mediaPluginState) === null || _this$mediaPluginStat2 === void 0 || _this$mediaPluginStat2.handleMediaGroupUpdate(this.mediaNodes, []);
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(props) {
-      this.updateMediaClientConfig();
-      this.setMediaItems(props, props.isCopyPasteEnabled || props.isCopyPasteEnabled === undefined);
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var _this$mediaPluginStat3;
-      if (hasSelectionChanged(this.props, nextProps) || this.props.node !== nextProps.node || this.state.viewMediaClientConfig !== ((_this$mediaPluginStat3 = this.mediaPluginState) === null || _this$mediaPluginStat3 === void 0 ? void 0 : _this$mediaPluginStat3.mediaClientConfig)) {
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "updateMediaClientConfig",
-    value: function updateMediaClientConfig() {
-      var viewMediaClientConfig = this.state.viewMediaClientConfig;
-      var _ref2 = this.mediaPluginState || {},
-        mediaClientConfig = _ref2.mediaClientConfig;
-      if (!viewMediaClientConfig && mediaClientConfig) {
-        this.setState({
-          viewMediaClientConfig: mediaClientConfig
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.renderChildNodes();
-    }
-  }]);
-  return MediaGroup;
-}(_react.default.Component);
-(0, _defineProperty2.default)(MediaGroup, "displayName", 'MediaGroup');
-var IntlMediaGroup = (0, _reactIntlNext.injectIntl)(MediaGroup);
-var _default = exports.default = IntlMediaGroup;
-function MediaGroupNodeViewInternal(_ref3) {
-  var renderFn = _ref3.renderFn,
-    pluginInjectionApi = _ref3.pluginInjectionApi;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['editorDisabled']),
-    editorDisabledPlugin = _useSharedPluginState.editorDisabledState;
-  return renderFn({
-    editorDisabledPlugin: editorDisabledPlugin
-  });
-}
-var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(MediaGroupNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaGroupNodeView);
-  function MediaGroupNodeView() {
-    (0, _classCallCheck2.default)(this, MediaGroupNodeView);
-    return _super2.apply(this, arguments);
-  }
-  (0, _createClass2.default)(MediaGroupNodeView, [{
-    key: "render",
-    value: function render(props, forwardRef) {
-      var _this3 = this;
-      var providerFactory = props.providerFactory,
-        mediaOptions = props.mediaOptions,
-        pluginInjectionApi = props.pluginInjectionApi;
-      var getPos = this.getPos;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-        providers: ['mediaProvider', 'contextIdentifierProvider'],
-        providerFactory: providerFactory,
-        renderNode: function renderNode(_ref4) {
-          var mediaProvider = _ref4.mediaProvider,
-            contextIdentifierProvider = _ref4.contextIdentifierProvider;
-          var renderFn = function renderFn(_ref5) {
-            var editorDisabledPlugin = _ref5.editorDisabledPlugin;
-            if (!mediaProvider) {
-              return null;
-            }
-            return /*#__PURE__*/_react.default.createElement(IntlMediaGroup, {
-              node: _this3.node,
-              getPos: getPos,
-              view: _this3.view,
-              forwardRef: forwardRef,
-              disabled: (editorDisabledPlugin || {}).editorDisabled,
-              allowLazyLoading: mediaOptions.allowLazyLoading,
-              mediaProvider: mediaProvider,
-              contextIdentifierProvider: contextIdentifierProvider,
-              isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
-              anchorPos: _this3.view.state.selection.$anchor.pos,
-              headPos: _this3.view.state.selection.$head.pos,
-              mediaOptions: mediaOptions
-            });
-          };
-          return /*#__PURE__*/_react.default.createElement(MediaGroupNodeViewInternal, {
-            renderFn: renderFn,
-            pluginInjectionApi: pluginInjectionApi
-          });
-        }
-      });
-    }
-  }]);
-  return MediaGroupNodeView;
-}(_reactNodeView.default);
-var ReactMediaGroupNode = exports.ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
-  var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var pluginInjectionApi = arguments.length > 4 ? arguments[4] : undefined;
-  return function (node, view, getPos) {
-    var hasIntlContext = true;
-    return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      providerFactory: providerFactory,
-      mediaOptions: mediaOptions,
-      pluginInjectionApi: pluginInjectionApi
-    }, undefined, undefined, undefined, hasIntlContext).init();
-  };
-};