@atlaskit/renderer 149.0.4 → 149.0.5

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

@@ -10,16 +10,18 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _ui = require("@atlaskit/editor-common/ui");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _HoverLinkOverlay = _interopRequireDefault(require("@atlaskit/editor-common/HoverLinkOverlay"));
+var _context = require("@atlaskit/editor-common/provider-factory/context");
+var _UnsupportedInline = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedInline"));
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _extractSmartLinkEmbed = require("@atlaskit/link-extractors/extract-smart-link-embed");
 var _useSmartCardContext = require("@atlaskit/link-provider/use-smart-card-context");
 var _isWithinPreviewPanelIframe = require("@atlaskit/linking-common/utils/is-within-preview-panel-iframe");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _smartCard = require("@atlaskit/smart-card");
-var _hooks = require("@atlaskit/smart-card/hooks");
+var _lazy = require("@atlaskit/smart-card/card/lazy");
+var _useSmartLinkActions = require("@atlaskit/smart-card/hook/use-smart-link-actions");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
@@ -49,7 +51,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
   var cardContext = (0, _useSmartCardContext.useSmartCardContext)();
   // Note: useSmartLinkActions throws without smart card context. Using it here is safe
   // because we checked cardContext availability in the parent component
-  var actions = (0, _hooks.useSmartLinkActions)({
+  var actions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: 'inline'
   });
