@atlaskit/editor-core 152.0.1 → 153.1.1

package/dist/cjs/ui/ContextPanel/context.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContextPanelConsumer = exports.ContextPanelProvider = exports.ContextPanelWidthProvider = void 0;
+exports.ContextPanelWidthProvider = exports.ContextPanelProvider = exports.ContextPanelConsumer = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/ui/ContextPanel/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SwappableContentArea = exports.Content = exports.Panel = exports.shouldPanelBePositionedOverEditor = void 0;
+exports.shouldPanelBePositionedOverEditor = exports.default = exports.SwappableContentArea = exports.Panel = exports.Content = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/ui/EditorContext/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useEditorContext = void 0;
+exports.useEditorContext = exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

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

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -152,6 +152,6 @@ var Wrapper = _styledComponents.default.div(_templateObject3 || (_templateObject
 
 var ModalFooter = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", "px;\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), _constants2.MODAL_WRAPPER_PADDING);
 
-var _default = (0, _reactIntl.injectIntl)(ModalElementBrowser);
+var _default = (0, _reactIntlNext.injectIntl)(ModalElementBrowser);
 
 exports.default = _default;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCategories = getCategories;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 function getCategories(intl) {
   return [{
@@ -44,7 +44,7 @@ function getCategories(intl) {
   }];
 }
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   all: {
     id: 'fabric.editor.elementbrowser.categorylist.category-all',
     defaultMessage: 'All',

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 
@@ -23,11 +23,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function EmptyState(_ref) {
   var onExternalLinkClick = _ref.onExternalLinkClick;
-  return /*#__PURE__*/_react.default.createElement(EmptyStateWrapper, null, /*#__PURE__*/_react.default.createElement(_NotFoundIllustration.default, null), /*#__PURE__*/_react.default.createElement(EmptyStateHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+  return /*#__PURE__*/_react.default.createElement(EmptyStateWrapper, null, /*#__PURE__*/_react.default.createElement(_NotFoundIllustration.default, null), /*#__PURE__*/_react.default.createElement(EmptyStateHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
     id: "fabric.editor.elementbrowser.search.empty-state.heading",
     defaultMessage: "Nothing matches your search",
     description: "Empty state heading"
-  })), /*#__PURE__*/_react.default.createElement(EmptyStateSubHeading, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+  })), /*#__PURE__*/_react.default.createElement(EmptyStateSubHeading, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
     id: "fabric.editor.elementbrowser.search.empty-state.sub-heading",
     defaultMessage: "Try searching with a different term or discover new apps for Atlassian products.",
     description: "Empty state sub-heading"
@@ -36,7 +36,7 @@ function EmptyState(_ref) {
     target: "_blank",
     href: "https://marketplace.atlassian.com/search?category=Macros&hosting=cloud&product=confluence",
     onClick: onExternalLinkClick
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
     id: "fabric.editor.elementbrowser.search.empty-state.sub-heading.link",
     defaultMessage: "Explore Atlassian Marketplace",
     description: "Empty state sub-heading external link"

package/dist/cjs/ui/ElementBrowser/components/ElementList/utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getColumnCount = getColumnCount;
 exports.generateVirtualizedContainerDatum = generateVirtualizedContainerDatum;
+exports.getColumnCount = getColumnCount;
 
 var _constants = require("../../constants");
 

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

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 
@@ -107,6 +107,6 @@ var ElementAfterInput = _styledComponents.default.div(_templateObject4 || (_temp
 
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
   component: 'Searchbar'
-})((0, _reactIntl.injectIntl)(ElementSearch)));
+})((0, _reactIntlNext.injectIntl)(ElementSearch)));
 var _default = MemoizedElementSearchWithAnalytics;
 exports.default = _default;

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

