@atlaskit/renderer 136.2.4 → 136.2.6

package/dist/es2019/ui/MediaCard.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component, useContext } from 'react';
 import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/media-card';
-import { MediaClientContext } from '@atlaskit/media-client-react';
+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';

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

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react'; // oxlint-ignore @typescript-eslint/c
 
 import { FullPagePadding } from './style';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags';
+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';
@@ -1235,7 +1235,7 @@ const headerSmartCardStyles = css({
   }
 });
 
-// Flex wrapper for centering without transform (platform_editor_flex_based_centering).
+// Flex wrapper for centering without transform.
 // flex: 1 1 0% + minWidth: 0 so the wrapper takes full width when it's a flex item (full-width nodes otherwise render narrow).
 // flexShrink: 0 on child so the node keeps size.
 const centerWrapperStyles = css({
@@ -1340,7 +1340,7 @@ const baseOtherStylesDuplicateAnchor = css({
     [`.${RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER} .${RendererCssClassName.EXTENSION}`]: {
       marginBottom: 0
     },
-    /* platform_editor_flex_based_centering: embed card center wrapper has margin; zero MediaSingle vertical margin when wrapped so it doesn't double */
+    /* Embed card center wrapper has margin; zero MediaSingle vertical margin when wrapped so it doesn't double */
     [`.${RendererCssClassName.EMBED_CARD_CENTER_WRAPPER} .mediaSingleView-content-wrap`]: {
       marginTop: 0,
       marginBottom: 0
@@ -1376,15 +1376,6 @@ const hideExtensionStyles = css({
     marginTop: 0
   }
 });
-const extensionCenterAlignLegacyStyles = css({
-  [`.${RendererCssClassName.DOCUMENT}`]: {
-    [`.${RendererCssClassName.EXTENSION_CENTER_ALIGN}`]: {
-      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-      marginLeft: '50%',
-      transform: 'translateX(-50%)'
-    }
-  }
-});
 const baseOtherStyles = css({
   '& .UnknownBlock': {
     fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
@@ -1473,7 +1464,7 @@ const baseOtherStyles = css({
     [`.${RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER} .${RendererCssClassName.EXTENSION}`]: {
       marginBottom: 0
     },
-    /* platform_editor_flex_based_centering: embed card center wrapper has margin; zero MediaSingle vertical margin when wrapped so it doesn't double */
+    /* Embed card center wrapper has margin; zero MediaSingle vertical margin when wrapped so it doesn't double */
     [`.${RendererCssClassName.EMBED_CARD_CENTER_WRAPPER} .mediaSingleView-content-wrap`]: {
       marginTop: 0,
       marginBottom: 0
@@ -2922,7 +2913,7 @@ export const RendererStyleContainer = props => {
     // 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
-    fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor, !expValEquals('platform_editor_flex_based_centering', 'isEnabled', true) && extensionCenterAlignLegacyStyles,
+    fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
     // this should be placed after baseOtherStyles
     expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
     // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer

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

@@ -1,7 +1,7 @@
 /* eslint-disable jsdoc/require-jsdoc -- SSR inline script helpers */
 import React from 'react';
 import { breakoutConsts } from '@atlaskit/editor-common/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FullPagePadding } from './style';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 /**

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

@@ -19,9 +19,9 @@ import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigati
 import { useScrollToBlock } from '../hooks/useScrollToBlock';
 import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking } from '@atlaskit/editor-common/utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
-import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+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
@@ -60,7 +60,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "136.2.3";
+const packageVersion = "136.2.5";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

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

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

@@ -7,7 +7,7 @@ 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 { AnnotationMarkStates } from '@atlaskit/adf-schema';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useIntl } from 'react-intl';
 import { inlineCommentMessages } from '../../../messages';
 import { useAnnotationManagerDispatch, useAnnotationManagerState } from '../contexts/AnnotationManagerContext';

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

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

package/dist/es2019/ui/annotations/index.js

@@ -5,7 +5,7 @@ import { AnnotationsContextWrapper } from './wrapper';
 import { ProvidersContext, InlineCommentsStateContext } from './context';
 import { useLoadAnnotations } from './hooks/use-load-annotations';
 import { useAnnotationStateByTypeEvent } from './hooks/use-events';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { AnnotationRangeProvider } from './contexts/AnnotationRangeContext';
 import { AnnotationHoverContext } from './contexts/AnnotationHoverContext';
 import { AnnotationManagerProvider } from './contexts/AnnotationManagerContext';

package/dist/es2019/ui/annotations/selection/mounter.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useMemo, useEffect } from 'react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';

package/dist/esm/actions/get-renderer-range-inline-node-names.js

@@ -1,5 +1,5 @@
 import { getRangeInlineNodeNames, getRangeAncestorNodeNames } from '@atlaskit/editor-common/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export function getRendererRangeInlineNodeNames(_ref) {
   var actions = _ref.actions,
     pos = _ref.pos;

package/dist/esm/actions/index.js

@@ -8,7 +8,7 @@ import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createAnnotationStep, getPosFromRange } from '../steps';
 import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
 import { getIndexMatch } from './matches-utils';

package/dist/esm/react/index.js

@@ -17,11 +17,11 @@ import { isNestedHeaderLinksEnabled } from './utils/links';
 import { getColumnWidths } from '@atlaskit/editor-common/utils';
 import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
 import { findChildrenByMark, findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getText } from '../utils';
 import { isAnnotationMark, toReact as markToReact } from './marks';
 import { isCodeMark } from './marks/code';
-import { getNestedUnderNodes, insideBlockNode, insideBreakoutExpand, insideBreakoutLayout, insideMultiBodiedExtension, insideTable } from './renderer-node';
+import { getNestedUnderNodes, insideBlockNode, insideMultiBodiedExtension, insideTable } from './renderer-node';
 import { renderTextSegments } from './utils/render-text-segments';
 import { segmentText } from './utils/segment-text';
 import { getStandaloneBackgroundColorMarks } from './utils/getStandaloneBackgroundColorMarks';
@@ -440,9 +440,7 @@ var ReactSerializer = /*#__PURE__*/function () {
       var isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
       var isInsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
       var isInsideOfTable = insideTable(path, node.type.schema);
-      var isStickySafeCenteringEnabled = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
-      var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && expValEquals('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && insideBreakoutExpand(path);
-      var stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !insideBreakoutLayout(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
+      var stickyHeaders = !isInsideOfTable ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: getColumnWidths(node),

package/dist/esm/react/marks/breakout.js

@@ -9,15 +9,6 @@ import { akEditorFullWidthLayoutWidth, akEditorMaxLayoutWidth, blockNodesVertica
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { RendererCssClassName } from '../../consts';
-
-// Legacy centering (breaks position: sticky in nested content).
-var legacyWrapperStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  margin: "".concat(blockNodesVerticalMargin, " 0"),
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});
 var flexWrapperStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: "".concat(blockNodesVerticalMargin, " 0")
@@ -56,32 +47,15 @@ export default function Breakout(props) {
   var _props$width;
   var breakoutWidth = (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : null;
   var width = getWidth(breakoutWidth, props.mode);
-  var useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
-  if (useStickySafeCentering) {
-    return jsx("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      className: RendererCssClassName.STICKY_SAFE_BREAKOUT_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER,
-      css: flexWrapperStyles
-    }, jsx("div", _extends({
-      css: innerWrapperStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: "".concat(RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " fabric-editor-breakout-mark fabric-editor-block-mark"),
-      "data-mode": props.mode
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, editorExperiment('advanced_layouts', true) && {
-      'data-has-width': !!props.width,
-      'data-width': props.width
-    }, {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: {
-        width: width
-      }
-    }), props.children));
-  }
-  return jsx("div", _extends({
-    css: legacyWrapperStyles,
+  return jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: RendererCssClassName.STICKY_SAFE_BREAKOUT_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER,
+    css: flexWrapperStyles
+  }, jsx("div", _extends({
+    css: innerWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: "".concat(RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " fabric-editor-breakout-mark fabric-editor-block-mark"),
     "data-mode": props.mode
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
@@ -93,8 +67,5 @@ export default function Breakout(props) {
     style: {
       width: width
     }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "fabric-editor-breakout-mark fabric-editor-block-mark"
-  }), props.children);
+  }), props.children));
 }

package/dist/esm/react/marks/code.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import AkCode from '@atlaskit/code/inline';
+import AkCode from '@atlaskit/code/code';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 export var isCodeMark = function isCodeMark(mark) {
   return mark && mark.type && mark.type.name === 'code';

package/dist/esm/react/marks/link.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { LinkUrlCompiled } from './link-compiled';
 import { LinkUrlEmotion } from './link-emotion';
 var LinkUrlMigration = componentWithCondition(function () {

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

@@ -2,7 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper) {
     var _this = this;

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

@@ -12,11 +12,10 @@ import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { getEventHandler } from '../../utils';
 import InlineCard from './inlineCard';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import { RendererCssClassName } from '../../consts';
@@ -32,22 +31,12 @@ var datasourceContainerStyleWithMarginTop = css({
   marginBottom: "var(--ds-space-150, 12px)"
 });
 
-// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse). Styles from datasourceContainerStyleLegacy
+// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse).
 var datasourceContainerStyleNoVerticalMargin = css({
   borderRadius: "var(--ds-radius-large, 8px)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden'
 });
-var datasourceContainerStyleLegacy = css({
-  borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-  overflow: 'hidden',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  marginBottom: "var(--ds-space-150, 12px)",
-  transform: 'translateX(-50%)',
-  marginTop: "var(--ds-space-150, 12px)"
-});
 export default function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -132,10 +121,9 @@ export default function BlockCard(props) {
         onClick: onConsumerClick
       }), jsx(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
-        var useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
-        var useCenterWrapper = !isNodeNested && useStickySafeCentering;
+        var useCenterWrapper = !isNodeNested;
         var datasourceDiv = jsx("div", {
-          css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin : useStickySafeCentering ? datasourceContainerStyleWithMarginTop : datasourceContainerStyleLegacy,
+          css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin : datasourceContainerStyleWithMarginTop,
           "data-testid": "renderer-datasource-table",
           "data-local-id": localId,
           style: {

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { renderExtension } from './extension';
 import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';

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

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

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

@@ -3,10 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import CopyIcon from '@atlaskit/icon/core/copy';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useState } from 'react';

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

@@ -7,8 +7,8 @@ import { injectIntl } from 'react-intl';
 import DownloadIcon from '@atlaskit/icon/core/download';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { IconButton } from '@atlaskit/button/new';
-import Tooltip from '@atlaskit/tooltip';
+import IconButton from '@atlaskit/button/icon/button';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';

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

@@ -6,9 +6,9 @@
 import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button/custom-theme-button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
 var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {

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

@@ -13,9 +13,8 @@ import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { SmartCardContext } from '@atlaskit/link-provider';
 import { WidthConsumer, UnsupportedBlock, MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
 import { akEditorDefaultLayoutWidth, akEditorFullPageNarrowBreakout, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { CardErrorBoundary } from './fallback';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
@@ -23,7 +22,7 @@ import { RendererCssClassName } from '../../consts';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { getEventHandler } from '../../utils';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import BlockCard from './blockCard';
 var embedCardWrapperStyles = css({
@@ -44,14 +43,6 @@ var embedCardCenterWrapperStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- Matches editor-common MediaSingle calcMargin
   margin: '24px 0'
 });
-
-// Legacy centering when platform_editor_flex_based_centering is off.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var uIMediaSingleLayoutStylesLegacy = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});
 function EmbedCardInternal(props) {
   var _smartLinks$frameStyl;
   var url = props.url,
@@ -156,8 +147,6 @@ function EmbedCardInternal(props) {
       }
     }
     var lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
-    var useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
-    var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? useStickySafeCentering ? undefined : uIMediaSingleLayoutStylesLegacy : '';
     var onError = function onError(_ref4) {
       var err = _ref4.err;
       if (err) {
@@ -213,9 +202,8 @@ function EmbedCardInternal(props) {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, function () {
-        var useCenterWrapper = (layout === 'full-width' || layout === 'wide') && expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
+        var useCenterWrapper = layout === 'full-width' || layout === 'wide';
         var mediaSingle = jsx(UIMediaSingle, {
-          css: uiMediaSingleStyles,
           layout: layout,
           width: originalWidth,
           containerWidth: containerWidth,

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

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

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

@@ -15,7 +15,7 @@ import { RendererCssClassName } from '../../consts';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var viewportSizes = ['small', 'medium', 'default', 'large', 'xlarge'];
 // Mirrors sizes from https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/forge/xen-editor-provider/src/render/renderers/ForgeUIExtension.tsx
 var macroHeights = {
@@ -126,7 +126,7 @@ export var renderExtension = function renderExtension(content, layout) {
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
       css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
-    return centerAlignClass && expValEquals('platform_editor_flex_based_centering', 'isEnabled', true) ? jsx("div", {
+    return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       className: RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER
     }, extensionDiv) : extensionDiv;
@@ -156,7 +156,7 @@ export var renderExtension = function renderExtension(content, layout) {
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
       css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
-    return centerAlignClass && expValEquals('platform_editor_flex_based_centering', 'isEnabled', true) ? jsx("div", {
+    return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       className: RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + RendererCssClassName.FLEX_CENTER_WRAPPER
     }, extensionDiv) : extensionDiv;

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

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { isSafeUrl } from '@atlaskit/adf-schema';
-import Link from '@atlaskit/link';
+import Link from '@atlaskit/link/link';
 import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
 import React from 'react';
 import { InlineCard } from './';

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

@@ -22,7 +22,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import LinkIcon from '@atlaskit/icon/core/link';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { headingAnchorLinkMessages } from '../../messages';
 export var HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
 var CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {

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

@@ -5,7 +5,7 @@ import "./heading.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { useIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles/constants';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';

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

@@ -14,8 +14,8 @@ import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
 import { useSmartLinkActions } from '@atlaskit/smart-card/hooks';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { HoverLinkOverlay, UnsupportedInline } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
@@ -26,7 +26,7 @@ import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { getEventHandler } from '../../utils';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 import { usePortal } from '../../ui/Renderer/PortalContext';
-import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
+import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 var HoverLinkOverlayNoop = function HoverLinkOverlayNoop(props) {
   return jsx(Fragment, null, props.children);
 };

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

@@ -9,7 +9,7 @@ import "./layoutColumn-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { WidthProvider } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui

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

@@ -14,7 +14,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- intentional: emotion fallback for compiled migration
 import { css, jsx } from '@emotion/react';
 import { WidthProvider } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react/component-with-condition';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { LayoutSectionCompiled } from './layoutColumn-compiled';
 import { LayoutSectionEmotion } from './layoutColumn-emotion';

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

@@ -20,11 +20,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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';
-import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context';
+import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
+import { MEDIA_CONTEXT } from '@atlaskit/analytics-namespaced-context/MediaAnalyticsContext';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { MediaCard } from '../../../ui/MediaCard';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';