@atlaskit/editor-core 178.1.1 → 179.0.0

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

@@ -1,66 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactMediaNode = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nodeviews = require("../../../../nodeviews");
-
 var _WithPluginState = _interopRequireDefault(require("../../../../ui/WithPluginState"));
-
 var _width = require("../../../width");
-
 var _media = _interopRequireDefault(require("./media"));
-
 var _mediaClient = require("@atlaskit/media-client");
-
 var _mediaCommon = require("../../utils/media-common");
-
 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); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   (0, _inherits2.default)(MediaNodeView, _SelectionBasedNodeVi);
-
   var _super = _createSuper(MediaNodeView);
-
   function MediaNodeView() {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaNodeView);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaNodeWithState", function (mediaProvider, contextIdentifierProvider) {
       return function (_ref) {
@@ -68,28 +41,22 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         var getPos = _this.getPos;
         var mediaOptions = _this.reactComponentProps.mediaOptions;
         var selection = _this.view.state.selection;
-
         var isSelected = function isSelected() {
           return _this.isNodeInsideSelection(selection.from, selection.to) || selection instanceof _prosemirrorState.NodeSelection && selection.from === getPos();
         };
-
         var attrs = _this.getAttrs();
-
         var url = attrs.type === 'external' ? attrs.url : '';
         var width = attrs.width,
-            height = attrs.height;
-
+          height = attrs.height;
         if (_this.isMediaBlobUrl()) {
           var urlAttrs = (0, _mediaClient.getAttrsFromUrl)(url);
-
           if (urlAttrs) {
             var urlWidth = urlAttrs.width,
-                urlHeight = urlAttrs.height;
+              urlHeight = urlAttrs.height;
             width = width || urlWidth;
             height = height || urlHeight;
           }
         }
-
         width = width || _ui.DEFAULT_IMAGE_WIDTH;
         height = height || _ui.DEFAULT_IMAGE_HEIGHT;
         var maxDimensions = {
@@ -116,7 +83,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMediaNodeWithProviders", function (_ref2) {
       var mediaProvider = _ref2.mediaProvider,
-          contextIdentifierProvider = _ref2.contextIdentifierProvider;
+        contextIdentifierProvider = _ref2.contextIdentifierProvider;
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         editorView: _this.view,
         plugins: {
@@ -127,18 +94,15 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(MediaNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
-
       if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
         // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
         // see also: https://github.com/ProseMirror/prosemirror/issues/884
         domRef.contentEditable = 'true';
       }
-
       return domRef;
     }
   }, {
@@ -147,7 +111,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-
       return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
     }
   }, {
@@ -156,12 +119,10 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       // Don't trap right click events on media node
       if (['mousedown', 'contextmenu'].indexOf(event.type) !== -1) {
         var mouseEvent = event;
-
         if (mouseEvent.button === 2) {
           return true;
         }
       }
-
       return false;
     }
   }, {
@@ -189,7 +150,6 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }]);
   return MediaNodeView;
 }(_nodeviews.SelectionBasedNodeView);
-
 var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return function (node, view, getPos) {
@@ -201,5 +161,4 @@ var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher,
     }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };
-
 exports.ReactMediaNode = ReactMediaNode;

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

@@ -1,68 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MediaNode = exports.MEDIA_HEIGHT = exports.FILE_WIDTH = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _mediaCard = require("@atlaskit/media-card");
-
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils2 = require("../../../../utils");
-
 var _pluginKey = require("../../pm-plugins/plugin-key");
-
 var _styles = require("../styles");
-
 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; }
-
 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); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 // This is being used by DropPlaceholder now
 var MEDIA_HEIGHT = 125;
 exports.MEDIA_HEIGHT = MEDIA_HEIGHT;
 var FILE_WIDTH = 156;
 exports.FILE_WIDTH = FILE_WIDTH;
-
 var MediaNode = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(MediaNode, _Component);
-
   var _super = _createSuper(MediaNode);
