@atlaskit/editor-core 185.16.1 → 185.16.5

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

@@ -1,332 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
-import { calcColumnsFromPx, calcPctFromPx, calcPxFromColumns, wrappedLayouts } from '@atlaskit/editor-common/ui';
-import { akEditorMediaResizeHandlerPaddingWide, akEditorBreakoutPadding, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { embedHeaderHeight } from '@atlaskit/smart-card';
-import { wrapperStyle, Resizer, handleSides, imageAlignmentMap, snapTo, calcMediaPxWidth } from '@atlaskit/editor-common/ui';
-import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
-export default class ResizableEmbedCard extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      offsetLeft: this.calcOffsetLeft()
-    });
-    _defineProperty(this, "calcNewSize", (newWidth, stop) => {
-      const {
-        layout,
-        view: {
-          state
-        }
-      } = this.props;
-      const newPct = calcPctFromPx(newWidth, this.props.lineLength) * 100;
-      this.setState({
-        resizedPctWidth: newPct
-      });
-      let newLayout = 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
-        };
-      } else {
-        return {
-          width: this.props.pctWidth || null,
-          layout: newLayout
-        };
-      }
-    });
-    _defineProperty(this, "calcUnwrappedLayout", (pct, width) => {
-      if (pct <= 100) {
-        return 'center';
-      }
-      if (width <= this.wideLayoutWidth) {
-        return 'wide';
-      }
-      return 'full-width';
-    });
-    _defineProperty(this, "calcColumnLeftOffset", () => {
-      const {
-        offsetLeft
-      } = this.state;
-      return this.insideInlineLike ? calcColumnsFromPx(offsetLeft, this.props.lineLength, this.props.gridSize) : 0;
-    });
-    _defineProperty(this, "calcPxWidth", useLayout => {
-      const {
-        layout,
-        pctWidth,
-        lineLength,
-        containerWidth,
-        fullWidthMode,
-        getPos,
-        view: {
-          state
-        }
-      } = this.props;
-      const {
-        resizedPctWidth
-      } = this.state;
-      const pos = typeof getPos === 'function' ? getPos() : undefined;
-      return calcMediaPxWidth({
-        origWidth: DEFAULT_EMBED_CARD_WIDTH,
-        origHeight: DEFAULT_EMBED_CARD_HEIGHT,
-        pctWidth,
-        state,
-        containerWidth: {
-          width: containerWidth,
-          lineLength
-        },
-        isFullWidthModeEnabled: fullWidthMode,
-        layout: useLayout || layout,
-        pos: pos,
-        resizedPctWidth
-      });
-    });
-    _defineProperty(this, "highlights", (newWidth, snapPoints) => {
-      const snapWidth = snapTo(newWidth, snapPoints);
-      const {
-        layoutColumn,
-        table,
-        expand,
-        nestedExpand
-      } = this.props.view.state.schema.nodes;
-      if (this.$pos && !!findParentNodeOfTypeClosestToPos(this.$pos, [layoutColumn, table, expand, nestedExpand].filter(Boolean))) {
-        return [];
-      }
-      if (snapWidth > this.wideLayoutWidth) {
-        return ['full-width'];
-      }
-      const {
-        layout,
-        lineLength,
-        gridSize
-      } = this.props;
-      const columns = calcColumnsFromPx(snapWidth, lineLength, gridSize);
-      const columnWidth = Math.round(columns);
-      const highlight = [];
-      if (layout === 'wrap-left' || layout === 'align-start') {
-        highlight.push(0, columnWidth);
-      } else if (layout === 'wrap-right' || layout === 'align-end') {
-        highlight.push(gridSize, gridSize - columnWidth);
-      } else if (this.insideInlineLike) {
-        highlight.push(Math.round(columns + this.calcColumnLeftOffset()));
-      } else {
-        highlight.push(Math.floor((gridSize - columnWidth) / 2), Math.ceil((gridSize + columnWidth) / 2));
-      }
-      return highlight;
-    });
-  }
-  componentDidUpdate() {
-    const offsetLeft = this.calcOffsetLeft();
-    if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
-      this.setState({
-        offsetLeft
-      });
-    }
-  }
-  get wrappedLayout() {
-    return wrappedLayouts.indexOf(this.props.layout) > -1;
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.layout !== nextProps.layout) {
-      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
-   */
-  checkLayout(oldLayout, newLayout) {
-    const {
-      resizedPctWidth
-    } = this.state;
-    if (wrappedLayouts.indexOf(oldLayout) > -1 && newLayout === 'center' && resizedPctWidth) {
-      const layout = this.calcUnwrappedLayout(resizedPctWidth, this.calcPxWidth(newLayout));
-      this.props.updateSize(resizedPctWidth, layout);
-    }
-  }
-  get $pos() {
-    if (typeof this.props.getPos !== 'function') {
-      return null;
-    }
-    const 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
-    return this.props.view.state.doc.resolve(pos);
-  }
-
-  /**
-   * The maxmimum number of grid columns this node can resize to.
-   */
-  get gridWidth() {
-    const {
-      gridSize
-    } = this.props;
-    return !(this.wrappedLayout || this.insideInlineLike) ? gridSize / 2 : gridSize;
-  }
-  calcOffsetLeft() {
-    let offsetLeft = 0;
-    if (this.wrapper && this.insideInlineLike) {
-      const currentNode = this.wrapper;
-      const boundingRect = currentNode.getBoundingClientRect();
-      const pmRect = this.props.view.dom.getBoundingClientRect();
-      offsetLeft = boundingRect.left - pmRect.left;
-    }
-    return offsetLeft;
-  }
-  get wideLayoutWidth() {
-    const {
-      lineLength
-    } = this.props;
-    if (lineLength) {
-      return Math.ceil(lineLength * breakoutWideScaleRatio);
-    } else {
-      return akEditorWideLayoutWidth;
-    }
-  }
-  calcSnapPoints() {
-    const {
-      offsetLeft
-    } = this.state;
-    const {
-      containerWidth,
-      lineLength
-    } = this.props;
-    const snapTargets = [];
-    for (let i = 0; i < this.gridWidth; i++) {
-      snapTargets.push(calcPxFromColumns(i, lineLength, this.gridWidth) - offsetLeft);
-    }
-    // full width
-    snapTargets.push(lineLength - offsetLeft);
-    const minimumWidth = calcPxFromColumns(this.wrappedLayout || this.insideInlineLike ? 1 : 2, lineLength, this.props.gridSize);
-    let snapPoints = snapTargets.filter(width => width >= minimumWidth);
-    const $pos = this.$pos;
-    if (!$pos) {
-      return snapPoints;
-    }
-    const isTopLevel = $pos.parent.type.name === 'doc';
-    if (isTopLevel) {
-      snapPoints.push(this.wideLayoutWidth);
-      const fullWidthPoint = containerWidth - akEditorBreakoutPadding;
-      if (fullWidthPoint > this.wideLayoutWidth) {
-        snapPoints.push(fullWidthPoint);
-      }
-    }
-    return snapPoints;
-  }
-  get insideInlineLike() {
-    const $pos = this.$pos;
-    if (!$pos) {
-      return false;
-    }
-    const {
-      listItem
-    } = this.props.view.state.schema.nodes;
-    return !!findParentNodeOfTypeClosestToPos($pos, [listItem]);
-  }
-  /**
-   * Previously height of the box was controlled with paddingTop/paddingBottom trick inside Wrapper.
-   * It allowed height to be defined by a given percent ratio and so absolute value was defined by actual width.
-   * Also, it was part of styled component, which was fine because it was static through out life time of component.
-   *
-   * Now, two things changed:
-   * 1. If `height` is present we take it as actual height of the box, and hence we don't need
-   * (or even can't have, due to lack of width value) paddingTop trick.
-   * 2. Since `height` can be changing through out life time of a component, we can't have it as part of styled component,
-   * and hence we use `style` prop.
-   */
-  getHeightDefiningComponent() {
-    const {
-      height,
-      aspectRatio
-    } = this.props;
-    let heightDefiningStyles;
-    if (height) {
-      heightDefiningStyles = {
-        height: `${height}px`
-      };
-    } else {
-      // paddingBottom css trick defines ratio of `iframe height (y) + header (32)` to `width (x)`,
-      // where is `aspectRatio` defines iframe aspectRatio alone
-      // So, visually:
-      //
-      //            x
-      //       ┌──────────┐
-      //       │  header  │ 32
-      //       ├──────────┤
-      //       │          │
-      //       │  iframe  │ y
-      //       │          │
-      //       └──────────┘
-      //
-      // aspectRatio = x / y
-      // paddingBottom = (y + 32) / x
-      // which can be achieved with css calc() as (1 / (x/y)) * 100)% + 32px
-      heightDefiningStyles = {
-        paddingBottom: `calc(${(1 / aspectRatio * 100).toFixed(3)}% + ${embedHeaderHeight}px)`
-      };
-    }
-    return jsx("span", {
-      "data-testid": 'resizable-embed-card-height-definer',
-      style: {
-        display: 'block',
-        /* Fixes extra padding problem in Firefox */
-        fontSize: 0,
-        lineHeight: 0,
-        ...heightDefiningStyles
-      }
-    });
-  }
-  render() {
-    const {
-      layout,
-      pctWidth,
-      containerWidth,
-      fullWidthMode,
-      children
-    } = this.props;
-    const initialWidth = this.calcPxWidth() - akEditorMediaResizeHandlerPaddingWide;
-    const enable = {};
-    handleSides.forEach(side => {
-      const oppositeSide = side === 'left' ? 'right' : 'left';
-      enable[side] = ['full-width', 'wide', 'center'].concat(`wrap-${oppositeSide}`).concat(`align-${imageAlignmentMap[oppositeSide]}`).indexOf(layout) > -1;
-      if (side === 'left' && this.insideInlineLike) {
-        enable[side] = false;
-      }
-    });
-    return jsx("div", {
-      css: embedSpacingStyles,
-      "data-testid": "resizable-embed-card-spacing"
-    }, jsx("div", {
-      css: wrapperStyle({
-        layout,
-        isResized: !!pctWidth,
-        containerWidth: containerWidth || DEFAULT_EMBED_CARD_WIDTH,
-        fullWidthMode
-      })
-    }, jsx(Resizer, _extends({}, this.props, {
-      width: initialWidth // Starting or initial width of embed <iframe> itself.
-      ,
-      enable: enable,
-      calcNewSize: this.calcNewSize,
-      snapPoints: this.calcSnapPoints(),
-      scaleFactor: !this.wrappedLayout && !this.insideInlineLike ? 2 : 1,
-      highlights: this.highlights,
-      innerPadding: akEditorMediaResizeHandlerPaddingWide,
-      nodeType: "embed"
-    }), children, this.getHeightDefiningComponent())));
-  }
-}
-_defineProperty(ResizableEmbedCard, "defaultProps", {
-  aspectRatio: DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT
-});

