@atlaskit/renderer 117.0.1 → 118.0.0

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @atlaskit/renderer
 
+## 118.0.0
+
+### Major Changes
+
+- [#155804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155804)
+  [`5c9c24138fe0d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5c9c24138fe0d) -
+  ENGHEALTH-3649: Set useSpecBasedValidator renderer prop default to true in renderer, it is already
+  default to true in editor/editor
+
+  WHAT the breaking change is: Editor renderer package (editor view mode) has this
+  useSpecBasedValidator prop,
+
+  1. When set to true, it uses the validateADFEntity fn in
+     packages/editor/editor-core/src/utils/document.ts to validate a document using the ADF schema
+     dynamically
+  2. useSpecBasedValidator used to exist for Editor editor (editor edit mode), but it was removed
+     and default to use validateADFEntity at least before 14 Aug 2023.
+  3. This means any products that are using Editor editor, they have been using validateADFEntity fn
+     to validate documents for around 2 years. Any issues with it should be emerged aleady.
+
+  WHY the change was made
+
+  1. This useSpecBasedValidator is a deprecated prop for renderer, we already removed it for Editor
+     editor, we should do the same for renderer too
+  2. There was a situation around 20 April 2024, where a Jira renderer that didn’t have it enabled
+     actually caused some media bug in Jira. Thread here:
+     https://atlassian.slack.com/archives/CFG3PSQ9E/p1712719739079839
+
+  HOW a consumer should update their code
+
+  1. Consumer should not need to do anything other than update their renderer version
+  2. To be safe, this change is gated, if anything goes wrong, they can turn off the feature gate
+     platform_editor_renderer_rm_usespecbasedvalidator
+
+### Patch Changes
+
+- Updated dependencies
+
+## 117.1.0
+
+### Minor Changes
+
+- [#154858](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154858)
+  [`bf96267428ccd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bf96267428ccd) -
+  Adds experiment to not render children of expand element until it gets expanded
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 117.0.1
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -407,11 +407,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var stickyHeaders = !isInsideOfTable && !(0, _rendererNode.insideBreakoutLayout)(path) ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
-        columnWidths:
-        // When allowTableResizing is enabled, the number of columns is required to render
-        // the same scaling logic as editor. Some tables can have unequal rows, so the entire
-        // table needs to be scanned.
-        this.allowTableResizing && (0, _platformFeatureFlags.fg)('platform_editor_table_col_calculation_fix') ? (0, _utils.getColumnWidths)(node) : (0, _utils.calcTableColumnWidths)(node),
+        columnWidths: (0, _utils.getColumnWidths)(node),
         tableNode: node,
         stickyHeaders: stickyHeaders,
         isInsideOfBlockNode: isInsideOfBlockNode,

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

@@ -102,7 +102,9 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
     rowHeight = _ref.rowHeight,
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
-    allowTableResizing = _ref.allowTableResizing;
+    allowTableResizing = _ref.allowTableResizing,
+    _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
+    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
   var styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if (allowTableResizing) {
@@ -135,7 +137,9 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
       className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
       "data-layout": layout,
       style: {
-        width: tableWidth
+        width: tableWidth,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        marginBottom: fixTableSSRResizing ? 0 : ''
       }
     }, (0, _react2.jsx)("div", {
       ref: innerRef
@@ -168,6 +172,9 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
 
 /**
  * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
+ * @param table
+ * @param defaultScrollRootId
+ * @example
  */
 function findHorizontalOverflowScrollParent(table, defaultScrollRootId) {
   var parent = table;
@@ -191,17 +198,36 @@ function findHorizontalOverflowScrollParent(table, defaultScrollRootId) {
   }
   return null;
 }
+
+/**
+ *
+ */
 var OverflowParent = exports.OverflowParent = /*#__PURE__*/function () {
   function OverflowParent(ref) {
     (0, _classCallCheck2.default)(this, OverflowParent);
     this.ref = ref;
     this.ref = ref;
   }
+
+  /**
+   *
+   * @param el
+   * @param defaultScrollRootId
+   * @example
+   */
   return (0, _createClass2.default)(OverflowParent, [{
     key: "isElement",
-    get: function get() {
+    get:
+    /**
+     *
+     */
+    function get() {
       return this.ref instanceof HTMLElement;
     }
+
+    /**
+     *
+     */
   }, {
     key: "id",
     get: function get() {
@@ -210,6 +236,10 @@ var OverflowParent = exports.OverflowParent = /*#__PURE__*/function () {
       }
       return '';
     }
+
+    /**
+     *
+     */
   }, {
     key: "top",
     get: function get() {
@@ -219,6 +249,13 @@ var OverflowParent = exports.OverflowParent = /*#__PURE__*/function () {
       return 0;
     }
 
+    /**
+     *
+     * @param type
+     * @param cb
+     * @param {...any} args
+     * @example
+     */
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   }, {
@@ -233,6 +270,13 @@ var OverflowParent = exports.OverflowParent = /*#__PURE__*/function () {
       (_this$ref = this.ref).addEventListener.apply(_this$ref, [type, cb].concat(args));
     }
 
+    /**
+     *
+     * @param type
+     * @param cb
+     * @param {...any} args
+     * @example
+     */
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   }, {

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

@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _browser = require("@atlaskit/editor-common/browser");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -30,7 +29,6 @@ var _sticky = require("./table/sticky");
 var _table = require("./table/table");
 var _appearance = require("../utils/appearance");
 var _TableStickyScrollbar = require("./TableStickyScrollbar");
-var _tableNew = require("./tableNew");
 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; }
@@ -127,6 +125,9 @@ var isHeaderRowEnabled = exports.isHeaderRowEnabled = function isHeaderRowEnable
 var tableCanBeSticky = exports.tableCanBeSticky = function tableCanBeSticky(node, children) {
   return isHeaderRowEnabled(children) && node && node.firstChild && !hasRowspan(node.firstChild);
 };
+/**
+ * Class for Tables in Renderer
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Component) {
@@ -252,7 +253,12 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
   (0, _inherits2.default)(TableContainer, _React$Component);
   return (0, _createClass2.default)(TableContainer, [{
     key: "componentDidMount",
-    value: function componentDidMount() {
+    value:
+    /**
+     *
+     * @example
+     */
+    function componentDidMount() {
       this.resizeObserver = new ResizeObserver(this.applyResizerChange);
       if (this.wrapperRef.current) {
         this.resizeObserver.observe(this.wrapperRef.current);
@@ -271,6 +277,13 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         this.stickyScrollbar = new _TableStickyScrollbar.TableStickyScrollbar(this.wrapperRef.current);
       }
     }
+
+    /**
+     *
+     * @param prevProps
+     * @param prevState
+     * @example
+     */
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
@@ -297,12 +310,20 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
     }
   }, {
     key: "pinTop",
-    get: function get() {
+    get:
+    /**
+     *
+     */
+    function get() {
       if (!this.tableRef.current || !this.stickyHeaderRef.current) {
         return;
       }
       return this.tableRef.current.offsetHeight - this.stickyHeaderRef.current.offsetHeight + _styles.tableMarginTop - _sticky.tableStickyPadding;
     }
+
+    /**
+     *
+     */
   }, {
     key: "shouldAddOverflowParentOffsetTop_DO_NOT_USE",
     get: function get() {
@@ -312,6 +333,10 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       // THEN we should add the OverflowParent offset top (RETURN TRUE)
       return this.props.stickyHeaders && !!this.props.stickyHeaders.shouldAddDefaultScrollRootOffsetTop_DO_NOT_USE && !!this.props.stickyHeaders.defaultScrollRootId_DO_NOT_USE && this.overflowParent && this.overflowParent.id === this.props.stickyHeaders.defaultScrollRootId_DO_NOT_USE;
     }
+
+    /**
+     *
+     */
   }, {
     key: "stickyTop",
     get: function get() {
@@ -330,6 +355,11 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
           return undefined;
       }
     }
+
+    /**
+     *
+     * @example
+     */
   }, {
     key: "render",
     value: function render() {
@@ -383,7 +413,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       var isCommentAppearanceAndTableAlignmentEnabled = (0, _appearance.isCommentAppearance)(rendererAppearance) && allowTableAlignment;
       var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : isCommentAppearanceAndTableAlignmentEnabled ? commentLineLength : lineLengthFixedWidth;
       var lineLengthCSS = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLengthCSS : isCommentAppearanceAndTableAlignmentEnabled ? renderWidthCSS : "".concat(lineLengthFixedWidth, "px");
-      var fixTableSSRResizing = (0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing');
+      var fixTableSSRResizing = (0, _platformFeatureFlags.fg)('platform-ssr-table-resize');
       var tableWidthNew = fixTableSSRResizing ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : tableWidth;
       var shouldCalculateLeftForAlignment = !isInsideOfBlockNode && !isInsideOfTable && isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidthNew <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled);
       var leftCSS;
@@ -481,7 +511,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         rowHeight: this.state.headerRowHeight,
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
-        allowTableResizing: allowTableResizing
+        allowTableResizing: allowTableResizing,
+        fixTableSSRResizing: fixTableSSRResizing
       }, [children && children[0]]), /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -529,6 +560,9 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
     }
   }]);
 }(_react.default.Component);
+/**
+ *
+ */
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var TableProcessor = exports.TableProcessor = /*#__PURE__*/function (_React$Component2) {
@@ -579,7 +613,12 @@ var TableProcessor = exports.TableProcessor = /*#__PURE__*/function (_React$Comp
   (0, _inherits2.default)(TableProcessor, _React$Component2);
   return (0, _createClass2.default)(TableProcessor, [{
     key: "render",
-    value: function render() {
+    value:
+    /**
+     *
+     * @example
+     */
+    function render() {
       var children = this.props.children;
       if (!children) {
         return null;
@@ -595,17 +634,6 @@ var TableProcessor = exports.TableProcessor = /*#__PURE__*/function (_React$Comp
     }
   }]);
 }(_react.default.Component); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-var TableWithShadowsAndContainerStyles = (0, _ui.overflowShadow)(_tableNew.TableProcessorWithContainerStyles, {
-  /**
-   * The :scope is in reference to table container and we are selecting only
-   * direct children that match the table node wrapper selector, not their
-   * descendants.
-   */
-  overflowSelector: ":scope > .".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
-  useShadowObserver: true
-});
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
   /**
    * The :scope is in reference to table container and we are selecting only
@@ -615,60 +643,27 @@ var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
   overflowSelector: ":scope > .".concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER),
   useShadowObserver: true
 });
-
-// Legacy tables have only one of the three layouts and do not have a width attribute
-var isLegacyTable = function isLegacyTable(layout) {
-  return Boolean(['default', 'wide', 'full-width'].includes(layout));
-};
-var shouldRenderTableWithCSSWidth = function shouldRenderTableWithCSSWidth(layout, width) {
-  // The CSS width optimization is currently only in place when the table node
-  // has a defined width and is not a legacy table
-
-  // the optimization is also skipped for Safari due to browser limitations with container styles
-  if (_browser.browser.safari || !width || isLegacyTable(layout)) {
-    return false;
-  }
-  return true;
-};
 var TableWithWidth = function TableWithWidth(props) {
-  var _props$tableNode$attr, _props$tableNode, _props$tableNode2;
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  if ((shouldRenderTableWithCSSWidth((_props$tableNode$attr = (_props$tableNode = props.tableNode) === null || _props$tableNode === void 0 || (_props$tableNode = _props$tableNode.attrs) === null || _props$tableNode === void 0 ? void 0 : _props$tableNode.layout) !== null && _props$tableNode$attr !== void 0 ? _props$tableNode$attr : '', (_props$tableNode2 = props.tableNode) === null || _props$tableNode2 === void 0 || (_props$tableNode2 = _props$tableNode2.attrs) === null || _props$tableNode2 === void 0 ? void 0 : _props$tableNode2.width) || props.rendererAppearance === 'comment') && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var _props$columnWidths;
+    var width = _ref2.width;
+    var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.FullPagePadding * 2 : width;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;
     if (colWidthsSum || props.allowTableResizing) {
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
-      return /*#__PURE__*/_react.default.createElement(TableWithShadowsAndContainerStyles, props);
-    }
-    return /*#__PURE__*/_react.default.createElement(_tableNew.TableProcessorWithContainerStyles
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    , props);
-  } else {
-    return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
-      var _props$columnWidths2;
-      var width = _ref2.width;
-      var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.FullPagePadding * 2 : width;
-      var colWidthsSum = ((_props$columnWidths2 = props.columnWidths) === null || _props$columnWidths2 === void 0 ? void 0 : _props$columnWidths2.reduce(function (total, val) {
-        return total + val;
-      }, 0)) || 0;
-      if (colWidthsSum || props.allowTableResizing) {
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        return /*#__PURE__*/_react.default.createElement(TableWithShadows, (0, _extends2.default)({
-          renderWidth: renderWidth
-        }, props));
-      }
-      // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
-      return /*#__PURE__*/_react.default.createElement(TableProcessor, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(TableWithShadows, (0, _extends2.default)({
         renderWidth: renderWidth
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
       }, props));
-    });
-  }
+    }
+    // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
+    return /*#__PURE__*/_react.default.createElement(TableProcessor, (0, _extends2.default)({
+      renderWidth: renderWidth
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, props));
+  });
 };
 var _default = exports.default = (0, _SmartCardStorage.withSmartCardStorage)(TableWithWidth);

