@atlaskit/editor-core 190.2.3 → 191.0.1

package/dist/esm/plugins/collab-edit/plugin-state.js

@@ -1,228 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
-import { browser } from '@atlaskit/editor-common/utils';
-import { Participants } from './participants';
-import { findPointers, createTelepointers, getPositionOfTelepointer } from './utils';
-var isReplaceStep = function isReplaceStep(step) {
-  return step instanceof ReplaceStep;
-};
-export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
-
-/**
- * Returns position where it's possible to place a decoration.
- */
-export var getValidPos = function getValidPos(tr, pos) {
-  var endOfDocPos = tr.doc.nodeSize - 2;
-  if (pos <= endOfDocPos) {
-    var resolvedPos = tr.doc.resolve(pos);
-    var backwardSelection = Selection.findFrom(resolvedPos, -1, true);
-    // if there's no correct cursor position before the `pos`, we try to find it after the `pos`
-    var forwardSelection = Selection.findFrom(resolvedPos, 1, true);
-    return backwardSelection ? backwardSelection.from : forwardSelection ? forwardSelection.from : pos;
-  }
-  return endOfDocPos;
-};
-export var PluginState = /*#__PURE__*/function () {
-  function PluginState(decorations, participants, sessionId) {
-    var collabInitalised = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var onError = arguments.length > 4 ? arguments[4] : undefined;
-    _classCallCheck(this, PluginState);
-    // eslint-disable-next-line no-console
-    _defineProperty(this, "onError", function (error) {
-      return console.error(error);
-    });
-    this.decorationSet = decorations;
-    this.participants = participants;
-    this.sid = sessionId;
-    this.isReady = collabInitalised;
-    this.onError = onError || this.onError;
-  }
-  _createClass(PluginState, [{
-    key: "decorations",
-    get: function get() {
-      return this.decorationSet;
-    }
-  }, {
-    key: "activeParticipants",
-    get: function get() {
-      return this.participants;
-    }
-  }, {
-    key: "sessionId",
-    get: function get() {
-      return this.sid;
-    }
-  }, {
-    key: "getInitial",
-    value: function getInitial(sessionId) {
-      var participant = this.participants.get(sessionId);
-      return participant ? participant.name.substring(0, 1).toUpperCase() : 'X';
-    }
-  }, {
-    key: "apply",
-    value: function apply(tr) {
-      var _this = this;
-      var participants = this.participants,
-        sid = this.sid,
-        isReady = this.isReady;
-      var presenceData = tr.getMeta('presence');
-      var telepointerData = tr.getMeta('telepointer');
-      var sessionIdData = tr.getMeta('sessionId');
-      var collabInitialised = tr.getMeta('collabInitialised');
-      if (typeof collabInitialised !== 'boolean') {
-        collabInitialised = isReady;
-      }
-      if (sessionIdData) {
-        sid = sessionIdData.sid;
-      }
-      var add = [];
-      var remove = [];
-      if (presenceData) {
-        var _presenceData$joined = presenceData.joined,
-          joined = _presenceData$joined === void 0 ? [] : _presenceData$joined,
-          _presenceData$left = presenceData.left,
-          left = _presenceData$left === void 0 ? [] : _presenceData$left;
-        participants = participants.remove(left.map(function (i) {
-          return i.sessionId;
-        }));
-        participants = participants.add(joined);
-
-        // Remove telepointers for users that left
-        left.forEach(function (i) {
-          var pointers = findPointers(i.sessionId, _this.decorationSet);
-          if (pointers) {
-            remove = remove.concat(pointers);
-          }
-        });
-      }
-      if (telepointerData) {
-        var sessionId = telepointerData.sessionId;
-        if (participants.get(sessionId) && sessionId !== sid) {
-          var oldPointers = findPointers(telepointerData.sessionId, this.decorationSet);
-          if (oldPointers) {
-            remove = remove.concat(oldPointers);
-          }
-          var endOfDocPos = tr.doc.nodeSize - 2;
-          var anchor = telepointerData.selection.anchor;
-          var head = telepointerData.selection.head;
-          var rawFrom = anchor < head ? anchor : head;
-          var rawTo = anchor >= head ? anchor : head;
-          if (rawFrom > endOfDocPos) {
-            rawFrom = endOfDocPos;
-          }
-          if (rawTo > endOfDocPos) {
-            rawTo = endOfDocPos;
-          }
-          var isSelection = rawTo - rawFrom > 0;
-          var from = 1;
-          var to = 1;
-          try {
-            from = getValidPos(tr, isSelection ? Math.max(rawFrom - 1, 0) : rawFrom);
-            to = isSelection ? getValidPos(tr, rawTo) : from;
-          } catch (err) {
-            this.onError(err);
-          }
-          add = add.concat(createTelepointers(from, to, sessionId, isSelection, this.getInitial(sessionId)));
-        }
-      }
-      if (tr.docChanged) {
-        // Adjust decoration positions to changes made by the transaction
-        try {
-          this.decorationSet = this.decorationSet.map(tr.mapping, tr.doc, {
-            // Reapplies decorators those got removed by the state change
-            onRemove: function onRemove(spec) {
-              if (spec.pointer && spec.pointer.sessionId && spec.key === "telepointer-".concat(spec.pointer.sessionId)) {
-                var step = tr.steps.filter(isReplaceStep)[0];
-                if (step) {
-                  var _sessionId = spec.pointer.sessionId;
-                  var _ref = step,
-                    size = _ref.slice.content.size,
-                    _from = _ref.from;
-                  var pos = getValidPos(tr, size ? Math.min(_from + size, tr.doc.nodeSize - 3) : Math.max(_from, 1));
-                  add = add.concat(createTelepointers(pos, pos, _sessionId, false, _this.getInitial(_sessionId)));
-                }
-              }
-            }
-          });
-        } catch (err) {
-          this.onError(err);
-        }
-
-        // Remove any selection decoration within the change range,
-        // takes care of the issue when after pasting we end up with a dead selection
-        tr.steps.filter(isReplaceStep).forEach(function (s) {
-          var _ref2 = s,
-            from = _ref2.from,
-            to = _ref2.to;
-          _this.decorationSet.find(from, to).forEach(function (deco) {
-            // `type` is private, `from` and `to` are public in latest version
-            // `from` != `to` means it's a selection
-            if (deco.from !== deco.to) {
-              remove.push(deco);
-            }
-          });
-        });
-      }
-      var selection = tr.selection;
-      this.decorationSet.find().forEach(function (deco) {
-        if (deco.type.toDOM) {
-          var hasTelepointerDimClass = deco.type.toDOM.classList.contains(TELEPOINTER_DIM_CLASS);
-          if (deco.from === selection.from && deco.to === selection.to) {
-            if (!hasTelepointerDimClass) {
-              deco.type.toDOM.classList.add(TELEPOINTER_DIM_CLASS);
-            }
-
-            // Browser condition here to fix ED-14722 where telepointer
-            // decorations with side -1 in Firefox causes backspace issues.
-            // This is likely caused by contenteditable quirks in Firefox
-            if (!browser.gecko) {
-              deco.type.side = -1;
-            }
-          } else {
-            if (hasTelepointerDimClass) {
-              deco.type.toDOM.classList.remove(TELEPOINTER_DIM_CLASS);
-            }
-            deco.type.side = 0;
-          }
-        }
-      });
-      if (remove.length) {
-        this.decorationSet = this.decorationSet.remove(remove);
-      }
-      if (add.length) {
-        this.decorationSet = this.decorationSet.add(tr.doc, add);
-      }
-
-      // This piece needs to be after the decorationSet adjustments,
-      // otherwise it's always one step behind where the cursor is
-      if (telepointerData) {
-        var _sessionId2 = telepointerData.sessionId;
-        if (participants.get(_sessionId2)) {
-          var positionForScroll = getPositionOfTelepointer(_sessionId2, this.decorationSet);
-          if (positionForScroll) {
-            participants = participants.updateCursorPos(_sessionId2, positionForScroll);
-          }
-        }
-      }
-      var nextState = new PluginState(this.decorationSet, participants, sid, collabInitialised);
-      return PluginState.eq(nextState, this) ? this : nextState;
-    }
-  }], [{
-    key: "eq",
-    value: function eq(a, b) {
-      return a.participants === b.participants && a.sessionId === b.sessionId && a.isReady === b.isReady;
-    }
-  }, {
-    key: "init",
-    value: function init(config) {
-      var doc = config.doc,
-        onError = config.onError;
-      return new PluginState(DecorationSet.create(doc, []), new Participants(), undefined, undefined, onError);
-    }
-  }]);
-  return PluginState;
-}();