package/dist/es2019/plugins/card/ui/SmallerEditIcon.js

@@ -1,11 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import EditIcon from '@atlaskit/icon/glyph/edit';
-import { editIconStyles } from '@atlaskit/editor-common/styles';
-export const SmallerEditIcon = () => {
-  return jsx("div", {
-    css: editIconStyles
-  }, jsx(EditIcon, {
-    label: "edit"
-  }));
-};

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

@@ -1,46 +0,0 @@
-import { NodeSelection } from 'prosemirror-state';
-import { pluginKey } from './pm-plugins/plugin-key';
-export const appearanceForNodeType = spec => {
-  if (spec.name === 'inlineCard') {
-    return 'inline';
-  } else if (spec.name === 'blockCard') {
-    return 'block';
-  } else if (spec.name === 'embedCard') {
-    return 'embed';
-  }
-  return;
-};
-export const selectedCardAppearance = state => {
-  if (state.selection instanceof NodeSelection) {
-    return appearanceForNodeType(state.selection.node.type);
-  }
-};
-export const titleUrlPairFromNode = node => {
-  const {
-    attrs
-  } = node;
-  return {
-    url: attrs.url || attrs.data && attrs.data.url,
-    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
- */
-export const mergeCardInfo = (titleUrlPair, info) => {
-  return {
-    title: info && info.title || titleUrlPair.title,
-    url: info && info.url || titleUrlPair.url
-  };
-};
-export const displayInfoForCard = (node, info) => mergeCardInfo(titleUrlPairFromNode(node), info);
-export const findCardInfo = state => {
-  const pluginState = pluginKey.getState(state);
-  if (!pluginState) {
-    return undefined;
-  }
-  return pluginState.cards.find(cardInfo => cardInfo.pos === state.selection.from);
-};

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

@@ -1,132 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _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 React from 'react';
-import { inlineCard, blockCard, embedCard } from '@atlaskit/adf-schema';
-import { createPlugin } from './pm-plugins/main';
-import { floatingToolbar } from './toolbar';
-import { EditorSmartCardEvents } from './ui/EditorSmartCardEvents';
-import { cardKeymap } from './pm-plugins/keymap';
-import { queueCardsFromChangedTr, changeSelectedCardToLink, setSelectedCardAppearance } from './pm-plugins/doc';
-import { hideLinkToolbar } from './pm-plugins/actions';
-import { EditorSmartCardEventsNext } from './ui/EditorSmartCardEventsNext';
-import LayoutButton from './ui/LayoutButton';
-import { pluginKey } from './pm-plugins/plugin-key';
-import { mountHyperlinkPlugin } from './pm-plugins/mountHyperlink';
-import { showDatasourceModal } from './pm-plugins/actions';
-import DatasourceModalWithState from './ui/DatasourceModal/ModalWithState';
-import { messages } from './messages';
-import { IconDatasourceJiraIssue } from '@atlaskit/editor-common/quick-insert';
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
-import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
-var cardPlugin = function cardPlugin(options, api) {
-  var _api$dependencies, _api$dependencies$fea;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
-  return {
-    name: 'card',
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return null;
-      }
-      return pluginKey.getState(editorState) || null;
-    },
-    nodes: function nodes() {
-      var nodes = [{
-        name: 'inlineCard',
-        node: inlineCard
-      }, {
-        name: 'blockCard',
-        node: blockCard
-      }];
-      if (options.allowEmbeds) {
-        nodes.push({
-          name: 'embedCard',
-          node: embedCard
-        });
-      }
-      return nodes;
-    },
-    pmPlugins: function pmPlugins() {
-      var _options$allowBlockCa, _options$allowResizin, _options$useAlternati, _options$allowWrappin, _options$allowAlignme;
-      var allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
-      var allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
-      var useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
-      var allowWrapping = (_options$allowWrappin = options.allowWrapping) !== null && _options$allowWrappin !== void 0 ? _options$allowWrappin : true;
-      var allowAlignment = (_options$allowAlignme = options.allowAlignment) !== null && _options$allowAlignme !== void 0 ? _options$allowAlignme : true;
-      var plugins = [{
-        name: 'card',
-        plugin: createPlugin(_objectSpread(_objectSpread({}, options), {}, {
-          allowBlockCards: allowBlockCards,
-          allowResizing: allowResizing,
-          useAlternativePreloader: useAlternativePreloader,
-          allowWrapping: allowWrapping,
-          allowAlignment: allowAlignment
-        }), api)
-      }, {
-        name: 'cardHyperlink',
-        plugin: function plugin() {
-          return mountHyperlinkPlugin(api, options);
-        }
-      }];
-      plugins.push({
-        name: 'cardKeymap',
-        plugin: function plugin(_ref) {
-          var featureFlags = _ref.featureFlags;
-          return cardKeymap(featureFlags);
-        }
-      });
-      return plugins;
-    },
-    contentComponent: function contentComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement;
-      var lpAnalyticsEventsNext = featureFlags.lpAnalyticsEventsNext;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EditorSmartCardEvents, {
-        editorView: editorView
-      }), lpAnalyticsEventsNext && /*#__PURE__*/React.createElement(EditorSmartCardEventsNext, {
-        editorView: editorView
-      }), /*#__PURE__*/React.createElement(LayoutButton, {
-        api: api,
-        editorView: editorView,
-        mountPoint: popupsMountPoint,
-        scrollableElement: popupsScrollableElement,
-        boundariesElement: popupsBoundariesElement
-      }), /*#__PURE__*/React.createElement(DatasourceModalWithState, {
-        api: api,
-        editorView: editorView
-      }));
-    },
-    actions: {
-      hideLinkToolbar: hideLinkToolbar,
-      queueCardsFromChangedTr: queueCardsFromChangedTr,
-      changeSelectedCardToLink: changeSelectedCardToLink,
-      setSelectedCardAppearance: setSelectedCardAppearance
-    },
-    pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api),
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
-        if (canRenderDatasource(JIRA_LIST_OF_LINKS_DATASOURCE_ID)) {
-          return [{
-            id: 'datasource',
-            title: formatMessage(messages.datasourceJiraIssue),
-            description: formatMessage(messages.datasourceJiraIssueDescription),
-            keywords: ['jira'],
-            icon: function icon() {
-              return /*#__PURE__*/React.createElement(IconDatasourceJiraIssue, null);
-            },
-            action: function action(insert) {
-              var tr = insert(undefined);
-              showDatasourceModal('jira')(tr);
-              return tr;
-            }
-          }];
-        }
-        return [];
-      }
-    }
-  };
-};
-export default cardPlugin;

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

