@atlaskit/renderer 149.0.4 → 149.0.5

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

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _enums = require("../../analytics/enums");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _enums2 = require("../../analytics/enums");
 var _annotations = require("../../ui/annotations");
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
 var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
@@ -44,8 +44,8 @@ var BodiedExtension = function BodiedExtension(props) {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
-    component: _enums.ACTION_SUBJECT.RENDERER,
-    componentId: _analytics.ACTION_SUBJECT_ID.EXTENSION_BODIED,
+    component: _enums2.ACTION_SUBJECT.RENDERER,
+    componentId: _enums.ACTION_SUBJECT_ID.EXTENSION_BODIED,
     createAnalyticsEvent: createAnalyticsEvent,
     additionalInfo: "".concat(extensionType, ": ").concat(extensionKey, " ")
   }, /*#__PURE__*/_react.default.createElement(_annotations.AnnotationsPositionContext.Provider, {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = BodiedSyncBlock;
 var _react = _interopRequireDefault(require("react"));
-var _syncBlock = require("@atlaskit/editor-common/sync-block");
+var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
 function BodiedSyncBlock(props) {
   var children = props.children,
     localId = props.localId,

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

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

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

@@ -10,7 +10,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _codeBlock = _interopRequireDefault(require("@atlaskit/code/code-block"));
-var _styles = require("@atlaskit/editor-common/styles");
+var _codeBlock2 = require("@atlaskit/editor-common/styles/code-block");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _codeBlockContainer = _interopRequireDefault(require("./components/codeBlockContainer"));
 /**
@@ -34,7 +34,7 @@ function CodeBlock(props) {
     hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
     localId = props.localId,
     wrap = props.wrap;
-  var className = [_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
+  var className = [_codeBlock2.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
   var _useState = (0, _react.useState)(function () {
       return (0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && Boolean(wrap);
     }),

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
+var _codeBlock = require("@atlaskit/editor-common/styles/code-block");
 var _codeBlockButtonContainer = _interopRequireDefault(require("./codeBlockButtonContainer"));
 /**
  * @jsxRuntime classic
@@ -30,7 +30,7 @@ var codeBlockStyleOverrides = (0, _react.css)((0, _defineProperty2.default)({
       opacity: 1
     }
   }
-}, "".concat(_styles.CodeBlockSharedCssClassName.DS_CODEBLOCK), {
+}, "".concat(_codeBlock.CodeBlockSharedCssClassName.DS_CODEBLOCK), {
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: "".concat(14 / 16, "rem"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -39,7 +39,7 @@ var codeBlockStyleOverrides = (0, _react.css)((0, _defineProperty2.default)({
   backgroundAttachment: 'local, local, local, local, scroll, scroll, scroll, scroll',
   backgroundPosition: '0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0'
 }));
-var denseModeOverrides = (0, _react.css)((0, _defineProperty2.default)({}, "".concat(_styles.CodeBlockSharedCssClassName.DS_CODEBLOCK), {
+var denseModeOverrides = (0, _react.css)((0, _defineProperty2.default)({}, "".concat(_codeBlock.CodeBlockSharedCssClassName.DS_CODEBLOCK), {
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: '0.875em',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

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

@@ -10,7 +10,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -28,7 +28,7 @@ var _clipboard = require("../../../utils/clipboard");
 var CopyButton = function CopyButton(_ref) {
   var content = _ref.content,
     intl = _ref.intl;
-  var copyCodeToClipboardMessage = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_a11y_codeblock_copy_name') ? _messages.codeBlockButtonMessages.copyCodeSnippetToClipboard : _messages.codeBlockButtonMessages.copyCodeToClipboard;
+  var copyCodeToClipboardMessage = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_a11y_codeblock_copy_name') ? _codeBlockButton.codeBlockButtonMessages.copyCodeSnippetToClipboard : _codeBlockButton.codeBlockButtonMessages.copyCodeToClipboard;
   var _useState = (0, _react.useState)(intl.formatMessage(copyCodeToClipboardMessage)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     tooltip = _useState2[0],
@@ -73,7 +73,7 @@ var CopyButton = function CopyButton(_ref) {
           eventType: _enums.EVENT_TYPE.UI
         });
         (0, _clipboard.copyTextToClipboard)(content);
-        setTooltip(intl.formatMessage(_messages.codeBlockButtonMessages.copiedCodeToClipboard));
+        setTooltip(intl.formatMessage(_codeBlockButton.codeBlockButtonMessages.copiedCodeToClipboard));
         setClassName('copy-to-clipboard clicked');
         event.stopPropagation();
       },

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
@@ -123,7 +123,7 @@ var DownloadButton = function DownloadButton(_ref) {
   var content = _ref.content,
     language = _ref.language,
     intl = _ref.intl;
-  var tooltip = intl.formatMessage(_messages.codeBlockButtonMessages.downloadCodeBlock);
+  var tooltip = intl.formatMessage(_codeBlockButton.codeBlockButtonMessages.downloadCodeBlock);
   return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
     return (0, _react.jsx)("span", null, (0, _react.jsx)(_Tooltip.default, {

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _codeBlockButton = require("@atlaskit/editor-common/messages/codeBlockButton");
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
@@ -25,7 +25,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
   var setWrapLongLines = _ref.setWrapLongLines,
     wrapLongLines = _ref.wrapLongLines,
     intl = _ref.intl;
-  var wrapMessage = intl.formatMessage(wrapLongLines ? _messages.codeBlockButtonMessages.unwrapCode : _messages.codeBlockButtonMessages.wrapCode);
+  var wrapMessage = intl.formatMessage(wrapLongLines ? _codeBlockButton.codeBlockButtonMessages.unwrapCode : _codeBlockButton.codeBlockButtonMessages.wrapCode);
   return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
     return (0, _react.jsx)("span", null, (0, _react.jsx)(_Tooltip.default, {

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

@@ -10,8 +10,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _codeBlock = require("@atlaskit/editor-common/styles/code-block");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _overflowShadow = require("@atlaskit/editor-shared-styles/overflow-shadow");
 var _consts = require("../../../../consts");
 var _templateObject;
 /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
@@ -23,27 +24,27 @@ var _templateObject;
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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); }
-var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, "\n\t\t> .").concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "\n\t\t> .").concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
+var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED, "\n\t\t> .").concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "\n\t\t> .").concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
   marginRight: "var(--ds-space-100, 8px)",
   code: {
     display: 'block',
     wordBreak: 'break-word',
     whiteSpace: 'pre-wrap'
   }
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "\n\t\t> .").concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER, "\n\t\t> .").concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
   display: 'flex',
   flex: 1,
   code: {
     flexGrow: 1,
     whiteSpace: 'pre'
   }
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
   position: 'relative',
   backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
-  margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0 0 0"),
+  margin: "".concat(_constants.blockNodesVerticalMargin, " 0 0 0"),
   fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-  minWidth: "".concat(_editorSharedStyles.akEditorTableCellMinWidth, "px"),
+  minWidth: "".concat(_constants.akEditorTableCellMinWidth, "px"),
   cursor: 'pointer',
   clear: 'both',
   '--ds--code--bg-color': 'transparent',
@@ -52,19 +53,19 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   },
   /* This is necessary to allow for arrow key navigation in/out of code blocks in Firefox. */
   whiteSpace: 'normal'
-}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_START), {
+}, ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_START), {
   position: 'absolute',
   visibility: 'hidden',
   height: '1.5rem',
   top: '0px',
   left: '0px'
-}), "".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_END), {
+}), "".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_END), {
   position: 'absolute',
   visibility: 'hidden',
   height: '1.5rem',
   bottom: '0px',
   right: '0px'
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER), {
   position: 'relative',
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
   display: 'flex',
@@ -79,7 +80,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   backgroundPosition: "0 0,\n\t\t\t\t0 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t100% 0,\n\t\t\t\t0 0,\n\t\t\t\t0 0",
   /* Be careful if refactoring this; it is needed to keep arrow key navigation in Firefox consistent with other browsers. */
   overflowY: 'hidden'
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER), {
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
   position: 'relative',
   width: 'var(--lineNumberGutterWidth, 2rem)',
@@ -88,14 +89,14 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: "".concat(14 / 16, "rem"),
   boxSizing: 'content-box'
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "::before"), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "::before"), {
   content: '"1"',
   visibility: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: "".concat(14 / 16, "rem"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.5rem'
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT), {
   code: {
     tabSize: 4,
     cursor: 'text',
@@ -107,7 +108,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '1.5rem'
   }
-}), ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET), {
+}), ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER_LINE_NUMBER_WIDGET), {
   pointerEvents: 'none',
   userSelect: 'none',
   width: 'var(--lineNumberGutterWidth, 2rem)',
@@ -122,7 +123,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   color: "var(--ds-text-subtlest, #6B6E76)",
   boxSizing: 'content-box'
 })));
