@atlaskit/editor-core 178.1.1 → 179.0.0

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

@@ -1,77 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockCardComponent = exports.BlockCard = 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 _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 _react = _interopRequireDefault(require("react"));
-
 var _smartCard = require("@atlaskit/smart-card");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _genericCard = require("./genericCard");
-
 var _nodeviews = require("../../../nodeviews/");
-
 var _actions = require("../pm-plugins/actions");
-
 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 BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(BlockCardComponent, _React$PureComponent);
-
   var _super = _createSuper(BlockCardComponent);
-
   function BlockCardComponent() {
     var _this;
-
     (0, _classCallCheck2.default)(this, BlockCardComponent);
-
     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), "onClick", function () {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResolve", function (data) {
       var _this$props = _this.props,
-          getPos = _this$props.getPos,
-          view = _this$props.view;
-
+        getPos = _this$props.getPos,
+        view = _this$props.view;
       if (!getPos || typeof getPos === 'boolean') {
         return;
       }
-
       var title = data.title,
-          url = data.url; // don't dispatch immediately since we might be in the middle of
-      // rendering a nodeview
+        url = data.url;
 
+      // don't dispatch immediately since we might be in the middle of
+      // rendering a nodeview
       (0, _rafSchd.default)(function () {
         return view.dispatch((0, _actions.registerCard)({
           title: title,
@@ -85,17 +59,16 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       // as it forces the edit popup to render 24px lower than it should
       if (_utils.browser.ie && _utils.browser.ie_version < 79) {
         return;
-      } // render an empty span afterwards to get around Webkit bug
-      // that puts caret in next editable text element
-
+      }
 
+      // render an empty span afterwards to get around Webkit bug
+      // that puts caret in next editable text element
       return /*#__PURE__*/_react.default.createElement("span", {
         contentEditable: true
       });
     });
     return _this;
   }
-
   (0, _createClass2.default)(BlockCardComponent, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -107,13 +80,12 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          node = _this$props2.node,
-          cardContext = _this$props2.cardContext,
-          platform = _this$props2.platform;
+        node = _this$props2.node,
+        cardContext = _this$props2.cardContext,
+        platform = _this$props2.platform;
       var _node$attrs = node.attrs,
-          url = _node$attrs.url,
-          data = _node$attrs.data;
-
+        url = _node$attrs.url,
+        data = _node$attrs.data;
       var cardInner = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
         key: url,
         url: url,
@@ -124,10 +96,9 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         onResolve: this.onResolve,
         showActions: platform === 'web',
         platform: platform
-      }), this.gapCursorSpan()); // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
+      }), this.gapCursorSpan());
+      // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-
-
       return /*#__PURE__*/_react.default.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
         value: cardContext.value
       }, cardInner) : data ? cardInner : null);
@@ -135,35 +106,28 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return BlockCardComponent;
 }(_react.default.PureComponent);
-
 exports.BlockCardComponent = BlockCardComponent;
 (0, _defineProperty2.default)(BlockCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
 var WrappedBlockCard = (0, _genericCard.Card)(BlockCardComponent, _ui.UnsupportedBlock);
-
 var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(BlockCard, _ReactNodeView);
-
   var _super2 = _createSuper(BlockCard);
-
   function BlockCard() {
     (0, _classCallCheck2.default)(this, BlockCard);
     return _super2.apply(this, arguments);
   }
-
   (0, _createClass2.default)(BlockCard, [{
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
-
       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';
         domRef.setAttribute('spellcheck', 'false');
       }
-
       return domRef;
     }
   }, {
@@ -179,5 +143,4 @@ var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   }]);
   return BlockCard;
 }(_nodeviews.ReactNodeView);
-
 exports.BlockCard = BlockCard;

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

@@ -1,82 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmbedCardComponent = exports.EmbedCard = void 0;
-
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _smartCard = require("@atlaskit/smart-card");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _genericCard = require("./genericCard");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _nodeviews = require("../../../nodeviews/");
-
 var _actions = require("../pm-plugins/actions");
