@atlaskit/editor-core 163.0.0 → 164.0.2

package/dist/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -53,8 +53,6 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _messages = require("../../../../messages");
@@ -99,13 +97,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var RECENT_SEARCH_LIST_SIZE = 5;
 exports.RECENT_SEARCH_LIST_SIZE = RECENT_SEARCH_LIST_SIZE;
-
-var ClearText = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  padding: 0;\n  margin-right: 8px;\n  color: ", ";\n  background: transparent;\n  border: none;\n"])), _colors.N90);
-
-var TextInputWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), _ToolbarComponents.InputWrapper, _colors.N30, _colors.N30);
-
-var IconWrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  padding: 4px 8px;\n  width: 18px;\n"])), _colors.N80);
-
+var clearText = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  padding: 0;\n  margin-right: 8px;\n  color: ", ";\n  background: transparent;\n  border: none;\n"])), _colors.N90);
+var textInputWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), _ToolbarComponents.inputWrapper, _colors.N30, _colors.N30);
+var iconWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  padding: 4px 8px;\n  width: 18px;\n"])), _colors.N80);
 var messages = (0, _reactIntlNext.defineMessages)({
   displayText: {
     id: 'fabric.editor.displayText',
@@ -485,11 +479,11 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       if (items.length && selectedIndex > -1) {
         var _items$selectedIndex = items[selectedIndex],
             name = _items$selectedIndex.name,
-            container = _items$selectedIndex.container,
+            _container = _items$selectedIndex.container,
             lastUpdatedDate = _items$selectedIndex.lastUpdatedDate,
             lastViewedDate = _items$selectedIndex.lastViewedDate;
         var date = (0, _transformTimeStamp.transformTimeStamp)(intl, lastViewedDate, lastUpdatedDate);
-        return "".concat(name, ", ").concat(container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
+        return "".concat(name, ", ").concat(_container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isUrlPopulatedWithSelectedItem", function () {
@@ -968,10 +962,14 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       var screenReaderText = _utils3.browser.safari && this.getScreenReaderText();
       return (0, _react2.jsx)("div", {
         className: "recent-list"
-      }, (0, _react2.jsx)(_ToolbarComponents.Container, {
-        provider: !!activityProvider,
-        innerRef: this.wrapperRef
-      }, (0, _react2.jsx)(_ToolbarComponents.UrlInputWrapper, null, (0, _react2.jsx)(IconWrapper, null, (0, _react2.jsx)(_tooltip.default, {
+      }, (0, _react2.jsx)("div", {
+        css: [_ToolbarComponents.container, !!activityProvider && _ToolbarComponents.containerWithProvider],
+        ref: this.wrapperRef
+      }, (0, _react2.jsx)("div", {
+        css: _ToolbarComponents.inputWrapper
+      }, (0, _react2.jsx)("span", {
+        css: iconWrapper
+      }, (0, _react2.jsx)(_tooltip.default, {
         content: formatLinkAddressText
       }, (0, _react2.jsx)(_link.default, {
         label: formatLinkAddressText
@@ -1006,11 +1004,16 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onKeyDown: this.handleKeyDown
       }), displayUrl && (0, _react2.jsx)(_tooltip.default, {
         content: formatClearLinkText
-      }, (0, _react2.jsx)(ClearText, {
+      }, (0, _react2.jsx)("button", {
+        css: clearText,
         onClick: this.handleClearText
       }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatClearLinkText
-      })))), (0, _react2.jsx)(TextInputWrapper, null, (0, _react2.jsx)(IconWrapper, null, (0, _react2.jsx)(_tooltip.default, {
+      })))), (0, _react2.jsx)("div", {
+        css: textInputWrapper
+      }, (0, _react2.jsx)("span", {
+        css: iconWrapper
+      }, (0, _react2.jsx)(_tooltip.default, {
         content: formatDisplayText
       }, (0, _react2.jsx)(_alignLeft.default, {
         label: formatDisplayText
@@ -1028,7 +1031,8 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onKeyDown: this.handleKeyDown
       }), displayText && (0, _react2.jsx)(_tooltip.default, {
         content: formatMessage(messages.clearText)
-      }, (0, _react2.jsx)(ClearText, {
+      }, (0, _react2.jsx)("button", {
+        css: clearText,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown
       }, (0, _react2.jsx)(_crossCircle.default, {

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

@@ -9,6 +9,8 @@ exports.DropDownButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
 
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
@@ -21,16 +23,21 @@ var _styles = require("../../../../ui/styles");
 
 var _styles2 = require("./styles");
 
+/** @jsx jsx */
 var DropDownButtonIcon = /*#__PURE__*/_react.default.memo(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_styles2.TriggerWrapper, null, /*#__PURE__*/_react.default.createElement(_add.default, {
+  return (0, _react2.jsx)("span", {
+    css: _styles2.triggerWrapper
+  }, (0, _react2.jsx)(_add.default, {
     label: props.label
-  }), /*#__PURE__*/_react.default.createElement(_styles.ExpandIconWrapper, null, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+  }), (0, _react2.jsx)("span", {
+    css: _styles.expandIconWrapperStyle
+  }, (0, _react2.jsx)(_chevronDown.default, {
     label: ""
   })));
 });
 
 var DropDownButton = /*#__PURE__*/_react.default.memo(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+  return (0, _react2.jsx)(_ToolbarButton.default, {
     ref: props.handleRef,
     selected: props.selected,
     disabled: props.disabled,
@@ -39,10 +46,10 @@ var DropDownButton = /*#__PURE__*/_react.default.memo(function (props) {
     "aria-expanded": props['aria-expanded'],
     "aria-haspopup": props['aria-haspopup'],
     "aria-label": props.label,
-    iconBefore: /*#__PURE__*/_react.default.createElement(DropDownButtonIcon, {
+    iconBefore: (0, _react2.jsx)(DropDownButtonIcon, {
       label: ""
     }),
-    title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+    title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
       description: props.label,
       shortcutOverride: "/"
     })

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

@@ -25,6 +25,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _reactIntlNext = require("react-intl-next");
@@ -282,27 +284,23 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTaskDecision", function (name, inputMethod) {
       return function () {
-        var editorView = _this.props.editorView;
-
-        if (!editorView) {
-          return false;
-        }
-
+        var _this$props$editorVie = _this.props.editorView,
+            state = _this$props$editorVie.state,
+            dispatch = _this$props$editorVie.dispatch;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        (0, _commands3.insertTaskDecision)(editorView, listType, inputMethod)(editorView.state, editorView.dispatch);
-        return true;
+        return (0, _commands3.insertTaskDecisionCommand)(listType, inputMethod)(state, dispatch);
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
-      var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch;
-      return (0, _commands6.insertHorizontalRule)(inputMethod)(state, dispatch);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
       var _this$props$editorVie2 = _this.props.editorView,
           state = _this$props$editorVie2.state,
           dispatch = _this$props$editorVie2.dispatch;
+      return (0, _commands6.insertHorizontalRule)(inputMethod)(state, dispatch);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
+      var _this$props$editorVie3 = _this.props.editorView,
+          state = _this$props$editorVie3.state,
+          dispatch = _this$props$editorVie3.dispatch;
       return (0, _commands4.insertExpand)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
@@ -489,7 +487,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
+      return (0, _react2.jsx)(_ui.Popup, {
         target: ref,
         fitHeight: 350,
         fitWidth: 350,
@@ -497,7 +495,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement
-      }, /*#__PURE__*/_react.default.createElement(EmojiPickerWithListeners, {
+      }, (0, _react2.jsx)(EmojiPickerWithListeners, {
         emojiProvider: emojiProvider,
         onSelection: this.handleSelectedEmoji,
         handleClickOutside: this.handleEmojiClickOutside,
@@ -522,10 +520,10 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement(_styles.ButtonGroup, {
-        width: isReducedSpacing ? 'small' : 'large'
+      return (0, _react2.jsx)("span", {
+        css: _styles.buttonGroupStyle
       }, buttons.map(function (btn) {
-        return /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+        return (0, _react2.jsx)(_ToolbarButton.default, {
           item: btn,
           ref: btn.value.name === 'emoji' ? _this2.handleEmojiButtonRef : noop,
           key: btn.value.name,
@@ -538,7 +536,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": btn['aria-haspopup'],
           onItemClick: _this2.insertToolbarMenuItem
         });
-      }), /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, this.renderPopup(), /*#__PURE__*/_react.default.createElement(_blockInsertMenu.BlockInsertMenu, {
+      }), (0, _react2.jsx)("span", {
+        css: _styles.wrapperStyle
+      }, this.renderPopup(), (0, _react2.jsx)(_blockInsertMenu.BlockInsertMenu, {
         popupsMountPoint: this.props.popupsMountPoint,
         popupsBoundariesElement: this.props.popupsBoundariesElement,
         popupsScrollableElement: this.props.popupsScrollableElement,
@@ -557,7 +557,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         onOpenChange: this.onOpenChange,
         togglePlusMenuVisibility: this.togglePlusMenuVisibility,
         replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false
-      })), this.props.showSeparator && /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
+      })), this.props.showSeparator && (0, _react2.jsx)("span", {
+        css: _styles.separatorStyles
+      }));
     }
   }], [{
     key: "getDerivedStateFromProps",

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

@@ -9,6 +9,8 @@ exports.table = exports.status = exports.placeholder = exports.panel = exports.m
 
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _decision = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/decision"));
@@ -51,6 +53,7 @@ var _keymaps = require("../../../../keymaps");
 
 var _shallowEquals = require("./shallow-equals");
 
+/** @jsx jsx */
 var from = function from(init) {
   return {
     content: init.content,
@@ -58,10 +61,12 @@ var from = function from(init) {
     value: {
       name: init.name
     },
-    elemBefore: /*#__PURE__*/_react.default.createElement(init.Icon, {
+    elemBefore: (0, _react2.jsx)(init.Icon, {
       label: init.content
     }),
-    elemAfter: init.shortcut ? /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, init.shortcut) : undefined,
+    elemAfter: init.shortcut ? (0, _react2.jsx)("div", {
+      css: _styles.shortcutStyle
+    }, init.shortcut) : undefined,
     'aria-label': init.content,
     'aria-haspopup': init['aria-haspopup'],
     shortcut: init.shortcut,
@@ -244,7 +249,7 @@ var placeholder = mem(function (init) {
     disabled: init.disabled,
     name: 'placeholder text',
     Icon: function Icon() {
-      return /*#__PURE__*/_react.default.createElement(_text.default, {
+      return (0, _react2.jsx)(_text.default, {
         label: ""
       });
     }
@@ -268,7 +273,7 @@ var more = mem(function (init) {
     disabled: init.disabled,
     name: 'macro',
     Icon: function Icon() {
-      return /*#__PURE__*/_react.default.createElement(_more.default, {
+      return (0, _react2.jsx)(_more.default, {
         label: ""
       });
     }

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

@@ -5,14 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TriggerWrapper = void 0;
+exports.triggerWrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = require("@emotion/react");
 
 var _templateObject;
 
-var TriggerWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));
-
-exports.TriggerWrapper = TriggerWrapper;
+var triggerWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 42px;\n\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n"])));
+exports.triggerWrapper = triggerWrapper;

package/dist/cjs/plugins/list/actions/wrap-and-join-lists.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.autoJoin = autoJoin;
 exports.wrapInList = wrapInList;
 exports.wrapInListAndJoin = wrapInListAndJoin;
 
@@ -11,13 +10,15 @@ var _prosemirrorModel = require("prosemirror-model");
 
 var _prosemirrorTransform = require("prosemirror-transform");
 
+var _autojoin = require("../../../utils/prosemirror/autojoin");
+
 /**
  * Wraps the selection in a list with the given type. If this results in
  * two adjacent lists of the same type, those will be joined together.
  */
 function wrapInListAndJoin(nodeType, tr) {
   wrapInList(nodeType)(tr);
-  autoJoin(tr, function (before, after) {
+  (0, _autojoin.autoJoinTr)(tr, function (before, after) {
     return before.type === after.type && before.type === nodeType;
   });
 }
@@ -106,75 +107,4 @@ function doWrapInList(tr, range, wrappers, joinBefore, listType) {
   }
 
   return tr;
-}
-/**
- * Checks whether two adjacent nodes can be joined. If so, the document
- * will be updated to join those nodes. If not, the original transaction
- * remains untouched.
- *
- * Nodes are considered joinable if the `isJoinable` predicate returns true.
- *
- * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
- */
-
-
-function autoJoin(tr, isJoinable) {
-  if (!tr.isGeneric) {
-    return;
-  }
-
-  var ranges = [];
-
-  for (var i = 0; i < tr.mapping.maps.length; i++) {
-    var map = tr.mapping.maps[i];
-
-    for (var j = 0; j < ranges.length; j++) {
-      ranges[j] = map.map(ranges[j]);
-    }
-
-    map.forEach(function (_s, _e, from, to) {
-      return ranges.push(from, to);
-    });
-  } // Figure out which joinable points exist inside those ranges,
-  // by checking all node boundaries in their parent nodes.
-
-
-  var joinable = [];
-
-  for (var _i3 = 0; _i3 < ranges.length; _i3 += 2) {
-    var from = ranges[_i3];
-    var to = ranges[_i3 + 1];
-    var $from = tr.doc.resolve(from);
-    var depth = $from.sharedDepth(to);
-    var parent = $from.node(depth);
-
-    for (var index = $from.indexAfter(depth), pos = $from.after(depth + 1); pos <= to; ++index) {
-      var _after = parent.maybeChild(index);
-
-      if (!_after) {
-        break;
-      }
-
-      if (index && joinable.indexOf(pos) === -1) {
-        var _before = parent.child(index - 1);
-
-        if (_before.type === _after.type && isJoinable(_before, _after)) {
-          joinable.push(pos);
-        }
-      }
-
-      pos += _after.nodeSize;
-    }
-  } // Join the joinable points
-
-
-  joinable.sort(function (a, b) {
-    return a - b;
-  });
-
-  for (var _i4 = joinable.length - 1; _i4 >= 0; _i4--) {
-    if ((0, _prosemirrorTransform.canJoin)(tr.doc, joinable[_i4])) {
-      tr.join(joinable[_i4]);
-    }
-  }
 }

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

@@ -23,7 +23,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+
+var _react2 = require("react");
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -100,7 +102,9 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
         },
         isDisabled: bulletListDisabled,
         isActive: Boolean(bulletListActive),
-        elemAfter: /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
+        elemAfter: (0, _react.jsx)("div", {
+          css: _styles.shortcutStyle
+        }, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
       }, {
         key: 'orderedList',
         content: labelOrderedList,
@@ -109,7 +113,9 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
         },
         isDisabled: orderedListDisabled,
         isActive: Boolean(orderedListActive),
-        elemAfter: /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
+        elemAfter: (0, _react.jsx)("div", {
+          css: _styles.shortcutStyle
+        }, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
       }];
       return [{
         items: items
@@ -173,9 +179,9 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
       if (!isSmall) {
         var labelUnorderedList = formatMessage(_messages.messages.unorderedList);
         var labelOrderedList = formatMessage(_messages.messages.orderedList);
-        return /*#__PURE__*/_react.default.createElement(_styles.ButtonGroup, {
-          width: isReducedSpacing ? 'small' : 'large'
-        }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+        return (0, _react.jsx)("span", {
+          css: _styles.buttonGroupStyle
+        }, (0, _react.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.BULLET_LIST,
           spacing: isReducedSpacing ? 'none' : 'default',
           onClick: this.handleBulletListClick,
@@ -183,14 +189,14 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           "aria-pressed": bulletListActive,
           "aria-label": labelUnorderedList,
           disabled: bulletListDisabled || disabled,
-          title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+          title: (0, _react.jsx)(_keymaps.ToolTipContent, {
             description: labelUnorderedList,
             keymap: _keymaps.toggleBulletList
           }),
-          iconBefore: /*#__PURE__*/_react.default.createElement(_bulletList.default, {
+          iconBefore: (0, _react.jsx)(_bulletList.default, {
             label: ""
           })
-        }), /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+        }), (0, _react.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.ORDERED_LIST,
           spacing: isReducedSpacing ? 'none' : 'default',
           onClick: this.handleOrderedListClick,
@@ -198,14 +204,16 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           "aria-pressed": orderedListActive,
           "aria-label": labelOrderedList,
           disabled: orderedListDisabled || disabled,
-          title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+          title: (0, _react.jsx)(_keymaps.ToolTipContent, {
             description: labelOrderedList,
             keymap: _keymaps.toggleOrderedList
           }),
-          iconBefore: /*#__PURE__*/_react.default.createElement(_numberList.default, {
+          iconBefore: (0, _react.jsx)(_numberList.default, {
             label: ""
           })
-        }), isSeparator && /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
+        }), isSeparator && (0, _react.jsx)("span", {
+          css: _styles.separatorStyles
+        }));
       } else {
         var items = this.createItems();
         var _this$props3 = this.props,
@@ -213,7 +221,9 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
             popupsBoundariesElement = _this$props3.popupsBoundariesElement,
             popupsScrollableElement = _this$props3.popupsScrollableElement;
         var labelLists = formatMessage(_messages.messages.lists);
-        return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {
+        return (0, _react.jsx)("span", {
+          css: _styles.wrapperStyle
+        }, (0, _react.jsx)(_DropdownMenu.default, {
           items: items,
           onItemActivated: this.onItemActivated,
           mountTo: popupsMountPoint,
@@ -224,7 +234,7 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           fitHeight: 188,
           fitWidth: 175,
           shouldUseDefaultRole: true
-        }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+        }, (0, _react.jsx)(_ToolbarButton.default, {
           spacing: isReducedSpacing ? 'none' : 'default',
           selected: bulletListActive || orderedListActive,
           "aria-expanded": isDropdownOpen,
@@ -233,17 +243,23 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
           disabled: disabled,
           onClick: this.handleTriggerClick,
           title: labelLists,
-          iconBefore: /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, /*#__PURE__*/_react.default.createElement(_bulletList.default, {
+          iconBefore: (0, _react.jsx)("span", {
+            css: _styles.wrapperStyle
+          }, (0, _react.jsx)(_bulletList.default, {
             label: labelLists
-          }), /*#__PURE__*/_react.default.createElement(_styles.ExpandIconWrapper, null, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+          }), (0, _react.jsx)("span", {
+            css: _styles.expandIconWrapperStyle
+          }, (0, _react.jsx)(_chevronDown.default, {
             label: ""
           })))
-        })), isSeparator && /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
+        })), isSeparator && (0, _react.jsx)("span", {
+          css: _styles.separatorStyles
+        }));
       }
     }
   }]);
   return ToolbarLists;
-}(_react.PureComponent);
+}(_react2.PureComponent);
 
 var _default = (0, _reactIntlNext.injectIntl)(ToolbarLists);
 

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

@@ -97,34 +97,36 @@ var updateAllMediaNodesAttrs = function updateAllMediaNodesAttrs(id, attrs, isMe
     } else {
       var mediaGroupNode = findMediaNode(mediaPluginState, id, isMediaSingle);
       mediaNodes = mediaGroupNode ? [mediaGroupNode] : [];
-    } // TODO: ED-7784 Clean media plugin state from having media that were previously removed.
-    // Sanity check
+    }
 
+    var isMediaNode = function isMediaNode(pos) {
+      var node = state.doc.nodeAt(pos);
+      return node && node.type.name === 'media';
+    };
 
-    var mediaType = state.schema.nodes.media;
-    mediaNodes = mediaNodes.filter(function (nodeWithPos) {
-      var node;
+    var validMediaNodePositions = mediaNodes.reduce(function (acc, _ref) {
+      var getPos = _ref.getPos;
+      var pos = getPos();
 
-      try {
-        node = state.doc.nodeAt(nodeWithPos.getPos());
-      } catch (e) {
-        return false;
+      if (typeof pos === 'number' && !isMediaNode(pos)) {
+        return acc;
       }
 
-      return node && node.type === mediaType;
-    });
+      acc.push(pos);
+      return acc;
+    }, []);
 
-    if (mediaNodes.length === 0) {
+    if (validMediaNodePositions.length === 0) {
       return false;
     }
 
+    var tr = state.tr;
+    validMediaNodePositions.forEach(function (pos) {
+      return tr.step(new _steps.SetAttrsStep(pos, attrs));
+    });
+    tr.setMeta('addToHistory', false);
+
     if (dispatch) {
-      var tr = state.tr;
-      mediaNodes.forEach(function (_ref) {
-        var getPos = _ref.getPos;
-        return tr.step(new _steps.SetAttrsStep(getPos(), attrs));
-      });
-      tr.setMeta('addToHistory', false);
       dispatch(tr);
     }
 
@@ -144,8 +146,18 @@ var updateMediaNodeAttrs = function updateMediaNodeAttrs(id, attrs, isMediaSingl
       return false;
     }
 
+    var tr = state.tr;
+    var pos = mediaNodeWithPos.getPos();
+    var node = tr.doc.nodeAt(pos);
+
+    if (!node || node.type.name !== 'media') {
+      return false;
+    }
+
+    tr.step(new _steps.SetAttrsStep(pos, attrs)).setMeta('addToHistory', false);
+
     if (dispatch) {
-      dispatch(state.tr.step(new _steps.SetAttrsStep(mediaNodeWithPos.getPos(), attrs)).setMeta('addToHistory', false));
+      dispatch(tr);
     }
 
     return true;
@@ -156,15 +168,23 @@ exports.updateMediaNodeAttrs = updateMediaNodeAttrs;
 
 var replaceExternalMedia = function replaceExternalMedia(pos, attrs) {
   return function (state, dispatch) {
+    var tr = state.tr;
+    var node = tr.doc.nodeAt(pos);
+
+    if (!node || node.type.name !== 'media') {
+      return false;
+    }
+
+    tr.step(new _steps.SetAttrsStep(pos, _objectSpread({
+      type: 'file',
+      url: null
+    }, attrs))).setMeta('addToHistory', false);
+
     if (dispatch) {
-      dispatch(state.tr.step(new _steps.SetAttrsStep(pos, _objectSpread({
-        type: 'file',
-        url: null
-      }, attrs))).setMeta('addToHistory', false));
-      return true;
+      dispatch(tr);
     }
 
-    return false;
+    return true;
   };
 };