@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/esm/plugins/jira-issue/index.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { confluenceJiraIssue } from '@atlaskit/adf-schema';
 import { ReactNodeView } from '../../nodeviews';
 import ReactJIRAIssueNode from './nodeviews/jira-issue';
@@ -7,7 +8,7 @@ export var pluginKey = new PluginKey('jiraIssuePlugin');
 var createPlugin = function createPlugin(_ref) {
   var portalProviderAPI = _ref.portalProviderAPI,
       eventDispatcher = _ref.eventDispatcher;
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     props: {
       nodeViews: {

package/dist/esm/plugins/layout/pm-plugins/main.js

@@ -4,7 +4,8 @@ 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) { _defineProperty(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; }
 
-import { Plugin, TextSelection, Selection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { TextSelection, Selection } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { keydownHandler } from 'prosemirror-keymap';
 import { findParentNodeOfType, findSelectedNodeOfType } from 'prosemirror-utils';
@@ -70,7 +71,7 @@ var getInitialPluginState = function getInitialPluginState(options, state) {
 };
 
 export default (function (options) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_, state) {

package/dist/esm/plugins/layout/styles.js

@@ -5,7 +5,7 @@ var _templateObject;
 import { css } from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
 import { N40A, N50A } from '@atlaskit/theme/colors';
-import { columnLayoutSharedStyle } from '@atlaskit/editor-common';
+import { columnLayoutSharedStyle } from '@atlaskit/editor-common/styles';
 import { gridMediumMaxWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akLayoutGutterOffset, akEditorSwoopCubicBezier, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { TableCssClassName } from '../table/types';
 import { tableMarginFullWidthMode } from '../table/ui/consts';

package/dist/esm/plugins/layout/toolbar.js

@@ -53,7 +53,8 @@ var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout) {
     testId: item.title.id,
     title: intl.formatMessage(item.title),
     onClick: setPresetLayout(item.type),
-    selected: !!currentLayout && currentLayout === item.type
+    selected: !!currentLayout && currentLayout === item.type,
+    tabIndex: null
   };
 };
 
@@ -78,7 +79,8 @@ export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout
       onMouseEnter: hoverDecoration(nodeType, true),
       onMouseLeave: hoverDecoration(nodeType, false),
       onFocus: hoverDecoration(nodeType, true),
-      onBlur: hoverDecoration(nodeType, false)
+      onBlur: hoverDecoration(nodeType, false),
+      tabIndex: null
     };
     var layoutTypes = allowSingleColumnLayout ? LAYOUT_TYPES_WITH_SINGLE_COL : LAYOUT_TYPES;
     return {

package/dist/esm/plugins/list/commands/indent-list.js

@@ -10,8 +10,7 @@ import { indentListItemsSelected as indentListAction } from '../actions/indent-l
 import { isBulletList } from '../utils/node';
 import { findFirstParentListNode } from '../utils/find';
 import { MAX_NESTED_LIST_INDENTATION } from '../types';
-import { isInsideListItem } from '../utils/selection';
-import { getListItemAttributes } from '../utils/selection';
+import { isInsideListItem, isInsideTableCell, getListItemAttributes } from '../utils/selection';
 import { getCommonListAnalyticsAttributes } from '../utils/analytics';
 export function indentList() {
   var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INPUT_METHOD.KEYBOARD;
@@ -24,17 +23,16 @@ export function indentList() {
     }
 
     var firstListItemSelectedAttributes = getListItemAttributes($from);
-
-    if (firstListItemSelectedAttributes && firstListItemSelectedAttributes.indentLevel === 0 && firstListItemSelectedAttributes.itemIndex === 0) {
-      // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
-      return true;
-    }
-
     var parentListNode = findFirstParentListNode($from);
 
-    if (!parentListNode) {
-      // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
-      return true;
+    if (!parentListNode || firstListItemSelectedAttributes && firstListItemSelectedAttributes.indentLevel === 0 && firstListItemSelectedAttributes.itemIndex === 0) {
+      if (isInsideTableCell(state)) {
+        // dont consume tab, as table-keymap should move cursor to next cell
+        return false;
+      } else {
+        // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
+        return true;
+      }
     }
 
     var currentListNode = parentListNode.node;

package/dist/esm/plugins/list/commands/index.js

@@ -100,7 +100,7 @@ export function toggleList(inputMethod, listType) {
       var toNode = selection.$to.node(selection.$to.depth - 2);
       var transformedFrom = listInsideSelection.type.name === 'bulletList' ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
 
-      if (fromNode.type.name === listType && toNode.type.name === listType) {
+      if ((fromNode === null || fromNode === void 0 ? void 0 : fromNode.type.name) === listType && (toNode === null || toNode === void 0 ? void 0 : toNode.type.name) === listType) {
         var tr = state.tr;
         untoggleSelectedList(tr);
         addAnalytics(state, tr, {

package/dist/esm/plugins/list/commands/outdent-list.js

@@ -5,7 +5,7 @@ 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) { _defineProperty(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; }
 
 import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
-import { isInsideListItem } from '../utils/selection';
+import { isInsideListItem, isInsideTableCell } from '../utils/selection';
 import { isBulletList } from '../utils/node';
 import { findFirstParentListNode } from '../utils/find';
 import { getCommonListAnalyticsAttributes } from '../utils/analytics';
@@ -31,7 +31,8 @@ export function outdentList() {
 
     if (!customTr || !customTr.docChanged) {
       // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
-      return true;
+      // If inside table cell and can't outdent list, then let it handle by table keymap
+      return !isInsideTableCell(state);
     }
 
     addAnalytics(state, customTr, {

package/dist/esm/plugins/list/pm-plugins/input-rules/index.js

@@ -8,7 +8,10 @@ export default function inputRulePlugin(schema, featureFlags) {
 
   if (bulletList) {
     rules.push(createRuleForListType({
-      expression: /^\s*([\*\-\•]) $/,
+      // Using UTF instead of • character
+      // because of issue where product converted the
+      // character into an escaped version.
+      expression: /^\s*([\*\-\u2022]) $/,
       listType: bulletList
     }));
   }

package/dist/esm/plugins/list/pm-plugins/main.js

@@ -4,7 +4,8 @@ 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) { _defineProperty(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; }
 
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { DecorationSet, Decoration } from 'prosemirror-view';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { isWrappingPossible } from '../utils/selection';
@@ -107,7 +108,7 @@ var createInitialState = function createInitialState(state) {
 };
 
 export var createPlugin = function createPlugin(eventDispatch) {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(eventDispatch, createInitialState),
     key: listPluginKey,
     props: {

package/dist/esm/plugins/list/ui/ToolbarLists/index.js

@@ -157,26 +157,30 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           spacing: isReducedSpacing ? 'none' : 'default',
           onClick: this.handleBulletListClick,
           selected: bulletListActive,
+          "aria-pressed": bulletListActive,
+          "aria-label": labelUnorderedList,
           disabled: bulletListDisabled || disabled,
           title: /*#__PURE__*/React.createElement(ToolTipContent, {
             description: labelUnorderedList,
             keymap: toggleBulletListKeymap
           }),
           iconBefore: /*#__PURE__*/React.createElement(BulletListIcon, {
-            label: labelUnorderedList
+            label: ""
           })
         }), /*#__PURE__*/React.createElement(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
           spacing: isReducedSpacing ? 'none' : 'default',
           onClick: this.handleOrderedListClick,
           selected: orderedListActive,
+          "aria-pressed": orderedListActive,
+          "aria-label": labelOrderedList,
           disabled: orderedListDisabled || disabled,
           title: /*#__PURE__*/React.createElement(ToolTipContent, {
             description: labelOrderedList,
             keymap: toggleOrderedListKeymap
           }),
           iconBefore: /*#__PURE__*/React.createElement(NumberListIcon, {
-            label: labelOrderedList
+            label: ""
           })
         }), isSeparator && /*#__PURE__*/React.createElement(Separator, null));
       } else {
@@ -195,10 +199,14 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           isOpen: isDropdownOpen,
           onOpenChange: this.onOpenChange,
           fitHeight: 188,
-          fitWidth: 175
+          fitWidth: 175,
+          shouldUseDefaultRole: true
         }, /*#__PURE__*/React.createElement(ToolbarButton, {
           spacing: isReducedSpacing ? 'none' : 'default',
           selected: bulletListActive || orderedListActive,
+          "aria-expanded": isDropdownOpen,
+          "aria-haspopup": true,
+          "aria-label": labelLists,
           disabled: disabled,
           onClick: this.handleTriggerClick,
           title: labelLists,

package/dist/esm/plugins/list/utils/node.js

@@ -71,10 +71,16 @@ export var joinSiblingLists = function joinSiblingLists(_ref) {
 
     var index = resolvedPos.index();
     var positionPreviousNode = resolvedPos.posAtIndex(index - 1);
-    var positionCurrentNode = resolvedPos.posAtIndex(index);
+    var positionCurrentNode = resolvedPos.posAtIndex(index); // If the previous node is part of the selection, OR
+    // If the previous node is not part of the selection and the previous node has the same list type that we’re converting to
+
+    var joinBefore = positionPreviousNode >= from || nodeBefore.type === forceListType;
 
     if (forceListType) {
-      tr.setNodeMarkup(positionPreviousNode, forceListType);
+      if (joinBefore) {
+        tr.setNodeMarkup(positionPreviousNode, forceListType);
+      }
+
       tr.setNodeMarkup(positionCurrentNode, forceListType);
     }
 
@@ -83,7 +89,9 @@ export var joinSiblingLists = function joinSiblingLists(_ref) {
       tr.setNodeMarkup(positionPreviousNode, nodeType);
     }
 
-    joins.push(pos);
+    if (joinBefore) {
+      joins.push(pos);
+    }
   });
 
   if (selection.empty && rootListNode && isListNode(rootListNode)) {

package/dist/esm/plugins/list/utils/selection.js

@@ -1,6 +1,6 @@
 import { findWrapping } from 'prosemirror-transform';
 import { Selection, TextSelection, NodeSelection } from 'prosemirror-state';
-import { findParentNodeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
+import { findParentNodeClosestToPos, findParentNodeOfType, hasParentNodeOfType } from 'prosemirror-utils';
 import { GapCursorSelection } from '../../selection/gap-cursor-selection';
 import { isListItemNode, isListNode, isParagraphNode } from './node';
 export var isPosInsideParagraph = function isPosInsideParagraph($pos) {
@@ -38,6 +38,12 @@ export var isInsideListItem = function isInsideListItem(state) {
 
   return hasParentNodeOfType(listItem)(state.selection) && isParagraphNode(parent);
 };
+export var isInsideTableCell = function isInsideTableCell(state) {
+  var _state$schema$nodes = state.schema.nodes,
+      tableCell = _state$schema$nodes.tableCell,
+      tableHeader = _state$schema$nodes.tableHeader;
+  return !!findParentNodeOfType([tableCell, tableHeader])(state.selection);
+};
 export var canJoinToPreviousListItem = function canJoinToPreviousListItem(state) {
   var $from = state.selection.$from;
   var $before = state.doc.resolve($from.pos - 1);

package/dist/esm/plugins/macro/actions.js

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import assert from 'assert';
 import { Selection, NodeSelection, TextSelection } from 'prosemirror-state';
 import { safeInsert, replaceSelectedNode, findSelectedNodeOfType, replaceParentNodeOfType } from 'prosemirror-utils';
-import { getValidNode } from '@atlaskit/editor-common';
+import { getValidNode } from '@atlaskit/editor-common/validator';
 import { normaliseNestedLayout } from '../../utils';
 import { getPluginState as getExtensionPluginState } from '../extension/plugin-factory';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';

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

@@ -4,12 +4,12 @@ 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) { _defineProperty(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; }
 
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { setMacroProvider } from './actions';
 import { pluginKey } from './plugin-key';
 export { insertMacroFromMacroBrowser, resolveMacro, runMacroAutoConvert, setMacroProvider } from './actions';
 export var createPlugin = function createPlugin(dispatch, providerFactory) {
-  return new Plugin({
+  return new SafePlugin({
     state: {
       init: function init() {
         return {

package/dist/esm/plugins/max-content-size/index.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export var pluginKey = new PluginKey('maxContentSizePlugin');
 export function createPlugin(dispatch, maxContentSize) {
   if (!maxContentSize) {
@@ -6,7 +7,7 @@ export function createPlugin(dispatch, maxContentSize) {
   }
 
   var maxContentSizeReached = false;
-  return new Plugin({
+  return new SafePlugin({
     filterTransaction: function filterTransaction(tr) {
       var result = tr.doc && tr.doc.nodeSize > maxContentSize;
 

package/dist/esm/plugins/media/commands/helpers.js

@@ -23,6 +23,24 @@ export var findMediaSingleNode = function findMediaSingleNode(mediaPluginState,
     return memo;
   }, null);
 };
+/**
+ * Finds the media inline node with the given id.
+ * Media Inline is inserted like a media single node into the media plugin state.
+ * However it is not of type mediaSingle.
+ *
+ * @param mediaPluginState
+ * @param id
+ * @param isMediaSingle
+ * @returns {MediaNodeWithPosHandler | null}
+ */
+
+export var findMediaInlineNode = function findMediaInlineNode(mediaPluginState, id, isMediaSingle) {
+  if (!isMediaSingle) {
+    return findMediaSingleNode(mediaPluginState, id);
+  }
+
+  return null;
+};
 export var findAllMediaSingleNodes = function findAllMediaSingleNodes(mediaPluginState, id) {
   var mediaNodes = mediaPluginState.mediaNodes;
   return mediaNodes.filter(function (nodeWithHandler) {
@@ -30,7 +48,12 @@ export var findAllMediaSingleNodes = function findAllMediaSingleNodes(mediaPlugi
   });
 };
 export var findMediaNode = function findMediaNode(mediaPluginState, id, isMediaSingle) {
-  var mediaNodeWithPos = isMediaSingle ? findMediaSingleNode(mediaPluginState, id) : mediaPluginState.mediaGroupNodes[id];
+  var mediaNodeWithPos = isMediaSingle ? findMediaSingleNode(mediaPluginState, id) : mediaPluginState.mediaGroupNodes[id]; // Should attempt to find media inline node if media single node or media group node is not found
+
+  if (!mediaNodeWithPos) {
+    return findMediaInlineNode(mediaPluginState, id, isMediaSingle);
+  }
+
   return mediaNodeWithPos;
 };
 export var isMobileUploadCompleted = function isMobileUploadCompleted(mediaPluginState, mediaId) {

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

@@ -72,6 +72,7 @@ var mediaPlugin = function mediaPlugin(options) {
         plugin: function plugin(_ref2) {
           var schema = _ref2.schema,
               dispatch = _ref2.dispatch,
+              getIntl = _ref2.getIntl,
               eventDispatcher = _ref2.eventDispatcher,
               providerFactory = _ref2.providerFactory,
               errorReporter = _ref2.errorReporter,
@@ -92,7 +93,7 @@ var mediaPlugin = function mediaPlugin(options) {
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
             allowResizing: !!(options && options.allowResizing)
-          }, reactContext, dispatch, options);
+          }, reactContext, getIntl, dispatch, options);
         }
       }, {
         name: 'mediaKeymap',

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

@@ -16,7 +16,7 @@ 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; } }
 
-import { WithProviders } from '@atlaskit/editor-common';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import { Filmstrip } from '@atlaskit/media-filmstrip';
 import React from 'react';
@@ -29,6 +29,8 @@ import { pluginKey as editorDisabledPluginKey } from '../../editor-disabled';
 import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
+import { injectIntl } from 'react-intl-next';
+import { messages } from './messages';
 
 var isMediaGroupSelectedFromProps = function isMediaGroupSelectedFromProps(props) {
   return isNodeSelectedOrInRange(props.anchorPos, props.headPos, props.getPos(), props.node.nodeSize);
@@ -147,7 +149,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
               actions: [{
                 handler: disabled ? function () {} : _this.mediaPluginState.handleMediaNodeRemoval.bind(null, undefined, getNodePos),
                 icon: /*#__PURE__*/React.createElement(EditorCloseIcon, {
-                  label: "delete"
+                  label: _this.props.intl.formatMessage(messages.mediaGroupDeleteLabel)
                 })
               }]
             };
@@ -293,7 +295,8 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(MediaGroup, "displayName", 'MediaGroup');
 
-export { MediaGroup as default };
+var IntlMediaGroup = injectIntl(MediaGroup);
+export default IntlMediaGroup;
 
 var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(MediaGroupNodeView, _ReactNodeView);
@@ -328,7 +331,7 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
               return null;
             }
 
-            return /*#__PURE__*/React.createElement(MediaGroup, {
+            return /*#__PURE__*/React.createElement(IntlMediaGroup, {
               node: _this3.node,
               getPos: getPos,
               view: _this3.view,

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

@@ -4,19 +4,118 @@ import _get from "@babel/runtime/helpers/get";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { 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) { _defineProperty(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; }
+
 import React, { useEffect, useState } from 'react';
 import { SelectionBasedNodeView } from '../../../nodeviews/';
+import WithPluginState from '../../../ui/WithPluginState';
 import { MediaInlineCard } from '@atlaskit/media-card';
-import { WithProviders } from '@atlaskit/editor-common';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { MediaInlineNodeSelector } from './styles';
+import { stateKey as mediaStateKey } from '../pm-plugins/plugin-key';
+import { MediaNodeUpdater } from './mediaNodeUpdater';
+export var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
+  var node = props.node.firstChild;
+  return new 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
+ *
+ */
+
+export var updateMediaNodeAttributes = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var mediaNodeUpdater, addPendingTask, node, contextId, hasDifferentContextId, copyNode;
+    return _regeneratorRuntime.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);
+  };
+}();
+export var handleNewNode = function handleNewNode(props) {
+  var node = props.node,
+      mediaPluginState = props.mediaPluginState,
+      getPos = props.getPos;
+  mediaPluginState.handleMediaNodeMount(node, function () {
+    return getPos();
+  });
+};
 export var MediaInline = function MediaInline(props) {
   var _useState = useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -24,22 +123,28 @@ export var MediaInline = function MediaInline(props) {
       setViewMediaClientConfig = _useState2[1];
 
   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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props) {
       var mediaProvider, _viewMediaClientConfig;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.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;
@@ -48,14 +153,14 @@ export 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);
     };
   }();
 
@@ -120,21 +225,41 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       var _this = this;
 
       var providerFactory = props.providerFactory;
+      var getPos = this.getPos;
       return /*#__PURE__*/React.createElement(WithProviders, {
-        providers: ['mediaProvider'],
+        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.createElement(MediaInline, {
-            identifier: _this.node.attrs.id,
-            mediaProvider: mediaProvider,
-            node: _this.node,
-            isSelected: _this.nodeInsideSelection()
+          return /*#__PURE__*/React.createElement(WithPluginState, {
+            editorView: _this.view,
+            plugins: {
+              mediaPluginState: mediaStateKey
+            },
+            render: function render(_ref4) {
+              var mediaPluginState = _ref4.mediaPluginState;
+
+              if (!mediaPluginState) {
+                return null;
+              }
+
+              return /*#__PURE__*/React.createElement(MediaInline, {
+                identifier: _this.node.attrs.id,
+                mediaProvider: mediaProvider,
+                mediaPluginState: mediaPluginState,
+                node: _this.node,
+                isSelected: _this.nodeInsideSelection(),
+                view: _this.view,
+                getPos: getPos,
+                contextIdentifierProvider: contextIdentifierProvider
+              });
+            }
           });
         }
       });
@@ -143,10 +268,11 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 
   return MediaInlineNodeView;
 }(SelectionBasedNodeView);
-export var ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory) {
+export 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();
   };
 };