-
 var _ResizableEmbedCard = _interopRequireDefault(require("../ui/ResizableEmbedCard"));
-
 var _grid = require("../../../plugins/grid");
-
 var _WithPluginState = _interopRequireDefault(require("../../../ui/WithPluginState"));
-
 var _width = require("../../width");
-
 var _richMediaUtils = require("../../../utils/rich-media-utils");
-
 var _steps = require("@atlaskit/adf-schema/steps");
-
 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; }
-
 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 EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(EmbedCardComponent, _React$PureComponent);
-
   var _super = _createSuper(EmbedCardComponent);
-
   function EmbedCardComponent() {
     var _this;
-
     (0, _classCallCheck2.default)(this, EmbedCardComponent);
-
     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), "embedIframeRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function () {});
@@ -85,25 +50,23 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPosSafely", function () {
       var getPos = _this.props.getPos;
-
       if (!getPos || typeof getPos === 'boolean') {
         return;
       }
-
       try {
         return getPos();
-      } catch (e) {// Can blow up in rare cases, when node has been removed.
+      } catch (e) {
+        // Can blow up in rare cases, when node has been removed.
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResolve", function (data) {
       var view = _this.props.view;
       var title = data.title,
-          url = data.url,
-          aspectRatio = data.aspectRatio;
+        url = data.url,
+        aspectRatio = data.aspectRatio;
       var _this$props$node$attr = _this.props.node.attrs,
-          originalHeight = _this$props$node$attr.originalHeight,
-          originalWidth = _this$props$node$attr.originalWidth;
-
+        originalHeight = _this$props$node$attr.originalHeight,
+        originalWidth = _this$props$node$attr.originalWidth;
       if (aspectRatio && !originalHeight && !originalWidth) {
         // Assumption here is if ADF already have both height and width set,
         // we will going to use that later on in this class as aspectRatio
@@ -112,30 +75,25 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         _this.setState({
           initialAspectRatio: aspectRatio
         });
-
         _this.saveOriginalDimensionsAttributes(_editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT, _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT * aspectRatio);
-      } // don't dispatch immediately since we might be in the middle of
-      // rendering a nodeview
-
+      }
 
+      // don't dispatch immediately since we might be in the middle of
+      // rendering a nodeview
       (0, _rafSchd.default)(function () {
         var pos = _this.getPosSafely();
-
         if (pos === undefined) {
           return;
         }
-
         return view.dispatch((0, _actions.registerCard)({
           title: title,
           url: url,
           pos: pos
         })(view.state.tr));
       })();
