@atlaskit/editor-core 153.1.5 → 157.0.0

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

@@ -0,0 +1,31 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+var nativeCollabProviderPluginKey = new PluginKey('nativeCollabProviderPlugin');
+export var nativeCollabProviderPlugin = function nativeCollabProviderPlugin(_ref) {
+  var providerPromise = _ref.providerPromise;
+  return new 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 {};
+    }
+  });
+};
+export var getCollabProvider = function getCollabProvider(editorState) {
+  return nativeCollabProviderPluginKey.getState(editorState);
+};

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

@@ -1,11 +1,14 @@
-import { Plugin } from 'prosemirror-state';
+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 } from '../analytics/fire-analytics-event';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 export { PluginState, pluginKey };
 export var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
-  return new Plugin({
+  var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(config) {
@@ -39,6 +42,19 @@ export var createPlugin = function createPlugin(dispatch, providerFactory, colla
     },
     view: function view(_view) {
       var addErrorAnalytics = addSynchronyErrorAnalytics(_view.state, _view.state.tr);
+
+      var onSyncUpError = function onSyncUpError(attributes) {
+        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,

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

@@ -1,2 +1 @@
-export { PubSubSpecialEventType } from './types';
-export { CollabProvider } from './collab-provider';
+export { PubSubSpecialEventType } from './types';

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

@@ -4,14 +4,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export var pluginKey = new PluginKey('contextPanelPluginKey');
 export function getPluginState(state) {
   return pluginKey.getState(state);
 }
 
 function contextPanelPluginFactory(contextPanels, dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_config, state) {

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

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin as PMPlugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { keydownHandler } from 'prosemirror-keymap';
 import reducers from './reducers';
 import { triggerInputRule } from './input-rules';
@@ -15,7 +15,7 @@ import { getPluginState, pluginKey } from './utils';
 export var createPMPlugin = function createPMPlugin(_ref) {
   var providerFactory = _ref.providerFactory;
   var rules = [];
-  return new PMPlugin({
+  return new SafePlugin({
     state: {
       init: function init() {
         return {

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import DateNodeView from '../nodeviews/date';
 import { ReactNodeView } from '../../../nodeviews';
 import { pluginFactory } from '../../../utils/plugin-state-factory';
@@ -23,7 +23,7 @@ var createPlugin = function createPlugin(_ref) {
     focusDateInput: false
   };
   var hasIntlContext = true;
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, newPluginState),
     key: pluginKey,
     props: {

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

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { pluginFactory } from '../../utils/plugin-state-factory';
 export var pluginKey = new PluginKey('editorDisabledPlugin');
 
@@ -17,7 +18,7 @@ won't re-render when it changes.
 
 
 export function createPlugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
       editorDisabled: false

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

@@ -5,7 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { emoji } from '@atlaskit/adf-schema';
 import { Fragment } from 'prosemirror-model';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
@@ -280,7 +281,7 @@ export function getEmojiPluginState(state) {
   return emojiPluginKey.getState(state) || {};
 }
 export function emojiPluginFactory(dispatch, providerFactory, portalProviderAPI, eventDispatcher, options) {
-  return new Plugin({
+  return new SafePlugin({
     key: emojiPluginKey,
     state: {
       init: function init() {

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

@@ -5,13 +5,10 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { DOMSerializer } from 'prosemirror-model';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-import { createMobileInlineDomRef } from '../../../ui/InlineNodeWrapper';
 export var EmojiNodeView = /*#__PURE__*/function () {
   function EmojiNodeView(node, _, context) {
     var _this = this,
-        _this$options,
-        _this$options2,
-        _this$options3;
+        _this$options;
 
     _classCallCheck(this, EmojiNodeView);
 
@@ -33,17 +30,10 @@ export 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 = 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(ZERO_WIDTH_SPACE));
     }
 

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

@@ -13,7 +13,6 @@ import React from 'react';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 import Emoji from '../ui/Emoji';
 import { ReactNodeView } from '../../../nodeviews';
-import InlineNodeWrapper, { createMobileInlineDomRef } from '../../../ui/InlineNodeWrapper';
 export var EmojiNodeView = /*#__PURE__*/function (_ReactNodeView) {
   _inherits(EmojiNodeView, _ReactNodeView);
 
@@ -28,10 +27,6 @@ export var EmojiNodeView = /*#__PURE__*/function (_ReactNodeView) {
   _createClass(EmojiNodeView, [{
     key: "createDomRef",
     value: function createDomRef() {
-      if (this.reactComponentProps.options && this.reactComponentProps.options.useInlineWrapper) {
-        return createMobileInlineDomRef();
-      }
-
       return _get(_getPrototypeOf(EmojiNodeView.prototype), "createDomRef", this).call(this);
     }
   }, {
@@ -43,9 +38,7 @@ export var EmojiNodeView = /*#__PURE__*/function (_ReactNodeView) {
           shortName = _this$node$attrs.shortName,
           id = _this$node$attrs.id,
           text = _this$node$attrs.text;
-      return /*#__PURE__*/React.createElement(InlineNodeWrapper, {
-        useInlineWrapper: options && options.useInlineWrapper
-      }, /*#__PURE__*/React.createElement(Emoji, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Emoji, {
         providers: providerFactory,
         id: id,
         shortName: shortName,

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

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

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

@@ -55,13 +55,15 @@ var toDOM = function toDOM(node, intl) {
 };
 
 export var ExpandNodeView = /*#__PURE__*/function () {
-  function ExpandNodeView(node, view, getPos, getIntl) {
+  function ExpandNodeView(node, view, getPos, getIntl, isMobile) {
     var _this = this;
 
     _classCallCheck(this, ExpandNodeView);
 
     _defineProperty(this, "allowInteractiveExpand", true);
 
+    _defineProperty(this, "isMobile", false);
+
     _defineProperty(this, "focusTitle", function () {
       if (_this.input) {
         var _this$view = _this.view,
@@ -357,6 +359,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.node = node;
     this.dom = dom;
     this.contentDOM = contentDOM;
+    this.isMobile = isMobile;
     this.icon = this.dom.querySelector(".".concat(expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
@@ -412,6 +415,12 @@ export 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;
       }
@@ -484,8 +493,10 @@ export var ExpandNodeView = /*#__PURE__*/function () {
 
   return ExpandNodeView;
 }();
-export default function (getIntl) {
+export default function (_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/esm/plugins/expand/pm-plugins/keymap.js

@@ -9,8 +9,12 @@ import { deleteExpand, focusTitle } from '../commands';
 import { getPluginState as getSelectionPluginState } from '../../selection/plugin-factory';
 import { RelativeSelectionPos } from '../../selection/types';
 
+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 NodeSelection && (selection.node.type.name === 'expand' || selection.node.type.name === 'nestedExpand');
+  return selection instanceof NodeSelection && isExpandNode(selection.node);
 };
 
 export function expandKeymap() {
@@ -147,6 +151,7 @@ export 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;
@@ -169,6 +174,13 @@ export 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 = Selection.findFrom(state.doc.resolve(expandNode.pos), 1, true);
 
     if (textSel && selection.$from.pos === textSel.$from.pos && isEmptyNode(state.schema)(expandNode.node) && dispatch) {

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExpandNodeView from '../nodeviews';
@@ -12,15 +12,23 @@ function containsClass(element, className) {
 }
 
 export 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 = createPluginState(dispatch, {});
-  return new Plugin({
+  var isMobile = appearance === 'mobile';
+  return new SafePlugin({
     state: state,
     key: pluginKey,
     props: {
       nodeViews: {
-        expand: ExpandNodeView(getIntl),
-        nestedExpand: ExpandNodeView(getIntl)
+        expand: ExpandNodeView({
+          getIntl: getIntl,
+          isMobile: isMobile
+        }),
+        nestedExpand: ExpandNodeView({
+          getIntl: getIntl,
+          isMobile: isMobile
+        })
       },
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);

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

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

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

@@ -1,7 +1,7 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { getExtensionModuleNode } from '@atlaskit/editor-common/extensions';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExtensionNodeView from '../nodeviews/extension';
@@ -257,7 +257,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
   var extensionNodeViewOptions = {
     appearance: options.appearance
   };
-  return new Plugin({
+  return new SafePlugin({
     state: state,
     view: function view(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);

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

@@ -4,13 +4,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 var pluginKey = new PluginKey('extensionUniqueIdPlugin');
 
 var createPlugin = function createPlugin() {
-  return new Plugin({
+  return new SafePlugin({
     // TODO: @see ED-8839
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var tr = newState.tr;

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

@@ -47,19 +47,22 @@ var breakoutOptions = function breakoutOptions(state, formatMessage, extensionSt
       icon: CenterIcon,
       onClick: updateExtensionLayout('default'),
       selected: layout === 'default',
-      title: formatMessage(commonMessages.layoutFixedWidth)
+      title: formatMessage(commonMessages.layoutFixedWidth),
+      tabIndex: null
     }, {
       type: 'button',
       icon: WideIcon,
       onClick: updateExtensionLayout('wide'),
       selected: layout === 'wide',
-      title: formatMessage(commonMessages.layoutWide)
+      title: formatMessage(commonMessages.layoutWide),
+      tabIndex: null
     }, {
       type: 'button',
       icon: FullWidthIcon,
       onClick: updateExtensionLayout('full-width'),
       selected: layout === 'full-width',
-      title: formatMessage(commonMessages.layoutFullWidth)
+      title: formatMessage(commonMessages.layoutFullWidth),
+      tabIndex: null
     }];
   }
 
@@ -86,7 +89,8 @@ var editButton = function editButton(formatMessage, extensionState) {
       editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(messages.edit)
+    title: formatMessage(messages.edit),
+    tabIndex: null
   }];
 };
 
@@ -122,7 +126,8 @@ export var getToolbarConfig = function getToolbarConfig() {
           onMouseLeave: hoverDecoration(nodeType, false),
           onFocus: hoverDecoration(nodeType, true),
           onBlur: hoverDecoration(nodeType, false),
-          title: formatMessage(commonMessages.remove)
+          title: formatMessage(commonMessages.remove),
+          tabIndex: null
         }])
       };
     }

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

@@ -1,9 +1,9 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { drawFakeTextCursor } from './cursor';
 export var stateKey = new PluginKey('fakeTextCursorPlugin');
 export var createPlugin = function createPlugin() {
-  return new Plugin({
+  return new SafePlugin({
     key: stateKey,
     props: {
       decorations: drawFakeTextCursor

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

@@ -19,7 +19,7 @@ var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
 
 
 export 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 = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -48,11 +48,16 @@ export 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 && !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/esm/plugins/feature-flags-context/get-feature-flags.js

@@ -0,0 +1,4 @@
+import { pluginKey } from './plugin-key';
+export var getFeatureFlags = function getFeatureFlags(state) {
+  return pluginKey.getState(state);
+};

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

@@ -4,9 +4,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { useEditorContext } from '../../ui/EditorContext';
-export var pluginKey = new PluginKey('featureFlagsContextPlugin');
+import { pluginKey } from './plugin-key';
 
 var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
   var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -16,7 +16,7 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
       return [{
         name: 'featureFlagsContext',
         plugin: function plugin() {
-          return new Plugin({
+          return new SafePlugin({
             key: pluginKey,
             state: {
               init: function init() {

package/dist/esm/plugins/feature-flags-context/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export var pluginKey = new PluginKey('featureFlagsContextPlugin');

package/dist/esm/plugins/find-replace/plugin.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from 'prosemirror-view';
 import { pluginFactory } from '../../utils/plugin-state-factory';
 import reducer from './reducer';
@@ -128,7 +128,7 @@ var _pluginFactory = pluginFactory(findReplacePluginKey, reducer(function () {
 
 export { createCommand, getPluginState, createPluginState };
 export var createPlugin = function createPlugin(dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     key: findReplacePluginKey,
     state: createPluginState(dispatch, function () {
       return initialState;

package/dist/esm/plugins/find-replace/ui/Find.js

@@ -76,6 +76,19 @@ var Find = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "isComposing", false);
 
+    _defineProperty(_assertThisInitialized(_this), "syncFindText", function () {
+      var _this$state;
+
+      // If the external prop findText changes and we aren't in a composition we should update to
+      // use the external prop value.
+      //
+      // An example of where this may happen is when a find occurs through the user selecting some text
+      // and pressing Mod-f.
+      if (!_this.isComposing && _this.props.findText !== ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
+        _this.updateFindValue(_this.props.findText || '');
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "skipWhileComposing", function (fn) {
       if (_this.isComposing) {
         return;
@@ -188,7 +201,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     // occur to this value which do not originate from this component.
 
     _this.state = {
-      localFindText: _this.props.findText || ''
+      localFindText: ''
     };
     return _this;
   }
@@ -198,21 +211,13 @@ var Find = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       this.props.onFindTextfieldRefSet(this.findTextfieldRef);
       this.focusFindTextfield();
+      this.syncFindText();
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
-      // use the external prop value.
-      //
-      // An example of where this may happen is when a find occurs through the user selecting some text
-      // and pressing Mod-f.
-
-      if (!this.isComposing && this.props.findText !== this.state.localFindText) {
-        this.setState({
-          localFindText: this.props.findText || ''
-        });
-      }
+      this.focusFindTextfield();
+      this.syncFindText();
     }
   }, {
     key: "render",

package/dist/esm/plugins/floating-toolbar/index.js

@@ -5,7 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
-import { Plugin, PluginKey, AllSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, AllSelection } from 'prosemirror-state';
 import { findDomRefAtPos, findSelectedNodeOfType } from 'prosemirror-utils';
 import camelCase from 'lodash/camelCase';
 import { Popup } from '@atlaskit/editor-common/ui'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -318,7 +319,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {