@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/cjs/plugins/card/ui/ResizableEmbedCard.js

@@ -1,93 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _react2 = require("@emotion/react");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _smartCard = require("@atlaskit/smart-card");
-
 var _styled = require("../../../ui/Resizer/styled");
-
 var _Resizer = _interopRequireDefault(require("../../../ui/Resizer"));
-
 var _utils = require("../../../ui/Resizer/utils");
-
 var _mediaSingle = require("../../../plugins/media/utils/media-single");
-
 var _styled2 = require("./styled");
-
 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 ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ResizableEmbedCard, _React$Component);
-
   var _super = _createSuper(ResizableEmbedCard);
-
   function ResizableEmbedCard() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ResizableEmbedCard);
-
     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), "state", {
       offsetLeft: _this.calcOffsetLeft()
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcNewSize", function (newWidth, stop) {
       var _this$props = _this.props,
-          layout = _this$props.layout,
-          state = _this$props.view.state;
+        layout = _this$props.layout,
+        state = _this$props.view.state;
       var newPct = (0, _ui.calcPctFromPx)(newWidth, _this.props.lineLength) * 100;
-
       _this.setState({
         resizedPctWidth: newPct
       });
-
       var newLayout = (0, _prosemirrorUtils.hasParentNodeOfType)(state.schema.nodes.table)(state.selection) ? layout : _this.calcUnwrappedLayout(newPct, newWidth);
-
       if (newPct <= 100) {
         if (_this.wrappedLayout && (stop ? newPct !== 100 : true)) {
           newLayout = layout;
         }
-
         return {
           width: newPct,
           layout: newLayout
@@ -103,11 +69,9 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
       if (pct <= 100) {
         return 'center';
       }
-
       if (width <= _this.wideLayoutWidth) {
         return 'wide';
       }
-
       return 'full-width';
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcColumnLeftOffset", function () {
@@ -116,13 +80,13 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calcPxWidth", function (useLayout) {
       var _this$props2 = _this.props,
-          layout = _this$props2.layout,
-          pctWidth = _this$props2.pctWidth,
-          lineLength = _this$props2.lineLength,
-          containerWidth = _this$props2.containerWidth,
-          fullWidthMode = _this$props2.fullWidthMode,
-          getPos = _this$props2.getPos,
-          state = _this$props2.view.state;
+        layout = _this$props2.layout,
+        pctWidth = _this$props2.pctWidth,
+        lineLength = _this$props2.lineLength,
+        containerWidth = _this$props2.containerWidth,
+        fullWidthMode = _this$props2.fullWidthMode,
+        getPos = _this$props2.getPos,
+        state = _this$props2.view.state;
       var resizedPctWidth = _this.state.resizedPctWidth;
       var pos = typeof getPos === 'function' ? getPos() : undefined;
       return (0, _mediaSingle.calcMediaPxWidth)({
@@ -143,27 +107,23 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "highlights", function (newWidth, snapPoints) {
       var snapWidth = (0, _utils.snapTo)(newWidth, snapPoints);
       var _this$props$view$stat = _this.props.view.state.schema.nodes,
-          layoutColumn = _this$props$view$stat.layoutColumn,
-          table = _this$props$view$stat.table,
-          expand = _this$props$view$stat.expand,
-          nestedExpand = _this$props$view$stat.nestedExpand;
-
+        layoutColumn = _this$props$view$stat.layoutColumn,
+        table = _this$props$view$stat.table,
+        expand = _this$props$view$stat.expand,
+        nestedExpand = _this$props$view$stat.nestedExpand;
       if (_this.$pos && !!(0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)(_this.$pos, [layoutColumn, table, expand, nestedExpand].filter(Boolean))) {
         return [];
       }
-
       if (snapWidth > _this.wideLayoutWidth) {
         return ['full-width'];
       }
-
       var _this$props3 = _this.props,
-          layout = _this$props3.layout,
-          lineLength = _this$props3.lineLength,
-          gridSize = _this$props3.gridSize;
+        layout = _this$props3.layout,
+        lineLength = _this$props3.lineLength,
+        gridSize = _this$props3.gridSize;
       var columns = (0, _ui.calcColumnsFromPx)(snapWidth, lineLength, gridSize);
       var columnWidth = Math.round(columns);
       var highlight = [];
-
       if (layout === 'wrap-left' || layout === 'align-start') {
         highlight.push(0, columnWidth);
       } else if (layout === 'wrap-right' || layout === 'align-end') {
@@ -173,17 +133,14 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
       } else {
         highlight.push(Math.floor((gridSize - columnWidth) / 2), Math.ceil((gridSize + columnWidth) / 2));
       }
-
       return highlight;
     });
     return _this;
   }
-
   (0, _createClass2.default)(ResizableEmbedCard, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var offsetLeft = this.calcOffsetLeft();
-
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
@@ -202,16 +159,15 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         this.checkLayout(this.props.layout, nextProps.layout);
       }
     }
+
     /**
      * When returning to center layout from a wrapped/aligned layout, it might actually
      * be wide or full-width
      */
-
   }, {
     key: "checkLayout",
     value: function checkLayout(oldLayout, newLayout) {
       var resizedPctWidth = this.state.resizedPctWidth;
-
       if (_ui.wrappedLayouts.indexOf(oldLayout) > -1 && newLayout === 'center' && resizedPctWidth) {
         var layout = this.calcUnwrappedLayout(resizedPctWidth, this.calcPxWidth(newLayout));
         this.props.updateSize(resizedPctWidth, layout);
@@ -223,20 +179,18 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
       if (typeof this.props.getPos !== 'function') {
         return null;
       }
-
       var pos = this.props.getPos();
-
       if (Number.isNaN(pos) || typeof pos !== 'number') {
         return null;
-      } // need to pass view because we may not get updated props in time
-
+      }
 
+      // need to pass view because we may not get updated props in time
       return this.props.view.state.doc.resolve(pos);
     }
+
     /**
      * The maxmimum number of grid columns this node can resize to.
      */
-
   }, {
     key: "gridWidth",
     get: function get() {
@@ -247,21 +201,18 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     key: "calcOffsetLeft",
     value: function calcOffsetLeft() {
       var offsetLeft = 0;
-
       if (this.wrapper && this.insideInlineLike) {
         var currentNode = this.wrapper;
         var boundingRect = currentNode.getBoundingClientRect();
         var pmRect = this.props.view.dom.getBoundingClientRect();
         offsetLeft = boundingRect.left - pmRect.left;
       }
-
       return offsetLeft;
     }
   }, {
     key: "wideLayoutWidth",
     get: function get() {
       var lineLength = this.props.lineLength;
-
       if (lineLength) {
         return Math.ceil(lineLength * _editorSharedStyles.breakoutWideScaleRatio);
       } else {
@@ -273,48 +224,39 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     value: function calcSnapPoints() {
       var offsetLeft = this.state.offsetLeft;
       var _this$props4 = this.props,
-          containerWidth = _this$props4.containerWidth,
-          lineLength = _this$props4.lineLength;
+        containerWidth = _this$props4.containerWidth,
+        lineLength = _this$props4.lineLength;
       var snapTargets = [];
-
       for (var i = 0; i < this.gridWidth; i++) {
         snapTargets.push((0, _ui.calcPxFromColumns)(i, lineLength, this.gridWidth) - offsetLeft);
-      } // full width
-
-
+      }
+      // full width
       snapTargets.push(lineLength - offsetLeft);
       var minimumWidth = (0, _ui.calcPxFromColumns)(this.wrappedLayout || this.insideInlineLike ? 1 : 2, lineLength, this.props.gridSize);
       var snapPoints = snapTargets.filter(function (width) {
         return width >= minimumWidth;
       });
       var $pos = this.$pos;
-
       if (!$pos) {
         return snapPoints;
       }
-
       var isTopLevel = $pos.parent.type.name === 'doc';
-
       if (isTopLevel) {
         snapPoints.push(this.wideLayoutWidth);
         var fullWidthPoint = containerWidth - _editorSharedStyles.akEditorBreakoutPadding;
-
         if (fullWidthPoint > this.wideLayoutWidth) {
           snapPoints.push(fullWidthPoint);
         }
       }
-
       return snapPoints;
     }
   }, {
     key: "insideInlineLike",
     get: function get() {
       var $pos = this.$pos;
-
       if (!$pos) {
         return false;
       }
-
       var listItem = this.props.view.state.schema.nodes.listItem;
       return !!(0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [listItem]);
     }
@@ -334,10 +276,9 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
      */
     function getHeightDefiningComponent() {
       var _this$props5 = this.props,
-          height = _this$props5.height,
-          aspectRatio = _this$props5.aspectRatio;
+        height = _this$props5.height,
+        aspectRatio = _this$props5.aspectRatio;
       var heightDefiningStyles;
-
       if (height) {
         heightDefiningStyles = {
           height: "".concat(height, "px")
@@ -363,12 +304,10 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
           paddingBottom: "calc(".concat((1 / aspectRatio * 100).toFixed(3), "% + ").concat(_smartCard.embedHeaderHeight, "px)")
         };
       }
-
       return (0, _react2.jsx)("span", {
         "data-testid": 'resizable-embed-card-height-definer',
         style: _objectSpread({
           display: 'block',
-
           /* Fixes extra padding problem in Firefox */
           fontSize: 0,
           lineHeight: 0
@@ -379,27 +318,21 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props6 = this.props,
-          layout = _this$props6.layout,
-          pctWidth = _this$props6.pctWidth,
-          containerWidth = _this$props6.containerWidth,
-          fullWidthMode = _this$props6.fullWidthMode,
-          children = _this$props6.children;
-
+        layout = _this$props6.layout,
+        pctWidth = _this$props6.pctWidth,
+        containerWidth = _this$props6.containerWidth,
+        fullWidthMode = _this$props6.fullWidthMode,
+        children = _this$props6.children;
       var initialWidth = this.calcPxWidth() - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
-
       var enable = {};
-
       _utils.handleSides.forEach(function (side) {
         var oppositeSide = side === 'left' ? 'right' : 'left';
         enable[side] = ['full-width', 'wide', 'center'].concat("wrap-".concat(oppositeSide)).concat("align-".concat(_utils.imageAlignmentMap[oppositeSide])).indexOf(layout) > -1;
-
         if (side === 'left' && _this2.insideInlineLike) {
           enable[side] = false;
         }
       });
-
       return (0, _react2.jsx)("div", {
         css: _styled2.embedSpacingStyles,
         "data-testid": "resizable-embed-card-spacing"
@@ -425,7 +358,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
   }]);
   return ResizableEmbedCard;
 }(_react.default.Component);
-
 exports.default = ResizableEmbedCard;
 (0, _defineProperty2.default)(ResizableEmbedCard, "defaultProps", {
   aspectRatio: _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH / _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT

package/dist/cjs/plugins/card/ui/assets/card.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconCard = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-
 var IconCardGlyph = function IconCardGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",
@@ -27,11 +22,9 @@ var IconCardGlyph = function IconCardGlyph(props) {
     fill: "currentColor"
   }));
 };
-
 var IconCard = function IconCard(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
     glyph: IconCardGlyph
   }, props));
 };
-
 exports.IconCard = IconCard;

package/dist/cjs/plugins/card/ui/assets/embed.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconEmbed = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-
 var IconEmbedGlyph = function IconEmbedGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",
@@ -27,11 +22,9 @@ var IconEmbedGlyph = function IconEmbedGlyph(props) {
     fill: "currentColor"
   }));
 };
