@atlaskit/editor-core 153.1.4 → 156.0.0

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactMediaInlineNode = exports.MediaInlineNodeView = exports.MediaInline = void 0;
+exports.updateMediaNodeAttributes = exports.handleNewNode = exports.createMediaNodeUpdater = exports.ReactMediaInlineNode = exports.MediaInlineNodeView = exports.MediaInline = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -21,22 +21,30 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _nodeviews = require("../../../nodeviews/");
 
+var _WithPluginState = _interopRequireDefault(require("../../../ui/WithPluginState"));
+
 var _mediaCard = require("@atlaskit/media-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
 var _styles = require("./styles");
 
+var _pluginKey = require("../pm-plugins/plugin-key");
+
+var _mediaNodeUpdater = require("./mediaNodeUpdater");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,6 +53,110 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
+  var node = props.node.firstChild;
+  return new _mediaNodeUpdater.MediaNodeUpdater(_objectSpread(_objectSpread({}, props), {}, {
+    isMediaSingle: true,
+    node: node ? node : props.node,
+    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent
+  }));
+};
+/**
+ * Handles updating the media inline node attributes
+ * but also handling copy-paste for cross-editor of the same instance
+ * using the contextid
+ *
+ */
+
+
+exports.createMediaNodeUpdater = createMediaNodeUpdater;
+
+var updateMediaNodeAttributes = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props) {
+    var mediaNodeUpdater, addPendingTask, node, contextId, hasDifferentContextId, copyNode;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            mediaNodeUpdater = createMediaNodeUpdater(props);
+            addPendingTask = props.mediaPluginState.addPendingTask;
+            node = props.node;
+
+            if (node) {
+              _context.next = 5;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 5:
+            contextId = mediaNodeUpdater.getNodeContextId();
+
+            if (contextId) {
+              _context.next = 9;
+              break;
+            }
+
+            _context.next = 9;
+            return mediaNodeUpdater.updateContextId();
+
+          case 9:
+            _context.next = 11;
+            return mediaNodeUpdater.hasDifferentContextId();
+
+          case 11:
+            hasDifferentContextId = _context.sent;
+
+            if (!hasDifferentContextId) {
+              _context.next = 23;
+              break;
+            }
+
+            _context.prev = 13;
+            copyNode = mediaNodeUpdater.copyNode();
+            addPendingTask(copyNode);
+            _context.next = 18;
+            return copyNode;
+
+          case 18:
+            _context.next = 23;
+            break;
+
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context["catch"](13);
+            return _context.abrupt("return");
+
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[13, 20]]);
+  }));
+
+  return function updateMediaNodeAttributes(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.updateMediaNodeAttributes = updateMediaNodeAttributes;
+
+var handleNewNode = function handleNewNode(props) {
+  var node = props.node,
+      mediaPluginState = props.mediaPluginState,
+      getPos = props.getPos;
+  mediaPluginState.handleMediaNodeMount(node, function () {
+    return getPos();
+  });
+};
+
+exports.handleNewNode = handleNewNode;
+
 var MediaInline = function MediaInline(props) {
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -52,22 +164,28 @@ var MediaInline = function MediaInline(props) {
       setViewMediaClientConfig = _useState2[1];
 
   (0, _react.useEffect)(function () {
+    handleNewNode(props);
+    updateMediaNodeAttributes(props);
     updateViewMediaClientConfig(props);
+    return function () {
+      var mediaPluginState = props.mediaPluginState;
+      mediaPluginState.handleMediaNodeUnmount(props.node);
+    };
   }, [props]);
 
   var updateViewMediaClientConfig = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props) {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(props) {
       var mediaProvider, _viewMediaClientConfig;
 
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
-              _context.next = 2;
+              _context2.next = 2;
               return props.mediaProvider;
 
             case 2:
-              mediaProvider = _context.sent;
+              mediaProvider = _context2.sent;
 
               if (mediaProvider) {
                 _viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
@@ -76,14 +194,14 @@ var MediaInline = function MediaInline(props) {
 
             case 4:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee);
+      }, _callee2);
     }));
 
-    return function updateViewMediaClientConfig(_x) {
-      return _ref.apply(this, arguments);
+    return function updateViewMediaClientConfig(_x2) {
+      return _ref2.apply(this, arguments);
     };
   }();
 
