@atlaskit/renderer 128.11.1 → 130.0.0

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

@@ -7,7 +7,7 @@ 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-next';
+import { injectIntl } from 'react-intl';
 import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';

package/dist/es2019/react/nodes/table/content-mode.js

@@ -0,0 +1,67 @@
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+/**
+ * Checks whether any cell in the first row of the table has a colwidth attribute set.
+ *
+ * This mirrors `hasTableColumnBeenResized` from editor-plugin-table's `colgroup.ts`.
+ */
+export const hasColWidths = tableNode => {
+  const firstRow = tableNode.content.firstChild;
+  if (!firstRow) {
+    return false;
+  }
+  for (let i = 0; i < firstRow.childCount; i++) {
+    if (firstRow.child(i).attrs.colwidth) {
+      return true;
+    }
+  }
+  return false;
+};
+/**
+ * Mirrors `isContentModeSupported()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * In the editor this checks `allowColumnResizing && allowTableResizing && isFullPageEditor`.
+ * In the renderer there is no separate `allowColumnResizing` flag — `allowTableResizing`
+ * covers both — and `isFullPageEditor` maps to `rendererAppearance === 'full-page'`.
+ */
+const isContentModeSupported = ({
+  allowTableResizing,
+  rendererAppearance
+}) => {
+  return !!allowTableResizing && (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max');
+};
+
+/**
+ * Determines whether a table should render in content mode.
+ *
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
+ * content (table-layout: auto). A table is in content mode when:
+ *
+ * 1. The feature is supported (table resizing enabled, full-page appearance)
+ * 2. The table is at the top level of the document (not nested in another table or block node)
+ * 3. The table node exists
+ * 4. `table.attrs.width` is null (no explicit width set by the user)
+ * 5. No cells in the first row have `colwidth` set (table has not been column-resized)
+ * 6. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
+ *
+ * This mirrors `isTableInContentMode()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * SSR-safe: `expValEquals` returns false on the server (FeatureGates not initialised),
+ * so content mode is never active during SSR — no hydration mismatch.
+ */
+export const isTableInContentMode = ({
+  tableNode,
+  allowTableResizing,
+  rendererAppearance,
+  isTableNested
+}) => {
+  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+    return false;
+  }
+  if (!tableNode) {
+    return false;
+  }
+  return !isTableNested && isContentModeSupported({
+    allowTableResizing,
+    rendererAppearance
+  }) && tableNode.attrs.width === null && !hasColWidths(tableNode) && tableNode.attrs.layout === 'align-start';
+};

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

