@atlaskit/editor-core 153.1.5 → 157.0.0

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { getExtensionModuleNode } from '@atlaskit/editor-common/extensions';
 import { createSelectionClickHandler } from '../../selection/utils';
 import ExtensionNodeView from '../nodeviews/extension';
@@ -103,7 +103,7 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
   const extensionNodeViewOptions = {
     appearance: options.appearance
   };
-  return new Plugin({
+  return new SafePlugin({
     state,
     view: editorView => {
       const domAtPos = editorView.domAtPos.bind(editorView);

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

@@ -1,9 +1,10 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 const pluginKey = new PluginKey('extensionUniqueIdPlugin');
 
-const createPlugin = () => new Plugin({
+const createPlugin = () => new SafePlugin({
   // TODO: @see ED-8839
   appendTransaction: (transactions, _oldState, newState) => {
     const tr = newState.tr;

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

@@ -53,19 +53,22 @@ const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled)
       icon: CenterIcon,
       onClick: updateExtensionLayout('default'),
       selected: layout === 'default',
-      title: formatMessage(commonMessages.layoutFixedWidth)
+      title: formatMessage(commonMessages.layoutFixedWidth),
+      tabIndex: null
     }, {
       type: 'button',
       icon: WideIcon,
       onClick: updateExtensionLayout('wide'),
       selected: layout === 'wide',
-      title: formatMessage(commonMessages.layoutWide)
+      title: formatMessage(commonMessages.layoutWide),
+      tabIndex: null
     }, {
       type: 'button',
       icon: FullWidthIcon,
       onClick: updateExtensionLayout('full-width'),
       selected: layout === 'full-width',
-      title: formatMessage(commonMessages.layoutFullWidth)
+      title: formatMessage(commonMessages.layoutFullWidth),
+      tabIndex: null
     }];
   }
 
@@ -91,7 +94,8 @@ const editButton = (formatMessage, extensionState) => {
       editExtension(macroState && macroState.macroProvider, updateExtension)(state, dispatch, view);
       return true;
     },
-    title: formatMessage(messages.edit)
+    title: formatMessage(messages.edit),
+    tabIndex: null
   }];
 };
 
@@ -125,7 +129,8 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
         onMouseLeave: hoverDecoration(nodeType, false),
         onFocus: hoverDecoration(nodeType, true),
         onBlur: hoverDecoration(nodeType, false),
-        title: formatMessage(commonMessages.remove)
+        title: formatMessage(commonMessages.remove),
+        tabIndex: null
       }]
     };
   }

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { pluginKey } from './plugin-key';
+export const getFeatureFlags = state => pluginKey.getState(state);

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

