@atlaskit/editor-core 154.0.0 → 155.0.0

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -27,14 +27,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactIntlNext = require("react-intl-next");
 
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 
-var _backgroundColor = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/background-color"));
-
 var _ColorPalette = _interopRequireDefault(require("../../../../ui/ColorPalette"));
 
 var _textColorPalette = require("../../../../ui/ColorPalette/Palettes/textColorPalette");
@@ -67,22 +63,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
 var EXPERIMENT_GROUP_CONTROL = 'control';
-var EXPERIMENT_GROUP_SUBJECT = 'subject';
 var messages = (0, _reactIntlNext.defineMessages)({
   textColor: {
     id: 'fabric.editor.textColor',
     defaultMessage: 'Text color',
     description: ''
-  },
-  moreColors: {
-    id: 'fabric.editor.textColor.moreColors',
-    defaultMessage: 'More colors',
-    description: 'More colors'
-  },
-  lessColors: {
-    id: 'fabric.editor.textColor.lessColors',
-    defaultMessage: 'Fewer colors',
-    description: 'Fewer colors'
   }
 });
 exports.messages = messages;
@@ -103,8 +88,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: false,
-      isShowingMoreColors: false
+      isOpen: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeColor", function (color) {
       return commands.changeColor(color)(_this.props.editorView.state, _this.props.editorView.dispatch);
@@ -114,8 +98,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         var _this$props$pluginSta = _this.props.pluginState,
             palette = _this$props$pluginSta.palette,
             paletteExpanded = _this$props$pluginSta.paletteExpanded,
-            defaultColor = _this$props$pluginSta.defaultColor;
-        var isShowingMoreColors = _this.state.isShowingMoreColors; // we store color names in analytics
+            defaultColor = _this$props$pluginSta.defaultColor; // we store color names in analytics
 
         var swatch = (paletteExpanded || palette).find(function (sw) {
           return sw.value === color;
@@ -126,7 +109,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
 
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsSelectColor({
           color: (swatch ? swatch.label : color).toLowerCase(),
-          isShowingMoreColors: isShowingMoreColors,
           isNewColor: isNewColor
         }));
 
@@ -149,35 +131,22 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenChange", function (_ref) {
       var isOpen = _ref.isOpen,
           logCloseEvent = _ref.logCloseEvent;
-      var _this$props$pluginSta2 = _this.props.pluginState,
-          palette = _this$props$pluginSta2.palette,
-          color = _this$props$pluginSta2.color;
-      var isShowingMoreColors = _this.state.isShowingMoreColors; // pre-expand if a non-standard colour has been selected
-
-      var isExtendedPaletteSelected = !palette.find(function (swatch) {
-        return swatch.value === color;
-      });
 
       _this.setState({
-        isOpen: isOpen,
-        isShowingMoreColors: isExtendedPaletteSelected || isShowingMoreColors
+        isOpen: isOpen
       });
 
       if (logCloseEvent) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED, {
-          isShowingMoreColors: isExtendedPaletteSelected || isShowingMoreColors,
           noSelect: isOpen === false
         }));
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hide", function (e) {
-      var _this$state = _this.state,
-          isOpen = _this$state.isOpen,
-          isShowingMoreColors = _this$state.isShowingMoreColors;
+      var isOpen = _this.state.isOpen;
 
       if (isOpen === true) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(_analytics.ACTION.CLOSED, {
-          isShowingMoreColors: isShowingMoreColors,
           noSelect: true
         }));
 
@@ -186,23 +155,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleShowMoreToggle", function (e) {
-      // Prevent the event from bubbling up and triggering the hide handler.
-      e.preventDefault();
-      e.stopPropagation();
-      e.nativeEvent.stopImmediatePropagation();
-
-      _this.setState(function (state) {
-        _this.dispatchAnalyticsEvent(_this.buildAnalyticsShowMore(state.isShowingMoreColors ? _analytics.ACTION.CLOSED : _analytics.ACTION.OPENED, {
-          showMoreButton: !state.isShowingMoreColors,
-          showLessButton: state.isShowingMoreColors
-        }));
-
-        return {
-          isShowingMoreColors: !state.isShowingMoreColors
-        };
-      });
-    });
     return _this;
   }
 