package/dist/cjs/render-document.js

@@ -212,6 +212,11 @@ var renderDocument = exports.renderDocument = function renderDocument(doc, seria
   var stat = {
     sanitizeTime: 0
   };
+
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+  if ((0, _platformFeatureFlags.fg)('platform_editor_renderer_rm_usespecbasedvalidator')) {
+    useSpecBasedValidator = true;
+  }
   var _withStopwatch = withStopwatch(function () {
       return memoValidation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation);
     }),

package/dist/cjs/ui/Expand.js

@@ -17,6 +17,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
 var _chevronRight2 = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
 var _reactIntlNext = require("react-intl-next");
 var _events = require("../analytics/events");
@@ -261,6 +262,8 @@ function Expand(_ref) {
     className: "".concat(nodeType, "-content-wrapper")
   }, (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
     css: clearNextSiblingMarginTopStyle
-  }), children))));
+  }), (0, _experiments.editorExperiment)('confluence_p2m_style_recalc_and_expand_joint_exp', true, {
+    exposure: true
+  }) ? expanded && children : children))));
 }
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(Expand);

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "117.0.1";
+var packageVersion = "118.0.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -131,6 +131,9 @@ var handleMouseTripleClickInTables = function handleMouseTripleClickInTables(eve
  * link, call the onUnhandledClick eventHandler (which in Jira for example, may switch the
  * renderer out for the editor).
  * @param event Click event anywhere inside renderer
