@atlaskit/renderer 109.51.5 → 109.52.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/renderer
 
+## 109.52.0
+
+### Minor Changes
+
+- [#137755](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137755)
+  [`f3d004d4e3a3e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3d004d4e3a3e) -
+  ED-24650 fix nested node jittering issue
+
+### Patch Changes
+
+- [#137736](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137736)
+  [`2a88fdd213838`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2a88fdd213838) -
+  Introducing new smaller refined entry-points for editor-common to reduce bundle size.
+- [#137404](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137404)
+  [`adae1f3dc8fca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/adae1f3dc8fca) -
+  Switches Support Table in Comment features to use Statsig experiment instead of a Feature Gate.
+- Updated dependencies
+
+## 109.51.6
+
+### Patch Changes
+
+- [#136023](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136023)
+  [`462ac84782509`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/462ac84782509) -
+  ED-24794: Fixed numbered column tables not scaling down in renderer
+- [#137344](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137344)
+  [`00c81bdf34c46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/00c81bdf34c46) -
+  [ux] Fixes an issue where tables that existed before "Support Table in Comment" are displayed as
+  centered 760px width tables when FF for Support Table in Comment is enabled.
+
 ## 109.51.5
 
 ### Patch Changes

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

@@ -43,9 +43,14 @@ var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWi
 var calcScalePercent = function calcScalePercent(_ref) {
   var renderWidth = _ref.renderWidth,
     tableWidth = _ref.tableWidth,
-    maxScale = _ref.maxScale;
-  var diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
+    maxScale = _ref.maxScale,
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled;
+  var noNumColumnScalePercent = renderWidth / tableWidth;
+  // when numbered column is enabled, we need to calculate the scale percent without the akEditorTableNumberColumnWidth
+  // As numbered column width is not scaled down
+  var numColumnScalePercent = (renderWidth - _editorSharedStyles.akEditorTableNumberColumnWidth) / (tableWidth - _editorSharedStyles.akEditorTableNumberColumnWidth);
+  var diffPercent = 1 - noNumColumnScalePercent;
+  return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
 var colWidthSum = function colWidthSum(columnWidths) {
   return columnWidths.reduce(function (prev, curr) {
@@ -67,8 +72,6 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   if (!columnWidths) {
     return [];
   }
-
-  // isTableColumnResized checks if table columns were resized
   var tableColumnResized = isTableColumnResized(columnWidths);
   var noOfColumns = columnWidths.length;
   var targetWidths;
@@ -151,7 +154,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     scaleDownPercent = calcScalePercent({
       renderWidth: renderWidth,
       tableWidth: tableWidth,
-      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent
+      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent,
+      isNumberColumnEnabled: isNumberColumnEnabled
     });
   }
   return targetWidths.map(function (colWidth) {

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

@@ -20,7 +20,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _style = require("../../ui/Renderer/style");
 var _tableCell = require("./tableCell");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
@@ -33,7 +33,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var isTableResizingEnabled = exports.isTableResizingEnabled = function isTableResizingEnabled(appearance) {
-  return (0, _appearance.isFullWidthOrFullPageAppearance)(appearance) || (0, _appearance.isCommentAppearance)(appearance) && (0, _platformFeatureFlags.fg)('platform_editor_table_support_in_comment');
+  return (0, _appearance.isFullWidthOrFullPageAppearance)(appearance) || (0, _appearance.isCommentAppearance)(appearance) && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
+    exposure: true
+  });
 };
 var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === _types.SortOrder.NO_ORDER) {
@@ -349,8 +351,21 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         updatedLayout = layout;
       }
       var finalTableContainerWidth = allowTableResizing ? tableWidth : 'inherit';
-      if (rendererAppearance === 'comment' && allowTableResizing) {
-        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? tableWidth : 'inherit';
+      if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {
+        // If table alignment is disabled and table width is akEditorDefaultLayoutWidth = 760,
+        // it is most likely a table created before "Support Table in Comments" FF was enabled
+        // and we would see a bug ED-24795. A table created before "Support Table in Comments",
+        // should inhirit the width of the renderer container.
+
+        // !NOTE: it a table resized to 760 is copied from 'full-page' editor and pasted in comment editor
+        // where (allowTableResizing && !allowTableAlignment), the table will loose 760px width.
+        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) !== _editorSharedStyles.akEditorDefaultLayoutWidth ? tableWidth : 'inherit';
+      }
+      if (rendererAppearance === 'comment' && allowTableResizing && allowTableAlignment) {
+        // If table alignment is enabled and layout is not 'align-start' or 'center', we are loading a table that was
+        // created before "Support Table in Comments" FF was enabled. So the table should have the same width as renderer container
+        // 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 ? tableWidth : 'inherit';
       }
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -22,6 +22,9 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _ui = require("@atlaskit/editor-common/ui");
 var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
 var _utils = require("@atlaskit/editor-common/utils");
+var _measureRender = require("@atlaskit/editor-common/performance/measure-render");
+var _browser = require("@atlaskit/editor-common/browser");
+var _navigation = require("@atlaskit/editor-common/performance/navigation");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -60,7 +63,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.51.5";
+var packageVersion = "109.52.0";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -73,7 +76,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
      * This is used in measuring the Renderer Mount time and is then
      * deleted once that measurement occurs.
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderedMeasurementDistortedDurationMonitor", (0, _utils.getDistortedDurationMonitor)());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderedMeasurementDistortedDurationMonitor", (0, _measureRender.getDistortedDurationMonitor)());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "featureFlags", (0, _memoizeOne.default)(function (featureFlags) {
       var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags, {
         objectFlagKeys: ['rendererRenderTracking']
@@ -105,10 +108,10 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseTripleClickInTables", function (event) {
       var _parentElement, _parentElement2;
-      if (_utils.browser.ios || _utils.browser.android) {
+      if (_browser.browser.ios || _browser.browser.android) {
         return;
       }
-      var badBrowser = _utils.browser.chrome || _utils.browser.safari;
+      var badBrowser = _browser.browser.chrome || _browser.browser.safari;
       var tripleClick = event.detail >= 3;
       if (!(badBrowser && tripleClick)) {
         return;
@@ -221,7 +224,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
                 platform: _events.PLATFORM.WEB,
                 duration: duration,
                 distortedDuration: _this2.renderedMeasurementDistortedDurationMonitor.distortedDuration,
-                ttfb: (0, _utils.getResponseEndTime)(),
+                ttfb: (0, _navigation.getResponseEndTime)(),
                 nodes: (0, _traverse.reduce)(_this2.props.document, function (acc, node) {
                   acc[node.type] = (acc[node.type] || 0) + 1;
                   return acc;

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

@@ -31,10 +31,15 @@ const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumns
 const calcScalePercent = ({
   renderWidth,
   tableWidth,
-  maxScale
+  maxScale,
+  isNumberColumnEnabled
 }) => {
-  const diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
+  const noNumColumnScalePercent = renderWidth / tableWidth;
+  // when numbered column is enabled, we need to calculate the scale percent without the akEditorTableNumberColumnWidth
+  // As numbered column width is not scaled down
+  const numColumnScalePercent = (renderWidth - akEditorTableNumberColumnWidth) / (tableWidth - akEditorTableNumberColumnWidth);
+  const diffPercent = 1 - noNumColumnScalePercent;
+  return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
 const colWidthSum = columnWidths => columnWidths.reduce((prev, curr) => curr + prev, 0);
 const renderScaleDownColgroup = props => {
@@ -54,8 +59,6 @@ const renderScaleDownColgroup = props => {
   if (!columnWidths) {
     return [];
   }
-
-  // isTableColumnResized checks if table columns were resized
   const tableColumnResized = isTableColumnResized(columnWidths);
   const noOfColumns = columnWidths.length;
   let targetWidths;
@@ -138,7 +141,8 @@ const renderScaleDownColgroup = props => {
     scaleDownPercent = calcScalePercent({
       renderWidth,
       tableWidth,
-      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent
+      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent,
+      isNumberColumnEnabled: isNumberColumnEnabled
     });
   }
   return targetWidths.map(colWidth => {

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

@@ -7,14 +7,16 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
 import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance } from '../utils/appearance';
-export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && fg('platform_editor_table_support_in_comment');
+export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && editorExperiment('support_table_in_comment', true, {
+  exposure: true
+});
 const orderChildren = (children, tableNode, smartCardStorage, tableOrderStatus) => {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
     return children;
@@ -296,8 +298,21 @@ export class TableContainer extends React.Component {
       updatedLayout = layout;
     }
     let finalTableContainerWidth = allowTableResizing ? tableWidth : 'inherit';
-    if (rendererAppearance === 'comment' && allowTableResizing) {
-      finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? tableWidth : 'inherit';
+    if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {
+      // If table alignment is disabled and table width is akEditorDefaultLayoutWidth = 760,
+      // it is most likely a table created before "Support Table in Comments" FF was enabled
+      // and we would see a bug ED-24795. A table created before "Support Table in Comments",
+      // should inhirit the width of the renderer container.
+
+      // !NOTE: it a table resized to 760 is copied from 'full-page' editor and pasted in comment editor
+      // where (allowTableResizing && !allowTableAlignment), the table will loose 760px width.
+      finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) !== akEditorDefaultLayoutWidth ? tableWidth : 'inherit';
+    }
+    if (rendererAppearance === 'comment' && allowTableResizing && allowTableAlignment) {
+      // If table alignment is enabled and layout is not 'align-start' or 'center', we are loading a table that was
+      // created before "Support Table in Comments" FF was enabled. So the table should have the same width as renderer container
+      // 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 ? tableWidth : 'inherit';
     }
     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/es2019/ui/Renderer/index.js

@@ -12,7 +12,10 @@ import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
-import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, shouldForceTracking, measureTTI, getDistortedDurationMonitor, browser } from '@atlaskit/editor-common/utils';
+import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
+import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
+import { browser } from '@atlaskit/editor-common/browser';
+import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
@@ -42,7 +45,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.51.5";
+const packageVersion = "109.52.0";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {

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

@@ -36,9 +36,14 @@ var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWi
 var calcScalePercent = function calcScalePercent(_ref) {
   var renderWidth = _ref.renderWidth,
     tableWidth = _ref.tableWidth,
-    maxScale = _ref.maxScale;
-  var diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
+    maxScale = _ref.maxScale,
+    isNumberColumnEnabled = _ref.isNumberColumnEnabled;
+  var noNumColumnScalePercent = renderWidth / tableWidth;
+  // when numbered column is enabled, we need to calculate the scale percent without the akEditorTableNumberColumnWidth
+  // As numbered column width is not scaled down
+  var numColumnScalePercent = (renderWidth - akEditorTableNumberColumnWidth) / (tableWidth - akEditorTableNumberColumnWidth);
+  var diffPercent = 1 - noNumColumnScalePercent;
+  return diffPercent < maxScale ? isNumberColumnEnabled ? 1 - numColumnScalePercent : diffPercent : maxScale;
 };
 var colWidthSum = function colWidthSum(columnWidths) {
   return columnWidths.reduce(function (prev, curr) {
@@ -60,8 +65,6 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   if (!columnWidths) {
     return [];
   }
-
-  // isTableColumnResized checks if table columns were resized
   var tableColumnResized = isTableColumnResized(columnWidths);
   var noOfColumns = columnWidths.length;
   var targetWidths;
@@ -144,7 +147,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     scaleDownPercent = calcScalePercent({
       renderWidth: renderWidth,
       tableWidth: tableWidth,
-      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent
+      maxScale: shouldTable100ScaleDown ? 1 : maxScalingPercent,
+      isNumberColumnEnabled: isNumberColumnEnabled
     });
   }
   return targetWidths.map(function (colWidth) {

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

@@ -18,7 +18,7 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -26,7 +26,9 @@ import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky'
 import { Table } from './table/table';
 import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance } from '../utils/appearance';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
-  return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && fg('platform_editor_table_support_in_comment');
+  return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && editorExperiment('support_table_in_comment', true, {
+    exposure: true
+  });
 };
 var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
@@ -342,8 +344,21 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         updatedLayout = layout;
       }
       var finalTableContainerWidth = allowTableResizing ? tableWidth : 'inherit';
-      if (rendererAppearance === 'comment' && allowTableResizing) {
-        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? tableWidth : 'inherit';
+      if (rendererAppearance === 'comment' && allowTableResizing && !allowTableAlignment) {
+        // If table alignment is disabled and table width is akEditorDefaultLayoutWidth = 760,
+        // it is most likely a table created before "Support Table in Comments" FF was enabled
+        // and we would see a bug ED-24795. A table created before "Support Table in Comments",
+        // should inhirit the width of the renderer container.
+
+        // !NOTE: it a table resized to 760 is copied from 'full-page' editor and pasted in comment editor
+        // where (allowTableResizing && !allowTableAlignment), the table will loose 760px width.
+        finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width && (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.width) !== akEditorDefaultLayoutWidth ? tableWidth : 'inherit';
+      }
+      if (rendererAppearance === 'comment' && allowTableResizing && allowTableAlignment) {
+        // If table alignment is enabled and layout is not 'align-start' or 'center', we are loading a table that was
+        // created before "Support Table in Comments" FF was enabled. So the table should have the same width as renderer container
+        // 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 ? tableWidth : 'inherit';
       }
       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/ui/Renderer/index.js

@@ -22,7 +22,10 @@ import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory, ProviderFactoryProvider } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
-import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, shouldForceTracking, measureTTI, getDistortedDurationMonitor, browser } from '@atlaskit/editor-common/utils';
+import { getAnalyticsAppearance, getAnalyticsEventSeverity, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
+import { getDistortedDurationMonitor } from '@atlaskit/editor-common/performance/measure-render';
+import { browser } from '@atlaskit/editor-common/browser';
+import { getResponseEndTime } from '@atlaskit/editor-common/performance/navigation';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
@@ -52,7 +55,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.51.5";
+var packageVersion = "109.52.0";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "109.51.5",
+	"version": "109.52.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,15 +29,15 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.1.0",
 		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/editor-common": "^88.8.0",
+		"@atlaskit/editor-common": "^88.11.0",
 		"@atlaskit/editor-json-transformer": "^8.18.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/emoji": "^67.7.0",
 		"@atlaskit/feature-gate-js-client": "^4.18.0",
-		"@atlaskit/icon": "^22.15.0",
-		"@atlaskit/link-datasource": "^2.11.0",
+		"@atlaskit/icon": "^22.16.0",
+		"@atlaskit/link-datasource": "^2.12.0",
 		"@atlaskit/media-card": "^78.2.0",
 		"@atlaskit/media-client": "^27.6.0",
 		"@atlaskit/media-client-react": "^2.2.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/media-ui": "^25.11.0",
 		"@atlaskit/media-viewer": "^48.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/smart-card": "^27.19.0",
+		"@atlaskit/smart-card": "^27.20.0",
 		"@atlaskit/status": "^1.4.0",
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/theme": "^13.0.0",
@@ -72,7 +72,7 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/css-reset": "^6.10.0",
-		"@atlaskit/editor-test-helpers": "^18.32.0",
+		"@atlaskit/editor-test-helpers": "^18.33.0",
 		"@atlaskit/link-provider": "^1.14.0",
 		"@atlaskit/link-test-helpers": "^7.5.0",
 		"@atlaskit/linking-common": "^5.11.0",
@@ -128,9 +128,6 @@
 		"platform.editor.inline_extension.extended_lcqdn": {
 			"type": "boolean"
 		},
-		"platform_editor_table_support_in_comment": {
-			"type": "boolean"
-		},
 		"editor_inline_comments_on_inline_nodes": {
 			"type": "boolean"
 		},