@atlaskit/editor-core 185.2.24 → 185.2.26

package/dist/es2019/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import AtlaskitTheme from '@atlaskit/theme/components';
-import { CHANNEL } from '@atlaskit/theme/constants';
-import { ThemeProvider } from '@emotion/react';
-export function PortalProviderThemeProviders(props) {
-  const {
-    children,
-    mode
-  } = props;
-  const styledComponentsAndEmotionTheme = React.useMemo(
-  // This return value should only be one of the following
-  // - { [CHANNEL]: { mode },
-  // - { theme: { [CHANNEL]: { mode } }
-  // However, it appears that consumers have inconsistent expectations
-  // regarding the shape.
-  // This can be revisited in future work, and for the purposes of
-  // fixing https://product-fabric.atlassian.net/browse/ED-14956
-  // we are merging the two shapes consumers expect.
-  () => ({
-    [CHANNEL]: {
-      mode
-    },
-    theme: {
-      [CHANNEL]: {
-        mode
-      }
-    }
-  }), [mode]);
-  const atlaskitTheme = React.useCallback(() => ({
-    mode
-  }), [mode]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/React.createElement(AtlaskitTheme.Provider, {
-    value: atlaskitTheme
-  }, children));
-}

package/dist/es2019/ui/PortalProvider/index.js

@@ -1,184 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _class;
-import React from 'react';
-import { createPortal, unstable_renderSubtreeIntoContainer, unmountComponentAtNode } from 'react-dom';
-import PropTypes from 'prop-types';
-import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
-import { EventDispatcher } from '../../event-dispatcher';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { useIntl, RawIntlProvider, injectIntl } from 'react-intl-next';
-import { useGlobalTheme } from '@atlaskit/theme/components';
-import { PortalProviderThemeProviders } from './PortalProviderThemesProvider';
-import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
-export class PortalProviderAPI extends EventDispatcher {
-  constructor(intl, onAnalyticsEvent, analyticsContext, themeMode) {
-    super();
-    _defineProperty(this, "portals", new Map());
-    _defineProperty(this, "setContext", context => {
-      this.context = context;
-    });
-    this.intl = intl;
-    this.onAnalyticsEvent = onAnalyticsEvent;
-    this.useAnalyticsContext = analyticsContext;
-    this.themeMode = themeMode;
-  }
-  render(children, container, hasAnalyticsContext = false, hasIntlContext = false) {
-    this.portals.set(container, {
-      children: children,
-      hasAnalyticsContext,
-      hasIntlContext
-    });
-    const childrenWithThemeProviders = /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
-      mode: this.themeMode
-    }, children());
-    let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders) : childrenWithThemeProviders;
-    if (hasIntlContext) {
-      wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
-        value: this.intl
-      }, wrappedChildren);
-    }
-    unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
-  }
-
-  // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
-  // we (unfortunately) need to re-render to pass down any updated context.
-  // selectively do this for nodeviews that opt-in via `hasAnalyticsContext`
-  forceUpdate({
-    intl,
-    themeMode
-  }) {
-    this.intl = intl;
-    this.themeMode = themeMode;
-    this.portals.forEach((portal, container) => {
-      if (!portal.hasAnalyticsContext && !this.useAnalyticsContext && !portal.hasIntlContext) {
-        return;
-      }
-      let wrappedChildren = portal.children();
-      const childrenWithThemeProviders = /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
-        mode: themeMode
-      }, wrappedChildren);
-      if (portal.hasAnalyticsContext && this.useAnalyticsContext) {
-        wrappedChildren = /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders);
-      }
-      if (portal.hasIntlContext) {
-        wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
-          value: this.intl
-        }, childrenWithThemeProviders);
-      }
-      unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
-    });
-  }
-  remove(container) {
-    this.portals.delete(container);
-
-    // There is a race condition that can happen caused by Prosemirror vs React,
-    // where Prosemirror removes the container from the DOM before React gets
-    // around to removing the child from the container
-    // This will throw a NotFoundError: The node to be removed is not a child of this node
-    // Both Prosemirror and React remove the elements asynchronously, and in edge
-    // cases Prosemirror beats React
-    try {
-      unmountComponentAtNode(container);
-    } catch (error) {
-      if (this.onAnalyticsEvent) {
-        this.onAnalyticsEvent({
-          payload: {
-            action: ACTION.FAILED_TO_UNMOUNT,
-            actionSubject: ACTION_SUBJECT.EDITOR,
-            actionSubjectId: ACTION_SUBJECT_ID.REACT_NODE_VIEW,
-            attributes: {
-              error: error,
-              domNodes: {
-                container: container ? container.className : undefined,
-                child: container.firstElementChild ? container.firstElementChild.className : undefined
-              }
-            },
-            eventType: EVENT_TYPE.OPERATIONAL
-          }
-        });
-      }
-    }
-  }
-}
-class BasePortalProvider extends React.Component {
-  constructor(props) {
-    super(props);
-    this.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
-  }
-  render() {
-    return this.props.render(this.portalProviderAPI);
-  }
-  componentDidUpdate() {
-    this.portalProviderAPI.forceUpdate({
-      intl: this.props.intl,
-      themeMode: this.props.themeMode
-    });
-  }
-}
-_defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
-export const PortalProvider = injectIntl(BasePortalProvider);
-export const PortalProviderWithThemeProviders = ({
-  onAnalyticsEvent,
-  useAnalyticsContext,
-  render
-}) => /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeAndIntlProviders, {
-  onAnalyticsEvent: onAnalyticsEvent,
-  useAnalyticsContext: useAnalyticsContext,
-  render: render
-}));
-const PortalProviderWithThemeAndIntlProviders = ({
-  onAnalyticsEvent,
-  useAnalyticsContext,
-  render
-}) => {
-  const intl = useIntl();
-  const globalTheme = useGlobalTheme();
-  return /*#__PURE__*/React.createElement(BasePortalProvider, {
-    intl: intl,
-    themeMode: globalTheme.mode,
-    onAnalyticsEvent: onAnalyticsEvent,
-    useAnalyticsContext: useAnalyticsContext,
-    render: render
-  });
-};
-export class PortalRenderer extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleUpdate", portals => this.setState({
-      portals
-    }));
-    props.portalProviderAPI.setContext(this);
-    props.portalProviderAPI.on('update', this.handleUpdate);
-    this.state = {
-      portals: new Map()
-    };
-  }
-  render() {
-    const {
-      portals
-    } = this.state;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(portals.entries()).map(([container, children]) => /*#__PURE__*/createPortal(children, container)));
-  }
-}
-
-/**
- * Wrapper to re-provide modern analytics context to ReactNodeViews.
- */
-const dummyAnalyticsContext = {
-  getAtlaskitAnalyticsContext() {},
-  getAtlaskitAnalyticsEventHandlers() {}
-};
-const AnalyticsContextWrapper = (_class = class AnalyticsContextWrapper extends React.Component {
-  render() {
-    const {
-      value
-    } = this.context.contextAdapter.analytics || {
-      value: dummyAnalyticsContext
-    };
-    return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {
-      value: value
-    }, this.props.children);
-  }
-}, _defineProperty(_class, "contextTypes", {
-  contextAdapter: PropTypes.object
-}), _class);