package/dist/esm/plugins/collab-edit/plugin.js

@@ -1,85 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { initialize } from './events/initialize';
-import { PluginState } from './plugin-state';
-import { pluginKey } from './plugin-key';
-import { addSynchronyErrorAnalytics } from './analytics';
-import { fireAnalyticsEvent, ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export { PluginState, pluginKey };
-export var createPlugin = function createPlugin(dispatch, providerFactory, providerResolver, collabProviderCallback, options, featureFlags, pluginInjectionApi) {
-  return new SafePlugin({
-    key: pluginKey,
-    state: {
-      init: function init(config) {
-        return PluginState.init(config);
-      },
-      apply: function apply(transaction, prevPluginState, oldEditorState, newEditorState) {
-        var pluginState = prevPluginState.apply(transaction);
-        dispatch(pluginKey, pluginState);
-        return pluginState;
-      }
-    },
-    props: {
-      decorations: function decorations(state) {
-        var _pluginKey$getState;
-        return (_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.decorations;
-      }
-    },
-    filterTransaction: function filterTransaction(tr, state) {
-      var pluginState = pluginKey.getState(state);
-      var collabInitialiseTr = tr.getMeta('collabInitialised');
-
-      // Don't allow transactions that modifies the document before
-      // collab-plugin is ready.
-      if (collabInitialiseTr) {
-        return true;
-      }
-      if (!(pluginState !== null && pluginState !== void 0 && pluginState.isReady) && tr.docChanged) {
-        return false;
-      }
-      return true;
-    },
-    view: function view(_view) {
-      var _pluginInjectionApi$a, _pluginInjectionApi$a4;
-      var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr, featureFlags, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
-      var onSyncUpError = function onSyncUpError(attributes) {
-        var _pluginInjectionApi$a2, _pluginInjectionApi$a3;
-        var fireAnalyticsCallback = fireAnalyticsEvent((_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
-        fireAnalyticsCallback({
-          payload: {
-            action: ACTION.NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS,
-            actionSubject: ACTION_SUBJECT.EDITOR,
-            eventType: EVENT_TYPE.OPERATIONAL,
-            attributes: attributes
-          }
-        });
-      };
-      options.onSyncUpError = onSyncUpError;
-      var cleanup = collabProviderCallback(initialize({
-        view: _view,
-        options: options,
-        providerFactory: providerFactory,
-        featureFlags: featureFlags,
-        editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions
-      }), addErrorAnalytics);
-      providerFactory && providerFactory.subscribe('collabEditProvider', function (_name, providerPromise) {
-        if (providerPromise) {
-          providerPromise.then(function (provider) {
-            return providerResolver(provider);
-          });
-        }
-      });
-      return {
-        destroy: function destroy() {
-          providerFactory.unsubscribeAll('collabEditProvider');
-          if (cleanup) {
-            cleanup.then(function (unsubscribe) {
-              if (unsubscribe) {
-                unsubscribe();
-              }
-            });
-          }
-        }
-      };
-    }
-  });
-};

package/dist/esm/plugins/collab-edit/styles.js

@@ -1,12 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-import { TELEPOINTER_DIM_CLASS } from './plugin-state';
-import { colors } from './utils';
-import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-var telepointerColorStyle = function telepointerColorStyle(color, index) {
-  return "\n  &.color-".concat(index, " {\n    background-color: ").concat(color.selection, ";\n    &::after {\n      background-color: ").concat(color.solid, ";\n      color: ", "var(--ds-text-inverse, #fff)", ";\n      border-color: ").concat(color.solid, ";\n    }\n  }\n");
-};
-export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .telepointer {\n    position: relative;\n    transition: opacity 200ms;\n\n    &.telepointer-selection {\n      line-height: 1.2;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    &.telepointer-selection-badge::after {\n      content: attr(data-initial);\n      position: absolute;\n      display: block;\n      top: -14px;\n      font-size: ", ";\n      padding: ", ";\n      color: ", ";\n      left: -1px;\n      border-radius: 2px 2px 2px 0;\n      line-height: initial;\n    }\n\n    &.", " {\n      opacity: 0.2;\n    }\n\n    ", ";\n  }\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, white)", TELEPOINTER_DIM_CLASS, colors.map(function (color, index) {
-  return telepointerColorStyle(color, index);
-}));

package/dist/esm/plugins/collab-edit/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/plugins/collab-edit/ui/avatars.js

@@ -1,38 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import AvatarGroup from '@atlaskit/avatar-group';
-import { avatarContainer } from './styles';
-import toAvatar from './to-avatar';
-import { scrollToCollabCursor } from '../utils';
-export var Avatars = /*#__PURE__*/React.memo(function (props) {
-  var sessionId = props.sessionId,
-    editorView = props.editorView,
-    featureFlags = props.featureFlags;
-  var participants = props.participants.toArray();
-  var avatars = participants.sort(function (p) {
-    return p.sessionId === sessionId ? -1 : 1;
-  }).map(toAvatar);
-  if (!avatars.length) {
-    return null;
-  }
-  return jsx("div", {
-    css: avatarContainer
-  }, jsx(AvatarGroup, {
-    appearance: "stack",
-    size: "medium",
-    data: avatars,
-    maxCount: 3,
-    onAvatarClick: function onAvatarClick(_event, _analytics, index) {
-      if (!editorView) {
-        return;
-      }
-      var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
-
-      // user does not need to scroll to their own position (index 0)
-      if (allowCollabAvatarScroll && index > 0) {
-        scrollToCollabCursor(editorView, participants, props.sessionId, index, props.editorAnalyticsAPI);
-      }
-    }
-  }), props.children);
-});

package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js

@@ -1,12 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
-import { getAvatarColor } from '../utils';
-import { badge } from './styles';
-export var ColoredAvatarItem = function ColoredAvatarItem(props) {
-  var color = getAvatarColor(props.sessionId).color.solid;
-  var avatar = props.name.substr(0, 1).toUpperCase();
-  return jsx("div", {
-    css: badge(color),
-    "data-testid": "editor-collab-badge"
-  }, avatar);
-};

package/dist/esm/plugins/collab-edit/utils.js

@@ -1,146 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import * as themeColors from '@atlaskit/theme/colors';
-import { hexToRgba } from '@atlaskit/adf-schema';
-import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
-import { EVENT_TYPE, ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
-// TODO: https://product-fabric.atlassian.net/browse/DSP-7269
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-export var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
-  return {
-    solid: solid,
-    selection: hexToRgba(solid, 0.2)
-  };
-});
-/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-
-export var getAvatarColor = function getAvatarColor(str) {
-  var hash = 0;
-  for (var i = 0; i < str.length; i++) {
-    /* eslint-disable no-bitwise */
-    hash = (hash << 5) - hash + str.charCodeAt(i);
-    hash = hash & hash;
-    /* eslint-enable no-bitwise */
-  }
-
-  var index = Math.abs(hash) % colors.length;
-  return {
-    index: index,
-    color: colors[index]
-  };
-};
-export var findPointers = function findPointers(id, decorations) {
-  return decorations.find().reduce(function (arr, deco) {
-    return deco.spec.pointer.sessionId === id ? arr.concat(deco) : arr;
-  }, []);
-};
-function style(options) {
-  var color = options && options.color || 'black';
-  return "border-left: 1px solid ".concat(color, "; border-right: 1px solid ").concat(color, "; margin-right: -2px;");
-}
-export var createTelepointers = function createTelepointers(from, to, sessionId, isSelection, initial) {
-  var decorations = [];
-  var avatarColor = getAvatarColor(sessionId);
-  var color = avatarColor.index.toString();
-  if (isSelection) {
-    var className = "telepointer color-".concat(color, " telepointer-selection");
-    decorations.push(Decoration.inline(from, to, {
-      class: className,
-      'data-initial': initial
-    }, {
-      pointer: {
-        sessionId: sessionId
-      }
-    }));
-  }
-  var spaceJoinerBefore = document.createElement('span');
-  spaceJoinerBefore.textContent = ZERO_WIDTH_JOINER;
-  var spaceJoinerAfter = document.createElement('span');
-  spaceJoinerAfter.textContent = ZERO_WIDTH_JOINER;
-  var cursor = document.createElement('span');
-  cursor.textContent = ZERO_WIDTH_JOINER;
-  cursor.className = "telepointer color-".concat(color, " telepointer-selection-badge");
-  cursor.style.cssText = "".concat(style({
-    color: avatarColor.color.solid
-  }), ";");
-  cursor.setAttribute('data-initial', initial);
-  return decorations.concat(Decoration.widget(to, spaceJoinerAfter, {
-    pointer: {
-      sessionId: sessionId
-    },
-    key: "telepointer-".concat(sessionId, "-zero")
-  })).concat(Decoration.widget(to, cursor, {
-    pointer: {
-      sessionId: sessionId
-    },
-    key: "telepointer-".concat(sessionId)
-  })).concat(Decoration.widget(to, spaceJoinerBefore, {
-    pointer: {
-      sessionId: sessionId
-    },
-    key: "telepointer-".concat(sessionId, "-zero")
-  }));
-};
-export var replaceDocument = function replaceDocument(doc, state, version, options, reserveCursor) {
-  var schema = state.schema,
-    tr = state.tr;
-  var content = (doc.content || []).map(function (child) {
-    return schema.nodeFromJSON(child);
-  });
-  var hasContent = !!content.length;
-  if (hasContent) {
-    tr.setMeta('addToHistory', false);
-    tr.replaceWith(0, state.doc.nodeSize - 2, content);
-    var selection = state.selection;
-    if (reserveCursor) {
-      // If the cursor is still in the range of the new document,
-      // keep where it was.
-      if (selection.to < tr.doc.content.size - 2) {
-        var $from = tr.doc.resolve(selection.from);
-        var $to = tr.doc.resolve(selection.to);
-        var newselection = new TextSelection($from, $to);
-        tr.setSelection(newselection);
-      }
-    } else {
-      tr.setSelection(Selection.atStart(tr.doc));
-    }
-    tr.setMeta('replaceDocument', true);
-    if (_typeof(version) !== undefined && options && options.useNativePlugin) {
-      var collabState = {
-        version: version,
-        unconfirmed: []
-      };
-      tr.setMeta('collab$', collabState);
-    }
-  }
-  return tr;
-};
-export var scrollToCollabCursor = function scrollToCollabCursor(editorView, participants, sessionId, index, editorAnalyticsAPI) {
-  var selectedUser = participants[index];
-  if (selectedUser && selectedUser.cursorPos !== undefined && selectedUser.sessionId !== sessionId) {
-    var state = editorView.state;
-    var tr = state.tr;
-    var analyticsPayload = {
-      action: ACTION.MATCHED,
-      actionSubject: ACTION_SUBJECT.SELECTION,
-      eventType: EVENT_TYPE.TRACK
-    };
-    tr.setSelection(Selection.near(tr.doc.resolve(selectedUser.cursorPos)));
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(analyticsPayload)(tr);
-    tr.scrollIntoView();
-    editorView.dispatch(tr);
-    if (!editorView.hasFocus()) {
-      editorView.focus();
-    }
-  }
-};
-export var getPositionOfTelepointer = function getPositionOfTelepointer(sessionId, decorationSet) {
-  var scrollPosition;
-  decorationSet.find().forEach(function (deco) {
-    if (deco.type.spec.pointer.sessionId === sessionId) {
-      scrollPosition = deco.from;
-    }
-  });
-  return scrollPosition;
-};