@@ -1,13 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-export var messages = defineMessages({
-  datasourceJiraIssue: {
-    id: 'fabric.editor.datasource.jiraIssue',
-    defaultMessage: 'Jira Issues',
-    description: 'Insert a jira datasource table'
-  },
-  datasourceJiraIssueDescription: {
-    id: 'fabric.editor.datasource.jiraIssue.description',
-    defaultMessage: 'Insert issues from Jira Cloud with enhanced search, filtering, and configuration',
-    description: 'Insert a jira datasource table'
-  }
-});

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

@@ -1,155 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-import React from 'react';
-import { Card as SmartCard } from '@atlaskit/smart-card';
-import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
-import { browser } from '@atlaskit/editor-common/utils';
-import PropTypes from 'prop-types';
-import rafSchedule from 'raf-schd';
-import { Card } from './genericCard';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import { registerCard } from '../pm-plugins/actions';
-import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(BlockCardComponent, _React$PureComponent);
-  var _super = _createSuper(BlockCardComponent);
-  function BlockCardComponent() {
-    var _this;
-    _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this), "onClick", function () {});
-    _defineProperty(_assertThisInitialized(_this), "onResolve", function (data) {
-      var _this$props = _this.props,
-        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
-      rafSchedule(function () {
-        var pos = getPos();
-        if (typeof pos !== 'number') {
-          return;
-        }
-        view.dispatch(registerCard({
-          title: title,
-          url: url,
-          pos: pos
-        })(view.state.tr));
-      })();
-    });
-    _defineProperty(_assertThisInitialized(_this), "gapCursorSpan", function () {
-      // Don't render in EdgeHTMl version <= 18 (Edge version 44)
-      // as it forces the edit popup to render 24px lower than it should
-      if (browser.ie && browser.ie_version < 79) {
-        return;
-      }
-
-      // render an empty span afterwards to get around Webkit bug
-      // that puts caret in next editable text element
-      return /*#__PURE__*/React.createElement("span", {
-        contentEditable: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "onError", function (_ref) {
-      var err = _ref.err;
-      if (err) {
-        throw err;
-      }
-    });
-    return _this;
-  }
-  _createClass(BlockCardComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var view = this.props.view;
-      var scrollContainer = findOverflowScrollParent(view.dom);
-      this.scrollContainer = scrollContainer || undefined;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        cardContext = _this$props2.cardContext,
-        platform = _this$props2.platform,
-        showServerActions = _this$props2.showServerActions;
-      var _node$attrs = node.attrs,
-        url = _node$attrs.url,
-        data = _node$attrs.data;
-      var cardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SmartCard, {
-        key: url,
-        url: url,
-        data: data,
-        container: this.scrollContainer,
-        appearance: "block",
-        onClick: this.onClick,
-        onResolve: this.onResolve,
-        onError: this.onError,
-        showActions: platform === 'web',
-        platform: platform,
-        showServerActions: showServerActions
-      }), 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.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
-        value: cardContext.value
-      }, cardInner) : data ? cardInner : null);
-    }
-  }]);
-  return BlockCardComponent;
-}(React.PureComponent);
-_defineProperty(BlockCardComponent, "contextTypes", {
-  contextAdapter: PropTypes.object
-});
-var WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
-export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(BlockCard, _ReactNodeView);
-  var _super2 = _createSuper(BlockCard);
-  function BlockCard() {
-    _classCallCheck(this, BlockCard);
-    return _super2.apply(this, arguments);
-  }
-  _createClass(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;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$reactComponentP = this.reactComponentProps,
-        platform = _this$reactComponentP.platform,
-        showServerActions = _this$reactComponentP.showServerActions;
-      return /*#__PURE__*/React.createElement(WrappedBlockCard, {
-        node: this.node,
-        view: this.view,
-        getPos: this.getPos,
-        platform: platform,
-        showServerActions: showServerActions
-      });
-    }
-  }]);
-  return BlockCard;
-}(ReactNodeView);