@atlaskit/editor-core 152.0.1 → 153.0.0

package/dist/esm/editor.js

@@ -22,11 +22,10 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { intlShape, IntlProvider } from 'react-intl';
 import memoizeOne from 'memoize-one';
 import uuid from 'uuid/v4';
 import { name, version } from './version-wrapper';
-import { ProviderFactory, BaseTheme, getAnalyticsAppearance, WithCreateAnalyticsEvent, startMeasure, stopMeasure, clearMeasure, measureTTI, getTTISeverity, combineExtensionProviders, WidthProvider } from '@atlaskit/editor-common';
+import { ProviderFactory, BaseTheme, getAnalyticsAppearance, WithCreateAnalyticsEvent, startMeasure, stopMeasure, clearMeasure, measureTTI, getTTISeverity, combineExtensionProviders, WidthProvider, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
@@ -178,7 +177,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           extensionProviders = _this$props.extensionProviders,
           quickInsert = _this$props.quickInsert;
 
-      if (extensionProviders && extensionProviders !== prevProps.extensionProviders || quickInsert && quickInsert !== prevProps.quickInsert) {
+      if (extensionProviders && extensionProviders !== prevProps.extensionProviders || // Though this will introduce some performance regression related to quick insert
+      // loading but we can remove it soon when Forge will move to new API.
+      // quickInsert={Promise.resolve(consumerQuickInsert)} is one of the main reason behind this performance issue.
+      quickInsert && quickInsert !== prevProps.quickInsert) {
         var extensionProvider = this.prepareExtensionProvider(extensionProviders);
         var quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
         this.setState({
@@ -597,9 +599,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           }))))));
         }
       }));
-      return this.context.intl ? editor : /*#__PURE__*/React.createElement(IntlProvider, {
-        locale: "en"
-      }, editor);
+      return /*#__PURE__*/React.createElement(LegacyToNextIntlProvider, null, /*#__PURE__*/React.createElement(IntlLegacyFallbackProvider, null, editor));
     }
   }]);
 
@@ -616,8 +616,7 @@ _defineProperty(Editor, "defaultProps", {
 });
 
 _defineProperty(Editor, "contextTypes", {
-  editorActions: PropTypes.object,
-  intl: intlShape
+  editorActions: PropTypes.object
 });
 
 export { Editor as default };

package/dist/esm/index.js

@@ -45,7 +45,7 @@ export { setKeyboardHeight, setMobilePaddingTop } from './plugins/mobile-dimensi
 
 export { setTextSelection, dedupe, getNodesCount, measurements, hasVisibleContent } from './utils';
 export { getListCommands } from './utils/list-commands';
-export { ReactEditorView } from './create-editor';
+export { ReactEditorView, BaseReactEditorView } from './create-editor';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor';
 export { default as EditorActions } from './actions'; // Re-export from provider factory to not cause a breaking change
 

package/dist/esm/labs/next/Editor.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { IntlProvider } from 'react-intl';
+import { IntlProvider } from 'react-intl-next';
 import { PortalRenderer, PortalProvider } from '../../ui/PortalProvider';
 import { EditorInternal } from './internal/components/EditorInternal';
 import { usePresetContext, PresetProvider } from './internal/context/preset-context';

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import { intlShape } from 'react-intl';
 import PropTypes from 'prop-types';
