@atlaskit/editor-core 174.0.0 → 175.0.0

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

@@ -23,6 +23,12 @@ var _node = require("../utils/node");
 
 var _pluginStateFactory = require("../../../utils/plugin-state-factory");
 
+var _utils = require("../../../utils");
+
+var _gapCursorSelection = require("../../selection/gap-cursor-selection");
+
+var _styles = require("@atlaskit/editor-common/styles");
+
 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; }
@@ -143,6 +149,34 @@ var createPlugin = function createPlugin(eventDispatch) {
             decorationSet = _getPluginState.decorationSet;
 
         return decorationSet;
+      },
+      handleClick: function handleClick(view, pos, event) {
+        var state = view.state;
+
+        if (['LI', 'UL'].includes((event === null || event === void 0 ? void 0 : event.target).tagName)) {
+          var _nodeAtPos$firstChild;
+
+          var nodeAtPos = state.tr.doc.nodeAt(pos);
+          var _view$state$schema$no = view.state.schema.nodes,
+              listItem = _view$state$schema$no.listItem,
+              codeBlock = _view$state$schema$no.codeBlock;
+
+          if ((nodeAtPos === null || nodeAtPos === void 0 ? void 0 : nodeAtPos.type) === listItem && (nodeAtPos === null || nodeAtPos === void 0 ? void 0 : (_nodeAtPos$firstChild = nodeAtPos.firstChild) === null || _nodeAtPos$firstChild === void 0 ? void 0 : _nodeAtPos$firstChild.type) === codeBlock) {
+            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)));
+
+            if (isCodeBlockNextToListMarker) {
+              // +1 needed to put cursor inside li
+              // otherwise gap cursor markup will be injected as immediate child of ul resulting in invalid html
+              (0, _utils.setGapCursorSelection)(view, pos + 1, _gapCursorSelection.Side.LEFT);
+              return true;
+            }
+          }
+        }
+
+        return false;
       }
     }
   });

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

@@ -13,7 +13,11 @@ var _react = require("@emotion/react");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _styles = require("@atlaskit/editor-common/styles");
+
 var _templateObject;
 
-var listsStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror li {\n    position: relative;\n\n    > p:not(:first-child) {\n      margin: 4px 0 0 0;\n    }\n\n    // In SSR the above rule will apply to all p tags because first-child would be a style tag.\n    // The following rule resets the first p tag back to its original margin\n    // defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n    > style:first-child + p {\n      margin-top: ", ";\n    }\n  }\n"])), _editorSharedStyles.blockNodesVerticalMargin);
+var listsStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror li {\n    position: relative;\n\n    > p:not(:first-child) {\n      margin: 4px 0 0 0;\n    }\n\n    // In SSR the above rule will apply to all p tags because first-child would be a style tag.\n    // The following rule resets the first p tag back to its original margin\n    // defined in packages/editor/editor-common/src/styles/shared/paragraph.ts\n    > style:first-child + p {\n      margin-top: ", ";\n    }\n\n    ", "\n  }\n"])), _editorSharedStyles.blockNodesVerticalMargin, _utils.browser.safari ? _styles.codeBlockInListSafariFix : '');
 exports.listsStyles = listsStyles;

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

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.liftFollowingList = liftFollowingList;
-exports.liftSelectionList = liftSelectionList;
+exports.liftNodeSelectionList = liftNodeSelectionList;
+exports.liftTextSelectionList = liftTextSelectionList;
 exports.upgradeTextToLists = exports.splitParagraphs = exports.splitIntoParagraphs = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -68,11 +69,34 @@ function liftFollowingList(from, to, rootListDepth, tr) {
       }
     }
   });
+  return tr;
+}
+
+function liftNodeSelectionList(selection, tr) {
+  var from = selection.from;
+  var listItem = tr.doc.type.schema.nodes.listItem;
+  var mappedPosition = tr.mapping.map(from);
+  var nodeAtPos = tr.doc.nodeAt(mappedPosition);
+  var start = tr.doc.resolve(mappedPosition);
+
+  if ((start === null || start === void 0 ? void 0 : start.parent.type) !== listItem) {
+    return tr;
+  }
+
+  var end = tr.doc.resolve(mappedPosition + ((nodeAtPos === null || nodeAtPos === void 0 ? void 0 : nodeAtPos.nodeSize) || 1));
+  var range = start.blockRange(end);
+
+  if (range) {
+    var _liftTarget = (0, _indentation.getListLiftTarget)(start);
+
+    tr.lift(range, _liftTarget);
+  }
+
   return tr;
 } // The function will list paragraphs in selection out to level 1 below root list.
 
 
