@atlaskit/editor-plugin-table 22.1.0 → 22.1.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 22.1.2
+
+### Patch Changes
+
+- [`3304011dd30e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3304011dd30e7) -
+  Editor-6446: Fix reload page cause table inside the synced block to rescale when page is full
+  width
+
+## 22.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.1.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -141,8 +141,28 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var node = getNode();
       var prevAttrs = prevNode.attrs;
       var isNested = (0, _nodes.isTableNested)(_this.props.view.state, _this.props.getPos());
+      var tablePos = _this.props.getPos();
       var parentWidth = _this.getParentNodeWidth();
-      if (isNested && (0, _nodes.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos())) {
+      var useMeasuredWidthForBodiedSyncBlock = isNested && typeof tablePos === 'number' && (0, _nodes.isTableNestedUnderBodiedSyncBlock)(_this.props.view.state, tablePos) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_9');
+      if (useMeasuredWidthForBodiedSyncBlock) {
+        // Prefer the live DOM measurement (`clientWidth`) over the ResizeObserver-cached
+        // value (`wrapperWidth`) because clientWidth is synchronous and more up-to-date
+        // at the time this handler runs. Fall back to `wrapperWidth` if the wrapper ref
+        // is not yet available. Both are guarded by `> 1` to ignore degenerate values
+        // that can appear before the element has been laid out.
+        var measuredWrapperWidth;
+        if (_this.wrapper && _this.wrapper.clientWidth > 1) {
+          measuredWrapperWidth = _this.wrapper.clientWidth;
+        } else if (_this.wrapperWidth && _this.wrapperWidth > 1) {
+          measuredWrapperWidth = _this.wrapperWidth;
+        }
+        if (measuredWrapperWidth !== undefined) {
+          // Override the default parentWidth so that scaleTable uses the real
+          // available width inside the sync-block rather than the full editor width.
+          parentWidth = measuredWrapperWidth;
+        }
+      }
+      if (!useMeasuredWidthForBodiedSyncBlock && isNested && (0, _nodes.isTableNestedInMoreThanOneNode)(_this.props.view.state, _this.props.getPos())) {
         var resizeObsWrapperWidth = _this.wrapperWidth || 0;
         var wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (_this.state.parentWidth || 0));
         var isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -322,8 +342,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       _getNode = props.getNode;
     _this.node = _getNode();
     _this.containerWidth = _containerWidth;
-    var tablePos = props.getPos();
-    _this.isNestedInTable = tablePos ? (0, _nesting.getParentOfTypeCount)(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(tablePos)) > 0 : false;
+    var _tablePos = props.getPos();
+    _this.isNestedInTable = _tablePos ? (0, _nesting.getParentOfTypeCount)(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(_tablePos)) > 0 : false;
     if (!_this.updateColGroupFromFullWidthChange) {
       _this.updateColGroupFromFullWidthChange = (_options === null || _options === void 0 ? void 0 : _options.isFullWidthModeEnabled) && !(_options !== null && _options !== void 0 && _options.wasFullWidthModeEnabled);
     }

package/dist/cjs/pm-plugins/table-resizing/utils/scale-table.js

@@ -9,7 +9,9 @@ exports.scaleTableTo = scaleTableTo;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
+var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _columnWidth = require("../../transforms/column-width");
 var _nodes = require("../../utils/nodes");
 var _misc = require("../utils/misc");
@@ -171,7 +173,16 @@ var scaleTable = exports.scaleTable = function scaleTable(tableRef, options, dom
     }
     var resizeState;
     if (parentWidth) {
-      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
+      var _tableRef$closest;
+      // When the table is nested inside a bodiedSyncBlock, the table's outer transparent
+      // left/right borders (1px total under `border-collapse: collapse`) cause the
+      // table's outer width to exceed the colgroup width by 1px. Subtract 1px from the
+      // parentWidth here so that the scaled colgroup fits within the sync-block
+      // container without overflowing.
+      var isNestedInBodiedSyncBlock = !!((_tableRef$closest = tableRef.closest) !== null && _tableRef$closest !== void 0 && _tableRef$closest.call(tableRef, ".".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.content))) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_9');
+      var BORDER_COLLAPSE_WIDTH_PX = 1;
+      var adjustedParentWidth = isNestedInBodiedSyncBlock ? parentWidth - BORDER_COLLAPSE_WIDTH_PX : parentWidth;
+      resizeState = scaleWithParent(tableRef, adjustedParentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     } else {
       resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     }

package/dist/cjs/pm-plugins/utils/nodes.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tablesHaveDifferentNoOfRows = exports.tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentColumnWidths = exports.supportedHeaderRow = exports.isTableNestedInMoreThanOneNode = exports.isTableNested = exports.isIsolating = exports.getTableWidth = exports.containsHeaderRow = exports.containsHeaderColumn = exports.checkIfNumberColumnEnabled = exports.checkIfHeaderRowEnabled = exports.checkIfHeaderColumnEnabled = void 0;
+exports.tablesHaveDifferentNoOfRows = exports.tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentColumnWidths = exports.supportedHeaderRow = exports.isTableNestedUnderBodiedSyncBlock = exports.isTableNestedInMoreThanOneNode = exports.isTableNested = exports.isIsolating = exports.getTableWidth = exports.containsHeaderRow = exports.containsHeaderColumn = exports.checkIfNumberColumnEnabled = exports.checkIfHeaderRowEnabled = exports.checkIfHeaderColumnEnabled = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
@@ -109,6 +109,24 @@ var isTableNestedInMoreThanOneNode = exports.isTableNestedInMoreThanOneNode = fu
   var tablePos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return state.doc.resolve(tablePos).depth > 2;
 };
+
+/**
+ * True when the table sits under a bodiedSyncBlock ancestor.
+ * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
+ */
+var isTableNestedUnderBodiedSyncBlock = exports.isTableNestedUnderBodiedSyncBlock = function isTableNestedUnderBodiedSyncBlock(state, tablePos) {
+  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
+  if (!bodiedSyncBlock) {
+    return false;
+  }
+  var $pos = state.doc.resolve(tablePos);
+  for (var d = $pos.depth; d > 0; d--) {
+    if ($pos.node(d).type === bodiedSyncBlock) {
+      return true;
+    }
+  }
+  return false;
+};
 var anyChildCellMergedAcrossRow = function anyChildCellMergedAcrossRow(node) {
   return (0, _utils.mapChildren)(node, function (child) {
     return child.attrs.rowspan || 0;

package/dist/es2019/nodeviews/TableComponent.js

@@ -25,7 +25,7 @@ import { updateControls } from '../pm-plugins/table-resizing/utils/dom';
 import { getLayoutSize, getScalingPercentForTableWithoutWidth, getTableScalingPercent } from '../pm-plugins/table-resizing/utils/misc';
 import { getResizeState, updateColgroup } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTable } from '../pm-plugins/table-resizing/utils/scale-table';
-import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
+import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, isTableNestedUnderBodiedSyncBlock, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
 import { getAssistiveMessage } from '../pm-plugins/utils/table';
 import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableCssClassName as ClassName } from '../types';
@@ -121,8 +121,28 @@ class TableComponent extends React.Component {
       const node = getNode();
       const prevAttrs = prevNode.attrs;
       const isNested = isTableNested(this.props.view.state, this.props.getPos());
+      const tablePos = this.props.getPos();
       let parentWidth = this.getParentNodeWidth();
-      if (isNested && isTableNestedInMoreThanOneNode(this.props.view.state, this.props.getPos())) {
+      const useMeasuredWidthForBodiedSyncBlock = isNested && typeof tablePos === 'number' && isTableNestedUnderBodiedSyncBlock(this.props.view.state, tablePos) && fg('platform_synced_block_patch_9');
+      if (useMeasuredWidthForBodiedSyncBlock) {
+        // Prefer the live DOM measurement (`clientWidth`) over the ResizeObserver-cached
+        // value (`wrapperWidth`) because clientWidth is synchronous and more up-to-date
+        // at the time this handler runs. Fall back to `wrapperWidth` if the wrapper ref
+        // is not yet available. Both are guarded by `> 1` to ignore degenerate values
+        // that can appear before the element has been laid out.
+        let measuredWrapperWidth;
+        if (this.wrapper && this.wrapper.clientWidth > 1) {
+          measuredWrapperWidth = this.wrapper.clientWidth;
+        } else if (this.wrapperWidth && this.wrapperWidth > 1) {
+          measuredWrapperWidth = this.wrapperWidth;
+        }
+        if (measuredWrapperWidth !== undefined) {
+          // Override the default parentWidth so that scaleTable uses the real
+          // available width inside the sync-block rather than the full editor width.
+          parentWidth = measuredWrapperWidth;
+        }
+      }
+      if (!useMeasuredWidthForBodiedSyncBlock && isNested && isTableNestedInMoreThanOneNode(this.props.view.state, this.props.getPos())) {
         const resizeObsWrapperWidth = this.wrapperWidth || 0;
         const wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (this.state.parentWidth || 0));
         const isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -315,8 +335,8 @@ class TableComponent extends React.Component {
     } = props;
     this.node = _getNode();
     this.containerWidth = _containerWidth;
-    const tablePos = props.getPos();
-    this.isNestedInTable = tablePos ? getParentOfTypeCount(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(tablePos)) > 0 : false;
+    const _tablePos = props.getPos();
+    this.isNestedInTable = _tablePos ? getParentOfTypeCount(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(_tablePos)) > 0 : false;
     if (!this.updateColGroupFromFullWidthChange) {
       this.updateColGroupFromFullWidthChange = (_options === null || _options === void 0 ? void 0 : _options.isFullWidthModeEnabled) && !(_options !== null && _options !== void 0 && _options.wasFullWidthModeEnabled);
     }

package/dist/es2019/pm-plugins/table-resizing/utils/scale-table.js

@@ -1,6 +1,8 @@
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { updateColumnWidths } from '../../transforms/column-width';
 import { getTableWidth } from '../../utils/nodes';
 import { getLayoutSize } from '../utils/misc';
@@ -157,7 +159,16 @@ export const scaleTable = (tableRef, options, domAtPos, api, isTableScalingEnabl
   }
   let resizeState;
   if (parentWidth) {
-    resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
+    var _tableRef$closest;
+    // When the table is nested inside a bodiedSyncBlock, the table's outer transparent
+    // left/right borders (1px total under `border-collapse: collapse`) cause the
+    // table's outer width to exceed the colgroup width by 1px. Subtract 1px from the
+    // parentWidth here so that the scaled colgroup fits within the sync-block
+    // container without overflowing.
+    const isNestedInBodiedSyncBlock = !!((_tableRef$closest = tableRef.closest) !== null && _tableRef$closest !== void 0 && _tableRef$closest.call(tableRef, `.${BodiedSyncBlockSharedCssClassName.content}`)) && fg('platform_synced_block_patch_9');
+    const BORDER_COLLAPSE_WIDTH_PX = 1;
+    const adjustedParentWidth = isNestedInBodiedSyncBlock ? parentWidth - BORDER_COLLAPSE_WIDTH_PX : parentWidth;
+    resizeState = scaleWithParent(tableRef, adjustedParentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
   } else {
     resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
   }

package/dist/es2019/pm-plugins/utils/nodes.js

@@ -89,6 +89,24 @@ export const isTableNested = (state, tablePos = 0) => {
 export const isTableNestedInMoreThanOneNode = (state, tablePos = 0) => {
   return state.doc.resolve(tablePos).depth > 2;
 };
+
+/**
+ * True when the table sits under a bodiedSyncBlock ancestor.
+ * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
+ */
+export const isTableNestedUnderBodiedSyncBlock = (state, tablePos) => {
+  const bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
+  if (!bodiedSyncBlock) {
+    return false;
+  }
+  const $pos = state.doc.resolve(tablePos);
+  for (let d = $pos.depth; d > 0; d--) {
+    if ($pos.node(d).type === bodiedSyncBlock) {
+      return true;
+    }
+  }
+  return false;
+};
 const anyChildCellMergedAcrossRow = node => mapChildren(node, child => child.attrs.rowspan || 0).some(rowspan => rowspan > 1);
 
 /**

package/dist/esm/nodeviews/TableComponent.js

@@ -38,7 +38,7 @@ import { updateControls } from '../pm-plugins/table-resizing/utils/dom';
 import { getLayoutSize, getScalingPercentForTableWithoutWidth, getTableScalingPercent } from '../pm-plugins/table-resizing/utils/misc';
 import { getResizeState, updateColgroup } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTable } from '../pm-plugins/table-resizing/utils/scale-table';
-import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
+import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, isTableNestedUnderBodiedSyncBlock, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
 import { getAssistiveMessage } from '../pm-plugins/utils/table';
 import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableCssClassName as ClassName } from '../types';
@@ -135,8 +135,28 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var node = getNode();
       var prevAttrs = prevNode.attrs;
       var isNested = isTableNested(_this.props.view.state, _this.props.getPos());
+      var tablePos = _this.props.getPos();
       var parentWidth = _this.getParentNodeWidth();
-      if (isNested && isTableNestedInMoreThanOneNode(_this.props.view.state, _this.props.getPos())) {
+      var useMeasuredWidthForBodiedSyncBlock = isNested && typeof tablePos === 'number' && isTableNestedUnderBodiedSyncBlock(_this.props.view.state, tablePos) && fg('platform_synced_block_patch_9');
+      if (useMeasuredWidthForBodiedSyncBlock) {
+        // Prefer the live DOM measurement (`clientWidth`) over the ResizeObserver-cached
+        // value (`wrapperWidth`) because clientWidth is synchronous and more up-to-date
+        // at the time this handler runs. Fall back to `wrapperWidth` if the wrapper ref
+        // is not yet available. Both are guarded by `> 1` to ignore degenerate values
+        // that can appear before the element has been laid out.
+        var measuredWrapperWidth;
+        if (_this.wrapper && _this.wrapper.clientWidth > 1) {
+          measuredWrapperWidth = _this.wrapper.clientWidth;
+        } else if (_this.wrapperWidth && _this.wrapperWidth > 1) {
+          measuredWrapperWidth = _this.wrapperWidth;
+        }
+        if (measuredWrapperWidth !== undefined) {
+          // Override the default parentWidth so that scaleTable uses the real
+          // available width inside the sync-block rather than the full editor width.
+          parentWidth = measuredWrapperWidth;
+        }
+      }
+      if (!useMeasuredWidthForBodiedSyncBlock && isNested && isTableNestedInMoreThanOneNode(_this.props.view.state, _this.props.getPos())) {
         var resizeObsWrapperWidth = _this.wrapperWidth || 0;
         var wrapperWidthDiffBetweenRerenders = Math.abs(resizeObsWrapperWidth - (_this.state.parentWidth || 0));
         var isOusideOfThreshold = wrapperWidthDiffBetweenRerenders <= NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD || wrapperWidthDiffBetweenRerenders > NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD;
@@ -316,8 +336,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       _getNode = props.getNode;
     _this.node = _getNode();
     _this.containerWidth = _containerWidth;
-    var tablePos = props.getPos();
-    _this.isNestedInTable = tablePos ? getParentOfTypeCount(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(tablePos)) > 0 : false;
+    var _tablePos = props.getPos();
+    _this.isNestedInTable = _tablePos ? getParentOfTypeCount(props.view.state.schema.nodes.table)(props.view.state.doc.resolve(_tablePos)) > 0 : false;
     if (!_this.updateColGroupFromFullWidthChange) {
       _this.updateColGroupFromFullWidthChange = (_options === null || _options === void 0 ? void 0 : _options.isFullWidthModeEnabled) && !(_options !== null && _options !== void 0 && _options.wasFullWidthModeEnabled);
     }

package/dist/esm/pm-plugins/table-resizing/utils/scale-table.js

@@ -3,7 +3,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
+import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { updateColumnWidths } from '../../transforms/column-width';
 import { getTableWidth } from '../../utils/nodes';
 import { getLayoutSize } from '../utils/misc';
@@ -163,7 +165,16 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
     }
     var resizeState;
     if (parentWidth) {
-      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
+      var _tableRef$closest;
+      // When the table is nested inside a bodiedSyncBlock, the table's outer transparent
+      // left/right borders (1px total under `border-collapse: collapse`) cause the
+      // table's outer width to exceed the colgroup width by 1px. Subtract 1px from the
+      // parentWidth here so that the scaled colgroup fits within the sync-block
+      // container without overflowing.
+      var isNestedInBodiedSyncBlock = !!((_tableRef$closest = tableRef.closest) !== null && _tableRef$closest !== void 0 && _tableRef$closest.call(tableRef, ".".concat(BodiedSyncBlockSharedCssClassName.content))) && fg('platform_synced_block_patch_9');
+      var BORDER_COLLAPSE_WIDTH_PX = 1;
+      var adjustedParentWidth = isNestedInBodiedSyncBlock ? parentWidth - BORDER_COLLAPSE_WIDTH_PX : parentWidth;
+      resizeState = scaleWithParent(tableRef, adjustedParentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     } else {
       resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     }

package/dist/esm/pm-plugins/utils/nodes.js

@@ -102,6 +102,24 @@ export var isTableNestedInMoreThanOneNode = function isTableNestedInMoreThanOneN
   var tablePos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return state.doc.resolve(tablePos).depth > 2;
 };
+
+/**
+ * True when the table sits under a bodiedSyncBlock ancestor.
+ * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
+ */
+export var isTableNestedUnderBodiedSyncBlock = function isTableNestedUnderBodiedSyncBlock(state, tablePos) {
+  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
+  if (!bodiedSyncBlock) {
+    return false;
+  }
+  var $pos = state.doc.resolve(tablePos);
+  for (var d = $pos.depth; d > 0; d--) {
+    if ($pos.node(d).type === bodiedSyncBlock) {
+      return true;
+    }
+  }
+  return false;
+};
 var anyChildCellMergedAcrossRow = function anyChildCellMergedAcrossRow(node) {
   return mapChildren(node, function (child) {
     return child.attrs.rowspan || 0;

package/dist/types/pm-plugins/utils/nodes.d.ts

@@ -12,6 +12,11 @@ export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, prev
 export declare const tablesHaveDifferentNoOfRows: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const isTableNested: (state: EditorState, tablePos?: number) => boolean;
 export declare const isTableNestedInMoreThanOneNode: (state: EditorState, tablePos?: number) => boolean;
+/**
+ * True when the table sits under a bodiedSyncBlock ancestor.
+ * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
+ */
+export declare const isTableNestedUnderBodiedSyncBlock: (state: EditorState, tablePos: number) => boolean;
 /**
  * Check if a given node is a header row with this definition:
  *  - all children are tableHeader cells

package/dist/types-ts4.5/pm-plugins/utils/nodes.d.ts

@@ -12,6 +12,11 @@ export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, prev
 export declare const tablesHaveDifferentNoOfRows: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const isTableNested: (state: EditorState, tablePos?: number) => boolean;
 export declare const isTableNestedInMoreThanOneNode: (state: EditorState, tablePos?: number) => boolean;
+/**
+ * True when the table sits under a bodiedSyncBlock ancestor.
+ * Used to prefer DOM-measured wrapper width over getParentNodeWidth() for stable scaling.
+ */
+export declare const isTableNestedUnderBodiedSyncBlock: (state: EditorState, tablePos: number) => boolean;
 /**
  * Check if a given node is a header row with this definition:
  *  - all children are tableHeader cells

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.1.0",
+	"version": "22.1.2",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^10.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^10.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
-		"@atlaskit/editor-plugin-extension": "13.0.0",
+		"@atlaskit/editor-plugin-extension": "13.0.1",
 		"@atlaskit/editor-plugin-guideline": "^10.0.0",
 		"@atlaskit/editor-plugin-interaction": "^19.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^7.0.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^62.8.0",
+		"@atlaskit/tmp-editor-statsig": "^63.0.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
@@ -168,6 +168,9 @@
 		},
 		"platform_editor_max_width_default_width": {
 			"type": "boolean"
+		},
+		"platform_synced_block_patch_9": {
+			"type": "boolean"
 		}
 	},
 	"devDependencies": {