@atlaskit/editor-core 153.1.4 → 156.0.0

package/dist/es2019/keymaps/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 import styled from 'styled-components';
 import { N400 } from '@atlaskit/theme/colors';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
@@ -7,6 +7,8 @@ export const toggleBold = makeKeyMapWithCommon('Bold', 'Mod-b');
 export const toggleItalic = makeKeyMapWithCommon('Italic', 'Mod-i');
 export const toggleUnderline = makeKeyMapWithCommon('Underline', 'Mod-u');
 export const toggleStrikethrough = makeKeyMapWithCommon('Strikethrough', 'Mod-Shift-s');
+export const toggleSubscript = makeKeyMapWithCommon('Subscript', 'Mod-Shift-,');
+export const toggleSuperscript = makeKeyMapWithCommon('Superscript', 'Mod-Shift-.');
 export const toggleCode = makeKeyMapWithCommon('Code', 'Mod-Shift-m');
 export const pastePlainText = makeKeyMapWithCommon('Paste Plain Text', 'Mod-Shift-v');
 export const clearFormatting = makeKeyMapWithCommon('Clear formatting', 'Mod-\\');
@@ -61,6 +63,8 @@ export const copy = makeKeyMapWithCommon('Copy', 'Mod-c');
 export const paste = makeKeyMapWithCommon('Paste', 'Mod-v');
 export const altPaste = makeKeyMapWithCommon('Paste', 'Mod-Shift-v');
 export const find = makeKeyMapWithCommon('Find', 'Mod-f');
+export const alignLeft = makeKeyMapWithCommon('Align Left', 'Mod-Shift-l');
+export const alignRight = makeKeyMapWithCommon('Align Right', 'Mod-Shift-r');
 const arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: '\u2190',
@@ -132,7 +136,7 @@ export function findShortcutByKeymap(keymap) {
 
   return keymap.windows;
 }