package/dist/esm/plugins/extension/nodeviews/extension.js

@@ -1,83 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-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 ReactNodeView from '@atlaskit/editor-common/react-node-view';
-import Extension from '../ui/Extension';
-import ExtensionNodeWrapper from '../ui/Extension/ExtensionNodeWrapper';
-// getInlineNodeViewProducer is a new api to use instead of ReactNodeView
-// when creating inline node views, however, it is difficult to test the impact
-// on selections when migrating inlineExtension to use the new api.
-// The ReactNodeView api will be visited in the second phase of the selections
-// project whilst investigating block nodes. We will revisit the Extension node view there too.
-export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
-  _inherits(ExtensionNode, _ReactNodeView);
-  var _super = _createSuper(ExtensionNode);
-  function ExtensionNode() {
-    _classCallCheck(this, ExtensionNode);
-    return _super.apply(this, arguments);
-  }
-  _createClass(ExtensionNode, [{
-    key: "ignoreMutation",
-    value: function ignoreMutation(mutation) {
-      // Extensions can perform async operations that will change the DOM.
-      // To avoid having their tree rebuilt, we need to ignore the mutation
-      // for atom based extensions if its not a layout, we need to give
-      // children a chance to recalc
-      return this.node.type.isAtom || mutation.type !== 'selection' && mutation.attributeName !== 'data-layout';
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      if (this.node.isInline) {
-        return;
-      }
-      var dom = document.createElement('div');
-      dom.className = "".concat(this.node.type.name, "-content-dom-wrapper");
-      return {
-        dom: dom
-      };
-    }
-  }, {
-    key: "render",
-    value: function render(props, forwardRef) {
-      var _props$extensionNodeV;
-      return /*#__PURE__*/React.createElement(ExtensionNodeWrapper, {
-        nodeType: this.node.type.name
-      }, /*#__PURE__*/React.createElement(Extension, {
-        editorView: this.view,
-        node: this.node,
-        eventDispatcher: this.eventDispatcher
-        // The getPos arg is always a function when used with nodes
-        // the version of the types we use has a union with the type
-        // for marks.
-        // This has been fixed in later versions of the definitly typed
-        // types (and also in prosmirror-views inbuilt types).
-        // https://github.com/DefinitelyTyped/DefinitelyTyped/pull/57384
-        ,
-        getPos: this.getPos,
-        providerFactory: props.providerFactory,
-        handleContentDOMRef: forwardRef,
-        extensionHandlers: props.extensionHandlers,
-        editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
-        pluginInjectionApi: props.pluginInjectionApi
-      }));
-    }
-  }]);
-  return ExtensionNode;
-}(ReactNodeView);
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi) {
-  return function (node, view, getPos) {
-    var hasIntlContext = true;
-    return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      providerFactory: providerFactory,
-      extensionHandlers: extensionHandlers,
-      extensionNodeViewOptions: extensionNodeViewOptions,
-      pluginInjectionApi: pluginInjectionApi
-    }, undefined, undefined, undefined, hasIntlContext).init();
-  };
-}