@atlaskit/editor-core 178.0.2 → 178.1.0

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -87,14 +87,18 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleSelectBlockType", function (_ref) {
-      var item = _ref.item;
+      var item = _ref.item,
+          _ref$shouldCloseMenu = _ref.shouldCloseMenu,
+          shouldCloseMenu = _ref$shouldCloseMenu === void 0 ? true : _ref$shouldCloseMenu;
       var blockType = item.value;
 
       _this.props.setBlockType(blockType.name);
 
-      _this.setState({
-        active: false
-      });
+      if (shouldCloseMenu) {
+        _this.setState({
+          active: false
+        });
+      }
     });
 
     return _this;

package/dist/esm/plugins/card/nodeviews/blockCard.js

@@ -137,7 +137,7 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (browser.chrome && this.reactComponentProps.platform !== 'mobile') {
+      if (this.reactComponentProps.platform !== 'mobile') {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';

package/dist/esm/plugins/card/nodeviews/embedCard.js

@@ -22,7 +22,6 @@ import PropTypes from 'prop-types';
 import rafSchedule from 'raf-schd';
 import { Card } from './genericCard';
 import { UnsupportedBlock, MediaSingle as RichMediaWrapper, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { browser } from '@atlaskit/editor-common/utils';
 import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { SelectionBasedNodeView } from '../../../nodeviews/';
 import { registerCard } from '../pm-plugins/actions';
@@ -359,7 +358,7 @@ export var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function createDomRef() {
       var domRef = document.createElement('div');
 
-      if (browser.chrome && this.reactComponentProps.platform !== 'mobile') {
+      if (this.reactComponentProps.platform !== 'mobile') {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';

package/dist/esm/plugins/card/pm-plugins/doc.js

@@ -5,8 +5,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 { NodeSelection, TextSelection } from 'prosemirror-state';
 import { closeHistory } from 'prosemirror-history';
-import { NodeSelection } from 'prosemirror-state';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../../../plugins/analytics';
 import { SMART_LINK_TYPE } from '../../../plugins/analytics/types/node-events';
@@ -322,6 +322,8 @@ export var changeSelectedCardToText = function changeSelectedCardToText(text) {
 };
 export var setSelectedCardAppearance = function setSelectedCardAppearance(appearance) {
   return function (state, dispatch) {
+    var _previousNode$type;
+
     var selectedNode = state.selection instanceof NodeSelection && state.selection.node;
 
     if (!selectedNode) {
@@ -344,9 +346,24 @@ export var setSelectedCardAppearance = function setSelectedCardAppearance(appear
     var attrs = isEmbed ? _objectSpread(_objectSpread({}, selectedNode.attrs), {}, {
       layout: 'center'
     }) : selectedNode.attrs;
-    var from = state.selection.from;
+    var _state$selection = state.selection,
+        from = _state$selection.from,
+        to = _state$selection.to;
     var nodeType = getLinkNodeType(appearance, state.schema.nodes);
-    var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks);
+    var tr = state.tr.setNodeMarkup(from, nodeType, attrs, selectedNode.marks); // When the selected card is the last element in the doc we add a new paragraph after it for consistent replacement
+
+    if (tr.doc.nodeSize - 2 === to) {
+      tr.insertText(' ', to);
+    }
+
+    tr.setSelection(TextSelection.create(tr.doc, to + 1));
+    var previousNodePos = from - 1 > 0 ? from - 1 : 0;
+    var previousNode = tr.doc.nodeAt(previousNodePos);
+
+    if ((previousNode === null || previousNode === void 0 ? void 0 : (_previousNode$type = previousNode.type) === null || _previousNode$type === void 0 ? void 0 : _previousNode$type.name) === 'paragraph') {
+      tr.delete(previousNodePos, from);
+    }
+
     addAnalytics(state, tr, {
       action: ACTION.CHANGED_TYPE,
       actionSubject: ACTION_SUBJECT.SMART_LINK,

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

@@ -256,9 +256,10 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
       }
 
       var allowBlockCards = cardOptions.allowBlockCards,
-          allowEmbeds = cardOptions.allowEmbeds;
+          allowEmbeds = cardOptions.allowEmbeds; // This code will be executed only for appearances such as "inline", "block" & "embed"
+      // For url appearance, please see HyperlinkToolbarAppearanceProps
 
-      if ((allowBlockCards || allowEmbeds) && currentAppearance) {
+      if (currentAppearance) {
         toolbarItems.unshift({
           type: 'custom',
           fallback: [],
@@ -271,6 +272,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
               editorView: editorView,
               editorState: state,
               allowEmbeds: allowEmbeds,
+              allowBlockCards: allowBlockCards,
               platform: platform
             });
           }

package/dist/esm/plugins/card/ui/EditLinkToolbar.js

@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import HyperlinkToolbar from '../../hyperlink/ui/HyperlinkAddToolbar';
 import { showLinkToolbar, hideLinkToolbar as _hideLinkToolbar } from '../pm-plugins/actions';
-import { addAnalytics } from '../../analytics';
+import { addAnalytics, INPUT_METHOD } from '../../analytics';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX } from '../../../ui/LinkSearch/ToolbarComponents';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';
 import { findCardInfo, displayInfoForCard } from '../utils';
@@ -63,7 +63,10 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         linkPickerOptions: linkPickerOptions,
         providerFactory: providerFactory,
         displayUrl: url,
-        displayText: text,
+        displayText: text // Assumes that the smart card link picker can only ever be invoked by clicking "edit"
+        // via the floating toolbar
+        ,
+        invokeMethod: INPUT_METHOD.FLOATING_TB,
         onSubmit: function onSubmit(href, title, displayText) {
           _this.hideLinkToolbar();
 

package/dist/esm/plugins/card/ui/LinkToolbarAppearance.js

@@ -42,6 +42,8 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
           currentAppearance = _this$props.currentAppearance,
           editorState = _this$props.editorState,
           allowEmbeds = _this$props.allowEmbeds,
+          _this$props$allowBloc = _this$props.allowBlockCards,
+          allowBlockCards = _this$props$allowBloc === void 0 ? true : _this$props$allowBloc,
           platform = _this$props.platform;
       var preview = allowEmbeds && cardContext && url && cardContext.extractors.getPreview(url, platform);
 
@@ -55,7 +57,7 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         }
       }
 
-      var isBlockCardLinkSupportedInParent = isSupportedInParent(editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
+      var isBlockCardLinkSupportedInParent = allowBlockCards ? isSupportedInParent(editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance) : false;
       var isEmbedCardLinkSupportedInParent = allowEmbeds ? isSupportedInParent(editorState, Fragment.from(editorState.schema.nodes.embedCard.createChecked({})), currentAppearance) : false;
       var embedOption = allowEmbeds && preview && {
         appearance: 'embed',
@@ -67,6 +69,15 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         disabled: !isEmbedCardLinkSupportedInParent,
         tooltip: isEmbedCardLinkSupportedInParent ? undefined : getUnavailableMessage(editorState, intl)
       };
+      var blockCardOption = allowBlockCards && {
+        appearance: 'block',
+        title: intl.formatMessage(messages.block),
+        onClick: setSelectedCardAppearance('block'),
+        selected: currentAppearance === 'block',
+        testId: 'block-appearance',
+        disabled: !isBlockCardLinkSupportedInParent,
+        tooltip: isBlockCardLinkSupportedInParent ? undefined : getUnavailableMessage(editorState, intl)
+      };
       var options = [{
         title: intl.formatMessage(messages.url),
         onClick: function onClick() {
@@ -80,14 +91,6 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         onClick: setSelectedCardAppearance('inline'),
         selected: currentAppearance === 'inline',
         testId: 'inline-appearance'
-      }, {
-        appearance: 'block',
-        title: intl.formatMessage(messages.block),
-        onClick: setSelectedCardAppearance('block'),
-        selected: currentAppearance === 'block',
-        testId: 'block-appearance',
-        disabled: !isBlockCardLinkSupportedInParent,
-        tooltip: isBlockCardLinkSupportedInParent ? undefined : getUnavailableMessage(editorState, intl)
       }];
 
       var dispatchCommand = function dispatchCommand(fn) {
@@ -98,6 +101,10 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
         }
       };
 
+      if (blockCardOption) {
+        options.push(blockCardOption);
+      }
+
       if (embedOption) {
         options.push(embedOption);
       }

package/dist/esm/plugins/collab-edit/actions.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { receiveTransaction } from 'prosemirror-collab';
+import { receiveTransaction } from '@atlaskit/prosemirror-collab';
 import { Step } from 'prosemirror-transform';
 import { AllSelection, NodeSelection } from 'prosemirror-state';
 import { replaceDocument } from './utils';

package/dist/esm/plugins/collab-edit/index.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { collab } from 'prosemirror-collab';
+import { collab } from '@atlaskit/prosemirror-collab';
 import { createPlugin, pluginKey } from './plugin';
 import { sendTransaction } from './events/send-transaction';
 import { addSynchronyErrorAnalytics } from './analytics';

package/dist/esm/plugins/collab-edit/provider/channel.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { utils } from '@atlaskit/util-service-support';
 import { EventEmitter2 } from 'eventemitter2';
-import { getVersion, sendableSteps } from 'prosemirror-collab';
+import { getVersion, sendableSteps } from '@atlaskit/prosemirror-collab';
 import { logger } from './logger';
 export var Channel = /*#__PURE__*/function () {
   function Channel(config, pubSubClient) {

package/dist/esm/plugins/expand/pm-plugins/keymap.js

@@ -149,6 +149,11 @@ export function expandKeymap() {
 
     if (editorView.endOfTextblock('down')) {
       var _$from2 = state.selection.$from;
+
+      if (_$from2.depth === 0) {
+        return false;
+      }
+
       var $after = state.doc.resolve(_$from2.after());
 
       if ($after.nodeAfter && ($after.nodeAfter.type === expand || $after.nodeAfter.type === nestedExpand)) {

package/dist/esm/plugins/floating-toolbar/ui/Select.js

@@ -64,6 +64,7 @@ export default function Search(props) {
     menuPortalTarget: props.mountPoint,
     onMenuOpen: onMenuOpen,
     onMenuClose: onMenuClose,
-    "aria-label": props.ariaLabel
+    "aria-label": props.ariaLabel,
+    classNamePrefix: props.classNamePrefix
   });
 }

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -151,6 +151,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
 
       case 'select':
         if (item.selectType === 'list') {
+          var ariaLabel = item.title || item.placeholder;
           return jsx(Select, {
             key: idx,
             dispatchCommand: dispatchCommand,
@@ -164,8 +165,10 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
             onChange: function onChange(selected) {
               return dispatchCommand(item.onChange(selected));
             },
+            ariaLabel: ariaLabel,
             filterOption: item.filterOption,
-            setDisableParentScroll: scrollable ? setDisableScroll : undefined
+            setDisableParentScroll: scrollable ? setDisableScroll : undefined,
+            classNamePrefix: 'floating-toolbar-select'
           });
         }
 
@@ -347,15 +350,21 @@ var Toolbar = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleEscape", function (event) {
-      //If any dropdown is open inside the floating toolbar 'Esc' key should not
-      //focus the editorview. The event cannot be stopped as dropdown is not childnode of floating toolbar
-      if (!document.querySelector('[data-role="droplistContent"]')) {
-        var _this$props$editorVie;
-
-        (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      var _this$props$editorVie;
+
+      // If any menu is open inside the floating toolbar 'Esc' key should not
+      // focus the editorview.
+      // Event can't be stopped as they are not childnodes of floating toolbar
+      var isDropdownOpen = !!document.querySelector('[data-role="droplistContent"]');
+      var isSelectMenuOpen = !!document.querySelector('.floating-toolbar-select__menu');
+
+      if (isDropdownOpen || isSelectMenuOpen) {
+        return;
       }
+
+      (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
+      event.preventDefault();
+      event.stopPropagation();
     });
 
     _this.scrollContainerRef = /*#__PURE__*/React.createRef();

package/dist/esm/plugins/hyperlink/HyperlinkToolbarAppearance.js

@@ -189,6 +189,7 @@ export var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
         editorView: editorView,
         editorState: editorState,
         allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
+        allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
         platform: platform
       });
     }

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

@@ -66,7 +66,8 @@ var hyperlinkPlugin = function hyperlinkPlugin(options) {
           action: function action(insert, state) {
             var tr = insert(undefined);
             tr.setMeta(stateKey, {
-              type: LinkAction.SHOW_INSERT_TOOLBAR
+              type: LinkAction.SHOW_INSERT_TOOLBAR,
+              inputMethod: INPUT_METHOD.QUICK_INSERT
             });
             return addAnalytics(state, tr, {
               action: ACTION.INVOKED,

package/dist/esm/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["view", "onCancel"];
-import React, { useCallback } from 'react';
+var _excluded = ["view", "onCancel", "invokeMethod"];
+import React, { useCallback, useMemo } from 'react';
 import { LinkPicker } from '@atlaskit/link-picker';
 import { hideLinkToolbar as cardHideLinkToolbar } from '../../../card/pm-plugins/actions';
 import { hideLinkToolbar } from '../../commands';
 import { useEscapeClickaway } from './useEscapeClickaway';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 /**
  * Returns a type that matches T but where keys (K) are now optional
  */
@@ -13,6 +14,8 @@ import { useEscapeClickaway } from './useEscapeClickaway';
 export var EditorLinkPicker = function EditorLinkPicker(_ref) {
   var view = _ref.view,
       onCancel = _ref.onCancel,
+      _ref$invokeMethod = _ref.invokeMethod,
+      invokeMethod = _ref$invokeMethod === void 0 ? '_unknown' : _ref$invokeMethod,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var onEscape = useCallback(function () {
@@ -25,9 +28,18 @@ export var EditorLinkPicker = function EditorLinkPicker(_ref) {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   }, [view, onCancel]);
   var ref = useEscapeClickaway(onEscape, onClickAway);
+  var analyticsData = useMemo(function () {
+    return {
+      attributes: {
+        invokeMethod: invokeMethod
+      }
+    };
+  }, [invokeMethod]);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref
+  }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
   }, /*#__PURE__*/React.createElement(LinkPicker, _extends({}, restProps, {
     onCancel: onEscape
-  })));
+  }))));
 };

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

@@ -371,20 +371,11 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
             switch (_context3.prev = _context3.next) {
               case 0:
                 activityProvider = _this.state.activityProvider;
-
-                if (activityProvider) {
-                  _context3.next = 3;
-                  break;
-                }
-
-                return _context3.abrupt("return");
-
-              case 3:
                 _context3.t0 = field;
-                _context3.next = _context3.t0 === 'displayUrl' ? 6 : _context3.t0 === 'displayText' ? 21 : 23;
+                _context3.next = _context3.t0 === 'displayUrl' ? 4 : _context3.t0 === 'displayText' ? 24 : 26;
                 break;
 
-              case 6:
+              case 4:
                 _context3.t1 = _this;
                 _this$setState = {};
 
@@ -392,32 +383,46 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
 
                 _context3.t2 = _defineProperty;
                 _context3.t3 = _this$setState;
-                _context3.t4 = limit;
-                _context3.next = 14;
+
+                if (!activityProvider) {
+                  _context3.next = 17;
+                  break;
+                }
+
+                _context3.t5 = limit;
+                _context3.next = 13;
                 return activityProvider.getRecentItems();
 
-              case 14:
-                _context3.t5 = _context3.sent;
-                _context3.t6 = (0, _context3.t4)(_context3.t5);
-                (0, _context3.t2)(_context3.t3, "items", _context3.t6);
-                _context3.t7 = _this$setState;
+              case 13:
+                _context3.t6 = _context3.sent;
+                _context3.t4 = (0, _context3.t5)(_context3.t6);
+                _context3.next = 18;
+                break;
 
-                _context3.t1.setState.call(_context3.t1, _context3.t7);
+              case 17:
+                _context3.t4 = [];
+
+              case 18:
+                _context3.t7 = _context3.t4;
+                (0, _context3.t2)(_context3.t3, "items", _context3.t7);
+                _context3.t8 = _this$setState;
+
+                _context3.t1.setState.call(_context3.t1, _context3.t8);
 
                 if (_this.urlInputContainer) {
                   _this.urlInputContainer.focus();
                 }
 
-                return _context3.abrupt("break", 23);
+                return _context3.abrupt("break", 26);
 
-              case 21:
+              case 24:
                 _this.setState(_defineProperty({}, field, ''));
 
                 if (_this.displayTextInputContainer) {
                   _this.displayTextInputContainer.focus();
                 }
 
-              case 23:
+              case 26:
               case "end":
                 return _context3.stop();
             }

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -54,7 +54,8 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           displayUrl = _this$props.displayUrl,
           providerFactory = _this$props.providerFactory,
           view = _this$props.view,
-          onCancel = _this$props.onCancel;
+          onCancel = _this$props.onCancel,
+          invokeMethod = _this$props.invokeMethod;
       return /*#__PURE__*/React.createElement(WithProviders, {
         providers: ['activityProvider', 'searchProvider'],
         providerFactory: providerFactory,
@@ -74,7 +75,10 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
 
               if (lpLinkPicker) {
                 return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
-                  view: view
+                  view: view,
+                  invokeMethod: // Provide `invokeMethod` prop as preferred value (card plugin passes as prop) otherwise assume this
+                  // is being used from inside the hyperlink plugin and use inputMethod from plugin state
+                  invokeMethod !== null && invokeMethod !== void 0 ? invokeMethod : hyperlinkPluginState === null || hyperlinkPluginState === void 0 ? void 0 : hyperlinkPluginState.inputMethod
                 }, linkPickerOptions, {
                   url: displayUrl,
                   displayText: displayText,

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -15,7 +15,8 @@ export var BlockInsertElementBrowser = function BlockInsertElementBrowser(props)
     editorView: props.editorView,
     dropdownItems: props.items,
     onInsert: props.onInsert,
-    toggleVisiblity: props.togglePlusMenuVisibility
+    toggleVisiblity: props.togglePlusMenuVisibility,
+    showElementBrowserLink: props.showElementBrowserLink
   })), /*#__PURE__*/React.createElement(DropDownButton, {
     "aria-expanded": props.open,
     "aria-haspopup": true,

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -36,7 +36,8 @@ export var BlockInsertMenu = function BlockInsertMenu(props) {
       popupsMountPoint: props.popupsMountPoint,
       popupsScrollableElement: props.popupsScrollableElement,
       spacing: props.spacing,
-      togglePlusMenuVisibility: props.togglePlusMenuVisibility
+      togglePlusMenuVisibility: props.togglePlusMenuVisibility,
+      showElementBrowserLink: props.showElementBrowserLink
     });
   }
 

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

@@ -569,7 +569,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         onInsert: this.insertInsertMenuItem,
         onOpenChange: this.onOpenChange,
         togglePlusMenuVisibility: this.togglePlusMenuVisibility,
-        replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false
+        replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false,
+        showElementBrowserLink: this.props.showElementBrowserLink || false
       })), this.props.showSeparator && jsx("span", {
         css: separatorStyles
       }));

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

@@ -76,7 +76,7 @@ export var updateAllMediaNodesAttrs = function updateAllMediaNodesAttrs(id, attr
       var getPos = _ref.getPos;
       var pos = getPos();
 
-      if (typeof pos === 'number' && !isMediaNode(pos, state)) {
+      if (isNaN(pos) || typeof pos === 'number' && !isMediaNode(pos, state)) {
         return acc;
       }
 
@@ -101,6 +101,25 @@ export var updateAllMediaNodesAttrs = function updateAllMediaNodesAttrs(id, attr
     return true;
   };
 };
+export var updateCurrentMediaNodeAttrs = function updateCurrentMediaNodeAttrs(attrs, mediaNode) {
+  return function (state, dispatch) {
+    var pos = mediaNode.getPos();
+
+    if (isNaN(pos) || typeof pos === 'number' && !isMediaNode(pos, state)) {
+      return false;
+    }
+
+    var tr = state.tr;
+    tr.step(new SetAttrsStep(pos, attrs));
+    tr.setMeta('addToHistory', false);
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  };
+};
 export var updateMediaNodeAttrs = function updateMediaNodeAttrs(id, attrs, isMediaSingle) {
   return function (state, dispatch) {
     var mediaPluginState = mediaPluginKey.getState(state);

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

@@ -64,24 +64,22 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
       viewMediaClientConfig: undefined
     });
 
-    _defineProperty(_assertThisInitialized(_this), "updateNodeAttrs", function (props) {
+    _defineProperty(_assertThisInitialized(_this), "updateNodeAttrs", function (props, node, getPos) {
       var view = props.view,
           mediaProvider = props.mediaProvider,
           contextIdentifierProvider = props.contextIdentifierProvider;
-
-      _this.mediaNodes.forEach(function (node) {
-        var mediaNodeUpdater = new MediaNodeUpdater({
-          view: view,
-          mediaProvider: mediaProvider,
-          contextIdentifierProvider: contextIdentifierProvider,
-          node: node,
-          isMediaSingle: false
-        });
-        mediaNodeUpdater.updateFileAttrs(false);
+      var mediaNodeUpdater = new MediaNodeUpdater({
+        view: view,
+        mediaProvider: mediaProvider,
+        contextIdentifierProvider: contextIdentifierProvider,
+        node: node,
+        isMediaSingle: false
       });
+      mediaNodeUpdater.updateNodeAttrs(getPos);
     });
 
     _defineProperty(_assertThisInitialized(_this), "setMediaItems", function (props) {
+      var updatedAttrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var node = props.node;
       var oldMediaNodes = _this.mediaNodes;
       _this.mediaNodes = [];
@@ -93,6 +91,10 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
         _this.mediaPluginState.setMediaGroupNode(item, getPos);
 
         _this.mediaNodes.push(item);
+
+        if (updatedAttrs) {
+          _this.updateNodeAttrs(props, item, getPos);
+        }
       });
 
       _this.mediaPluginState.handleMediaGroupUpdate(oldMediaNodes, _this.mediaNodes);
@@ -265,11 +267,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
       this.updateMediaClientConfig();
-      this.setMediaItems(props);
-
-      if (props.isCopyPasteEnabled !== false) {
-        this.updateNodeAttrs(props);
-      }
+      this.setMediaItems(props, props.isCopyPasteEnabled || props.isCopyPasteEnabled === undefined);
     }
   }, {
     key: "shouldComponentUpdate",