-var lightWeightCodeBlockStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
+var lightWeightCodeBlockStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
   cursor: 'text'
 }));
 var LightWeightCodeBlockCssClassName = exports.LightWeightCodeBlockCssClassName = {
@@ -141,7 +142,7 @@ var getLightWeightCodeBlockStylesForRootRendererStyleSheet = exports.getLightWei
   // NOTE: This must be added after other .code-block styles in the root
   // Renderer stylesheet.
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", "\n\t\t\t> .", "\n\t\t\t.", " {\n\t\t\tmargin-top: ", ";\n\t\t}\n\t"])), _consts.RendererCssClassName.DOCUMENT, LightWeightCodeBlockCssClassName.CONTAINER, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _editorSharedStyles.blockNodesVerticalMargin);
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", "\n\t\t\t> .", "\n\t\t\t.", " {\n\t\t\tmargin-top: ", ";\n\t\t}\n\t"])), _consts.RendererCssClassName.DOCUMENT, LightWeightCodeBlockCssClassName.CONTAINER, _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _constants.blockNodesVerticalMargin);
 };
 var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var text = _ref.text,
@@ -152,7 +153,7 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     return (text !== null && text !== void 0 ? text : '').split('\n');
   }, [text]);
   var classNames = [LightWeightCodeBlockCssClassName.CONTAINER, className].join(' ');