-function liftSelectionList(selection, tr) {
+function liftTextSelectionList(selection, tr) {
   var from = selection.from,
       to = selection.to;
   var paragraph = tr.doc.type.schema.nodes.paragraph;
@@ -264,8 +288,15 @@ var splitIntoParagraphs = function splitIntoParagraphs(_ref) {
       hardBreak = _schema$nodes3.hardBreak,
       paragraph = _schema$nodes3.paragraph;
   fragment.forEach(function (node, i) {
-    // ED-14725 Fixed the issue that it make duplicated line
+    var isNodeValidContentForParagraph = schema.nodes.paragraph.validContent(_prosemirrorModel.Fragment.from(node));
+
+    if (!isNodeValidContentForParagraph) {
+      paragraphs.push(node);
+      return;
+    } // ED-14725 Fixed the issue that it make duplicated line
     // when pasting <br /> from google docs.
+
+
     if (i === 0 && node.type === hardBreak) {
       paragraphs.push(paragraph.createChecked(undefined, curChildren, (0, _toConsumableArray2.default)(blockMarks)));
       lastNode = node;

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

@@ -31,7 +31,14 @@ exports.isPosInsideList = isPosInsideList;
 var isWrappingPossible = function isWrappingPossible(nodeType, selection) {
   var $from = selection.$from,
       $to = selection.$to;
-  var range = $from.blockRange($to);
+  var range;
+
+  if (selection instanceof _gapCursorSelection.GapCursorSelection && $from.nodeAfter) {
+    var nodeSize = $from.nodeAfter.nodeSize || 1;
+    range = $from.blockRange($from.doc.resolve($from.pos + nodeSize));
+  } else {
+    range = $from.blockRange($to);
+  }
 
   if (!range) {
     return false;

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

@@ -110,6 +110,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setMediaItems", function (props) {
       var node = props.node;
+      var oldMediaNodes = _this.mediaNodes;
       _this.mediaNodes = [];
       node.forEach(function (item, childOffset) {
         _this.mediaPluginState.mediaGroupNodes[item.attrs.id] = {
@@ -121,6 +122,8 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
 
         _this.mediaNodes.push(item);
       });
+
+      _this.mediaPluginState.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getIdentifier", function (item) {
       if (item.attrs.type === 'external') {
@@ -275,6 +278,11 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
         };
       }());
     }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.mediaPluginState.handleMediaGroupUpdate(this.mediaNodes, []);
+    }
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {

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

@@ -71,6 +71,8 @@ var _CaptionPlaceholder = require("../ui/CaptionPlaceholder");
 
 var _reactIntlNext = require("react-intl-next");
 
+var _mediaTaskManager = require("./mediaTaskManager");
+
 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; }
@@ -120,10 +122,11 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "layout", 'center');
     (0, _defineProperty2.default)(this, "mediaNodes", []);
     (0, _defineProperty2.default)(this, "mediaGroupNodes", {});
-    (0, _defineProperty2.default)(this, "pendingTask", Promise.resolve(null));
     (0, _defineProperty2.default)(this, "destroyed", false);
     (0, _defineProperty2.default)(this, "removeOnCloseListener", function () {});
     (0, _defineProperty2.default)(this, "onPopupToggleCallback", function () {});
+    (0, _defineProperty2.default)(this, "nodeCount", new Map());
+    (0, _defineProperty2.default)(this, "taskManager", new _mediaTaskManager.MediaTaskManager());
     (0, _defineProperty2.default)(this, "pickers", []);
     (0, _defineProperty2.default)(this, "pickerPromises", []);
     (0, _defineProperty2.default)(this, "onContextIdentifierProvider", /*#__PURE__*/function () {
@@ -330,17 +333,16 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       };
 
       if (!isEndState(mediaStateWithContext)) {
-        // Chain the previous promise with a new one for this media item
-        _this.addPendingTask(new Promise(function (resolve) {
+        var uploadingPromise = new Promise(function (resolve) {
           onMediaStateChanged(function (newState) {
             // When media item reaches its final state, remove listener and resolve
             if (isEndState(newState)) {
               resolve(newState);
             }
           });
-        }));
+        });
 
-        _this.pendingTask.then(function () {
+        _this.taskManager.addPendingTask(uploadingPromise, mediaStateWithContext.id).then(function () {
           _this.updateAndDispatch({
             allUploadsFinished: true
           });
@@ -354,14 +356,8 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
         view.focus();
       }
     });
-    (0, _defineProperty2.default)(this, "addPendingTask", function (promise) {
-      var currentPendingTask = _this.pendingTask;
-
-      var pendingPromise = function pendingPromise() {
-        return currentPendingTask;
-      };
-
-      _this.pendingTask = promise.then(pendingPromise, pendingPromise);
+    (0, _defineProperty2.default)(this, "addPendingTask", function (task) {
+      _this.taskManager.addPendingTask(task);
     });
     (0, _defineProperty2.default)(this, "splitMediaGroup", function () {
       return (0, _mediaCommon.splitMediaGroup)(_this.view);
@@ -382,54 +378,74 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "onPopupToggle", function (onPopupToggleCallback) {
       _this.onPopupToggleCallback = onPopupToggleCallback;
     });
-    (0, _defineProperty2.default)(this, "waitForPendingTasks", function (timeout, lastTask) {
-      if (lastTask && _this.pendingTask === lastTask) {
-        return lastTask;
+    (0, _defineProperty2.default)(this, "waitForPendingTasks", this.taskManager.waitForPendingTasks);
+    (0, _defineProperty2.default)(this, "handleMediaNodeRemoval", function (node, getPos) {
+      var getNode = node;
+
+      if (!getNode) {
+        getNode = _this.view.state.doc.nodeAt(getPos());
       }
 
-      var chainedPromise = _this.pendingTask.then(function () {
-        return (// Call ourselves to make sure that no new pending tasks have been
-          // added before the current promise has resolved.
-          _this.waitForPendingTasks(undefined, _this.pendingTask)
-        );
-      });
+      (0, _mediaCommon.removeMediaNode)(_this.view, getNode, getPos);
+    });
+    (0, _defineProperty2.default)(this, "trackMediaNodeAddition", function (node) {
+      var _this$nodeCount$get;
+
+      var id = node.attrs.id;
+      var count = (_this$nodeCount$get = _this.nodeCount.get(id)) !== null && _this$nodeCount$get !== void 0 ? _this$nodeCount$get : 0;
 
-      if (!timeout) {
-        return chainedPromise;
+      if (count === 0) {
+        _this.taskManager.resumePendingTask(id);
       }
 
-      var rejectTimeout;
-      var timeoutPromise = new Promise(function (_resolve, reject) {
-        rejectTimeout = window.setTimeout(function () {
-          return reject(new Error("Media operations did not finish in ".concat(timeout, " ms")));
-        }, timeout);
-      });
-      return Promise.race([timeoutPromise, chainedPromise.then(function (value) {
-        clearTimeout(rejectTimeout);
-        return value;
-      })]);
+      _this.nodeCount.set(id, count + 1);
     });
-    (0, _defineProperty2.default)(this, "handleMediaNodeRemoval", function (node, getPos) {
-      var getNode = node;
+    (0, _defineProperty2.default)(this, "trackMediaNodeRemoval", function (node) {
+      var _this$nodeCount$get2;
 
-      if (!getNode) {
-        getNode = _this.view.state.doc.nodeAt(getPos());
+      var id = node.attrs.id;
+      var count = (_this$nodeCount$get2 = _this.nodeCount.get(id)) !== null && _this$nodeCount$get2 !== void 0 ? _this$nodeCount$get2 : 0;
+
+      if (count === 1) {
+        _this.taskManager.cancelPendingTask(id);
       }
 
-      (0, _mediaCommon.removeMediaNode)(_this.view, getNode, getPos);
+      _this.nodeCount.set(id, count - 1);
     });
     (0, _defineProperty2.default)(this, "handleMediaNodeMount", function (node, getPos) {
+      _this.trackMediaNodeAddition(node);
+
       _this.mediaNodes.unshift({
         node: node,
         getPos: getPos
       });
     });
     (0, _defineProperty2.default)(this, "handleMediaNodeUnmount", function (oldNode) {
+      _this.trackMediaNodeRemoval(oldNode);
+
       _this.mediaNodes = _this.mediaNodes.filter(function (_ref4) {
         var node = _ref4.node;
         return oldNode !== node;
       });
     });
+    (0, _defineProperty2.default)(this, "handleMediaGroupUpdate", function (oldNodes, newNodes) {
+      var addedNodes = newNodes.filter(function (node) {
+        return oldNodes.every(function (oldNode) {
+          return oldNode.attrs.id !== node.attrs.id;
+        });
+      });
+      var removedNodes = oldNodes.filter(function (node) {
+        return newNodes.every(function (newNode) {
+          return newNode.attrs.id !== node.attrs.id;
+        });
+      });
+      addedNodes.forEach(function (node) {
+        _this.trackMediaNodeAddition(node);
+      });
+      removedNodes.forEach(function (oldNode) {
+        _this.trackMediaNodeRemoval(oldNode);
+      });
+    });
     (0, _defineProperty2.default)(this, "findMediaNode", function (id) {
       return helpers.findMediaSingleNode(_this, id);
     });

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

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaTaskManager = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var MediaTaskManager = /*#__PURE__*/(0, _createClass2.default)(function MediaTaskManager() {
+  var _this = this;
+
+  (0, _classCallCheck2.default)(this, MediaTaskManager);
+  (0, _defineProperty2.default)(this, "pendingTask", Promise.resolve(null));
+  (0, _defineProperty2.default)(this, "taskMap", new Map());
+  (0, _defineProperty2.default)(this, "cancelPendingTask", function (id) {
+    var task = _this.taskMap.get(id);
+
+    if (task && !task.cancelController.signal.aborted) {
+      task.cancelController.abort();
+    }
+  });
+  (0, _defineProperty2.default)(this, "waitForPendingTasks", /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(timeout, lastTask) {
+      var chainedPromise, rejectTimeout, timeoutPromise;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(lastTask && _this.pendingTask === lastTask)) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return", lastTask);
+
+            case 2:
+              chainedPromise = _this.pendingTask.then(function () {
+                return (// Call ourselves to make sure that no new pending tasks have been
+                  // added before the current promise has resolved.
+                  _this.waitForPendingTasks(undefined, _this.pendingTask)
+                );
+              });
+
+              if (timeout) {
+                _context.next = 5;
+                break;
+              }
+
+              return _context.abrupt("return", chainedPromise);
+
+            case 5:
+              timeoutPromise = new Promise(function (_resolve, reject) {
+                rejectTimeout = window.setTimeout(function () {
+                  return reject(new Error("Media operations did not finish in ".concat(timeout, " ms")));
+                }, timeout);
+              });
+              return _context.abrupt("return", Promise.race([timeoutPromise, chainedPromise.then(function (value) {
+                clearTimeout(rejectTimeout);
+                return value;
+              })]));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+  (0, _defineProperty2.default)(this, "resumePendingTask", function (id) {
+    var mediaTask = _this.taskMap.get(id);
+
+    if (mediaTask && mediaTask.cancelController.signal.aborted) {
+      _this.addPendingTask(mediaTask.task, id);
+    }
+  });
+  (0, _defineProperty2.default)(this, "addPendingTask", function (task, id) {
+    var currentTask = task;
+
+    if (id) {
+      var cancelController = new AbortController();
+      var signal = cancelController.signal;
+
+      _this.taskMap.set(id, {
+        task: task,
+        cancelController: cancelController
+      });
+
+      currentTask = new Promise(function (resolve) {
+        task.then(resolve, resolve).finally(function () {
+          _this.taskMap.delete(id);
+        });
+
+        signal.onabort = function () {
+          resolve(null);
+        };
+      });
+    } // Chain the previous promise with a new one for this media item
+
+
+    var currentPendingTask = _this.pendingTask;
+
+    var pendingPromise = function pendingPromise() {
+      return currentPendingTask;
+    };
+
+    _this.pendingTask = currentTask.then(pendingPromise, pendingPromise);
+    return _this.pendingTask;
+  });
+});
+exports.MediaTaskManager = MediaTaskManager;

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

@@ -57,8 +57,6 @@ var _commands = require("./commands");
 
 var _styles = require("../nodeviews/styles");
 
-var _toolbar = require("../../copy-button/toolbar");
-
 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; }
@@ -129,9 +127,16 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(_mediaUi.messages.download)
   }, {
     type: 'separator'
-  }].concat((0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, mediaGroup), {
-    type: 'separator'
-  }] : []), [{
+  }, {
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaGroup
+    }, {
+      type: 'separator'
+    }]
+  }, {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -143,7 +148,7 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
     title: intl.formatMessage(_messages.default.remove),
     onClick: handleRemoveMediaGroup,
     testId: 'media-toolbar-remove-button'
-  }]);
+  }];
   return items;
 };
 
@@ -195,9 +200,16 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(_mediaUi.messages.download)
   }, {
     type: 'separator'
-  }].concat((0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, mediaInline), {
-    type: 'separator'
-  }] : []), [{
+  }, {
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaInline
+    }, {
+      type: 'separator'
+    }]
+  }, {
     id: 'editor.media.delete',
     type: 'button',
     appearance: 'danger',
@@ -209,7 +221,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
     title: intl.formatMessage(_messages.default.remove),
     onClick: _commands.removeInlineCard,
     testId: 'media-toolbar-remove-button'
-  }]);
+  }];
   return items;
 };
 
