@atlaskit/renderer 130.1.0 → 130.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 130.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 130.2.0
+
+### Minor Changes
+
+- [`3394e81c10e6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3394e81c10e6e) -
+  Fix table flicker on focus: defer data-initial-width-mode removal to after colgroup update.
+  Consolidate isTableInContentMode and hasTableBeenResized into editor-common/table.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 130.1.0
 
 ### Minor Changes

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

@@ -3,69 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTableInContentMode = exports.hasColWidths = void 0;
-var _expValEqualsNoExposure = require("@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`.
- */
-var hasColWidths = exports.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) {
+exports.isContentModeSupported = void 0;
+var isContentModeSupported = exports.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.
- */
-var isTableInContentMode = exports.isTableInContentMode = function isTableInContentMode(_ref2) {
-  var tableNode = _ref2.tableNode,
-    allowTableResizing = _ref2.allowTableResizing,
-    rendererAppearance = _ref2.rendererAppearance,
-    isTableNested = _ref2.isTableNested;
-  if (!(0, _expValEqualsNoExposure.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/cjs/react/nodes/table/table.js

@@ -12,6 +12,7 @@ var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _table = require("@atlaskit/editor-common/table");
 var _contentMode = require("./content-mode");
 var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _tableNode$attrs;
@@ -55,10 +56,12 @@ var Table = exports.Table = /*#__PURE__*/_react.default.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 = (0, _contentMode.isTableInContentMode)({
+  var isContentMode = (0, _table.isTableInContentMode)({
     tableNode: tableNode,
-    allowTableResizing: allowTableResizing,
-    rendererAppearance: rendererAppearance,
+    isSupported: (0, _contentMode.isContentModeSupported)({
+      allowTableResizing: allowTableResizing,
+      rendererAppearance: rendererAppearance
+    }),
     isTableNested: isInsideOfBlockNode || isInsideOfTable
   }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
   return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') && {

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

@@ -33,6 +33,7 @@ var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _tableNew = require("./tableNew");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _table2 = require("@atlaskit/editor-common/table");
 var _contentMode = require("./table/content-mode");
 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) { (0, _defineProperty2.default)(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; }
@@ -521,10 +522,12 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // 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 = (0, _contentMode.isTableInContentMode)({
+      var isContentModeTable = (0, _table2.isTableInContentMode)({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: (0, _contentMode.isContentModeSupported)({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;

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

@@ -26,6 +26,7 @@ var _table = require("./table/table");
 var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _table2 = require("@atlaskit/editor-common/table");
 var _contentMode = require("./table/content-mode");
 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) { (0, _defineProperty2.default)(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; }
@@ -478,10 +479,12 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         // 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 isContentModeTable = (0, _contentMode.isTableInContentMode)({
+      var isContentModeTable = (0, _table2.isTableInContentMode)({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: (0, _contentMode.isContentModeSupported)({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style = _objectSpread(_objectSpread({}, isContentModeTable && {

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "130.0.1";
+var packageVersion = "130.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,67 +1,6 @@
-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 = ({
+export 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

@@ -5,7 +5,8 @@ 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';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './content-mode';
 export const Table = /*#__PURE__*/React.memo(({
   innerRef,
   isNumberColumnEnabled,
@@ -49,8 +50,10 @@ export const Table = /*#__PURE__*/React.memo(({
   const tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   const isContentMode = isTableInContentMode({
     tableNode,
-    allowTableResizing,
-    rendererAppearance,
+    isSupported: isContentModeSupported({
+      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') && {

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

@@ -20,7 +20,8 @@ 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';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } 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
@@ -464,8 +465,10 @@ export class TableContainer extends React.Component {
     }
     const isContentModeTable = isTableInContentMode({
       tableNode,
-      allowTableResizing,
-      rendererAppearance,
+      isSupported: isContentModeSupported({
+        allowTableResizing,
+        rendererAppearance
+      }),
       isTableNested: isInsideOfBlockNode || isInsideOfTable
     }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     let style;

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

@@ -15,7 +15,8 @@ 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';
+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)",
@@ -424,8 +425,10 @@ export class TableContainer extends React.Component {
     }
     const isContentModeTable = isTableInContentMode({
       tableNode,
-      allowTableResizing,
-      rendererAppearance,
+      isSupported: isContentModeSupported({
+        allowTableResizing,
+        rendererAppearance
+      }),
       isTableNested: isInsideOfBlockNode || isInsideOfTable
     }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
     const style = {

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 = "130.0.1";
+const packageVersion = "130.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,65 +1,5 @@
-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) {
+export 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

@@ -5,7 +5,8 @@ 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';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './content-mode';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -50,8 +51,10 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   var isContentMode = isTableInContentMode({
     tableNode: tableNode,
-    allowTableResizing: allowTableResizing,
-    rendererAppearance: rendererAppearance,
+    isSupported: isContentModeSupported({
+      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') && {

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

@@ -33,7 +33,8 @@ 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';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
   return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance);
 };
@@ -516,8 +517,10 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       }
       var isContentModeTable = isTableInContentMode({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: isContentModeSupported({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style;

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

@@ -27,7 +27,8 @@ 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';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
+import { isContentModeSupported } from './table/content-mode';
 var stickyContainerBaseStyles = {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   height: "var(--ds-space-250, 20px)",
@@ -474,8 +475,10 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       }
       var isContentModeTable = isTableInContentMode({
         tableNode: tableNode,
-        allowTableResizing: allowTableResizing,
-        rendererAppearance: rendererAppearance,
+        isSupported: isContentModeSupported({
+          allowTableResizing: allowTableResizing,
+          rendererAppearance: rendererAppearance
+        }),
         isTableNested: isInsideOfBlockNode || isInsideOfTable
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var style = _objectSpread(_objectSpread({}, isContentModeTable && {

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

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

package/dist/types/react/nodes/table/content-mode.d.ts

@@ -1,34 +1,10 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
-/**
- * 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 declare const hasColWidths: (tableNode: PMNode) => boolean;
 type ContentModeOptions = {
     allowTableResizing?: boolean;
     isTableNested?: boolean;
     rendererAppearance?: RendererAppearance;
     tableNode: PMNode | undefined;
 };
-/**
- * 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 declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
+export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, "allowTableResizing" | "rendererAppearance">) => boolean;
 export {};

package/dist/types-ts4.5/react/nodes/table/content-mode.d.ts

@@ -1,34 +1,10 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
-/**
- * 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 declare const hasColWidths: (tableNode: PMNode) => boolean;
 type ContentModeOptions = {
     allowTableResizing?: boolean;
     isTableNested?: boolean;
     rendererAppearance?: RendererAppearance;
     tableNode: PMNode | undefined;
 };
-/**
- * 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 declare const isTableInContentMode: ({ tableNode, allowTableResizing, rendererAppearance, isTableNested, }: ContentModeOptions) => boolean;
+export declare const isContentModeSupported: ({ allowTableResizing, rendererAppearance, }: Pick<ContentModeOptions, "allowTableResizing" | "rendererAppearance">) => boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "130.1.0",
+	"version": "130.2.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
 		"@atlaskit/status": "^4.0.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/theme": "^23.1.0",
-		"@atlaskit/tmp-editor-statsig": "^62.8.0",
+		"@atlaskit/tmp-editor-statsig": "^63.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.1.0",
+		"@atlaskit/editor-common": "^114.2.0",
 		"@atlaskit/link-provider": "^4.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -91,7 +91,7 @@
 		"@atlaskit/media-test-helpers": "^41.0.0",
 		"@atlaskit/mention": "^25.0.0",
 		"@atlaskit/modal-dialog": "^14.15.0",
-		"@atlaskit/navigation-system": "^7.3.0",
+		"@atlaskit/navigation-system": "^8.0.0",
 		"@atlaskit/profilecard": "^25.1.0",
 		"@atlaskit/side-nav-items": "^1.13.0",
 		"@atlaskit/util-data-test": "^18.5.0",