package/dist/esm/nodeviews/ReactNodeView.js

@@ -1,217 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { createDispatch } from '../event-dispatcher';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
-import { analyticsEventKey } from '../plugins/analytics/consts';
-import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
-var ReactNodeView = /*#__PURE__*/function () {
-  function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
-    var _this = this;
-    var hasAnalyticsContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
-    _classCallCheck(this, ReactNodeView);
-    _defineProperty(this, "handleRef", function (node) {
-      return _this._handleRef(node);
-    });
-    _defineProperty(this, "dispatchAnalyticsEvent", function (payload) {
-      if (_this.eventDispatcher) {
-        var dispatch = createDispatch(_this.eventDispatcher);
-        dispatch(analyticsEventKey, {
-          payload: payload
-        });
-      }
-    });
-    this.node = _node;
-    this.view = view;
-    this.getPos = getPos;
-    this.portalProviderAPI = portalProviderAPI;
-    this.reactComponentProps = reactComponentProps || {};
-    this.reactComponent = reactComponent;
-    this.hasAnalyticsContext = hasAnalyticsContext;
-    this._viewShouldUpdate = viewShouldUpdate;
-    this.eventDispatcher = eventDispatcher;
-    this.hasIntlContext = hasIntlContext;
-  }
-
-  /**
-   * This method exists to move initialization logic out of the constructor,
-   * so object can be initialized properly before calling render first time.
-   *
-   * Example:
-   * Instance properties get added to an object only after super call in
-   * constructor, which leads to some methods being undefined during the
-   * first render.
-   */
-  _createClass(ReactNodeView, [{
-    key: "init",
-    value: function init() {
-      var _this2 = this;
-      this.domRef = this.createDomRef();
-      this.setDomAttrs(this.node, this.domRef);
-      var _ref = this.getContentDOM() || {
-          dom: undefined,
-          contentDOM: undefined
-        },
-        contentDOMWrapper = _ref.dom,
-        contentDOM = _ref.contentDOM;
-      if (this.domRef && contentDOMWrapper) {
-        this.domRef.appendChild(contentDOMWrapper);
-        this.contentDOM = contentDOM ? contentDOM : contentDOMWrapper;
-        this.contentDOMWrapper = contentDOMWrapper || contentDOM;
-      }
-
-      // @see ED-3790
-      // something gets messed up during mutation processing inside of a
-      // nodeView if DOM structure has nested plain "div"s, it doesn't see the
-      // difference between them and it kills the nodeView
-      this.domRef.classList.add("".concat(this.node.type.name, "View-content-wrap"));
-      var _getPerformanceOption = getPerformanceOptions(this.view),
-        samplingRate = _getPerformanceOption.samplingRate,
-        slowThreshold = _getPerformanceOption.slowThreshold,
-        trackingEnabled = _getPerformanceOption.trackingEnabled;
-      trackingEnabled && startMeasureReactNodeViewRendered({
-        nodeTypeName: this.node.type.name
-      });
-      this.renderReactComponent(function () {
-        return _this2.render(_this2.reactComponentProps, _this2.handleRef);
-      });
-      trackingEnabled && stopMeasureReactNodeViewRendered({
-        nodeTypeName: this.node.type.name,
-        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-        editorState: this.view.state,
-        samplingRate: samplingRate,
-        slowThreshold: slowThreshold
-      });
-      return this;
-    }
-  }, {
-    key: "renderReactComponent",
-    value: function renderReactComponent(component) {
-      var _this3 = this;
-      if (!this.domRef || !component) {
-        return;
-      }
-      var componentWithErrorBoundary = function componentWithErrorBoundary() {
-        var _this3$node$type$name, _this3$node, _this3$node$type;
-        return /*#__PURE__*/React.createElement(ErrorBoundary, {
-          component: ACTION_SUBJECT.REACT_NODE_VIEW,
-          componentId: (_this3$node$type$name = _this3 === null || _this3 === void 0 ? void 0 : (_this3$node = _this3.node) === null || _this3$node === void 0 ? void 0 : (_this3$node$type = _this3$node.type) === null || _this3$node$type === void 0 ? void 0 : _this3$node$type.name) !== null && _this3$node$type$name !== void 0 ? _this3$node$type$name : ACTION_SUBJECT_ID.UNKNOWN_NODE,
-          dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
-        }, component());
-      };
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
-    }
-  }, {
-    key: "createDomRef",
-    value: function createDomRef() {
-      if (!this.node.isInline) {
-        return document.createElement('div');
-      }
-      var htmlElement = document.createElement('span');
-      return htmlElement;
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      return undefined;
-    }
-  }, {
-    key: "_handleRef",
-    value: function _handleRef(node) {
-      var contentDOM = this.contentDOMWrapper || this.contentDOM;
-
-      // move the contentDOM node inside the inner reference after rendering
-      if (node && contentDOM && !node.contains(contentDOM)) {
-        node.appendChild(contentDOM);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render(props, forwardRef) {
-      return this.reactComponent ? /*#__PURE__*/React.createElement(this.reactComponent, _extends({
-        view: this.view,
-        getPos: this.getPos,
-        node: this.node,
-        forwardRef: forwardRef
-      }, props)) : null;
-    }
-  }, {
-    key: "update",
-    value: function update(node, _decorations, _innerDecorations) {
-      var _this4 = this;
-      var validUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
-        return true;
-      };
-      // @see https://github.com/ProseMirror/prosemirror/issues/648
-      var isValidUpdate = this.node.type === node.type && validUpdate(this.node, node);
-      if (!isValidUpdate) {
-        return false;
-      }
-      if (this.domRef && !this.node.sameMarkup(node)) {
-        this.setDomAttrs(node, this.domRef);
-      }
-
-      // View should not process a re-render if this is false.
-      // We dont want to destroy the view, so we return true.
-      if (!this.viewShouldUpdate(node)) {
-        this.node = node;
-        return true;
-      }
-      this.node = node;
-      this.renderReactComponent(function () {
-        return _this4.render(_this4.reactComponentProps, _this4.handleRef);
-      });
-      return true;
-    }
-  }, {
-    key: "viewShouldUpdate",
-    value: function viewShouldUpdate(nextNode) {
-      if (this._viewShouldUpdate) {
-        return this._viewShouldUpdate(nextNode);
-      }
-      return true;
-    }
-
-    /**
-     * Copies the attributes from a ProseMirror Node to a DOM node.
-     * @param node The Prosemirror Node from which to source the attributes
-     */
-  }, {
-    key: "setDomAttrs",
-    value: function setDomAttrs(node, element) {
-      Object.keys(node.attrs || {}).forEach(function (attr) {
-        element.setAttribute(attr, node.attrs[attr]);
-      });
-    }
-  }, {
-    key: "dom",
-    get: function get() {
-      return this.domRef;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (!this.domRef) {
-        return;
-      }
-      this.portalProviderAPI.remove(this.domRef);
-      this.domRef = undefined;
-      this.contentDOM = undefined;
-    }
-  }], [{
-    key: "fromComponent",
-    value: function fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
-      var hasIntlContext = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-      return function (node, view, getPos) {
-        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
-      };
-    }
-  }]);
-  return ReactNodeView;
-}();
-export { ReactNodeView as default };