@@ -150,21 +268,41 @@ var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       var _this = this;
 
       var providerFactory = props.providerFactory;
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
-        providers: ['mediaProvider'],
+      var getPos = this.getPos;
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+        providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
-        renderNode: function renderNode(_ref2) {
-          var mediaProvider = _ref2.mediaProvider;
+        renderNode: function renderNode(_ref3) {
+          var mediaProvider = _ref3.mediaProvider,
+              contextIdentifierProvider = _ref3.contextIdentifierProvider;
 
           if (!mediaProvider) {
             return null;
           }
 
-          return /*#__PURE__*/_react.default.createElement(MediaInline, {
-            identifier: _this.node.attrs.id,
-            mediaProvider: mediaProvider,
-            node: _this.node,
-            isSelected: _this.nodeInsideSelection()
+          return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
+            editorView: _this.view,
+            plugins: {
+              mediaPluginState: _pluginKey.stateKey
+            },
+            render: function render(_ref4) {
+              var mediaPluginState = _ref4.mediaPluginState;
+
+              if (!mediaPluginState) {
+                return null;
+              }
+
+              return /*#__PURE__*/_react.default.createElement(MediaInline, {
+                identifier: _this.node.attrs.id,
+                mediaProvider: mediaProvider,
+                mediaPluginState: mediaPluginState,
+                node: _this.node,
+                isSelected: _this.nodeInsideSelection(),
+                view: _this.view,
+                getPos: getPos,
+                contextIdentifierProvider: contextIdentifierProvider
+              });
+            }
           });
         }
       });
@@ -175,10 +313,11 @@ var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 
 exports.MediaInlineNodeView = MediaInlineNodeView;
 
-var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory) {
+var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent) {
   return function (node, view, getPos) {
     return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      providerFactory: providerFactory
+      providerFactory: providerFactory,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }).init();
   };
 };

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

