@atlaskit/editor-core 152.0.1 → 153.1.1

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/plugins/date/ui/DatePicker/index.js

@@ -10,7 +10,7 @@ import withOuterListeners from '../../../../ui/with-outer-listeners';
 import styled from 'styled-components';
 const 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';
 const PopupContentWrapper = styled.div`
   padding: 2px;

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

@@ -26,9 +26,9 @@ const expandPlugin = (options = {}) => ({
       name: 'expand',
       plugin: ({
         dispatch,
-        reactContext
+        getIntl
       }) => {
-        return createPlugin(dispatch, reactContext, options.useLongPressSelection);
+        return createPlugin(dispatch, getIntl, options.useLongPressSelection);
       }
     }, {
       name: 'expandKeymap',

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

@@ -51,7 +51,7 @@ const toDOM = (node, intl) => ['div', {
 }, 0]];
 
 export class ExpandNodeView {
-  constructor(node, view, getPos, reactContext) {
+  constructor(node, view, getPos, getIntl) {
     _defineProperty(this, "allowInteractiveExpand", true);
 
     _defineProperty(this, "focusTitle", () => {
@@ -332,11 +332,11 @@ export class ExpandNodeView {
       }
     });
 
-    this.reactContext = reactContext() || {};
+    this.intl = getIntl();
     const {
       dom,
       contentDOM
-    } = DOMSerializer.renderSpec(document, toDOM(node, this.reactContext.intl));
+    } = DOMSerializer.renderSpec(document, toDOM(node, this.intl));
     this.getPos = getPos;
     this.pos = getPos();
     this.view = view;
@@ -347,7 +347,7 @@ export class ExpandNodeView {
     this.input = this.dom.querySelector(`.${expandClassNames.titleInput}`);
     this.titleContainer = this.dom.querySelector(`.${expandClassNames.titleContainer}`);
     this.content = this.dom.querySelector(`.${expandClassNames.content}`);
-    this.renderIcon(this.reactContext.intl);
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
 
@@ -381,6 +381,7 @@ export class ExpandNodeView {
       __expanded
     } = node && node.attrs || this.node.attrs;
     ReactDOM.render( /*#__PURE__*/React.createElement(ExpandIconButton, {
+      intl: intl,
       allowInteractiveExpand: this.isAllowInteractiveExpandEnabled(),
       expanded: __expanded
     }), this.icon);
@@ -406,7 +407,7 @@ export class ExpandNodeView {
         // 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) {
@@ -458,6 +459,6 @@ export class ExpandNodeView {
   }
 
 }
-export default function (reactContext) {
-  return (node, view, getPos) => new ExpandNodeView(node, view, getPos, reactContext);
+export default function (getIntl) {
+  return (node, view, getPos) => new ExpandNodeView(node, view, getPos, getIntl);
 }

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

@@ -11,15 +11,15 @@ function containsClass(element, className) {
   return !!element && element.classList.contains(className);
 }
 
-export const createPlugin = (dispatch, reactContext, useLongPressSelection = false) => {
+export const createPlugin = (dispatch, getIntl, useLongPressSelection = false) => {
   const state = createPluginState(dispatch, {});
   return new Plugin({
     state: state,
     key: pluginKey,
     props: {
       nodeViews: {
-        expand: ExpandNodeView(reactContext),
-        nestedExpand: ExpandNodeView(reactContext)
+        expand: ExpandNodeView(getIntl),
+        nestedExpand: ExpandNodeView(getIntl)
       },
 
       handleKeyDown(_view, event) {

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

@@ -41,10 +41,11 @@ export class ExtensionNode extends ReactNodeView {
 }
 export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions) {
   return (node, view, getPos) => {
+    const hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
       extensionHandlers,
       extensionNodeViewOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

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

@@ -1,4 +1,4 @@
-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';
@@ -41,7 +41,7 @@ const isLayoutSupported = (state, selectedExtNode) => {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
 
-const breakoutOptions = (state, formatMessage, breakoutEnabled) => {
+const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled) => {
   const 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)) {
@@ -104,7 +104,7 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
     const editButtonArray = editButton(formatMessage, extensionState);
-    const breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
+    const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
     return {
       title: 'Extension floating controls',
       getDomRef: () => extensionState.element.parentElement || undefined,

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

@@ -2,7 +2,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';
 
 const noop = () => {};

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

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

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

@@ -1,12 +1,18 @@
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { browser } from '@atlaskit/editor-common';
+
+const safeNumberFeatureFlag = value => {
+  const 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;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -39,6 +45,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/es2019/plugins/find-replace/ui/Find.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @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/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/plugins/find-replace/ui/Replace.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/plugins/floating-toolbar/index.js

@@ -127,13 +127,13 @@ const floatingToolbarPlugin = () => ({
       name: 'floatingToolbar',
       plugin: ({
         dispatch,
-        reactContext,
-        providerFactory
+        providerFactory,
+        getIntl
       }) => floatingToolbarPluginFactory({
         floatingToolbarHandlers,
         dispatch,
-        reactContext,
-        providerFactory
+        providerFactory,
+        getIntl
       })
     }, {
       name: 'floatingToolbarData',
@@ -289,12 +289,10 @@ function floatingToolbarPluginFactory(options) {
   const {
     floatingToolbarHandlers,
     dispatch,
-    reactContext,
-    providerFactory
+    providerFactory,
+    getIntl
   } = options;
-  const {
-    intl
-  } = reactContext();
+  const intl = getIntl();
 
   const getConfigWithNodeInfo = editorState => {
     const activeConfigs = floatingToolbarHandlers.map(handler => handler(editorState, intl, providerFactory)).filter(filterUndefined).map(config => sanitizeFloatingToolbarConfig(config));

package/dist/es2019/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/es2019/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/es2019/plugins/help-dialog/ui/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 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/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -8,7 +8,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/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -32,8 +32,7 @@ const isDetachedElement = el => !document.body.contains(el);
 const noop = () => {};
 
 const EmojiPickerWithListeners = withOuterListeners(AkEmojiPicker);
-
-class ToolbarInsertBlock extends React.PureComponent {
+export class ToolbarInsertBlock extends React.PureComponent {
   constructor(...args) {
     super(...args);
 
@@ -556,5 +555,4 @@ class ToolbarInsertBlock extends React.PureComponent {
   }
 
 }
-
 export default injectIntl(ToolbarInsertBlock);

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

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

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

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

package/dist/es2019/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 const messages = defineMessages({
   unorderedList: {
     id: 'fabric.editor.unorderedList',

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/plugins/media/index.js

@@ -77,21 +77,23 @@ const mediaPlugin = options => ({
         portalProviderAPI,
         reactContext,
         dispatchAnalyticsEvent
-      }) => createPlugin(schema, {
-        providerFactory,
-        nodeViews: {
-          mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
-          mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options),
-          media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options),
-          mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
-        },
-        errorReporter,
-        uploadErrorHandler: options && options.uploadErrorHandler,
-        waitForMediaUpload: options && options.waitForMediaUpload,
-        customDropzoneContainer: options && options.customDropzoneContainer,
-        customMediaPicker: options && options.customMediaPicker,
-        allowResizing: !!(options && options.allowResizing)
-      }, reactContext, dispatch, options)
+      }) => {
+        return createPlugin(schema, {
+          providerFactory,
+          nodeViews: {
+            mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
+            mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options),
+            media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options),
+            mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
+          },
+          errorReporter,
+          uploadErrorHandler: options && options.uploadErrorHandler,
+          waitForMediaUpload: options && options.waitForMediaUpload,
+          customDropzoneContainer: options && options.customDropzoneContainer,
+          customMediaPicker: options && options.customMediaPicker,
+          allowResizing: !!(options && options.allowResizing)
+        }, reactContext, dispatch, options);
+      }
     }, {
       name: 'mediaKeymap',
       plugin: () => keymapPlugin(options)

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

@@ -279,8 +279,9 @@ class MediaGroupNodeView extends ReactNodeView {
 }
 
 export const ReactMediaGroupNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     providerFactory,
     mediaOptions
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

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

@@ -152,9 +152,10 @@ class MediaNodeView extends SelectionBasedNodeView {
 }
 
 export const ReactMediaNode = (portalProviderAPI, eventDispatcher, providerFactory, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     providerFactory,
     mediaOptions
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

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

@@ -468,6 +468,7 @@ class MediaSingleNodeView extends ReactNodeView {
 }
 
 export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, mediaOptions = {}) => (node, view, getPos) => {
+  const hasIntlContext = true;
   return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
     eventDispatcher,
     fullWidthMode: mediaOptions.fullWidthEnabled,
@@ -475,5 +476,5 @@ export const ReactMediaSingleNode = (portalProviderAPI, eventDispatcher, provide
     mediaOptions,
     dispatchAnalyticsEvent,
     isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled
-  }).init();
+  }, undefined, undefined, undefined, hasIntlContext).init();
 };

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

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

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

@@ -5,7 +5,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';

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

@@ -726,12 +726,13 @@ export const createPlugin = (_schema, options, reactContext, dispatch, mediaOpti
       },
 
       handleClick: (_editorView, _pos, event) => {
-        var _parentElement;
+        var _event$target;
 
-        // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
+        const clickedInsideCaptionPlaceholder = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest(`[data-id="${CAPTION_PLACEHOLDER_ID}"]`); // Workaround for Chrome given a regression introduced in prosemirror-view@1.18.6
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/compare/1.18.5...1.18.6
-        return Boolean((browser.chrome || browser.safari) && event.target && CAPTION_PLACEHOLDER_ID === ((_parentElement = event.target.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.dataset.id));
+
+        return Boolean((browser.chrome || browser.safari) && clickedInsideCaptionPlaceholder);
       }
     }
   });

package/dist/es2019/plugins/media/toolbar/toolbar-messages.js

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

package/dist/es2019/plugins/media/ui/CaptionPlaceholder/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import { N200 } from '@atlaskit/theme/colors';
 import { messages } from './messages';

package/dist/es2019/plugins/media/ui/CaptionPlaceholder/messages.js

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

package/dist/es2019/plugins/media/ui/media-linking-toolbar-messages.js

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

package/dist/es2019/plugins/mentions/messages.js

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

package/dist/es2019/plugins/mentions/ui/InviteItem/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import AddIcon from '@atlaskit/icon/glyph/add';
 import { N300 } from '@atlaskit/theme/colors';
 import React, { useCallback, useEffect } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { AvatarStyle, CapitalizedStyle, MentionItemStyle, NameSectionStyle, RowStyle, ROW_SIDE_PADDING, AVATAR_HEIGHT } from './styles';
 import { messages } from '../../messages';
 export const INVITE_ITEM_MIN_HEIGHT = AVATAR_HEIGHT + ROW_SIDE_PADDING * 2;

package/dist/es2019/plugins/panel/message.js

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

package/dist/es2019/plugins/placeholder-text/ui/PlaceholderFloatingToolbar/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import PanelTextInput from '../../../../ui/PanelTextInput';
 import FloatingToolbar, { handlePositionCalculatedWith, getOffsetParent, getNearestNonTextNode } from '../../../../ui/FloatingToolbar';
 export const messages = defineMessages({

package/dist/es2019/plugins/quick-insert/index.js

@@ -16,9 +16,9 @@ const quickInsertPlugin = options => ({
       // It's important that this plugin is above TypeAheadPlugin
       plugin: ({
         providerFactory,
-        reactContext,
+        getIntl,
         dispatch
-      }) => quickInsertPluginFactory(quickInsert, providerFactory, reactContext().intl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
+      }) => quickInsertPluginFactory(quickInsert, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
     }];
   },
 
@@ -108,7 +108,7 @@ const setProviderState = providerState => (state, dispatch) => {
   return true;
 };
 
-function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispatch, emptyStateHandler) {
+function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
   return new Plugin({
     key: pluginKey,
     state: {
@@ -119,7 +119,7 @@ function quickInsertPluginFactory(quickInsertItems, providerFactory, intl, dispa
           // lazy so it doesn't run on editor initialization
           // memo here to avoid using a singleton cache, avoids editor
           // getting confused when two editors exist within the same page.
-          lazyDefaultItems: () => memoProcessItems(quickInsertItems || [], intl)
+          lazyDefaultItems: () => memoProcessItems(quickInsertItems || [], getIntl())
         };
       },
 

package/dist/es2019/plugins/selection/gap-cursor/actions.js

@@ -107,7 +107,8 @@ export const arrow = (dir, endOfTextblock) => (state, dispatch, view) => {
 
 
   if (selection instanceof GapCursorSelection && // next node allow gap cursor position
-  isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && (isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
+  isValidTargetNode(isBackward(dir) ? $pos.nodeBefore : $pos.nodeAfter) && ( // gap cursor changes block node
+  isBackward(dir) && selection.side === Side.LEFT || isForward(dir) && selection.side === Side.RIGHT)) {
     // reverse cursor position
     if (dispatch) {
       dispatch(tr.setSelection(new GapCursorSelection($pos, selection.side === Side.RIGHT ? Side.LEFT : Side.RIGHT)).scrollIntoView());

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

@@ -44,7 +44,9 @@ export const createPlugin = (dispatch, dispatchAnalyticsEvent, options = {}) =>
           return;
         }
 
-        const analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) || !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
+        const analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) || // We handle all range/cell selections except click and drag here, which is
+        // handled in mouseup handler below
+        !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
         // as there were several issues caused by the fact that adding analytics through
         // the plugin adds a new step to the transaction
         // This causes prosemirror to run through some different code paths, eg. attempting

package/dist/es2019/plugins/status/nodeviews/messages.js

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