-
       try {
         var cardContext = _this.context.contextAdapter ? _this.context.contextAdapter.card : undefined;
         var hasPreview = cardContext && cardContext.value.extractors.getPreview(url, _this.props.platform);
-
         if (!hasPreview) {
           _this.setState({
             hasPreview: false
@@ -145,15 +103,12 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSize", function (pctWidth, layout) {
       var _this$props$view = _this.props.view,
-          state = _this$props$view.state,
-          dispatch = _this$props$view.dispatch;
-
+        state = _this$props$view.state,
+        dispatch = _this$props$view.dispatch;
       var pos = _this.getPosSafely();
-
       if (pos === undefined) {
         return;
       }
-
       var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, _this.props.node.attrs), {}, {
         width: pctWidth,
         layout: layout
@@ -166,47 +121,43 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       if (typeof pos === 'number' && (0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos)) {
         var $pos = view.state.doc.resolve(pos);
         var domNode = view.nodeDOM($pos.pos);
-
         if ($pos.nodeAfter && _richMediaUtils.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
           return domNode.parentElement.offsetWidth;
         }
-
         if (domNode instanceof HTMLElement) {
           return domNode.offsetWidth;
         }
       }
-
       return originalLineLength;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "saveOriginalDimensionsAttributes", function (height, width) {
-      var view = _this.props.view; // TODO: ED-15663
+      var view = _this.props.view;
+
+      // TODO: ED-15663
       // Please, do not copy or use this kind of code below
       // @ts-ignore
-
       var fakeTableResizePluginKey = {
         key: 'tableFlexiColumnResizing$',
         getState: function getState(state) {
           return state['tableFlexiColumnResizing$'];
         }
       };
-      var fakeTableResizeState = fakeTableResizePluginKey.getState(view.state); // We are not updating ADF when this function fired while table is resizing.
+      var fakeTableResizeState = fakeTableResizePluginKey.getState(view.state);
+
+      // We are not updating ADF when this function fired while table is resizing.
       // Changing ADF in the middle of resize will break table resize plugin logic
       // (tables will be considered different at the end of the drag and cell size won't be stored)
       // But this is not a big problem, editor user will be seeing latest height anyway (via updated state)
       // And even if page to be saved with slightly outdated height, renderer is capable of reading latest height value
       // when embed loads, and so it won't be a problem.
-
       if (fakeTableResizeState !== null && fakeTableResizeState !== void 0 && fakeTableResizeState.dragging) {
         return;
       }
-
       (0, _rafSchd.default)(function () {
         var pos = _this.getPosSafely();
-
         if (pos === undefined) {
           return;
         }
-
         view.dispatch(view.state.tr.step(new _steps.SetAttrsStep(pos, {
           originalHeight: height,
           originalWidth: width
@@ -217,12 +168,10 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       _this.setState({
         liveHeight: height
       });
-
       _this.saveOriginalDimensionsAttributes(height, undefined);
     });
     return _this;
   }
-
   (0, _createClass2.default)(EmbedCardComponent, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -234,39 +183,41 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          node = _this$props.node,
-          cardContext = _this$props.cardContext,
-          platform = _this$props.platform,
-          allowResizing = _this$props.allowResizing,
-          fullWidthMode = _this$props.fullWidthMode,
-          view = _this$props.view,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-          getPos = _this$props.getPos;
+        node = _this$props.node,
+        cardContext = _this$props.cardContext,
+        platform = _this$props.platform,
+        allowResizing = _this$props.allowResizing,
+        fullWidthMode = _this$props.fullWidthMode,
+        view = _this$props.view,
+        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
+        getPos = _this$props.getPos;
       var _node$attrs = node.attrs,
-          url = _node$attrs.url,
-          pctWidth = _node$attrs.width,
-          layout = _node$attrs.layout,
-          originalHeight = _node$attrs.originalHeight,
-          originalWidth = _node$attrs.originalWidth;
+        url = _node$attrs.url,
+        pctWidth = _node$attrs.width,
+        layout = _node$attrs.layout,
+        originalHeight = _node$attrs.originalHeight,
+        originalWidth = _node$attrs.originalWidth;
       var _this$state = this.state,
-          hasPreview = _this$state.hasPreview,
-          liveHeight = _this$state.liveHeight,
-          initialAspectRatio = _this$state.initialAspectRatio; // We don't want to use `originalHeight` when `originalWidth` also present,
-      // since `heightAlone` is defined only when just height is available.
+        hasPreview = _this$state.hasPreview,
+        liveHeight = _this$state.liveHeight,
+        initialAspectRatio = _this$state.initialAspectRatio;
 
+      // We don't want to use `originalHeight` when `originalWidth` also present,
+      // since `heightAlone` is defined only when just height is available.
       var heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-      var aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
-      initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
-      originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+      var aspectRatio = !heightAlone && (
+      // No need getting aspectRatio if heightAlone defined already
+      initialAspectRatio ||
+      // If we have initialAspectRatio (coming from iframely) we should go with that
+      originalHeight && originalWidth && originalWidth / originalHeight) ||
+      // If ADF contains both width and height we get ratio from that
       undefined;
       var cardProps = {
         layout: layout,
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
-
       var cardInner = /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
@@ -279,17 +230,12 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           var widthState = _ref.widthState;
           var widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
           var widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
-
           var pos = _this2.getPosSafely();
-
           if (pos === undefined) {
             return null;
           }
-
           var lineLength = _this2.getLineLength(view, pos, widthStateLineLength);
-
           var containerWidth = (0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos) ? lineLength : widthStateWidth;
-
           var smartCard = /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
             key: url,
             url: url,
@@ -303,7 +249,6 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
             container: _this2.scrollContainer,
             embedIframeRef: _this2.embedIframeRef
           });
-
           if (!allowResizing || !hasPreview) {
             // There are two ways `width` and `height` can be defined here:
             // 1) Either as `heightAlone` as height value and no width
@@ -312,12 +257,10 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
             var defaultAspectRatio = _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
             var richMediaWrapperHeight = 1;
             var richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
-
             if (heightAlone) {
               richMediaWrapperHeight = heightAlone;
               richMediaWrapperWidth = undefined;
             }
-
             return /*#__PURE__*/_react.default.createElement(_ui.MediaSingle, (0, _extends2.default)({}, cardProps, {
               height: richMediaWrapperHeight,
               width: richMediaWrapperWidth,
@@ -327,7 +270,6 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
               containerWidth: containerWidth
             }), smartCard);
           }
-
           return /*#__PURE__*/_react.default.createElement(_ResizableEmbedCard.default, (0, _extends2.default)({}, cardProps, {
             height: heightAlone,
             aspectRatio: aspectRatio,
@@ -341,9 +283,9 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
             dispatchAnalyticsEvent: dispatchAnalyticsEvent
           }), smartCard);
         }
-      })); // [WS-2307]: we only render card wrapped into a Provider when the value is ready
-
+      }));
 
+      // [WS-2307]: we only render card wrapped into a Provider when the value is ready
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
         value: cardContext.value
       }, cardInner) : null);
