@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/esm/ui/ConfigPanel/FieldMessages.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useMemo } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { ErrorMessage, HelperMessage } from '@atlaskit/form';
 import { ValidationError, FieldTypeError } from './types';
 import { messages } from './messages'; // sidestep XSS issues

package/dist/esm/ui/ConfigPanel/Fields/CustomSelect.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../messages';
 import { Field } from '@atlaskit/form';
 import { AsyncCreatableSelect } from '@atlaskit/select';

package/dist/esm/ui/ConfigPanel/Fields/Date.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { Field } from '@atlaskit/form';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import FieldMessages from '../FieldMessages';

package/dist/esm/ui/ConfigPanel/Fields/DateRange.js

@@ -11,7 +11,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React, { Fragment, useState, useEffect, useMemo } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { Field } from '@atlaskit/form';
 import { RadioGroup } from '@atlaskit/radio';

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -4,7 +4,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { N40 } from '@atlaskit/theme/colors';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';

package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js

@@ -21,7 +21,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import styled from 'styled-components';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
 import Select from '@atlaskit/select';

package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js

@@ -4,7 +4,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 
 import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 var TabWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // increase specificity to make sure the tab style is overridden\n  &&& [role='tabpanel'][tabindex] {\n    padding: 0;\n  }\n\n  &&& [role='tablist']::before {\n    left: 0;\n    right: 0;\n  }\n"])));

package/dist/esm/ui/ConfigPanel/FormErrorBoundary.js

@@ -13,7 +13,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import SectionMessage from '@atlaskit/section-message';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';

package/dist/esm/ui/ConfigPanel/Header.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import Loadable from 'react-loadable';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';

package/dist/esm/ui/ConfigPanel/messages.js

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

package/dist/esm/ui/ContentStyles/index.js

@@ -5,7 +5,7 @@ var _templateObject;
 
 import React from 'react';
 import styled from 'styled-components';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles } from '@atlaskit/editor-common';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles } from '@atlaskit/editor-common/styles';
 import { editorFontSize } from '@atlaskit/editor-shared-styles';
 import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
@@ -36,10 +36,10 @@ import { smartCardStyles } from '../../plugins/card/styles';
 import { dateStyles } from '../../plugins/date/styles';
 import { embedCardStyles } from '../../plugins/card/ui/styled';
 import { useFeatureFlags } from '../../plugins/feature-flags-context';
-var ContentStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid #8cf;\n  }\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap,\n  .pm-table-cell-content-wrap div.fabric-editor-block-mark {\n    p {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, blocktypeStyles, textFormattingStyles, placeholderTextStyles, placeholderStyles, function (_ref) {
+var ContentStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid #8cf;\n  }\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap,\n  .pm-table-cell-content-wrap div.fabric-editor-block-mark {\n    p {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, inlineNodeSharedStyle, blocktypeStyles, textFormattingStyles, placeholderTextStyles, placeholderStyles, function (_ref) {
   var featureFlags = _ref.featureFlags;
   return featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockStyles : codeBlockStyles;
-}, listsStyles, ruleStyles, mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles, panelStyles, fakeCursorStyles, mentionsStyles, function (_ref2) {
+}, textColorStyles, listsStyles, ruleStyles, mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles, panelStyles, fakeCursorStyles, mentionsStyles, function (_ref2) {
   var featureFlags = _ref2.featureFlags;
   return featureFlags !== null && featureFlags !== void 0 && featureFlags.nextEmojiNodeView ? emojiStylesNext : emojiStyles;
 }, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles, findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles, smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);

