@atlaskit/editor-core 152.0.1 → 153.1.1

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

@@ -3,7 +3,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';
@@ -54,7 +54,7 @@ export function shouldReconfigureState(props, nextProps) {
   const properties = ['appearance', 'persistScrollGutter', 'UNSAFE_allowUndoRedoButtons', 'placeholder', ...mobileProperties];
   return properties.reduce((acc, curr) => acc || props[curr] !== nextProps[curr], false);
 }
-export default class ReactEditorView extends React.Component {
+export class ReactEditorView extends React.Component {
   // ProseMirror is instantiated prior to the initial React render cycle,
   // so we allow transactions by default, to avoid discarding the initial one.
   get transactionTracking() {
@@ -167,7 +167,8 @@ export default class ReactEditorView extends React.Component {
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
         performanceTracking: props.editorProps.performanceTracking,
         transactionTracker: this.transactionTracker,
-        featureFlags: createFeatureFlagsFromProps(props.editorProps)
+        featureFlags: createFeatureFlagsFromProps(props.editorProps),
+        getIntl: () => this.props.intl
       });
       const newState = state.reconfigure({
         plugins
@@ -219,7 +220,8 @@ export default class ReactEditorView extends React.Component {
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
         performanceTracking: this.props.editorProps.performanceTracking,
         transactionTracker: this.transactionTracker,
-        featureFlags: this.featureFlags
+        featureFlags: this.featureFlags,
+        getIntl: () => this.props.intl
       });
       this.contentTransformer = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
       let doc;
@@ -713,10 +715,11 @@ export default class ReactEditorView extends React.Component {
 }
 
 _defineProperty(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: PropTypes.func,
-  intl: intlShape
+  getAtlaskitAnalyticsEventHandlers: PropTypes.func
 });
 
+export default injectIntl(ReactEditorView);
+
 function getUAPrefix() {
   if (browser.chrome) {
     return 'ua-chrome';

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

@@ -115,7 +115,8 @@ export function createPMPlugins(config) {
     portalProviderAPI: config.portalProviderAPI,
     reactContext: config.reactContext,
     dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
-    featureFlags: config.featureFlags || {}
+    featureFlags: config.featureFlags || {},
+    getIntl: config.getIntl
   })).filter(plugin => typeof plugin !== 'undefined').map(instrumentPlugin);
 }
 export function createErrorReporter(errorReporterHandler) {

package/dist/es2019/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/es2019/editor.js

@@ -2,11 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -140,7 +139,10 @@ export default class Editor extends React.Component {
       quickInsert
     } = this.props;
 
-    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) {
       const extensionProvider = this.prepareExtensionProvider(extensionProviders);
       const quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
       this.setState({
@@ -498,9 +500,7 @@ export default class Editor extends 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));
   }
 
 }
@@ -515,6 +515,5 @@ _defineProperty(Editor, "defaultProps", {
 });
 
 _defineProperty(Editor, "contextTypes", {
-  editorActions: PropTypes.object,
-  intl: intlShape
+  editorActions: PropTypes.object
 });

package/dist/es2019/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/es2019/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/es2019/labs/next/internal/components/EditorInternal.js

@@ -1,6 +1,6 @@
 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';
@@ -8,7 +8,8 @@ import EditorActions from '../../../../actions';
 import { EditorSharedConfigProvider } from '../context/shared-config';
 import { useEditor } from '../hooks/use-editor';
 import { EditorContentProvider } from './EditorContent';