-const ALL = [toggleOrderedList, toggleBulletList, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleCode, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleBlockQuote, insertNewLine, insertRule, splitCodeBlock, splitListItem, redo, undo, find, escape, enter, shiftEnter];
+const ALL = [toggleOrderedList, toggleBulletList, toggleBold, toggleItalic, toggleUnderline, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleCode, setNormalText, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleBlockQuote, insertNewLine, insertRule, splitCodeBlock, splitListItem, redo, undo, find, escape, enter, shiftEnter];
 export function makeKeymap(description, windows, mac, common) {
   return {
     description: description,

package/dist/es2019/labs/next/full-page.js

@@ -4,7 +4,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { N30 } from '@atlaskit/theme/colors';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { BaseTheme } from '@atlaskit/editor-common';
+import { BaseTheme } from '@atlaskit/editor-common/ui';
 import { akEditorMenuZIndex, akEditorToolbarKeylineHeight } from '@atlaskit/editor-shared-styles';
 import ContentStyles from '../../ui/ContentStyles';
 import WidthEmitter from '../../ui/WidthEmitter';

package/dist/es2019/labs/next/internal/components/EditorInternal.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { WidthProvider } from '@atlaskit/editor-common/ui';
 import { injectIntl } from 'react-intl-next';
-import { WidthProvider } from '@atlaskit/editor-common';
 import { useProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import EditorContext from '../../../../ui/EditorContext';
 import EditorActions from '../../../../actions';

package/dist/es2019/labs/next/internal/hooks/use-editor/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { measureRender, getResponseEndTime, startMeasure, stopMeasure } from '@atlaskit/editor-common';
+import { measureRender, getResponseEndTime, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import measurements from '../../../../../utils/performance/measure-enum';
 import { getNodesCount } from '../../../../../utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, PLATFORMS } from '../../../../../plugins/analytics';

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/nodeviews/ReactNodeView.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { startMeasure, stopMeasure } from '@atlaskit/editor-common';
+import { startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { analyticsPluginKey } from '../plugins/analytics/plugin-key';
 import { createDispatch } from '../event-dispatcher';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../plugins/analytics';

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

@@ -4,6 +4,7 @@ import WithPluginState from '../../ui/WithPluginState';
 import { pluginKey, createPlugin } from './pm-plugins/main';
 import { changeAlignment } from './commands';
 import ToolbarAlignment from './ui/ToolbarAlignment';
+import { keymapPlugin } from './pm-plugins/keymap';
 export const defaultConfig = {
   align: 'start'
 };
@@ -24,6 +25,9 @@ const alignmentPlugin = () => ({
       plugin: ({
         dispatch
       }) => createPlugin(dispatch, defaultConfig)
+    }, {
+      name: 'annotationKeymap',
+      plugin: () => keymapPlugin()
     }];
   },
 

package/dist/es2019/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() {
+  const list = {};
+  bindKeymapWithCommand(alignLeft.common, changeAlignment('start'), list);
+  bindKeymapWithCommand(alignRight.common, changeAlignment('end'), list);
+  return keymap(list);
+}

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) {
@@ -36,7 +36,7 @@ export class AlignmentToolbar extends React.Component {
     });
 
     _defineProperty(this, "hide", () => {
-      if (this.state.isOpen === true) {
+      if (this.state.isOpen) {
         this.setState({
           isOpen: false
         });
@@ -62,7 +62,7 @@ export class AlignmentToolbar extends React.Component {
       mountTo: popupsMountPoint,
       boundariesElement: popupsBoundariesElement,
       scrollableElement: popupsScrollableElement,
-      isOpen: this.state.isOpen,
+      isOpen: isOpen,
       handleClickOutside: this.hide,
       handleEscapeKeydown: this.hide,
       fitWidth: 112,
@@ -72,10 +72,14 @@ export class AlignmentToolbar extends 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/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/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 const analyticsEventKey = key;
 export const editorAnalyticsChannel = FabricChannel.editor;

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

@@ -1,5 +1,5 @@
-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';
@@ -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/nodeviews/index.js

@@ -1,5 +1,5 @@
 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/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/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/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

package/dist/es2019/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) {
@@ -6,7 +7,7 @@ function isDivHTMLElement(elm) {
 }
 
 export const fixChromeSelectionKey = new PluginKey('fixChromeSelectionPlugin');
-export default (() => new Plugin({
+export default (() => new SafePlugin({
   key: fixChromeSelectionKey,
   props: {
     handleDOMEvents: {

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

@@ -1,7 +1,8 @@
-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 (() => new Plugin({
+export default (() => new SafePlugin({
   key: new PluginKey('fixChrome96SpellChecking'),
   props: {
     attributes: editorState => {

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

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

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

@@ -1,5 +1,6 @@
-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';
@@ -55,7 +56,7 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, u
   const shouldTrackSeverity = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.trackSeverity) || DEFAULT_TRACK_SEVERITY_ENABLED;
   const severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   const 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(view) {

package/dist/es2019/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 const inlineCursorTargetStateKey = new PluginKey('inlineCursorTargetPlugin');
 export const SPECIAL_NODES = ['mention', 'emoji'];
 export const isSpecial = node => {
@@ -55,7 +56,7 @@ export const findSpecialNodeBefore = ($pos, tr) => {
   return;
 };
 export default (() => {
-  return new Plugin({
+  return new SafePlugin({
     key: inlineCursorTargetStateKey,
     state: {
       init: () => ({

package/dist/es2019/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';
@@ -17,7 +18,7 @@ const splitBlockPreservingMarks = (state, dispatch) => {
   return true;
 };
 
-export default (() => new Plugin({
+export default (() => new SafePlugin({
   key: newlinePreserveMarksKey,
   props: {
     handleKeyDown: keydownHandler({

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

@@ -1,5 +1,6 @@
 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 class ReactNodeViewState {
   constructor() {
     _defineProperty(this, "changeHandlers", []);
@@ -21,7 +22,7 @@ export class ReactNodeViewState {
 
 }
 export const stateKey = new PluginKey('reactNodeView');
-export const plugin = new Plugin({
+export const plugin = new SafePlugin({
   state: {
     init() {
       return new ReactNodeViewState();

package/dist/es2019/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 const GUTTER_SIZE_IN_PX = 120; // Default gutter size
@@ -174,7 +174,7 @@ export default ((pluginOptions = {}) => {
   const gutter = createGutter(gutterSize);
   let 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.

package/dist/es2019/plugins/block-type/pm-plugins/main.js

@@ -1,5 +1,6 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { browser } from '@atlaskit/editor-common';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+import { browser } from '@atlaskit/editor-common/utils';
 import { NORMAL_TEXT, HEADING_1, HEADING_2, HEADING_3, HEADING_4, HEADING_5, HEADING_6, BLOCK_QUOTE, CODE_BLOCK, PANEL, OTHER, TEXT_BLOCK_TYPES, WRAPPER_BLOCK_TYPES, HEADINGS_BY_LEVEL } from '../types';
 import { areBlockTypesDisabled } from '../../../utils';
 import { setHeadingWithAnalytics, setNormalTextWithAnalytics } from '../commands';
@@ -84,7 +85,7 @@ const autoformatHeading = (headingLevel, view) => {
 export const pluginKey = new PluginKey('blockTypePlugin');
 export const createPlugin = (dispatch, lastNodeMustBeParagraph) => {
   let altKeyLocation = 0;
-  return new Plugin({
+  return new SafePlugin({
     appendTransaction(_transactions, _oldState, newState) {
       if (lastNodeMustBeParagraph) {
         const pos = newState.doc.resolve(newState.doc.content.size - 1);