@@ -351,55 +293,47 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return EmbedCardComponent;
 }(_react.default.PureComponent);
-
 exports.EmbedCardComponent = EmbedCardComponent;
 (0, _defineProperty2.default)(EmbedCardComponent, "contextTypes", {
   contextAdapter: _propTypes.default.object
 });
 var WrappedBlockCard = (0, _genericCard.Card)(EmbedCardComponent, _ui.UnsupportedBlock);
-
 var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   (0, _inherits2.default)(EmbedCard, _SelectionBasedNodeVi);
-
   var _super2 = _createSuper(EmbedCard);
-
   function EmbedCard() {
     (0, _classCallCheck2.default)(this, EmbedCard);
     return _super2.apply(this, arguments);
   }
-
   (0, _createClass2.default)(EmbedCard, [{
     key: "viewShouldUpdate",
     value: function viewShouldUpdate(nextNode) {
       if (this.node.attrs !== nextNode.attrs) {
         return true;
       }
-
       return (0, _get2.default)((0, _getPrototypeOf2.default)(EmbedCard.prototype), "viewShouldUpdate", this).call(this, nextNode);
     }
   }, {
     key: "createDomRef",
     value: function createDomRef() {
       var domRef = document.createElement('div');
-
       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';
         domRef.setAttribute('spellcheck', 'false');
       }
-
       return domRef;
     }
   }, {
     key: "render",
     value: function render() {
       var _this$reactComponentP = this.reactComponentProps,
-          eventDispatcher = _this$reactComponentP.eventDispatcher,
-          allowResizing = _this$reactComponentP.allowResizing,
-          platform = _this$reactComponentP.platform,
-          fullWidthMode = _this$reactComponentP.fullWidthMode,
-          dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent;
+        eventDispatcher = _this$reactComponentP.eventDispatcher,
+        allowResizing = _this$reactComponentP.allowResizing,
+        platform = _this$reactComponentP.platform,
+        fullWidthMode = _this$reactComponentP.fullWidthMode,
+        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent;
       return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -414,5 +348,4 @@ var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }]);
   return EmbedCard;
 }(_nodeviews.SelectionBasedNodeView);
-
 exports.EmbedCard = EmbedCard;