@atlaskit/renderer 84.1.1 → 85.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 85.0.0
+
+### Major Changes
+
+- [`5af69bfe9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5af69bfe9be) - CETI-241 - Added additional panel ADF attributes (panelIconId, panelIconText) to uniquely identify custom panel emojis. The change has been categorised as major since it is a change to the full-schema ADF. However, the custom panel feature is behind a feature flag, has not yet been released to production, and is only currently planned for release to Confluence. See ADF change #61 for further details.
+- [`272a64c6bf0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/272a64c6bf0) - [ux] CETI-166 Increase the standard panel icons size to make it consistent with the emojis in the panel content area
+
+### Minor Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Make DecisionList, TaskList, MediaSingle, EmbedCard and Panel loadable.
+
+### Patch Changes
+
+- [`e221ee215e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e221ee215e7) - fix vertical scroll for firefox when media link is wrapped
+- [`231b3d8b718`](https://bitbucket.org/atlassian/atlassian-frontend/commits/231b3d8b718) - CETI-242 Change the Color palette labels for panel
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - ED-13753 Updated editor-common import entries.
+- Updated dependencies
+
 ## 84.1.1
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -17,7 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
@@ -75,7 +75,7 @@ var RendererActions = /*#__PURE__*/function () {
         return false;
       }
 
-      return (0, _editorCommon.canApplyAnnotationOnRange)({
+      return (0, _utils.canApplyAnnotationOnRange)({
         from: from,
         to: to
       }, this.doc, this.schema);
@@ -243,7 +243,7 @@ var RendererActions = /*#__PURE__*/function () {
         return [];
       }
 
-      return (0, _editorCommon.getAnnotationIdsFromRange)(pos, this.doc, this.schema);
+      return (0, _utils.getAnnotationIdsFromRange)(pos, this.doc, this.schema);
     }
   }, {
     key: "applyAnnotation",

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.trackUnsupportedContentLevels = void 0;
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _enums = require("./enums");
 
@@ -15,7 +15,7 @@ var rendersMap = {};
 
 var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dispatchAnalyticsEvent) {
   try {
-    var _getUnsupportedConten = (0, _editorCommon.getUnsupportedContentLevelData)(item.doc, thresholds),
+    var _getUnsupportedConten = (0, _utils.getUnsupportedContentLevelData)(item.doc, thresholds),
         severity = _getUnsupportedConten.severity,
         percentage = _getUnsupportedConten.percentage,
         _getUnsupportedConten2 = _getUnsupportedConten.counts,
@@ -26,7 +26,7 @@ var processLevelsAndTrack = function processLevelsAndTrack(item, thresholds, dis
       action: _enums.ACTION.UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED,
       actionSubject: _enums.ACTION_SUBJECT.RENDERER,
       attributes: {
-        appearance: (0, _editorCommon.getAnalyticsAppearance)(item.appearance),
+        appearance: (0, _utils.getAnalyticsAppearance)(item.appearance),
         platform: _events.PLATFORM.WEB,
         unsupportedContentLevelSeverity: severity,
         unsupportedContentLevelPercentage: percentage,

package/dist/cjs/react/index.js

@@ -31,9 +31,11 @@ var _textWrapper = _interopRequireDefault(require("./nodes/text-wrapper"));
 
 var _marks = require("./marks");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _validator = require("@atlaskit/editor-common/validator");
 
-var _utils = require("../utils");
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _utils2 = require("../utils");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -41,15 +43,17 @@ var _rendererNode = require("./renderer-node");
 
 var _code = require("./marks/code");
 
-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; }
+var _excluded = ["key"];
+
+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; }
 
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
     var prev = acc.length && acc[acc.length - 1] || null;
 
-    if (markOrNode.type instanceof _prosemirrorModel.MarkType && prev && prev.type instanceof _prosemirrorModel.MarkType && Array.isArray(prev.content) && (0, _editorCommon.isSameMark)(prev, markOrNode)) {
+    if (markOrNode.type instanceof _prosemirrorModel.MarkType && prev && prev.type instanceof _prosemirrorModel.MarkType && Array.isArray(prev.content) && (0, _validator.isSameMark)(prev, markOrNode)) {
       prev.content = mergeMarks(prev.content.concat(markOrNode.content));
     } else {
       acc.push(markOrNode);
@@ -152,7 +156,7 @@ var ReactSerializer = /*#__PURE__*/function () {
 
       var _mark$attrs = mark.attrs,
           key = _mark$attrs.key,
-          otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, ["key"]);
+          otherAttrs = (0, _objectWithoutProperties2.default)(_mark$attrs, _excluded);
       var extraProps = {
         isInline: node === null || node === void 0 ? void 0 : node.isInline
       }; // currently the only mark which has custom props is the code mark
@@ -388,7 +392,7 @@ var ReactSerializer = /*#__PURE__*/function () {
       var stickyHeaders = !(0, _rendererNode.insideBreakoutLayout)(path) ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
-        columnWidths: (0, _editorCommon.calcTableColumnWidths)(node),
+        columnWidths: (0, _utils.calcTableColumnWidths)(node),
         tableNode: node,
         stickyHeaders: stickyHeaders
       });
@@ -626,7 +630,7 @@ var ReactSerializer = /*#__PURE__*/function () {
 
 
       var nodeContent = node.content.toJSON().reduce(function (acc, node) {
-        return acc.concat((0, _utils.getText)(node) || '');
+        return acc.concat((0, _utils2.getText)(node) || '');
       }, '').trim().replace(/\s/g, '-');
 
       if (!nodeContent) {
@@ -670,7 +674,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         return [];
       }
 
-      return (0, _editorCommon.getMarksByOrder)(node.marks);
+      return (0, _validator.getMarksByOrder)(node.marks);
     }
   }, {
     key: "buildMarkStructure",

package/dist/cjs/react/marks/annotation.js

@@ -17,9 +17,9 @@ var _adfSchema = require("@atlaskit/adf-schema");
 
 var _annotations = require("../../ui/annotations");
 
-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 isAnnotationMark = function isAnnotationMark(mark) {
   return mark && mark.type && mark.type.name === 'annotation';

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

@@ -14,7 +14,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -25,12 +27,12 @@ var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject
 exports.Wrapper = Wrapper;
 
 function Breakout(props) {
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, function (_ref) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return /*#__PURE__*/_react.default.createElement(Wrapper, {
       "data-mode": props.mode,
       style: {
-        width: (0, _editorCommon.calcBreakoutWidth)(props.mode, width)
+        width: (0, _utils.calcBreakoutWidth)(props.mode, width)
       },
       className: "fabric-editor-breakout-mark fabric-editor-block-mark"
     }, props.children);

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

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _utils = require("../../utils");
 
@@ -49,7 +49,7 @@ function BlockCard(props) {
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
   }, /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
-    unsupportedComponent: _editorCommon.UnsupportedBlock
+    unsupportedComponent: _ui.UnsupportedBlock
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "block",
     showActions: rendererAppearance !== 'mobile',

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

@@ -9,12 +9,12 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var RenderCaption = function RenderCaption(_ref) {
   var children = _ref.children,
       dataAttributes = _ref.dataAttributes;
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.Caption, {
+  return /*#__PURE__*/_react.default.createElement(_ui.Caption, {
     hasContent: true,
     dataAttributes: dataAttributes
   }, children);

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

@@ -21,7 +21,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -50,14 +52,14 @@ var Date = /*#__PURE__*/function (_PureComponent) {
           timestamp = _this$props.timestamp,
           parentIsIncompleteTask = _this$props.parentIsIncompleteTask,
           intl = _this$props.intl;
-      var className = !!parentIsIncompleteTask && (0, _editorCommon.isPastDate)(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
+      var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
       return /*#__PURE__*/_react.default.createElement("span", {
-        className: _editorCommon.DateSharedCssClassName.DATE_WRAPPER
+        className: _styles.DateSharedCssClassName.DATE_WRAPPER
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: className,
         "data-node-type": "date",
         "data-timestamp": timestamp
-      }, parentIsIncompleteTask ? (0, _editorCommon.timestampToTaskContext)(timestamp, intl) : (0, _editorCommon.timestampToString)(timestamp, intl)));
+      }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl) : (0, _utils.timestampToString)(timestamp, intl)));
     }
   }]);
   return Date;

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

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -42,7 +42,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var EmbedCardWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n\n  > div {\n    height: 100%;\n  }\n\n  .loader-wrapper {\n    height: 100%;\n  }\n\n  margin: 0 auto;\n"])));
 
 EmbedCardWrapper.displayName = 'EmbedCardWrapper';
-var ExtendedEmbedCard = (0, _styledComponents.default)(_editorCommon.MediaSingle)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (_ref) {
+var ExtendedEmbedCard = (0, _styledComponents.default)(_ui.MediaSingle)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), function (_ref) {
   var layout = _ref.layout;
   return layout === 'full-width' || layout === 'wide' ? "\n  margin-left: 50%;\n  transform: translateX(-50%);\n  " : "";
 });
@@ -126,7 +126,7 @@ function EmbedCard(props) {
     setAspectRatio(resolvedAspectRatio);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, function (_ref3) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref3) {
     var containerWidth = _ref3.width,
         breakpoint = _ref3.breakpoint;
     var nonFullWidthSize = containerWidth;
@@ -136,7 +136,7 @@ function EmbedCard(props) {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _editorSharedStyles.akEditorDefaultLayoutWidth;
 
       if (isContainerSizeGreaterThanMaxFullPageWidth && allowDynamicTextSizing) {
-        nonFullWidthSize = (0, _editorCommon.mapBreakpointToLayoutMaxWidth)(breakpoint);
+        nonFullWidthSize = (0, _ui.mapBreakpointToLayoutMaxWidth)(breakpoint);
       } else if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = (0, _editorSharedStyles.getAkEditorFullPageMaxWidth)(allowDynamicTextSizing);
       } else {
@@ -146,7 +146,7 @@ function EmbedCard(props) {
 
     var lineLength = isFullWidth ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     return /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
-      unsupportedComponent: _editorCommon.UnsupportedBlock
+      unsupportedComponent: _ui.UnsupportedBlock
     }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
       embedIframeRef: embedIframeRef,
       onHeightUpdate: setLiveHeight

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

@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _emoji = require("@atlaskit/editor-common/emoji");
 
 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); }
 
@@ -50,7 +50,7 @@ var EmojiItem = /*#__PURE__*/function (_PureComponent) {
           shortName = _this$props.shortName,
           text = _this$props.text,
           fitToHeight = _this$props.fitToHeight;
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.Emoji, {
+      return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
         allowTextFallback: true,
         id: id,
         shortName: shortName,

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

@@ -13,7 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _consts = require("../../consts");
 
@@ -27,13 +29,13 @@ var renderExtension = function renderExtension(content, layout) {
       isTopLevel = _ref$isTopLevel === void 0 ? true : _ref$isTopLevel;
 
   var centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, function (_ref2) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: options.handleRef,
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
-        width: isTopLevel ? (0, _editorCommon.calcBreakoutWidth)(layout, width) : '100%'
+        width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -81,7 +83,7 @@ var Extension = function Extension(props) {
   });
 };
 
-var _default = (0, _editorCommon.overflowShadow)(Extension, {
+var _default = (0, _ui.overflowShadow)(Extension, {
   overflowSelector: ".".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
 });
 

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

@@ -47,6 +47,8 @@ var _messages = require("../../messages");
 
 var _templateObject;
 
+var _excluded = ["children"];
+
 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); }; }
 
 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; } }
@@ -56,7 +58,7 @@ exports.HeadingAnchorWrapperClassName = HeadingAnchorWrapperClassName;
 
 var CopyAnchorWrapperWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, ["children"]);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
     className: HeadingAnchorWrapperClassName,
     ref: ref

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

@@ -30,13 +30,7 @@ Object.defineProperty(exports, "Caption", {
     return _caption.default;
   }
 });
-exports.DecisionItem = exports.Date = exports.CodeBlock = void 0;
-Object.defineProperty(exports, "DecisionList", {
-  enumerable: true,
-  get: function get() {
-    return _decisionList.default;
-  }
-});
+exports.DecisionList = exports.DecisionItem = exports.Date = exports.CodeBlock = void 0;
 Object.defineProperty(exports, "Doc", {
   enumerable: true,
   get: function get() {
@@ -49,13 +43,7 @@ Object.defineProperty(exports, "DocWithSelectAllTrap", {
     return _doc.DocWithSelectAllTrap;
   }
 });
-Object.defineProperty(exports, "EmbedCard", {
-  enumerable: true,
-  get: function get() {
-    return _embedCard.default;
-  }
-});
-exports.Expand = exports.Emoji = void 0;
+exports.Expand = exports.Emoji = exports.EmbedCard = void 0;
 Object.defineProperty(exports, "Extension", {
   enumerable: true,
   get: function get() {
@@ -99,26 +87,14 @@ Object.defineProperty(exports, "ListItem", {
     return _listItem.default;
   }
 });
-exports.MediaInline = exports.MediaGroup = exports.Media = void 0;
-Object.defineProperty(exports, "MediaSingle", {
-  enumerable: true,
-  get: function get() {
-    return _mediaSingle.default;
-  }
-});
-exports.Mention = void 0;
+exports.Mention = exports.MediaSingle = exports.MediaInline = exports.MediaGroup = exports.Media = void 0;
 Object.defineProperty(exports, "OrderedList", {
   enumerable: true,
   get: function get() {
     return _orderedList.default;
   }
 });
-Object.defineProperty(exports, "Panel", {
-  enumerable: true,
-  get: function get() {
-    return _panel.default;
-  }
-});
+exports.Panel = void 0;
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
   get: function get() {
@@ -156,13 +132,7 @@ Object.defineProperty(exports, "TableRow", {
     return _tableRow.default;
   }
 });
-exports.TaskItem = void 0;
-Object.defineProperty(exports, "TaskList", {
-  enumerable: true,
-  get: function get() {
-    return _taskList.default;
-  }
-});
+exports.TaskList = exports.TaskItem = void 0;
 Object.defineProperty(exports, "UnknownBlock", {
   enumerable: true,
   get: function get() {
@@ -175,14 +145,14 @@ exports.toReact = exports.nodeToReact = exports.mergeTextNodes = exports.isTextW
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+
 var _blockquote = _interopRequireDefault(require("./blockquote"));
 
 var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
 
 var _bulletList = _interopRequireDefault(require("./bulletList"));
 
-var _decisionList = _interopRequireDefault(require("./decisionList"));
-
 var _doc = _interopRequireWildcard(require("./doc"));
 
 var _extension = _interopRequireDefault(require("./extension"));
@@ -199,22 +169,16 @@ var _layoutColumn = _interopRequireDefault(require("./layoutColumn"));
 
 var _listItem = _interopRequireDefault(require("./listItem"));
 
-var _mediaSingle = _interopRequireDefault(require("./mediaSingle"));
-
 var _caption = _interopRequireDefault(require("./caption"));
 
 var _orderedList = _interopRequireDefault(require("./orderedList"));
 
-var _panel = _interopRequireDefault(require("./panel"));
-
 var _paragraph = _interopRequireDefault(require("./paragraph"));
 
 var _placeholder = _interopRequireDefault(require("./placeholder"));
 
 var _rule = _interopRequireDefault(require("./rule"));
 
-var _taskList = _interopRequireDefault(require("./taskList"));
-
 var _table = _interopRequireDefault(require("./table"));
 
 var _tableCell = require("./tableCell");
@@ -223,11 +187,7 @@ var _tableRow = _interopRequireDefault(require("./tableRow"));
 
 var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
 
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-
-var _embedCard = _interopRequireDefault(require("./embedCard"));
-
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 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); }
 
@@ -246,6 +206,19 @@ var CodeBlock = (0, _reactLoadable.default)({
   }
 });
 exports.CodeBlock = CodeBlock;
+var TaskList = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./taskList'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.TaskList = TaskList;
 var TaskItem = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -259,6 +232,19 @@ var TaskItem = (0, _reactLoadable.default)({
   }
 });
 exports.TaskItem = TaskItem;
+var DecisionList = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./decisionList'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.DecisionList = DecisionList;
 var DecisionItem = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -311,6 +297,32 @@ var Emoji = (0, _reactLoadable.default)({
   }
 });
 exports.Emoji = Emoji;
+var Panel = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./panel'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.Panel = Panel;
+var EmbedCard = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./embedCard'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.EmbedCard = EmbedCard;
 var InlineCard = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -376,6 +388,19 @@ var MediaInline = (0, _reactLoadable.default)({
   }
 });
 exports.MediaInline = MediaInline;
+var MediaSingle = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./mediaSingle'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.MediaSingle = MediaSingle;
 var Mention = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -410,7 +435,7 @@ var nodeToReact = {
   codeBlock: CodeBlock,
   date: Date,
   decisionItem: DecisionItem,
-  decisionList: _decisionList.default,
+  decisionList: DecisionList,
   doc: _doc.default,
   emoji: Emoji,
   extension: _extension.default,
@@ -425,26 +450,26 @@ var nodeToReact = {
   media: Media,
   mediaGroup: MediaGroup,
   mediaInline: MediaInline,
-  mediaSingle: _mediaSingle.default,
+  mediaSingle: MediaSingle,
   mention: Mention,
   orderedList: _orderedList.default,
-  panel: _panel.default,
+  panel: Panel,
   paragraph: _paragraph.default,
   placeholder: _placeholder.default,
   rule: _rule.default,
   status: Status,
   taskItem: TaskItem,
-  taskList: _taskList.default,
+  taskList: TaskList,
   table: _table.default,
   tableCell: _tableCell.TableCell,
   tableHeader: _tableCell.TableHeader,
   tableRow: _tableRow.default,
   unknownBlock: _unknownBlock.default,
-  unsupportedBlock: _editorCommon.UnsupportedBlock,
-  unsupportedInline: _editorCommon.UnsupportedInline,
+  unsupportedBlock: _ui.UnsupportedBlock,
+  unsupportedInline: _ui.UnsupportedInline,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: _embedCard.default
+  embedCard: EmbedCard
 };
 exports.nodeToReact = nodeToReact;
 

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _fallback = require("./fallback");
 
@@ -38,7 +38,7 @@ var InlineCard = function InlineCard(props) {
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
   }, /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
-    unsupportedComponent: _editorCommon.UnsupportedInline
+    unsupportedComponent: _ui.UnsupportedInline
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "inline"
   }, cardProps, {