@atlaskit/editor-core 185.2.25 → 185.2.26

package/dist/cjs/nodeviews/ReactNodeView.js

@@ -1,224 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _eventDispatcher = require("../event-dispatcher");
-var _analytics = require("../plugins/analytics");
-var _consts = require("../plugins/analytics/consts");
-var _ErrorBoundary = require("../ui/ErrorBoundary");
-var _getPerformanceOptions = require("./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;
-    (0, _classCallCheck2.default)(this, ReactNodeView);
-    (0, _defineProperty2.default)(this, "handleRef", function (node) {
-      return _this._handleRef(node);
-    });
-    (0, _defineProperty2.default)(this, "dispatchAnalyticsEvent", function (payload) {
-      if (_this.eventDispatcher) {
-        var dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
-        dispatch(_consts.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.
-   */
-  (0, _createClass2.default)(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 = (0, _getPerformanceOptions.getPerformanceOptions)(this.view),
-        samplingRate = _getPerformanceOption.samplingRate,
-        slowThreshold = _getPerformanceOption.slowThreshold,
-        trackingEnabled = _getPerformanceOption.trackingEnabled;
-      trackingEnabled && (0, _getPerformanceOptions.startMeasureReactNodeViewRendered)({
-        nodeTypeName: this.node.type.name
-      });
-      this.renderReactComponent(function () {
-        return _this2.render(_this2.reactComponentProps, _this2.handleRef);
-      });
-      trackingEnabled && (0, _getPerformanceOptions.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.default.createElement(_ErrorBoundary.ErrorBoundary, {
-          component: _analytics.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 : _analytics.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.default.createElement(this.reactComponent, (0, _extends2.default)({
-        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;
-}();
-exports.default = ReactNodeView;

package/dist/cjs/nodeviews/SelectionBasedNodeView.js

@@ -1,169 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectionBasedNodeView = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _prosemirrorState = require("prosemirror-state");
-var _reactNodeview = require("../plugins/base/pm-plugins/react-nodeview");
-var _ReactNodeView2 = _interopRequireDefault(require("./ReactNodeView"));
-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; } }
-/**
- * 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);
- * }```
- */
-var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(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;
-    (0, _classCallCheck2.default)(this, SelectionBasedNodeView);
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSelectedNode", function (selection) {
-      if (selection instanceof _prosemirrorState.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;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nodeInsideSelection", function () {
-      var selection = _this.view.state.selection;
-      var from = selection.from,
-        to = selection.to;
-      return _this.isSelectedNode(selection) || _this.isNodeInsideSelection(from, to);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectionChange", function () {
-      _this.update(_this.node, []);
-    });
-    _this.updatePos();
-    _this.oldSelection = view.state.selection;
-    _this.selectionChangeState = _reactNodeview.stateKey.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.
-   */
-  (0, _createClass2.default)(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 _prosemirrorState.NodeSelection && selection.from === this.pos;
-        var oldNodeSelection = oldSelection instanceof _prosemirrorState.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);
-      (0, _get2.default)((0, _getPrototypeOf2.default)(SelectionBasedNodeView.prototype), "destroy", this).call(this);
-    }
-  }]);
-  return SelectionBasedNodeView;
-}(_ReactNodeView2.default);
-exports.SelectionBasedNodeView = SelectionBasedNodeView;

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

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stateKey = exports.plugin = exports.ReactNodeViewState = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
-var ReactNodeViewState = /*#__PURE__*/function () {
-  function ReactNodeViewState() {
-    (0, _classCallCheck2.default)(this, ReactNodeViewState);
-    (0, _defineProperty2.default)(this, "changeHandlers", []);
-    this.changeHandlers = [];
-  }
-  (0, _createClass2.default)(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;
-}();
-exports.ReactNodeViewState = ReactNodeViewState;
-var stateKey = new _prosemirrorState.PluginKey('reactNodeView');
-exports.stateKey = stateKey;
-var plugin = new _safePlugin.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;
-        }
-      }
-    };
-  }
-});
-exports.plugin = plugin;

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

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PortalProviderThemeProviders = PortalProviderThemeProviders;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
-var _constants = require("@atlaskit/theme/constants");
-var _react2 = require("@emotion/react");
-function PortalProviderThemeProviders(props) {
-  var children = props.children,
-    mode = props.mode;
-  var styledComponentsAndEmotionTheme = _react.default.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.
-  function () {
-    var _ref;
-    return _ref = {}, (0, _defineProperty2.default)(_ref, _constants.CHANNEL, {
-      mode: mode
-    }), (0, _defineProperty2.default)(_ref, "theme", (0, _defineProperty2.default)({}, _constants.CHANNEL, {
-      mode: mode
-    })), _ref;
-  }, [mode]);
-  var atlaskitTheme = _react.default.useCallback(function () {
-    return {
-      mode: mode
-    };
-  }, [mode]);
-  return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/_react.default.createElement(_components.default.Provider, {
-    value: atlaskitTheme
-  }, children));
-}