@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/esm/plugins/block-type/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   normal: {
     id: 'fabric.editor.normal',

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, defineMessages } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
 import ToolbarButton from '../../../../ui/ToolbarButton';

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -12,7 +12,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
 import { Separator, Wrapper, MenuWrapper } from '../../../../ui/styles';

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var toolbarMessages = defineMessages({
   textStyles: {
     id: 'fabric.editor.textStyles',

package/dist/esm/plugins/breakout/ui/LayoutButton.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import * as colors from '@atlaskit/theme/colors';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { findParentDomRefOfType, findDomRefAtPos } from 'prosemirror-utils';
 import { Popup } from '@atlaskit/editor-common';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';

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

@@ -77,6 +77,7 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 }(SelectionBasedNodeView);
 export default function captionNodeView(portalProviderAPI, eventDispatcher) {
   return function (node, view, getPos) {
-    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}).init();
+    var hasIntlContext = true;
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/esm/plugins/card/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   url: {
     id: 'fabric.editor.url',

package/dist/esm/plugins/card/nodeviews/embedCard.js

@@ -228,7 +228,9 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       // since `heightAlone` is defined only when just height is available.
 
       var heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-      var aspectRatio = !heightAlone && (initialAspectRatio || originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+      var aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
+      initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
+      originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
       undefined;
       var cardProps = {
         layout: layout,

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

@@ -103,13 +103,15 @@ export var createPlugin = function createPlugin(options) {
               useAlternativePreloader: useAlternativePreloader,
               useInlineWrapper: platform === 'mobile'
             };
-            return new InlineCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new InlineCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           blockCard: function blockCard(node, view, getPos) {
             var reactComponentProps = {
               platform: platform
             };
-            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           embedCard: function embedCard(node, view, getPos) {
             var reactComponentProps = {
@@ -119,7 +121,8 @@ export var createPlugin = function createPlugin(options) {
               fullWidthMode: fullWidthMode,
               dispatchAnalyticsEvent: dispatchAnalyticsEvent
             };
-            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           }
         }
       },

package/dist/esm/plugins/code-bidi-warning/pm-plugins/main.js

@@ -4,9 +4,9 @@ import { codeBidiWarningPluginKey } from '../plugin-key';
 import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginState } from './plugin-factory';
 export var createPlugin = function createPlugin(_ref, _ref2) {
   var dispatch = _ref.dispatch,
-      reactContext = _ref.reactContext;
+      getIntl = _ref.getIntl;
   var appearance = _ref2.appearance;
-  var intl = reactContext().intl;
+  var intl = getIntl();
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     key: codeBidiWarningPluginKey,

package/dist/esm/plugins/code-block/index.js

@@ -22,10 +22,10 @@ var codeBlockPlugin = function codeBlockPlugin(options) {
       return [{
         name: 'codeBlock',
         plugin: function plugin(_ref) {
-          var reactContext = _ref.reactContext;
+          var getIntl = _ref.getIntl;
           return createPlugin({
             useLongPressSelection: options.useLongPressSelection,
-            reactContext: reactContext,
+            getIntl: getIntl,
             appearance: options.appearance
           });
         }

package/dist/esm/plugins/code-block/pm-plugins/main.js

@@ -17,9 +17,9 @@ import { getFeatureFlags } from '../../feature-flags-context';
 export var createPlugin = function createPlugin(_ref) {
   var _ref$useLongPressSele = _ref.useLongPressSelection,
       useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
-      reactContext = _ref.reactContext,
+      getIntl = _ref.getIntl,
       appearance = _ref.appearance;
-  var intl = reactContext().intl;
+  var intl = getIntl();
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     state: {

package/dist/esm/plugins/code-block/toolbar.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { findDomRefAtPos } from 'prosemirror-utils';

package/dist/esm/plugins/collab-edit/ui/avatars-with-plugin-state.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as collabEditPluginKey } from '../plugin';
 import messages from '../../../messages';

package/dist/esm/plugins/date/nodeviews/date.js

@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { timestampToString, timestampToTaskContext, isPastDate, DateSharedCssClassName } from '@atlaskit/editor-common';
 import { Date } from '@atlaskit/date';
 import { setDatePickerAt } from '../actions';

package/dist/esm/plugins/date/nodeviews/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   editText: {
     id: 'fabric.editor.editDateText',

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

@@ -22,12 +22,13 @@ var createPlugin = function createPlugin(_ref) {
     isDateEmpty: false,
     focusDateInput: false
   };
+  var hasIntlContext = true;
   return new Plugin({
     state: createPluginState(dispatch, newPluginState),
     key: pluginKey,
     props: {
       nodeViews: {
-        date: ReactNodeView.fromComponent(DateNodeView, portalProviderAPI, eventDispatcher)
+        date: ReactNodeView.fromComponent(DateNodeView, portalProviderAPI, eventDispatcher, undefined, undefined, hasIntlContext)
       }
     }
   });

package/dist/esm/plugins/date/ui/DatePicker/date-picker-input.js

@@ -14,7 +14,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { findDateSegmentByPosition, adjustDate, isDatePossiblyValid } from '../../utils/internal';
 import { parseDateType, formatDateType } from '../../utils/formatParse';

package/dist/esm/plugins/date/ui/DatePicker/index.js

@@ -24,7 +24,7 @@ import withOuterListeners from '../../../../ui/with-outer-listeners';
 import styled from 'styled-components';
 var PopupWithListeners = withOuterListeners(Popup);
 import { INPUT_METHOD } from '../../../analytics/types/enums';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import DatePickerInput from './date-picker-input';
 var PopupContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 2px;\n  border-radius: ", "px;\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  background-color: ", ";\n"])), borderRadius(), N60A, N60A, N0);
 

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

@@ -27,8 +27,8 @@ var expandPlugin = function expandPlugin() {
         name: 'expand',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
-              reactContext = _ref.reactContext;
-          return createPlugin(dispatch, reactContext, options.useLongPressSelection);
+              getIntl = _ref.getIntl;
+          return createPlugin(dispatch, getIntl, options.useLongPressSelection);
         }
       }, {
         name: 'expandKeymap',

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

@@ -55,7 +55,7 @@ var toDOM = function toDOM(node, intl) {
 };
 
 export var ExpandNodeView = /*#__PURE__*/function () {
-  function ExpandNodeView(node, view, getPos, reactContext) {
+  function ExpandNodeView(node, view, getPos, getIntl) {
     var _this = this;
 
     _classCallCheck(this, ExpandNodeView);
@@ -345,9 +345,9 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       }
     });
 
-    this.reactContext = reactContext() || {};
+    this.intl = getIntl();
 
-    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(node, this.reactContext.intl)),
+    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(node, this.intl)),
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
@@ -361,7 +361,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
     this.content = this.dom.querySelector(".".concat(expandClassNames.content));
-    this.renderIcon(this.reactContext.intl);
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
 
@@ -398,6 +398,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           __expanded = _ref.__expanded;
 
       ReactDOM.render( /*#__PURE__*/React.createElement(ExpandIconButton, {
+        intl: intl,
         allowInteractiveExpand: this.isAllowInteractiveExpandEnabled(),
         expanded: __expanded
       }), this.icon);
@@ -428,7 +429,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           // we toggle a class name to hide the content and animate the chevron.
           if (this.dom) {
             this.dom.classList.toggle(expandClassNames.expanded);
-            this.renderIcon(this.reactContext && this.reactContext.intl, node);
+            this.renderIcon(this && this.intl, node);
           }
 
           if (this.content) {
@@ -483,8 +484,8 @@ export var ExpandNodeView = /*#__PURE__*/function () {
 
   return ExpandNodeView;
 }();
-export default function (reactContext) {
+export default function (getIntl) {
   return function (node, view, getPos) {
-    return new ExpandNodeView(node, view, getPos, reactContext);
+    return new ExpandNodeView(node, view, getPos, getIntl);
   };
 }

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

@@ -11,7 +11,7 @@ function containsClass(element, className) {
   return !!element && element.classList.contains(className);
 }
 
-export var createPlugin = function createPlugin(dispatch, reactContext) {
+export var createPlugin = function createPlugin(dispatch, getIntl) {
   var useLongPressSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var state = createPluginState(dispatch, {});
   return new Plugin({
@@ -19,8 +19,8 @@ export var createPlugin = function createPlugin(dispatch, reactContext) {
     key: pluginKey,
     props: {
       nodeViews: {
-        expand: ExpandNodeView(reactContext),
-        nestedExpand: ExpandNodeView(reactContext)
+        expand: ExpandNodeView(getIntl),
+        nestedExpand: ExpandNodeView(getIntl)
       },
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);

package/dist/esm/plugins/extension/nodeviews/extension.js

@@ -67,10 +67,11 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
 }(ReactNodeView);
 export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions) {
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

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

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import EditIcon from '@atlaskit/icon/glyph/editor/edit';
@@ -37,7 +37,7 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
 
-var breakoutOptions = function breakoutOptions(state, formatMessage, breakoutEnabled) {
+var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
   var nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
 
   if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
@@ -99,7 +99,7 @@ export var getToolbarConfig = function getToolbarConfig() {
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState);
-      var breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
+      var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
       return {
         title: 'Extension floating controls',
         getDomRef: function getDomRef() {

package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -7,7 +7,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { G300, N0 } from '@atlaskit/theme/colors';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from './messages';
 
 var noop = function noop() {};

package/dist/esm/plugins/extension/ui/SaveIndicator/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   saveIndicator: {
     id: 'fabric.editor.extensions.config-panel.save-indicator',

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

@@ -7,13 +7,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { browser } from '@atlaskit/editor-common';
+
+var safeNumberFeatureFlag = function safeNumberFeatureFlag(value) {
+  var parsedValue = parseInt(value, 10);
+  return !isNaN(parsedValue) && Number.isInteger(parsedValue) && Number.isSafeInteger(parsedValue) ? parsedValue : undefined;
+};
 /**
  * Transforms EditorProps to an FeatureFlags object,
  * which is used by both current and archv3 editors.
  */
 
+
 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;
+  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 normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -46,6 +52,7 @@ export function createFeatureFlagsFromProps(props) {
     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),
     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)
+    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)
   });
 }

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

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/core';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';

package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -16,7 +16,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import styled from 'styled-components';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../ui/ToolbarButton';

package/dist/esm/plugins/find-replace/ui/Replace.js

@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { jsx } from '@emotion/core';
 import Button from '@atlaskit/button/standard-button';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import Textfield from '@atlaskit/textfield';
 import { sectionWrapperStyles, replaceSectionButtonStyles } from './styles';
 import { EVENT_TYPE, ACTION, ACTION_SUBJECT, TRIGGER_METHOD } from '../../analytics/types';

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

@@ -132,13 +132,13 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
         name: 'floatingToolbar',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
-              reactContext = _ref.reactContext,
-              providerFactory = _ref.providerFactory;
+              providerFactory = _ref.providerFactory,
+              getIntl = _ref.getIntl;
           return floatingToolbarPluginFactory({
             floatingToolbarHandlers: floatingToolbarHandlers,
             dispatch: dispatch,
-            reactContext: reactContext,
-            providerFactory: providerFactory
+            providerFactory: providerFactory,
+            getIntl: getIntl
           });
         }
       }, {
@@ -296,11 +296,9 @@ function sanitizeFloatingToolbarConfig(config) {
 function floatingToolbarPluginFactory(options) {
   var floatingToolbarHandlers = options.floatingToolbarHandlers,
       dispatch = options.dispatch,
-      reactContext = options.reactContext,
-      providerFactory = options.providerFactory;
-
-  var _reactContext = reactContext(),
-      intl = _reactContext.intl;
+      providerFactory = options.providerFactory,
+      getIntl = options.getIntl;
+  var intl = getIntl();
 
   var getConfigWithNodeInfo = function getConfigWithNodeInfo(editorState) {
     var activeConfigs = floatingToolbarHandlers.map(function (handler) {

package/dist/esm/plugins/floating-toolbar/ui/ConfirmationModal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalTransition, ModalBody, ModalTitle, ModalHeader, ModalFooter } from '@atlaskit/modal-dialog';
 import messages from './messages';

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

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export default defineMessages({
   confirmModalDefaultHeading: {
     id: 'fabric.editor.floatingToolbar.confirmModalHeading',

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

@@ -13,7 +13,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl, defineMessages, FormattedMessage } from 'react-intl';
+import { injectIntl, defineMessages, FormattedMessage } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
 import AkModalDialog, { ModalTransition, ModalBody, useModal } from '@atlaskit/modal-dialog';

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

@@ -26,7 +26,7 @@ import { N90, N80, N30 } from '@atlaskit/theme/colors';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
 import Tooltip from '@atlaskit/tooltip';
 import { PureComponent } from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { linkToolbarMessages as linkToolbarCommonMessages } from '../../../../messages';

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -17,7 +17,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common';
 import ToolbarButton from '../../../../ui/ToolbarButton';
@@ -50,8 +50,7 @@ var isDetachedElement = function isDetachedElement(el) {
 var noop = function noop() {};
 
 var EmojiPickerWithListeners = withOuterListeners(AkEmojiPicker);
-
-var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
+export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ToolbarInsertBlock, _React$PureComponent);
 
   var _super = _createSuper(ToolbarInsertBlock);
@@ -590,5 +589,4 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
 
   return ToolbarInsertBlock;
 }(React.PureComponent);
-
 export default injectIntl(ToolbarInsertBlock);

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   action: {
     id: 'fabric.editor.action',

package/dist/esm/plugins/layout/toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var toolbarMessages = defineMessages({
   singleColumn: {
     id: 'fabric.editor.single',

package/dist/esm/plugins/list/messages.js

@@ -1,5 +1,5 @@
 // Common Translations will live here
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   unorderedList: {
     id: 'fabric.editor.unorderedList',

package/dist/esm/plugins/list/ui/ToolbarLists/index.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { PureComponent } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
 import NumberListIcon from '@atlaskit/icon/glyph/editor/number-list';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';

package/dist/esm/plugins/media/nodeviews/mediaGroup.js

@@ -363,9 +363,10 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
 export var ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       mediaOptions: mediaOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };

package/dist/esm/plugins/media/nodeviews/mediaNodeView/index.js

@@ -179,10 +179,11 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 export var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
       providerFactory: providerFactory,
       mediaOptions: mediaOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -629,6 +629,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
       fullWidthMode: mediaOptions.fullWidthEnabled,
@@ -636,6 +637,6 @@ export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAP
       mediaOptions: mediaOptions,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
       isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };

package/dist/esm/plugins/media/pm-plugins/alt-text/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   altText: {
     id: 'fabric.editor.addAltText',

package/dist/esm/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -19,7 +19,7 @@ import { N100, N30, R400, N80 } from '@atlaskit/theme/colors';
 import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { messages } from '../messages';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '../../../../floating-toolbar/ui/Button';
 import PanelTextInput from '../../../../../ui/PanelTextInput';
 import * as keymaps from '../../../../../keymaps';