@atlaskit/editor-core 153.1.5 → 157.0.0

package/dist/cjs/utils/performance/safer-transactions.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.freezeUnsafeTransactionProperties = exports.UNSAFE_PROPERTY_SET_ERROR = void 0;
+
+var _analytics = require("../../plugins/analytics");
+
+var UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!'; // since selection uses curSelection under the hood, we guard setSelection instead
+
+exports.UNSAFE_PROPERTY_SET_ERROR = UNSAFE_PROPERTY_SET_ERROR;
+
+var isUnsafeMethod = function isUnsafeMethod(prop) {
+  return ['setSelection'].includes(prop.toString());
+};
+
+var isReadOnlyProperty = function isReadOnlyProperty(prop) {
+  return ['doc', 'docs', 'steps', 'selection'].includes(prop.toString());
+};
+
+var freezeUnsafeTransactionProperties = function freezeUnsafeTransactionProperties(_ref) {
+  var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
+      pluginKey = _ref.pluginKey;
+
+  var isUnsafe = function isUnsafe() {
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: _analytics.ACTION.TRANSACTION_MUTATED_AFTER_DISPATCH,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          pluginKey: pluginKey || 'unknown'
+        }
+      });
+    }
+
+    throw new Error(UNSAFE_PROPERTY_SET_ERROR);
+  };
+
+  return {
+    get: function get(target, prop, receiver) {
+      if (isUnsafeMethod(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.get(target, prop, receiver);
+    },
+    set: function set(target, prop, receiver) {
+      if (isReadOnlyProperty(prop)) {
+        isUnsafe();
+      }
+
+      return Reflect.set(target, prop, receiver);
+    }
+  };
+};
+
+exports.freezeUnsafeTransactionProperties = freezeUnsafeTransactionProperties;

package/dist/cjs/utils/plugin-state-factory.js

@@ -21,7 +21,7 @@ exports.pluginFactory = pluginFactory;
  *  );
  *
  *  export const createPlugin = (dispatch: Dispatch, initialState) =>
- *    new Plugin({
+ *    new SafePlugin({
  *      state: createPluginState(dispatch, initialState),
  *      key: pluginKey
  *    });

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "153.1.5";
+var version = "157.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "153.1.5",
+	"version": "157.0.0",
 	"sideEffects": false
 }

package/dist/es2019/actions/index.js

@@ -8,6 +8,8 @@ import { createDispatch } from '../event-dispatcher';
 import { safeInsert } from 'prosemirror-utils';
 import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
+import { getFeatureFlags } from '../plugins/feature-flags-context/get-feature-flags';
+import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
 export default class EditorActions {
   constructor() {
     _defineProperty(this, "listeners", []);
@@ -20,6 +22,37 @@ export default class EditorActions {
         });
       }
     });