-
 var IconEmbed = function IconEmbed(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
     glyph: IconEmbedGlyph
   }, props));
 };
-
 exports.IconEmbed = IconEmbed;

package/dist/cjs/plugins/card/ui/assets/inline.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconInline = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-
 var IconInlineGlyph = function IconInlineGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",
@@ -27,11 +22,9 @@ var IconInlineGlyph = function IconInlineGlyph(props) {
     fill: "currentColor"
   }));
 };
-
 var IconInline = function IconInline(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
     glyph: IconInlineGlyph
   }, props));
 };
-
 exports.IconInline = IconInline;

package/dist/cjs/plugins/card/ui/assets/url.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconUrl = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
-
 var IconUrlGlyph = function IconUrlGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",
@@ -29,11 +24,9 @@ var IconUrlGlyph = function IconUrlGlyph(props) {
     fill: "currentColor"
   }));
 };
-
 var IconUrl = function IconUrl(props) {
   return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
     glyph: IconUrlGlyph
   }, props));
 };
-
 exports.IconUrl = IconUrl;

package/dist/cjs/plugins/card/ui/link-toolbar-button-group-options.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getButtonGroupOption = void 0;
-
 var _messages = require("../messages");
-
 var _card = require("./assets/card");
-
 var _embed = require("./assets/embed");
