@atlaskit/editor-core 188.2.11 → 188.3.1

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

@@ -1,283 +0,0 @@
-import React from 'react';
-import { media, mediaGroup, mediaInline, mediaSingleSpec } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconImages } from '@atlaskit/editor-common/quick-insert';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { NodeSelection, PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { ReactMediaGroupNode } from './nodeviews/mediaGroup';
-import { ReactMediaInlineNode } from './nodeviews/mediaInline';
-import { ReactMediaNode } from './nodeviews/mediaNodeView';
-import { ReactMediaSingleNode } from './nodeviews/mediaSingle';
-import { createPlugin as createMediaAltTextPlugin } from './pm-plugins/alt-text';
-import keymapMediaAltTextPlugin from './pm-plugins/alt-text/keymap';
-import keymapPlugin from './pm-plugins/keymap';
-import keymapMediaSinglePlugin from './pm-plugins/keymap-media-single';
-import linkingPlugin from './pm-plugins/linking';
-import keymapLinkingPlugin from './pm-plugins/linking/keymap';
-import { stateKey } from './pm-plugins/main';
-import { createPlugin, stateKey as pluginKey } from './pm-plugins/main';
-import { floatingToolbar as _floatingToolbar } from './toolbar';
-import { MediaPickerComponents } from './ui/MediaPicker';
-import ToolbarMedia from './ui/ToolbarMedia';
-import { insertMediaAsMediaSingle as _insertMediaAsMediaSingle } from './utils/media-single';
-export { insertMediaSingleNode } from './utils/media-single';
-var MediaPickerFunctionalComponent = function MediaPickerFunctionalComponent(_ref) {
-  var api = _ref.api,
-    editorDomElement = _ref.editorDomElement,
-    appearance = _ref.appearance;
-  var _useSharedPluginState = useSharedPluginState(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  if (!mediaState) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(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 stateKey.getState(editorState) || null;
-    },
-    actions: {
-      insertMediaAsMediaSingle: function insertMediaAsMediaSingle(view, node, inputMethod) {
-        var _api$analytics;
-        return _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 = getMediaFeatureFlag('mediaInline', mediaFeatureFlags);
-      var withCaption = 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 = getBooleanFF('platform.editor.media.extended-resize-experience') ? {
-        withCaption: mappedAllowCaptions,
-        withExtendedWidthTypes: true
-      } : {
-        withCaption: mappedAllowCaptions,
-        withExtendedWidthTypes: false
-      };
-      var mediaSingleNode = mediaSingleSpec(mediaSingleOption);
-      return [{
-        name: 'mediaGroup',
-        node: mediaGroup
-      }, {
-        name: 'mediaSingle',
-        node: mediaSingleNode
-      }, {
-        name: 'media',
-        node: media
-      }, {
-        name: 'mediaInline',
-        node: 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 createPlugin(schema, {
-            providerFactory: providerFactory,
-            nodeViews: {
-              mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
-              media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              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 keymapPlugin(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 keymapMediaSinglePlugin(schema);
-          }
-        });
-      }
-      if (options && options.allowAltTextOnImages) {
-        pmPlugins.push({
-          name: 'mediaAltText',
-          plugin: createMediaAltTextPlugin
-        });
-        pmPlugins.push({
-          name: 'mediaAltTextKeymap',
-          plugin: function plugin(_ref6) {
-            var _api$analytics3;
-            var schema = _ref6.schema;
-            return keymapMediaAltTextPlugin(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 linkingPlugin(dispatch);
-          }
-        });
-        pmPlugins.push({
-          name: 'mediaLinkingKeymap',
-          plugin: function plugin(_ref8) {
-            var schema = _ref8.schema;
-            return keymapLinkingPlugin(schema);
-          }
-        });
-      }
-      pmPlugins.push({
-        name: 'mediaSelectionHandler',
-        plugin: function plugin() {
-          var mediaSelectionHandlerPlugin = new SafePlugin({
-            key: new PluginKey('mediaSelectionHandlerPlugin'),
-            props: {
-              handleScrollToSelection: function handleScrollToSelection(view) {
-                var selection = view.state.selection;
-                if (!(selection instanceof 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.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.createElement(ToolbarMedia, {
-        isDisabled: disabled,
-        isReducedSpacing: true,
-        api: api
-      });
-    },
-    pluginsOptions: {
-      quickInsert: function quickInsert(_ref11) {
-        var formatMessage = _ref11.formatMessage;
-        return [{
-          id: 'media',
-          title: formatMessage(messages.mediaFiles),
-          description: formatMessage(messages.mediaFilesDescription),
-          priority: 400,
-          keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
-          icon: function icon() {
-            return /*#__PURE__*/React.createElement(IconImages, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics4;
-            var pluginState = pluginKey.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: ACTION.OPENED,
-              actionSubject: ACTION_SUBJECT.PICKER,
-              actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.UI
-            })(tr);
-            return tr;
-          }
-        }];
-      },
-      floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
-        return _floatingToolbar(state, intl, {
-          providerFactory: providerFactory,
-          allowMediaInline: options && 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);
-      }
-    }
-  };
-};
-export default mediaPlugin;

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

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,367 +0,0 @@
-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";
-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";
-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) { _defineProperty(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 = _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() { 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; } }
-import React from 'react';
-import { injectIntl } from 'react-intl-next';
-import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { isNodeSelectedOrInRange, SelectedState, setNodeSelection } from '@atlaskit/editor-common/utils';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import { getMediaFeatureFlag } from '@atlaskit/media-common';
-import { Filmstrip } from '@atlaskit/media-filmstrip';
-import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
-import { MediaNodeUpdater } from './mediaNodeUpdater';
-import { messages } from './messages';
-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 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) === SelectedState.selectedInside) {
-    return oldProps.anchorPos !== newProps.anchorPos;
-  }
-  return false;
-};
-var MediaGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(MediaGroup, _React$Component);
-  var _super = _createSuper(MediaGroup);
-  function MediaGroup(_props) {
-    var _this;
-    _classCallCheck(this, MediaGroup);
-    _this = _super.call(this, _props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      viewMediaClientConfig: undefined
-    });
-    _defineProperty(_assertThisInitialized(_this), "updateNodeAttrs", function (props, node, getPos) {
-      var view = props.view,
-        mediaProvider = props.mediaProvider,
-        contextIdentifierProvider = props.contextIdentifierProvider;
-      var mediaNodeUpdater = new MediaNodeUpdater({
-        view: view,
-        mediaProvider: mediaProvider,
-        contextIdentifierProvider: contextIdentifierProvider,
-        node: node,
-        isMediaSingle: false
-      });
-      mediaNodeUpdater.updateNodeAttrs(getPos);
-    });
-    _defineProperty(_assertThisInitialized(_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);
-    });
-    _defineProperty(_assertThisInitialized(_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
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "isNodeSelected", function (nodePos) {
-      var selected = isMediaGroupSelectedFromProps(_this.props);
-      if (selected === SelectedState.selectedInRange) {
-        return true;
-      }
-      if (selected === SelectedState.selectedInside && _this.props.anchorPos === nodePos) {
-        return true;
-      }
-      return false;
-    });
-    _defineProperty(_assertThisInitialized(_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.createElement(EditorCloseIcon, {
-                  label: _this.props.intl.formatMessage(messages.mediaGroupDeleteLabel)
-                })
-              }]
-            };
-          }
-        };
-        return _objectSpread({
-          identifier: _this.getIdentifier(item),
-          isLazy: allowLazyLoading,
-          selected: _this.isNodeSelected(getNodePos()),
-          onClick: function onClick() {
-            setNodeSelection(_this.props.view, getNodePos());
-          }
-        }, mediaInlineOptions(getMediaFeatureFlag('mediaInline', mediaOptions.featureFlags)));
-      });
-      return /*#__PURE__*/React.createElement(Filmstrip, {
-        items: items,
-        mediaClientConfig: viewMediaClientConfig,
-        featureFlags: mediaOptions.featureFlags
-      });
-    });
-    _this.mediaNodes = [];
-    _this.mediaPluginState = mediaStateKey.getState(_props.view.state);
-    _this.setMediaItems(_props);
-    _this.state = {
-      viewMediaClientConfig: undefined
-    };
-    return _this;
-  }
-  _createClass(MediaGroup, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.updateMediaClientConfig();
-      this.mediaNodes.forEach( /*#__PURE__*/function () {
-        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(node) {
-          var _this2$props, view, mediaProvider, contextIdentifierProvider, mediaNodeUpdater, getPos, contextId, hasDifferentContextId;
-          return _regeneratorRuntime.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({
-                  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.Component);
-_defineProperty(MediaGroup, "displayName", 'MediaGroup');
-var IntlMediaGroup = injectIntl(MediaGroup);
-export default IntlMediaGroup;
-function MediaGroupNodeViewInternal(_ref3) {
-  var renderFn = _ref3.renderFn,
-    pluginInjectionApi = _ref3.pluginInjectionApi;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['editorDisabled']),
-    editorDisabledPlugin = _useSharedPluginState.editorDisabledState;
-  return renderFn({
-    editorDisabledPlugin: editorDisabledPlugin
-  });
-}
-var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(MediaGroupNodeView, _ReactNodeView);
-  var _super2 = _createSuper(MediaGroupNodeView);
-  function MediaGroupNodeView() {
-    _classCallCheck(this, MediaGroupNodeView);
-    return _super2.apply(this, arguments);
-  }
-  _createClass(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.createElement(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.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.createElement(MediaGroupNodeViewInternal, {
-            renderFn: renderFn,
-            pluginInjectionApi: pluginInjectionApi
-          });
-        }
-      });
-    }
-  }]);
-  return MediaGroupNodeView;
-}(ReactNodeView);
-export var 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();
-  };
-};