@atlaskit/editor-core 153.1.5 → 157.0.0

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

@@ -30,7 +30,7 @@ var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
 
 
 function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$collabEdit, _props$collabEdit2, _props$featureFlags37, _props$featureFlags38;
 
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -59,11 +59,16 @@ 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 && !_utils.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/cjs/plugins/feature-flags-context/get-feature-flags.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFeatureFlags = void 0;
+
+var _pluginKey = require("./plugin-key");
+
+var getFeatureFlags = function getFeatureFlags(state) {
+  return _pluginKey.pluginKey.getState(state);
+};
+
+exports.getFeatureFlags = getFeatureFlags;

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

@@ -5,21 +5,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFeatureFlags = exports.pluginKey = exports.getFeatureFlags = exports.default = void 0;
+exports.useFeatureFlags = exports.getFeatureFlags = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _EditorContext = require("../../ui/EditorContext");
 
+var _pluginKey = require("./plugin-key");
+
 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(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; }
 
-var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
-exports.pluginKey = pluginKey;
-
 var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
   var featureFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -28,8 +27,8 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
       return [{
         name: 'featureFlagsContext',
         plugin: function plugin() {
-          return new _prosemirrorState.Plugin({
-            key: pluginKey,
+          return new _safePlugin.SafePlugin({
+            key: _pluginKey.pluginKey,
             state: {
               init: function init() {
                 return _objectSpread({}, featureFlags);
@@ -46,7 +45,7 @@ var featureFlagsContextPlugin = function featureFlagsContextPlugin() {
 };
 
 var getFeatureFlags = function getFeatureFlags(state) {
-  return pluginKey.getState(state);
+  return _pluginKey.pluginKey.getState(state);
 };
 
 exports.getFeatureFlags = getFeatureFlags;
@@ -56,7 +55,7 @@ var useFeatureFlags = function useFeatureFlags() {
       editorActions = _useEditorContext.editorActions;
 
   var editorView = editorActions === null || editorActions === void 0 ? void 0 : editorActions._privateGetEditorView();
-  return editorView !== null && editorView !== void 0 && editorView.state ? pluginKey.getState(editorView.state) : undefined;
+  return editorView !== null && editorView !== void 0 && editorView.state ? _pluginKey.pluginKey.getState(editorView.state) : undefined;
 };
 
 exports.useFeatureFlags = useFeatureFlags;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('featureFlagsContextPlugin');
+exports.pluginKey = pluginKey;

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

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorView = require("prosemirror-view");
 
@@ -150,7 +150,7 @@ exports.getPluginState = getPluginState;
 exports.createCommand = createCommand;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _types.findReplacePluginKey,
     state: createPluginState(dispatch, function () {
       return initialState;

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

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

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

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -347,7 +349,7 @@ function floatingToolbarPluginFactory(options) {
     return newPluginState;
   };
 
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _pluginKey = require("./plugin-key");
 
 var _pluginFactory = require("./plugin-factory");
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: (0, _pluginFactory.createPluginState)(dispatch, {}),
     key: _pluginKey.pluginKey
   });

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

@@ -46,7 +46,8 @@ var _default = function _default(_ref) {
       testId = _ref.testId,
       _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
       hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
-      ariaHasPopup = _ref.ariaHasPopup;
+      ariaHasPopup = _ref.ariaHasPopup,
+      tabIndex = _ref.tabIndex;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? _styles.iconOnlySpacing : {};
@@ -86,7 +87,12 @@ var _default = function _default(_ref) {
     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/cjs/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -37,6 +37,10 @@ var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = _interopRequireDefault(require("./messages"));
+
 var _templateObject, _templateObject2;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -96,7 +100,8 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           hide = _this$props.hide,
           dispatchCommand = _this$props.dispatchCommand,
-          items = _this$props.items;
+          items = _this$props.items,
+          intl = _this$props.intl;
       return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
         theme: (0, _defineProperty2.default)({}, _item.itemThemeNamespace, editorItemTheme)
       }, /*#__PURE__*/_react.default.createElement(MenuContainer, null, items.filter(function (item) {
@@ -105,7 +110,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         var itemContent = /*#__PURE__*/_react.default.createElement(_item.default, {
           key: idx,
           isCompact: true,
-          elemBefore: _this.renderSelected(item),
+          elemBefore: _this.renderSelected(item, intl),
           onClick: function onClick() {
             /**
              * The order of dispatching the event and hide() is important, because
@@ -132,14 +137,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "renderSelected",
-    value: function renderSelected(item) {
+    value: function renderSelected(item, intl) {
       var selected = item.selected;
 
       if (selected !== undefined) {
         return selected ? /*#__PURE__*/_react.default.createElement(_done.default, {
           primaryColor: _colors.B400,
           size: "small",
-          label: "test question"
+          label: intl.formatMessage(_messages.default.confirmModalOK)
         }) : /*#__PURE__*/_react.default.createElement(Spacer, null);
       }
 
@@ -149,4 +154,6 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   return Dropdown;
 }(_react.Component);
 
-exports.default = Dropdown;
+var _default = (0, _reactIntlNext.injectIntl)(Dropdown);
+
+exports.default = _default;

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

@@ -57,6 +57,10 @@ var _EmojiPickerButton = require("./EmojiPickerButton");
 
 var _announcer = _interopRequireDefault(require("../../../utils/announcer/announcer"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = _interopRequireDefault(require("./messages"));
+
 var _templateObject;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -180,7 +184,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
           editorView = _this$props.editorView,
           node = _this$props.node,
           extensionsProvider = _this$props.extensionsProvider,
-          providerFactory = _this$props.providerFactory;
+          providerFactory = _this$props.providerFactory,
+          intl = _this$props.intl;
 
       if (!items || !items.length) {
         return null;
@@ -189,11 +194,11 @@ var Toolbar = /*#__PURE__*/function (_Component) {
 
       var firstElementIsSelect = items[0].type === 'select';
       return /*#__PURE__*/_react.default.createElement(ToolbarContainer, {
-        "aria-label": "Floating Toolbar",
+        "aria-label": intl.formatMessage(_messages.default.floatingToolbarAriaLabel),
         hasCompactLeftPadding: firstElementIsSelect,
         className: className
       }, /*#__PURE__*/_react.default.createElement(_announcer.default, {
-        text: "Floating toolbar controls have been opened",
+        text: intl.formatMessage(_messages.default.floatingToolbarAnnouncer),
         delay: 250
       }), /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, items.filter(function (item) {
         return !item.hidden;
@@ -238,7 +243,8 @@ var Toolbar = /*#__PURE__*/function (_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':
@@ -362,4 +368,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   return Toolbar;
 }(_react.Component);
 
-exports.default = Toolbar;
+var _default = (0, _reactIntlNext.injectIntl)(Toolbar);
+
+exports.default = _default;

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

@@ -22,6 +22,16 @@ var _default = (0, _reactIntlNext.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/cjs/plugins/fragment/index.js

@@ -8,14 +8,14 @@ exports.default = void 0;
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _pluginKey = require("./plugin-key");
 
 var _fragmentConsistency = require("./pm-plugins/fragment-consistency");
 
 function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey
   });
 }

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -97,7 +99,7 @@ var regenerateFragmentIdIfNeeded = function regenerateFragmentIdIfNeeded(_ref) {
 
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var modified = false;

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

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var keymaps = _interopRequireWildcard(require("../../keymaps"));
 
@@ -45,7 +45,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(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; }
 
 function createPlugin(dispatch, imageEnabled) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {
       init: function init() {

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

@@ -492,7 +492,8 @@ var HelpDialog = /*#__PURE__*/function (_React$Component) {
       this.formatting = getSupportedFormatting(editorView.state.schema, intl, imageEnabled, quickInsertEnabled);
       return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, this.props.isVisible ? /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
         width: "large",
-        onClose: this.closeDialog
+        onClose: this.closeDialog,
+        testId: "help-modal-dialog"
       }, /*#__PURE__*/_react.default.createElement(ModalHeader, null), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_styles.ContentWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Line, null), /*#__PURE__*/_react.default.createElement(_styles.Content, null, /*#__PURE__*/_react.default.createElement(_styles.ColumnLeft, null, /*#__PURE__*/_react.default.createElement(_styles.Title, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, messages.keyboardShortcuts)), /*#__PURE__*/_react.default.createElement("div", null, this.formatting.filter(function (form) {
         var keymap = form.keymap && form.keymap(_this2.props);
         return keymap && keymap[_utils.browser.mac ? 'mac' : 'windows'];

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

@@ -9,6 +9,8 @@ exports.historyPluginKey = exports.default = void 0;
 
 var _pluginStateFactory = require("../../utils/plugin-state-factory");
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _reducer = _interopRequireDefault(require("./reducer"));
@@ -39,7 +41,7 @@ var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(historyPluginKey, _r
     getPluginState = _pluginFactory.getPluginState;
 
 var createPlugin = function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: createPluginState(dispatch, getInitialState),
     key: historyPluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {

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

@@ -99,7 +99,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
           });
           var link = linkMark[0] && linkMark[0].attrs.href;
           var isValidUrl = (0, _adfSchema.isSafeUrl)(link);
-          var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink);
+          var labelOpenLink = formatMessage(isValidUrl ? _messages.linkMessages.openLink : _messages.linkToolbarMessages.unableToOpenLink); // TODO: ED-14403 investigate why these are not translating?
+
           var labelUnlink = formatMessage(_messages.linkToolbarMessages.unlink);
           var editLink = formatMessage(_messages.linkToolbarMessages.editLink);
           var metadata = {
@@ -150,7 +151,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
               title: labelOpenLink,
               icon: _shortcut.default,
               className: 'hyperlink-open-link',
-              metadata: metadata
+              metadata: metadata,
+              tabIndex: null
             }, {
               type: 'separator'
             }, {
@@ -159,7 +161,8 @@ var getToolbarConfig = function getToolbarConfig(state, intl, providerFactory, c
               onClick: (0, _commands.removeLink)(pos),
               selected: false,
               title: labelUnlink,
-              icon: _unlink.default
+              icon: _unlink.default,
+              tabIndex: null
             }]
           });
         }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorView = require("prosemirror-view");
 
@@ -39,7 +39,7 @@ var getInsertLinkToolbarState = function getInsertLinkToolbarState(editorState)
   return undefined;
 };
 
-var fakeCursorToolbarPlugin = new _prosemirrorState.Plugin({
+var fakeCursorToolbarPlugin = new _safePlugin.SafePlugin({
   key: _fakeCurorForToolbarPluginKey.fakeCursorForToolbarPluginKey,
   state: {
     init: function init() {

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

@@ -9,6 +9,8 @@ exports.stateKey = exports.plugin = exports.canLinkBeCreatedInRange = exports.Li
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _uuid = _interopRequireDefault(require("uuid"));
@@ -243,7 +245,7 @@ var stateKey = new _prosemirrorState.PluginKey('hyperlinkPlugin');
 exports.stateKey = stateKey;
 
 var plugin = function plugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init(_, state) {
         var canInsertLink = canLinkBeCreatedInRange(state.selection.from, state.selection.to)(state);
@@ -254,7 +256,7 @@ var plugin = function plugin(dispatch) {
           activeLinkMark: toState(undefined, LinkAction.SELECTION_CHANGE, state)
         };
       },
-      apply: function apply(tr, pluginState, _oldState, newState) {
+      apply: function apply(tr, pluginState, oldState, newState) {
         var state = pluginState;
         var action = tr.getMeta(stateKey) && tr.getMeta(stateKey).type;
         var inputMethod = tr.getMeta(stateKey) && tr.getMeta(stateKey).inputMethod;
@@ -285,7 +287,9 @@ var plugin = function plugin(dispatch) {
           }, stateForAnalytics);
         }
 
-        if (tr.selectionSet) {
+        var 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),
@@ -303,8 +307,48 @@ var plugin = function plugin(dispatch) {
         return state;
       }
     },
-    key: stateKey
+    key: stateKey,
+    props: {
+      handleDOMEvents: {
+        mouseup: function 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: function 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;
+          }
+
+          var state = view.state;
+          var $anchor = state.selection.$anchor;
+          var newPosition = view.posAtCoords({
+            left: event.clientX,
+            top: event.clientY
+          });
+
+          if ((newPosition === null || newPosition === void 0 ? void 0 : newPosition.pos) != null && newPosition.pos !== $anchor.pos) {
+            var tr = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, $anchor.pos, newPosition.pos));
+            view.dispatch(tr);
+            return true;
+          }
+
+          return false;
+        }
+      }
+    }
   });
 };
 
-exports.plugin = plugin;
+exports.plugin = plugin;
+
+function isLinkDirectTarget(event) {
+  return (event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement && event.target.tagName === 'A';
+}

package/dist/cjs/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -129,6 +129,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.hyperlink.searchLinkResults',
     defaultMessage: '{count, plural, =0 {no results} one {# result} other {# results}} found',
     description: 'Announce search results for screen-reader users.'
+  },
+  linkAriaLabel: {
+    id: 'fabric.editor.hyperlink.linkAriaLabel',
+    defaultMessage: 'Link label',
+    description: 'aria label for a link'
   }
 });
 exports.messages = messages;
@@ -1012,7 +1017,7 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
           return _this2.displayTextInputContainer = ele;
         },
         placeholder: formatDisplayText,
-        ariaLabel: 'Link label',
+        ariaLabel: formatMessage(messages.linkAriaLabel),
         testId: 'link-label',
         onChange: this.updateTextInput,
         onCancel: this.handleCancel,