+
+    _defineProperty(this, "getResolvedEditorState", () => {
+      return new Promise((resolver, reject) => {
+        var _getCollabProvider;
+
+        if (!this.editorView) {
+          reject();
+          return;
+        }
+
+        const featureFlags = getFeatureFlags(this.editorView.state);
+
+        if (!featureFlags.useNativeCollabPlugin) {
+          var _this$getValue;
+
+          return (_this$getValue = this.getValue()) === null || _this$getValue === void 0 ? void 0 : _this$getValue.then(content => {
+            resolver({
+              content: content,
+              title: null,
+              stepVersion: -1
+            });
+          });
+        }
+
+        (_getCollabProvider = getCollabProvider(this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(resolvedEditorState => {
+          resolver(resolvedEditorState);
+        }).catch(error => {
+          reject(error);
+        });
+      });
+    });
   }
 
   static from(view, eventDispatcher, transformer) {

package/dist/es2019/create-editor/ReactEditorView.js

@@ -8,6 +8,7 @@ import { browser, getAnalyticsEventSeverity, getResponseEndTime, measureRender,
 import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlaskit/editor-common/ufo';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { processRawValue } from '../utils';
+import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
 import { RenderTracking } from '../utils/react-hooks/use-component-renderer-tracking';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
 import createPluginList from './create-plugins-list';
@@ -171,7 +172,7 @@ export class ReactEditorView extends React.Component {
         getIntl: () => this.props.intl
       });
       const newState = state.reconfigure({
-        plugins
+        plugins: plugins
       }); // need to update the state first so when the view builds the nodeviews it is
       // using the latest plugins
 
@@ -190,21 +191,33 @@ export class ReactEditorView extends React.Component {
     });
 
     _defineProperty(this, "createEditorState", options => {
-      if (this.view && !options.resetting) {
-        /**
-         * There's presently a number of issues with changing the schema of a
-         * editor inflight. A significant issue is that we lose the ability
-         * to keep track of a user's history as the internal plugin state
-         * keeps a list of Steps to undo/redo (which are tied to the schema).
-         * Without a good way to do work around this, we prevent this for now.
-         */
-        // eslint-disable-next-line no-console
-        console.warn('The editor does not support changing the schema dynamically.');
-        return this.editorState;
+      let schema;
+
+      if (this.view) {
+        if (options.resetting) {
+          /**
+           * ReactEditorView currently does NOT handle dynamic schema,
+           * We are reusing the existing schema, and rely on #reconfigureState
+           * to update `this.config`
+           */
+          schema = this.view.state.schema;
+        } else {
+          /**
+           * There's presently a number of issues with changing the schema of a
+           * editor inflight. A significant issue is that we lose the ability
+           * to keep track of a user's history as the internal plugin state
+           * keeps a list of Steps to undo/redo (which are tied to the schema).
+           * Without a good way to do work around this, we prevent this for now.
+           */
+          // eslint-disable-next-line no-console
+          console.warn('The editor does not support changing the schema dynamically.');
+          return this.editorState;
+        }
+      } else {
+        this.config = processPluginsList(this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
+        schema = createSchema(this.config);
       }
 
-      this.config = processPluginsList(this.getPlugins(options.props.editorProps, undefined, options.props.createAnalyticsEvent));
-      const schema = createSchema(this.config);
       const {
         contentTransformerProvider
       } = options.props.editorProps;
@@ -240,7 +253,7 @@ export class ReactEditorView extends React.Component {
       const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
       return EditorState.create({
         schema,
-        plugins,
+        plugins: plugins,
         doc,
         selection: patchedSelection
       });
@@ -287,7 +300,7 @@ export class ReactEditorView extends React.Component {
       }
     });
 
-    _defineProperty(this, "dispatchTransaction", transaction => {
+    _defineProperty(this, "dispatchTransaction", unsafeTransaction => {
       if (!this.view) {
         return;
       }
@@ -305,8 +318,12 @@ export class ReactEditorView extends React.Component {
         (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.start(EditorExperience.interaction);
       }
 
-      const nodes = findChangedNodesFromTransaction(transaction);
+      const nodes = findChangedNodesFromTransaction(unsafeTransaction);
       const changedNodesValid = validateNodes(nodes);
+      const transaction = this.featureFlags.saferDispatchedTransactions ? new Proxy(unsafeTransaction, freezeUnsafeTransactionProperties({
+        dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+        pluginKey: 'unknown-reacteditorview'
+      })) : unsafeTransaction;
 
       if (changedNodesValid) {
         const oldEditorState = this.view.state; // go ahead and update the state now we know the transaction is good

package/dist/es2019/create-editor/create-editor.js

@@ -87,13 +87,16 @@ export function createPMPlugins(config) {
   const {
     editorConfig,
     performanceTracking = {},
-    transactionTracker
+    transactionTracker,
+    featureFlags,
+    dispatchAnalyticsEvent
   } = config;
   const {
     uiTracking = TRACKING_DEFAULT,
     transactionTracking = TRACKING_DEFAULT
   } = performanceTracking;
-  const useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled;
+  const saferDispatchedTransactions = featureFlags.saferDispatchedTransactions;
+  const useInstrumentedPlugin = uiTracking.enabled || transactionTracking.enabled || saferDispatchedTransactions;
 
   if (process.env.NODE_ENV === 'development' && transactionTracking.enabled && !transactionTracker) {
     // eslint-disable-next-line no-console
@@ -102,7 +105,9 @@ export function createPMPlugins(config) {
 
   const instrumentPlugin = useInstrumentedPlugin ? plugin => InstrumentedPlugin.fromPlugin(plugin, {
     uiTracking,
-    transactionTracking
+    transactionTracking,
+    saferDispatchedTransactions,
+    dispatchAnalyticsEvent
   }, transactionTracker) : plugin => plugin;
   return editorConfig.pmPlugins.sort(sortByOrder('plugins')).map(({
     plugin

package/dist/es2019/create-editor/create-plugins-list.js

@@ -37,7 +37,7 @@ export function getScrollGutterOptions(props) {
   return undefined;
 }
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
-  var _props$performanceTra, _props$performanceTra2, _props$textFormatting;
+  var _props$performanceTra, _props$featureFlags, _props$performanceTra2, _props$textFormatting;
 
   const appearance = props.appearance;
   const isMobile = appearance === 'mobile';
@@ -51,7 +51,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     featureFlags: createFeatureFlagsFromProps(props),
     paste: {
       cardOptions: props.smartLinks || props.UNSAFE_cards,
-      sanitizePrivateContent: props.sanitizePrivateContent
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      plainTextPasteLinkification: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.plainTextPasteLinkification) === true
     },
     base: {
       allowInlineCursorTarget: !isMobile,
@@ -144,7 +145,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   if (props.allowExpand) {
     preset.add([expandPlugin, {
       allowInsertion: isExpandInsertionEnabled(props),
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     }]);
   }
 
@@ -183,7 +185,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
       createAnalyticsEvent,
       sanitizePrivateContent: props.sanitizePrivateContent,
       insertDisplayName: (_props$mention$insert = (_props$mention = props.mention) === null || _props$mention === void 0 ? void 0 : _props$mention.insertDisplayName) !== null && _props$mention$insert !== void 0 ? _props$mention$insert : props.mentionInsertDisplayName,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile,
       HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent
     }]);
@@ -192,7 +193,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
       createAnalyticsEvent,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }
@@ -247,7 +247,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     var _collabEditOptions$EX;
 
     let collabEditOptions = {
-      sanitizePrivateContent: props.sanitizePrivateContent
+      sanitizePrivateContent: props.sanitizePrivateContent,
+      createAnalyticsEvent
     };
 
     if (props.collabEdit) {
@@ -334,7 +335,6 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     statusMenuDisabled = typeof props.allowStatus === 'object' ? props.allowStatus.menuDisabled : false;
     preset.add([statusPlugin, {
       menuDisabled: statusMenuDisabled,
-      useInlineWrapper: isMobile,
       allowZeroWidthSpaceAfter: !isMobile
     }]);
   }

package/dist/es2019/labs/next/presets/cxhtml.js

@@ -12,7 +12,9 @@ export function useCXHTMLPreset({
 }) {
   const [preset] = useDefaultPreset({
     featureFlags,
-    paste: {}
+    paste: {
+      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
+    }
   });
   preset.add([basePlugin, {
     allowInlineCursorTarget: true,

package/dist/es2019/labs/next/presets/mobile.js

@@ -37,7 +37,9 @@ export function useMobilePreset({
   const mediaProvider = useProvider('mediaProvider');
   const [preset] = useDefaultPreset({
     featureFlags,
-    paste: {}
+    paste: {
+      plainTextPasteLinkification: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.plainTextPasteLinkification
+    }
   });
   preset.add([basePlugin, {
     allowScrollGutter: {
@@ -63,8 +65,7 @@ export function useMobilePreset({
     disableDefaultItems: true
   }]);
   preset.add([statusPlugin, {
-    menuDisabled: false,
-    useInlineWrapper: true
+    menuDisabled: false
   }]);
   preset.add([placeholderPlugin, {
     placeholder
@@ -80,12 +81,8 @@ export function useMobilePreset({
     allowBlockCards: true,
     platform: 'mobile'
   }]);
-  preset.add([mentionsPlugin, {
-    useInlineWrapper: true
-  }]);
-  preset.add([emojiPlugin, {
-    useInlineWrapper: true
-  }]); // End
+  preset.add([mentionsPlugin]);
+  preset.add([emojiPlugin]); // End
 
   if (maxContentSize) {
     preset.add([maxContentSizePlugin, maxContentSize]);

package/dist/es2019/plugins/alignment/pm-plugins/main.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 { isAlignable } from '../commands';
 import { getActiveAlignment } from '../utils';
 export function createInitialPluginState(editorState, pluginConfig) {
@@ -9,7 +10,7 @@ export function createInitialPluginState(editorState, pluginConfig) {
 }
 export const pluginKey = new PluginKey('alignmentPlugin');
 export function createPlugin(dispatch, pluginConfig) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init(_config, editorState) {

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/icon-map.js

@@ -1,15 +1,30 @@
 import EditorAlignLeftIcon from '@atlaskit/icon/glyph/editor/align-left';
 import EditorAlignRightIcon from '@atlaskit/icon/glyph/editor/align-right';
 import EditorAlignCenterIcon from '@atlaskit/icon/glyph/editor/align-center';
+import { useIntl } from 'react-intl-next';
+import { messages } from './messages';
 import React from 'react';
-export const iconMap = {
-  start: /*#__PURE__*/React.createElement(EditorAlignLeftIcon, {
-    label: "Align left"
-  }),
-  end: /*#__PURE__*/React.createElement(EditorAlignRightIcon, {
-    label: "Align right"
-  }),
-  center: /*#__PURE__*/React.createElement(EditorAlignCenterIcon, {
-    label: "Align center"
-  })
+const iconAndMessageMap = {
+  start: {
+    Component: EditorAlignLeftIcon,
+    label: messages.alignLeft
+  },
+  end: {
+    Component: EditorAlignRightIcon,
+    label: messages.alignRight
+  },
+  center: {
+    Component: EditorAlignCenterIcon,
+    label: messages.alignCenter
+  }
+};
+export const IconMap = props => {
+  const {
+    Component,
+    label
+  } = iconAndMessageMap[props.alignment];
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement(Component, {
+    label: intl.formatMessage(label)
+  });
 };

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -6,7 +6,7 @@ import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
 import Alignment from '../../../../ui/Alignment';
 import { ExpandIconWrapper, Separator, TriggerWrapper, Wrapper } from './styles';
-import { iconMap } from './icon-map';
+import { IconMap } from './icon-map';
 import { messages } from './messages';
 export class AlignmentToolbar extends React.Component {
   constructor(...args) {
@@ -73,11 +73,13 @@ export class AlignmentToolbar extends React.Component {
         selected: isOpen,
         title: title,
         className: "align-btn",
-        "aria-label": "Text alignment",
+        "aria-label": title,
         "aria-expanded": isOpen,
         "aria-haspopup": true,
         onClick: this.toggleOpen,
-        iconBefore: /*#__PURE__*/React.createElement(TriggerWrapper, null, iconMap[pluginState.align], /*#__PURE__*/React.createElement(ExpandIconWrapper, null, /*#__PURE__*/React.createElement(ExpandIcon, {
+        iconBefore: /*#__PURE__*/React.createElement(TriggerWrapper, null, /*#__PURE__*/React.createElement(IconMap, {
+          alignment: pluginState.align
+        }), /*#__PURE__*/React.createElement(ExpandIconWrapper, null, /*#__PURE__*/React.createElement(ExpandIcon, {
           label: ""
         })))
       })

package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/messages.js

@@ -4,5 +4,20 @@ export const messages = defineMessages({
     id: 'fabric.editor.alignment',
     defaultMessage: 'Text alignment',
     description: 'Opens drop down menu of options to configure text alignment'
+  },
+  alignLeft: {
+    id: 'fabric.editor.alignLeft',
+    defaultMessage: 'Align left',
+    description: 'label stating that text is aligned left'
+  },
+  alignRight: {
+    id: 'fabric.editor.alignRight',
+    defaultMessage: 'Align Right',
+    description: 'label stating that text is aligned right'
+  },
+  alignCenter: {
+    id: 'fabric.editor.alignCenter',
+    defaultMessage: 'Align Center',
+    description: 'label stating that text is aligned center'
   }
 });

package/dist/es2019/plugins/analytics/plugin.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common/utils';
 import { ACTION, EVENT_TYPE } from './types';
 import { getAnalyticsEventsFromTransaction } from './utils';
@@ -14,7 +14,7 @@ function createPlugin(options) {
   }
 
   const hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
-  return new Plugin({
+  return new SafePlugin({
     key: analyticsPluginKey,
     state: {
       init: () => {

package/dist/es2019/plugins/analytics/types/enums.js

@@ -60,6 +60,7 @@ export let ACTION;
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";
   ACTION["MATCHED"] = "matched";
+  ACTION["MEDIA_LINK_TRANSFORMED"] = "mediaLinkTransformed";
   ACTION["NODE_CONTENT_SANITIZED"] = "nodeContentSanitized";
   ACTION["OPENED"] = "opened";
   ACTION["OUTDENTED"] = "outdented";
@@ -83,6 +84,7 @@ export let ACTION;
   ACTION["TEXT_LINK_MARK_TRANSFORMED"] = "textLinkMarkTransformed";
   ACTION["TOGGLE_EXPAND"] = "toggleExpand";
   ACTION["TRANSACTION_DISPATCHED"] = "transactionDispatched";
+  ACTION["TRANSACTION_MUTATED_AFTER_DISPATCH"] = "transactionMutatedAfterDispatched";
   ACTION["TYPING_FINISHED"] = "typingFinished";
   ACTION["TYPING_STARTED"] = "typingStarted";
   ACTION["UNLINK"] = "unlinked";
@@ -95,6 +97,7 @@ export let ACTION;
   ACTION["RENDERED"] = "rendered";
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
+  ACTION["NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS"] = "newCollabSyncUpErrorNoSteps";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/es2019/plugins/annotation/pm-plugins/inline-comment.js

@@ -1,5 +1,5 @@
 import { RESOLVE_METHOD } from './../../analytics/types/inline-comment-events';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationNodeView } from '../nodeviews';
 import { updateInlineCommentResolvedState, updateMouseState, clearDirtyMark, setInlineCommentsVisibility } from '../commands';
@@ -98,7 +98,7 @@ export const inlineCommentPlugin = options => {
     portalProviderAPI,
     eventDispatcher
   } = options;
-  return new Plugin({
+  return new SafePlugin({
     key: inlineCommentPluginKey,
     state: createPluginState(options.dispatch, initialState(provider.disallowOnWhitespace)),
 

package/dist/es2019/plugins/avatar-group/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AvatarGroupPluginWrapper } from './ui/AvatarGroupPluginWrapper';
+import AvatarGroupPluginWrapper from './ui/AvatarGroupPluginWrapper';
 
 const avatarGroup = props => ({
   name: 'avatarGroup',

package/dist/es2019/plugins/avatar-group/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const avatarGroupMessages = defineMessages({
+  editors: {
+    id: 'fabric.editor.editors',
+    defaultMessage: 'Editors',
+    description: 'classifying the people that are currently editing the document'
+  }
+});

package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -1,6 +1,8 @@
 import React, { useEffect } from 'react';
 import AvatarsWithPluginState from '../../collab-edit/ui/avatars-with-plugin-state';
 import styled from 'styled-components';
+import { useIntl } from 'react-intl-next';
+import { avatarGroupMessages } from '../messages';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
 const ToolbarButtonWrapper = styled.div`
   display: flex;
@@ -11,10 +13,12 @@ const ToolbarButtonWrapper = styled.div`
     margin-right: 0;
   }
 `;
-export const AvatarGroupPluginWrapper = props => {
+
+const AvatarGroupPluginWrapper = props => {
   const {
     dispatchAnalyticsEvent
   } = props;
+  const intl = useIntl();
   useEffect(() => {
     if (!dispatchAnalyticsEvent) {
       return;
@@ -28,7 +32,7 @@ export const AvatarGroupPluginWrapper = props => {
     });
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(ToolbarButtonWrapper, {
-    "aria-label": "Editors",
+    "aria-label": intl.formatMessage(avatarGroupMessages.editors),
     "data-testid": 'avatar-group-in-plugin',
     takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/React.createElement(AvatarsWithPluginState, {
@@ -38,4 +42,6 @@ export const AvatarGroupPluginWrapper = props => {
     inviteToEditHandler: props.collabEdit && props.collabEdit.inviteToEditHandler,
     isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected
   }));
-};
+};
+
+export default AvatarGroupPluginWrapper;

package/dist/es2019/plugins/base/pm-plugins/better-type-history.js

@@ -1,4 +1,5 @@
-import { Plugin, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { TextSelection } from 'prosemirror-state';
 import { Fragment } from 'prosemirror-model';
 import { closeHistory } from 'prosemirror-history';
 import { ReplaceStep, ReplaceAroundStep } from 'prosemirror-transform';
@@ -54,7 +55,7 @@ const isSliceAddingNewlineChar = (slice, schema) => {
 
 export const pluginKey = new PluginKey('betterTypeHistoryPlugin');
 export default (() => {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     appendTransaction: (transactions, oldState, newState) => {
       const hasHandlePasteMeta = transactions.find(tran => tran.getMeta(pluginKey));

package/dist/es2019/plugins/base/pm-plugins/context-identifier.js

@@ -1,4 +1,5 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export const stateKey = new PluginKey('contextIdentiferPlugin');
 export const getContextIdentifier = state => {
   if (state) {
@@ -7,7 +8,7 @@ export const getContextIdentifier = state => {
     return (_stateKey$getState = stateKey.getState(state)) === null || _stateKey$getState === void 0 ? void 0 : _stateKey$getState.contextIdentifierProvider;
   }
 };
-export default ((dispatch, providerFactory) => new Plugin({
+export default ((dispatch, providerFactory) => new SafePlugin({
   key: stateKey,
   state: {
     init: () => ({}),

package/dist/es2019/plugins/base/pm-plugins/decoration.js

@@ -1,5 +1,6 @@
 import { DecorationSet, Decoration } from 'prosemirror-view';
-import { PluginKey, Plugin, NodeSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfType } from 'prosemirror-utils';
 export const decorationStateKey = new PluginKey('decorationPlugin');
 export let ACTIONS;
@@ -56,7 +57,7 @@ export const hoverDecoration = (nodeType, add, className = 'danger') => (state,
   return true;
 };
 export default (() => {
-  return new Plugin({
+  return new SafePlugin({
     key: decorationStateKey,
     state: {
       init: () => ({

package/dist/es2019/plugins/base/pm-plugins/filter-steps.js

@@ -1,10 +1,10 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ACTION_SUBJECT, ACTION, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '../../analytics';
 
 const hasInvalidSteps = tr => (tr.steps || []).some(step => step.from > step.to);
 
 export default (dispatchAnalyticsEvent => {
-  return new Plugin({
+  return new SafePlugin({
     filterTransaction(transaction) {
       if (hasInvalidSteps(transaction)) {
         // eslint-disable-next-line no-console