-
 var _inline = require("./assets/inline");
-
 var _url = require("./assets/url");
-
 var appearancePropsMap = {
   url: {
     title: _messages.messages.urlTitle,
@@ -33,17 +27,16 @@ var appearancePropsMap = {
     icon: _embed.IconEmbed
   }
 };
-
 var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand, _ref) {
   var disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      selected = _ref.selected,
-      appearance = _ref.appearance,
-      testId = _ref.testId,
-      tooltip = _ref.tooltip;
+    _onClick = _ref.onClick,
+    selected = _ref.selected,
+    appearance = _ref.appearance,
+    testId = _ref.testId,
+    tooltip = _ref.tooltip;
   var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
-      title = _appearancePropsMap.title,
-      icon = _appearancePropsMap.icon;
+    title = _appearancePropsMap.title,
+    icon = _appearancePropsMap.icon;
   return {
     title: intl.formatMessage(title),
     icon: icon,
@@ -56,5 +49,4 @@ var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand,
     selected: selected
   };
 };
-
 exports.getButtonGroupOption = getButtonGroupOption;

package/dist/cjs/plugins/card/ui/styled.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.embedSpacingStyles = exports.embedCardStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2;
-
 var embedCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
 exports.embedCardStyles = embedCardStyles;
 var embedSpacingStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 10px;\n"])));

package/dist/cjs/plugins/card/utils.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformUnsupportedBlockCardToInline = exports.titleUrlPairFromNode = exports.selectedCardAppearance = exports.mergeCardInfo = exports.findCardInfo = exports.displayInfoForCard = exports.appearanceForNodeType = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _pluginKey = require("./pm-plugins/plugin-key");
-
 var _slice = require("../../utils/slice");
-
 var _nodes = require("../..//utils/nodes");
-
 var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {
     return 'inline';
@@ -23,18 +17,13 @@ var appearanceForNodeType = function appearanceForNodeType(spec) {
   } else if (spec.name === 'embedCard') {
     return 'embed';
   }
-
   return;
 };
-
 exports.appearanceForNodeType = appearanceForNodeType;
-
 var selectedCardAppearance = function selectedCardAppearance(state) {
   return state.selection instanceof _prosemirrorState.NodeSelection && appearanceForNodeType(state.selection.node.type);
 };
-
 exports.selectedCardAppearance = selectedCardAppearance;
-
 var titleUrlPairFromNode = function titleUrlPairFromNode(node) {
   var attrs = node.attrs;
   return {
@@ -42,48 +31,38 @@ var titleUrlPairFromNode = function titleUrlPairFromNode(node) {
     title: attrs.data && attrs.data.title
   };
 };
+
 /**
  * Merges the title and url from attributes and CardInfo from the resolved view, preferring the CardInfo.
  * @param titleUrlPair title and url information from the node attributes
  * @param info information stored in state from the resolved UI component view
  */
-
-
 exports.titleUrlPairFromNode = titleUrlPairFromNode;
-
 var mergeCardInfo = function mergeCardInfo(titleUrlPair, info) {
   return {
     title: info && info.title || titleUrlPair.title,
     url: info && info.url || titleUrlPair.url
   };
 };
-
 exports.mergeCardInfo = mergeCardInfo;
-
 var displayInfoForCard = function displayInfoForCard(node, info) {
   return mergeCardInfo(titleUrlPairFromNode(node), info);
 };
-
 exports.displayInfoForCard = displayInfoForCard;
-
 var findCardInfo = function findCardInfo(state) {
   var pluginState = _pluginKey.pluginKey.getState(state);
-
   return pluginState.cards.find(function (cardInfo) {
     return cardInfo.pos === state.selection.from;
   });
 };
-
 exports.findCardInfo = findCardInfo;
-
 var transformUnsupportedBlockCardToInline = function transformUnsupportedBlockCardToInline(slice, state, cardOptions) {
   var _state$schema$nodes = state.schema.nodes,
-      blockCard = _state$schema$nodes.blockCard,
-      inlineCard = _state$schema$nodes.inlineCard;
+    blockCard = _state$schema$nodes.blockCard,
+    inlineCard = _state$schema$nodes.inlineCard;
   var children = [];
   (0, _slice.mapChildren)(slice.content, function (node, i, frag) {
     var _cardOptions$allowBlo;
-
     if (node.type === blockCard && !isBlockCardSupported(state, frag, (_cardOptions$allowBlo = cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards) !== null && _cardOptions$allowBlo !== void 0 ? _cardOptions$allowBlo : false)) {
       children.push(inlineCard.createChecked(node.attrs, node.content, node.marks));
     } else {
@@ -99,10 +78,7 @@ var transformUnsupportedBlockCardToInline = function transformUnsupportedBlockCa
  * @param allowBlockCards
  * @returns
  */
-
-
 exports.transformUnsupportedBlockCardToInline = transformUnsupportedBlockCardToInline;
-
 var isBlockCardSupported = function isBlockCardSupported(state, frag, allowBlockCards) {
   return allowBlockCards && (0, _nodes.isSupportedInParent)(state, frag);
 };