@atlaskit/editor-plugin-table 14.2.3 → 14.2.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-table
 
+## 14.2.5
+
+### Patch Changes
+
+- [`6b6eca9cee16d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b6eca9cee16d) -
+  Switch to use editorExperiment to use productKey for responsive preview panel changes.
+- [`07c4ed52fa008`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07c4ed52fa008) -
+  Hydration fixes for table plugin
+- Updated dependencies
+
+## 14.2.4
+
+### Patch Changes
+
+- [`6759639cbc48a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6759639cbc48a) -
+  Optimized table resizing in full page mode by bundling layout calculations and clean up old
+  expensive layout calculations
+
 ## 14.2.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -1069,7 +1069,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tableWrapperHeight: this.state.tableWrapperHeight,
         isTableResizingEnabled: allowTableResizing,
         isResizing: isResizing,
-        isWindowResized: this.state.windowResized,
         isTableScalingEnabled: isTableScalingEnabled,
         isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
         isWholeTableInDanger: isWholeTableInDanger,

package/dist/cjs/nodeviews/TableContainer.js

@@ -11,13 +11,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
@@ -125,7 +125,9 @@ var selector = function selector(states) {
   };
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 var ResizableTableContainerLegacy = /*#__PURE__*/_react.default.memo(function (_ref4) {
   var children = _ref4.children,
@@ -336,7 +338,6 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     getPos = _ref5.getPos,
     tableRef = _ref5.tableRef,
     isResizing = _ref5.isResizing,
-    isWindowResized = _ref5.isWindowResized,
     pluginInjectionApi = _ref5.pluginInjectionApi,
     tableWrapperHeight = _ref5.tableWrapperHeight,
     isWholeTableInDanger = _ref5.isWholeTableInDanger,
@@ -353,10 +354,6 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     resizing = _useState4[0],
     setIsResizing = _useState4[1];
-  var _useState5 = (0, _react.useState)(tableWidth),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    tableMaxWidthForFullPageOnLoad = _useState6[0],
-    setTableMaxWidthForFullPageOnLoad = _useState6[1];
   var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['table', 'editorViewMode'], selector),
     tableState = _useSharedPluginState3.tableState,
     editorViewModeState = _useSharedPluginState3.editorViewModeState;
@@ -415,74 +412,65 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     return (_pluginInjectionApi$c3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.selection) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c3 !== void 0 ? _pluginInjectionApi$c3 : false;
   }, [pluginInjectionApi]);
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  var responsiveContainerWidth = 0;
-  var resizeHandleSpacing = 12;
-  var padding = getPadding(containerWidth);
-  // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
-  // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
-  // issues when viwport width is less than full width Editor's width. To detect avoid them
-  // we need to use lineLength to defined responsiveWidth instead of containerWidth
-  // (which does not get updated when Mac setting changes) in Full-width editor.
-  if (isFullWidthModeEnabled) {
-    // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
-    // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
-    // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
-    responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
+  var _useMemo = (0, _react.useMemo)(function () {
+      var responsiveContainerWidth = 0;
+      var resizeHandleSpacing = 12;
+      var padding = getPadding(containerWidth);
+      // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
+      // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
+      // issues when viwport width is less than full width Editor's width. To detect avoid them
+      // we need to use lineLength to defined responsiveWidth instead of containerWidth
+      // (which does not get updated when Mac setting changes) in Full-width editor.
+      if (isFullWidthModeEnabled) {
+        // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
+        // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
+        // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
+        responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
 
-    // platform_editor_table_fw_numcol_overflow_fix:
-    // lineLength is undefined on first paint → width: NaN → wrapper expands to page
-    // width. rAF col-sizing then runs before the number-column padding and
-    // the final shrink, so column widths are locked in wrong.
-    // With the flag ON, if the value isn’t finite we fall back to gutterWidth
-    // for that first frame—no flash, no premature rAF.
-    //
-    // Type clean-up comes later:
-    // 1) ship this runtime guard (quick fix, no breakage);
-    // 2) TODO: widen lineLength to `number|undefined` and remove this block.
-    if ((0, _platformFeatureFlags.fg)('platform_editor_table_fw_numcol_overflow_fix')) {
-      if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
-        responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+        // platform_editor_table_fw_numcol_overflow_fix:
+        // lineLength is undefined on first paint → width: NaN → wrapper expands to page
+        // width. rAF col-sizing then runs before the number-column padding and
+        // the final shrink, so column widths are locked in wrong.
+        // With the flag ON, if the value isn’t finite we fall back to gutterWidth
+        // for that first frame—no flash, no premature rAF.
+        //
+        // Type clean-up comes later:
+        // 1) ship this runtime guard (quick fix, no breakage);
+        // 2) TODO: widen lineLength to `number|undefined` and remove this block.
+        if ((0, _platformFeatureFlags.fg)('platform_editor_table_fw_numcol_overflow_fix')) {
+          if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
+            responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+          }
+        }
+      } else if (isCommentEditor) {
+        responsiveContainerWidth = containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR;
+      } else {
+        // 76 is currently an accepted padding value considering the spacing for resizer handle
+        // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
+        // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
+        // padding left = padding right = akEditorGutterPadding = 32
+        responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
       }
-    }
-  } else if (isCommentEditor) {
-    responsiveContainerWidth = containerWidth - _consts.TABLE_OFFSET_IN_COMMENT_EDITOR;
-  } else {
-    // 76 is currently an accepted padding value considering the spacing for resizer handle
-    // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
-    // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
-    // padding left = padding right = akEditorGutterPadding = 32
-    responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
-  }
 
-  // Fix for HOT-119925: Ensure table width is properly constrained and responsive
-  // For wide tables, ensure they don't exceed container width and can be scrolled
-  var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
+      // Fix for HOT-119925: Ensure table width is properly constrained and responsive
+      // For wide tables, ensure they don't exceed container width and can be scrolled
+      var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
-  // Ensure minimum width for usability while respecting container constraints
-  var width = (0, _expValEquals.expValEquals)('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
-  if (!isResizing) {
-    tableWidthRef.current = width;
-  }
-  var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, _consts.TABLE_MAX_WIDTH);
-
-  // CSS solution for table resizer item width
-  // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
-  // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
-  // We get the correct width from CSS value on page load
-  // After window resize, we use the width from plugin state
-  // After table resize, the table width attribute is used
-  var tableResizerItemWidth = (0, _react.useMemo)(function () {
-    // if not on full page editor, we just rely on the width calculated from plugin state
-    // if on full page editor and after window resize, we use the width from plugin state
-    if (!isFullPageAppearance || isFullPageAppearance && isWindowResized) {
-      return width;
-    }
-    if (isResizing) {
-      return tableWidth;
+      // Ensure minimum width for usability while respecting container constraints
+      var width = (0, _expValEquals.expValEquals)('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+      var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, _consts.TABLE_MAX_WIDTH);
+      return {
+        width: width,
+        maxResizerWidth: maxResizerWidth
+      };
+    }, [containerWidth, isCommentEditor, isFullWidthModeEnabled, isTableScalingEnabled, lineLength, node.attrs.width, tableWidth]),
+    width = _useMemo.width,
+    maxResizerWidth = _useMemo.maxResizerWidth;
+  (0, _react.useEffect)(function () {
+    if (!isResizing) {
+      tableWidthRef.current = width;
     }
-    // if on full page editor and on page load, we use the computed value from CSS
-    return Math.min(tableWidth, tableMaxWidthForFullPageOnLoad);
-  }, [isWindowResized, isResizing, isFullPageAppearance, tableMaxWidthForFullPageOnLoad, tableWidth, width]);
+  }, [width, isResizing]);
 
   // CSS Solution for table resizer container width
   var tableResizerContainerWidth = (0, _react.useMemo)(function () {
@@ -497,21 +485,11 @@ var ResizableTableContainerNext = /*#__PURE__*/_react.default.memo(function (_re
     // when not resizing, maxWidth is calculated based on the container width via CSS
     return !isResizing ? nonResizingMaxWidth : maxResizerWidth;
   }, [isCommentEditor, isChromelessEditor, isTableScalingEnabled, isResizing, maxResizerWidth]);
-
-  // on SSR, the width would be the default state, which is tableWidth
-  // but because we have maxWidth set to the editor container width via CSS
-  // So it would work just fine
-  (0, _react.useEffect)(function () {
-    var _containerRef$current5;
-    if (!(0, _coreUtils.isSSR)() && isFullPageAppearance && (_containerRef$current5 = containerRef.current) !== null && _containerRef$current5 !== void 0 && _containerRef$current5.firstElementChild) {
-      // get the computed value of max-width from '.resizer-item', because it uses `cqw` unit in CSS
-      var computedStyle = window.getComputedStyle(containerRef.current.firstElementChild);
-      var _containerWidth = computedStyle.maxWidth ? parseFloat(computedStyle.maxWidth) : tableWidth;
-      setTableMaxWidthForFullPageOnLoad(Math.min(_containerWidth, tableWidth));
-    }
-  }, [tableWidthRef, tableWidth, isFullPageAppearance]);
   var tableResizerProps = {
-    width: tableResizerItemWidth,
+    // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
+    // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
+    // We still have to use JS to calculate width
+    width: width,
     maxWidth: tableResizerMaxWidth,
     containerWidth: containerWidth,
     lineLength: lineLength,
@@ -599,7 +577,6 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref6) {
     isNested = _ref6.isNested,
     tableWrapperHeight = _ref6.tableWrapperHeight,
     isResizing = _ref6.isResizing,
-    isWindowResized = _ref6.isWindowResized,
     pluginInjectionApi = _ref6.pluginInjectionApi,
     isWholeTableInDanger = _ref6.isWholeTableInDanger,
     isTableResizingEnabled = _ref6.isTableResizingEnabled,
@@ -628,7 +605,6 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref6) {
       tableRef: tableRef,
       tableWrapperHeight: tableWrapperHeight,
       isResizing: isResizing,
-      isWindowResized: isWindowResized,
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
       isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,

package/dist/cjs/nodeviews/TableResizer.js

@@ -81,7 +81,9 @@ var getResizerMinWidth = function getResizerMinWidth(node) {
   return minColumnWidth + 1;
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 
 /**

package/dist/cjs/nodeviews/toDOM.js

@@ -13,6 +13,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
 var _misc = require("../pm-plugins/table-resizing/utils/misc");
@@ -25,7 +26,9 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
     toDOM: function toDOM(node) {
       var _node$attrs$width;
       var gutterPadding = function gutterPadding() {
-        if ((0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if ((0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2, "px");

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

@@ -11,7 +11,7 @@ var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _colgroup = require("./colgroup");
 var _consts = require("./consts");
 // Translates named layouts in number values.
@@ -21,7 +21,9 @@ function getLayoutSize(tableLayout) {
   var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
   if (isFullWidthModeEnabled) {
     var padding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
-    if (containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = _editorSharedStyles.akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;

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

@@ -8,7 +8,7 @@ exports.findClosestSnap = exports.defaultTablePreserveSnappingWidths = exports.d
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _guideline = require("@atlaskit/editor-common/guideline");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var numberOfLanesInDefaultLayoutWidth = 12;
 var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes, totalWidth) {
   return new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map(function (v, i) {
@@ -20,7 +20,9 @@ var calculateDefaultSnappings = exports.calculateDefaultSnappings = function cal
   return [].concat((0, _toConsumableArray2.default)(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, _editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset)), [_editorSharedStyles.akEditorDefaultLayoutWidth + lengthOffset, _editorSharedStyles.akEditorCalculatedWideLayoutWidth + lengthOffset, _editorSharedStyles.akEditorFullWidthLayoutWidth + lengthOffset]);
 };
 var getPadding = function getPadding(editorContainerWith) {
-  return editorContainerWith <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
+  return editorContainerWith <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

@@ -10,6 +10,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _consts = require("../consts");
 var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
@@ -36,13 +37,24 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCellMenuOpenByKeyboard = _ref.isCellMenuOpenByKeyboard,
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api;
+  if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+    return null;
+  }
+
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _getPluginState = (0, _pluginFactory.getPluginState)(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
+
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var selection = editorView.state.selection;
   var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ?
   // Ignored via go/ees005
@@ -51,6 +63,8 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   if (!selectionRect) {
     return null;
   }
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = (0, _utils.findDomRefAtPos)(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -78,7 +92,10 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     stick: true
   }, (0, _react.jsx)("div", {
     css: (0, _styles.tablePopupStyles)(isDragAndDropEnabled)
-  }, (0, _react.jsx)(_ContextualMenu.default, {
+  }, (0, _react.jsx)(_ContextualMenu.default
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  , {
     editorView: editorView,
     offset: [_consts.contextualMenuTriggerSize / 2, -_consts.contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/es2019/nodeviews/TableComponent.js

@@ -1045,7 +1045,6 @@ class TableComponent extends React.Component {
       tableWrapperHeight: this.state.tableWrapperHeight,
       isTableResizingEnabled: allowTableResizing,
       isResizing: isResizing,
-      isWindowResized: this.state.windowResized,
       isTableScalingEnabled: isTableScalingEnabled,
       isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
       isWholeTableInDanger: isWholeTableInDanger,

package/dist/es2019/nodeviews/TableContainer.js

@@ -2,13 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
@@ -119,7 +119,9 @@ const selector = states => ({
   editorViewModeState: states.editorViewModeState
 });
 const getPadding = containerWidth => {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 const ResizableTableContainerLegacy = /*#__PURE__*/React.memo(({
   children,
@@ -329,7 +331,6 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
   getPos,
   tableRef,
   isResizing,
-  isWindowResized,
   pluginInjectionApi,
   tableWrapperHeight,
   isWholeTableInDanger,
@@ -344,7 +345,6 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
   const containerRef = useRef(null);
   const tableWidthRef = useRef(akEditorDefaultLayoutWidth);
   const [resizing, setIsResizing] = useState(false);
-  const [tableMaxWidthForFullPageOnLoad, setTableMaxWidthForFullPageOnLoad] = useState(tableWidth);
   const {
     tableState,
     editorViewModeState
@@ -404,74 +404,66 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
     return (_pluginInjectionApi$c3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s2 = pluginInjectionApi.selection) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c3 !== void 0 ? _pluginInjectionApi$c3 : false;
   }, [pluginInjectionApi]);
   const isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  let responsiveContainerWidth = 0;
-  const resizeHandleSpacing = 12;
-  const padding = getPadding(containerWidth);
-  // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
-  // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
-  // issues when viwport width is less than full width Editor's width. To detect avoid them
-  // we need to use lineLength to defined responsiveWidth instead of containerWidth
-  // (which does not get updated when Mac setting changes) in Full-width editor.
-  if (isFullWidthModeEnabled) {
-    // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
-    // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
-    // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
-    responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
+  const {
+    width,
+    maxResizerWidth
+  } = useMemo(() => {
+    let responsiveContainerWidth = 0;
+    const resizeHandleSpacing = 12;
+    const padding = getPadding(containerWidth);
+    // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
+    // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
+    // issues when viwport width is less than full width Editor's width. To detect avoid them
+    // we need to use lineLength to defined responsiveWidth instead of containerWidth
+    // (which does not get updated when Mac setting changes) in Full-width editor.
+    if (isFullWidthModeEnabled) {
+      // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
+      // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
+      // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
+      responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
 
-    // platform_editor_table_fw_numcol_overflow_fix:
-    // lineLength is undefined on first paint → width: NaN → wrapper expands to page
-    // width. rAF col-sizing then runs before the number-column padding and
-    // the final shrink, so column widths are locked in wrong.
-    // With the flag ON, if the value isn’t finite we fall back to gutterWidth
-    // for that first frame—no flash, no premature rAF.
-    //
-    // Type clean-up comes later:
-    // 1) ship this runtime guard (quick fix, no breakage);
-    // 2) TODO: widen lineLength to `number|undefined` and remove this block.
-    if (fg('platform_editor_table_fw_numcol_overflow_fix')) {
-      if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
-        responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+      // platform_editor_table_fw_numcol_overflow_fix:
+      // lineLength is undefined on first paint → width: NaN → wrapper expands to page
+      // width. rAF col-sizing then runs before the number-column padding and
+      // the final shrink, so column widths are locked in wrong.
+      // With the flag ON, if the value isn’t finite we fall back to gutterWidth
+      // for that first frame—no flash, no premature rAF.
+      //
+      // Type clean-up comes later:
+      // 1) ship this runtime guard (quick fix, no breakage);
+      // 2) TODO: widen lineLength to `number|undefined` and remove this block.
+      if (fg('platform_editor_table_fw_numcol_overflow_fix')) {
+        if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
+          responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+        }
       }
+    } else if (isCommentEditor) {
+      responsiveContainerWidth = containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
+    } else {
+      // 76 is currently an accepted padding value considering the spacing for resizer handle
+      // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
+      // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
+      // padding left = padding right = akEditorGutterPadding = 32
+      responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
     }
-  } else if (isCommentEditor) {
-    responsiveContainerWidth = containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
-  } else {
-    // 76 is currently an accepted padding value considering the spacing for resizer handle
-    // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
-    // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
-    // padding left = padding right = akEditorGutterPadding = 32
-    responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
-  }
-
-  // Fix for HOT-119925: Ensure table width is properly constrained and responsive
-  // For wide tables, ensure they don't exceed container width and can be scrolled
-  const calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
-  // Ensure minimum width for usability while respecting container constraints
-  const width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
-  if (!isResizing) {
-    tableWidthRef.current = width;
-  }
-  const maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
+    // Fix for HOT-119925: Ensure table width is properly constrained and responsive
+    // For wide tables, ensure they don't exceed container width and can be scrolled
+    const calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
-  // CSS solution for table resizer item width
-  // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
-  // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
-  // We get the correct width from CSS value on page load
-  // After window resize, we use the width from plugin state
-  // After table resize, the table width attribute is used
-  const tableResizerItemWidth = useMemo(() => {
-    // if not on full page editor, we just rely on the width calculated from plugin state
-    // if on full page editor and after window resize, we use the width from plugin state
-    if (!isFullPageAppearance || isFullPageAppearance && isWindowResized) {
-      return width;
-    }
-    if (isResizing) {
-      return tableWidth;
+    // Ensure minimum width for usability while respecting container constraints
+    const width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+    const maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
+    return {
+      width,
+      maxResizerWidth
+    };
+  }, [containerWidth, isCommentEditor, isFullWidthModeEnabled, isTableScalingEnabled, lineLength, node.attrs.width, tableWidth]);
+  useEffect(() => {
+    if (!isResizing) {
+      tableWidthRef.current = width;
     }
-    // if on full page editor and on page load, we use the computed value from CSS
-    return Math.min(tableWidth, tableMaxWidthForFullPageOnLoad);
-  }, [isWindowResized, isResizing, isFullPageAppearance, tableMaxWidthForFullPageOnLoad, tableWidth, width]);
+  }, [width, isResizing]);
 
   // CSS Solution for table resizer container width
   const tableResizerContainerWidth = useMemo(() => {
@@ -486,21 +478,11 @@ const ResizableTableContainerNext = /*#__PURE__*/React.memo(({
     // when not resizing, maxWidth is calculated based on the container width via CSS
     return !isResizing ? nonResizingMaxWidth : maxResizerWidth;
   }, [isCommentEditor, isChromelessEditor, isTableScalingEnabled, isResizing, maxResizerWidth]);
-
-  // on SSR, the width would be the default state, which is tableWidth
-  // but because we have maxWidth set to the editor container width via CSS
-  // So it would work just fine
-  useEffect(() => {
-    var _containerRef$current5;
-    if (!isSSR() && isFullPageAppearance && (_containerRef$current5 = containerRef.current) !== null && _containerRef$current5 !== void 0 && _containerRef$current5.firstElementChild) {
-      // get the computed value of max-width from '.resizer-item', because it uses `cqw` unit in CSS
-      const computedStyle = window.getComputedStyle(containerRef.current.firstElementChild);
-      const containerWidth = computedStyle.maxWidth ? parseFloat(computedStyle.maxWidth) : tableWidth;
-      setTableMaxWidthForFullPageOnLoad(Math.min(containerWidth, tableWidth));
-    }
-  }, [tableWidthRef, tableWidth, isFullPageAppearance]);
   const tableResizerProps = {
-    width: tableResizerItemWidth,
+    // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
+    // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
+    // We still have to use JS to calculate width
+    width,
     maxWidth: tableResizerMaxWidth,
     containerWidth,
     lineLength,
@@ -587,7 +569,6 @@ export const TableContainer = ({
   isNested,
   tableWrapperHeight,
   isResizing,
-  isWindowResized,
   pluginInjectionApi,
   isWholeTableInDanger,
   isTableResizingEnabled,
@@ -617,7 +598,6 @@ export const TableContainer = ({
       tableRef: tableRef,
       tableWrapperHeight: tableWrapperHeight,
       isResizing: isResizing,
-      isWindowResized: isWindowResized,
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
       isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,

package/dist/es2019/nodeviews/TableResizer.js

@@ -68,7 +68,9 @@ const getResizerMinWidth = node => {
   return minColumnWidth + 1;
 };
 const getPadding = containerWidth => {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 /**

package/dist/es2019/nodeviews/toDOM.js

@@ -3,6 +3,7 @@ import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
@@ -14,7 +15,9 @@ export const tableNodeSpecWithFixedToDOM = config => {
     toDOM: node => {
       var _node$attrs$width;
       const gutterPadding = () => {
-        if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return `${akEditorGutterPaddingDynamic() * 2}px`;

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

@@ -2,7 +2,7 @@ import { getParentNodeWidth, getTableContainerWidth, layoutToWidth } from '@atla
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
 import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_MAX_WIDTH } from './consts';
 
@@ -13,7 +13,9 @@ export function getLayoutSize(tableLayout, containerWidth = 0, options) {
   } = options;
   if (isFullWidthModeEnabled) {
     let padding = akEditorGutterPaddingDynamic();
-    if (containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;

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

@@ -1,11 +1,13 @@
 import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const numberOfLanesInDefaultLayoutWidth = 12;
 const calculateSubSnappingWidths = (totalLanes, totalWidth) => new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map((v, i) => v * (i + 1) * 2);
 export const calculateDefaultSnappings = (lengthOffset = 0) => [...calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset), akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset];
 const getPadding = editorContainerWith => {
-  return editorContainerWith <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return editorContainerWith <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

@@ -8,6 +8,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -29,14 +30,25 @@ const FloatingContextualMenu = ({
   isCommentEditor,
   api
 }) => {
+  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+    return null;
+  }
+
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     targetCellPosition,
     isDragAndDropEnabled
   } = getPluginState(editorView.state);
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
+
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const {
     selection
   } = editorView.state;
@@ -47,6 +59,8 @@ const FloatingContextualMenu = ({
   if (!selectionRect) {
     return null;
   }
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const domAtPos = editorView.domAtPos.bind(editorView);
   const targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -74,7 +88,10 @@ const FloatingContextualMenu = ({
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu, {
+  }, jsx(ContextualMenu
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  , {
     editorView: editorView,
     offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/esm/nodeviews/TableComponent.js

@@ -1063,7 +1063,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tableWrapperHeight: this.state.tableWrapperHeight,
         isTableResizingEnabled: allowTableResizing,
         isResizing: isResizing,
-        isWindowResized: this.state.windowResized,
         isTableScalingEnabled: isTableScalingEnabled,
         isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
         isWholeTableInDanger: isWholeTableInDanger,

package/dist/esm/nodeviews/TableContainer.js

@@ -3,13 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { CHANGE_ALIGNMENT_REASON, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { isSSR } from '@atlaskit/editor-common/core-utils';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
@@ -116,7 +116,9 @@ var selector = function selector(states) {
   };
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
   var children = _ref4.children,
@@ -327,7 +329,6 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     getPos = _ref5.getPos,
     tableRef = _ref5.tableRef,
     isResizing = _ref5.isResizing,
-    isWindowResized = _ref5.isWindowResized,
     pluginInjectionApi = _ref5.pluginInjectionApi,
     tableWrapperHeight = _ref5.tableWrapperHeight,
     isWholeTableInDanger = _ref5.isWholeTableInDanger,
@@ -344,10 +345,6 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     _useState4 = _slicedToArray(_useState3, 2),
     resizing = _useState4[0],
     setIsResizing = _useState4[1];
-  var _useState5 = useState(tableWidth),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tableMaxWidthForFullPageOnLoad = _useState6[0],
-    setTableMaxWidthForFullPageOnLoad = _useState6[1];
   var _useSharedPluginState3 = useSharedPluginStateWithSelector(pluginInjectionApi, ['table', 'editorViewMode'], selector),
     tableState = _useSharedPluginState3.tableState,
     editorViewModeState = _useSharedPluginState3.editorViewModeState;
@@ -406,74 +403,65 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     return (_pluginInjectionApi$c3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c4 = pluginInjectionApi.core) === null || _pluginInjectionApi$c4 === void 0 ? void 0 : _pluginInjectionApi$c4.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.selection) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c3 !== void 0 ? _pluginInjectionApi$c3 : false;
   }, [pluginInjectionApi]);
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  var responsiveContainerWidth = 0;
-  var resizeHandleSpacing = 12;
-  var padding = getPadding(containerWidth);
-  // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
-  // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
-  // issues when viwport width is less than full width Editor's width. To detect avoid them
-  // we need to use lineLength to defined responsiveWidth instead of containerWidth
-  // (which does not get updated when Mac setting changes) in Full-width editor.
-  if (isFullWidthModeEnabled) {
-    // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
-    // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
-    // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
-    responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
+  var _useMemo = useMemo(function () {
+      var responsiveContainerWidth = 0;
+      var resizeHandleSpacing = 12;
+      var padding = getPadding(containerWidth);
+      // When Full width editor enabled, a Mac OS user can change "ak-editor-content-area" width by
+      // updating Settings -> Appearance -> Show scroll bars from "When scrolling" to "Always". It causes
+      // issues when viwport width is less than full width Editor's width. To detect avoid them
+      // we need to use lineLength to defined responsiveWidth instead of containerWidth
+      // (which does not get updated when Mac setting changes) in Full-width editor.
+      if (isFullWidthModeEnabled) {
+        // When: Show scroll bars -> containerWidth = akEditorGutterPadding * 2 + lineLength;
+        // When: Always -> containerWidth = akEditorGutterPadding * 2 + lineLength + scrollbarWidth;
+        // scrollbarWidth can vary. Values can be 14, 15, 16 and up to 20px;
+        responsiveContainerWidth = isTableScalingEnabled ? lineLength : containerWidth - padding * 2 - resizeHandleSpacing;
 
-    // platform_editor_table_fw_numcol_overflow_fix:
-    // lineLength is undefined on first paint → width: NaN → wrapper expands to page
-    // width. rAF col-sizing then runs before the number-column padding and
-    // the final shrink, so column widths are locked in wrong.
-    // With the flag ON, if the value isn’t finite we fall back to gutterWidth
-    // for that first frame—no flash, no premature rAF.
-    //
-    // Type clean-up comes later:
-    // 1) ship this runtime guard (quick fix, no breakage);
-    // 2) TODO: widen lineLength to `number|undefined` and remove this block.
-    if (fg('platform_editor_table_fw_numcol_overflow_fix')) {
-      if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
-        responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+        // platform_editor_table_fw_numcol_overflow_fix:
+        // lineLength is undefined on first paint → width: NaN → wrapper expands to page
+        // width. rAF col-sizing then runs before the number-column padding and
+        // the final shrink, so column widths are locked in wrong.
+        // With the flag ON, if the value isn’t finite we fall back to gutterWidth
+        // for that first frame—no flash, no premature rAF.
+        //
+        // Type clean-up comes later:
+        // 1) ship this runtime guard (quick fix, no breakage);
+        // 2) TODO: widen lineLength to `number|undefined` and remove this block.
+        if (fg('platform_editor_table_fw_numcol_overflow_fix')) {
+          if (isTableScalingEnabled && !Number.isFinite(responsiveContainerWidth)) {
+            responsiveContainerWidth = containerWidth - padding * 2 - resizeHandleSpacing;
+          }
+        }
+      } else if (isCommentEditor) {
+        responsiveContainerWidth = containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
+      } else {
+        // 76 is currently an accepted padding value considering the spacing for resizer handle
+        // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
+        // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
+        // padding left = padding right = akEditorGutterPadding = 32
+        responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
       }
-    }
-  } else if (isCommentEditor) {
-    responsiveContainerWidth = containerWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
-  } else {
-    // 76 is currently an accepted padding value considering the spacing for resizer handle
-    // containerWidth = width of a DIV with test id="ak-editor-fp-content-area". It is a parent of
-    // a DIV with className="ak-editor-content-area". This DIV has padding left and padding right.
-    // padding left = padding right = akEditorGutterPadding = 32
-    responsiveContainerWidth = isTableScalingEnabled ? containerWidth - padding * 2 : containerWidth - padding * 2 - resizeHandleSpacing;
-  }
 
-  // Fix for HOT-119925: Ensure table width is properly constrained and responsive
-  // For wide tables, ensure they don't exceed container width and can be scrolled
-  var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
+      // Fix for HOT-119925: Ensure table width is properly constrained and responsive
+      // For wide tables, ensure they don't exceed container width and can be scrolled
+      var calculatedWidth = !node.attrs.width && isCommentEditor ? responsiveContainerWidth : Math.min(tableWidth, responsiveContainerWidth);
 
-  // Ensure minimum width for usability while respecting container constraints
-  var width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
-  if (!isResizing) {
-    tableWidthRef.current = width;
-  }
-  var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
-
-  // CSS solution for table resizer item width
-  // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
-  // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
-  // We get the correct width from CSS value on page load
-  // After window resize, we use the width from plugin state
-  // After table resize, the table width attribute is used
-  var tableResizerItemWidth = useMemo(function () {
-    // if not on full page editor, we just rely on the width calculated from plugin state
-    // if on full page editor and after window resize, we use the width from plugin state
-    if (!isFullPageAppearance || isFullPageAppearance && isWindowResized) {
-      return width;
-    }
-    if (isResizing) {
-      return tableWidth;
+      // Ensure minimum width for usability while respecting container constraints
+      var width = expValEquals('platform_editor_table_container_width_fix', 'isEnabled', true) ? Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300)) : calculatedWidth;
+      var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
+      return {
+        width: width,
+        maxResizerWidth: maxResizerWidth
+      };
+    }, [containerWidth, isCommentEditor, isFullWidthModeEnabled, isTableScalingEnabled, lineLength, node.attrs.width, tableWidth]),
+    width = _useMemo.width,
+    maxResizerWidth = _useMemo.maxResizerWidth;
+  useEffect(function () {
+    if (!isResizing) {
+      tableWidthRef.current = width;
     }
-    // if on full page editor and on page load, we use the computed value from CSS
-    return Math.min(tableWidth, tableMaxWidthForFullPageOnLoad);
-  }, [isWindowResized, isResizing, isFullPageAppearance, tableMaxWidthForFullPageOnLoad, tableWidth, width]);
+  }, [width, isResizing]);
 
   // CSS Solution for table resizer container width
   var tableResizerContainerWidth = useMemo(function () {
@@ -488,21 +476,11 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     // when not resizing, maxWidth is calculated based on the container width via CSS
     return !isResizing ? nonResizingMaxWidth : maxResizerWidth;
   }, [isCommentEditor, isChromelessEditor, isTableScalingEnabled, isResizing, maxResizerWidth]);
-
-  // on SSR, the width would be the default state, which is tableWidth
-  // but because we have maxWidth set to the editor container width via CSS
-  // So it would work just fine
-  useEffect(function () {
-    var _containerRef$current5;
-    if (!isSSR() && isFullPageAppearance && (_containerRef$current5 = containerRef.current) !== null && _containerRef$current5 !== void 0 && _containerRef$current5.firstElementChild) {
-      // get the computed value of max-width from '.resizer-item', because it uses `cqw` unit in CSS
-      var computedStyle = window.getComputedStyle(containerRef.current.firstElementChild);
-      var _containerWidth = computedStyle.maxWidth ? parseFloat(computedStyle.maxWidth) : tableWidth;
-      setTableMaxWidthForFullPageOnLoad(Math.min(_containerWidth, tableWidth));
-    }
-  }, [tableWidthRef, tableWidth, isFullPageAppearance]);
   var tableResizerProps = {
-    width: tableResizerItemWidth,
+    // The `width` is used for .resizer-item in <TableResizer>, and it has to be a number
+    // So we can't use min(var(--ak-editor-table-width), ${tableWidth}px) here
+    // We still have to use JS to calculate width
+    width: width,
     maxWidth: tableResizerMaxWidth,
     containerWidth: containerWidth,
     lineLength: lineLength,
@@ -590,7 +568,6 @@ export var TableContainer = function TableContainer(_ref6) {
     isNested = _ref6.isNested,
     tableWrapperHeight = _ref6.tableWrapperHeight,
     isResizing = _ref6.isResizing,
-    isWindowResized = _ref6.isWindowResized,
     pluginInjectionApi = _ref6.pluginInjectionApi,
     isWholeTableInDanger = _ref6.isWholeTableInDanger,
     isTableResizingEnabled = _ref6.isTableResizingEnabled,
@@ -619,7 +596,6 @@ export var TableContainer = function TableContainer(_ref6) {
       tableRef: tableRef,
       tableWrapperHeight: tableWrapperHeight,
       isResizing: isResizing,
-      isWindowResized: isWindowResized,
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
       isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,

package/dist/esm/nodeviews/TableResizer.js

@@ -72,7 +72,9 @@ var getResizerMinWidth = function getResizerMinWidth(node) {
   return minColumnWidth + 1;
 };
 var getPadding = function getPadding(containerWidth) {
-  return containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 /**

package/dist/esm/nodeviews/toDOM.js

@@ -8,6 +8,7 @@ import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
@@ -18,7 +19,9 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
     toDOM: function toDOM(node) {
       var _node$attrs$width;
       var gutterPadding = function gutterPadding() {
-        if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+        if (editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+          exposure: true
+        })) {
           return 'calc(var(--ak-editor--large-gutter-padding) * 2)';
         } else {
           return "".concat(akEditorGutterPaddingDynamic() * 2, "px");

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

@@ -2,7 +2,7 @@ import { getParentNodeWidth, getTableContainerWidth, layoutToWidth } from '@atla
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
 import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_MAX_WIDTH } from './consts';
 
@@ -13,7 +13,9 @@ export function getLayoutSize(tableLayout) {
   var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
   if (isFullWidthModeEnabled) {
     var padding = akEditorGutterPaddingDynamic();
-    if (containerWidth <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
+    if (containerWidth <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+      exposure: true
+    })) {
       padding = akEditorGutterPaddingReduced;
     }
     return containerWidth ? Math.min(containerWidth - padding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;

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

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
 import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var numberOfLanesInDefaultLayoutWidth = 12;
 var calculateSubSnappingWidths = function calculateSubSnappingWidths(totalLanes, totalWidth) {
   return new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map(function (v, i) {
@@ -13,7 +13,9 @@ export var calculateDefaultSnappings = function calculateDefaultSnappings() {
   return [].concat(_toConsumableArray(calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset)), [akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset]);
 };
 var getPadding = function getPadding(editorContainerWith) {
-  return editorContainerWith <= akEditorFullPageNarrowBreakout && expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
+  return editorContainerWith <= akEditorFullPageNarrowBreakout && editorExperiment('platform_editor_preview_panel_responsiveness', true, {
+    exposure: true
+  }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
 
 // FF TablePreserve for calculateDefaultSnappings

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

@@ -8,6 +8,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuDropdownWidthDnD, contextualMenuTriggerSize, tablePopupMenuFitHeight } from '../consts';
 
@@ -28,13 +29,24 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCellMenuOpenByKeyboard = _ref.isCellMenuOpenByKeyboard,
     isCommentEditor = _ref.isCommentEditor,
     api = _ref.api;
+  if (expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
+    return null;
+  }
+
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var _getPluginState = getPluginState(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
+
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var selection = editorView.state.selection;
   var selectionRect = isSelectionType(selection, 'cell') ?
   // Ignored via go/ees005
@@ -43,6 +55,8 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   if (!selectionRect) {
     return null;
   }
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   var domAtPos = editorView.domAtPos.bind(editorView);
   var targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   if (!targetCellRef) {
@@ -70,7 +84,10 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     stick: true
   }, jsx("div", {
     css: tablePopupStyles(isDragAndDropEnabled)
-  }, jsx(ContextualMenu, {
+  }, jsx(ContextualMenu
+  // Remove ! during platform_editor_hydratable_ui cleanup
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  , {
     editorView: editorView,
     offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/types/nodeviews/TableContainer.d.ts

@@ -16,7 +16,6 @@ type ResizableTableContainerProps = {
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    isWindowResized?: boolean;
     lineLength: number;
     node: PMNode;
     pluginInjectionApi?: PluginInjectionAPI;
@@ -41,12 +40,11 @@ type TableContainerProps = {
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    isWindowResized?: boolean;
     node: PMNode;
     pluginInjectionApi?: PluginInjectionAPI;
     shouldUseIncreasedScalingPercent?: boolean;
     tableRef: HTMLTableElement;
     tableWrapperHeight?: number;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, isWindowResized, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
 export {};

package/dist/types/ui/FloatingContextualMenu/index.d.ts

@@ -11,7 +11,7 @@ interface Props {
     api: PluginInjectionAPI | undefined | null;
     boundariesElement?: HTMLElement;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
-    editorView: EditorView;
+    editorView: EditorView | undefined;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isCellMenuOpenByKeyboard?: boolean;

package/dist/types-ts4.5/nodeviews/TableContainer.d.ts

@@ -16,7 +16,6 @@ type ResizableTableContainerProps = {
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    isWindowResized?: boolean;
     lineLength: number;
     node: PMNode;
     pluginInjectionApi?: PluginInjectionAPI;
@@ -41,12 +40,11 @@ type TableContainerProps = {
     isTableScalingEnabled?: boolean;
     isTableWithFixedColumnWidthsOptionEnabled?: boolean;
     isWholeTableInDanger?: boolean;
-    isWindowResized?: boolean;
     node: PMNode;
     pluginInjectionApi?: PluginInjectionAPI;
     shouldUseIncreasedScalingPercent?: boolean;
     tableRef: HTMLTableElement;
     tableWrapperHeight?: number;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, isWindowResized, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth, lineLength }, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isWholeTableInDanger, isTableResizingEnabled, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, }: PropsWithChildren<TableContainerProps>) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/FloatingContextualMenu/index.d.ts

@@ -11,7 +11,7 @@ interface Props {
     api: PluginInjectionAPI | undefined | null;
     boundariesElement?: HTMLElement;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
-    editorView: EditorView;
+    editorView: EditorView | undefined;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     isCellMenuOpenByKeyboard?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "14.2.3",
+	"version": "14.2.5",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
 		"@atlaskit/primitives": "^14.14.0",
 		"@atlaskit/react-ufo": "^4.7.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.24.0",
+		"@atlaskit/tmp-editor-statsig": "^12.25.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.8.0",
+		"@atlaskit/editor-common": "^109.10.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"