@@ -19,7 +19,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _v = _interopRequireDefault(require("uuid/v4"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _mediaClient = require("@atlaskit/media-client");
 
@@ -621,8 +621,8 @@ var MediaNodeUpdater = /*#__PURE__*/function () {
 
                 return _context9.abrupt("return", {
                   id: id,
-                  height: _editorCommon.DEFAULT_IMAGE_HEIGHT,
-                  width: _editorCommon.DEFAULT_IMAGE_WIDTH
+                  height: _ui.DEFAULT_IMAGE_HEIGHT,
+                  width: _ui.DEFAULT_IMAGE_WIDTH
                 });
 
               case 15:
@@ -662,8 +662,8 @@ var MediaNodeUpdater = /*#__PURE__*/function () {
               case 27:
                 return _context9.abrupt("return", {
                   id: id,
-                  height: imageMetadata.original.height || _editorCommon.DEFAULT_IMAGE_HEIGHT,
-                  width: imageMetadata.original.width || _editorCommon.DEFAULT_IMAGE_WIDTH
+                  height: imageMetadata.original.height || _ui.DEFAULT_IMAGE_HEIGHT,
+                  width: imageMetadata.original.width || _ui.DEFAULT_IMAGE_WIDTH
                 });
 
               case 28:

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

@@ -23,7 +23,11 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _prosemirrorState = require("prosemirror-state");
 
@@ -92,8 +96,8 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
           }
         }
 
-        width = width || _editorCommon.DEFAULT_IMAGE_WIDTH;
-        height = height || _editorCommon.DEFAULT_IMAGE_HEIGHT;
+        width = width || _ui.DEFAULT_IMAGE_WIDTH;
+        height = height || _ui.DEFAULT_IMAGE_HEIGHT;
         var maxDimensions = {
           width: "".concat(editorWidth.width, "px"),
           height: "".concat(height / width * editorWidth.width, "px")
@@ -136,7 +140,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (_editorCommon.browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
+      if (_utils.browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
@@ -188,7 +192,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     key: "render",
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders

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

@@ -27,7 +27,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _mediaCard = require("@atlaskit/media-card");
 
@@ -35,7 +35,7 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _utils = require("../../../../utils");
+var _utils2 = require("../../../../utils");
 
 var _pluginKey = require("../../pm-plugins/plugin-key");
 
@@ -113,10 +113,10 @@ var MediaNode = /*#__PURE__*/function (_Component) {
           return;
         }
 
-        (0, _utils.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos - 1, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
+        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos - 1, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
         state.selection.to > propPos ? state.selection.to : propPos + 2);
       } else {
-        (0, _utils.setNodeSelection)(_this.props.view, propPos - 1);
+        (0, _utils2.setNodeSelection)(_this.props.view, propPos - 1);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNewNode", function (props) {
@@ -270,6 +270,6 @@ var MediaNode = /*#__PURE__*/function (_Component) {
 
 exports.MediaNode = MediaNode;
 
-var _default = (0, _editorCommon.withImageLoader)(MediaNode);
+var _default = (0, _utils.withImageLoader)(MediaNode);
 
 exports.default = _default;

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

@@ -33,7 +33,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _nodes = require("../../../utils/nodes");
 
@@ -41,7 +45,7 @@ var _WithPluginState = _interopRequireDefault(require("../../../ui/WithPluginSta
 
 var _width = require("../../width");
 
-var _utils = require("../../../utils");
+var _utils2 = require("../../../utils");
 
 var _ResizableMediaSingle = _interopRequireDefault(require("../ui/ResizableMediaSingle"));
 
@@ -264,10 +268,10 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
           return;
         }
 
-        (0, _utils.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
+        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
         state.selection.to > propPos ? state.selection.to : propPos + 3);
       } else {
-        (0, _utils.setNodeSelection)(_this.props.view, propPos);
+        (0, _utils2.setNodeSelection)(_this.props.view, propPos);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSize", function (width, layout) {
@@ -411,17 +415,17 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
             stateHeight = _this$state.height;
 
         if (width === null) {
-          width = stateWidth || _editorCommon.DEFAULT_IMAGE_WIDTH;
+          width = stateWidth || _ui.DEFAULT_IMAGE_WIDTH;
         }
 
         if (height === null) {
-          height = stateHeight || _editorCommon.DEFAULT_IMAGE_HEIGHT;
+          height = stateHeight || _ui.DEFAULT_IMAGE_HEIGHT;
         }
       }
 
       if (!width || !height) {
-        width = _editorCommon.DEFAULT_IMAGE_WIDTH;
-        height = _editorCommon.DEFAULT_IMAGE_HEIGHT;
+        width = _ui.DEFAULT_IMAGE_WIDTH;
+        height = _ui.DEFAULT_IMAGE_HEIGHT;
       }
 
       var mediaSingleProps = {
@@ -472,7 +476,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         allowBreakoutSnapPoints: mediaOptions && mediaOptions.allowBreakoutSnapPoints,
         selected: isSelected,
         dispatchAnalyticsEvent: this.props.dispatchAnalyticsEvent
-      }), MediaChildren) : /*#__PURE__*/_react.default.createElement(_editorCommon.MediaSingle, mediaSingleProps, MediaChildren);
+      }), MediaChildren) : /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, mediaSingleProps, MediaChildren);
     }
   }]);
   return MediaSingleNode;