@@ -1,6 +1,6 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { useEditorContext } from '../../ui/EditorContext';
-export const pluginKey = new PluginKey('featureFlagsContextPlugin');
+import { pluginKey } from './plugin-key';
 
 const featureFlagsContextPlugin = (featureFlags = {}) => ({
   name: 'featureFlagsContext',
@@ -8,7 +8,7 @@ const featureFlagsContextPlugin = (featureFlags = {}) => ({
   pmPlugins() {
     return [{
       name: 'featureFlagsContext',
-      plugin: () => new Plugin({
+      plugin: () => new SafePlugin({
         key: pluginKey,
         state: {
           init: () => ({ ...featureFlags

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

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

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

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from 'prosemirror-view';
 import { pluginFactory } from '../../utils/plugin-state-factory';
 import reducer from './reducer';
@@ -109,7 +109,7 @@ export const {
 } = pluginFactory(findReplacePluginKey, reducer(() => initialState), {
   onDocChanged: handleDocChanged
 });
-export const createPlugin = dispatch => new Plugin({
+export const createPlugin = dispatch => new SafePlugin({
   key: findReplacePluginKey,
   state: createPluginState(dispatch, () => initialState),
   props: {

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

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

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Plugin, PluginKey, AllSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, AllSelection } from 'prosemirror-state';
 import { findDomRefAtPos, findSelectedNodeOfType } from 'prosemirror-utils';
 import camelCase from 'lodash/camelCase';
 import { Popup } from '@atlaskit/editor-common/ui'; // AFP-2532 TODO: Fix automatic suppressions below
@@ -308,7 +309,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init: () => {

package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js

@@ -1,8 +1,8 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
 import { createPluginState } from './plugin-factory';
 export const createPlugin = dispatch => {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, {}),
     key: pluginKey
   });

package/dist/es2019/plugins/floating-toolbar/ui/Button.js

@@ -21,7 +21,8 @@ export default (({
   tooltipContent,
   testId,
   hideTooltipOnClick = true,
-  ariaHasPopup
+  ariaHasPopup,
+  tabIndex
 }) => {
   // Check if there's only an icon and add additional styles
   const iconOnly = (icon || iconAfter) && !children;
@@ -66,6 +67,11 @@ export default (({
     isDisabled: disabled,
     testId: testId,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur // @ts-ignore
+    // tabIndex set as 0 by default in the design system  ButtonBase component
+    // this is not expected for all buttons, we have to use tabIndex={null} for some cases
+    // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
+    ,
+    tabIndex: tabIndex
   }, children)));
 });

package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -7,6 +7,8 @@ import { B400 } from '@atlaskit/theme/colors'; // eslint-disable-next-line @atla
 import Item, { itemThemeNamespace } from '@atlaskit/item';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import Tooltip from '@atlaskit/tooltip';
+import { injectIntl } from 'react-intl-next';
+import messages from './messages';
 export const menuItemDimensions = {
   width: 175,
   height: 32
@@ -38,12 +40,14 @@ const editorItemTheme = {
     compact: menuItemDimensions.height
   }
 };
-export default class Dropdown extends Component {
+
+class Dropdown extends Component {
   render() {
     const {
       hide,
       dispatchCommand,
-      items
+      items,
+      intl
     } = this.props;
     return /*#__PURE__*/React.createElement(ThemeProvider, {
       theme: {
@@ -53,7 +57,7 @@ export default class Dropdown extends Component {
       const itemContent = /*#__PURE__*/React.createElement(Item, {
         key: idx,
         isCompact: true,
-        elemBefore: this.renderSelected(item),
+        elemBefore: this.renderSelected(item, intl),
         onClick: () => {
           /**
            * The order of dispatching the event and hide() is important, because
@@ -79,7 +83,7 @@ export default class Dropdown extends Component {
     })));
   }
 
-  renderSelected(item) {
+  renderSelected(item, intl) {
     const {
       selected
     } = item;
@@ -88,11 +92,13 @@ export default class Dropdown extends Component {
       return selected ? /*#__PURE__*/React.createElement(EditorDoneIcon, {
         primaryColor: B400,
         size: "small",
-        label: "test question"
+        label: intl.formatMessage(messages.confirmModalOK)
       }) : /*#__PURE__*/React.createElement(Spacer, null);
     }
 
     return;
   }
 
-}
+}
+
+export default injectIntl(Dropdown);

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -17,6 +17,8 @@ import { ExtensionsPlaceholder } from './ExtensionsPlaceholder';
 import ColorPickerButton from '../../../ui/ColorPickerButton';
 import { EmojiPickerButton } from './EmojiPickerButton';
 import Announcer from '../../../utils/announcer/announcer';
+import { injectIntl } from 'react-intl-next';
+import messages from './messages';
 const akGridSize = gridSize();
 const ToolbarContainer = styled.div`
   background-color: ${themed({
@@ -97,7 +99,8 @@ export const areSameItems = (leftArr, rightArr) => {
 
   return leftArr.every((item, index) => isSameItem(rightArr[index], item));
 };
-export default class Toolbar extends Component {
+
+class Toolbar extends Component {
   render() {
     const {
       items,
@@ -110,7 +113,8 @@ export default class Toolbar extends Component {
       editorView,
       node,
       extensionsProvider,
-      providerFactory
+      providerFactory,
+      intl
     } = this.props;
 
     if (!items || !items.length) {
@@ -120,11 +124,11 @@ export default class Toolbar extends Component {
 
     const firstElementIsSelect = items[0].type === 'select';
     return /*#__PURE__*/React.createElement(ToolbarContainer, {
-      "aria-label": "Floating Toolbar",
+      "aria-label": intl.formatMessage(messages.floatingToolbarAriaLabel),
       hasCompactLeftPadding: firstElementIsSelect,
       className: className
     }, /*#__PURE__*/React.createElement(Announcer, {
-      text: "Floating toolbar controls have been opened",
+      text: intl.formatMessage(messages.floatingToolbarAnnouncer),
       delay: 250
     }), /*#__PURE__*/React.createElement(ButtonGroup, null, items.filter(item => !item.hidden).map((item, idx) => {
       switch (item.type) {
@@ -159,7 +163,8 @@ export default class Toolbar extends Component {
             tooltipContent: item.tooltipContent,
             testId: item.testId,
             hideTooltipOnClick: item.hideTooltipOnClick,
-            ariaHasPopup: item.ariaHasPopup
+            ariaHasPopup: item.ariaHasPopup,
+            tabIndex: item.tabIndex
           }, item.showTitle && item.title);
 
         case 'input':
@@ -272,4 +277,6 @@ export default class Toolbar extends Component {
     return this.props.node.type !== nextProps.node.type || this.props.node.attrs.localId !== nextProps.node.attrs.localId || !areSameItems(this.props.items, nextProps.items);
   }
 
-}
+}
+
+export default injectIntl(Toolbar);

package/dist/es2019/plugins/floating-toolbar/ui/messages.js

@@ -14,5 +14,15 @@ export default defineMessages({
     id: 'fabric.editor.floatingToolbar.confirmModalCancel',
     defaultMessage: 'Cancel',
     description: 'Cancel button for floating toolbar confirmation modal.'
+  },
+  floatingToolbarAriaLabel: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAriaLabel',
+    defaultMessage: 'Floating Toolbar',
+    description: `a floating toolbar's aria label`
+  },
+  floatingToolbarAnnouncer: {
+    id: 'fabric.editor.floatingToolbar.floatingToolbarAnnouncer',
+    defaultMessage: 'Floating toolbar controls have been opened',
+    description: `message that will be announced to screenreaders that the floating toolbar is opened`
   }
 });

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

@@ -1,9 +1,9 @@
 import { fragment } from '@atlaskit/adf-schema';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pluginKey } from './plugin-key';
 import { createPlugin as createFragmentMarkConsistencyPlugin } from './pm-plugins/fragment-consistency';
 export function createPlugin() {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey
   });
 }

package/dist/es2019/plugins/fragment/pm-plugins/fragment-consistency.js

@@ -7,7 +7,8 @@
  * The implementation has been _heavily_ borrowed from
  * - packages/editor/editor-core/src/plugins/table/pm-plugins/table-local-id.ts
  */
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { uuid } from '@atlaskit/adf-schema';
 import { stepAddsOneOf } from '../../../utils/step';
 const pluginKey = new PluginKey('fragmentMarkConsistencyPlugin');
@@ -82,7 +83,7 @@ const regenerateFragmentIdIfNeeded = ({
  */
 
 
-export const createPlugin = dispatch => new Plugin({
+export const createPlugin = dispatch => new SafePlugin({
   key: pluginKey,
   appendTransaction: (transactions, _oldState, newState) => {
     let modified = false;

package/dist/es2019/plugins/help-dialog/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { keymap } from 'prosemirror-keymap';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import * as keymaps from '../../keymaps';
 import { openHelp, tooltip } from '../../keymaps';
 import WithPluginState from '../../ui/WithPluginState';
@@ -12,7 +12,7 @@ import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { openHelpCommand } from './commands';
 import { pluginKey } from './plugin-key';
 export function createPlugin(dispatch, imageEnabled) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: {
       init() {

package/dist/es2019/plugins/help-dialog/ui/index.js

@@ -320,7 +320,8 @@ class HelpDialog extends React.Component {
     this.formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
     return /*#__PURE__*/React.createElement(ModalTransition, null, this.props.isVisible ? /*#__PURE__*/React.createElement(AkModalDialog, {
       width: "large",
-      onClose: this.closeDialog
+      onClose: this.closeDialog,
+      testId: "help-modal-dialog"
     }, /*#__PURE__*/React.createElement(ModalHeader, null), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Line, null), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(ColumnLeft, null, /*#__PURE__*/React.createElement(Title, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.keyboardShortcuts)), /*#__PURE__*/React.createElement("div", null, this.formatting.filter(form => {
       const keymap = form.keymap && form.keymap(this.props);
       return keymap && keymap[browser.mac ? 'mac' : 'windows'];

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

@@ -1,5 +1,6 @@
 import { pluginFactory } from '../../utils/plugin-state-factory';
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import reducer from './reducer';
 import { HistoryActionTypes } from './actions';
 import { getPmHistoryPluginState } from './utils';
@@ -23,7 +24,7 @@ const {
   getPluginState
 } = pluginFactory(historyPluginKey, reducer);
 
-const createPlugin = dispatch => new Plugin({
+const createPlugin = dispatch => new SafePlugin({
   state: createPluginState(dispatch, getInitialState),
   key: historyPluginKey,
   appendTransaction: (transactions, oldState, newState) => {

package/dist/es2019/plugins/hyperlink/Toolbar.js

@@ -69,7 +69,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
           const linkMark = node.marks.filter(mark => mark.type === state.schema.marks.link);
           const link = linkMark[0] && linkMark[0].attrs.href;
           const isValidUrl = isSafeUrl(link);
-          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink);
+          const labelOpenLink = formatMessage(isValidUrl ? linkMessages.openLink : linkToolbarCommonMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
           const labelUnlink = formatMessage(linkToolbarCommonMessages.unlink);
           const editLink = formatMessage(linkToolbarCommonMessages.editLink);
           let metadata = {
@@ -120,7 +121,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
               title: labelOpenLink,
               icon: OpenIcon,
               className: 'hyperlink-open-link',
-              metadata: metadata
+              metadata: metadata,
+              tabIndex: null
             }, {
               type: 'separator'
             }, {
@@ -129,7 +131,8 @@ export const getToolbarConfig = (state, intl, providerFactory, cardOptions) => {
               onClick: removeLink(pos),
               selected: false,
               title: labelUnlink,
-              icon: UnlinkIcon
+              icon: UnlinkIcon,
+              tabIndex: null
             }]
           };
         }

package/dist/es2019/plugins/hyperlink/pm-plugins/fake-cursor-for-toolbar.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet, Decoration } from 'prosemirror-view';
 import { fakeCursorForToolbarPluginKey } from './fake-curor-for-toolbar-plugin-key';
 import { InsertStatus, stateKey as hyperlinkStateKey } from './main';
@@ -27,7 +27,7 @@ const getInsertLinkToolbarState = editorState => {
   return undefined;
 };
 
-const fakeCursorToolbarPlugin = new Plugin({
+const fakeCursorToolbarPlugin = new SafePlugin({
   key: fakeCursorForToolbarPluginKey,
   state: {
     init() {

package/dist/es2019/plugins/hyperlink/pm-plugins/main.js

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey, TextSelection } from 'prosemirror-state';
 import uuid from 'uuid';
 import { shallowEqual } from '../../../utils';
 export let LinkAction;
@@ -218,7 +219,7 @@ const getActiveText = selection => {
 };
 
 export const stateKey = new PluginKey('hyperlinkPlugin');
-export const plugin = dispatch => new Plugin({
+export const plugin = dispatch => new SafePlugin({
   state: {
     init(_, state) {
       const canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -230,7 +231,7 @@ export const plugin = dispatch => new Plugin({
       };
     },
 
-    apply(tr, pluginState, _oldState, newState) {
+    apply(tr, pluginState, oldState, newState) {
       let state = pluginState;
       const action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
       const inputMethod = tr.getMeta(stateKey) && tr.getMeta(stateKey).inputMethod;
@@ -262,7 +263,9 @@ export const plugin = dispatch => new Plugin({
         };
       }
 
-      if (tr.selectionSet) {
+      const hasPositionChanged = oldState.selection.from !== newState.selection.from || oldState.selection.to !== newState.selection.to;
+
+      if (tr.selectionSet && hasPositionChanged) {
         state = {
           activeText: getActiveText(newState.selection),
           canInsertLink: canLinkBeCreatedInRange(newState.selection.from, newState.selection.to)(newState),
@@ -281,5 +284,51 @@ export const plugin = dispatch => new Plugin({
     }
 
   },
-  key: stateKey
-});
+  key: stateKey,
+  props: {
+    handleDOMEvents: {
+      mouseup: (_, event) => {
+        // this prevents redundant selection transaction when clicking on link
+        // link state will be update on slection change which happens on mousedown
+        if (isLinkDirectTarget(event)) {
+          event.preventDefault();
+          return true;
+        }
+
+        return false;
+      },
+      mousedown: (view, event) => {
+        // since link clicks are disallowed by browsers inside contenteditable
+        // so we need to handle shift+click selection ourselves in this case
+        if (!event.shiftKey || !isLinkDirectTarget(event)) {
+          return false;
+        }
+
+        const {
+          state
+        } = view;
+        const {
+          selection: {
+            $anchor
+          }
+        } = state;
+        const newPosition = view.posAtCoords({
+          left: event.clientX,
+          top: event.clientY
+        });
+
+        if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
+          const tr = state.tr.setSelection(TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
+          view.dispatch(tr);
+          return true;
+        }
+
+        return false;
+      }
+    }
+  }
+});
+
+function isLinkDirectTarget(event) {
+  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
+}

package/dist/es2019/plugins/hyperlink/styles.js

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/design-system/use-visually-hidden */
 import styled, { css } from 'styled-components';
 import { linkSharedStyle } from '@atlaskit/editor-common/styles';
 export const linkStyles = css`