@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/cjs/plugins/collab-edit/native-collab-provider-plugin.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nativeCollabProviderPlugin = exports.getCollabProvider = void 0;
+
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
+var _prosemirrorState = require("prosemirror-state");
+
+var nativeCollabProviderPluginKey = new _prosemirrorState.PluginKey('nativeCollabProviderPlugin');
+
+var nativeCollabProviderPlugin = function nativeCollabProviderPlugin(_ref) {
+  var providerPromise = _ref.providerPromise;
+  return new _safePlugin.SafePlugin({
+    key: nativeCollabProviderPluginKey,
+    state: {
+      init: function init() {
+        return null;
+      },
+      apply: function apply(tr, currentPluginState) {
+        var provider = tr.getMeta(nativeCollabProviderPluginKey);
+        return provider ? provider : currentPluginState;
+      }
+    },
+    view: function view(editorView) {
+      providerPromise.then(function (provider) {
+        var dispatch = editorView.dispatch,
+            state = editorView.state;
+        var tr = state.tr;
+        tr.setMeta(nativeCollabProviderPluginKey, provider);
+        dispatch(tr);
+      });
+      return {};
+    }
+  });
+};
+
+exports.nativeCollabProviderPlugin = nativeCollabProviderPlugin;
+
+var getCollabProvider = function getCollabProvider(editorState) {
+  return nativeCollabProviderPluginKey.getState(editorState);
+};
+
+exports.getCollabProvider = getCollabProvider;

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

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "pluginKey", {
   }
 });
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _initialize = require("./events/initialize");
 
@@ -27,8 +27,13 @@ var _pluginKey = require("./plugin-key");
 
 var _analytics = require("./analytics");
 
+var _fireAnalyticsEvent = require("../analytics/fire-analytics-event");
+
+var _analytics2 = require("../analytics");
+
 var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
