@atlaskit/renderer 83.0.0 → 85.0.0

package/dist/cjs/ui/annotations/element/index.js

@@ -17,7 +17,7 @@ var _hooks = require("../hooks");
 
 var _context = require("../context");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _types = require("@atlaskit/editor-common/types");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -44,7 +44,7 @@ var MarkElement = function MarkElement(_ref) {
 
     var eventTarget = props.eventTarget,
         annotationIds = props.annotationIds;
-    updateSubscriber.emit(_editorCommon.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
+    updateSubscriber.emit(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
       annotationIds: annotationIds,
       eventTarget: eventTarget
     });

package/dist/cjs/ui/annotations/element/mark.js

@@ -19,7 +19,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -31,11 +31,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var MarkStyled = _styledComponents.default.mark(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, _editorCommon.AnnotationSharedCSSByState.blur, _editorCommon.AnnotationSharedCSSByState.focus);
+var MarkStyled = _styledComponents.default.mark(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, _styles.AnnotationSharedCSSByState.blur, _styles.AnnotationSharedCSSByState.focus);
 
 var MarkComponent = function MarkComponent(_ref) {
   var annotationParentIds = _ref.annotationParentIds,

package/dist/cjs/ui/annotations/hooks/index.js

@@ -3,22 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useHasFocusEvent", {
-  enumerable: true,
-  get: function get() {
-    return _useEvents.useHasFocusEvent;
-  }
-});
 Object.defineProperty(exports, "useAnnotationClickEvent", {
   enumerable: true,
   get: function get() {
     return _useEvents.useAnnotationClickEvent;
   }
 });