package/dist/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React, { useState, useCallback } from 'react';
 import styled from 'styled-components';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { DN50, N0 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';

package/dist/esm/ui/ElementBrowser/categories.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export function getCategories(intl) {
   return [{
     title: intl.formatMessage(messages.all),

package/dist/esm/ui/ElementBrowser/components/ElementList/EmptyState.js

@@ -4,7 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React from 'react';
 import styled from 'styled-components';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import NotFoundIllustration from './NotFoundIllustration';
 export default function EmptyState(_ref) {

package/dist/esm/ui/ElementBrowser/components/ElementSearch.js

@@ -4,7 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React, { memo } from 'react';
 import styled from 'styled-components';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Textfield from '@atlaskit/textfield';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';

package/dist/esm/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 
 import React, { memo, useState, useCallback, useEffect } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled, { css } from 'styled-components';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from '../../../plugins/analytics';

package/dist/esm/ui/ElementBrowser/messages.js

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

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

@@ -24,7 +24,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 var Container = styled.li(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 8px 12px;\n  cursor: pointer;\n  display: flex;\n  margin-top: 0;\n"])), function (props) {
   return props.selected ? N20 : 'transparent';

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

@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 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';
 var DEFAULT_ITEMS_LIMIT = 5;

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

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

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

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

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

@@ -161,7 +161,9 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "isUndoEvent",
     value: function 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);
     }
   }, {
     key: "isRedoEvent",

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

@@ -19,12 +19,13 @@ 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 var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   _inherits(PortalProviderAPI, _EventDispatcher);
 
   var _super = _createSuper(PortalProviderAPI);
 
-  function PortalProviderAPI(onAnalyticsEvent, analyticsContext) {
+  function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext) {
     var _this;
 
     _classCallCheck(this, PortalProviderAPI);
@@ -37,6 +38,7 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
       _this.context = context;
     });
 
+    _this.intl = intl;
     _this.onAnalyticsEvent = onAnalyticsEvent;
     _this.useAnalyticsContext = analyticsContext;
     return _this;
@@ -45,28 +47,50 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   _createClass(PortalProviderAPI, [{
     key: "render",
     value: function render(children, container) {
-      var hasReactContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var hasAnalyticsContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      var hasIntlContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       this.portals.set(container, {
         children: children,
-        hasReactContext: hasReactContext
+        hasAnalyticsContext: hasAnalyticsContext,
+        hasIntlContext: hasIntlContext
       });
       var 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`
 
   }, {
     key: "forceUpdate",
-    value: function forceUpdate() {
+    value: function forceUpdate(_ref) {
       var _this2 = this;
 
+      var intl = _ref.intl;
+      this.intl = intl;
       this.portals.forEach(function (portal, container) {
-        if (!portal.hasReactContext && !_this2.useAnalyticsContext) {
+        if (!portal.hasAnalyticsContext && !_this2.useAnalyticsContext && !portal.hasIntlContext) {
           return;
         }
 
-        var wrappedChildren = _this2.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, portal.children()) : portal.children();
+        var wrappedChildren = portal.children();
+
+        if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
+          wrappedChildren = /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, wrappedChildren);
+        }
+
+        if (portal.hasIntlContext) {
+          wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
+            value: _this2.intl
+          }, wrappedChildren);
+        }
+
         unstable_renderSubtreeIntoContainer(_this2.context, wrappedChildren, container);
       });
     }
@@ -106,22 +130,23 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
 
   return PortalProviderAPI;
 }(EventDispatcher);
-export var PortalProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(PortalProvider, _React$Component);
 
-  var _super2 = _createSuper(PortalProvider);
+var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(BasePortalProvider, _React$Component);
 
-  function PortalProvider(props) {
+  var _super2 = _createSuper(BasePortalProvider);
+
+  function BasePortalProvider(props) {
     var _this3;
 
-    _classCallCheck(this, PortalProvider);
+    _classCallCheck(this, BasePortalProvider);
 
     _this3 = _super2.call(this, props);
-    _this3.portalProviderAPI = new PortalProviderAPI(props.onAnalyticsEvent, props.useAnalyticsContext);
+    _this3.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext);
     return _this3;
   }
 
-  _createClass(PortalProvider, [{
+  _createClass(BasePortalProvider, [{
     key: "render",
     value: function render() {
       return this.props.render(this.portalProviderAPI);
@@ -129,15 +154,18 @@ export var PortalProvider = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      this.portalProviderAPI.forceUpdate();
+      this.portalProviderAPI.forceUpdate({
+        intl: this.props.intl
+      });
     }
   }]);
 
-  return PortalProvider;
+  return BasePortalProvider;
 }(React.Component);
 
-_defineProperty(PortalProvider, "displayName", 'PortalProvider');
+_defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
 
+export var PortalProvider = injectIntl(BasePortalProvider);
 export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   _inherits(PortalRenderer, _React$Component2);
 
@@ -168,10 +196,10 @@ export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
     key: "render",
     value: function render() {
       var portals = this.state.portals;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(portals.entries()).map(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            container = _ref2[0],
-            children = _ref2[1];
+      return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(portals.entries()).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+            container = _ref3[0],
+            children = _ref3[1];
 
         return /*#__PURE__*/createPortal(children, container);
       }));
@@ -202,10 +230,10 @@ var AnalyticsContextWrapper = (_temp = _class = /*#__PURE__*/function (_React$Co
   _createClass(AnalyticsContextWrapper, [{
     key: "render",
     value: function render() {
-      var _ref3 = this.context.contextAdapter.analytics || {
+      var _ref4 = this.context.contextAdapter.analytics || {
         value: dummyAnalyticsContext
       },
-          value = _ref3.value;
+          value = _ref4.value;
 
       return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {
         value: value

package/dist/esm/utils/document.js

@@ -3,10 +3,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;
 }
@@ -171,7 +172,22 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
     var 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);
@@ -179,7 +195,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".concat(e.message, "\n\n"), JSON.stringify(node));
     return;
   }

package/dist/esm/utils/index.js

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

package/dist/esm/version-wrapper.js

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

package/dist/esm/version.json

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

package/dist/types/create-editor/ErrorBoundary.d.ts

@@ -35,7 +35,7 @@ export declare class ErrorBoundaryWithEditorView extends React.Component<ErrorBo
     private getExperienceMetadata;
     componentDidCatch(error: Error, errorInfo: AnalyticsErrorBoundaryErrorInfo): void;
     componentDidMount(): Promise<void>;
-    render(): React.ReactNode;
+    render(): JSX.Element;
 }
 declare const _default: React.ComponentType<Pick<ErrorBoundaryProps, "contextIdentifierProvider" | "children" | "createAnalyticsEvent" | "rethrow">>;
 export default _default;

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react-intl" />
 import React from 'react';
 import PropTypes from 'prop-types';
 import { EditorState } from 'prosemirror-state';
 import { DirectEditorProps, EditorView } from 'prosemirror-view';
 import { Node as PMNode } from 'prosemirror-model';
+import { WrappedComponentProps } from 'react-intl-next';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ErrorReporter, ProviderFactory, Transformer } from '@atlaskit/editor-common';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
@@ -44,7 +44,7 @@ export interface EditorViewProps {
     }) => void;
 }
 export declare function shouldReconfigureState(props: EditorProps, nextProps: EditorProps): boolean;
-export default class ReactEditorView<T = {}> extends React.Component<EditorViewProps & T, {}, EditorReactContext> {
+export declare class ReactEditorView<T = {}> extends React.Component<EditorViewProps & WrappedComponentProps & T, {}, EditorReactContext> {
     view?: EditorView;
     eventDispatcher: EventDispatcher;
     contentTransformer?: Transformer<string>;
@@ -58,7 +58,6 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     experienceStore?: ExperienceStore;
     static contextTypes: {
         getAtlaskitAnalyticsEventHandlers: PropTypes.Requireable<any>;
-        intl: ReactIntl.IntlShape;
     };
     private canDispatchTransactions;
     private focusTimeoutId?;
@@ -69,7 +68,7 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     get transactionTracking(): import("../types/performance-tracking").TransactionTracking;
     private getPluginNames;
     private countNodes;
-    constructor(props: EditorViewProps & T, context: EditorReactContext);
+    constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
     UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;
     formatFullWidthAppearance: (appearance: EditorAppearance | undefined) => FULL_WIDTH_MODE;
     resetEditorState: ({ doc, shouldScrollToBottom, }: {
@@ -102,3 +101,7 @@ export default class ReactEditorView<T = {}> extends React.Component<EditorViewP
     private editor;
     render(): JSX.Element;
 }
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<EditorViewProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<EditorViewProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/create-editor/get-plugins.d.ts

@@ -5,6 +5,7 @@ import { EventDispatcher, Dispatch } from '../event-dispatcher';
 import { MarkConfig, NodeConfig } from '../types/pm-config';
 import { EditorReactContext } from '../types/editor-react-context';
 import { FeatureFlags } from '../types/feature-flags';
+import { IntlShape } from 'react-intl-next';
 export declare type LightPMPluginFactoryParams = {
     schema: Schema;
     dispatch: Dispatch;
@@ -16,6 +17,7 @@ export declare type LightPMPluginFactoryParams = {
     reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: any;
     featureFlags: FeatureFlags;
+    getIntl: () => IntlShape;
 };
 export declare type LightPMPluginFactory = (params: LightPMPluginFactoryParams) => Plugin | undefined;
 export declare type LightPMPlugin = {

package/dist/types/create-editor/index.d.ts

@@ -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/types/editor.d.ts

@@ -21,7 +21,6 @@ export default class Editor extends React.Component<EditorProps, State> {
     static defaultProps: EditorProps;
     static contextTypes: {
         editorActions: PropTypes.Requireable<any>;
-        intl: IntlShape;
     };
     private providerFactory;
     private editorActions;

package/dist/types/index.d.ts

@@ -65,7 +65,7 @@ export type { AnalyticsEventPayload } from './plugins/analytics';
 export { setKeyboardHeight, setMobilePaddingTop, } from './plugins/mobile-dimensions/commands';
 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 type { Command, EditorPlugin, EditorProps, EditorInstance, CommandDispatch, } from './types';
 export { default as EditorActions } from './actions';

package/dist/types/labs/next/ContentComponents.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function ContentComponents(disabled?: any): JSX.Element | null;

package/dist/types/labs/next/Editor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PresetProvider } from './internal/context/preset-context';
 import { EditorSharedConfig, EditorSharedConfigConsumer, useEditorSharedConfig } from './internal/context/shared-config';
 import { EditorContent } from './internal/components/EditorContent';

package/dist/types/labs/next/Toolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     containerElement: HTMLElement | null;
 }

package/dist/types/labs/next/internal/components/EditorInternal.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react-intl" />
-import PropTypes from 'prop-types';
-import { EditorPropsExtended } from '../editor-props-type';
-export declare function EditorInternal({ onAnalyticsEvent, disabled, transformer, defaultValue, plugins, portalProviderAPI, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, onChange, onDestroy, onMount, children, }: EditorPropsExtended, context: any): JSX.Element;
-export declare namespace EditorInternal {
-    var contextTypes: {
-        editorActions: PropTypes.Requireable<any>;
-        intl: ReactIntl.IntlShape;
-    };
-}
+import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const EditorInternal: React.FC<import("react-intl-next").WithIntlProps<import("../editor-props-type").EditorProps & {
+    portalProviderAPI: import("../../../..").PortalProviderAPI;
+} & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<import("../editor-props-type").EditorProps & {
+        portalProviderAPI: import("../../../..").PortalProviderAPI;
+    } & WrappedComponentProps<"intl">>;
+};