@atlaskit/renderer 149.0.4 → 149.0.6

package/dist/esm/react/nodes/bodiedSyncBlock.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
 export default function BodiedSyncBlock(props) {
   var children = props.children,
     localId = props.localId,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Caption } from '@atlaskit/editor-common/ui';
+import Caption from '@atlaskit/editor-common/Caption';
 var RenderCaption = function RenderCaption(_ref) {
   var children = _ref.children,
     dataAttributes = _ref.dataAttributes;

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

@@ -9,7 +9,7 @@ import { useState } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import AkCodeBlock from '@atlaskit/code/code-block';
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles/code-block';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import CodeBlockContainer from './components/codeBlockContainer';
 function CodeBlock(props) {

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles/code-block';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 var codeBlockStyleOverrides = css(_defineProperty({
   tabSize: 4,

package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -10,7 +10,7 @@ import { useState } from 'react';
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
-import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages/codeBlockButton';
 import CopyIcon from '@atlaskit/icon/core/copy';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -7,7 +7,7 @@
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
-import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages/codeBlockButton';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import AnalyticsContext from '../../../../analytics/analyticsContext';

package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -7,7 +7,7 @@
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
-import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages/codeBlockButton';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Tooltip from '@atlaskit/tooltip/Tooltip';

package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -13,8 +13,9 @@ import React, { forwardRef, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow } from '@atlaskit/editor-shared-styles';
+import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles/code-block';
+import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles/constants';
+import { overflowShadow } from '@atlaskit/editor-shared-styles/overflow-shadow';
 import { RendererCssClassName } from '../../../../consts';
 var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, "\n\t\t> .").concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "\n\t\t> .").concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
   marginRight: "var(--ds-space-100, 8px)",

package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -9,7 +9,7 @@ import { Fragment, lazy, memo, Suspense, useState } from 'react';
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx } from '@emotion/react';
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles/code-block';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useInViewport } from '../../hooks/use-in-viewport';
 import CodeBlockContainer from './components/codeBlockContainer';

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

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import React, { memo } from 'react';
 import { injectIntl } from 'react-intl';
-import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
+import { DateSharedCssClassName } from '@atlaskit/editor-common/styles/date';
+import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils/date';
 import { useRendererContext } from '../../renderer-context';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';

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

