@atlaskit/editor-core 176.0.3 → 177.0.0

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -547,6 +547,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }, buttons.map(function (btn) {
         return (0, _react2.jsx)(_ToolbarButton.default, {
           item: btn,
+          testId: String(btn.content),
           ref: btn.value.name === 'emoji' ? _this2.handleEmojiButtonRef : noop,
           key: btn.value.name,
           spacing: isReducedSpacing ? 'none' : 'default',
@@ -556,6 +557,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           title: btn.title,
           "aria-label": btn['aria-label'],
           "aria-haspopup": btn['aria-haspopup'],
+          "aria-keyshortcuts": btn['aria-keyshortcuts'],
           onItemClick: _this2.insertToolbarMenuItem
         });
       }), (0, _react2.jsx)("span", {

package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/item.js

@@ -53,6 +53,8 @@ var _keymaps = require("../../../../keymaps");
 
 var _shallowEquals = require("./shallow-equals");
 
+var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+
 /** @jsx jsx */
 var from = function from(init) {
   return {
@@ -67,8 +69,9 @@ var from = function from(init) {
     elemAfter: init.shortcut ? (0, _react2.jsx)("div", {
       css: _styles.shortcutStyle
     }, init.shortcut) : undefined,
-    'aria-label': init.content,
+    'aria-label': init.shortcut ? init.content + ' ' + init.shortcut : init.content,
     'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': init['aria-keyshortcuts'],
     shortcut: init.shortcut,
     isDisabled: init.disabled
   };
@@ -85,7 +88,8 @@ var action = mem(function (init) {
     disabled: init.disabled,
     name: 'action',
     shortcut: '[]',
-    Icon: _task.default
+    Icon: _task.default,
+    'aria-keyshortcuts': '[ ] Space'
   });
 });
 exports.action = action;
@@ -97,7 +101,8 @@ var link = mem(function (init) {
     name: 'link',
     shortcut: (0, _keymaps.tooltip)(_keymaps.addLink),
     Icon: _link.default,
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.addLink)
   });
 });
 exports.link = link;
@@ -129,7 +134,8 @@ var mention = mem(function (init) {
     name: 'mention',
     Icon: _mention.default,
     shortcut: '@',
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+2 Space'
   });
 });
 exports.mention = mention;
@@ -141,7 +147,8 @@ var emoji = mem(function (init) {
     name: 'emoji',
     Icon: _emoji.default,
     shortcut: ':',
-    'aria-haspopup': init['aria-haspopup']
+    'aria-haspopup': init['aria-haspopup'],
+    'aria-keyshortcuts': 'Shift+;'
   });
 });
 exports.emoji = emoji;
@@ -152,7 +159,8 @@ var table = mem(function (init) {
     disabled: init.disabled,
     name: 'table',
     Icon: _table.default,
-    shortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable)
+    shortcut: (0, _keymaps.tooltip)(_keymaps.toggleTable),
+    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(_keymaps.toggleTable)
   });
 });
 exports.table = table;
@@ -173,7 +181,8 @@ var codeblock = mem(function (init) {
     disabled: init.disabled,
     name: 'codeblock',
     Icon: _code.default,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(init.shortcut)
   });
 });
 exports.codeblock = codeblock;
@@ -184,7 +193,8 @@ var panel = mem(function (init) {
     disabled: init.disabled,
     name: 'panel',
     Icon: _info.default,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': (0, _keymaps2.getAriaKeyshortcuts)(init.shortcut)
   });
 });
 exports.panel = panel;
@@ -195,7 +205,8 @@ var blockquote = mem(function (init) {
     disabled: init.disabled,
     name: 'blockquote',
     Icon: _quote.default,
-    shortcut: init.shortcut
+    shortcut: init.shortcut,
+    'aria-keyshortcuts': 'Shift+. Space'
   });
 });
 exports.blockquote = blockquote;