@@ -295,9 +307,16 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     onClick: remove,
     testId: 'media-toolbar-remove-button'
   };
-  var items = [].concat((0, _toConsumableArray2.default)(toolbarButtons), (0, _toConsumableArray2.default)(state && (0, _toolbar.showCopyButton)(state) ? [(0, _toolbar.getCopyButtonConfig)(state, intl.formatMessage, mediaSingle), {
-    type: 'separator'
-  }] : []), [removeButton]);
+  var items = [].concat((0, _toConsumableArray2.default)(toolbarButtons), [{
+    type: 'copy-button',
+    items: [{
+      state: state,
+      formatMessage: intl.formatMessage,
+      nodeType: mediaSingle
+    }, {
+      type: 'separator'
+    }]
+  }, removeButton]);
   return items;
 };
 
@@ -389,7 +408,8 @@ var floatingToolbar = function floatingToolbar(state, intl) {
   }
 
   return _objectSpread(_objectSpread({}, baseToolbar), {}, {
-    items: items
+    items: items,
+    scrollable: true
   });
 };
 

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

@@ -48,8 +48,6 @@ var _utils = require("../../../../ui/Resizer/utils");
 
 var _mediaSingle = require("../../utils/media-single");
 
-var _pluginFactory = require("../../../table/pm-plugins/table-resizing/plugin-factory");
-
 var _richMediaUtils = require("../../../../utils/rich-media-utils");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -397,7 +395,6 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
           containerWidth = _this$props4.containerWidth,
           fullWidthMode = _this$props4.fullWidthMode,
           selected = _this$props4.selected,