@@ -10,13 +10,16 @@ import { useContext, useState, useRef } from 'react';
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
-import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
-import { akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import UIMediaSingle from '@atlaskit/editor-common/MediaSingle';
+import UnsupportedBlock from '@atlaskit/editor-common/UnsupportedBlock';
+import { WidthConsumer, WidthContext } from '@atlaskit/editor-common/WidthProvider';
+import { akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles/constants';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { SmartCardContext } from '@atlaskit/link-provider/context';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Card, EmbedResizeMessageListener } from '@atlaskit/smart-card';
+import { Card } from '@atlaskit/smart-card/card/lazy';
+import { EmbedResizeMessageListener } from '@atlaskit/smart-card/embed-resize-message-listener';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { RendererCssClassName } from '../../consts';

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

@@ -14,8 +14,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { PureComponent, memo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { messages } from '@atlaskit/editor-common/emoji';
-import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
+import { messages } from '@atlaskit/editor-common/emoji/messages';
+import ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory/with-providers';
 import { isSingleEmoji } from '@atlaskit/editor-common/utils/isSingleEmoji';
 import { ResourcedEmoji } from '@atlaskit/emoji/element';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["commentProps", "commentTargetOptions"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -11,8 +13,8 @@ import React, { useCallback, useContext, useEffect, useMemo, useRef } from 'reac
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { overflowShadow } from '@atlaskit/editor-common/ui';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import overflowShadow from '@atlaskit/editor-common/OverflowShadow';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { RendererCssClassName } from '../../consts';
@@ -189,20 +191,8 @@ export var renderExtension = function renderExtension(content, layout) {
     className: RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER
   }, extensionDiv) : extensionDiv;
 };
-var Extension = function Extension(props) {
-  var _providers$inlineComm, _props$dataAttributes;
-  var text = props.text,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'default' : _props$layout,
-    handleRef = props.handleRef,
-    shadowClassNames = props.shadowClassNames,
-    _props$path = props.path,
-    path = _props$path === void 0 ? [] : _props$path,
-    extensionViewportSizes = props.extensionViewportSizes,
-    parameters = props.parameters,
-    nodeHeight = props.nodeHeight,
-    localId = props.localId,
-    isInsideOfInlineExtension = props.isInsideOfInlineExtension;
+var ExtensionWithAnnotations = function ExtensionWithAnnotations(props) {
+  var _providers$inlineComm, _providers$inlineComm2, _props$dataAttributes;
   var providers = useContext(ProvidersContext);
   var _useAnnotationRangeDi = useAnnotationRangeDispatch(),
     setHoverTarget = _useAnnotationRangeDi.setHoverTarget;
@@ -211,9 +201,13 @@ var Extension = function Extension(props) {
     initiateTimeout = _useAnnotationHoverDi.initiateTimeout,
     setIsWithinRange = _useAnnotationHoverDi.setIsWithinRange;
   var isBlockNodeSupported = providers === null || providers === void 0 || (_providers$inlineComm = providers.inlineComment) === null || _providers$inlineComm === void 0 ? void 0 : _providers$inlineComm.isBlockNodeSupported;
-  var isCommentTarget = useMemo(function () {
-    return Boolean(fg('cc_maui_annotations_on_extensions') && props.extensionNode && (isBlockNodeSupported === null || isBlockNodeSupported === void 0 ? void 0 : isBlockNodeSupported(props.extensionNode)) === true);
+  var supportsComments = useMemo(function () {
+    return Boolean(props.extensionNode && (isBlockNodeSupported === null || isBlockNodeSupported === void 0 ? void 0 : isBlockNodeSupported(props.extensionNode)) === true);
   }, [props.extensionNode, isBlockNodeSupported]);
+  var canCreateCommentOnBlockNode = providers === null || providers === void 0 || (_providers$inlineComm2 = providers.inlineComment) === null || _providers$inlineComm2 === void 0 ? void 0 : _providers$inlineComm2.canCreateCommentOnBlockNode;
+  var isCommentTarget = useMemo(function () {
+    return Boolean(supportsComments && props.extensionNode && (!canCreateCommentOnBlockNode || canCreateCommentOnBlockNode(props.extensionNode)));
+  }, [supportsComments, props.extensionNode, canCreateCommentOnBlockNode]);
   var isFullPageRenderer = props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width';
   var onMouseEnter = useCallback(function (event) {
     cancelTimeout();
@@ -248,21 +242,45 @@ var Extension = function Extension(props) {
     isCommentTarget: isCommentTarget
   };
   var commentProps = {
-    enabled: isCommentTarget,
-    allowAnnotations: props.allowAnnotations && fg('cc_maui_annotations_on_extensions'),
-    allowAnnotationsDraftMode: props.allowAnnotationsDraftMode,
+    enabled: supportsComments,
+    allowAnnotations: props.allowAnnotations,
+    allowAnnotationsDraftMode: props.allowAnnotationsDraftMode && isCommentTarget,
     startPos: (_props$dataAttributes = props.dataAttributes) === null || _props$dataAttributes === void 0 ? void 0 : _props$dataAttributes['data-renderer-start-pos'],
     marks: props.marks
   };
+  return jsx(ExtensionContent
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, props, {
+    commentProps: commentProps,
+    commentTargetOptions: commentTargetOptions
+  }));
+};
+var ExtensionContent = function ExtensionContent(_ref3) {
+  var _ref3$commentProps = _ref3.commentProps,
+    commentProps = _ref3$commentProps === void 0 ? {} : _ref3$commentProps,
+    commentTargetOptions = _ref3.commentTargetOptions,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var text = props.text,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'default' : _props$layout,
+    handleRef = props.handleRef,
+    shadowClassNames = props.shadowClassNames,
+    _props$path = props.path,
+    path = _props$path === void 0 ? [] : _props$path,
+    extensionViewportSizes = props.extensionViewportSizes,
+    parameters = props.parameters,
+    nodeHeight = props.nodeHeight,
+    localId = props.localId,
+    isInsideOfInlineExtension = props.isInsideOfInlineExtension;
   return jsx(ExtensionRenderer
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {
     type: "extension"
-  }), function (_ref3) {
+  }), function (_ref4) {
     var _props$hideExtensionK;
-    var isExtensionProviderPending = _ref3.isExtensionProviderPending,
-      result = _ref3.result;
+    var isExtensionProviderPending = _ref4.isExtensionProviderPending,
+      result = _ref4.result;
     try {
       // Return the result directly if it's a valid JSX.Element
       if (result && /*#__PURE__*/React.isValidElement(result)) {
@@ -307,6 +325,15 @@ var Extension = function Extension(props) {
     }, commentTargetOptions), undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
   });
 };
+var Extension = function Extension(props) {
+  // Keep annotation context subscriptions out of the gate-off render path.
+  if (fg('cc_maui_annotations_on_extensions')) {
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return jsx(ExtensionWithAnnotations, props);
+  }
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  return jsx(ExtensionContent, props);
+};
 var _default_1 = overflowShadow(Extension, {
   overflowSelector: ".".concat(RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
 });

package/dist/esm/react/nodes/heading.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { useIntl } from 'react-intl';
 import IconButton from '@atlaskit/button/icon/button';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles/constants';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';

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

@@ -5,7 +5,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // Mapping file
 
 import Loadable from 'react-loadable';
-import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import UnsupportedBlock from '@atlaskit/editor-common/UnsupportedBlock';
+import UnsupportedInline from '@atlaskit/editor-common/UnsupportedInline';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import Blockquote from './blockquote';
 import BodiedExtension from './bodiedExtension';
 import BulletList from './bulletList';
@@ -319,8 +321,8 @@ export var toReact = function toReact(node, flags, nodeComponents
     return DocWithSelectAllTrap;
   }
 
-  // Allowing custom components to override those provided in nodeToReact
-  var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
+  // Custom components provide the node implementations used by the renderer.
+  var nodes = _objectSpread(_objectSpread({}, isExperimentEnabled('platform_editor_remove_default_renderer_nodes') ? {} : nodeToReact), nodeComponents);
   if (node.type.name === 'codeBlock') {
     var _nodes$codeBlock;
     if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {

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

@@ -9,16 +9,18 @@ import { Fragment, useState, useMemo, useEffect } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { useProvider } from '@atlaskit/editor-common/provider-factory';
-import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import HoverLinkOverlay from '@atlaskit/editor-common/HoverLinkOverlay';
+import { useProvider } from '@atlaskit/editor-common/provider-factory/context';
+import UnsupportedInline from '@atlaskit/editor-common/UnsupportedInline';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 import { useSmartCardContext } from '@atlaskit/link-provider/use-smart-card-context';
 import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Card, getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
-import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
+import { getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
+import { Card } from '@atlaskit/smart-card/card/lazy';
+import { useSmartLinkActions } from '@atlaskit/smart-card/hook/use-smart-link-actions';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';

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

@@ -8,7 +8,7 @@
 import "./layoutColumn-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { WidthProvider } from '@atlaskit/editor-common/ui';
+import { WidthProvider } from '@atlaskit/editor-common/WidthProvider';
 
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
 var clearNextSiblingMarginTopStyle = null;

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

@@ -13,7 +13,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
 import { css, jsx } from '@emotion/react';
-import { WidthProvider } from '@atlaskit/editor-common/ui';
+import { WidthProvider } from '@atlaskit/editor-common/WidthProvider';
 
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
 var clearNextSiblingMarginTopStyle = css({

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

@@ -24,12 +24,15 @@ import { jsx, css } from '@emotion/react';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema/annotation';
 import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, VIEW_METHOD } from '@atlaskit/editor-common/analytics';
-import { CommentBadgeNext, ExternalImageBadge, MediaBadges } from '@atlaskit/editor-common/media-single';
-import { WithProviders } from '@atlaskit/editor-common/provider-factory';
-import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import { VIEW_METHOD } from '@atlaskit/editor-common/analytics/types/inline-comment-events';
+import { CommentBadgeNext } from '@atlaskit/editor-common/media-single/CommentBadgeNext';
+import { ExternalImageBadge } from '@atlaskit/editor-common/media-single/ExternalImageBadge';
+import { MediaBadges } from '@atlaskit/editor-common/media-single/MediaBadges';
+import { MediaBorderGapFiller } from '@atlaskit/editor-common/MediaSingle/styled';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory/with-providers';
+import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types/emitter';
+import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette/border';
 import { MODE, PLATFORM } from '../../../analytics/events';
 import { useAnnotationRangeState } from '../../../ui/annotations/contexts/AnnotationRangeContext';
 import { useInlineCommentSubscriberContext } from '../../../ui/annotations/hooks/use-inline-comment-subscriber';

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

@@ -11,7 +11,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
 import { defaultImageCardDimensions } from '@atlaskit/media-card/cardDimensions';
-import { FilmstripView } from '@atlaskit/media-filmstrip';
+import { FilmstripView } from '@atlaskit/media-filmstrip/filmstrip-view';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 // Ignored via go/ees005

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

@@ -8,9 +8,9 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useMemo, useState, useContext } from 'react';
 import { injectIntl } from 'react-intl';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
-import { useProvider } from '@atlaskit/editor-common/provider-factory';
+import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics/types/enums';
+import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline-image-card';
+import { useProvider } from '@atlaskit/editor-common/provider-factory/context';
 import MediaInlineCard from '@atlaskit/media-card/loader';
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';

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

@@ -10,9 +10,10 @@ import { default as React, Fragment, useCallback, useContext, useMemo, useEffect
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
-import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { isSSR } from '@atlaskit/editor-common/is-ssr';
+import UIMediaSingle from '@atlaskit/editor-common/MediaSingle';
+import { WidthContext } from '@atlaskit/editor-common/WidthProvider';
+import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnnotationHoverDispatch } from '../../../ui/annotations/contexts/AnnotationHoverContext';
 import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';

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

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { Mention } from '@atlaskit/editor-common/mention';
+import Mention from '@atlaskit/editor-common/ui-mention';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 var _default_1 = /*#__PURE__*/memo(function MentionItem(props) {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,

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

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import memoizeOne from 'memoize-one';
-import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '@atlaskit/editor-common/extensions';
-import { useProvider } from '@atlaskit/editor-common/provider-factory';
-import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
+import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '@atlaskit/editor-common/extensions/extension-handlers';
+import { useProvider } from '@atlaskit/editor-common/provider-factory/context';
+import { getExtensionRenderer } from '@atlaskit/editor-common/utils/extension-handler';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var getExtensionHandlerNode = function getExtensionHandlerNode(extensionHandler) {
   return function (_ref) {

package/dist/esm/react/nodes/nodes.js

@@ -1,6 +1,7 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import UnsupportedBlock from '@atlaskit/editor-common/UnsupportedBlock';
+import UnsupportedInline from '@atlaskit/editor-common/UnsupportedInline';
 import Expand from '../../ui/Expand';
 import BlockCard from './blockCard';
 import Blockquote from './blockquote';

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

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { orderedListSelector } from '@atlaskit/adf-schema/ordered-list';
-import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
-import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
+import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles/lists';
+import { resolveOrder } from '@atlaskit/editor-common/utils';
+import { getItemCounterDigitsSize } from '@atlaskit/editor-common/utils/list';
 import { getListIndentLevel } from '../utils/lists';
 export default function OrderedList(props) {
   var _props$getContent;

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

@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.

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

@@ -16,7 +16,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- intentional: emotion fallback for compiled migration; `jsx` is used as the JSX pragma (see @jsx jsx above) so must be a value import
 import { css, jsx } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette/background';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.

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

@@ -1,7 +1,11 @@
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { PanelErrorIcon } from '@atlaskit/editor-common/icons/PanelErrorIcon';
+import { PanelInfoIcon } from '@atlaskit/editor-common/icons/PanelInfoIcon';
+import { PanelNoteIcon } from '@atlaskit/editor-common/icons/PanelNoteIcon';
+import { PanelSuccessIcon } from '@atlaskit/editor-common/icons/PanelSuccessIcon';
+import { PanelWarningIcon } from '@atlaskit/editor-common/icons/PanelWarningIcon';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles/panel';
 import EmojiIcon from '@atlaskit/icon/core/emoji';
 import TipIcon from '@atlaskit/icon/core/lightbulb';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';

package/dist/esm/react/nodes/table/colgroup.js

@@ -3,9 +3,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useContext } from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { WidthContext } from '@atlaskit/editor-common/ui';
-import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
+import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles/table';
+import { WidthContext } from '@atlaskit/editor-common/WidthProvider';
+import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles/constants';
 import { useRendererContext } from '../../../renderer-context';
 // we allow scaling down column widths by no more than 30%
 // this intends to reduce unwanted scrolling in the Renderer in these scenarios:

package/dist/esm/react/nodes/table/sticky.js

@@ -11,7 +11,7 @@ import React from 'react';
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
+import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 import { Table } from './table';

package/dist/esm/react/nodes/table/table.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { isTableInContentMode } from '@atlaskit/editor-common/table';
-import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { isTableInContentMode } from '@atlaskit/editor-common/table/content-mode';
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Colgroup, colWidthSum } from './colgroup';
 import { isContentModeSupported } from './content-mode';

package/dist/esm/react/nodes/table.js

@@ -17,12 +17,15 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
-import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import overflowShadow from '@atlaskit/editor-common/OverflowShadow';
+import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { tableMarginTop } from '@atlaskit/editor-common/styles/table';
+import { isTableInContentMode } from '@atlaskit/editor-common/table/content-mode';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { overflowShadow } from '@atlaskit/editor-common/ui';
-import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { convertProsemirrorTableNodeToArrayOfRows, hasMergedCell } from '@atlaskit/editor-common/utils';
+import { createCompareNodes } from '@atlaskit/editor-common/utils/compareNodes';
+import { compose } from '@atlaskit/editor-common/utils/compose';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles/constants';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/esm/react/nodes/tableCell.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { getDarkModeLCHColor } from '@atlaskit/adf-schema/get-dark-mode-lch-color';
 import { tableBackgroundColorNameByHex } from '@atlaskit/adf-schema/tableNodes';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { SortingIcon } from '@atlaskit/editor-common/table';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+import SortingIcon from '@atlaskit/editor-common/table/SortingIcon';
 import { SortOrder } from '@atlaskit/editor-common/types';
-import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
+import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette/background';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';

package/dist/esm/react/nodes/taskItem.js

@@ -9,7 +9,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent } from 'react';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
-import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
+import ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
+import { WithProviders } from '@atlaskit/editor-common/provider-factory/with-providers';
 import { TaskItemsFormatProvider, TaskItemsFormatConsumer } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
 import TaskItemWithProviders from './task-item-with-providers';
 // Ignored via go/ees005