@@ -211,9 +163,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$state2 = this.state,
-          isOpen = _this$state2.isOpen,
-          isShowingMoreColors = _this$state2.isShowingMoreColors;
+      var isOpen = this.state.isOpen;
       var _this$props = this.props,
           popupsMountPoint = _this$props.popupsMountPoint,
           popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -222,10 +172,9 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           pluginState = _this$props.pluginState,
           paletteExpanded = _this$props.pluginState.paletteExpanded,
           formatMessage = _this$props.intl.formatMessage,
-          showMoreColorsToggle = _this$props.showMoreColorsToggle,
           disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
-      var palette = isShowingMoreColors && paletteExpanded ? paletteExpanded : pluginState.palette;
+      var palette = paletteExpanded || pluginState.palette;
       var fitWidth;
 
       if (document.body.clientWidth <= 740) {
@@ -269,23 +218,15 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick(color) {
           return _this2.changeTextColor(color, pluginState.disabled);
         },
-        selectedColor: pluginState.color,
-        isShowingMoreColors: isShowingMoreColors
-      })), showMoreColorsToggle && /*#__PURE__*/_react.default.createElement(_styles2.ShowMoreWrapper, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-        appearance: "subtle",
-        onClick: this.handleShowMoreToggle,
-        iconBefore: /*#__PURE__*/_react.default.createElement(_backgroundColor.default, {
-          label: ""
-        })
-      }, formatMessage(isShowingMoreColors ? messages.lessColors : messages.moreColors)))), /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
+        selectedColor: pluginState.color
+      }))), /*#__PURE__*/_react.default.createElement(_styles.Separator, null));
     }
   }, {
     key: "getCommonAnalyticsAttributes",
     value: function getCommonAnalyticsAttributes() {
-      var showMoreColorsToggle = this.props.showMoreColorsToggle;
       return {
         experiment: EXPERIMENT_NAME,
-        experimentGroup: showMoreColorsToggle ? EXPERIMENT_GROUP_SUBJECT : EXPERIMENT_GROUP_CONTROL
+        experimentGroup: EXPERIMENT_GROUP_CONTROL
       };
     }
   }, {
@@ -299,17 +240,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         attributes: _objectSpread(_objectSpread({}, this.getCommonAnalyticsAttributes()), data)
       };
     }