package/dist/esm/nodeviews/SelectionBasedNodeView.js

@@ -1,163 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-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 { NodeSelection } from 'prosemirror-state';
-import { stateKey as SelectionChangePluginKey } from '../plugins/base/pm-plugins/react-nodeview';
-import ReactNodeView from './ReactNodeView';
-
-/**
- * A ReactNodeView that handles React components sensitive
- * to selection changes.
- *
- * If the selection changes, it will attempt to re-render the
- * React component. Otherwise it does nothing.
- *
- * You can subclass `viewShouldUpdate` to include other
- * props that your component might want to consider before
- * entering the React lifecycle. These are usually props you
- * compare in `shouldComponentUpdate`.
- *
- * An example:
- *
- * ```
- * viewShouldUpdate(nextNode) {
- *   if (nextNode.attrs !== this.node.attrs) {
- *     return true;
- *   }
- *
- *   return super.viewShouldUpdate(nextNode);
- * }```
- */
-
-export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(SelectionBasedNodeView, _ReactNodeView);
-  var _super = _createSuper(SelectionBasedNodeView);
-  function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
-    var _this;
-    var hasContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
-    _classCallCheck(this, SelectionBasedNodeView);
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
-    _defineProperty(_assertThisInitialized(_this), "isNodeInsideSelection", function (from, to, pos, posEnd) {
-      var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);
-      pos = _this$getPositionsWit.pos;
-      posEnd = _this$getPositionsWit.posEnd;
-      if (typeof pos !== 'number' || typeof posEnd !== 'number') {
-        return false;
-      }
-      return from <= pos && to >= posEnd;
-    });
-    _defineProperty(_assertThisInitialized(_this), "isSelectionInsideNode", function (from, to, pos, posEnd) {
-      var _this$getPositionsWit2 = _this.getPositionsWithDefault(pos, posEnd);
-      pos = _this$getPositionsWit2.pos;
-      posEnd = _this$getPositionsWit2.posEnd;
-      if (typeof pos !== 'number' || typeof posEnd !== 'number') {
-        return false;
-      }
-      return pos < from && to < posEnd;
-    });
-    _defineProperty(_assertThisInitialized(_this), "isSelectedNode", function (selection) {
-      if (selection instanceof NodeSelection) {
-        var _this$view$state$sele = _this.view.state.selection,
-          from = _this$view$state$sele.from,
-          to = _this$view$state$sele.to;
-        return selection.node === _this.node ||
-        // If nodes are not the same object, we check if they are referring to the same document node
-        _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
-      }
-      return false;
-    });
-    _defineProperty(_assertThisInitialized(_this), "insideSelection", function () {
-      var _this$view$state$sele2 = _this.view.state.selection,
-        from = _this$view$state$sele2.from,
-        to = _this$view$state$sele2.to;
-      return _this.isSelectedNode(_this.view.state.selection) || _this.isSelectionInsideNode(from, to);
-    });
-    _defineProperty(_assertThisInitialized(_this), "nodeInsideSelection", function () {
-      var selection = _this.view.state.selection;
-      var from = selection.from,
-        to = selection.to;
-      return _this.isSelectedNode(selection) || _this.isNodeInsideSelection(from, to);
-    });
-    _defineProperty(_assertThisInitialized(_this), "onSelectionChange", function () {
-      _this.update(_this.node, []);
-    });
-    _this.updatePos();
-    _this.oldSelection = view.state.selection;
-    _this.selectionChangeState = SelectionChangePluginKey.getState(_this.view.state);
-    _this.selectionChangeState.subscribe(_this.onSelectionChange);
-    return _this;
-  }
-
-  /**
-   * Update current node's start and end positions.
-   *
-   * Prefer `this.pos` rather than getPos(), because calling getPos is
-   * expensive, unless you know you're definitely going to render.
-   */
-  _createClass(SelectionBasedNodeView, [{
-    key: "updatePos",
-    value: function updatePos() {
-      if (typeof this.getPos === 'boolean') {
-        return;
-      }
-      this.pos = this.getPos();
-      this.posEnd = this.pos + this.node.nodeSize;
-    }
-  }, {
-    key: "getPositionsWithDefault",
-    value: function getPositionsWithDefault(pos, posEnd) {
-      return {
-        pos: typeof pos !== 'number' ? this.pos : pos,
-        posEnd: typeof posEnd !== 'number' ? this.posEnd : posEnd
-      };
-    }
-  }, {
-    key: "viewShouldUpdate",
-    value: function viewShouldUpdate(_nextNode) {
-      var selection = this.view.state.selection;
-
-      // update selection
-      var oldSelection = this.oldSelection;
-      this.oldSelection = selection;
-
-      // update cached positions
-      var oldPos = this.pos,
-        oldPosEnd = this.posEnd;
-      this.updatePos();
-      var from = selection.from,
-        to = selection.to;
-      var oldFrom = oldSelection.from,
-        oldTo = oldSelection.to;
-      if (this.node.type.spec.selectable) {
-        var newNodeSelection = selection instanceof NodeSelection && selection.from === this.pos;
-        var oldNodeSelection = oldSelection instanceof NodeSelection && oldSelection.from === this.pos;
-        if (newNodeSelection && !oldNodeSelection || oldNodeSelection && !newNodeSelection) {
-          return true;
-        }
-      }
-      var movedInToSelection = this.isNodeInsideSelection(from, to) && !this.isNodeInsideSelection(oldFrom, oldTo);
-      var movedOutOfSelection = !this.isNodeInsideSelection(from, to) && this.isNodeInsideSelection(oldFrom, oldTo);
-      var moveOutFromOldSelection = this.isNodeInsideSelection(from, to, oldPos, oldPosEnd) && !this.isNodeInsideSelection(from, to);
-      if (movedInToSelection || movedOutOfSelection || moveOutFromOldSelection) {
-        return true;
-      }
-      return false;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.selectionChangeState.unsubscribe(this.onSelectionChange);
-      _get(_getPrototypeOf(SelectionBasedNodeView.prototype), "destroy", this).call(this);
-    }
-  }]);
-  return SelectionBasedNodeView;
-}(ReactNodeView);