-  var codeBlockBackgroundImage = (0, _editorSharedStyles.overflowShadow)({
+  var codeBlockBackgroundImage = (0, _overflowShadow.overflowShadow)({
     leftCoverWidth: "var(--ds-space-300, 24px)"
   });
   return (0, _react2.jsx)("div", {
@@ -166,13 +167,13 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
       '--ak-renderer-codeblock-content-wrapper-bg-img': codeBlockBackgroundImage
     }
   }, (0, _react2.jsx)("div", {
-    className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
+    className: _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
   }, (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
+    className: _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
   }, !hideLineNumbers && (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
+    className: _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
   }, textRows.map(function (_, index) {
     return (
       // Ignored via go/ees005
@@ -182,7 +183,7 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
       })
     );
   })), (0, _react2.jsx)("div", {
-    className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
+    className: _codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
   }, (0, _react2.jsx)("code", null, text)))));
 });
 var _default = exports.default = LightWeightCodeBlock;

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

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
+var _codeBlock = require("@atlaskit/editor-common/styles/code-block");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useInViewport2 = require("../../hooks/use-in-viewport");
 var _codeBlockContainer = _interopRequireDefault(require("./components/codeBlockContainer"));
@@ -60,7 +60,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var _useInViewport = (0, _useInViewport2.useInViewport)(),
     isInViewport = _useInViewport.isInViewport,
     trackingRef = _useInViewport.trackingRef;
