@atlaskit/editor-core 151.2.1 → 153.0.0

package/dist/cjs/ui/ConfigPanel/types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FieldTypeError = exports.ValidationError = void 0;
+exports.ValidationError = exports.FieldTypeError = void 0;
 var ValidationError;
 exports.ValidationError = ValidationError;
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValidHex = exports.getNameFromDuplicateField = exports.isDuplicateField = exports.getSafeParentedName = exports.getOptionFromValue = exports.validateRequired = exports.toEntries = exports.fromEntries = exports.validate = void 0;
+exports.validateRequired = exports.validate = exports.isValidHex = exports.isDuplicateField = exports.getSafeParentedName = exports.getOptionFromValue = exports.getNameFromDuplicateField = exports.fromEntries = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -32,14 +32,6 @@ var fromEntries = function fromEntries(iterable) {
 
 exports.fromEntries = fromEntries;
 
-var toEntries = function toEntries(parameters) {
-  return Array.isArray(parameters) ? parameters.reduce(function (prev, curr) {
-    return [].concat((0, _toConsumableArray2.default)(prev), (0, _toConsumableArray2.default)(Object.entries(curr)));
-  }, []) : Object.entries(parameters);
-};
-
-exports.toEntries = toEntries;
-
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
 };
@@ -104,7 +96,7 @@ exports.isDuplicateField = isDuplicateField;
 var getNameFromDuplicateField = function getNameFromDuplicateField(key) {
   return key.replace(duplicateFieldRegex, '');
 };
-/* 
+/*
     ColorPickerButton only accepts 8 digit hex alpha values, for example:
     #123fffaa (8 digits, hex alpha)
     */

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

@@ -134,6 +134,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         key: item.key || item.content,
         isSelected: item.isActive
       }, /*#__PURE__*/_react.default.createElement(_item.default, {
+        role: "menuitem",
         elemBefore: item.elemBefore,
         elemAfter: item.elemAfter,
         isDisabled: item.isDisabled,
@@ -212,7 +213,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         }
       }), items.map(function (group, index) {
         return /*#__PURE__*/_react.default.createElement(_item.ItemGroup, {
-          key: index
+          key: index,
+          role: "menu"
         }, group.items.map(function (item) {
           return _this2.renderItem(item);
         }));

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"));
 
@@ -63,7 +63,7 @@ var Name = _styledComponents.default.div(_templateObject3 || (_templateObject3 =
 
 exports.Name = Name;
 
-var ContainerName = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), _colors.N100, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _theme.fontSizeSmall)()));
+var ContainerName = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), _colors.N300, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _theme.fontSizeSmall)()));
 
 exports.ContainerName = ContainerName;
 
@@ -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/index.js

@@ -185,6 +185,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var handleStyles = {};
       var handles = {};
+      var handleComponent = {};
       var _this$props4 = this.props,
           _this$props4$innerPad = _this$props4.innerPadding,
           innerPadding = _this$props4$innerPad === void 0 ? 0 : _this$props4$innerPad,
@@ -194,7 +195,8 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           layout = _this$props4.layout,
           enable = _this$props4.enable,
           children = _this$props4.children,
-          ratio = _this$props4.ratio;
+          ratio = _this$props4.ratio,
+          handleComponentFunc = _this$props4.handleComponentFunc;
       var isResizing = this.state.isResizing;
 
       _utils.handleSides.forEach(function (side) {
@@ -204,6 +206,11 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         handleStyles[side] = (_handleStyles$side = {
           width: '24px'
         }, (0, _defineProperty2.default)(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), (0, _defineProperty2.default)(_handleStyles$side, "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), (0, _defineProperty2.default)(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
+        var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
+
+        if (sideHandleComponent) {
+          handleComponent[side] = sideHandleComponent;
+        }
       });
 
       var className = (0, _classnames.default)(_editorCommon.richMediaClassName, "image-".concat(layout), this.props.className, {
@@ -237,6 +244,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         handleClasses: handles,
         handleStyles: handleStyles,
         handleWrapperStyle: handleWrapperStyle,
+        handleComponent: handleComponent,
         enable: enable,
         onResize: this.handleResize,
         onResizeStop: this.handleResizeStop,

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");