+import { injectIntl } from 'react-intl-next';
 import { WidthProvider } from '@atlaskit/editor-common';
 import { useProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import EditorContext from '../../../../ui/EditorContext';
@@ -9,7 +9,8 @@ import EditorActions from '../../../../actions';
 import { EditorSharedConfigProvider } from '../context/shared-config';
 import { useEditor } from '../hooks/use-editor';
 import { EditorContentProvider } from './EditorContent';
-export function EditorInternal(_ref, context) {
+
+function BaseEditorInternal(_ref, context) {
   var onAnalyticsEvent = _ref.onAnalyticsEvent,
       disabled = _ref.disabled,
       transformer = _ref.transformer,
@@ -22,7 +23,8 @@ export function EditorInternal(_ref, context) {
       onChange = _ref.onChange,
       onDestroy = _ref.onDestroy,
       onMount = _ref.onMount,
-      children = _ref.children;
+      children = _ref.children,
+      intl = _ref.intl;
   // Need to memoize editor actions otherwise in case when editor is not
   // wrapped with EditorContext every prop change triggers all hooks
   // that depend on editorActions
@@ -33,6 +35,10 @@ export function EditorInternal(_ref, context) {
 
   var providerFactory = useProviderFactory();
 
+  var getIntl = function getIntl() {
+    return intl;
+  };
+
   var _useEditor = useEditor({
     context: context,
     editorActions: editorActions,
@@ -49,7 +55,8 @@ export function EditorInternal(_ref, context) {
     onDestroy: onDestroy,
     onMount: onMount,
     providerFactory: providerFactory,
-    featureFlags: {}
+    featureFlags: {},
+    getIntl: getIntl
   }),
       _useEditor2 = _slicedToArray(_useEditor, 2),
       editorSharedConfig = _useEditor2[0],
@@ -63,7 +70,8 @@ export function EditorInternal(_ref, context) {
     value: mountEditor
   }, children))));
 }
-EditorInternal.contextTypes = {
-  editorActions: PropTypes.object,
-  intl: intlShape
-};
+
+BaseEditorInternal.contextTypes = {
+  editorActions: PropTypes.object
+};
+export var EditorInternal = injectIntl(BaseEditorInternal);

package/dist/esm/labs/next/internal/hooks/use-editor/create-editor.js

@@ -21,7 +21,8 @@ export function createEditor(_ref) {
       onChange = _ref.onChange,
       onDestroy = _ref.onDestroy,
       onMount = _ref.onMount,
-      featureFlags = _ref.featureFlags;
+      featureFlags = _ref.featureFlags,
+      getIntl = _ref.getIntl;
 
   if (!ref) {
     return null;
@@ -47,7 +48,8 @@ export function createEditor(_ref) {
     // TODO: ED-8133 Need to make types more generic otherwise it's not extensible.
     dispatchAnalyticsEvent: onAnalyticsEvent,
     performanceTracking: {},
-    featureFlags: featureFlags
+    featureFlags: featureFlags,
+    getIntl: getIntl
   });
   var state = EditorState.create({
     schema: schema,

package/dist/esm/messages.js

@@ -1,5 +1,5 @@
 // Common Translations will live here
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import { linkMessages } from '@atlaskit/editor-common/messages';
 import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 import { messages as dateMessages } from './plugins/date/nodeviews/messages';

package/dist/esm/nodeviews/ReactNodeView.js

@@ -19,8 +19,9 @@ var ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
     var _this = this;
 
-    var hasContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+    var hasAnalyticsContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
     var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
+    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
 
     _classCallCheck(this, ReactNodeView);
 
@@ -43,9 +44,10 @@ var ReactNodeView = /*#__PURE__*/function () {
     this.portalProviderAPI = portalProviderAPI;
     this.reactComponentProps = reactComponentProps || {};
     this.reactComponent = reactComponent;
-    this.hasContext = hasContext;
+    this.hasAnalyticsContext = hasAnalyticsContext;
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
+    this.hasIntlContext = hasIntlContext;
   }
   /**
    * This method exists to move initialization logic out of the constructor,
@@ -127,7 +129,7 @@ var ReactNodeView = /*#__PURE__*/function () {
         }, component());
       };
 
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasContext);
+      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
     }
   }, {
     key: "createDomRef",
@@ -256,8 +258,9 @@ var ReactNodeView = /*#__PURE__*/function () {
   }], [{
     key: "fromComponent",
     value: function fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
+      var hasIntlContext = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
       return function (node, view, getPos) {
-        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate).init();
+        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
       };
     }
   }]);

package/dist/esm/nodeviews/SelectionBasedNodeView.js

@@ -48,10 +48,11 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
 
     var hasContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
     var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
+    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
 
     _classCallCheck(this, SelectionBasedNodeView);
 
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate);
+    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
 
     _defineProperty(_assertThisInitialized(_this), "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);
@@ -84,7 +85,8 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
         var _this$view$state$sele = _this.view.state.selection,
             from = _this$view$state$sele.from,
             to = _this$view$state$sele.to;
-        return selection.node === _this.node || _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
+        return selection.node === _this.node || // If nodes are not the same object, we check if they are referring to the same document node
+        _this.pos === from && _this.posEnd === to && selection.node.eq(_this.node);
       }
 
       return false;

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.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 ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import Dropdown from '../../../../ui/Dropdown';
@@ -19,8 +19,7 @@ import Alignment from '../../../../ui/Alignment';
 import { ExpandIconWrapper, Separator, TriggerWrapper, Wrapper } from './styles';
 import { iconMap } from './icon-map';
 import { messages } from './messages';
-
-var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
+export var AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
   _inherits(AlignmentToolbar, _React$Component);
 
   var _super = _createSuper(AlignmentToolbar);

package/dist/esm/plugins/alignment/ui/ToolbarAlignment/messages.js

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import CommentIcon from '@atlaskit/icon/glyph/comment'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 

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',