-  }, {
-    key: "buildAnalyticsShowMore",
-    value: function buildAnalyticsShowMore(action, data) {
-      return {
-        action: action,
-        actionSubject: _analytics.ACTION_SUBJECT.TOOLBAR,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_COLOR,
-        eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: _objectSpread(_objectSpread({}, this.getCommonAnalyticsAttributes()), data)
-      };
-    }
   }, {
     key: "buildAnalyticsSelectColor",
     value: function buildAnalyticsSelectColor(data) {

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/styles.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.rainbow = exports.disabledRainbow = exports.TextColorIconWrapper = exports.TextColorIconBar = exports.ShowMoreWrapper = void 0;
+exports.rainbow = exports.disabledRainbow = exports.TextColorIconWrapper = exports.TextColorIconBar = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -17,21 +17,17 @@ var _constants = require("@atlaskit/theme/constants");
 
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
-var _templateObject, _templateObject2, _templateObject3;
+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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var ShowMoreWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-top: ", "px;\n  padding: ", "px;\n  padding-bottom: 0;\n  border-top: 1px solid #dfe1e6;\n\n  > button {\n    flex-grow: 1;\n  }\n"])), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
-
-exports.ShowMoreWrapper = ShowMoreWrapper;
-
-var TextColorIconWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
+var TextColorIconWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
 
 exports.TextColorIconWrapper = TextColorIconWrapper;
 
-var TextColorIconBar = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 16px;\n  margin: auto;\n  width: 12px;\n  height: 3px;\n  border-radius: ", ";\n\n  ", ";\n"])), (0, _constants.borderRadius)() + 'px', function (_ref) {
+var TextColorIconBar = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 16px;\n  margin: auto;\n  width: 12px;\n  height: 3px;\n  border-radius: ", ";\n\n  ", ";\n"])), (0, _constants.borderRadius)() + 'px', function (_ref) {
   var gradientColors = _ref.gradientColors,
       selectedColor = _ref.selectedColor;
 

package/dist/cjs/plugins/text-formatting/pm-plugins/clear-formatting.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.plugin = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _utils = require("../utils");
@@ -13,7 +15,7 @@ var pluginKey = new _prosemirrorState.PluginKey('clearFormattingPlugin');
 exports.pluginKey = pluginKey;
 
 var plugin = function plugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
         return {

package/dist/cjs/plugins/text-formatting/pm-plugins/cursor.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
-var _default = new _prosemirrorState.Plugin({
+var _default = new _safePlugin.SafePlugin({
   props: {
     handleClick: function handleClick(view, clickPos, event) {
       // Don't apply in Edge as per ED-4546

package/dist/cjs/plugins/text-formatting/pm-plugins/main.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "pluginKey", {
 
 var _prosemirrorCommands = require("prosemirror-commands");
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var keymaps = _interopRequireWildcard(require("../../../keymaps"));
 
@@ -88,7 +88,7 @@ var getTextFormattingState = function getTextFormattingState(editorState) {
 };
 
 var plugin = function plugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     state: {
       init: function init(_config, state) {
         return getTextFormattingState(state);

package/dist/cjs/plugins/type-ahead/index.js

@@ -43,6 +43,14 @@ var _statsModifier = require("./stats-modifier");
 
 var _analytics = require("../analytics");
 
+/**
+ *
+ * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
+ *
+ * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
+ *
+ *
+ */
 var TypeAheadMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _popupMountRef$curren, _popupMountRef$curren2, _popupMountRef$curren3;
 
@@ -123,6 +131,15 @@ var TypeAheadMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     isEmptyQuery: !query
   });
 });
+/**
+ *
+ * Revamped typeahead using decorations instead of the `typeAheadQuery` mark
+ *
+ * https://product-fabric.atlassian.net/wiki/spaces/E/pages/2992177582/Technical+TypeAhead+Data+Flow
+ *
+ *
+ */
+
 
 var typeAheadPlugin = function typeAheadPlugin(options) {
   var fireAnalyticsCallback = (0, _analytics.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);

package/dist/cjs/plugins/type-ahead/messages.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typeAheadListMessages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var typeAheadListMessages = (0, _reactIntlNext.defineMessages)({
+  typeAheadResultLabel: {
+    id: 'fabric.editor.typeAheadResultLabel',
+    defaultMessage: 'TypeAhead results',
+    description: 'the result of a typehead, similar to autocomplete results+'
+  }
+});
+exports.typeAheadListMessages = typeAheadListMessages;

package/dist/cjs/plugins/type-ahead/pm-plugins/insert-item-plugin.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = createPlugin;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _actions = require("./actions");
 
 var _utils = require("./utils");
 
 function createPlugin() {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     appendTransaction: function appendTransaction(transactions, _oldState, newState) {
       var insertItemCallback = (0, _utils.isInsertionTransaction)(transactions, _actions.ACTIONS.INSERT_ITEM);
 

package/dist/cjs/plugins/type-ahead/pm-plugins/main.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createPlugin = createPlugin;
 
-var _prosemirrorState = require("prosemirror-state");
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorView = require("prosemirror-view");
 
@@ -25,16 +25,17 @@ var _decorations = require("./decorations");
 
 var _utils = require("./utils");
 
-var hasTypeAheadStep = function hasTypeAheadStep(tr) {
-  var step = tr.steps.find(function (step) {
+var hasValidTypeAheadStep = function hasValidTypeAheadStep(tr) {
+  var steps = tr.steps.filter(function (step) {
     return step instanceof _steps.InsertTypeAheadStep;
-  });
+  }); // There are some cases, like collab rebase, where the steps are re-applied
+  // We should not re open the type-ahead for those cases
 
-  if (!step) {
-    return null;
+  if (steps.length === 1) {
+    return steps[0];
   }
 
-  return step;
+  return null;
 };
 
 function createPlugin(_ref) {
@@ -59,7 +60,7 @@ function createPlugin(_ref) {
     typeAheadHandlers: typeAheadHandlers,
     popupMountRef: popupMountRef
   });
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _key.pluginKey,
     state: {
       init: function init() {
@@ -75,7 +76,7 @@ function createPlugin(_ref) {
         };
       },
       apply: function apply(tr, currentPluginState, oldEditorState, state) {
-        var customStep = hasTypeAheadStep(tr);
+        var customStep = hasValidTypeAheadStep(tr);
         var nextPluginState = reducer(tr, currentPluginState, customStep);
 
         if (currentPluginState !== nextPluginState) {

package/dist/cjs/plugins/type-ahead/ui/InputQuery.js

@@ -66,7 +66,9 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
       onUndoRedo = _ref.onUndoRedo;
   var ref = (0, _react.useRef)(document.createElement('span'));
   var cleanedInputContent = (0, _react.useCallback)(function () {
-    var raw = ref.current.textContent || '';
+    var _ref$current;
+
+    var raw = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.textContent) || '';
     return raw.replace(_utils.ZERO_WIDTH_SPACE, '');
   }, []);
   var onKeyUp = (0, _react.useCallback)(function (event) {
@@ -74,9 +76,11 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
     onQueryChange(text);
   }, [onQueryChange, cleanedInputContent]);
   var checkKeyEvent = (0, _react.useCallback)(function (event) {
+    var _ref$current2;
+
     var key = (0, _w3cKeyname.keyName)(event);
     var sel = document.getSelection();
-    var raw = ref.current.textContent || '';
+    var raw = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.textContent) || '';
     var text = cleanedInputContent();
     var stopDefault = false;
 
@@ -148,10 +152,12 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
     }
   }, [onUndoRedo, onItemSelect, selectNextItem, cancel, selectPreviousItem, cleanedInputContent]);
   var onClick = (0, _react.useCallback)(function (event) {
+    var _ref$current3;
+
     event.stopPropagation();
     event.preventDefault();
     onQueryFocus();
-    ref.current.focus();
+    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.focus();
     return false;
   }, [onQueryFocus]);
   (0, _react.useEffect)(function () {
@@ -169,7 +175,9 @@ var InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
       var key = (0, _w3cKeyname.keyName)(event);
 
       if (['ArrowLeft', 'ArrowRight'].includes(key) && document.getSelection && document.getSelection()) {
-        var q = ref.current.textContent || '';
+        var _ref$current4;
+
+        var q = ((_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.textContent) || '';
         var sel = document.getSelection();
         var isMovingRight = sel && 'ArrowRight' === key && sel.anchorOffset === q.length;
         var isMovingLeft = sel && 'ArrowLeft' === key && sel.anchorOffset === 0;

package/dist/cjs/plugins/type-ahead/ui/TypeAheadList.js

@@ -31,6 +31,10 @@ var _useDynamicListHeightCalculation = require("./hooks/use-dynamic-list-height-
 
 var _DynamicHeightListItem = require("./DynamicHeightListItem");
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../messages");
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -78,11 +82,12 @@ var itemTheme = (0, _defineProperty2.default)({}, _item.itemThemeNamespace, {
   }
 });
 
-var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
+var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
   var items = _ref.items,
       selectedIndex = _ref.selectedIndex,
       onItemHover = _ref.onItemHover,
-      onItemClick = _ref.onItemClick;
+      onItemClick = _ref.onItemClick,
+      intl = _ref.intl;
   var listRef = (0, _react.useRef)();
   var redrawListAtIndex = (0, _react.useCallback)(function (index) {
     listRef.current.resetAfterIndex(index);
@@ -169,7 +174,7 @@ var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, /*#__PURE__*/_react.default.createElement(_item.ItemGroup, {
     role: "listbox",
     "aria-live": "polite",
-    "aria-label": "TypeAhead results",
+    "aria-label": intl.formatMessage(_messages.typeAheadListMessages.typeAheadResultLabel),
     "aria-relevant": "additions removals"
   }, /*#__PURE__*/_react.default.createElement(_useResizeObserver.ResizeObserverProvider, null, /*#__PURE__*/_react.default.createElement(_DynamicHeightListItem.UpdateListItemHeightContext.Provider, {
     value: setListItemHeight
@@ -192,5 +197,6 @@ var TypeAheadList = /*#__PURE__*/_react.default.memo(function (_ref) {
   }, _DynamicHeightListItem.DynamicHeightListItem)))))));
 });
 
+var TypeAheadList = (0, _reactIntlNext.injectIntl)(TypeAheadListComponent);
 exports.TypeAheadList = TypeAheadList;
 TypeAheadList.displayName = 'TypeAheadList';

package/dist/cjs/plugins/undo-redo/pm-plugins/main.js

@@ -5,13 +5,13 @@ 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 createPlugin = function createPlugin(_ref) {
   var dispatch = _ref.dispatch;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey
   });
 };

package/dist/cjs/plugins/unsupported-content/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.default = void 0;
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -21,7 +23,7 @@ var createPlugin = function createPlugin(_ref) {
       eventDispatcher = _ref.eventDispatcher,
       dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
   var hasIntlContext = true;
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     props: {
       nodeViews: {

package/dist/cjs/plugins/view-update-subscription/index.js

@@ -15,6 +15,8 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var trackerStore = new WeakMap();
@@ -52,7 +54,7 @@ var createViewUpdateSubscriptionPlugin = function createViewUpdateSubscriptionPl
     name: 'viewUpdateSubscription',
     pmPlugins: function pmPlugins() {
       var createPlugin = function createPlugin() {
-        return new _prosemirrorState.Plugin({
+        return new _safePlugin.SafePlugin({
           key: pluginKey,
           view: function view(editorView) {
             tracker = trackerStore.get(editorView);

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

@@ -10,6 +10,8 @@ exports.pluginKey = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+
 var _prosemirrorState = require("prosemirror-state");
 
 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; }
@@ -20,7 +22,7 @@ var pluginKey = new _prosemirrorState.PluginKey('widthPlugin');
 exports.pluginKey = pluginKey;
 
 function createPlugin(dispatch) {
-  return new _prosemirrorState.Plugin({
+  return new _safePlugin.SafePlugin({
     key: pluginKey,
     state: {
       init: function init() {

package/dist/cjs/ui/Alignment/index.js

@@ -83,7 +83,9 @@ var Alignment = /*#__PURE__*/function (_PureComponent) {
             shortcut = alignment.shortcut;
         var message = intl.formatMessage(title);
         return /*#__PURE__*/_react.default.createElement(_AlignmentButton.default, {
-          content: _iconMap.iconMap[value],
+          content: /*#__PURE__*/_react.default.createElement(_iconMap.IconMap, {
+            alignment: value
+          }),
           key: value,
           value: value,
           label: message,

package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js

@@ -13,6 +13,8 @@ var _context = require("../../ContextPanel/context");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactIntlNext = require("react-intl-next");
+
 var _Addon = require("../../Addon");
 
 var _ContextPanel = _interopRequireDefault(require("../../ContextPanel"));
@@ -23,10 +25,12 @@ var _WidthEmitter = _interopRequireDefault(require("../../WidthEmitter"));
 
 var _StyledComponents = require("./StyledComponents");
 
+var _messages = _interopRequireDefault(require("./messages"));
+
 var CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
 exports.CONTENT_AREA_TEST_ID = CONTENT_AREA_TEST_ID;
 
-var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
+var Content = /*#__PURE__*/_react.default.memo(function (props) {
   return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return /*#__PURE__*/_react.default.createElement(_context.ContextPanelConsumer, null, function (_ref2) {
@@ -41,6 +45,8 @@ var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
       }, /*#__PURE__*/_react.default.createElement(_Addon.ClickAreaBlock, {
         editorView: props.editorView
       }, /*#__PURE__*/_react.default.createElement(_StyledComponents.EditorContentArea, {
+        role: "region",
+        "aria-label": props.intl.formatMessage(_messages.default.editableContentLabel),
         fullWidthMode: props.appearance === 'full-width',
         innerRef: props.contentAreaRef,
         containerWidth: width
@@ -69,4 +75,5 @@ var FullPageContentArea = /*#__PURE__*/_react.default.memo(function (props) {
   });
 });
 
+var FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content);
 exports.FullPageContentArea = FullPageContentArea;