+ * @param props
+ * @param mouseDownSelection
+ * @example
  */
 var handleWrapperOnClick = function handleWrapperOnClick(event, props, mouseDownSelection) {
   var _props$eventHandlers;
@@ -479,6 +482,12 @@ var getRendererComponent = function getRendererComponent(nodeComponents) {
   }
   return RendererFunctionalComponent;
 };
+
+/**
+ *
+ * @param props
+ * @example
+ */
 function Renderer(props) {
   var _React$useContext = _react.default.useContext(_annotations.AnnotationsPositionContext),
     startPos = _React$useContext.startPos;
@@ -624,7 +633,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
   // Only apply container-type = inline-size when having a known width in full-page/full-width/comment mode.
   // Otherwise when appearance is unspecified the renderer size is decided by the content.
   // In this case we can't set the container-type = inline-size as it will collapse width to 0.
-  return appearance === 'comment' &&
+  return (appearance === 'full-page' || appearance === 'full-width' || appearance === 'comment') &&
   // In case of having excerpt-include on page there are multiple renderers nested.
   // Make sure only the root renderer is set to be query container.
   isTopLevelRenderer && (0, _platformFeatureFlags.fg)('platform-ssr-table-resize') ? (0, _react2.jsx)("div", {

package/dist/es2019/react/index.js

@@ -8,7 +8,7 @@ import { Doc, DocWithSelectAllTrap, mergeTextNodes, isTextWrapper, isTextNode, t
 import TextWrapperComponent from './nodes/text-wrapper';
 import { toReact as markToReact, isAnnotationMark } from './marks';
 import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
-import { calcTableColumnWidths, getColumnWidths } from '@atlaskit/editor-common/utils';
+import { getColumnWidths } from '@atlaskit/editor-common/utils';
 import { getText } from '../utils';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -375,11 +375,7 @@ export default class ReactSerializer {
     return {
       ...this.getProps(node),
       allowColumnSorting: this.allowColumnSorting,
-      columnWidths:
-      // When allowTableResizing is enabled, the number of columns is required to render
-      // the same scaling logic as editor. Some tables can have unequal rows, so the entire
-      // table needs to be scanned.
-      this.allowTableResizing && fg('platform_editor_table_col_calculation_fix') ? getColumnWidths(node) : calcTableColumnWidths(node),
+      columnWidths: getColumnWidths(node),
       tableNode: node,
       stickyHeaders,
       isInsideOfBlockNode,

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

@@ -103,7 +103,8 @@ export const StickyTable = ({
   rowHeight,
   tableNode,
   rendererAppearance,
-  allowTableResizing
+  allowTableResizing,
+  fixTableSSRResizing = false
 }) => {
   let styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -137,7 +138,9 @@ export const StickyTable = ({
       className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
       "data-layout": layout,
       style: {
-        width: tableWidth
+        width: tableWidth,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        marginBottom: fixTableSSRResizing ? 0 : ''
       }
     }, jsx("div", {
       ref: innerRef
@@ -170,6 +173,9 @@ export const StickyTable = ({
 
 /**
  * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
+ * @param table
+ * @param defaultScrollRootId
+ * @example
  */
 function findHorizontalOverflowScrollParent(table, defaultScrollRootId) {
   let parent = table;
@@ -193,23 +199,46 @@ function findHorizontalOverflowScrollParent(table, defaultScrollRootId) {
   }
   return null;
 }
+
+/**
+ *
+ */
 export class OverflowParent {
   constructor(ref) {
     this.ref = ref;
     this.ref = ref;
   }
+
+  /**
+   *
+   * @param el
+   * @param defaultScrollRootId
+   * @example
+   */
   static fromElement(el, defaultScrollRootId) {
     return new OverflowParent(findHorizontalOverflowScrollParent(el, defaultScrollRootId) || window);
   }
+
+  /**
+   *
+   */
   get isElement() {
     return this.ref instanceof HTMLElement;
   }
+
+  /**
+   *
+   */
   get id() {
     if (this.ref instanceof HTMLElement) {
       return this.ref.id;
     }
     return '';
   }
+
+  /**
+   *
+   */
   get top() {
     if (this.ref instanceof HTMLElement) {
       return this.ref.getBoundingClientRect().top;
@@ -217,6 +246,13 @@ export class OverflowParent {
     return 0;
   }
 
+  /**
+   *
+   * @param type
+   * @param cb
+   * @param {...any} args
+   * @example
+   */
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   addEventListener(type, cb, ...args) {
@@ -225,6 +261,13 @@ export class OverflowParent {
     this.ref.addEventListener(type, cb, ...args);
   }
 
+  /**
+   *
+   * @param type
+   * @param cb
+   * @param {...any} args
+   * @example
+   */
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   removeEventListener(type, cb, ...args) {