-          state = _this$props4.view.state,
           children = _this$props4.children;
       var initialWidth = this.calcPxWidth(); // width with padding
 
@@ -449,10 +446,6 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         snapPoints: (0, _richMediaUtils.calculateSnapPoints)(snapPointsProps),
         scaleFactor: !this.wrappedLayout && !this.insideInlineLike ? 2 : 1,
         highlights: this.highlights,
-        handleResizeStart: function handleResizeStart() {
-          var columResizingPluginState = (0, _pluginFactory.getPluginState)(state);
-          return columResizingPluginState ? !columResizingPluginState.dragging : true;
-        },
         nodeType: "media",
         dispatchAnalyticsEvent: this.props.dispatchAnalyticsEvent // when cursor is located below a media with caption,
         // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)

package/dist/cjs/plugins/media/utils/media-single.js

@@ -129,8 +129,8 @@ var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inp
 
   var state = view.state,
       dispatch = view.dispatch;
-  var grandParentType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
-  var parentType = state.selection.$from.parent.type;
+  var grandParentNodeType = (_state$selection$$fro = state.selection.$from.node(-1)) === null || _state$selection$$fro === void 0 ? void 0 : _state$selection$$fro.type;
+  var parentNodeType = state.selection.$from.parent.type;
   var node = createMediaSingleNode(state.schema, collection, alignLeftOnInsert)(mediaState);
   var fileExtension;
 