package/dist/esm/plugins/base/pm-plugins/react-nodeview.js

@@ -1,62 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-export var ReactNodeViewState = /*#__PURE__*/function () {
-  function ReactNodeViewState() {
-    _classCallCheck(this, ReactNodeViewState);
-    _defineProperty(this, "changeHandlers", []);
-    this.changeHandlers = [];
-  }
-  _createClass(ReactNodeViewState, [{
-    key: "subscribe",
-    value: function subscribe(cb) {
-      this.changeHandlers.push(cb);
-    }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe(cb) {
-      this.changeHandlers = this.changeHandlers.filter(function (ch) {
-        return ch !== cb;
-      });
-    }
-  }, {
-    key: "notifyNewSelection",
-    value: function notifyNewSelection(fromPos, toPos) {
-      this.changeHandlers.forEach(function (cb) {
-        return cb(fromPos, toPos);
-      });
-    }
-  }]);
-  return ReactNodeViewState;
-}();
-export var stateKey = new PluginKey('reactNodeView');
-export var plugin = new SafePlugin({
-  state: {
-    init: function init() {
-      return new ReactNodeViewState();
-    },
-    apply: function apply(_tr, pluginState) {
-      return pluginState;
-    }
-  },
-  key: stateKey,
-  view: function view(_view) {
-    var pluginState = stateKey.getState(_view.state);
-    var prevFrom = -1;
-    var prevTo = -1;
-    return {
-      update: function update(view) {
-        var _view$state$selection = view.state.selection,
-          from = _view$state$selection.from,
-          to = _view$state$selection.to;
-        if (from !== prevFrom || to !== prevTo) {
-          pluginState.notifyNewSelection(from, to);
-          prevFrom = from;
-          prevTo = to;
-        }
-      }
-    };
-  }
-});