@atlaskit/editor-core 151.3.0 → 153.0.1

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

@@ -14,11 +14,6 @@ export var fromEntries = function fromEntries(iterable) {
     return obj;
   }, {});
 };
-export var toEntries = function toEntries(parameters) {
-  return Array.isArray(parameters) ? parameters.reduce(function (prev, curr) {
-    return [].concat(_toConsumableArray(prev), _toConsumableArray(Object.entries(curr)));
-  }, []) : Object.entries(parameters);
-};
 
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
@@ -72,7 +67,7 @@ export var isDuplicateField = function isDuplicateField(key) {
 export 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/esm/ui/Dropdown/index.js

@@ -11,7 +11,8 @@ 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 { PureComponent } from 'react';
+import { PureComponent } from 'react'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import DropdownList from '@atlaskit/droplist';
 import { Popup } from '@atlaskit/editor-common';
 import withOuterListeners from '../with-outer-listeners';

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

@@ -14,8 +14,10 @@ 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, { PureComponent } from 'react';
-import styled from 'styled-components';
-import DropList from '@atlaskit/droplist';
+import styled from 'styled-components'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
+import DropList from '@atlaskit/droplist'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import Item, { ItemGroup } from '@atlaskit/item';
 import Tooltip from '@atlaskit/tooltip';
 import { Popup } from '@atlaskit/editor-common';
@@ -106,6 +108,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         key: item.key || item.content,
         isSelected: item.isActive
       }, /*#__PURE__*/React.createElement(Item, {
+        role: "menuitem",
         elemBefore: item.elemBefore,
         elemAfter: item.elemAfter,
         isDisabled: item.isDisabled,
@@ -184,7 +187,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         }
       }), items.map(function (group, index) {
         return /*#__PURE__*/React.createElement(ItemGroup, {
-          key: index
+          key: index,
+          role: "menu"
         }, group.items.map(function (item) {
           return _this2.renderItem(item);
         }));

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

@@ -6,6 +6,7 @@ var _templateObject, _templateObject2, _templateObject3;
 
 import React, { useState, useCallback } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item, { itemThemeNamespace } from '@atlaskit/item'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 

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/ElementList.js

@@ -14,6 +14,7 @@ import memoizeOne from 'memoize-one';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { Collection } from 'react-virtualized/dist/commonjs/Collection';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item from '@atlaskit/item';
 import { B100, N20, N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';

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

@@ -18,20 +18,20 @@ import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppress
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { fontSizeSmall } from '@atlaskit/theme';
-import { N20, N800, N100 } from '@atlaskit/theme/colors';
+import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 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';
 });
 var NameWrapper = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
 export var Name = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), N800);