@@ -206,7 +217,8 @@ var decision = mem(function (init) {
     disabled: init.disabled,
     name: 'decision',
     Icon: _decision.default,
-    shortcut: '<>'
+    shortcut: '<>',
+    'aria-keyshortcuts': 'Shift+, Shift+. Space'
   });
 });
 exports.decision = decision;
@@ -217,7 +229,8 @@ var horizontalrule = mem(function (init) {
     disabled: init.disabled,
     name: 'horizontalrule',
     Icon: _horizontalRule.default,
-    shortcut: '---'
+    shortcut: '---',
+    'aria-keyshortcuts': '- - -'
   });
 });
 exports.horizontalrule = horizontalrule;
@@ -238,7 +251,8 @@ var date = mem(function (init) {
     disabled: init.disabled,
     name: 'date',
     Icon: _date.default,
-    shortcut: '//'
+    shortcut: '//',
+    'aria-keyshortcuts': '/ / Enter'
   });
 });
 exports.date = date;

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

@@ -96,6 +96,7 @@ var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSi
       id: 'editor.layout.delete',
       type: 'button',
       appearance: 'danger',
+      focusEditoronEnter: true,
       icon: _remove.default,
       testId: _messages.default.remove.id,
       title: intl.formatMessage(_messages.default.remove),

package/dist/cjs/plugins/list/actions/outdent-list-items-selected.js

@@ -1,16 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.outdentListItemsSelected = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorModel = require("prosemirror-model");
 
 var _prosemirrorTransform = require("prosemirror-transform");
 
+var _utils = require("@atlaskit/editor-common/utils");
+
 var _node = require("../utils/node");
 
 var _find = require("../utils/find");
@@ -19,7 +25,13 @@ var _selection = require("../utils/selection");
 
 var _gapCursorSelection = require("../../selection/gap-cursor-selection");
 