-  return new _prosemirrorState.Plugin({
+  var fireAnalyticsCallback = (0, _fireAnalyticsEvent.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {
       init: function init(config) {
@@ -63,6 +68,19 @@ var createPlugin = function createPlugin(dispatch, providerFactory, collabProvid
     },
     view: function view(_view) {
       var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(_view.state, _view.state.tr);
+
+      var onSyncUpError = function onSyncUpError(attributes) {
+        fireAnalyticsCallback({
+          payload: {
+            action: _analytics2.ACTION.NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS,
+            actionSubject: _analytics2.ACTION_SUBJECT.EDITOR,
+            eventType: _analytics2.EVENT_TYPE.OPERATIONAL,
+            attributes: attributes
+          }
+        });
+      };
+
+      options.onSyncUpError = onSyncUpError;
       var cleanup = collabProviderCallback((0, _initialize.initialize)({
         view: _view,
         options: options,

package/dist/cjs/plugins/collab-edit/provider/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CollabProvider", {
-  enumerable: true,
-  get: function get() {
-    return _collabProvider.CollabProvider;
-  }
-});
 Object.defineProperty(exports, "PubSubSpecialEventType", {
   enumerable: true,
   get: function get() {
@@ -16,6 +10,4 @@ Object.defineProperty(exports, "PubSubSpecialEventType", {
   }
 });
 
-var _types = require("./types");
-
-var _collabProvider = require("./collab-provider");
+var _types = require("./types");

package/dist/cjs/plugins/context-panel/index.js

@@ -11,6 +11,8 @@ exports.pluginKey = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 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; }
@@ -25,7 +27,7 @@ function getPluginState(state) {
 }
 
 function contextPanelPluginFactory(contextPanels, dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_config, state) {

package/dist/cjs/plugins/custom-autoformat/index.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 
@@ -32,7 +32,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var createPMPlugin = function createPMPlugin(_ref) {
   var providerFactory = _ref.providerFactory;
   var rules = [];
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init() {
         return {

package/dist/cjs/plugins/date/pm-plugins/main.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPluginState = exports.default = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _date = _interopRequireDefault(require("../nodeviews/date"));
 
@@ -39,7 +39,7 @@ var createPlugin = function createPlugin(_ref) {
     focusDateInput: false
   };
   var hasIntlContext = true;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: createPluginState(dispatch, newPluginState),
     key: _pluginKey.pluginKey,
     props: {

package/dist/cjs/plugins/editor-disabled/index.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPlugin = createPlugin;
 exports.pluginKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _pluginStateFactory = require("../../utils/plugin-state-factory");
@@ -28,7 +30,7 @@ won't re-render when it changes.
 
 
 function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
       editorDisabled: false

package/dist/cjs/plugins/emoji/index.js

@@ -16,6 +16,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -321,7 +323,7 @@ function getEmojiPluginState(state) {
 }
 
 function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: emojiPluginKey,
     state: {
       init: function init() {

package/dist/cjs/plugins/emoji/nodeviews/emoji-next.js

@@ -22,14 +22,10 @@ var _prosemirrorModel = require("prosemirror-model");
 
 var _utils = require("@atlaskit/editor-common/utils");
 
-var _InlineNodeWrapper = require("../../../ui/InlineNodeWrapper");
-
 var EmojiNodeView = /*#__PURE__*/function () {
   function EmojiNodeView(node, _, context) {
     var _this = this,
-        _this$options,
-        _this$options2,
-        _this$options3;
+        _this$options;
 
     (0, _classCallCheck2.default)(this, EmojiNodeView);
     (0, _defineProperty2.default)(this, "hasProvider", false);
@@ -48,17 +44,10 @@ var EmojiNodeView = /*#__PURE__*/function () {
     this.providers = context.providerFactory;
     this.options = context.options;
     this.dom = EmojiNodeView.toDom(node);
-
-    if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.useInlineWrapper) {
-      var dom = (0, _InlineNodeWrapper.createMobileInlineDomRef)();
-      dom.appendChild(this.dom);
-      this.dom = dom;
-    }
-
-    this.el = (_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.useInlineWrapper ? this.dom.firstElementChild : this.dom;
+    this.el = this.dom;
     this.providers.subscribe('emojiProvider', this.subscribe);
 
-    if ((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.allowZeroWidthSpaceAfter) {
+    if ((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.allowZeroWidthSpaceAfter) {
       this.el.after(document.createTextNode(_utils.ZERO_WIDTH_SPACE));
     }
 

package/dist/cjs/plugins/emoji/nodeviews/emoji.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -30,12 +28,6 @@ var _Emoji = _interopRequireDefault(require("../ui/Emoji"));
 
 var _nodeviews = require("../../../nodeviews");
 
-var _InlineNodeWrapper = _interopRequireWildcard(require("../../../ui/InlineNodeWrapper"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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; } }
@@ -53,10 +45,6 @@ var EmojiNodeView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _createClass2.default)(EmojiNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
-      if (this.reactComponentProps.options && this.reactComponentProps.options.useInlineWrapper) {
-        return (0, _InlineNodeWrapper.createMobileInlineDomRef)();
-      }
-
       return (0, _get2.default)((0, _getPrototypeOf2.default)(EmojiNodeView.prototype), "createDomRef", this).call(this);
     }
   }, {
@@ -68,9 +56,7 @@ var EmojiNodeView = /*#__PURE__*/function (_ReactNodeView) {
           shortName = _this$node$attrs.shortName,
           id = _this$node$attrs.id,
           text = _this$node$attrs.text;
-      return /*#__PURE__*/_react.default.createElement(_InlineNodeWrapper.default, {
-        useInlineWrapper: options && options.useInlineWrapper
-      }, /*#__PURE__*/_react.default.createElement(_Emoji.default, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Emoji.default, {
         providers: providerFactory,
         id: id,
         shortName: shortName,

package/dist/cjs/plugins/expand/index.js

@@ -55,7 +55,7 @@ var expandPlugin = function expandPlugin() {
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
               getIntl = _ref.getIntl;
-          return (0, _main.createPlugin)(dispatch, getIntl, options.useLongPressSelection);
+          return (0, _main.createPlugin)(dispatch, getIntl, options.appearance, options.useLongPressSelection);
         }
       }, {
         name: 'expandKeymap',

package/dist/cjs/plugins/expand/nodeviews/index.js

@@ -83,11 +83,12 @@ var toDOM = function toDOM(node, intl) {
 };
 
 var ExpandNodeView = /*#__PURE__*/function () {
-  function ExpandNodeView(node, view, getPos, getIntl) {
+  function ExpandNodeView(node, view, getPos, getIntl, isMobile) {
     var _this = this;
 
     (0, _classCallCheck2.default)(this, ExpandNodeView);
     (0, _defineProperty2.default)(this, "allowInteractiveExpand", true);
+    (0, _defineProperty2.default)(this, "isMobile", false);
     (0, _defineProperty2.default)(this, "focusTitle", function () {
       if (_this.input) {
         var _this$view = _this.view,
@@ -368,6 +369,7 @@ var ExpandNodeView = /*#__PURE__*/function () {
     this.node = node;
     this.dom = dom;
     this.contentDOM = contentDOM;
+    this.isMobile = isMobile;
     this.icon = this.dom.querySelector(".".concat(_classNames.expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(_classNames.expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(_classNames.expandClassNames.titleContainer));
@@ -423,6 +425,12 @@ var ExpandNodeView = /*#__PURE__*/function () {
   }, {
     key: "ignoreMutation",
     value: function ignoreMutation(mutationRecord) {
+      // ME-1931: Mobile relies on composition which creates dom mutations. If we ignore them, prosemirror
+      // does not recognise the changes and reverts them.
+      if (this.isMobile && (mutationRecord.type === 'characterData' || mutationRecord.type === 'childList')) {
+        return false;
+      }
+
       if (mutationRecord.type === 'selection') {
         return false;
       }
@@ -498,8 +506,10 @@ var ExpandNodeView = /*#__PURE__*/function () {
 
 exports.ExpandNodeView = ExpandNodeView;
 
-function _default(getIntl) {
+function _default(_ref2) {
+  var getIntl = _ref2.getIntl,
+      isMobile = _ref2.isMobile;
   return function (node, view, getPos) {
-    return new ExpandNodeView(node, view, getPos, getIntl);
+    return new ExpandNodeView(node, view, getPos, getIntl, isMobile);
   };
 }

package/dist/cjs/plugins/expand/pm-plugins/keymap.js

@@ -31,8 +31,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var isExpandNode = function isExpandNode(node) {
+  return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
+};
+
 var isExpandSelected = function isExpandSelected(selection) {
-  return selection instanceof _prosemirrorState.NodeSelection && (selection.node.type.name === 'expand' || selection.node.type.name === 'nestedExpand');
+  return selection instanceof _prosemirrorState.NodeSelection && isExpandNode(selection.node);
 };
 
 function expandKeymap() {
@@ -170,6 +174,7 @@ function expandKeymap() {
   }, list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, function (state, dispatch, editorView) {
     var selection = state.selection;
+    var $from = selection.$from;
 
     if (!editorView || !selection.empty) {
       return false;
@@ -193,6 +198,13 @@ function expandKeymap() {
       return false;
     }
 
+    var parentNode = state.doc.nodeAt($from.before(Math.max($from.depth - 1, 1))); // ED-10012 catch cases where the expand has another node nested within it and
+    // the backspace should be applied only to the inner node instead of the expand
+
+    if (parentNode && !isExpandNode(parentNode)) {
+      return false;
+    }
+
     var textSel = _prosemirrorState.Selection.findFrom(state.doc.resolve(expandNode.pos), 1, true);
 
     if (textSel && selection.$from.pos === textSel.$from.pos && (0, _utils2.isEmptyNode)(state.schema)(expandNode.node) && dispatch) {

package/dist/cjs/plugins/expand/pm-plugins/main.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -28,15 +28,23 @@ function containsClass(element, className) {
 }
 
 var createPlugin = function createPlugin(dispatch, getIntl) {
-  var useLongPressSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var appearance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'full-page';
+  var useLongPressSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var state = (0, _pluginFactory.createPluginState)(dispatch, {});
-  return new _prosemirrorState.Plugin({
+  var isMobile = appearance === 'mobile';
+  return new _safePlugin.SafePlugin({
     state: state,
     key: _pluginFactory.pluginKey,
     props: {
       nodeViews: {
-        expand: (0, _nodeviews.default)(getIntl),
-        nestedExpand: (0, _nodeviews.default)(getIntl)
+        expand: (0, _nodeviews.default)({
+          getIntl: getIntl,
+          isMobile: isMobile
+        }),
+        nestedExpand: (0, _nodeviews.default)({
+          getIntl: getIntl,
+          isMobile: isMobile
+        })
       },
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, _classNames.expandClassNames.titleContainer);

package/dist/cjs/plugins/expand/toolbar.js

@@ -44,7 +44,8 @@ var getToolbarConfig = function getToolbarConfig(state, _ref) {
         onMouseLeave: (0, _decoration.hoverDecoration)([nestedExpand, expand], false),
         onFocus: (0, _decoration.hoverDecoration)([nestedExpand, expand], true),
         onBlur: (0, _decoration.hoverDecoration)([nestedExpand, expand], false),
-        title: formatMessage(_messages.default.remove)
+        title: formatMessage(_messages.default.remove),
+        tabIndex: null
       }]
     };
   }

package/dist/cjs/plugins/extension/pm-plugins/main.js

@@ -32,7 +32,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _extensions = require("@atlaskit/editor-common/extensions");
 
@@ -302,7 +302,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
   var extensionNodeViewOptions = {
     appearance: options.appearance
   };
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: state,
     view: function view(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);

package/dist/cjs/plugins/extension/pm-plugins/unique-id.js

@@ -9,6 +9,8 @@ exports.createPlugin = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -22,7 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var pluginKey = new _prosemirrorState.PluginKey('extensionUniqueIdPlugin');
 
 var createPlugin = function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     // TODO: @see ED-8839
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var tr = newState.tr;

package/dist/cjs/plugins/extension/toolbar.js

@@ -72,19 +72,22 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
       icon: _mediaCenter.default,
       onClick: (0, _commands.updateExtensionLayout)('default'),
       selected: layout === 'default',
-      title: formatMessage(_messages.default.layoutFixedWidth)
+      title: formatMessage(_messages.default.layoutFixedWidth),
+      tabIndex: null
     }, {
       type: 'button',
       icon: _mediaWide.default,
       onClick: (0, _commands.updateExtensionLayout)('wide'),
       selected: layout === 'wide',
-      title: formatMessage(_messages.default.layoutWide)
+      title: formatMessage(_messages.default.layoutWide),
+      tabIndex: null
     }, {
       type: 'button',
       icon: _mediaFullWidth.default,
       onClick: (0, _commands.updateExtensionLayout)('full-width'),
       selected: layout === 'full-width',
-      title: formatMessage(_messages.default.layoutFullWidth)
+      title: formatMessage(_messages.default.layoutFullWidth),
+      tabIndex: null
     }];
   }
 
@@ -111,7 +114,8 @@ var editButton = function editButton(formatMessage, extensionState) {
       (0, _actions.editExtension)(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(messages.edit)
+    title: formatMessage(messages.edit),
+    tabIndex: null
   }];
 };
 
@@ -147,7 +151,8 @@ var getToolbarConfig = function getToolbarConfig() {
           onMouseLeave: (0, _decoration.hoverDecoration)(nodeType, false),
           onFocus: (0, _decoration.hoverDecoration)(nodeType, true),
           onBlur: (0, _decoration.hoverDecoration)(nodeType, false),
-          title: formatMessage(_messages.default.remove)
+          title: formatMessage(_messages.default.remove),
+          tabIndex: null
         }])
       };
     }

package/dist/cjs/plugins/fake-text-cursor/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.stateKey = exports.default = exports.createPlugin = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _cursor = require("./cursor");
@@ -13,7 +15,7 @@ var stateKey = new _prosemirrorState.PluginKey('fakeTextCursorPlugin');
 exports.stateKey = stateKey;
 
 var createPlugin = function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: stateKey,
     props: {
       decorations: _cursor.drawFakeTextCursor

package/dist/cjs/plugins/feature-flags-context/feature-flags-from-props.js

@@ -30,7 +30,7 @@ var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
 
 
 function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$collabEdit, _props$collabEdit2, _props$featureFlags37, _props$featureFlags38;
 
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -59,11 +59,16 @@ function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
-    ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
+    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.plainTextPasteLinkification) : false),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.ufo) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.ufo) : false),
     codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !_utils.browser.safari : false),
-    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.twoLineEditorToolbar) : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.codeBidiWarnings) : true),
-    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.maxUnsafeChromeSpellcheckingVersion)
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.twoLineEditorToolbar) : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.codeBidiWarnings) : true),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.saferDispatchedTransactions) : false)),
+    maxUnsafeChromeSpellcheckingVersion: safeNumberFeatureFlag((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.maxUnsafeChromeSpellcheckingVersion),
+    useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.viewChangingExperimentToolbarStyle) === 'string' ? props.featureFlags.viewChangingExperimentToolbarStyle || undefined : undefined
   });
 }

package/dist/cjs/plugins/feature-flags-context/get-feature-flags.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFeatureFlags = void 0;
+
+var _pluginKey = require("./plugin-key");
+
+var getFeatureFlags = function getFeatureFlags(state) {
+  return _pluginKey.pluginKey.getState(state);
+};
+
+exports.getFeatureFlags = getFeatureFlags;

package/dist/cjs/plugins/feature-flags-context/index.js

@@ -5,21 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFeatureFlags = exports.pluginKey = exports.getFeatureFlags = exports.default = void 0;
+exports.useFeatureFlags = exports.getFeatureFlags = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _EditorContext = require("../../ui/EditorContext");
 
+var _pluginKey = require("./plugin-key");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
-exports.pluginKey = pluginKey;
-
 var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
   var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -28,8 +27,8 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
       return [{
         name: 'featureFlagsContext',
         plugin: function plugin() {
-          return new _prosemirrorState.Plugin({
-            key: pluginKey,
+          return new _safePlugin.SafePlugin({
+            key: _pluginKey.pluginKey,
             state: {
               init: function init() {
                 return _objectSpread({}, featureFlags);
@@ -46,7 +45,7 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
 };
 
 var getFeatureFlags = function getFeatureFlags(state) {
-  return pluginKey.getState(state);
+  return _pluginKey.pluginKey.getState(state);
 };
 
 exports.getFeatureFlags = getFeatureFlags;
@@ -56,7 +55,7 @@ var useFeatureFlags = function useFeatureFlags() {
       editorActions = _useEditorContext.editorActions;
 
   var editorView = editorActions === null || editorActions === void 0 ? void 0 : editorActions._privateGetEditorView();
-  return editorView !== null && editorView !== void 0 && editorView.state ? pluginKey.getState(editorView.state) : undefined;
+  return editorView !== null && editorView !== void 0 && editorView.state ? _pluginKey.pluginKey.getState(editorView.state) : undefined;
 };
 
 exports.useFeatureFlags = useFeatureFlags;