@@ -522,7 +526,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (_editorCommon.browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
+      if (_utils.browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
@@ -596,7 +600,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
           dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent; // getPos is a boolean for marks, since this is a node we know it must be a function
 
       var getPos = this.getPos;
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: function renderNode(_ref5) {

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  mediaGroupDeleteLabel: {
+    id: 'fabric.editor.mediaGroupDeleteLabel',
+    defaultMessage: 'delete',
+    description: 'a label for an icon that deletes media'
+  }
+});
+exports.messages = messages;

package/dist/cjs/plugins/media/pm-plugins/alt-text/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.getPluginState = exports.createPlugin = exports.createCommand = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _pluginStateFactory = require("../../../../utils/plugin-state-factory");
@@ -40,7 +42,7 @@ exports.createCommand = createCommand;
 var createPlugin = function createPlugin(_ref) {
   var dispatch = _ref.dispatch,
       providerFactory = _ref.providerFactory;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: createPluginState(dispatch, {
       isAltTextEditorOpen: false
     }),

package/dist/cjs/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -55,7 +55,7 @@ var _ToolbarComponents = require("../../../../../ui/LinkSearch/ToolbarComponents
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -194,7 +194,7 @@ var AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
       });
 
       var errorsList = (this.state.validationErrors || []).map(function (error, index) {
-        return /*#__PURE__*/_react.default.createElement(_editorCommon.ErrorMessage, {
+        return /*#__PURE__*/_react.default.createElement(_ui.ErrorMessage, {
           key: index
         }, error);
       });

package/dist/cjs/plugins/media/pm-plugins/linking/index.js

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _pluginStateFactory = require("../../../../utils/plugin-state-factory");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _reducer = _interopRequireDefault(require("./reducer"));
@@ -79,7 +81,7 @@ exports.getMediaLinkingState = getMediaLinkingState;
 exports.createMediaLinkingCommand = createMediaLinkingCommand;
 
 var _default = function _default(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: mediaLinkingPluginKey,
     state: mediaLinkingPluginFactory.createPluginState(dispatch, initialState)
   });

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -29,13 +29,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorTransform = require("prosemirror-transform");
 
 var _prosemirrorView = require("prosemirror-view");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _assert = _interopRequireDefault(require("assert"));
 
@@ -63,10 +65,12 @@ var _document = require("../../../utils/document");
 
 var _mediaCommon2 = require("@atlaskit/media-common");
 
-var _utils = require("../../../utils");
+var _utils2 = require("../../../utils");
 
 var _CaptionPlaceholder = require("../ui/CaptionPlaceholder");
 
+var _reactIntlNext = require("react-intl-next");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -81,15 +85,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var createDropPlaceholder = function createDropPlaceholder(allowDropLine) {
+var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
   var dropPlaceholder = document.createElement('div');
+  var createElement = _react.default.createElement;
 
   if (allowDropLine) {
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_DropPlaceholder.default, {
+    _reactDom.default.render(createElement(_reactIntlNext.RawIntlProvider, {
+      value: intl
+    }, createElement(_DropPlaceholder.default, {
       type: 'single'
-    }), dropPlaceholder);
+    })), dropPlaceholder);
   } else {
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_DropPlaceholder.default), dropPlaceholder);
+    _reactDom.default.render(createElement(_reactIntlNext.RawIntlProvider, {
+      value: intl
+    }, createElement(_DropPlaceholder.default)), dropPlaceholder);
   }
 
   return dropPlaceholder;
@@ -314,7 +323,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
 
       if ((0, _mediaSingle.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
         (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert);
-      } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
+      } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils2.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
         (0, _mediaFiles.insertMediaInlineNode)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
         (0, _mediaFiles.insertMediaGroupNode)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
@@ -579,7 +588,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       return _this.setMediaProvider(provider);
     });
     options.providerFactory.subscribe('contextIdentifierProvider', this.onContextIdentifierProvider);
-    this.errorReporter = options.errorReporter || new _editorCommon.ErrorReporter();
+    this.errorReporter = options.errorReporter || new _utils.ErrorReporter();
   }
 
   (0, _createClass2.default)(MediaPluginStateImplementation, [{
@@ -786,9 +795,10 @@ var getMediaPluginState = function getMediaPluginState(state) {
 
 exports.getMediaPluginState = getMediaPluginState;
 
-var createPlugin = function createPlugin(_schema, options, reactContext, dispatch, mediaOptions) {
-  var dropPlaceholder = createDropPlaceholder(mediaOptions && mediaOptions.allowDropzoneDropLine);
-  return new _prosemirrorState.Plugin({
+var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions) {
+  var intl = getIntl();
+  var dropPlaceholder = createDropPlaceholder(intl, mediaOptions && mediaOptions.allowDropzoneDropLine);
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
         return new MediaPluginStateImplementation(state, options, reactContext, mediaOptions, dispatch);
@@ -903,7 +913,7 @@ var createPlugin = function createPlugin(_schema, options, reactContext, dispatc
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/compare/1.18.5...1.18.6
 
-        return Boolean((_editorCommon.browser.chrome || _editorCommon.browser.safari) && clickedInsideCaptionPlaceholder);
+        return Boolean((_utils.browser.chrome || _utils.browser.safari) && clickedInsideCaptionPlaceholder);
       }
     }
   });

package/dist/cjs/plugins/media/pm-plugins/media-editor.js

@@ -11,7 +11,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _mediaEditor = require("../commands/media-editor");
 
@@ -96,7 +96,7 @@ var pluginView = function pluginView(providerFactory) {
 var createPlugin = function createPlugin(_ref2) {
   var dispatch = _ref2.dispatch,
       providerFactory = _ref2.providerFactory;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: (0, _mediaEditorPluginFactory.createPluginState)(dispatch, {}),
     key: _mediaEditorPluginFactory.pluginKey,
     view: pluginView(providerFactory)