@@ -17,7 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -216,7 +216,7 @@ function DesktopBrowser(_ref2) {
     "data-testid": "desktop__element-browser"
   }, showCategories && /*#__PURE__*/_react.default.createElement(SideBar, {
     showCategories: true
-  }, /*#__PURE__*/_react.default.createElement(SidebarHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/_react.default.createElement(SidebarHeading, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
     id: "fabric.editor.elementbrowser.sidebar.heading",
     defaultMessage: "Browse",
     description: "Sidebar heading"

package/dist/cjs/ui/ElementBrowser/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ELEMENT_ITEM_HEIGHT = exports.MODAL_WRAPPER_PADDING = exports.ELEMENT_LIST_PADDING = exports.SCROLLBAR_TRACK_COLOR = exports.SCROLLBAR_THUMB_COLOR = exports.SCROLLBAR_WIDTH = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SEARCH_ITEM_MARGIN = exports.INLINE_SIDEBAR_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_WIDTH = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.DEVICE_BREAKPOINT_NUMBERS = exports.GRID_SIZE = void 0;
+exports.SIDEBAR_WIDTH = exports.SIDEBAR_HEADING_WRAPPER_HEIGHT = exports.SIDEBAR_HEADING_PADDING_LEFT = exports.SEARCH_ITEM_MARGIN = exports.SEARCH_ITEM_HEIGHT_WIDTH = exports.SCROLLBAR_WIDTH = exports.SCROLLBAR_TRACK_COLOR = exports.SCROLLBAR_THUMB_COLOR = exports.MODAL_WRAPPER_PADDING = exports.INLINE_SIDEBAR_HEIGHT = exports.GRID_SIZE = exports.FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS = exports.ELEMENT_LIST_PADDING = exports.ELEMENT_ITEM_HEIGHT = exports.DEVICE_BREAKPOINT_NUMBERS = void 0;
 
 var _constants = require("@atlaskit/theme/constants");
 

package/dist/cjs/ui/ElementBrowser/hooks/use-select-and-focus-on-arrow-navigation.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ensureSafeIndex = exports.ACTIONS = void 0;
+exports.ensureSafeIndex = exports.default = exports.ACTIONS = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   help: {
     id: 'fabric.editor.elementBrowser.help',
     defaultMessage: 'Help',

package/dist/cjs/ui/FloatingToolbar/index.js

@@ -7,10 +7,11 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "handlePositionCalculatedWith", {
+exports.default = void 0;
+Object.defineProperty(exports, "getNearestNonTextNode", {
   enumerable: true,
   get: function get() {
-    return _utils.handlePositionCalculatedWith;
+    return _utils.getNearestNonTextNode;
   }
 });
 Object.defineProperty(exports, "getOffsetParent", {
@@ -19,13 +20,12 @@ Object.defineProperty(exports, "getOffsetParent", {
     return _utils.getOffsetParent;
   }
 });
-Object.defineProperty(exports, "getNearestNonTextNode", {
+Object.defineProperty(exports, "handlePositionCalculatedWith", {
   enumerable: true,
   get: function get() {
-    return _utils.getNearestNonTextNode;
+    return _utils.handlePositionCalculatedWith;
   }
 });
-exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/ui/FloatingToolbar/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handlePositionCalculatedWith = exports.getNearestNonTextNode = exports.getOffsetParent = void 0;
+exports.handlePositionCalculatedWith = exports.getOffsetParent = exports.getNearestNonTextNode = void 0;
 
 var getCursorHeightFrom = function getCursorHeightFrom(node) {
   return parseFloat(window.getComputedStyle(node, undefined).lineHeight || '');

package/dist/cjs/ui/InlineNodeWrapper/index.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.InlineNodeInnerWrapper = void 0;
 exports.createMobileInlineDomRef = createMobileInlineDomRef;
-exports.default = exports.InlineNodeInnerWrapper = void 0;
+exports.default = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ContainerName = exports.Name = exports.Container = void 0;
+exports.default = exports.Name = exports.ContainerName = exports.Container = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -41,7 +41,7 @@ var _format = _interopRequireDefault(require("date-fns/format"));
 
 var _listItemAlts = require("./listItemAlts");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _messages = _interopRequireDefault(require("../../messages"));
 
@@ -200,6 +200,6 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
   return LinkSearchListItem;
 }(_react.default.PureComponent);
 
-var _default = (0, _reactIntl.injectIntl)(LinkSearchListItem);
+var _default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);
 
 exports.default = _default;

package/dist/cjs/ui/LinkSearch/ToolbarComponents.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Container = exports.UrlInputWrapper = exports.InputWrapper = exports.RECENT_SEARCH_HEIGHT_IN_PX = exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = void 0;
+exports.UrlInputWrapper = exports.RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX = exports.RECENT_SEARCH_WIDTH_IN_PX = exports.RECENT_SEARCH_HEIGHT_IN_PX = exports.InputWrapper = exports.Container = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

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

@@ -29,7 +29,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _LinkSearchList = _interopRequireDefault(require("./LinkSearchList"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _withActivityProvider = _interopRequireDefault(require("./withActivityProvider"));
 
@@ -397,6 +397,6 @@ var RecentLink = /*#__PURE__*/function (_React$Component) {
   limit: DEFAULT_ITEMS_LIMIT
 });
 
-var _default = (0, _withActivityProvider.default)((0, _reactIntl.injectIntl)(RecentLink));
+var _default = (0, _withActivityProvider.default)((0, _reactIntlNext.injectIntl)(RecentLink));
 
 exports.default = _default;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCorrectAltByIconUrl = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   story: {
     id: 'fabric.editor.story',
     defaultMessage: 'Story',

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toolbarMessages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var toolbarMessages = (0, _reactIntl.defineMessages)({
+var toolbarMessages = (0, _reactIntlNext.defineMessages)({
   wrapLeft: {
     id: 'fabric.editor.wrapLeft',
     defaultMessage: 'Wrap left',

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

@@ -178,7 +178,9 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "isUndoEvent",
     value: function isUndoEvent(event) {
-      return event.keyCode === KeyZCode && (_editorCommon.browser.mac && event.metaKey && !event.shiftKey || !_editorCommon.browser.mac && event.ctrlKey);
+      return event.keyCode === KeyZCode && ( // cmd + z for mac
+      _editorCommon.browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
+      !_editorCommon.browser.mac && event.ctrlKey);
     }
   }, {
     key: "isRedoEvent",

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PortalRenderer = exports.PortalProvider = exports.PortalProviderAPI = void 0;
+exports.PortalRenderer = exports.PortalProviderAPI = exports.PortalProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -35,6 +35,8 @@ var _eventDispatcher = require("../../event-dispatcher");
 
 var _enums = require("../../plugins/analytics/types/enums");
 
+var _reactIntlNext = require("react-intl-next");
+
 var _class, _temp;
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -46,7 +48,7 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
 
   var _super = _createSuper(PortalProviderAPI);
 
-  function PortalProviderAPI(onAnalyticsEvent, analyticsContext) {
+  function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext) {
     var _this;
 
     (0, _classCallCheck2.default)(this, PortalProviderAPI);
@@ -55,6 +57,7 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setContext", function (context) {
       _this.context = context;
     });
+    _this.intl = intl;
     _this.onAnalyticsEvent = onAnalyticsEvent;
     _this.useAnalyticsContext = analyticsContext;
     return _this;
@@ -63,28 +66,50 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   (0, _createClass2.default)(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.default.createElement(AnalyticsContextWrapper, null, children()) : children();
+
+      if (hasIntlContext) {
+        wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
+          value: this.intl
+        }, wrappedChildren);
+      }
+
       (0, _reactDom.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.default.createElement(AnalyticsContextWrapper, null, portal.children()) : portal.children();
+        var wrappedChildren = portal.children();
+
+        if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
+          wrappedChildren = /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, wrappedChildren);
+        }
+
+        if (portal.hasIntlContext) {
+          wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
+            value: _this2.intl
+          }, wrappedChildren);
+        }
+
         (0, _reactDom.unstable_renderSubtreeIntoContainer)(_this2.context, wrappedChildren, container);
       });
     }
@@ -126,21 +151,21 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
 
 exports.PortalProviderAPI = PortalProviderAPI;
 
-var PortalProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PortalProvider, _React$Component);
+var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(BasePortalProvider, _React$Component);
 
-  var _super2 = _createSuper(PortalProvider);
+  var _super2 = _createSuper(BasePortalProvider);
 
-  function PortalProvider(props) {
+  function BasePortalProvider(props) {
     var _this3;
 
-    (0, _classCallCheck2.default)(this, PortalProvider);
+    (0, _classCallCheck2.default)(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;
   }
 
-  (0, _createClass2.default)(PortalProvider, [{
+  (0, _createClass2.default)(BasePortalProvider, [{
     key: "render",
     value: function render() {
       return this.props.render(this.portalProviderAPI);
@@ -148,14 +173,17 @@ 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.default.Component);
 
+(0, _defineProperty2.default)(BasePortalProvider, "displayName", 'PortalProvider');
+var PortalProvider = (0, _reactIntlNext.injectIntl)(BasePortalProvider);
 exports.PortalProvider = PortalProvider;
-(0, _defineProperty2.default)(PortalProvider, "displayName", 'PortalProvider');
 
 var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2.default)(PortalRenderer, _React$Component2);
@@ -184,10 +212,10 @@ var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
     key: "render",
     value: function render() {
       var portals = this.state.portals;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(portals.entries()).map(function (_ref) {
-        var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-            container = _ref2[0],
-            children = _ref2[1];
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(portals.entries()).map(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+            container = _ref3[0],
+            children = _ref3[1];
 
         return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
       }));
@@ -218,10 +246,10 @@ var AnalyticsContextWrapper = (_temp = _class = /*#__PURE__*/function (_React$Co
   (0, _createClass2.default)(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.default.createElement(_analyticsNextStableReactContext.default.Provider, {
         value: value

package/dist/cjs/ui/Resizer/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.imageAlignmentMap = exports.alignmentLayouts = exports.handleSides = exports.snapTo = void 0;
+exports.snapTo = exports.imageAlignmentMap = exports.handleSides = exports.alignmentLayouts = void 0;
 
 var snapTo = function snapTo(target, points) {
   return points.length === 0 ? // extreme last case if there are no points somehow

package/dist/cjs/ui/Toolbar/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ToolbarWithSizeDetector.ToolbarWithSizeDetector;
-  }
-});
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
   get: function get() {
@@ -21,6 +15,12 @@ Object.defineProperty(exports, "ToolbarSize", {
     return _types.ToolbarSize;
   }
 });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarWithSizeDetector.ToolbarWithSizeDetector;
+  }
+});
 
 var _ToolbarWithSizeDetector = require("./ToolbarWithSizeDetector");
 

package/dist/cjs/ui/ToolbarFeedback/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ConfirmationImg = exports.ConfirmationHeader = exports.ConfirmationText = exports.ConfirmationPopup = exports.Wrapper = exports.ButtonContent = void 0;
+exports.Wrapper = exports.ConfirmationText = exports.ConfirmationPopup = exports.ConfirmationImg = exports.ConfirmationHeader = exports.ButtonContent = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/ui/styles.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CellColourPreview = exports.ClickSelectWrapper = exports.Shortcut = exports.scrollbarStyles = exports.dropShadow = exports.ButtonContent = exports.MenuWrapper = exports.TriggerWrapper = exports.ExpandIconWrapper = exports.Wrapper = exports.Separator = exports.ButtonGroup = void 0;
+exports.scrollbarStyles = exports.dropShadow = exports.Wrapper = exports.TriggerWrapper = exports.Shortcut = exports.Separator = exports.MenuWrapper = exports.ExpandIconWrapper = exports.ClickSelectWrapper = exports.CellColourPreview = exports.ButtonGroup = exports.ButtonContent = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/utils/action.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.__temporaryFixForConfigPanel = __temporaryFixForConfigPanel;
-exports.getEditorValueWithMedia = getEditorValueWithMedia;
 exports.cascadeCommands = cascadeCommands;
+exports.getEditorValueWithMedia = getEditorValueWithMedia;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/utils/array.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findUniqueItemsIn = findUniqueItemsIn;
 exports.filterUniqueItems = filterUniqueItems;
+exports.findUniqueItemsIn = findUniqueItemsIn;
 
 function findUniqueItemsIn(findIn, checkWith, comparator) {
   return findIn.filter(function (firstItem) {

package/dist/cjs/utils/clipboard.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkClipboardTypes = checkClipboardTypes;
-exports.isPastedFile = isPastedFile;
 exports.copyToClipboard = void 0;
+exports.isPastedFile = isPastedFile;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/utils/commands.js

@@ -5,8 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.filter = exports.applyMarkOnRange = void 0;
 exports.findCutBefore = findCutBefore;
-exports.selectNode = exports.insertContentDeleteRange = exports.walkPrevNode = exports.walkNextNode = exports.withScrollIntoView = exports.applyMarkOnRange = exports.toggleMark = exports.isNthParentOfType = exports.isFirstChildOfParent = exports.isEmptySelectionAtEnd = exports.isEmptySelectionAtStart = exports.filter = void 0;
+exports.withScrollIntoView = exports.walkPrevNode = exports.walkNextNode = exports.toggleMark = exports.selectNode = exports.isNthParentOfType = exports.isFirstChildOfParent = exports.isEmptySelectionAtStart = exports.isEmptySelectionAtEnd = exports.insertContentDeleteRange = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

package/dist/cjs/utils/compare.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getShallowPropsDifference = exports.getPropsDifference = exports.serializeValue = exports.getKeysAddedRemovedCommon = exports.getKeys = void 0;
+exports.serializeValue = exports.getShallowPropsDifference = exports.getPropsDifference = exports.getKeysAddedRemovedCommon = exports.getKeys = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));