@@ -141,7 +141,11 @@ var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inp
   // and the parent node is a paragraph
 
 
-  if ((0, _insert.shouldSplitSelectedNodeOnNodeInsertion)(parentType, grandParentType, node)) {
+  if ((0, _insert.shouldSplitSelectedNodeOnNodeInsertion)({
+    parentNodeType: parentNodeType,
+    grandParentNodeType: grandParentNodeType,
+    content: node
+  })) {
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod

package/dist/cjs/plugins/mentions/analytics.js

@@ -25,6 +25,7 @@ var componentName = 'mention';
 
 var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject, action, eventType, sessionId) {
   var otherAttributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var tags = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
   return {
     action: action,
     actionSubject: actionSubject,
@@ -34,7 +35,8 @@ var buildAnalyticsPayload = function buildAnalyticsPayload(actionSubject, action
       packageVersion: _versionWrapper.version,
       componentName: componentName,
       sessionId: sessionId
-    }, otherAttributes)
+    }, otherAttributes),
+    tags: tags
   };
 };
 
@@ -115,7 +117,7 @@ var buildTypeAheadInviteExposurePayload = function buildTypeAheadInviteExposureP
     objectId: objectId,
     childObjectId: childObjectId,
     userRole: userRole
-  });
+  }, ['measurement', 'hasCustomAttributes']);
 };
 
 exports.buildTypeAheadInviteExposurePayload = buildTypeAheadInviteExposurePayload;