@atlaskit/editor-core 153.1.3 → 155.0.0

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

@@ -4,6 +4,7 @@ import WithPluginState from '../../ui/WithPluginState';
 import { pluginKey, createPlugin } from './pm-plugins/main';
 import { changeAlignment as _changeAlignment } from './commands';
 import ToolbarAlignment from './ui/ToolbarAlignment';
+import { keymapPlugin } from './pm-plugins/keymap';
 export var defaultConfig = {
   align: 'start'
 };
@@ -24,6 +25,11 @@ var alignmentPlugin = function alignmentPlugin() {
           var dispatch = _ref.dispatch;
           return createPlugin(dispatch, defaultConfig);
         }
+      }, {
+        name: 'annotationKeymap',
+        plugin: function plugin() {
+          return keymapPlugin();
+        }
       }];
     },
     primaryToolbarComponent: function primaryToolbarComponent(_ref2) {

package/dist/esm/plugins/alignment/pm-plugins/keymap.js

@@ -0,0 +1,9 @@
+import { keymap } from 'prosemirror-keymap';
+import { bindKeymapWithCommand, alignLeft, alignRight } from '../../../keymaps';
+import { changeAlignment } from '../commands';
+export function keymapPlugin() {
+  var list = {};
+  bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  return keymap(list);
+}

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

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { isAlignable } from '../commands';
 import { getActiveAlignment } from '../utils';
 export function createInitialPluginState(editorState, pluginConfig) {
@@ -15,7 +16,7 @@ export function createInitialPluginState(editorState, pluginConfig) {
 }
 export var pluginKey = new PluginKey('alignmentPlugin');
 export function createPlugin(dispatch, pluginConfig) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: function init(_config, editorState) {

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

@@ -1,15 +1,29 @@
 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 var 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"
-  })
+var iconAndMessageMap = {
+  start: {
+    Component: EditorAlignLeftIcon,
+    label: messages.alignLeft
+  },
+  end: {
+    Component: EditorAlignRightIcon,
+    label: messages.alignRight
+  },
+  center: {
+    Component: EditorAlignCenterIcon,
+    label: messages.alignCenter
+  }
+};
+export var IconMap = function IconMap(props) {
+  var _iconAndMessageMap$pr = iconAndMessageMap[props.alignment],
+      Component = _iconAndMessageMap$pr.Component,
+      label = _iconAndMessageMap$pr.label;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement(Component, {
+    label: intl.formatMessage(label)
+  });
 };

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

@@ -17,7 +17,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 var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(AlignmentToolbar, _React$Component);
@@ -60,7 +60,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "hide", function () {
-      if (_this.state.isOpen === true) {
+      if (_this.state.isOpen) {
         _this.setState({
           isOpen: false
         });
@@ -89,7 +89,7 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
         scrollableElement: popupsScrollableElement,
-        isOpen: this.state.isOpen,
+        isOpen: isOpen,
         handleClickOutside: this.hide,
         handleEscapeKeydown: this.hide,
         fitWidth: 112,
@@ -99,10 +99,14 @@ export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
           disabled: disabled,
           selected: isOpen,
           title: title,
-          "aria-label": "Text alignment",
           className: "align-btn",
+          "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/esm/plugins/alignment/ui/ToolbarAlignment/messages.js

@@ -4,5 +4,20 @@ export var 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/esm/plugins/analytics/consts.js

@@ -1,4 +1,4 @@
 import { FabricChannel } from '@atlaskit/analytics-listeners';
-import { analyticsEventKey as key } from '@atlaskit/editor-common';
+import { analyticsEventKey as key } from '@atlaskit/editor-common/utils';
 export var analyticsEventKey = key;
 export var editorAnalyticsChannel = FabricChannel.editor;

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

@@ -7,12 +7,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-common';
+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';
 import { analyticsPluginKey } from './plugin-key';
@@ -27,7 +27,7 @@ function createPlugin(options) {
   }
 
   var hasRequiredPerformanceAPIs = isPerformanceAPIAvailable();
-  return new Plugin({
+  return new SafePlugin({
     key: analyticsPluginKey,
     state: {
       init: function init() {

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

@@ -60,6 +60,7 @@ export var 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";
@@ -80,8 +81,10 @@ export var ACTION;
   ACTION["SYNCHRONY_DISCONNECTED"] = "synchronyDisconnected";
   ACTION["SYNCHRONY_ENTITY_ERROR"] = "synchronyEntityError";
   ACTION["SYNCHRONY_ERROR"] = "synchronyError";
+  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";
@@ -94,6 +97,7 @@ export var 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/esm/plugins/analytics/utils.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { findParentNode } from 'prosemirror-utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';

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

@@ -9,7 +9,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { AnnotationSharedClassNames } from '@atlaskit/editor-common';
+import { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
 import { ReactNodeView } from '../../../nodeviews';
 import WithPluginState from '../../../ui/WithPluginState';
 import { inlineCommentPluginKey } from '../utils';

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 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';
@@ -149,7 +149,7 @@ export var inlineCommentPlugin = function inlineCommentPlugin(options) {
   var provider = options.provider,
       portalProviderAPI = options.portalProviderAPI,
       eventDispatcher = options.eventDispatcher;
-  return new Plugin({
+  return new SafePlugin({
     key: inlineCommentPluginKey,
     state: createPluginState(options.dispatch, initialState(provider.disallowOnWhitespace)),
     view: function view(editorView) {

package/dist/esm/plugins/annotation/pm-plugins/plugin-factory.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { pluginFactory } from '../../../utils/plugin-state-factory';
 import { findAnnotationsInSelection, inlineCommentPluginKey } from '../utils';

package/dist/esm/plugins/annotation/pm-plugins/reducer.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { ACTIONS } from './types';
 import { DecorationSet } from 'prosemirror-view';

package/dist/esm/plugins/annotation/utils.js

@@ -1,6 +1,7 @@
 import { PluginKey, TextSelection, AllSelection } from 'prosemirror-state';
 import { Decoration } from 'prosemirror-view';
-import { AnnotationSharedClassNames, canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common';
+import { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
+import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common/utils';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationSelectionType } from './types';
 import { sum } from '../../utils';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AvatarGroupPluginWrapper } from './ui/AvatarGroupPluginWrapper';
+import AvatarGroupPluginWrapper from './ui/AvatarGroupPluginWrapper';
 
 var avatarGroup = function avatarGroup(props) {
   return {

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

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

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

@@ -5,12 +5,16 @@ var _templateObject;
 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';
 var ToolbarButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: ", ";\n  justify-content: flex-end;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])), function (props) {
   return props.takeFullWidth ? 1 : 0;
 });
-export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
+
+var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
+  var intl = useIntl();
   useEffect(function () {
     if (!dispatchAnalyticsEvent) {
       return;
@@ -24,7 +28,7 @@ export var AvatarGroupPluginWrapper = function 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, {
@@ -34,4 +38,6 @@ export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
     inviteToEditHandler: props.collabEdit && props.collabEdit.inviteToEditHandler,
     isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected
   }));
-};
+};
+
+export default AvatarGroupPluginWrapper;

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { baseKeymap } from 'prosemirror-commands';
 import { history } from 'prosemirror-history';

package/dist/esm/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 @@ var isSliceAddingNewlineChar = function isSliceAddingNewlineChar(slice, schema)
 
 export var pluginKey = new PluginKey('betterTypeHistoryPlugin');
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var hasHandlePasteMeta = transactions.find(function (tran) {

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

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export var stateKey = new PluginKey('contextIdentiferPlugin');
 export var getContextIdentifier = function getContextIdentifier(state) {
   if (state) {
@@ -14,7 +15,7 @@ export var getContextIdentifier = function getContextIdentifier(state) {
   }
 };
 export default (function (dispatch, providerFactory) {
-  return new Plugin({
+  return new SafePlugin({
     key: stateKey,
     state: {
       init: function init() {

package/dist/esm/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 var decorationStateKey = new PluginKey('decorationPlugin');
 export var ACTIONS;
@@ -59,7 +60,7 @@ export var hoverDecoration = function hoverDecoration(nodeType, add) {
   };
 };
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: decorationStateKey,
     state: {
       init: function init() {

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ACTION_SUBJECT, ACTION, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '../../analytics';
 
 var hasInvalidSteps = function hasInvalidSteps(tr) {
@@ -8,7 +8,7 @@ var hasInvalidSteps = function hasInvalidSteps(tr) {
 };
 
 export default (function (dispatchAnalyticsEvent) {
-  return new Plugin({
+  return new SafePlugin({
     filterTransaction: function filterTransaction(transaction) {
       if (hasInvalidSteps(transaction)) {
         // eslint-disable-next-line no-console

package/dist/esm/plugins/base/pm-plugins/fix-chrome-88-selection.js

@@ -1,4 +1,5 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { isNodeSelection } from 'prosemirror-utils';
 
 function isDivHTMLElement(elm) {
@@ -7,7 +8,7 @@ function isDivHTMLElement(elm) {
 
 export var fixChromeSelectionKey = new PluginKey('fixChromeSelectionPlugin');
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: fixChromeSelectionKey,
     props: {
       handleDOMEvents: {

package/dist/esm/plugins/base/pm-plugins/fix-chrome-spell-checking.js

@@ -1,8 +1,9 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { getFeatureFlags } from '../../feature-flags-context';
 import { browser } from '@atlaskit/editor-common/utils';
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: new PluginKey('fixChrome96SpellChecking'),
     props: {
       attributes: function attributes(editorState) {

package/dist/esm/plugins/base/pm-plugins/focus-handler.js

@@ -1,7 +1,8 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export var focusStateKey = new PluginKey('focusStatePlugin');
 export default (function (dispatch) {
-  return new Plugin({
+  return new SafePlugin({
     key: focusStateKey,
     state: {
       init: function init() {

package/dist/esm/plugins/base/pm-plugins/frozen-editor.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { isPerformanceObserverAvailable, isPerformanceAPIAvailable, getAnalyticsEventSeverity } from '@atlaskit/editor-common';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+import { isPerformanceObserverAvailable, isPerformanceAPIAvailable, getAnalyticsEventSeverity } from '@atlaskit/editor-common/utils';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { ACTION, ACTION_SUBJECT, BROWSER_FREEZE_INTERACTION_TYPE, EVENT_TYPE } from '../../analytics';
 import { getParticipantsCount } from '../../collab-edit/get-participants-count';
@@ -59,7 +60,7 @@ export default (function (dispatchAnalyticsEvent, inputTracking, browserFreezeTr
   var shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
-  return new Plugin({
+  return new SafePlugin({
     key: frozenEditorPluginKey,
     props: isPerformanceAPIAvailable() ? {
       handleTextInput: function handleTextInput(view) {

package/dist/esm/plugins/base/pm-plugins/inline-cursor-target.js

@@ -1,6 +1,7 @@
 import { DecorationSet, Decoration } from 'prosemirror-view';
-import { PluginKey, Plugin } from 'prosemirror-state';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
 export var inlineCursorTargetStateKey = new PluginKey('inlineCursorTargetPlugin');
 export var SPECIAL_NODES = ['mention', 'emoji'];
 export var isSpecial = function isSpecial(node) {
@@ -49,7 +50,7 @@ export var findSpecialNodeBefore = function findSpecialNodeBefore($pos, tr) {
   return;
 };
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: inlineCursorTargetStateKey,
     state: {
       init: function init() {

package/dist/esm/plugins/base/pm-plugins/newline-preserve-marks.js

@@ -1,4 +1,5 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { keydownHandler } from 'prosemirror-keymap';
 import { filter } from '../../../utils/commands';
 import { typeAheadPluginKey } from '../../../plugins/type-ahead';
@@ -24,7 +25,7 @@ var splitBlockPreservingMarks = function splitBlockPreservingMarks(state, dispat
 };
 
 export default (function () {
-  return new Plugin({
+  return new SafePlugin({
     key: newlinePreserveMarksKey,
     props: {
       handleKeyDown: keydownHandler({

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

@@ -1,7 +1,8 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 export var ReactNodeViewState = /*#__PURE__*/function () {
   function ReactNodeViewState() {
     _classCallCheck(this, ReactNodeViewState);
@@ -35,7 +36,7 @@ export var ReactNodeViewState = /*#__PURE__*/function () {
   return ReactNodeViewState;
 }();
 export var stateKey = new PluginKey('reactNodeView');
-export var plugin = new Plugin({
+export var plugin = new SafePlugin({
   state: {
     init: function init() {
       return new ReactNodeViewState();

package/dist/esm/plugins/base/pm-plugins/scroll-gutter.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { isEmptyDocument } from '../../../utils';
 import { getMobileDimensionsPluginState } from '../../mobile-dimensions/utils';
 export var GUTTER_SIZE_IN_PX = 120; // Default gutter size
@@ -169,7 +169,7 @@ export default (function () {
   var gutter = createGutter(gutterSize);
   var scrollElement = null; // | undefined;
 
-  return new Plugin({
+  return new SafePlugin({
     props: {
       // Determines the distance (in pixels) between the cursor and the end of the visible viewport at which point,
       // when scrolling the cursor into view, scrolling takes place.