@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/es2019/ui/LinkSearch/LinkSearchListItem.js

@@ -10,7 +10,7 @@ import formatDistance from 'date-fns/formatDistance';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
 import format from 'date-fns/format';
 import { getCorrectAltByIconUrl } from './listItemAlts';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import messages from '../../messages';
 export const Container = styled.li`
   background-color: ${props => props.selected ? N20 : 'transparent'};

package/dist/es2019/ui/LinkSearch/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import LinkSearchList from './LinkSearchList';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import withActivityProvider from './withActivityProvider';
 import { INPUT_METHOD } from '../../plugins/analytics';
 const DEFAULT_ITEMS_LIMIT = 5;

package/dist/es2019/ui/LinkSearch/listItemAlts.js

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

package/dist/es2019/ui/MediaAndEmbedsToolbar/toolbar-messages.js

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

package/dist/es2019/ui/PanelTextInput/index.js

@@ -143,7 +143,9 @@ export default class PanelTextInput extends PureComponent {
   }
 
   isUndoEvent(event) {
-    return event.keyCode === KeyZCode && (browser.mac && event.metaKey && !event.shiftKey || !browser.mac && event.ctrlKey);
+    return event.keyCode === KeyZCode && ( // cmd + z for mac
+    browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
+    !browser.mac && event.ctrlKey);
   }
 
   isRedoEvent(event) {

package/dist/es2019/ui/PortalProvider/index.js

@@ -8,8 +8,9 @@ import PropTypes from 'prop-types';
 import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
 import { EventDispatcher } from '../../event-dispatcher';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types/enums';
+import { injectIntl, RawIntlProvider } from 'react-intl-next';
 export class PortalProviderAPI extends EventDispatcher {
-  constructor(onAnalyticsEvent, analyticsContext) {
+  constructor(intl, onAnalyticsEvent, analyticsContext) {
     super();
 
     _defineProperty(this, "portals", new Map());
@@ -18,29 +19,52 @@ export class PortalProviderAPI extends EventDispatcher {
       this.context = context;
     });
 
+    this.intl = intl;
     this.onAnalyticsEvent = onAnalyticsEvent;
     this.useAnalyticsContext = analyticsContext;
   }
 
-  render(children, container, hasReactContext = false) {
+  render(children, container, hasAnalyticsContext = false, hasIntlContext = false) {
     this.portals.set(container, {
       children,
-      hasReactContext
+      hasAnalyticsContext,
+      hasIntlContext
     });
-    const wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, children()) : children();
+    let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, children()) : children();
+
+    if (hasIntlContext) {
+      wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
+        value: this.intl
+      }, wrappedChildren);
+    }
+
     unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
   } // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
   // we (unfortunately) need to re-render to pass down any updated context.
-  // selectively do this for nodeviews that opt-in via `hasReactContext`
+  // selectively do this for nodeviews that opt-in via `hasAnalyticsContext`
 
 
-  forceUpdate() {
+  forceUpdate({
+    intl
+  }) {
+    this.intl = intl;
     this.portals.forEach((portal, container) => {
-      if (!portal.hasReactContext && !this.useAnalyticsContext) {
+      if (!portal.hasAnalyticsContext && !this.useAnalyticsContext && !portal.hasIntlContext) {
         return;
       }
 
-      const wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, portal.children()) : portal.children();
+      let wrappedChildren = portal.children();
+
+      if (portal.hasAnalyticsContext && this.useAnalyticsContext) {
+        wrappedChildren = /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, wrappedChildren);
+      }
+
+      if (portal.hasIntlContext) {
+        wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
+          value: this.intl
+        }, wrappedChildren);
+      }
+
       unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
     });
   }
@@ -77,10 +101,11 @@ export class PortalProviderAPI extends EventDispatcher {
   }
 
 }
-export class PortalProvider extends React.Component {
+
+class BasePortalProvider extends React.Component {
   constructor(props) {
     super(props);
-    this.portalProviderAPI = new PortalProviderAPI(props.onAnalyticsEvent, props.useAnalyticsContext);
+    this.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext);
   }
 
   render() {
@@ -88,13 +113,16 @@ export class PortalProvider extends React.Component {
   }
 
   componentDidUpdate() {
-    this.portalProviderAPI.forceUpdate();
+    this.portalProviderAPI.forceUpdate({
+      intl: this.props.intl
+    });
   }
 
 }
 
-_defineProperty(PortalProvider, "displayName", 'PortalProvider');
+_defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
 
+export const PortalProvider = injectIntl(BasePortalProvider);
 export class PortalRenderer extends React.Component {
   constructor(props) {
     super(props);

package/dist/es2019/utils/document.js

@@ -2,10 +2,11 @@ import { Node } from 'prosemirror-model';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common';
 import { getBreakoutMode } from './node-width';
-
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics/types/enums';
 /**
  * Checks if node is an empty paragraph.
  */
+
 export function isEmptyParagraph(node) {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 }
@@ -174,7 +175,22 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     let newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     const parsedDoc = Node.fromJSON(schema, newEntity); // throws an error if the document is invalid
 
-    parsedDoc.check();
+    try {
+      parsedDoc.check();
+    } catch (err) {
+      if (dispatchAnalyticsEvent) {
+        dispatchAnalyticsEvent({
+          action: ACTION.INVALID_PROSEMIRROR_DOCUMENT,
+          actionSubject: ACTION_SUBJECT.EDITOR,
+          eventType: EVENT_TYPE.OPERATIONAL,
+          attributes: {
+            error: err === null || err === void 0 ? void 0 : err.toString()
+          }
+        });
+      }
+
+      return;
+    }
 
     if (dispatchAnalyticsEvent) {
       findAndTrackUnsupportedContentNodes(parsedDoc, schema, dispatchAnalyticsEvent);
@@ -182,7 +198,18 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
 
     return parsedDoc;
   } catch (e) {
-    // eslint-disable-next-line no-console
+    if (dispatchAnalyticsEvent) {
+      dispatchAnalyticsEvent({
+        action: ACTION.DOCUMENT_PROCESSING_ERROR,
+        actionSubject: ACTION_SUBJECT.EDITOR,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          error: e === null || e === void 0 ? void 0 : e.toString()
+        }
+      });
+    } // eslint-disable-next-line no-console
+
+
     console.error(`Error processing document:\n${e.message}\n\n`, JSON.stringify(node));
     return;
   }

package/dist/es2019/utils/index.js

@@ -278,7 +278,8 @@ export function liftSelection(tr, doc, $from, $to) {
   let endPos = $to.end($to.depth);
   const target = Math.max(0, findAncestorPosition(doc, $from).depth - 1);
   tr.doc.nodesBetween(startPos, endPos, (node, pos) => {
-    if (node.isText || node.isTextblock && !node.textContent // Empty paragraph
+    if (node.isText || // Text node
+    node.isTextblock && !node.textContent // Empty paragraph
     ) {
       const res = tr.doc.resolve(tr.mapping.map(pos));
       const sel = new NodeSelection(res);

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "152.0.1";
+export const version = "153.1.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "152.0.1",
+	"version": "153.1.1",
 	"sideEffects": false
 }

package/dist/esm/create-editor/ErrorBoundary.js

@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import uuid from 'uuid';
 import memoizeOne from 'memoize-one';
-import { sniffUserBrowserExtensions } from '@atlaskit/editor-common';
+import { IntlNextErrorBoundary, sniffUserBrowserExtensions } from '@atlaskit/editor-common';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics';
 import { editorAnalyticsChannel } from '../plugins/analytics/consts';
@@ -247,7 +247,7 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
   }, {
     key: "render",
     value: function render() {
-      return this.props.children;
+      return /*#__PURE__*/React.createElement(IntlNextErrorBoundary, null, this.props.children);
     }
   }]);
 

package/dist/esm/create-editor/ReactEditorView.js

@@ -20,7 +20,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { EditorState, Selection } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { intlShape } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { browser, getAnalyticsEventSeverity, getResponseEndTime, measureRender, startMeasure, stopMeasure, shouldForceTracking } from '@atlaskit/editor-common';
 import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlaskit/editor-common/ufo';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
@@ -77,8 +77,7 @@ export function shouldReconfigureState(props, nextProps) {
     return acc || props[curr] !== nextProps[curr];
   }, false);
 }
-
-var ReactEditorView = /*#__PURE__*/function (_React$Component) {
+export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactEditorView, _React$Component);
 
   var _super = _createSuper(ReactEditorView);
@@ -187,7 +186,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
         performanceTracking: props.editorProps.performanceTracking,
         transactionTracker: _this.transactionTracker,
-        featureFlags: createFeatureFlagsFromProps(props.editorProps)
+        featureFlags: createFeatureFlagsFromProps(props.editorProps),
+        getIntl: function getIntl() {
+          return _this.props.intl;
+        }
       });
       var newState = state.reconfigure({
         plugins: plugins
@@ -240,7 +242,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
         performanceTracking: _this.props.editorProps.performanceTracking,
         transactionTracker: _this.transactionTracker,
-        featureFlags: _this.featureFlags
+        featureFlags: _this.featureFlags,
+        getIntl: function getIntl() {
+          return _this.props.intl;
+        }
       });
       _this.contentTransformer = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
       var doc;
@@ -802,11 +807,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 
 _defineProperty(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: PropTypes.func,
-  intl: intlShape
+  getAtlaskitAnalyticsEventHandlers: PropTypes.func
 });
 
-export { ReactEditorView as default };
+export default injectIntl(ReactEditorView);
 
 function getUAPrefix() {
   if (browser.chrome) {

package/dist/esm/create-editor/create-editor.js

@@ -129,7 +129,8 @@ export function createPMPlugins(config) {
       portalProviderAPI: config.portalProviderAPI,
       reactContext: config.reactContext,
       dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
-      featureFlags: config.featureFlags || {}
+      featureFlags: config.featureFlags || {},
+      getIntl: config.getIntl
     });
   }).filter(function (plugin) {
     return typeof plugin !== 'undefined';

package/dist/esm/create-editor/index.js

@@ -1,3 +1,3 @@
-export { default as ReactEditorView } from './ReactEditorView';
+export { default as ReactEditorView, ReactEditorView as BaseReactEditorView } from './ReactEditorView';
 export { default as getUiComponent } from './get-ui-component';
 export { default as createPluginsList, getDefaultPresetOptionsFromEditorProps } from './create-plugins-list';

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/analytics/types/enums.js

@@ -96,6 +96,8 @@ export var ACTION;
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
   ACTION["REMOVE_ICON"] = "removedIcon";
   ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
+  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
+  ACTION["DOCUMENT_PROCESSING_ERROR"] = "documentProcessingError";
 })(ACTION || (ACTION = {}));
 
 export var INPUT_METHOD;

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/base/index.js

@@ -6,11 +6,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { baseKeymap } from 'prosemirror-commands';
 import { history } from 'prosemirror-history';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 import { doc, paragraph, text } from '@atlaskit/adf-schema';
 import filterStepsPlugin from './pm-plugins/filter-steps';
 import focusHandlerPlugin from './pm-plugins/focus-handler';
 import fixChrome88SelectionPlugin from './pm-plugins/fix-chrome-88-selection';
+import fixChromeSpellCheckingPlugin from './pm-plugins/fix-chrome-spell-checking';
 import contextIdentifierPlugin from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
@@ -117,6 +118,12 @@ var basePlugin = function basePlugin(options) {
         });
       }
 
+      plugins.push({
+        name: 'fixChromeSpellCheckingPlugin',
+        plugin: function plugin() {
+          return fixChromeSpellCheckingPlugin();
+        }
+      });
       return plugins;
     },
     nodes: function nodes() {

package/dist/esm/plugins/base/pm-plugins/fix-chrome-spell-checking.js

@@ -0,0 +1,23 @@
+import { PluginKey, Plugin } from 'prosemirror-state';
+import { getFeatureFlags } from '../../feature-flags-context';
+import { browser } from '@atlaskit/editor-common/utils';
+export default (function () {
+  return new Plugin({
+    key: new PluginKey('fixChrome96SpellChecking'),
+    props: {
+      attributes: function attributes(editorState) {
+        var featureFlags = getFeatureFlags(editorState);
+
+        if (browser.chrome && featureFlags.maxUnsafeChromeSpellcheckingVersion && browser.chrome_version >= 96 && // This check is valid for any browser
+        // that uses the chrome engine as base like Edge
+        browser.chrome_version <= featureFlags.maxUnsafeChromeSpellcheckingVersion) {
+          return {
+            spellcheck: 'false'
+          };
+        }
+
+        return;
+      }
+    }
+  });
+});