@atlaskit/renderer 141.0.1 → 141.0.2

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

@@ -6,25 +6,26 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 
 import React, { PureComponent, Fragment, useEffect, useState, useMemo } 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 { 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 { fg } from '@atlaskit/platform-feature-flags/fg';
+import { MODE, PLATFORM } from '../../../analytics/events';
+import { useAnnotationRangeState } from '../../../ui/annotations/contexts/AnnotationRangeContext';
+import { useInlineCommentSubscriberContext } from '../../../ui/annotations/hooks/use-inline-comment-subscriber';
+import { useInlineCommentsFilter } from '../../../ui/annotations/hooks/use-inline-comments-filter';
 import { MediaCard } from '../../../ui/MediaCard';
-import { AnnotationMarkStates } from '@atlaskit/adf-schema/annotation';
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
 import { getEventHandler } from '../../../utils';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, VIEW_METHOD } from '@atlaskit/editor-common/analytics';
-import { MODE, PLATFORM } from '../../../analytics/events';
 import AnnotationComponent from '../../marks/annotation';
-import { CommentBadgeNext, ExternalImageBadge, MediaBadges } from '@atlaskit/editor-common/media-single';
-import { useInlineCommentsFilter } from '../../../ui/annotations/hooks/use-inline-comments-filter';
-import { useInlineCommentSubscriberContext } from '../../../ui/annotations/hooks/use-inline-comment-subscriber';
-import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-import { useAnnotationRangeState } from '../../../ui/annotations/contexts/AnnotationRangeContext';
 const getDataConsumerMark = marks => marks.find(mark => {
   var _mark$type;
   return mark.type === 'dataConsumer' || ((_mark$type = mark.type) === null || _mark$type === void 0 ? void 0 : _mark$type.name) === 'dataConsumer';

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

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
+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 MediaInlineCard from '@atlaskit/media-card/loader';
-import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
+import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
-import React, { useCallback, useEffect, useMemo, useState, useContext } from 'react';
-import { injectIntl } from 'react-intl';
+import { ACTION_SUBJECT } from '../../analytics/enums';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
-import { ACTION_SUBJECT } from '../../analytics/enums';
-import { ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 const RenderMediaInline = ({
   rendererAppearance: _rendererAppearance,
   clipboardAttrs,

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

@@ -5,16 +5,17 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 
 import { default as React, Fragment, useCallback, useContext, useMemo, useEffect } from 'react';
+
 // 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 { fg } from '@atlaskit/platform-feature-flags/fg';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
-import { FullPagePadding } from '../../../ui/Renderer/style';
-import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnnotationHoverDispatch } from '../../../ui/annotations/contexts/AnnotationHoverContext';
+import { useAnnotationRangeDispatch } from '../../../ui/annotations/contexts/AnnotationRangeContext';
+import { FullPagePadding } from '../../../ui/Renderer/style';
 const DEFAULT_WIDTH = 250;
 const DEFAULT_HEIGHT = 200;
 const uiMediaSingleBaseStyles = css({

package/dist/es2019/react/nodes/multiBodiedExtension.js

@@ -5,17 +5,18 @@
  */
 
 /* 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 React, { useContext, useState } from 'react';
+import { jsx, css } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
-import { RendererCssClassName } from '../../consts';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
-import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { calcBreakoutWidthCss } from '../utils/breakout';
 import AnalyticsContext from '../../analytics/analyticsContext';
+import { RendererCssClassName } from '../../consts';
+import { calcBreakoutWidthCss } from '../utils/breakout';
+import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
+import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
 const containerStyles = css({
   // Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors

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

@@ -10,8 +10,8 @@ import { ax, ix } from "@compiled/react/runtime";
  */
 import React from 'react';
 import { PanelType } from '@atlaskit/adf-schema/panel';
-import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.

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

@@ -14,8 +14,8 @@ 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 { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
+import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // New custom icons are a little smaller than predefined icons.

package/dist/es2019/react/nodes/status.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { memo } from 'react';
-import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Status as AkStatus } from '@atlaskit/status/element';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 const ANALYTICS_DATA = {
   userContext: 'document'

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

@@ -1,12 +1,11 @@
 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 { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { useRendererContext } from '../../../renderer-context';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-
+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:
 // User A creates a table with column widths → User B views it on a smaller screen

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

@@ -4,14 +4,15 @@ import _extends from "@babel/runtime/helpers/extends";
  * @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 const tableStickyPadding = 8;
 const modeSpecficStyles = {
   none: css({

package/dist/es2019/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 const Table = /*#__PURE__*/React.memo(({
   innerRef,

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

@@ -1,27 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /* 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';
 const 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/es2019/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';
 const IgnoreSorting = ['LABEL', 'INPUT'];
 const nextStatusOrder = currentSortOrder => {
   switch (currentSortOrder) {

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/react/nodes/taskItem.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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
 export default class TaskItem extends PureComponent {

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

@@ -1,7 +1,7 @@
 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';
 const getMediaClientConfigForRenderer = provider => {

package/dist/es2019/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/es2019/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/es2019/render-document.js

@@ -1,6 +1,7 @@
 /* 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';
@@ -8,7 +9,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/es2019/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/es2019/text/nodes/status.js

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

package/dist/es2019/ui/Expand.js

@@ -2,22 +2,24 @@
  * @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';
 const titleStyles = css({
   outline: 'none',
   border: 'none',

package/dist/es2019/ui/ExtensionRenderer.js

@@ -2,9 +2,12 @@
  * @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/es2019/ui/MediaCard.js

@@ -2,15 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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/es2019/ui/Renderer/PortalContext.js

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

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

@@ -8,29 +8,29 @@
 // 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';
 const wrappedMediaBreakoutPoint = 410;
 const TELEPOINTER_ID = 'ai-streaming-telepointer';
 const tableShadowWidth = 32;
@@ -661,17 +661,6 @@ const headingWrapperInlineFlowStyles = css({
     marginTop: '1.59091em'
   }
 });
-const headingAnchorWrapperTargetSizeStyles = css({
-  '& .renderer-heading-wrapper > h1, & .renderer-heading-wrapper > h2, & .renderer-heading-wrapper > h3, & .renderer-heading-wrapper > h4, & .renderer-heading-wrapper > h5, & .renderer-heading-wrapper > h6': {
-    verticalAlign: 'middle'
-  },
-  [`& .renderer-heading-wrapper > .${HeadingAnchorWrapperClassName}`]: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    verticalAlign: 'middle'
-  }
-});
 const headingWithAlignmentStylesDuplicateAnchor = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
@@ -2931,7 +2920,7 @@ export const RendererStyleContainer = props => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
       '--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
     },
-    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, isExperimentEnabled('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
+    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

package/dist/es2019/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/es2019/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