-export var ContainerName = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), N100, relativeFontSizeToBase16(fontSizeSmall()));
+export var ContainerName = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 14px;\n  font-size: ", ";\n"])), N300, relativeFontSizeToBase16(fontSizeSmall()));
 var Icon = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  min-width: 16px;\n  margin-top: 3px;\n  margin-right: 12px;\n\n  img {\n    max-width: 16px;\n  }\n"])));
 
 var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {

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

@@ -169,6 +169,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,
@@ -178,7 +179,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;
       handleSides.forEach(function (side) {
         var _handleStyles$side;
@@ -187,6 +189,11 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         handleStyles[side] = (_handleStyles$side = {
           width: '24px'
         }, _defineProperty(_handleStyles$side, side, "".concat(-13 - innerPadding, "px")), _defineProperty(_handleStyles$side, "zIndex", akRichMediaResizeZIndex), _defineProperty(_handleStyles$side, "pointerEvents", 'auto'), _handleStyles$side);
+        var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
+
+        if (sideHandleComponent) {
+          handleComponent[side] = sideHandleComponent;
+        }
       });
       var className = classnames(richMediaClassName, "image-".concat(layout), this.props.className, {
         'is-resizing': isResizing,
@@ -219,6 +226,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/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 = "151.3.0";
+export var version = "153.0.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": "151.3.0",
+	"version": "153.0.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/full-page.d.ts

@@ -5,5 +5,5 @@ import EditorActions from '../../actions';
 export declare type FullPageProps = EditorProps & {
     onMount?: (actions: EditorActions) => void;
 } & WithAnalyticsEventsProps;
-declare const FullPageWithAnalytics: React.ForwardRefExoticComponent<Pick<FullPageProps, "mentionProvider" | "emojiProvider" | "autoformattingProvider" | "taskDecisionProvider" | "contextIdentifierProvider" | "collabEditProvider" | "macroProvider" | "searchProvider" | "activityProvider" | "presenceProvider" | "placeholderBracketHint" | "placeholderHints" | "codeBlock" | "media" | "allowBlockType" | "defaultValue" | "placeholder" | "onChange" | "contextPanel" | "appearance" | "quickInsert" | "disabled" | "waitForMediaUpload" | "maxHeight" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "editorActions" | "mention" | "insertMenuItems" | "primaryToolbarComponents" | "contentComponents" | "onDestroy" | "onMount" | "saveOnEnter" | "textFormatting" | "maxContentSize" | "performanceTracking" | "featureFlags" | "onSave" | "onCancel" | "extensionHandlers" | "collabEdit" | "allowBreakout" | "uploadErrorHandler" | "sanitizePrivateContent" | "mentionInsertDisplayName" | "allowNestedTasks" | "allowExpand" | "shouldFocus" | "persistScrollGutter" | "primaryToolbarIconBefore" | "secondaryToolbarComponents" | "allowAnalyticsGASV3" | "allowTasksAndDecisions" | "allowRule" | "allowTextColor" | "allowTables" | "allowHelpDialog" | "feedbackInfo" | "allowJiraIssue" | "allowPanel" | "allowExtension" | "allowConfluenceInlineComment" | "allowTemplatePlaceholders" | "allowDate" | "allowLayouts" | "allowStatus" | "allowDynamicTextSizing" | "allowTextAlignment" | "allowIndentation" | "allowNewInsertionBehaviour" | "autoScrollIntoView" | "allowFindReplace" | "UNSAFE_cards" | "smartLinks" | "errorReporterHandler" | "annotationProviders" | "legacyImageUploadProvider" | "contentTransformerProvider" | "allowKeyboardAccessibleDatepicker" | "onEditorReady" | "inputSamplingLimit" | "extensionProviders" | "UNSAFE_useAnalyticsContext" | "elementBrowser" | "UNSAFE_allowUndoRedoButtons" | "trackValidTransactions" | "useStickyToolbar" | "dangerouslyAppendPlugins"> & React.RefAttributes<any>>;
+declare const FullPageWithAnalytics: React.ForwardRefExoticComponent<Pick<FullPageProps, "mentionProvider" | "emojiProvider" | "autoformattingProvider" | "taskDecisionProvider" | "contextIdentifierProvider" | "collabEditProvider" | "macroProvider" | "searchProvider" | "activityProvider" | "presenceProvider" | "placeholderBracketHint" | "placeholderHints" | "codeBlock" | "media" | "allowBlockType" | "defaultValue" | "placeholder" | "onChange" | "contextPanel" | "appearance" | "quickInsert" | "disabled" | "waitForMediaUpload" | "maxHeight" | "popupsMountPoint" | "popupsBoundariesElement" | "popupsScrollableElement" | "editorActions" | "mention" | "insertMenuItems" | "primaryToolbarComponents" | "contentComponents" | "onDestroy" | "onMount" | "saveOnEnter" | "textFormatting" | "maxContentSize" | "performanceTracking" | "featureFlags" | "onSave" | "onCancel" | "extensionHandlers" | "collabEdit" | "allowBreakout" | "uploadErrorHandler" | "sanitizePrivateContent" | "mentionInsertDisplayName" | "allowNestedTasks" | "allowExpand" | "shouldFocus" | "persistScrollGutter" | "primaryToolbarIconBefore" | "secondaryToolbarComponents" | "allowAnalyticsGASV3" | "allowTasksAndDecisions" | "allowRule" | "allowTextColor" | "allowTables" | "allowHelpDialog" | "feedbackInfo" | "allowJiraIssue" | "allowPanel" | "allowExtension" | "allowConfluenceInlineComment" | "allowTemplatePlaceholders" | "allowDate" | "allowLayouts" | "allowStatus" | "allowDynamicTextSizing" | "allowTextAlignment" | "allowIndentation" | "allowNewInsertionBehaviour" | "autoScrollIntoView" | "allowFindReplace" | "UNSAFE_cards" | "smartLinks" | "errorReporterHandler" | "annotationProviders" | "legacyImageUploadProvider" | "contentTransformerProvider" | "allowKeyboardAccessibleDatepicker" | "onEditorReady" | "inputSamplingLimit" | "extensionProviders" | "UNSAFE_useAnalyticsContext" | "elementBrowser" | "UNSAFE_allowUndoRedoButtons" | "trackValidTransactions" | "useStickyToolbar" | "UNSAFE_allowFragmentMark" | "dangerouslyAppendPlugins"> & React.RefAttributes<any>>;
 export { FullPageWithAnalytics as FullPage };

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">>;
+};

package/dist/types/labs/next/internal/hooks/use-editor/create-editor.d.ts

@@ -5,7 +5,8 @@ import { PortalProviderAPI } from '../../../../../ui/PortalProvider';
 import { EditorSharedConfig } from '../../context/shared-config';
 import { EditorPropsExtended } from '../../editor-props-type';
 import { FeatureFlags } from '../../../../../types/feature-flags';
-export declare function createEditor({ context, onAnalyticsEvent, transformer, providerFactory, plugins, portalProviderAPI, defaultValue, ref, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorActions, disabled, onChange, onDestroy, onMount, featureFlags, }: CreateEditorParams): EditorSharedConfig | null;
+import { IntlShape } from 'react-intl-next';
+export declare function createEditor({ context, onAnalyticsEvent, transformer, providerFactory, plugins, portalProviderAPI, defaultValue, ref, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, editorActions, disabled, onChange, onDestroy, onMount, featureFlags, getIntl, }: CreateEditorParams): EditorSharedConfig | null;
 export declare type CreateEditorParams = Pick<EditorPropsExtended, 'defaultValue' | 'plugins' | 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement' | 'onChange' | 'disabled' | 'transformer' | 'onAnalyticsEvent' | 'onDestroy' | 'onMount'> & {
     context: any;
     ref?: HTMLDivElement | null;
@@ -14,4 +15,5 @@ export declare type CreateEditorParams = Pick<EditorPropsExtended, 'defaultValue
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
     editorActions: EditorActions;
     featureFlags: FeatureFlags;
+    getIntl: () => IntlShape;
 };