-Object.defineProperty(exports, "useInlineCommentsFilter", {
+Object.defineProperty(exports, "useHasFocusEvent", {
   enumerable: true,
   get: function get() {
-    return _useInlineCommentsFilter.useInlineCommentsFilter;
+    return _useEvents.useHasFocusEvent;
   }
 });
 Object.defineProperty(exports, "useInlineCommentSubscriberContext", {
@@ -27,6 +21,12 @@ Object.defineProperty(exports, "useInlineCommentSubscriberContext", {
     return _useInlineCommentSubscriber.useInlineCommentSubscriberContext;
   }
 });
+Object.defineProperty(exports, "useInlineCommentsFilter", {
+  enumerable: true,
+  get: function get() {
+    return _useInlineCommentsFilter.useInlineCommentsFilter;
+  }
+});
 
 var _useEvents = require("./use-events");
 

package/dist/cjs/ui/annotations/hooks/use-events.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAnnotationClickEvent = exports.useHasFocusEvent = exports.useAnnotationStateByTypeEvent = void 0;
+exports.useHasFocusEvent = exports.useAnnotationStateByTypeEvent = exports.useAnnotationClickEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _types = require("@atlaskit/editor-common/types");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -21,9 +21,9 @@ var _enums = require("../../../analytics/enums");
 
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref) {
   var type = _ref.type,
@@ -56,9 +56,9 @@ var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref)
       setStates(_objectSpread(_objectSpread({}, states), nextStates));
     };
 
-    updateSubscriber.on(_editorCommon.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
+    updateSubscriber.on(_types.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
     return function () {
-      updateSubscriber.off(_editorCommon.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
+      updateSubscriber.off(_types.AnnotationUpdateEvent.SET_ANNOTATION_STATE, cb);
     };
   }, [states, type, updateSubscriber]);
   return states;
@@ -88,11 +88,11 @@ var useHasFocusEvent = function useHasFocusEvent(_ref2) {
       setHasFocus(false);
     };
 
-    updateSubscriber.on(_editorCommon.AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
-    updateSubscriber.on(_editorCommon.AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
+    updateSubscriber.on(_types.AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
+    updateSubscriber.on(_types.AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
     return function () {
-      updateSubscriber.off(_editorCommon.AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
-      updateSubscriber.off(_editorCommon.AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
+      updateSubscriber.off(_types.AnnotationUpdateEvent.SET_ANNOTATION_FOCUS, cb);
+      updateSubscriber.off(_types.AnnotationUpdateEvent.REMOVE_ANNOTATION_FOCUS, removeFocus);
     };
   }, [id, updateSubscriber]);
   return hasFocus;
@@ -141,9 +141,9 @@ var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
       });
     };
 
-    updateSubscriber.on(_editorCommon.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
+    updateSubscriber.on(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
     return function () {
-      updateSubscriber.off(_editorCommon.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
+      updateSubscriber.off(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, cb);
     };
   }, [updateSubscriber, createAnalyticsEvent]);
   return annotationClickEvent;

package/dist/cjs/ui/annotations/hooks/use-load-annotations.js

@@ -11,15 +11,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("react");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _types = require("@atlaskit/editor-common/types");
 
 var _context = require("../context");
 
 var _RendererActionsContext = require("../../RendererActionsContext");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useLoadAnnotations = function useLoadAnnotations(_ref) {
   var adfDocument = _ref.adfDocument;
@@ -51,7 +51,7 @@ var useLoadAnnotations = function useLoadAnnotations(_ref) {
       var payload = data.reduce(function (acc, value) {
         return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, value.id, value));
       }, {});
-      updateSubscriberInlineComment.emit(_editorCommon.AnnotationUpdateEvent.SET_ANNOTATION_STATE, payload);
+      updateSubscriberInlineComment.emit(_types.AnnotationUpdateEvent.SET_ANNOTATION_STATE, payload);
     };
 
     inlineCommentGetState(ids).then(cb);

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

@@ -5,19 +5,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "TextWithAnnotationDraft", {
+Object.defineProperty(exports, "AnnotationMark", {
   enumerable: true,
   get: function get() {
-    return _draft.TextWithAnnotationDraft;
+    return _element.MarkElement;
   }
 });
-Object.defineProperty(exports, "AnnotationMark", {
+exports.AnnotationsWrapper = void 0;
+Object.defineProperty(exports, "TextWithAnnotationDraft", {
   enumerable: true,
   get: function get() {
-    return _element.MarkElement;
+    return _draft.TextWithAnnotationDraft;
   }
 });
-exports.AnnotationsWrapper = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/dist/cjs/utils.js

@@ -5,9 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ADFEncoder = void 0;
 exports.findHorizontalOverflowScrollParent = findHorizontalOverflowScrollParent;
 exports.findInTree = findInTree;
-exports.getPlatform = exports.getEventHandler = exports.getText = exports.ADFEncoder = void 0;
+exports.getText = exports.getPlatform = exports.getEventHandler = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -21,12 +24,11 @@ function createEncoder(parser, encoder) {
   };
 }
 
-var ADFEncoder = function ADFEncoder(createTransformerWithSchema) {
+var ADFEncoder = /*#__PURE__*/(0, _createClass2.default)(function ADFEncoder(createTransformerWithSchema) {
   (0, _classCallCheck2.default)(this, ADFEncoder);
   var transformer = createTransformerWithSchema(_adfSchema.defaultSchema);
   this.encode = createEncoder(transformer, new _editorJsonTransformer.JSONTransformer());
-};
-
+});
 exports.ADFEncoder = ADFEncoder;
 
 var getText = function getText(node) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "83.0.0",
+	"version": "85.0.0",
 	"sideEffects": false
 }

package/dist/es2019/actions/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
-import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common';
+import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common/utils';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { RemoveMarkStep } from 'prosemirror-transform';
 import { createAnnotationStep, getPosFromRange } from '../steps';

package/dist/es2019/analytics/enums.js

@@ -13,6 +13,7 @@ export let ACTION;
   ACTION["STARTED"] = "started";
   ACTION["RENDERED"] = "rendered";
   ACTION["CRASHED"] = "unhandledErrorCaught";
+  ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";
   ACTION["SELECT_ALL_CAUGHT"] = "selectAllCaught";
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["CLICKED"] = "clicked";

package/dist/es2019/analytics/unsupported-content.js

@@ -1,4 +1,4 @@
-import { getUnsupportedContentLevelData, getAnalyticsAppearance } from '@atlaskit/editor-common';
+import { getUnsupportedContentLevelData, getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './enums';
 import { PLATFORM } from './events';
 let rendersMap = {};

package/dist/es2019/messages.js

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

package/dist/es2019/react/index.js

@@ -6,7 +6,8 @@ import { isNestedHeaderLinksEnabled } from './utils/links';
 import { Doc, DocWithSelectAllTrap, mergeTextNodes, isTextWrapper, isTextNode, toReact } from './nodes';
 import TextWrapperComponent from './nodes/text-wrapper';
 import { toReact as markToReact, isAnnotationMark } from './marks';
-import { getMarksByOrder, isSameMark, calcTableColumnWidths } from '@atlaskit/editor-common';
+import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
+import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { getText } from '../utils';
 import { findChildrenByType } from 'prosemirror-utils';
 import { insideBreakoutLayout } from './renderer-node';

package/dist/es2019/react/marks/breakout.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
-import { calcBreakoutWidth, WidthConsumer } from '@atlaskit/editor-common';
+import { WidthConsumer } from '@atlaskit/editor-common/ui';
+import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 export const Wrapper = styled.div`
   margin: ${blockNodesVerticalMargin} 0;

package/dist/es2019/react/marks/code.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import AkCode from '@atlaskit/code/inline';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { useFeatureFlags } from '../../use-feature-flags';

package/dist/es2019/react/marks/textColor.js

@@ -1,9 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useMemo } from 'react';
 export default function TextColor(props) {
+  const style = useMemo(() => ({
+    ['--custom-text-color']: props.color
+  }), [props.color]);
   return /*#__PURE__*/React.createElement("span", _extends({}, props.dataAttributes, {
-    style: {
-      color: props.color
-    }
+    "data-text-custom-color": props.color,
+    className: "fabric-text-color-mark",
+    style: style
   }), props.children);
 }

package/dist/es2019/react/nodes/blockCard.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
 import { Card } from '@atlaskit/smart-card';
-import { UnsupportedBlock } from '@atlaskit/editor-common';
+import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { getPlatform } from '../../utils';
 import { CardErrorBoundary } from './fallback';
 import { getCardClickHandler } from '../utils/getCardClickHandler';

package/dist/es2019/react/nodes/caption.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Caption } from '@atlaskit/editor-common';
+import { Caption } from '@atlaskit/editor-common/ui';
 
 const RenderCaption = ({
   children,

package/dist/es2019/react/nodes/codeBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
 import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

package/dist/es2019/react/nodes/codeBlockCopyButton.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/es2019/react/nodes/date.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { PureComponent } from 'react';
-import { isPastDate, timestampToString, timestampToTaskContext, DateSharedCssClassName } from '@atlaskit/editor-common';
-import { injectIntl } from 'react-intl';
+import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+import { injectIntl } from 'react-intl-next';
 
 class Date extends PureComponent {
   render() {

package/dist/es2019/react/nodes/embedCard.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo, useContext, useState, useRef } from 'react';
 import { Card, Context as CardContext, EmbedResizeMessageListener } from '@atlaskit/smart-card';
-import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common';
+import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, getAkEditorFullPageMaxWidth } from '@atlaskit/editor-shared-styles';
 import { getPlatform } from '../../utils';
 import { CardErrorBoundary } from './fallback';

package/dist/es2019/react/nodes/emoji.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PureComponent } from 'react';
-import { Emoji } from '@atlaskit/editor-common';
+import { Emoji } from '@atlaskit/editor-common/emoji';
 export default class EmojiItem extends PureComponent {
   render() {
     const {

package/dist/es2019/react/nodes/extension.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
-import { calcBreakoutWidth, overflowShadow, WidthConsumer } from '@atlaskit/editor-common';
+import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
+import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 export const renderExtension = (content, layout, options = {}, removeOverflow) => {
   const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : ''; // by default, we assume the extension is at top level, (direct child of doc node)

package/dist/es2019/react/nodes/heading-anchor.js

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import { N200, N500, B400 } from '@atlaskit/theme/colors';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import Tooltip from '@atlaskit/tooltip';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { headingAnchorLinkMessages } from '../../messages';
 export const HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
 const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {

package/dist/es2019/react/nodes/index.js

@@ -1,7 +1,7 @@
+import Loadable from 'react-loadable';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';
 import BulletList from './bulletList';
-import DecisionList from './decisionList';
 import Doc, { DocWithSelectAllTrap } from './doc';
 import Extension from './extension';
 import HardBreak from './hardBreak';
@@ -10,33 +10,40 @@ import InlineExtension from './inlineExtension';
 import LayoutSection from './layoutSection';
 import LayoutColumn from './layoutColumn';
 import ListItem from './listItem';
-import MediaSingle from './mediaSingle';
 import Caption from './caption';
 import OrderedList from './orderedList';
-import Panel from './panel';
 import Paragraph from './paragraph';
 import Placeholder from './placeholder';
 import Rule from './rule';
-import TaskList from './taskList';
 import Table from './table';
 import { TableCell, TableHeader } from './tableCell';
 import TableRow from './tableRow';
 import UnknownBlock from './unknownBlock';
-import Loadable from 'react-loadable';
-import EmbedCard from './embedCard';
-import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common';
+import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
 const CodeBlock = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_renderer-node_CodeBlock" */
   './codeBlock').then(mod => mod.default),
   loading: () => null
 });
+const TaskList = Loadable({
+  loader: () => import(
+  /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskList" */
+  './taskList').then(mod => mod.default),
+  loading: () => null
+});
 const TaskItem = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskItem" */
   './taskItem').then(mod => mod.default),
   loading: () => null
 });
+const DecisionList = Loadable({
+  loader: () => import(
+  /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionList" */
+  './decisionList').then(mod => mod.default),
+  loading: () => null
+});
 const DecisionItem = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionItem" */
@@ -61,6 +68,18 @@ const Emoji = Loadable({
   './emoji').then(mod => mod.default),
   loading: () => null
 });
+const Panel = Loadable({
+  loader: () => import(
+  /* webpackChunkName: "@atlaskit-internal_renderer-node_Panel" */
+  './panel').then(mod => mod.default),
+  loading: () => null
+});
+const EmbedCard = Loadable({
+  loader: () => import(
+  /* webpackChunkName: "@atlaskit-internal_renderer-node_EmbedCard" */
+  './embedCard').then(mod => mod.default),
+  loading: () => null
+});
 const InlineCard = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_renderer-node_InlineCard" */
@@ -91,6 +110,12 @@ const MediaInline = Loadable({
   './mediaInline').then(mod => mod.default),
   loading: () => null
 });
+const MediaSingle = Loadable({
+  loader: () => import(
+  /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaSingle" */
+  './mediaSingle').then(mod => mod.default),
+  loading: () => null
+});
 const Mention = Loadable({
   loader: () => import(
   /* webpackChunkName: "@atlaskit-internal_renderer-node_Mention" */

package/dist/es2019/react/nodes/inlineCard.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Card } from '@atlaskit/smart-card';
-import { UnsupportedInline } from '@atlaskit/editor-common';
+import { UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';

package/dist/es2019/react/nodes/layoutColumn.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WidthProvider, ClearNextSiblingMarginTop } from '@atlaskit/editor-common';
+import { WidthProvider, ClearNextSiblingMarginTop } from '@atlaskit/editor-common/ui';
 export default function LayoutSection(props) {
   return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,

package/dist/es2019/react/nodes/media.js

@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
-import { WithProviders, MediaLink } from '@atlaskit/editor-common';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
+import { MediaLink } from '@atlaskit/editor-common/ui';
 import { MediaCard } from '../../ui/MediaCard';
 import { getEventHandler } from '../../utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics/enums';

package/dist/es2019/react/nodes/mediaInline.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { MediaInlineCard } from '@atlaskit/media-card';
-import { WithProviders } from '@atlaskit/editor-common';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 export const RenderMediaInline = props => {
   const {
     mediaProvider

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common';
+import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { akEditorFullWidthLayoutWidth, getAkEditorFullPageMaxWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { Component, default as React } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { FullPagePadding } from '../../../ui/Renderer/style';
 import { ExtendedUIMediaSingle } from './styles';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';

package/dist/es2019/react/nodes/mediaSingle/styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { MediaSingle as UIMediaSingle } from '@atlaskit/editor-common';
+import { MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
 export const ExtendedUIMediaSingle = styled(UIMediaSingle)`
   ${({
   layout

package/dist/es2019/react/nodes/mention.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PureComponent } from 'react';
-import { Mention } from '@atlaskit/editor-common';
+import { Mention } from '@atlaskit/editor-common/mention';
 export default class MentionItem extends PureComponent {
   render() {
     const {