-  var className = joinWithSpaces(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, rootClassName);
+  var className = joinWithSpaces(_codeBlock.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, rootClassName);
   var memoizedLightWeightCodeBlock = (0, _react2.jsx)(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
     text: text,

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

@@ -10,8 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-common/utils");
+var _date = require("@atlaskit/editor-common/styles/date");
+var _date2 = require("@atlaskit/editor-common/utils/date");
 var _rendererContext = require("../../renderer-context");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
@@ -23,10 +23,10 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
     intl = props.intl;
   var _useRendererContext = (0, _rendererContext.useRendererContext)(),
     timeZone = _useRendererContext.timeZone;
-  var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
+  var className = !!parentIsIncompleteTask && (0, _date2.isPastDate)(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: _styles.DateSharedCssClassName.DATE_WRAPPER
+    className: _date.DateSharedCssClassName.DATE_WRAPPER
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, inlineAnnotationProps), /*#__PURE__*/_react.default.createElement("span", {
@@ -34,7 +34,7 @@ var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
     className: className,
     "data-node-type": "date",
     "data-timestamp": timestamp
-  }, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _utils.timestampToString)(timestamp, intl)));
+  }, parentIsIncompleteTask ? (0, _date2.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _date2.timestampToString)(timestamp, intl)));
 });
 
 // eslint-disable-next-line @typescript-eslint/no-restricted-types

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

@@ -10,13 +10,16 @@ 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 _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _MediaSingle = _interopRequireDefault(require("@atlaskit/editor-common/MediaSingle"));
+var _UnsupportedBlock = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedBlock"));
+var _WidthProvider = require("@atlaskit/editor-common/WidthProvider");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _context = require("@atlaskit/link-provider/context");
 var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _smartCard = require("@atlaskit/smart-card");