@@ -64,10 +66,10 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
       var store = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store;
       var urlState = store === null || store === void 0 ? void 0 : store.getState()[url || ''];
       fireAnalyticsEvent({
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.SMART_LINK,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.HOVER_LABEL,
-        eventType: _analytics.EVENT_TYPE.UI,
+        action: _enums.ACTION.CLICKED,
+        actionSubject: _enums.ACTION_SUBJECT.SMART_LINK,
+        actionSubjectId: _enums.ACTION_SUBJECT_ID.HOVER_LABEL,
+        eventType: _enums.EVENT_TYPE.UI,
         attributes: {
           previewType: previewType,
           destinationProduct: (_urlState$details$met = urlState === null || urlState === void 0 || (_urlState$details = urlState.details) === null || _urlState$details === void 0 || (_urlState$details = _urlState$details.meta) === null || _urlState$details === void 0 ? void 0 : _urlState$details.product) !== null && _urlState$details$met !== void 0 ? _urlState$details$met : null,
@@ -99,7 +101,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
   // When inside preview panel iframe, hide the overlay button
   var isInPreviewPanel = (0, _isWithinPreviewPanelIframe.isWithinPreviewPanelIFrame)();
   var showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
-  var Overlay = isPreviewAvailable ? _ui.HoverLinkOverlay : HoverLinkOverlayNoop;
+  var Overlay = isPreviewAvailable ? _HoverLinkOverlay.default : HoverLinkOverlayNoop;
   return (0, _react2.jsx)(Overlay, {
     isVisible: isResolvedViewRendered,
     url: url,
@@ -145,7 +147,7 @@ var InlineCard = function InlineCard(props) {
     onSetLinkTarget = props.onSetLinkTarget;
   var portal = (0, _PortalContext.usePortal)(props);
   var cardContext = (0, _useSmartCardContext.useSmartCardContext)();
-  var provider = (0, _providerFactory.useProvider)('cardProvider');
+  var provider = (0, _context.useProvider)('cardProvider');
   var SuspenseWrapperForUrl = smartLinks === null || smartLinks === void 0 ? void 0 : smartLinks.SuspenseWrapperForUrl;
 
   // Helper fn to conditionally wrap cards when suspense boundary is passed in via product
@@ -313,7 +315,7 @@ var InlineCard = function InlineCard(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, inlineAnnotationProps), (0, _react2.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
-    unsupportedComponent: _ui.UnsupportedInline
+    unsupportedComponent: _UnsupportedInline.default
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
@@ -324,7 +326,7 @@ var InlineCard = function InlineCard(props) {
     rendererAppearance: rendererAppearance,
     isResolvedViewRendered: isResolvedViewRendered,
     fireAnalyticsEvent: fireAnalyticsEvent
-  }, wrapWithSuspense((0, _react2.jsx)(_smartCard.Card, (0, _extends2.default)({
+  }, wrapWithSuspense((0, _react2.jsx)(_lazy.Card, (0, _extends2.default)({
     appearance: "inline",
     showHoverPreview: !hideHoverPreview,
     actionOptions: actionOptions,

package/dist/cjs/react/nodes/layoutColumn-compiled.js

@@ -15,7 +15,7 @@ exports.LayoutSectionCompiled = void 0;
 require("./layoutColumn-compiled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _WidthProvider = require("@atlaskit/editor-common/WidthProvider");
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
 var clearNextSiblingMarginTopStyle = null;
 var verticalAlignMiddleStyles = null;
@@ -35,7 +35,7 @@ var LayoutSectionCompiled = exports.LayoutSectionCompiled = function LayoutSecti
       flexBasis: "".concat(props.width, "%")
     },
     className: (0, _runtime.ax)([props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", "_1tihidpf _12kpidpf"])
-  }, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_WidthProvider.WidthProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     "data-layout-column-start": "true",
     className: (0, _runtime.ax)(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/cjs/react/nodes/layoutColumn-emotion.js

@@ -8,7 +8,7 @@ exports.LayoutSectionEmotion = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _ui = require("@atlaskit/editor-common/ui");
+var _WidthProvider = require("@atlaskit/editor-common/WidthProvider");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -67,7 +67,7 @@ var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSection
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
     props.valign === 'middle' && verticalAlignMiddleStyles, props.valign === 'bottom' && verticalAlignBottomStyles, multipleWrappedImagesStyle]
-  }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
+  }, (0, _react2.jsx)(_WidthProvider.WidthProvider, null, (0, _react2.jsx)("div", {
     "data-layout-column-start": "true",
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

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

@@ -20,12 +20,15 @@ var _react2 = require("@emotion/react");
 var _annotation = require("@atlaskit/adf-schema/annotation");
 var _MediaAnalyticsContext = require("@atlaskit/analytics-namespaced-context/MediaAnalyticsContext");
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _types = require("@atlaskit/editor-common/types");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _inlineCommentEvents = require("@atlaskit/editor-common/analytics/types/inline-comment-events");
+var _CommentBadgeNext = require("@atlaskit/editor-common/media-single/CommentBadgeNext");
+var _ExternalImageBadge = require("@atlaskit/editor-common/media-single/ExternalImageBadge");
+var _MediaBadges = require("@atlaskit/editor-common/media-single/MediaBadges");
+var _styled = require("@atlaskit/editor-common/MediaSingle/styled");
+var _withProviders = require("@atlaskit/editor-common/provider-factory/with-providers");
+var _emitter = require("@atlaskit/editor-common/types/emitter");
+var _border = require("@atlaskit/editor-palette/border");
 var _events = require("../../../analytics/events");
 var _AnnotationRangeContext = require("../../../ui/annotations/contexts/AnnotationRangeContext");
 var _useInlineCommentSubscriber = require("../../../ui/annotations/hooks/use-inline-comment-subscriber");
@@ -79,7 +82,7 @@ var MediaBorder = function MediaBorder(_ref) {
   }
   var borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
   var borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
-  var paletteColorValue = (0, _editorPalette.hexToEditorBorderPaletteColor)(borderColor) || borderColor;
+  var paletteColorValue = (0, _border.hexToEditorBorderPaletteColor)(borderColor) || borderColor;
   var borderRadius = "var(--ds-radius-large, 8px)";
   return (0, _react2.jsx)("div", {
     "data-mark-type": "border",
@@ -91,7 +94,7 @@ var MediaBorder = function MediaBorder(_ref) {
       borderRadius: borderRadius,
       boxShadow: "0 0 0 ".concat(borderWidth, "px ").concat(paletteColorValue)
     }
-  }, (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
+  }, (0, _react2.jsx)(_styled.MediaBorderGapFiller, {
     borderColor: borderColor
   }), children);
 };
@@ -208,18 +211,18 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
   var onClick = function onClick(e) {
     e.preventDefault();
     if (updateSubscriber) {
-      updateSubscriber.emit(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
+      updateSubscriber.emit(_emitter.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, {
         annotationIds: activeParentIds,
         // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
         eventTarget: e.target,
         // use mediaSingle here to align with annotation viewed event dispatched in editor
         eventTargetType: 'mediaSingle',
-        viewMethod: _analytics.VIEW_METHOD.BADGE
+        viewMethod: _inlineCommentEvents.VIEW_METHOD.BADGE
       });
     }
   };
-  return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext
+  return (0, _react2.jsx)(_CommentBadgeNext.CommentBadgeNext
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   , (0, _extends2.default)({
     onMouseEnter: function onMouseEnter() {
@@ -322,14 +325,14 @@ var Media = /*#__PURE__*/function (_PureComponent) {
           // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"
           remixSource: dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att === void 0 ? void 0 : _dataConsumerMark$att[0]
         })
-      }, (0, _react2.jsx)(_mediaSingle.MediaBadges, {
+      }, (0, _react2.jsx)(_MediaBadges.MediaBadges, {
         mediaElement: mediaSingleElement,
         mediaWidth: width,
         mediaHeight: height,
         useMinimumZIndex: true
       }, function (_ref7) {
         var visible = _ref7.visible;
-        return (0, _react2.jsx)(_react.default.Fragment, null, visible && (0, _react2.jsx)(_mediaSingle.ExternalImageBadge, {
+        return (0, _react2.jsx)(_react.default.Fragment, null, visible && (0, _react2.jsx)(_ExternalImageBadge.ExternalImageBadge, {
           type: _this.props.type,
           url: _this.props.type === 'external' ? _this.props.url : undefined
         }), showCommentBadge && (0, _react2.jsx)(CommentBadgeWrapper, {
@@ -360,10 +363,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         marks = _this$props4.marks;
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({
-          action: _analytics.ACTION.VISITED,
-          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.LINK,
-          eventType: _analytics.EVENT_TYPE.TRACK,
+          action: _enums.ACTION.VISITED,
+          actionSubject: _enums.ACTION_SUBJECT.MEDIA,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.LINK,
+          eventType: _enums.EVENT_TYPE.TRACK,
           attributes: {
             platform: _events.PLATFORM.WEB,
             mode: _events.MODE.RENDERER
@@ -393,10 +396,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       var infographicType = dataConsumerMark === null || dataConsumerMark === void 0 || (_dataConsumerMark$att2 = dataConsumerMark.attrs.sources) === null || _dataConsumerMark$att2 === void 0 ? void 0 : _dataConsumerMark$att2[0];
       if (infographicType && this.props.fireAnalyticsEvent) {
         this.props.fireAnalyticsEvent({
-          action: _analytics.ACTION.RENDERED,
-          actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
+          action: _enums.ACTION.RENDERED,
+          actionSubject: _enums.ACTION_SUBJECT.MEDIA,
           actionSubjectId: this.props.id,
-          eventType: _analytics.EVENT_TYPE.TRACK,
+          eventType: _enums.EVENT_TYPE.TRACK,
           attributes: {
             infographicType: infographicType,
             pageMode: 'view',
@@ -431,7 +434,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       if (!providers) {
         return this.renderCard();
       }
-      return (0, _react2.jsx)(_providerFactory.WithProviders
+      return (0, _react2.jsx)(_withProviders.WithProviders
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],

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

@@ -15,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _cardDimensions = require("@atlaskit/media-card/cardDimensions");
-var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
+var _filmstripView = require("@atlaskit/media-filmstrip/filmstrip-view");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -148,7 +148,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
       var surroundingItems = (childIdentifiers || []).filter(function (identifier) {
         return !!identifier;
       });
-      return /*#__PURE__*/_react.default.createElement(_mediaFilmstrip.FilmstripView, {
+      return /*#__PURE__*/_react.default.createElement(_filmstripView.FilmstripView, {
         animate: animate,
         offset: offset,
         onSize: this.handleSize,

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

@@ -14,14 +14,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _mediaInlineImageCard = require("@atlaskit/editor-common/media-inline-image-card");
+var _context2 = require("@atlaskit/editor-common/provider-factory/context");
 var _loader = _interopRequireDefault(require("@atlaskit/media-card/loader"));
 var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
 var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
 var _LoadingView = require("@atlaskit/media-ui/LoadingView");
-var _enums = require("../../analytics/enums");
+var _enums2 = require("../../analytics/enums");
 var _MediaCard = require("../../ui/MediaCard");
 var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
@@ -44,7 +44,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     fileState = _useState4[0],
     setFileState = _useState4[1];
   var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
-  var contextIdentifierProvider = (0, _providerFactory.useProvider)('contextIdentifierProvider');
+  var contextIdentifierProvider = (0, _context2.useProvider)('contextIdentifierProvider');
   var ssrMediaItem = (0, _react.useMemo)(function () {
     var _ssr$ssrMediaItems;
     return ssr === null || ssr === void 0 || (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(function (item) {
@@ -194,10 +194,10 @@ var MediaInline = function MediaInline(props) {
     var borderColor = (_borderMark$attrs$col = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color) !== null && _borderMark$attrs$col !== void 0 ? _borderMark$attrs$col : '';
     var borderSize = (_borderMark$attrs$siz = borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size) !== null && _borderMark$attrs$siz !== void 0 ? _borderMark$attrs$siz : 0;
     return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
-      component: _enums.ACTION_SUBJECT.RENDERER,
-      componentId: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
+      component: _enums2.ACTION_SUBJECT.RENDERER,
+      componentId: _enums.ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
       createAnalyticsEvent: createAnalyticsEvent
-    }, /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
+    }, /*#__PURE__*/_react.default.createElement(_mediaInlineImageCard.MediaInlineImageCard, {
       mediaClient: ssr !== null && ssr !== void 0 && ssr.config ? (0, _getMediaClient.getMediaClient)(ssr.config) : mediaClient,
       identifier: identifier,
       alt: alt,

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

@@ -11,9 +11,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
+var _MediaSingle = _interopRequireDefault(require("@atlaskit/editor-common/MediaSingle"));
+var _WidthProvider = require("@atlaskit/editor-common/WidthProvider");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _AnnotationHoverContext = require("../../../ui/annotations/contexts/AnnotationHoverContext");
 var _AnnotationRangeContext = require("../../../ui/annotations/contexts/AnnotationRangeContext");
@@ -72,11 +73,11 @@ var getMediaContainerWidth = exports.getMediaContainerWidth = function getMediaC
     // SSR mode fallback to default layout width
     switch (layout) {
       case 'full-width':
-        return _editorSharedStyles.akEditorFullWidthLayoutWidth;
+        return _constants.akEditorFullWidthLayoutWidth;
       case 'wide':
-        return _editorSharedStyles.akEditorWideLayoutWidth;
+        return _constants.akEditorWideLayoutWidth;
       default:
-        return _editorSharedStyles.akEditorDefaultLayoutWidth;
+        return _constants.akEditorDefaultLayoutWidth;
     }
   }
   return currentContainerWidth;
@@ -148,7 +149,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
         height: "100%"
       };
     } else {
-      var _maxWidth = (0, _coreUtils.isSSR)() && widthAttr && typeof widthAttr === 'number' ? Math.max(widthAttr, containerWidth) : containerWidth;
+      var _maxWidth = (0, _isSsr.isSSR)() && widthAttr && typeof widthAttr === 'number' ? Math.max(widthAttr, containerWidth) : containerWidth;
       var maxHeight = height / width * _maxWidth;
       cardDimensions = {
         width: "".concat(_maxWidth, "px"),
@@ -157,14 +158,14 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
     }
     var nonFullWidthSize = containerWidth;
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
-      var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _editorSharedStyles.akEditorDefaultLayoutWidth;
+      var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _constants.akEditorDefaultLayoutWidth;
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
-        nonFullWidthSize = _editorSharedStyles.akEditorDefaultLayoutWidth;
+        nonFullWidthSize = _constants.akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-    var minWidth = Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding);
+    var minWidth = Math.min(_constants.akEditorFullWidthLayoutWidth, containerWidth - padding);
     var lineLength = isFullWidth ? minWidth : nonFullWidthSize;
     return {
       cardDimensions: cardDimensions,
@@ -221,7 +222,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
   // Note: in SSR mode the `window` object is not defined,
   // therefore width here is 0, see:
   // packages/editor/editor-common/src/ui/WidthProvider/index.tsx
-  var _useContext = (0, _react.useContext)(_ui.WidthContext),
+  var _useContext = (0, _react.useContext)(_WidthProvider.WidthContext),
     renderWidth = _useContext.width;
   var containerWidth = getMediaContainerWidth(renderWidth, layout);
   var _useMemo = (0, _react.useMemo)(function () {
@@ -240,7 +241,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       mediaSingleElement: ref.current
     });
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? [uiMediaSingleBaseStyles, uiMediaSingleLayoutStyles] : [uiMediaSingleBaseStyles];
-    return (0, _react2.jsx)(_ui.MediaSingle, {
+    return (0, _react2.jsx)(_MediaSingle.default, {
       css: uiMediaSingleStyles,
       handleMediaSingleRef: ref,
       layout: layout,

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

@@ -1,12 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _mention = require("@atlaskit/editor-common/mention");
+var _uiMention = _interopRequireDefault(require("@atlaskit/editor-common/ui-mention"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -25,7 +26,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
       /*#__PURE__*/
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
-      _react.default.createElement("span", inlineAnnotationProps, /*#__PURE__*/_react.default.createElement(_mention.Mention, {
+      _react.default.createElement("span", inlineAnnotationProps, /*#__PURE__*/_react.default.createElement(_uiMention.default, {
         id: id,
         text: text,
         accessLevel: accessLevel,
@@ -37,7 +38,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
       }))
     );
   }
-  return /*#__PURE__*/_react.default.createElement(_mention.Mention, {
+  return /*#__PURE__*/_react.default.createElement(_uiMention.default, {
     id: id,
     text: text,
     accessLevel: accessLevel,

package/dist/cjs/react/nodes/multiBodiedExtension/actions.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMultiBodiedExtensionActions = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,
@@ -27,13 +27,13 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
         updateActiveChild(index);
         if ((0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true)) {
           fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
-            action: _analytics.ACTION.CHANGE_ACTIVE,
-            actionSubject: _analytics.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+            action: _enums.ACTION.CHANGE_ACTIVE,
+            actionSubject: _enums.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
             attributes: {
               extensionType: extensionType,
               extensionKey: extensionKey
             },
-            eventType: _analytics.EVENT_TYPE.TRACK
+            eventType: _enums.EVENT_TYPE.TRACK
           });
         }
         return true;

package/dist/cjs/react/nodes/multiBodiedExtension/context.js

@@ -8,9 +8,9 @@ exports.useMultiBodiedExtensionContext = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _extensions = require("@atlaskit/editor-common/extensions");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _utils = require("@atlaskit/editor-common/utils");
+var _extensionHandlers = require("@atlaskit/editor-common/extensions/extension-handlers");
+var _context = require("@atlaskit/editor-common/provider-factory/context");
+var _extensionHandler = require("@atlaskit/editor-common/utils/extension-handler");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var getExtensionHandlerNode = function getExtensionHandlerNode(extensionHandler) {
   return function (_ref) {
@@ -26,7 +26,7 @@ var useMultiBodiedExtensionContext = exports.useMultiBodiedExtensionContext = fu
     extensionKey = _ref2.extensionKey;
   var isMounted = _react.default.useRef(true);
   var localGetNodeRenderer = _react.default.useMemo(function () {
-    return (0, _memoizeOne.default)(_extensions.getNodeRenderer);
+    return (0, _memoizeOne.default)(_extensionHandlers.getNodeRenderer);
   }, []);
   var _React$useState = _react.default.useState(),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -37,9 +37,9 @@ var useMultiBodiedExtensionContext = exports.useMultiBodiedExtensionContext = fu
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     privateProps = _React$useState4[0],
     setPrivateProps = _React$useState4[1];
-  var providerPromise = (0, _providerFactory.useProvider)('extensionProvider');
+  var providerPromise = (0, _context.useProvider)('extensionProvider');
   var ExtensionHandlerNode = _react.default.useMemo(function () {
-    var extensionHandler = extensionHandlers && extensionHandlers[extensionType] && (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);
+    var extensionHandler = extensionHandlers && extensionHandlers[extensionType] && (0, _extensionHandler.getExtensionRenderer)(extensionHandlers[extensionType]);
     if (extensionHandler) {
       return getExtensionHandlerNode(extensionHandler);
     }
@@ -51,7 +51,7 @@ var useMultiBodiedExtensionContext = exports.useMultiBodiedExtensionContext = fu
         if (isMounted.current) {
           setProvider(p);
         }
-        return (0, _extensions.getExtensionModuleNodePrivateProps)(p, extensionType, extensionKey);
+        return (0, _extensionHandlers.getExtensionModuleNodePrivateProps)(p, extensionType, extensionKey);
       }).then(function (pr) {
         if (isMounted.current) {
           setPrivateProps(pr);

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nodes = void 0;
-var _ui = require("@atlaskit/editor-common/ui");
+var _UnsupportedBlock = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedBlock"));
+var _UnsupportedInline = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedInline"));
 var _Expand = _interopRequireDefault(require("../../ui/Expand"));
 var _blockCard = _interopRequireDefault(require("./blockCard"));
 var _blockquote = _interopRequireDefault(require("./blockquote"));
@@ -98,7 +99,7 @@ var nodes = exports.nodes = {
   taskItem: _taskItem.default,
   taskList: _taskList.default,
   unknownBlock: _unknownBlock.default,
-  unsupportedBlock: _ui.UnsupportedBlock,
-  unsupportedInline: _ui.UnsupportedInline,
+  unsupportedBlock: _UnsupportedBlock.default,
+  unsupportedInline: _UnsupportedInline.default,
   windowedCodeBlock: _windowedCodeBlock.default
 };

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

@@ -8,21 +8,22 @@ exports.default = OrderedList;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _orderedList = require("@atlaskit/adf-schema/ordered-list");
-var _styles = require("@atlaskit/editor-common/styles");
+var _lists = require("@atlaskit/editor-common/styles/lists");
 var _utils = require("@atlaskit/editor-common/utils");
-var _lists = require("../utils/lists");
+var _list = require("@atlaskit/editor-common/utils/list");
+var _lists2 = require("../utils/lists");
 function OrderedList(props) {
   var _props$getContent;
   var extraProps = {};
 
   // Item count drives the marker column width, so losing it narrows the gutter by a digit.
   var itemsCount = (_props$getContent = props.getContent) === null || _props$getContent === void 0 || (_props$getContent = _props$getContent.call(props)) === null || _props$getContent === void 0 ? void 0 : _props$getContent.length;
-  var itemCounterDigitsSize = (0, _utils.getItemCounterDigitsSize)({
+  var itemCounterDigitsSize = (0, _list.getItemCounterDigitsSize)({
     order: props.order,
     itemsCount: itemsCount
   });
   if (itemCounterDigitsSize && itemCounterDigitsSize > 1) {
-    extraProps.style = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
+    extraProps.style = (0, _lists.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
   }
   if (props.order !== undefined) {
     extraProps.start = (0, _utils.resolveOrder)(props.order);
@@ -31,7 +32,7 @@ function OrderedList(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _orderedList.orderedListSelector.substr(1),
     "data-local-id": props.localId,
-    "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1,
+    "data-indent-level": props.path ? (0, _lists2.getListIndentLevel)(props.path) : 1,
     start: props.start
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/cjs/react/nodes/panel-compiled.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _background = require("@atlaskit/editor-palette/background");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["backgroundColor", "children", "className", "hasIcon"];
@@ -44,7 +44,7 @@ var PanelStyledCompiled = exports.PanelStyledCompiled = function PanelStyledComp
     className = _ref.className,
     hasIcon = _ref.hasIcon,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
+  var customBackgroundColor = backgroundColor ? (0, _background.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- intentional: preserve existing PanelSharedCssClassName.prefix class
     className: (0, _runtime.ax)(["_lklzfajl _imyb1bbz _50vakb7n _19agidpf _1q6xf1ug _jde2v77o _1bi2v77o _gb1eidpf _11k7idpf _fc9iidpf _1554u2gc _1eiopxbi _1w22u2gc _66ohu2gc _1it3jmsf _19s71txw _18w0h2mm _13n84jg8 _6qwr1hna _ujht1s93 _iqv91kw7 _1l9midpf _1v1c1ejb _11wb1ejb _1oah1ntv _1pciu2gc _1cgk1h6o _5zphglyw _wz94glyw _zs6jglyw _1n3wglyw _1yw1vq3b _1h33yhbg _1a3fnkob _1uvd116y _1hauowts _7c6p1t9x _udsa1o8l _nlelp2ly _18y8qm1h _e5ovn729 _g8a34pcx _1g6dibhp _1udservl _15sp1vk5 _1fe7s4qr _s4ldn729 _gt7x4pcx", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_niep1s93 _a9e5p2ly _giv8n729 _vy90n729 _eba1ibhp _18hz1vk5 _93eu1aok", (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) && "_19mdyhbg", !hasIcon && "_1whxutpp _1b0jutpp", props['data-panel-type'] === _panel.PanelType.CUSTOM && backgroundColor && "_122m1aok", "_9dunutpp _pzbautpp", "_1wvnia51", className]),

package/dist/cjs/react/nodes/panel-emotion.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _panel = require("@atlaskit/adf-schema/panel");
-var _editorPalette = require("@atlaskit/editor-palette");
+var _background = require("@atlaskit/editor-palette/background");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _excluded = ["backgroundColor", "hasIcon"];
@@ -205,7 +205,7 @@ var PanelStyledEmotion = exports.PanelStyledEmotion = function PanelStyledEmotio
   var backgroundColor = _ref.backgroundColor,
     hasIcon = _ref.hasIcon,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var customBackgroundColor = backgroundColor ? (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
+  var customBackgroundColor = backgroundColor ? (0, _background.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor : undefined;
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     style:
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

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

@@ -7,8 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _panel = require("@atlaskit/adf-schema/panel");
-var _icons = require("@atlaskit/editor-common/icons");
-var _panel2 = require("@atlaskit/editor-common/panel");
+var _PanelErrorIcon = require("@atlaskit/editor-common/icons/PanelErrorIcon");
+var _PanelInfoIcon = require("@atlaskit/editor-common/icons/PanelInfoIcon");
+var _PanelNoteIcon = require("@atlaskit/editor-common/icons/PanelNoteIcon");
+var _PanelSuccessIcon = require("@atlaskit/editor-common/icons/PanelSuccessIcon");
+var _PanelWarningIcon = require("@atlaskit/editor-common/icons/PanelWarningIcon");
+var _panel2 = require("@atlaskit/editor-common/styles/panel");
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
@@ -17,12 +21,12 @@ var _emoji2 = _interopRequireDefault(require("./emoji"));
 var _panelCompiled = require("./panel-compiled");
 var _panelEmotion = require("./panel-emotion");
 var panelIcons = {
-  info: _icons.PanelInfoIcon,
-  success: _icons.PanelSuccessIcon,
-  note: _icons.PanelNoteIcon,
+  info: _PanelInfoIcon.PanelInfoIcon,
+  success: _PanelSuccessIcon.PanelSuccessIcon,
+  note: _PanelNoteIcon.PanelNoteIcon,
   tip: _lightbulb.default,
-  warning: _icons.PanelWarningIcon,
-  error: _icons.PanelErrorIcon,
+  warning: _PanelWarningIcon.PanelWarningIcon,
+  error: _PanelErrorIcon.PanelErrorIcon,
   custom: _emoji.default
 };
 var PanelStyledMigration = (0, _componentWithCondition.componentWithCondition)(function () {