-
   function MediaNode(_props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, MediaNode);
     _this = _super.call(this, _props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
@@ -74,18 +47,14 @@ var MediaNode = /*#__PURE__*/function (_Component) {
             case 0:
               _context.next = 2;
               return _this.props.mediaProvider;
-
             case 2:
               mediaProvider = _context.sent;
-
               if (mediaProvider) {
                 viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
-
                 _this.setState({
                   viewMediaClientConfig: viewMediaClientConfig
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -95,25 +64,21 @@ var MediaNode = /*#__PURE__*/function (_Component) {
     })));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectMediaSingleFromCard", function (_ref2) {
       var event = _ref2.event;
-
       _this.selectMediaSingle(event);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectMediaSingle", function (event) {
       // We need to call "stopPropagation" here in order to prevent the browser from navigating to
       // another URL if the media node is wrapped in a link mark.
       event.stopPropagation();
-
       var propPos = _this.props.getPos();
-
       var state = _this.props.view.state;
-
       if (event.shiftKey) {
         // don't select text if there is current selection in a table (as this would override selected cells)
         if (state.selection instanceof _cellSelection.CellSelection) {
           return;
         }
-
-        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos - 1, // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
+        (0, _utils2.setTextSelection)(_this.props.view, state.selection.from < propPos ? state.selection.from : propPos - 1,
+        // + 3 needed for offset of the media inside mediaSingle and cursor to make whole mediaSingle selected
         state.selection.to > propPos ? state.selection.to : propPos + 2);
       } else {
         (0, _utils2.setNodeSelection)(_this.props.view, propPos - 1);
@@ -126,7 +91,6 @@ var MediaNode = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNewNode", function (props) {
       var node = props.node;
-
       _this.mediaPluginState.handleMediaNodeMount(node, function () {
         return _this.props.getPos();
       });
@@ -135,16 +99,13 @@ var MediaNode = /*#__PURE__*/function (_Component) {
     _this.mediaPluginState = _pluginKey.stateKey.getState(view.state);
     return _this;
   }
-
   (0, _createClass2.default)(MediaNode, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
       var hasNewViewMediaClientConfig = !this.state.viewMediaClientConfig && nextState.viewMediaClientConfig;
-
       if (this.props.selected !== nextProps.selected || this.props.node.attrs.id !== nextProps.node.attrs.id || this.props.node.attrs.collection !== nextProps.node.attrs.collection || this.props.maxDimensions.height !== nextProps.maxDimensions.height || this.props.maxDimensions.width !== nextProps.maxDimensions.width || this.props.contextIdentifierProvider !== nextProps.contextIdentifierProvider || this.props.isLoading !== nextProps.isLoading || this.props.mediaProvider !== nextProps.mediaProvider || hasNewViewMediaClientConfig) {
         return true;
       }
-
       return false;
     }
   }, {
@@ -161,18 +122,14 @@ var MediaNode = /*#__PURE__*/function (_Component) {
                 _context2.t0 = this;
                 _context2.next = 5;
                 return contextIdentifierProvider;
-
               case 5:
                 _context2.t1 = _context2.sent;
                 _context2.t2 = {
                   contextIdentifierProvider: _context2.t1
                 };
-
                 _context2.t0.setState.call(_context2.t0, _context2.t2);
-
                 _context2.next = 10;
                 return this.setViewMediaClientConfig();
-
               case 10:
               case "end":
                 return _context2.stop();
@@ -180,11 +137,9 @@ var MediaNode = /*#__PURE__*/function (_Component) {
           }
         }, _callee2, this);
       }));
-
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
-
       return componentDidMount;
     }()
   }, {
@@ -200,7 +155,6 @@ var MediaNode = /*#__PURE__*/function (_Component) {
         this.mediaPluginState.handleMediaNodeUnmount(prevProps.node);
         this.handleNewNode(this.props);
       }
-
       this.mediaPluginState.updateElement();
       this.setViewMediaClientConfig();
     }
@@ -208,28 +162,26 @@ var MediaNode = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          node = _this$props.node,
-          selected = _this$props.selected,
-          originalDimensions = _this$props.originalDimensions,
-          isLoading = _this$props.isLoading,
-          maxDimensions = _this$props.maxDimensions,
-          mediaOptions = _this$props.mediaOptions;
+        node = _this$props.node,
+        selected = _this$props.selected,
+        originalDimensions = _this$props.originalDimensions,
+        isLoading = _this$props.isLoading,
+        maxDimensions = _this$props.maxDimensions,
+        mediaOptions = _this$props.mediaOptions;
       var _this$state = this.state,
-          viewMediaClientConfig = _this$state.viewMediaClientConfig,
-          contextIdentifierProvider = _this$state.contextIdentifierProvider;
+        viewMediaClientConfig = _this$state.viewMediaClientConfig,
+        contextIdentifierProvider = _this$state.contextIdentifierProvider;
       var _node$attrs = node.attrs,
-          id = _node$attrs.id,
-          type = _node$attrs.type,
-          collection = _node$attrs.collection,
-          url = _node$attrs.url,
-          alt = _node$attrs.alt;
-
+        id = _node$attrs.id,
+        type = _node$attrs.type,
+        collection = _node$attrs.collection,
+        url = _node$attrs.url,
+        alt = _node$attrs.alt;
       if (isLoading || type !== 'external' && !viewMediaClientConfig) {
         return /*#__PURE__*/_react.default.createElement(_styles.MediaCardWrapper, {
           dimensions: originalDimensions
         }, /*#__PURE__*/_react.default.createElement(_mediaCard.CardLoading, null));
       }
-
       var contextId = contextIdentifierProvider && contextIdentifierProvider.objectId;
       var identifier = type === 'external' ? {
         dataURI: url,
@@ -239,10 +191,11 @@ var MediaNode = /*#__PURE__*/function (_Component) {
         id: id,
         mediaItemType: 'file',
         collectionName: collection
-      }; // mediaClientConfig is not needed for "external" case. So we have to cheat here.
+      };
+
+      // mediaClientConfig is not needed for "external" case. So we have to cheat here.
       // there is a possibility mediaClientConfig will be part of a identifier,
       // so this might be not an issue
-
       var mediaClientConfig = viewMediaClientConfig || {
         authProvider: function authProvider() {
           return {};
@@ -272,9 +225,6 @@ var MediaNode = /*#__PURE__*/function (_Component) {
   }]);
   return MediaNode;
 }(_react.Component);
-
 exports.MediaNode = MediaNode;
-
 var _default = (0, _utils.withImageLoader)(MediaNode);
-
 exports.default = _default;