+var _lazy = require("@atlaskit/smart-card/card/lazy");
+var _embedResizeMessageListener = require("@atlaskit/smart-card/embed-resize-message-listener");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _consts = require("../../consts");
@@ -94,8 +97,8 @@ function EmbedCardInternal(props) {
   var height = liveHeight || props.originalHeight;
 
   // We start with height and width defined with default values
-  var originalHeight = _editorSharedStyles.DEFAULT_EMBED_CARD_HEIGHT;
-  var originalWidth = _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH;
+  var originalHeight = _constants.DEFAULT_EMBED_CARD_HEIGHT;
+  var originalWidth = _constants.DEFAULT_EMBED_CARD_WIDTH;
 
   // Then can override height and width with values from ADF if available
   if (props.originalHeight && props.originalWidth) {
@@ -138,24 +141,24 @@ function EmbedCardInternal(props) {
   };
   return (0, _react2.jsx)(_AnalyticsContext.default, {
     data: analyticsData
-  }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref3) {
+  }, (0, _react2.jsx)(_WidthProvider.WidthConsumer, null, function (_ref3) {
     var documentWidth = _ref3.width;
     var isFullWidth = rendererAppearance === 'full-width';
     var containerWidth = documentWidth;
     if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && !containerWidth) {
       // EDM-8114: When we are rendering on SSR, we have no idea what the width is.
-      containerWidth = isFullWidth ? _editorSharedStyles.akEditorFullWidthLayoutWidth : _editorSharedStyles.akEditorDefaultLayoutWidth;
+      containerWidth = isFullWidth ? _constants.akEditorFullWidthLayoutWidth : _constants.akEditorDefaultLayoutWidth;
     }
     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 lineLength = isFullWidth ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
+    var lineLength = isFullWidth ? Math.min(_constants.akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     var onError = function onError(_ref4) {
       var err = _ref4.err;
       if (err) {
@@ -184,7 +187,7 @@ function EmbedCardInternal(props) {
         onError: onError
       }));
     } else {
-      cardComponent = (0, _react2.jsx)(_smartCard.Card, (0, _extends2.default)({
+      cardComponent = (0, _react2.jsx)(_lazy.Card, (0, _extends2.default)({
         appearance: "embed"
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
@@ -202,17 +205,17 @@ function EmbedCardInternal(props) {
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.EMBED,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
       }, (0, _react2.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
-        unsupportedComponent: _ui.UnsupportedBlock,
+        unsupportedComponent: _UnsupportedBlock.default,
         onSetLinkTarget: onSetLinkTarget
         // eslint-disable-next-line react/jsx-props-no-spreading
       }, cardProps, {
         onClick: onConsumerClick
-      }), (0, _react2.jsx)(_smartCard.EmbedResizeMessageListener, {
+      }), (0, _react2.jsx)(_embedResizeMessageListener.EmbedResizeMessageListener, {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, function () {
         var useCenterWrapper = layout === 'full-width' || layout === 'wide';
-        var mediaSingle = (0, _react2.jsx)(_ui.MediaSingle, {
+        var mediaSingle = (0, _react2.jsx)(_MediaSingle.default, {
           layout: layout,
           width: originalWidth,
           containerWidth: containerWidth,
@@ -258,9 +261,9 @@ var EmbedOrBlockCardInternal = exports.EmbedOrBlockCardInternal = function Embed
     smartLinks = _ref5.smartLinks,
     isInsideOfInlineExtension = _ref5.isInsideOfInlineExtension,
     onSetLinkTarget = _ref5.onSetLinkTarget;
-  var _useContext = (0, _react.useContext)(_ui.WidthContext),
+  var _useContext = (0, _react.useContext)(_WidthProvider.WidthContext),
     width = _useContext.width;
-  var viewAsBlockCard = width && width <= _editorSharedStyles.akEditorFullPageNarrowBreakout;
+  var viewAsBlockCard = width && width <= _constants.akEditorFullPageNarrowBreakout;
   return viewAsBlockCard ? (0, _react2.jsx)(_blockCard.default, {
     url: url,
     data: data,

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

@@ -13,8 +13,9 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _emoji = require("@atlaskit/editor-common/emoji");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _messages = require("@atlaskit/editor-common/emoji/messages");
+var _providerFactory = _interopRequireDefault(require("@atlaskit/editor-common/provider-factory/provider-factory"));
+var _withProviders = require("@atlaskit/editor-common/provider-factory/with-providers");
 var _isSingleEmoji = require("@atlaskit/editor-common/utils/isSingleEmoji");
 var _element = require("@atlaskit/emoji/element");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -50,7 +51,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         var fallbackText = fallback || shortName;
         var useReplacementChar = (0, _fg.fg)('platform_editor_custom_emoji_unicode_fallback') && !(0, _isSingleEmoji.isSingleEmoji)(fallbackText);
         var renderedFallbackText = useReplacementChar ? "\uFFFD" : fallbackText;
-        var accessibleLabel = "".concat(_emoji.messages.emojiNodeLabel.defaultMessage, " ").concat(shortName);
+        var accessibleLabel = "".concat(_messages.messages.emojiNodeLabel.defaultMessage, " ").concat(shortName);
         return (0, _react2.jsx)("span", {
           "aria-label": useReplacementChar ? accessibleLabel : undefined,
           "data-emoji-id": id,
@@ -89,7 +90,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         onEmojiLoadFail: resourceConfig === null || resourceConfig === void 0 ? void 0 : resourceConfig.onEmojiLoadFail
       });
     });
-    _this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
+    _this.providerFactory = props.providers || new _providerFactory.default();
     return _this;
   }
   (0, _inherits2.default)(EmojiNode, _PureComponent);
@@ -105,7 +106,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      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: ['emojiProvider'],

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

@@ -10,8 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _ui = require("@atlaskit/editor-common/ui");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _OverflowShadow = _interopRequireDefault(require("@atlaskit/editor-common/OverflowShadow"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _consts = require("../../consts");
@@ -68,14 +68,14 @@ var FireExtensionAsInlineAnalytics = function FireExtensionAsInlineAnalytics(_re
   var nodeRef = (0, _react.useRef)(node);
   (0, _react.useEffect)(function () {
     fireAnalyticsEvent({
-      action: _analytics.ACTION.RENDERED,
-      actionSubject: _analytics.ACTION_SUBJECT.EXTENSION_AS_INLINE,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.EXTENSION_BODIED,
+      action: _enums.ACTION.RENDERED,
+      actionSubject: _enums.ACTION_SUBJECT.EXTENSION_AS_INLINE,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.EXTENSION_BODIED,
       attributes: {
         extensionKey: nodeRef.current.extensionKey,
         extensionType: nodeRef.current.extensionType
       },
-      eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      eventType: _enums.EVENT_TYPE.OPERATIONAL
     });
   }, [fireAnalyticsEvent]);
   return null;
@@ -312,7 +312,7 @@ var Extension = function Extension(props) {
     }, commentTargetOptions), undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
   });
 };
-var _default_1 = (0, _ui.overflowShadow)(Extension, {
+var _default_1 = (0, _OverflowShadow.default)(Extension, {
   overflowSelector: ".".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
 });
 var _default = exports.default = _default_1;

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

@@ -13,7 +13,7 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
@@ -78,10 +78,10 @@ function WrappedHeadingAnchor(_ref) {
       onCopyText: function onCopyText() {
         var _getHeadingLink;
         fireAnalyticsEvent({
-          action: _analytics.ACTION.CLICKED,
-          actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-          actionSubjectId: _analytics.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
-          eventType: _analytics.EVENT_TYPE.UI
+          action: _enums.ACTION.CLICKED,
+          actionSubject: _enums.ACTION_SUBJECT.BUTTON,
+          actionSubjectId: _enums.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
+          eventType: _enums.EVENT_TYPE.UI
         });
         return (0, _clipboard.copyTextToClipboard)((_getHeadingLink = getHeadingLink === null || getHeadingLink === void 0 ? void 0 : getHeadingLink(headingId)) !== null && _getHeadingLink !== void 0 ? _getHeadingLink : getCurrentUrlWithHash(headingId));
       },
@@ -107,13 +107,13 @@ function CollapsibleHeadingButton(_ref3) {
   var handleClick = _react.default.useCallback(function (event) {
     event.stopPropagation();
     fireAnalyticsEvent({
-      action: _analytics.ACTION.TOGGLED,
-      actionSubject: _analytics.ACTION_SUBJECT.HEADING,
+      action: _enums.ACTION.TOGGLED,
+      actionSubject: _enums.ACTION_SUBJECT.HEADING,
       attributes: {
         expanded: isCollapsed,
         headingLevel: headingLevel
       },
-      eventType: _analytics.EVENT_TYPE.TRACK
+      eventType: _enums.EVENT_TYPE.TRACK
     });
     toggle();
   }, [fireAnalyticsEvent, headingLevel, isCollapsed, toggle]);

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

@@ -156,7 +156,9 @@ exports.toReact = exports.nodeToReact = exports.mergeTextNodes = exports.isTextW
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _ui = require("@atlaskit/editor-common/ui");
+var _UnsupportedBlock = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedBlock"));
+var _UnsupportedInline = _interopRequireDefault(require("@atlaskit/editor-common/UnsupportedInline"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _blockquote = _interopRequireDefault(require("./blockquote"));
 var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
 var _bulletList = _interopRequireDefault(require("./bulletList"));
@@ -496,8 +498,8 @@ var nodeToReact = exports.nodeToReact = {
   tableHeader: _tableCell.TableHeader,
   tableRow: _tableRow.default,
   unknownBlock: _unknownBlock.default,
-  unsupportedBlock: _ui.UnsupportedBlock,
-  unsupportedInline: _ui.UnsupportedInline,
+  unsupportedBlock: _UnsupportedBlock.default,
+  unsupportedInline: _UnsupportedInline.default,
   expand: Expand,
   syncBlock: SyncBlockLoader,
   bodiedSyncBlock: BodiedSyncBlock,
@@ -513,8 +515,8 @@ var toReact = exports.toReact = function toReact(node, flags, nodeComponents
     return _doc.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({}, (0, _isExperimentEnabled.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) {