@atlaskit/editor-core 178.0.2 → 178.1.0

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

@@ -23,7 +23,9 @@ var _commands = require("../../commands");
 
 var _useEscapeClickaway = require("./useEscapeClickaway");
 
-var _excluded = ["view", "onCancel"];
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _excluded = ["view", "onCancel", "invokeMethod"];
 
 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); }
 
@@ -32,6 +34,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onEscape = (0, _react.useCallback)(function () {
     (0, _commands.hideLinkToolbar)()(view.state, view.dispatch);
@@ -43,11 +47,20 @@ var EditorLinkPicker = function EditorLinkPicker(_ref) {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   }, [view, onCancel]);
   var ref = (0, _useEscapeClickaway.useEscapeClickaway)(onEscape, onClickAway);
+  var analyticsData = (0, _react.useMemo)(function () {
+    return {
+      attributes: {
+        invokeMethod: invokeMethod
+      }
+    };
+  }, [invokeMethod]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analyticsData
   }, /*#__PURE__*/_react.default.createElement(_linkPicker.LinkPicker, (0, _extends2.default)({}, restProps, {
     onCancel: onEscape
-  })));
+  }))));
 };
 
 exports.EditorLinkPicker = EditorLinkPicker;

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

@@ -412,51 +412,56 @@ 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 = {};
                 (0, _defineProperty2.default)(_this$setState, field, '');
                 _context3.t2 = _defineProperty2.default;
                 _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((0, _defineProperty2.default)({}, field, ''));
 
                 if (_this.displayTextInputContainer) {
                   _this.displayTextInputContainer.focus();
                 }
 
-              case 23:
+              case 26:
               case "end":
                 return _context3.stop();
             }

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

@@ -74,7 +74,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.default.createElement(_providerFactory.WithProviders, {
         providers: ['activityProvider', 'searchProvider'],
         providerFactory: providerFactory,
@@ -94,7 +95,10 @@ var HyperlinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
 
               if (lpLinkPicker) {
                 return /*#__PURE__*/_react.default.createElement(_EditorLinkPicker.EditorLinkPicker, (0, _extends2.default)({
-                  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/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -28,7 +28,8 @@ 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.default.createElement(_dropdownButton.DropDownButton, {
     "aria-expanded": props.open,
     "aria-haspopup": true,

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

@@ -49,7 +49,8 @@ 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/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -580,7 +580,8 @@ 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 && (0, _react2.jsx)("span", {
         css: _styles.separatorStyles
       }));

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateMediaNodeAttrs = exports.updateAllMediaNodesAttrs = exports.replaceExternalMedia = exports.isMediaNode = exports.findMediaSingleNode = exports.findMediaNode = exports.findMediaInlineNode = exports.findAllMediaSingleNodes = void 0;
+exports.updateMediaNodeAttrs = exports.updateCurrentMediaNodeAttrs = exports.updateAllMediaNodesAttrs = exports.replaceExternalMedia = exports.isMediaNode = exports.findMediaSingleNode = exports.findMediaNode = exports.findMediaInlineNode = exports.findAllMediaSingleNodes = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -103,7 +103,7 @@ var updateAllMediaNodesAttrs = function updateAllMediaNodesAttrs(id, attrs, isMe
       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;
       }
 
@@ -131,6 +131,28 @@ var updateAllMediaNodesAttrs = function updateAllMediaNodesAttrs(id, attrs, isMe
 
 exports.updateAllMediaNodesAttrs = updateAllMediaNodesAttrs;
 
+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 _steps.SetAttrsStep(pos, attrs));
+    tr.setMeta('addToHistory', false);
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  };
+};
+
+exports.updateCurrentMediaNodeAttrs = updateCurrentMediaNodeAttrs;
+
 var updateMediaNodeAttrs = function updateMediaNodeAttrs(id, attrs, isMediaSingle) {
   return function (state, dispatch) {
     var mediaPluginState = _pluginKey.stateKey.getState(state);

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

@@ -92,23 +92,21 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       viewMediaClientConfig: undefined
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateNodeAttrs", function (props) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.MediaNodeUpdater({
-          view: view,
-          mediaProvider: mediaProvider,
-          contextIdentifierProvider: contextIdentifierProvider,
-          node: node,
-          isMediaSingle: false
-        });
-        mediaNodeUpdater.updateFileAttrs(false);
+      var mediaNodeUpdater = new _mediaNodeUpdater.MediaNodeUpdater({
+        view: view,
+        mediaProvider: mediaProvider,
+        contextIdentifierProvider: contextIdentifierProvider,
+        node: node,
+        isMediaSingle: false
       });
+      mediaNodeUpdater.updateNodeAttrs(getPos);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 = [];
@@ -120,6 +118,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);
@@ -288,11 +290,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",