-export function EditorInternal({
+
+function BaseEditorInternal({
   onAnalyticsEvent,
   disabled,
   transformer,
@@ -21,7 +22,8 @@ export function EditorInternal({
   onChange,
   onDestroy,
   onMount,
-  children
+  children,
+  intl
 }, context) {
   // Need to memoize editor actions otherwise in case when editor is not
   // wrapped with EditorContext every prop change triggers all hooks
@@ -30,6 +32,9 @@ export function EditorInternal({
   const editorActions = React.useMemo(() => maybeEditorActions || new EditorActions(), [maybeEditorActions]); // Get the provider factory from context
 
   const providerFactory = useProviderFactory();
+
+  const getIntl = () => intl;
+
   const [editorSharedConfig, mountEditor] = useEditor({
     context,
     editorActions,
@@ -46,7 +51,8 @@ export function EditorInternal({
     onDestroy,
     onMount,
     providerFactory,
-    featureFlags: {}
+    featureFlags: {},
+    getIntl
   });
   return /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement(EditorContext, {
     editorActions: editorActions
@@ -56,7 +62,8 @@ export function EditorInternal({
     value: mountEditor
   }, children))));
 }
-EditorInternal.contextTypes = {
-  editorActions: PropTypes.object,
-  intl: intlShape
-};
+
+BaseEditorInternal.contextTypes = {
+  editorActions: PropTypes.object
+};
+export const EditorInternal = injectIntl(BaseEditorInternal);

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

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

package/dist/es2019/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/es2019/nodeviews/ReactNodeView.js

@@ -13,7 +13,7 @@ const DEFAULT_SAMPLING_RATE = 100;
 const DEFAULT_SLOW_THRESHOLD = 7;
 let nodeViewEventsCounter = 0;
 export default class ReactNodeView {
-  constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext = false, viewShouldUpdate) {
+  constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
     _defineProperty(this, "handleRef", node => this._handleRef(node));
 
     _defineProperty(this, "dispatchAnalyticsEvent", payload => {
@@ -31,9 +31,10 @@ export default class ReactNodeView {
     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,
@@ -107,7 +108,7 @@ export default class ReactNodeView {
       }, component());
     };
 
-    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasContext);
+    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
   }
 
   createDomRef(options) {
@@ -217,8 +218,8 @@ export default class ReactNodeView {
     };
   }
 
-  static fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
-    return (node, view, getPos) => new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate).init();
+  static fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate, hasIntlContext = false) {
+    return (node, view, getPos) => new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
   }
 
 }

package/dist/es2019/nodeviews/SelectionBasedNodeView.js

@@ -27,8 +27,8 @@ import ReactNodeView from './ReactNodeView';
  */
 
 export class SelectionBasedNodeView extends ReactNodeView {
-  constructor(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext = false, viewShouldUpdate) {
-    super(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate);
+  constructor(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext = false, viewShouldUpdate, hasIntlContext = false) {
+    super(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
 
     _defineProperty(this, "isNodeInsideSelection", (from, to, pos, posEnd) => {
       ({
@@ -64,7 +64,8 @@ export class SelectionBasedNodeView extends ReactNodeView {
             to
           }
         } = this.view.state;
-        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/es2019/plugins/alignment/ui/ToolbarAlignment/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -8,8 +8,7 @@ import Alignment from '../../../../ui/Alignment';
 import { ExpandIconWrapper, Separator, TriggerWrapper, Wrapper } from './styles';
 import { iconMap } from './icon-map';
 import { messages } from './messages';
-
-class AlignmentToolbar extends React.Component {
+export class AlignmentToolbar extends React.Component {
   constructor(...args) {
     super(...args);
 

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

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

package/dist/es2019/plugins/analytics/types/enums.js

@@ -96,6 +96,8 @@ export let 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 let INPUT_METHOD;

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

@@ -1,10 +1,11 @@
 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';
@@ -90,6 +91,10 @@ const basePlugin = options => ({
       });
     }
 
+    plugins.push({
+      name: 'fixChromeSpellCheckingPlugin',
+      plugin: () => fixChromeSpellCheckingPlugin()
+    });
     return plugins;
   },
 

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

@@ -0,0 +1,21 @@
+import { PluginKey, Plugin } from 'prosemirror-state';
+import { getFeatureFlags } from '../../feature-flags-context';
+import { browser } from '@atlaskit/editor-common/utils';
+export default (() => new Plugin({
+  key: new PluginKey('fixChrome96SpellChecking'),
+  props: {
+    attributes: editorState => {
+      const 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;
+    }
+  }
+}));

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

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

package/dist/es2019/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/es2019/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/plugins/block-type/ui/ToolbarBlockType/toolbar-messages.js

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

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

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

@@ -44,5 +44,8 @@ export class CaptionNodeView extends SelectionBasedNodeView {
 
 }
 export default function captionNodeView(portalProviderAPI, eventDispatcher) {
-  return (node, view, getPos) => new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}).init();
+  return (node, view, getPos) => {
+    const hasIntlContext = true;
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();
+  };
 }

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

@@ -13,36 +13,38 @@ const fireAnalytic = (state, tr, action) => {
   });
 };
 
-export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch) => new Plugin({
-  appendTransaction(transactions, oldState, newState) {
-    // only run for transactions that change selection
-    if (!transactions.find(tr => tr.selectionSet)) {
-      return;
-    }
+export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch) => {
+  return new Plugin({
+    appendTransaction(transactions, oldState, newState) {
+      // only run for transactions that change selection
+      if (!transactions.find(tr => tr.selectionSet)) {
+        return;
+      }
 
-    const newSelection = !newState.selection.eq(oldState.selection);
-    const findCaption = findParentNodeOfType(oldState.schema.nodes.caption);
-    const oldSelectionCaption = findCaption(oldState.selection);
-    const {
-      tr
-    } = newState; // if selecting away from caption, or selecting a different caption
+      const newSelection = !newState.selection.eq(oldState.selection);
+      const findCaption = findParentNodeOfType(oldState.schema.nodes.caption);
+      const oldSelectionCaption = findCaption(oldState.selection);
+      const {
+        tr
+      } = newState; // if selecting away from caption, or selecting a different caption
 
-    if (newSelection && oldSelectionCaption) {
-      if (oldSelectionCaption.node.childCount === 0) {
-        tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
-        tr.setMeta('scrollIntoView', false);
-        fireAnalytic(newState, tr, ACTION.DELETED);
-        return tr;
-      } else {
-        fireAnalytic(newState, tr, ACTION.EDITED);
+      if (newSelection && oldSelectionCaption) {
+        if (oldSelectionCaption.node.childCount === 0) {
+          tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
+          tr.setMeta('scrollIntoView', false);
+          fireAnalytic(newState, tr, ACTION.DELETED);
+          return tr;
+        } else {
+          fireAnalytic(newState, tr, ACTION.EDITED);
+        }
       }
-    }
-  },
+    },
 
-  key: pluginKey,
-  props: {
-    nodeViews: {
-      caption: captionNodeView(portalProviderAPI, eventDispatcher)
+    key: pluginKey,
+    props: {
+      nodeViews: {
+        caption: captionNodeView(portalProviderAPI, eventDispatcher)
+      }
     }
-  }
-}));
+  });
+});

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

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

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

@@ -205,7 +205,9 @@ export class EmbedCardComponent extends React.PureComponent {
     // since `heightAlone` is defined only when just height is available.
 
     let heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-    const aspectRatio = !heightAlone && (initialAspectRatio || originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+    const 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;
     const cardProps = {
       layout,

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

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

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

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

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

@@ -23,10 +23,10 @@ const codeBlockPlugin = options => ({
     return [{
       name: 'codeBlock',
       plugin: ({
-        reactContext
+        getIntl
       }) => createPlugin({
         useLongPressSelection: options.useLongPressSelection,
-        reactContext,
+        getIntl,
         appearance: options.appearance
       })
     }, {

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

@@ -10,10 +10,10 @@ import { codeBlockClassNames } from '../ui/class-names';
 import { getFeatureFlags } from '../../feature-flags-context';
 export const createPlugin = ({
   useLongPressSelection = false,
-  reactContext,
+  getIntl,
   appearance
 }) => {
-  const intl = reactContext().intl;
+  const intl = getIntl();
   const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     state: {

package/dist/es2019/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/es2019/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/es2019/plugins/date/nodeviews/date.js

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

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

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

@@ -23,12 +23,13 @@ const createPlugin = ({
     isDateEmpty: false,
     focusDateInput: false
   };
+  const 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)
       }
     }
   });