@atlaskit/renderer 141.0.0 → 141.0.2

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

@@ -7,14 +7,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 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 { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
+import { Table } from './table';
 export var tableStickyPadding = 8;
 var modeSpecficStyles = {
   none: css({

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

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { Colgroup, colWidthSum } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { Colgroup, colWidthSum } from './colgroup';
 import { isContentModeSupported } from './content-mode';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var _tableNode$attrs;

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

@@ -14,27 +14,28 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/enforce-style-prop, @repo/internal/react/no-class-components */
+
 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 { SortOrder } from '@atlaskit/editor-common/types';
 import { overflowShadow } from '@atlaskit/editor-common/ui';
-import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { FullPagePadding } from '../../ui/Renderer/style';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { RendererCssClassName } from '../../consts';
 import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
-import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
-import { TableCell, TableHeader } from './tableCell';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { RendererCssClassName } from '../../consts';
+import { useRendererContext } from '../../renderer-context';
+import { FullPagePadding } from '../../ui/Renderer/style';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
+import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
+import { isContentModeSupported } from './table/content-mode';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
-import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
+import { TableCell, TableHeader } from './tableCell';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-import { useRendererContext } from '../../renderer-context';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isTableInContentMode } from '@atlaskit/editor-common/table';
-import { isContentModeSupported } from './table/content-mode';
 var stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",

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

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { tableBackgroundColorNameByHex } from '@atlaskit/adf-schema/tableNodes';
+import { useIntl } from 'react-intl';
 import { getDarkModeLCHColor } from '@atlaskit/adf-schema/get-dark-mode-lch-color';
-import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
+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 { SortOrder } from '@atlaskit/editor-common/types';
 import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
-import { SortingIcon } from '@atlaskit/editor-common/table';
+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';
 import { MODE, PLATFORM } from '../../analytics/events';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { RendererCssClassName } from '../../consts';
-import { useIntl } from 'react-intl';
 import { tableCellMessages } from '../../messages';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
   switch (currentSortOrder) {

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

@@ -7,9 +7,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { compose } from '@atlaskit/editor-common/utils';
 import { SortOrder } from '@atlaskit/editor-common/types';
+import { compose } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { RendererCssClassName } from '../../consts';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components

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

@@ -8,10 +8,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 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 { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
-import TaskItemWithProviders from './task-item-with-providers';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
+import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { TaskItemsFormatProvider, TaskItemsFormatConsumer } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
+import TaskItemWithProviders from './task-item-with-providers';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var TaskItem = /*#__PURE__*/function (_PureComponent) {

package/dist/esm/react/utils/EditorMediaClientProvider.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react';
-import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
-import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { useProviderFactory, useProviderLayout } from '@atlaskit/editor-common/provider-factory';
+import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
+import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 var getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {

package/dist/esm/react/utils/getStandaloneBackgroundColorMarks.js

@@ -1,4 +1,5 @@
 import ReactSerializer from '..';
+
 /**
  * Returns an array of **backgroundColor marks** that should be considered "standalone"
  * for highlight padding purposes.

package/dist/esm/react/utils/use-select-all-trap.js

@@ -1,5 +1,5 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import React from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { ElementSelection } from './element-selection';
 

package/dist/esm/render-document.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
+import memoizeOne from 'memoize-one';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
@@ -9,7 +10,6 @@ import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaski
 import { getValidDocument } from '@atlaskit/editor-common/validator';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import memoizeOne from 'memoize-one';
 import { PLATFORM } from './analytics/events';
 import { trackUnsupportedContentLevels } from './analytics/unsupported-content';
 import { countNodes } from './ui/Renderer/count-nodes';

package/dist/esm/steps/index.js

@@ -1,6 +1,7 @@
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
-import { fg } from '@atlaskit/platform-feature-flags/fg';
+
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp

package/dist/esm/text/nodes/status.js

@@ -1,5 +1,5 @@
-import { getText } from '../../utils';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { getText } from '../../utils';
 var status = function status(node, _schema) {
   return node.attrs.text ? node.attrs.style === 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : getText(node);
 };

package/dist/esm/ui/Expand.js

@@ -3,22 +3,24 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
+import _uniqueId from 'lodash/uniqueId';
+import { injectIntl } from 'react-intl';
 import { getDocument } from '@atlaskit/browser-apis';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
-import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { ExpandBodyProvider, useExpandBody } from './utils/expand-body';
-import _uniqueId from 'lodash/uniqueId';
-import { injectIntl } from 'react-intl';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { MODE, PLATFORM } from '../analytics/events';
 import { ActiveHeaderIdConsumer } from './active-header-id-provider';
+import { ExpandBodyProvider, useExpandBody } from './utils/expand-body';
 var titleStyles = css({
   outline: 'none',
   border: 'none',

package/dist/esm/ui/ExtensionRenderer.js

@@ -3,9 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
-import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 import React from 'react';
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react';
+// oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 import memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';

package/dist/esm/ui/MediaCard.js

@@ -13,15 +13,15 @@ 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, { Component, useContext } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { CardError } from '@atlaskit/media-card/cardError';
 import CardAsync from '@atlaskit/media-card/cardLoader';
-import CardSync from '@atlaskit/media-card/cardSync';
 import { CardLoading } from '@atlaskit/media-card/cardLoading';
-import { CardError } from '@atlaskit/media-card/cardError';
+import CardSync from '@atlaskit/media-card/cardSync';
 import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
-import { withImageLoader } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import AnalyticsContext from '../analytics/analyticsContext';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {

package/dist/esm/ui/Renderer/ErrorBoundary.js

@@ -7,8 +7,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
+import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
 

package/dist/esm/ui/Renderer/PortalContext.js

@@ -1,4 +1,5 @@
 /* eslint-disable jsdoc/require-jsdoc -- thin portal context helpers */
+
 import React, { useContext } from 'react';
 export var PortalContext = /*#__PURE__*/React.createContext(undefined);
 export function usePortal(props) {

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -10,29 +10,29 @@ var _css9, _$concat3, _$concat5;
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
-import { FullPagePadding } from './style';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { RendererCssClassName } from '../../consts';
-import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
-import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
-import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
-import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { bulletListSelector } from '@atlaskit/adf-schema/bullet-list';
 import { orderedListSelector } from '@atlaskit/adf-schema/ordered-list';
-import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
-import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
+import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, defaultInlineEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
+import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
+import { CodeBlockSharedCssClassName, DateSharedCssClassName, listItemCounterPadding, richMediaClassName, SmartCardSharedCssClassName, tableCellBorderWidth, tableCellMinWidth, tableCellPadding, tableMarginTop, TableSharedCssClassName, TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { SORTABLE_COLUMN_ICON_CLASSNAME } from '@atlaskit/editor-common/table';
-import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
 import { editorUGCTokensRefreshed } from '@atlaskit/editor-common/ugc-tokens';
-import { getBaseFontSize } from './get-base-font-size';
-import { EmojiSharedCssClassName, defaultEmojiHeight, defaultDenseEmojiHeight, defaultInlineEmojiHeight, scaledEmojiHeightH1, scaledEmojiHeightH2, scaledEmojiHeightH3, scaledEmojiHeightH4, denseEmojiHeightH1, denseEmojiHeightH2, denseEmojiHeightH3, denseEmojiHeightH4 } from '@atlaskit/editor-common/emoji';
+import { shadowClassNames, shadowObserverClassNames } from '@atlaskit/editor-common/ui';
+import { akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+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';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
+import { RendererCssClassName } from '../../consts';
+import { LightWeightCodeBlockCssClassName } from '../../react/nodes/codeBlock/components/lightWeightCodeBlock';
+import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
+import { isStickyScrollbarEnabled, isTableResizingEnabled } from '../../react/nodes/table';
 import { COLLAPSED_CONTENT_OWNERS_ATTRIBUTE } from '../collapsible-headings-dom';
+import { getBaseFontSize } from './get-base-font-size';
+import { FullPagePadding } from './style';
 var wrappedMediaBreakoutPoint = 410;
 var TELEPOINTER_ID = 'ai-streaming-telepointer';
 var tableShadowWidth = 32;

package/dist/esm/ui/Renderer/breakout-ssr.js

@@ -1,8 +1,9 @@
 /* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
+
 import React from 'react';
 import { breakoutConsts } from '@atlaskit/editor-common/utils';
-import { FullPagePadding } from './style';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { FullPagePadding } from './style';
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.

package/dist/esm/ui/Renderer/count-nodes.js

@@ -1,4 +1,5 @@
 /* eslint-disable jsdoc/require-jsdoc */
+
 import { reduce } from '@atlaskit/adf-utils/traverse';
 
 // Ignored via go/ees005

package/dist/esm/ui/Renderer/index.js

@@ -9,27 +9,27 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */
 import React, { Fragment, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
-import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
-import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
-import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
-import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
-
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+import { v4 as uuid } from 'uuid';
+import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
+import { FabricChannel } from '@atlaskit/analytics-listeners/types';
+import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { isPanelNestingTableSupported } from '@atlaskit/editor-common/nesting';
+import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
 import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
 import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
-import { useScrollToBlock } from '../hooks/useScrollToBlock';
+import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
+import { BaseTheme, IntlErrorBoundary, UnsupportedBlock, WidthProvider, WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
 import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking } from '@atlaskit/editor-common/utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { FabricChannel } from '@atlaskit/analytics-listeners/types';
-import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricEditorAnalyticsContext';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import { v4 as uuid } from 'uuid';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { ReactSerializer, renderDocument } from '../../';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { MODE, PLATFORM } from '../../analytics/events';
@@ -37,26 +37,25 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 import { getActiveHeadingId, isNestedHeaderLinksEnabled } from '../../react/utils/links';
 import { RendererContextProvider, useRendererContext } from '../../renderer-context';
 import { findInTree } from '../../utils';
-import { RendererContext as ActionsContext, RendererActionsContext } from '../RendererActionsContext';
-import { Provider as SmartCardStorageProvider } from '../SmartCardStorage';
 import { ActiveHeaderIdProvider } from '../active-header-id-provider';
 import { AnnotationsPositionContext, AnnotationsWrapper } from '../annotations';
 import { CollapsibleHeadingsProvider } from '../collapsible-headings';
-import { ErrorBoundary } from './ErrorBoundary';
+import { useScrollToBlock } from '../hooks/useScrollToBlock';
+import { RendererContext as ActionsContext, RendererActionsContext } from '../RendererActionsContext';
+import { Provider as SmartCardStorageProvider } from '../SmartCardStorage';
+import { getHeightInfoPayload, getWidthInfoPayload } from './analytics-utils';
 import { BreakoutSSRInlineScript } from './breakout-ssr';
 import { isInteractiveElement } from './click-to-edit';
 import { countNodes } from './count-nodes';
-import { TELEPOINTER_ID } from './style';
-import { TruncatedWrapper } from './truncated-wrapper';
-import { ValidationContext } from './ValidationContext';
-import { RendererStyleContainer } from './RendererStyleContainer';
+import { ErrorBoundary } from './ErrorBoundary';
 import { getBaseFontSize } from './get-base-font-size';
+import { PortalContext } from './PortalContext';
 import { removeEmptySpaceAroundContent } from './rendererHelper';
+import { RendererStyleContainer } from './RendererStyleContainer';
+import { TELEPOINTER_ID } from './style';
+import { TruncatedWrapper } from './truncated-wrapper';
 import { useMemoFromPropsDerivative } from './useMemoFromPropsDerivative';
-import { PortalContext } from './PortalContext';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { getHeightInfoPayload, getWidthInfoPayload } from './analytics-utils';
+import { ValidationContext } from './ValidationContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 
@@ -64,7 +63,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "140.2.8";
+var packageVersion = "141.0.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/Renderer/truncated-wrapper.js

@@ -9,9 +9,14 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
-import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 import { Component } from 'react';
+
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
+import { css, jsx } from '@emotion/react';
+
+// oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
+
 var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return css({
     position: 'relative',

package/dist/esm/ui/Renderer/useMemoFromPropsDerivative.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /* eslint-disable jsdoc/require-jsdoc */
+
 import { useMemo, useRef } from 'react';
 export function useMemoFromPropsDerivative(factory, propsDerivator, props) {
   // cache the last set of props

package/dist/esm/ui/RendererActionsContext/index.js

@@ -1,9 +1,10 @@
 /* eslint-disable jsdoc/require-jsdoc */
+
 import React, { useMemo } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import RendererActions from '../../actions/index';
 export var RendererContext = /*#__PURE__*/React.createContext(new RendererActions());
 export function RendererActionsContext(_ref) {

package/dist/esm/ui/TaskItemsFormatContext/TaskItemsFormatContext.js

@@ -1,4 +1,5 @@
 /* eslint-disable jsdoc/require-jsdoc */
+
 import React from 'react';
 var defaultValue = [undefined, function () {}];
 var TaskItemsFormatContext = /*#__PURE__*/React.createContext(defaultValue);

package/dist/esm/ui/annotations/draft/component.js

@@ -4,17 +4,18 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsx jsx
  */
 import React, { Fragment, useCallback } from 'react';
+
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- emotion jsx pragma; go/DSP-18766
 import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/consistent-type-imports -- classic @jsx jsx factory + jsx.JSX.Element types
 
-import { InsertDraftPosition } from '../types';
-import { splitText, calcTextSplitOffset, findTextString } from './text';
-import { calcInsertDraftPositionOnText } from './position';
-import { dataAttributes } from './dom';
-import { segmentText } from '../../../react/utils/segment-text';
 import { renderTextSegments } from '../../../react/utils/render-text-segments';
+import { segmentText } from '../../../react/utils/segment-text';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 import { useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
+import { InsertDraftPosition } from '../types';
+import { dataAttributes } from './dom';
+import { calcInsertDraftPositionOnText } from './position';
+import { splitText, calcTextSplitOffset, findTextString } from './text';
 
 // Localized AnnotationSharedCSSByState().common and AnnotationSharedCSSByState().focus
 var markStyles = css({

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

@@ -1,12 +1,12 @@
 import React, { useMemo, useCallback, useContext } from 'react';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema/annotation';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-import { MarkComponent } from './mark';
-import { useInlineCommentsFilter } from '../hooks/use-inline-comments-filter';
-import { useInlineCommentSubscriberContext } from '../hooks/use-inline-comment-subscriber';
-import { useHasFocusEvent } from '../hooks/use-events';
 import { InlineCommentsStateContext } from '../context';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
+import { useHasFocusEvent } from '../hooks/use-events';
+import { useInlineCommentSubscriberContext } from '../hooks/use-inline-comment-subscriber';
+import { useInlineCommentsFilter } from '../hooks/use-inline-comments-filter';
+import { MarkComponent } from './mark';
 var MarkElement = function MarkElement(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
     children = _ref.children,

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

@@ -8,11 +8,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 
 import { useMemo, useCallback } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { useIntl } from 'react-intl';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema/annotation';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useIntl } from 'react-intl';
 import { inlineCommentMessages } from '../../../messages';
 import { useAnnotationManagerDispatch, useAnnotationManagerState } from '../contexts/AnnotationManagerContext';
 var markStyles = css(_defineProperty({

package/dist/esm/ui/annotations/element/useInlineAnnotationProps.js

@@ -1,4 +1,5 @@
 /* eslint-disable jsdoc/require-jsdoc */
+
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 export function useInlineAnnotationProps(props) {

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

@@ -3,10 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 import { useLayoutEffect, useMemo, useState } from 'react';
-import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
 import { AnnotationTypes } from '@atlaskit/adf-schema/annotation';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
 import { useAnnotationManagerDispatch, useAnnotationManagerState } from '../contexts/AnnotationManagerContext';
 export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEvent(_ref) {
   var type = _ref.type,

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

@@ -3,8 +3,8 @@ 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 { useContext, useEffect } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-import { ProvidersContext } from '../context';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
+import { ProvidersContext } from '../context';
 import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 export var useLoadAnnotations = function useLoadAnnotations(_ref) {
   var adfDocument = _ref.adfDocument,

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -1,8 +1,8 @@
 import { useEffect, useRef, useCallback } from 'react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { isRangeInsideOfRendererContainer } from './utils';
-import { useAnnotationManagerDispatch } from '../contexts/AnnotationManagerContext';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export var useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererDOM = props.rendererRef.current;
   var selectionTimeoutRef = useRef();

package/dist/esm/ui/annotations/hover/mounter.js

@@ -1,11 +1,11 @@
 import React, { useCallback, useContext } from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { AnnotationTypes } from '@atlaskit/adf-schema/annotation';
-import { updateWindowSelectionAroundDraft } from '../draft/dom';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
+import { updateWindowSelectionAroundDraft } from '../draft/dom';
 export var Mounter = /*#__PURE__*/React.memo(function (props) {
   var Component = props.component,
     range = props.range,