-var outdentListItemsSelected = function outdentListItemsSelected(tr) {
+var _featureFlagsContext = require("../../feature-flags-context");
+
+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 outdentListItemsSelected = function outdentListItemsSelected(tr, state) {
   var originalSelection = tr.selection;
   var normalizedSelection = (0, _selection.normalizeListItemsSelection)({
     selection: tr.selection,
@@ -59,7 +71,8 @@ var outdentListItemsSelected = function outdentListItemsSelected(tr) {
     } else {
       extractListItemsRangeFromList({
         tr: tr,
-        range: mappedRange
+        range: mappedRange,
+        state: state
       });
       hasNormalizedToPositionLiftedOut = hasNormalizedToPositionLiftedOut || oldTo >= range.from && oldTo < range.to;
       hasNormalizedFromPositionLiftedOut = hasNormalizedFromPositionLiftedOut || oldFrom >= range.from && oldFrom < range.to;
@@ -206,7 +219,8 @@ var outdentRangeToParentList = function outdentRangeToParentList(_ref2) {
 
 var extractListItemsRangeFromList = function extractListItemsRangeFromList(_ref3) {
   var tr = _ref3.tr,
-      range = _ref3.range;
+      range = _ref3.range,
+      state = _ref3.state;
   var list = range.parent;
   var $start = tr.doc.resolve(range.start);
   var listStart = $start.start(range.depth);
@@ -231,7 +245,23 @@ var extractListItemsRangeFromList = function extractListItemsRangeFromList(_ref3
     }
   }
 
-  var nextListFragment = listItemContent.append(_prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty)));
+  var nextList = list.copy(_prosemirrorModel.Fragment.empty);
+  var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(state);
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    // if splitting a numbered list, keep the splitted item
+    // counter as the start of the next (second half) list (instead
+    // of reverting back to 1 as a starting number)
+    var order = (0, _utils.getOrderFromOrderedListNode)(list);
+
+    if (list.type.name === 'orderedList') {
+      nextList.attrs = _objectSpread(_objectSpread({}, nextList.attrs), {}, {
+        order: range.endIndex - 1 + order
+      });
+    }
+  }
+
+  var nextListFragment = listItemContent.append(_prosemirrorModel.Fragment.from(nextList));
 
   if (isTheEntireList) {
     var slice = new _prosemirrorModel.Slice(listItemContent, 0, 0);

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

@@ -46,7 +46,7 @@ function outdentList() {
     (0, _prosemirrorHistory.closeHistory)(state.tr);
     var actionSubjectId = (0, _node.isBulletList)(parentListNode.node) ? _analytics.ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : _analytics.ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
     var customTr = state.tr;
-    (0, _outdentListItemsSelected.outdentListItemsSelected)(customTr);
+    (0, _outdentListItemsSelected.outdentListItemsSelected)(customTr, state);
 
     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

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

@@ -25,7 +25,11 @@ var _keymaps = require("../../keymaps");
 
 var _assets = require("../quick-insert/assets");
 
-var listPlugin = function listPlugin() {
+/*
+  Toolbar buttons to bullet and ordered list can be found in
+  packages/editor/editor-core/src/plugins/toolbar-lists-indentation/ui/Toolbar.tsx
+ */
+var listPlugin = function listPlugin(options) {
   return {
     name: 'list',
     nodes: function nodes() {
@@ -34,7 +38,7 @@ var listPlugin = function listPlugin() {
         node: _adfSchema.bulletList
       }, {
         name: 'orderedList',
-        node: _adfSchema.orderedList
+        node: options !== null && options !== void 0 && options.restartNumberedLists ? _adfSchema.orderedListWithOrder : _adfSchema.orderedList
       }, {
         name: 'listItem',
         node: _adfSchema.listItem

package/dist/cjs/plugins/list/pm-plugins/input-rules/create-list-input-rule.js

@@ -11,7 +11,8 @@ var _analytics = require("../../../analytics");
 
 function createRuleForListType(_ref) {
   var listType = _ref.listType,
-      expression = _ref.expression;
+      expression = _ref.expression,
+      featureFlags = _ref.featureFlags;
   var isBulletList = listType.name === 'bulletList';
   var actionSubjectId = isBulletList ? _analytics.ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : _analytics.ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
   var analyticsPayload = {
@@ -28,10 +29,20 @@ function createRuleForListType(_ref) {
     return node.type === listType;
   };
 
+  var getAttrs = {};
+
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+    getAttrs = function getAttrs(matchResult) {
+      return {
+        order: Number(matchResult[1])
+      };
+    };
+  }
+
   var inputRule = (0, _inputRules.createWrappingJoinRule)({
     match: expression,
     nodeType: listType,
-    getAttrs: {},
+    getAttrs: getAttrs,
     joinPredicate: shouldJoinNextNodeWhen
   });
   return (0, _inputRules.ruleWithAnalytics)(analyticsPayload)(inputRule);

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

@@ -25,10 +25,13 @@ function inputRulePlugin(schema, featureFlags) {
     }));
   }
 
+  var expression = featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists ? /((^[1-9]{1}[0-9]{0,2})|^(0))[\.\)] $/ : /^(1)[\.\)] $/;
+
   if (orderedList) {
     rules.push((0, _createListInputRule.createRuleForListType)({
-      expression: /^(1)[\.\)] $/,
-      listType: orderedList
+      expression: expression,
+      listType: orderedList,
+      featureFlags: featureFlags
     }));
   }
 

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

@@ -29,6 +29,10 @@ var _gapCursorSelection = require("../../selection/gap-cursor-selection");
 
 var _styles = require("@atlaskit/editor-common/styles");
 
+var _utils2 = require("@atlaskit/editor-common/utils");
+
+var _featureFlagsContext = require("../../feature-flags-context");
+
 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; }
@@ -44,8 +48,9 @@ var initialState = {
   decorationSet: _prosemirrorView.DecorationSet.empty
 };
 
-var getDecorations = function getDecorations(doc) {
-  var decorations = []; // this stack keeps track of each (nested) list to calculate the indentation level
+var getDecorations = function getDecorations(doc, state) {
+  var decorations = [];
+  var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(state); // this stack keeps track of each (nested) list to calculate the indentation level
 
   var processedListsStack = [];
   doc.nodesBetween(0, doc.content.size, function (node, currentNodeStartPos) {
@@ -76,10 +81,27 @@ var getDecorations = function getDecorations(doc) {
         'data-indent-level': "".concat(depth)
       }));
 
-      if (node.childCount >= 100) {
-        decorations.push(_prosemirrorView.Decoration.node(from, to, {
-          'data-child-count': '100+'
-        }));
+      if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
+        var _node$attrs;
+
+        // If a numbered list has item counters numbering >= 100, we'll need to add special
+        // spacing to account for the extra digit chars
+        var digitsSize = (0, _utils2.getItemCounterDigitsSize)({
+          itemsCount: node === null || node === void 0 ? void 0 : node.childCount,
+          order: node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.order
+        });
+
+        if (digitsSize) {
+          decorations.push(_prosemirrorView.Decoration.node(from, to, {
+            style: (0, _styles.getOrderedListInlineStyles)(digitsSize, 'string')
+          }));
+        }
+      } else {
+        if (node.childCount >= 100) {
+          decorations.push(_prosemirrorView.Decoration.node(from, to, {
+            'data-child-count': '100+'
+          }));
+        }
       }
     }
   });
@@ -88,9 +110,9 @@ var getDecorations = function getDecorations(doc) {
 
 exports.getDecorations = getDecorations;
 
-var handleDocChanged = function handleDocChanged(tr, pluginState) {
+var handleDocChanged = function handleDocChanged(tr, pluginState, editorState) {
   var nextPluginState = handleSelectionChanged(tr, pluginState);
-  var decorationSet = getDecorations(tr.doc);
+  var decorationSet = getDecorations(tr.doc, editorState);
   return _objectSpread(_objectSpread({}, nextPluginState), {}, {
     decorationSet: decorationSet
   });
@@ -135,7 +157,7 @@ var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(listPluginKey, reduc
 
 var createInitialState = function createInitialState(state) {
   return _objectSpread(_objectSpread({}, initialState), {}, {
-    decorationSet: getDecorations(state.doc)
+    decorationSet: getDecorations(state.doc, state)
   });
 };
 
@@ -165,7 +187,7 @@ var createPlugin = function createPlugin(eventDispatch) {
             var _document, _document$elementFrom;
 
             var bufferPx = 50;
-            var isCodeBlockNextToListMarker = Boolean((_document = document) === null || _document === void 0 ? void 0 : (_document$elementFrom = _document.elementFromPoint(event.clientX + (_styles.listPaddingLeftMarkerSpace + bufferPx), event.clientY)) === null || _document$elementFrom === void 0 ? void 0 : _document$elementFrom.closest(".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER)));
+            var isCodeBlockNextToListMarker = Boolean((_document = document) === null || _document === void 0 ? void 0 : (_document$elementFrom = _document.elementFromPoint(event.clientX + (_styles.listItemCounterPadding + bufferPx), event.clientY)) === null || _document$elementFrom === void 0 ? void 0 : _document$elementFrom.closest(".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER)));
 
             if (isCodeBlockNextToListMarker) {
               // +1 needed to put cursor inside li

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

@@ -15,6 +15,10 @@ Object.defineProperty(exports, "insertMediaSingleNode", {
 
 var _react = _interopRequireDefault(require("react"));
 
+var _prosemirrorState = require("prosemirror-state");
+
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _adfSchema = require("@atlaskit/adf-schema");
 
 var _main = require("./pm-plugins/main");
@@ -176,6 +180,37 @@ var mediaPlugin = function mediaPlugin(options) {
         });
       }
 
+      pmPlugins.push({
+        name: 'mediaSelectionHandler',
+        plugin: function plugin() {
+          var mediaSelectionHandlerPlugin = new _safePlugin.SafePlugin({
+            key: new _prosemirrorState.PluginKey('mediaSelectionHandlerPlugin'),
+            props: {
+              handleScrollToSelection: function handleScrollToSelection(view) {
+                var selection = view.state.selection;
+
+                if (!(selection instanceof _prosemirrorState.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(_ref7) {

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

@@ -113,13 +113,12 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       var oldMediaNodes = _this.mediaNodes;
       _this.mediaNodes = [];
       node.forEach(function (item, childOffset) {
-        _this.mediaPluginState.mediaGroupNodes[item.attrs.id] = {
-          node: item,
-          getPos: function getPos() {
-            return props.getPos() + childOffset + 1;
-          }
+        var getPos = function getPos() {
+          return props.getPos() + childOffset + 1;
         };
 
+        _this.mediaPluginState.setMediaGroupNode(item, getPos);
+
         _this.mediaNodes.push(item);
       });
 
@@ -263,7 +262,9 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
                   }
 
                   _context.next = 14;
-                  return mediaNodeUpdater.copyNode();
+                  return mediaNodeUpdater.copyNode({
+                    traceId: node.attrs.__mediaTraceId
+                  });
 
                 case 14:
                 case "end":

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

@@ -120,7 +120,9 @@ var updateMediaNodeAttributes = /*#__PURE__*/function () {
             }
 
             _context.prev = 13;
-            copyNode = mediaNodeUpdater.copyNode();
+            copyNode = mediaNodeUpdater.copyNode({
+              traceId: node.attrs.__mediaTraceId
+            });
             addPendingTask(copyNode);
             _context.next = 18;
             return copyNode;

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

@@ -484,80 +484,86 @@ var MediaNodeUpdater = /*#__PURE__*/function () {
         return _ref7.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2.default)(this, "copyNode", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8() {
-      var mediaProvider, _this$props, isMediaSingle, view, attrs, nodeContextId, uploadMediaClientConfig, mediaClient, auth, objectId, id, collection, source, currentCollectionName, destination, mediaFile;
+    (0, _defineProperty2.default)(this, "copyNode", /*#__PURE__*/function () {
+      var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee8(traceContext) {
+        var mediaProvider, _this$props, isMediaSingle, view, attrs, nodeContextId, uploadMediaClientConfig, mediaClient, auth, objectId, id, collection, source, currentCollectionName, destination, mediaFile;
 
-      return _regenerator.default.wrap(function _callee8$(_context8) {
-        while (1) {
-          switch (_context8.prev = _context8.next) {
-            case 0:
-              _context8.next = 2;
-              return _this.props.mediaProvider;
+        return _regenerator.default.wrap(function _callee8$(_context8) {
+          while (1) {
+            switch (_context8.prev = _context8.next) {
+              case 0:
+                _context8.next = 2;
+                return _this.props.mediaProvider;
 
-            case 2:
-              mediaProvider = _context8.sent;
-              _this$props = _this.props, isMediaSingle = _this$props.isMediaSingle, view = _this$props.view;
-              attrs = _this.getAttrs();
+              case 2:
+                mediaProvider = _context8.sent;
+                _this$props = _this.props, isMediaSingle = _this$props.isMediaSingle, view = _this$props.view;
+                attrs = _this.getAttrs();
 
-              if (!(!mediaProvider || !mediaProvider.uploadParams || !attrs || attrs.type !== 'file')) {
-                _context8.next = 7;
-                break;
-              }
+                if (!(!mediaProvider || !mediaProvider.uploadParams || !attrs || attrs.type !== 'file')) {
+                  _context8.next = 7;
+                  break;
+                }
 
-              return _context8.abrupt("return");
+                return _context8.abrupt("return");
 
-            case 7:
-              nodeContextId = _this.getNodeContextId();
-              uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
+              case 7:
+                nodeContextId = _this.getNodeContextId();
+                uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
 
-              if (!(uploadMediaClientConfig && uploadMediaClientConfig.getAuthFromContext && nodeContextId)) {
-                _context8.next = 25;
-                break;
-              }
+                if (!(uploadMediaClientConfig && uploadMediaClientConfig.getAuthFromContext && nodeContextId)) {
+                  _context8.next = 25;
+                  break;
+                }
 
-              mediaClient = (0, _mediaClient.getMediaClient)(uploadMediaClientConfig);
-              _context8.next = 13;
-              return uploadMediaClientConfig.getAuthFromContext(nodeContextId);
+                mediaClient = (0, _mediaClient.getMediaClient)(uploadMediaClientConfig);
+                _context8.next = 13;
+                return uploadMediaClientConfig.getAuthFromContext(nodeContextId);
 
-            case 13:
-              auth = _context8.sent;
-              _context8.next = 16;
-              return _this.getObjectId();
+              case 13:
+                auth = _context8.sent;
+                _context8.next = 16;
+                return _this.getObjectId();
 
-            case 16:
-              objectId = _context8.sent;
-              id = attrs.id, collection = attrs.collection;
-              source = {
-                id: id,
-                collection: collection,
-                authProvider: function authProvider() {
-                  return Promise.resolve(auth);
-                }
-              };
-              currentCollectionName = mediaProvider.uploadParams.collection;
-              destination = {
-                collection: currentCollectionName,
-                authProvider: uploadMediaClientConfig.authProvider,
-                occurrenceKey: (0, _v.default)()
-              };
-              _context8.next = 23;
-              return mediaClient.file.copyFile(source, destination);
-
-            case 23:
-              mediaFile = _context8.sent;
-              (0, _helpers.updateMediaNodeAttrs)(source.id, {
-                id: mediaFile.id,
-                collection: currentCollectionName,
-                __contextId: objectId
-              }, isMediaSingle)(view.state, view.dispatch);
+              case 16:
+                objectId = _context8.sent;
+                id = attrs.id, collection = attrs.collection;
+                source = {
+                  id: id,
+                  collection: collection,
+                  authProvider: function authProvider() {
+                    return Promise.resolve(auth);
+                  }
+                };
+                currentCollectionName = mediaProvider.uploadParams.collection;
+                destination = {
+                  collection: currentCollectionName,
+                  authProvider: uploadMediaClientConfig.authProvider,
+                  occurrenceKey: (0, _v.default)()
+                };
+                _context8.next = 23;
+                return mediaClient.file.copyFile(source, destination, undefined, traceContext);
 
-            case 25:
-            case "end":
-              return _context8.stop();
+              case 23:
+                mediaFile = _context8.sent;
+                (0, _helpers.updateMediaNodeAttrs)(source.id, {
+                  id: mediaFile.id,
+                  collection: currentCollectionName,
+                  __contextId: objectId
+                }, isMediaSingle)(view.state, view.dispatch);
+
+              case 25:
+              case "end":
+                return _context8.stop();
+            }
           }
-        }
-      }, _callee8);
-    })));
+        }, _callee8);
+      }));
+
+      return function (_x3) {
+        return _ref8.apply(this, arguments);
+      };
+    }());
     this.props = props;
   }
 
@@ -723,7 +729,7 @@ var MediaNodeUpdater = /*#__PURE__*/function () {
         }, _callee10, this, [[1, 6]]);
       }));
 
-      function handleExternalMedia(_x3) {
+      function handleExternalMedia(_x4) {
         return _handleExternalMedia.apply(this, arguments);
       }
 

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

@@ -226,7 +226,9 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
                 });
 
                 _context2.prev = 24;
-                copyNode = mediaNodeUpdater.copyNode();
+                copyNode = mediaNodeUpdater.copyNode({
+                  traceId: node.attrs.__mediaTraceId
+                });
                 addPendingTask(copyNode);
                 _context2.next = 29;
                 return copyNode;