@@ -4,6 +4,8 @@ import { Colgroup, colWidthSum } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } from './content-mode';
 export const Table = /*#__PURE__*/React.memo(({
   innerRef,
   isNumberColumnEnabled,
@@ -45,6 +47,12 @@ export const Table = /*#__PURE__*/React.memo(({
   }
   const tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   const tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
+  const isContentMode = isTableInContentMode({
+    tableNode,
+    allowTableResizing,
+    rendererAppearance,
+    isTableNested: isInsideOfBlockNode || isInsideOfTable
+  }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {
     role: isPresentational ? 'presentation' : undefined
   }, {
@@ -53,6 +61,7 @@ export const Table = /*#__PURE__*/React.memo(({
     "data-table-width": tableWidth,
     "data-layout": tableLayout,
     "data-table-display-mode": tableDisplayMode,
+    "data-initial-width-mode": isContentMode ? 'content' : undefined,
     ref: innerRef,
     style: {
       marginTop: fixTableSSRResizing ? '0px' : ''

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
 import { tableMessages } from '@atlaskit/editor-common/messages';
 import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
@@ -20,6 +20,7 @@ import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFul
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } from './table/content-mode';
 export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance);
 export const isStickyScrollbarEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) && editorExperiment('platform_renderer_table_sticky_scrollbar', true, {
   exposure: true
@@ -461,15 +462,27 @@ export class TableContainer extends React.Component {
       // instead of 760 that was set on tableNode when the table had been published.
       finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? fixTableSSRResizing ? `calc(${tableWidthCSS})` : tableWidth : 'inherit';
     }
+    const isContentModeTable = isTableInContentMode({
+      tableNode,
+      allowTableResizing,
+      rendererAppearance,
+      isTableNested: isInsideOfBlockNode || isInsideOfTable
+    }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     let style;
     if (fixTableSSRResizing) {
       style = {
+        ...(isContentModeTable && {
+          '--renderer-table-max-width': renderWidthCSS
+        }),
         width: finalTableContainerWidth,
         left: leftCSS ? `calc(${leftCSS})` : undefined,
         marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? `calc(-1 * (${leftCSS}))` : undefined
       };
     } else {
       style = {
+        ...(isContentModeTable && {
+          '--renderer-table-max-width': `${renderWidth}px`
+        }),
         width: finalTableContainerWidth,
         left: left,
         marginLeft: shouldCalculateLeftForAlignment && left !== undefined ? -left : undefined

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

@@ -8,7 +8,7 @@ import { SortingIcon } from '@atlaskit/editor-common/table';
 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-next';
+import { useIntl } from 'react-intl';
 import { tableCellMessages } from '../../messages';
 const IgnoreSorting = ['LABEL', 'INPUT'];
 const nextStatusOrder = currentSortOrder => {

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

@@ -15,6 +15,7 @@ import { Table } from './table/table';
 import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } 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)",
@@ -421,7 +422,16 @@ export class TableContainer extends React.Component {
       // instead of 760 that was set on tableNode when the table had been published.
       finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? `calc(${tableWidthCSS})` : 'inherit';
     }
+    const isContentModeTable = isTableInContentMode({
+      tableNode,
+      allowTableResizing,
+      rendererAppearance,
+      isTableNested: isInsideOfBlockNode || isInsideOfTable
+    }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     const style = {
+      ...(isContentModeTable && {
+        '--renderer-table-max-width': renderWidthCSS
+      }),
       width: finalTableContainerWidth,
       left: leftCSS ? `calc(${leftCSS})` : undefined,
       marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? `calc(-1 * (${leftCSS}))` : undefined

package/dist/es2019/ui/Expand.js

@@ -13,7 +13,7 @@ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 import { fg } from '@atlaskit/platform-feature-flags';
 import _uniqueId from 'lodash/uniqueId';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { MODE, PLATFORM } from '../analytics/events';
 import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

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

@@ -1766,6 +1766,10 @@ const tableSharedStyle = css({
     '&[data-autosize="true"]': {
       tableLayout: 'auto'
     },
+    '&[data-initial-width-mode="content"]': {
+      tableLayout: 'auto',
+      width: 'auto'
+    },
     '*': {
       boxSizing: 'border-box'
     },
@@ -1878,6 +1882,19 @@ const tableSharedStyle = css({
     }
   }
 });
+const tableContentModeStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}:has(table[data-initial-width-mode="content"])`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'max-content !important',
+    maxWidth: 'var(--renderer-table-max-width)'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  [`.${RendererCssClassName.DOCUMENT} table[data-initial-width-mode="content"] > colgroup > col`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    width: 'unset !important'
+  }
+});
 const tableRendererHeaderStylesForTableCellOnly = css({
   [`.${TableSharedCssClassName.TABLE_CONTAINER} > table,
 		.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
@@ -2612,7 +2629,7 @@ export const RendererStyleContainer = props => {
     // 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
-    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "128.11.0";
+const packageVersion = "129.0.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -8,7 +8,7 @@ import { useMemo, useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { inlineCommentMessages } from '../../../messages';
 import { useAnnotationManagerDispatch, useAnnotationManagerState } from '../contexts/AnnotationManagerContext';
 const markStyles = css({

package/dist/esm/messages.js

@@ -1,7 +1,7 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var headingAnchorLinkMessages = defineMessages({
   copyHeadingLinkToClipboard: {
     id: 'fabric.editor.headingLink.copyAnchorLink',

package/dist/esm/react/hooks/use-bidi-warnings.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import CodeBidiWarning from '@atlaskit/code/bidi-warning';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import codeBidiWarningDecorator from '@atlaskit/code/bidi-warning-decorator';

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

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

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

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';

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

@@ -11,7 +11,7 @@ import Tooltip from '@atlaskit/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';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import AnalyticsContext from '../../../../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
 import { copyTextToClipboard } from '../../../utils/clipboard';

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

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
 import Button from '@atlaskit/button/custom-theme-button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';

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

@@ -4,7 +4,7 @@ import React, { memo } from 'react';
 import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { useRendererContext } from '../../renderer-context';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';

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

@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React 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-next';
+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';

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

@@ -11,7 +11,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext, getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
 import React, { useCallback, useEffect, useState, useContext } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ErrorBoundary } from '../../ui/Renderer/ErrorBoundary';

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

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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-next';
+import { injectIntl } from 'react-intl';
 import { MediaSingle as UIMediaSingle, WidthContext } from '@atlaskit/editor-common/ui';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { akEditorFullWidthLayoutWidth, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';

package/dist/esm/react/nodes/table/content-mode.js

@@ -0,0 +1,65 @@
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+/**
+ * Checks whether any cell in the first row of the table has a colwidth attribute set.
+ *
+ * This mirrors `hasTableColumnBeenResized` from editor-plugin-table's `colgroup.ts`.
+ */
+export var hasColWidths = function hasColWidths(tableNode) {
+  var firstRow = tableNode.content.firstChild;
+  if (!firstRow) {
+    return false;
+  }
+  for (var i = 0; i < firstRow.childCount; i++) {
+    if (firstRow.child(i).attrs.colwidth) {
+      return true;
+    }
+  }
+  return false;
+};
+/**
+ * Mirrors `isContentModeSupported()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * In the editor this checks `allowColumnResizing && allowTableResizing && isFullPageEditor`.
+ * In the renderer there is no separate `allowColumnResizing` flag — `allowTableResizing`
+ * covers both — and `isFullPageEditor` maps to `rendererAppearance === 'full-page'`.
+ */
+var isContentModeSupported = function isContentModeSupported(_ref) {
+  var allowTableResizing = _ref.allowTableResizing,
+    rendererAppearance = _ref.rendererAppearance;
+  return !!allowTableResizing && (rendererAppearance === 'full-page' || rendererAppearance === 'full-width' || rendererAppearance === 'max');
+};
+
+/**
+ * Determines whether a table should render in content mode.
+ *
+ * Content mode tables have no fixed column widths — the browser sizes columns to fit their
+ * content (table-layout: auto). A table is in content mode when:
+ *
+ * 1. The feature is supported (table resizing enabled, full-page appearance)
+ * 2. The table is at the top level of the document (not nested in another table or block node)
+ * 3. The table node exists
+ * 4. `table.attrs.width` is null (no explicit width set by the user)
+ * 5. No cells in the first row have `colwidth` set (table has not been column-resized)
+ * 6. The `platform_editor_table_fit_to_content_auto_convert` experiment is enabled
+ *
+ * This mirrors `isTableInContentMode()` from editor-plugin-table's `tableMode.ts`.
+ *
+ * SSR-safe: `expValEquals` returns false on the server (FeatureGates not initialised),
+ * so content mode is never active during SSR — no hydration mismatch.
+ */
+export var isTableInContentMode = function isTableInContentMode(_ref2) {
+  var tableNode = _ref2.tableNode,
+    allowTableResizing = _ref2.allowTableResizing,
+    rendererAppearance = _ref2.rendererAppearance,
+    isTableNested = _ref2.isTableNested;
+  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+    return false;
+  }
+  if (!tableNode) {
+    return false;
+  }
+  return !isTableNested && isContentModeSupported({
+    allowTableResizing: allowTableResizing,
+    rendererAppearance: rendererAppearance
+  }) && tableNode.attrs.width === null && !hasColWidths(tableNode) && tableNode.attrs.layout === 'align-start';
+};

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

@@ -4,6 +4,8 @@ import { Colgroup, colWidthSum } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } from './content-mode';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -46,6 +48,12 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
   }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
+  var isContentMode = isTableInContentMode({
+    tableNode: tableNode,
+    allowTableResizing: allowTableResizing,
+    rendererAppearance: rendererAppearance,
+    isTableNested: isInsideOfBlockNode || isInsideOfTable
+  }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("table", _extends({}, fg('platform_renderer_isPresentational') && {
     role: isPresentational ? 'presentation' : undefined
   }, {
@@ -54,6 +62,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     "data-table-width": tableWidth,
     "data-layout": tableLayout,
     "data-table-display-mode": tableDisplayMode,
+    "data-initial-width-mode": isContentMode ? 'content' : undefined,
     ref: innerRef,
     style: {
       marginTop: fixTableSSRResizing ? '0px' : ''

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

@@ -6,13 +6,15 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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 { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
 import { tableMessages } from '@atlaskit/editor-common/messages';
 import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
@@ -31,6 +33,7 @@ import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFul
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { TableProcessorWithContainerStyles } from './tableNew';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } from './table/content-mode';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
   return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance);
 };
@@ -511,19 +514,29 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         // instead of 760 that was set on tableNode when the table had been published.
         finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? fixTableSSRResizing ? "calc(".concat(tableWidthCSS, ")") : tableWidth : 'inherit';
       }
+      var isContentModeTable = isTableInContentMode({
+        tableNode: tableNode,
+        allowTableResizing: allowTableResizing,
+        rendererAppearance: rendererAppearance,
+        isTableNested: isInsideOfBlockNode || isInsideOfTable
+      }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;
       if (fixTableSSRResizing) {
-        style = {
+        style = _objectSpread(_objectSpread({}, isContentModeTable && {
+          '--renderer-table-max-width': renderWidthCSS
+        }), {}, {
           width: finalTableContainerWidth,
           left: leftCSS ? "calc(".concat(leftCSS, ")") : undefined,
           marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? "calc(-1 * (".concat(leftCSS, "))") : undefined
-        };
+        });
       } else {
-        style = {
+        style = _objectSpread(_objectSpread({}, isContentModeTable && {
+          '--renderer-table-max-width': "".concat(renderWidth, "px")
+        }), {}, {
           width: finalTableContainerWidth,
           left: left,
           marginLeft: shouldCalculateLeftForAlignment && left !== undefined ? -left : undefined
-        };
+        });
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -8,7 +8,7 @@ import { SortingIcon } from '@atlaskit/editor-common/table';
 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-next';
+import { useIntl } from 'react-intl';
 import { tableCellMessages } from '../../messages';
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {

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

@@ -27,6 +27,7 @@ import { Table } from './table/table';
 import { isCommentAppearance, isFullWidthOrFullPageAppearance, isFullWidthAppearance, isMaxWidthAppearance, isFullPageAppearance } from '../utils/appearance';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isTableInContentMode } 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)",
@@ -471,11 +472,19 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         // instead of 760 that was set on tableNode when the table had been published.
         finalTableContainerWidth = ((tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'align-start' || (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout) === 'center') && tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? "calc(".concat(tableWidthCSS, ")") : 'inherit';
       }
-      var style = {
+      var isContentModeTable = isTableInContentMode({
+        tableNode: tableNode,
+        allowTableResizing: allowTableResizing,
+        rendererAppearance: rendererAppearance,
+        isTableNested: isInsideOfBlockNode || isInsideOfTable
+      }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
+      var style = _objectSpread(_objectSpread({}, isContentModeTable && {
+        '--renderer-table-max-width': renderWidthCSS
+      }), {}, {
         width: finalTableContainerWidth,
         left: leftCSS ? "calc(".concat(leftCSS, ")") : undefined,
         marginLeft: shouldCalculateLeftForAlignment && leftCSS !== undefined ? "calc(-1 * (".concat(leftCSS, "))") : undefined
-      };
+      });
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " ").concat(this.props.shadowClassNames || ''),

package/dist/esm/ui/Expand.js

@@ -14,7 +14,7 @@ import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
 import { fg } from '@atlaskit/platform-feature-flags';
 import _uniqueId from 'lodash/uniqueId';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { MODE, PLATFORM } from '../analytics/events';
 import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';