@atlaskit/editor-plugin-table 15.2.1 → 15.2.3

package/dist/esm/nodeviews/TableComponentLegacy.js

@@ -18,12 +18,13 @@ import memoizeOne from 'memoize-one';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -52,7 +53,6 @@ import { ExternalDropTargets } from './ExternalDropTargets';
 import { OverflowShadowsObserver } from './OverflowShadowsObserver';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-var isIE11 = browser.ie_version === 11;
 // When table is inserted via paste, keyboard shortcut or quickInsert,
 // componentDidUpdate is called multiple times. The isOverflowing value is correct only on the last update.
 // To make sure we capture the last update, we use setTimeout.
@@ -357,7 +357,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isNumberOfColumnsChanged = params.isNumberOfColumnsChanged,
         isFullWidthModeAndLineLengthChanged = params.isFullWidthModeAndLineLengthChanged;
       var isFullPageEditor = !((_this$props$options = _this.props.options) !== null && _this$props$options !== void 0 && _this$props$options.isCommentEditor) && !((_this$props$options2 = _this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isChromelessEditor);
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && isFullPageEditor) {
+      if (isFullPageEditor) {
         return !!isWindowResized || isColumnsDistributed || !!isTableResizedFullWidth || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged || !!isFullWidthModeAndLineLengthChanged;
       }
       return isWidthChanged || isTableWidthChanged || isColumnsDistributed || !!isTableResizedFullWidth || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged || !!isFullWidthModeAndLineLengthChanged;
@@ -441,10 +441,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
-        if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          window.addEventListener('resize', this.handleWindowResizeNewDebounced);
-        }
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        window.addEventListener('resize', this.handleWindowResizeNewDebounced);
       }
     }
   }, {
@@ -459,9 +457,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         allowTableResizing = _this$props7.allowTableResizing,
         eventDispatcher = _this$props7.eventDispatcher,
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
-        getNode = _this$props7.getNode,
-        getEditorFeatureFlags = _this$props7.getEditorFeatureFlags,
-        isTableScalingEnabled = _this$props7.isTableScalingEnabled;
+        getNode = _this$props7.getNode;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -474,17 +472,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
-      var _getEditorFeatureFlag = getEditorFeatureFlags(),
-        _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
-      if (!expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-        if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
-          this.handleColgroupUpdates(true);
-        }
-        if (isTableScalingEnabled && tableWithFixedColumnWidthsOption && getNode().attrs.displayMode !== 'fixed') {
-          this.handleColgroupUpdates(true);
-        }
-      }
       if (this.wrapper) {
         this.wrapperReisizeObserver = new ResizeObserver(function (entries) {
           var _iterator2 = _createForOfIteratorHelper(entries),
@@ -555,6 +542,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props8.isDragAndDropEnabled,
         view = _this$props8.view,
         isInDanger = _this$props8.isInDanger;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -589,10 +578,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        window.removeEventListener('resize', this.handleWindowResizeNewDebounced);
-      }
+
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      window.removeEventListener('resize', this.handleWindowResizeNewDebounced);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -682,7 +670,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         containerLineLength = containerWidth.lineLength;
       var isLineLengthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.lineLength) !== containerLineLength;
       var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged && fg('platform_editor_table_overflow_in_full_width_fix');
-      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && this.state.windowResized;
+      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
       if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
         var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;
         var isWidthChanged = ((_this$containerWidth2 = this.containerWidth) === null || _this$containerWidth2 === void 0 ? void 0 : _this$containerWidth2.width) !== containerWidthValue;
@@ -701,9 +689,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           isNumberOfColumnsChanged: isNumberOfColumnsChanged,
           isFullWidthModeAndLineLengthChanged: isFullWidthModeAndLineLengthChanged
         });
-        var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
-          _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
-          tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
+        var _getEditorFeatureFlag = getEditorFeatureFlags(),
+          _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
+          tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
         var isTableScalingWithFixedColumnWidthsOptionEnabled = !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isTableScalingEnabled) && tableWithFixedColumnWidthsOption;
         var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || !!((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isTableScalingEnabled) && !!((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isCommentEditor);
         if (force || !isResizing && shouldUpdateColgroup) {
@@ -787,9 +775,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var table = findTable(view.state.selection);
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
-      var _getEditorFeatureFlag5 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag6 = _getEditorFeatureFlag5.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag6 === void 0 ? false : _getEditorFeatureFlag6;
+      var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
+        _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
+        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
       if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
@@ -800,7 +788,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
       }
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && this.state.windowResized) {
+      if (this.state.windowResized) {
         shouldHandleColgroupUpdates = true;
       }
       if (shouldHandleColgroupUpdates) {
@@ -1015,9 +1003,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
       var topOffset = 0;
       var topStickyShadowPosition = !this.props.limitedMode && this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
-      var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag8 === void 0 ? false : _getEditorFeatureFlag8;
+      var _getEditorFeatureFlag5 = getEditorFeatureFlags(),
+        _getEditorFeatureFlag6 = _getEditorFeatureFlag5.tableWithFixedColumnWidthsOption,
+        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag6 === void 0 ? false : _getEditorFeatureFlag6;
       var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor));
       return /*#__PURE__*/React.createElement(TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/nodeviews/TableComponentNext.js

@@ -16,11 +16,12 @@ import React from 'react';
 import classnames from 'classnames';
 import rafSchedule from 'raf-schd';
 import { injectIntl } from 'react-intl-next';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
+import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -47,8 +48,6 @@ import TableFloatingControls from '../ui/TableFloatingControls';
 import { ExternalDropTargets } from './ExternalDropTargets';
 import { TableContainer } from './TableContainer';
 import { TableStickyScrollbar } from './TableStickyScrollbar';
-var isIE11 = browser.ie_version === 11;
-
 // Prevent unnecessary parentWidth updates when table is nested inside of a node that is nested itself.
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MIN_THRESHOLD = 2;
 var NESTED_TABLE_IN_NESTED_PARENT_WIDTH_DIFF_MAX_THRESHOLD = 20;
@@ -300,7 +299,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isNumberOfColumnsChanged = params.isNumberOfColumnsChanged,
         isFullWidthModeAndLineLengthChanged = params.isFullWidthModeAndLineLengthChanged;
       var isFullPageEditor = !((_this$props$options = _this.props.options) !== null && _this$props$options !== void 0 && _this$props$options.isCommentEditor) && !((_this$props$options2 = _this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isChromelessEditor);
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && isFullPageEditor) {
+      if (isFullPageEditor) {
         return !!isWindowResized || isColumnsDistributed || !!isTableResizedFullWidth || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged || !!isFullWidthModeAndLineLengthChanged;
       }
       return isWidthChanged || isTableWidthChanged || isColumnsDistributed || !!isTableResizedFullWidth || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged || !!isFullWidthModeAndLineLengthChanged;
@@ -382,10 +381,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             }
           }
         });
-        if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          window.addEventListener('resize', this.handleWindowResizeNewDebounced);
-        }
+
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        window.addEventListener('resize', this.handleWindowResizeNewDebounced);
       }
     }
   }, {
@@ -400,9 +398,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         allowTableResizing = _this$props6.allowTableResizing,
         eventDispatcher = _this$props6.eventDispatcher,
         isDragAndDropEnabled = _this$props6.isDragAndDropEnabled,
-        getNode = _this$props6.getNode,
-        getEditorFeatureFlags = _this$props6.getEditorFeatureFlags,
-        isTableScalingEnabled = _this$props6.isTableScalingEnabled;
+        getNode = _this$props6.getNode;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -415,17 +413,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       this === null || this === void 0 || (_this$table3 = this.table) === null || _this$table3 === void 0 || _this$table3.addEventListener('mouseover', this.handleMouseOver);
-      var _getEditorFeatureFlag = getEditorFeatureFlags(),
-        _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
-      if (!expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-        if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
-          this.handleColgroupUpdates(true);
-        }
-        if (isTableScalingEnabled && tableWithFixedColumnWidthsOption && getNode().attrs.displayMode !== 'fixed') {
-          this.handleColgroupUpdates(true);
-        }
-      }
       if (this.wrapper) {
         this.wrapperReisizeObserver = new ResizeObserver(function (entries) {
           var _iterator2 = _createForOfIteratorHelper(entries),
@@ -492,6 +479,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isDragAndDropEnabled = _this$props7.isDragAndDropEnabled,
         view = _this$props7.view,
         isInDanger = _this$props7.isInDanger;
+      var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
+      var isIE11 = browser.ie_version === 11;
       if (this.wrapper && !isIE11) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -526,10 +515,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true)) {
-        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        window.removeEventListener('resize', this.handleWindowResizeNewDebounced);
-      }
+
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      window.removeEventListener('resize', this.handleWindowResizeNewDebounced);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -616,7 +604,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         containerLineLength = containerWidth.lineLength;
       var isLineLengthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.lineLength) !== containerLineLength;
       var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged && fg('platform_editor_table_overflow_in_full_width_fix');
-      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && this.state.windowResized;
+      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
       if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
         var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;
         var isWidthChanged = ((_this$containerWidth2 = this.containerWidth) === null || _this$containerWidth2 === void 0 ? void 0 : _this$containerWidth2.width) !== containerWidthValue;
@@ -635,9 +623,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           isNumberOfColumnsChanged: isNumberOfColumnsChanged,
           isFullWidthModeAndLineLengthChanged: isFullWidthModeAndLineLengthChanged
         });
-        var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
-          _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
-          tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
+        var _getEditorFeatureFlag = getEditorFeatureFlags(),
+          _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
+          tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
         var isTableScalingWithFixedColumnWidthsOptionEnabled = !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isTableScalingEnabled) && tableWithFixedColumnWidthsOption;
         var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || !!((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isTableScalingEnabled) && !!((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isCommentEditor);
         if (force || !isResizing && shouldUpdateColgroup) {
@@ -718,9 +706,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var table = findTable(view.state.selection);
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
-      var _getEditorFeatureFlag5 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag6 = _getEditorFeatureFlag5.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag6 === void 0 ? false : _getEditorFeatureFlag6;
+      var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
+        _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
+        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
       if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
@@ -731,7 +719,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
       }
-      if (expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) && this.state.windowResized) {
+      if (this.state.windowResized) {
         shouldHandleColgroupUpdates = true;
       }
       if (shouldHandleColgroupUpdates) {
@@ -889,9 +877,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tablePos = undefined;
       }
       var isNested = isTableNested(view.state, tablePos);
-      var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag8 === void 0 ? false : _getEditorFeatureFlag8;
+      var _getEditorFeatureFlag5 = getEditorFeatureFlags(),
+        _getEditorFeatureFlag6 = _getEditorFeatureFlag5.tableWithFixedColumnWidthsOption,
+        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag6 === void 0 ? false : _getEditorFeatureFlag6;
       var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor));
       return /*#__PURE__*/React.createElement(TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/nodeviews/TableContainer.js

@@ -7,8 +7,6 @@ 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';
@@ -75,8 +73,8 @@ var AlignmentTableContainer = function AlignmentTableContainer(_ref2) {
   }, [alignment]);
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "table-alignment-container",
-    "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
-    "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined
+    "data-ssr-placeholder": "table-".concat(node.attrs.localId),
+    "data-ssr-placeholder-replace": "table-".concat(node.attrs.localId)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: style
@@ -92,8 +90,8 @@ var AlignmentTableContainerWrapper = function AlignmentTableContainerWrapper(_re
   if (!isTableAlignmentEnabled) {
     return /*#__PURE__*/React.createElement("div", {
       "data-testid": "table-alignment-container",
-      "data-ssr-placeholder": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
-      "data-ssr-placeholder-replace": expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? "table-".concat(node.attrs.localId) : undefined,
+      "data-ssr-placeholder": "table-".concat(node.attrs.localId),
+      "data-ssr-placeholder-replace": "table-".concat(node.attrs.localId),
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         display: 'flex',
@@ -120,7 +118,7 @@ var getPadding = function getPadding(containerWidth) {
     exposure: true
   }) ? akEditorGutterPaddingReduced : akEditorGutterPaddingDynamic();
 };
-var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
+export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
   var children = _ref4.children,
     className = _ref4.className,
     node = _ref4.node,
@@ -137,7 +135,9 @@ var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
     isTableWithFixedColumnWidthsOptionEnabled = _ref4.isTableWithFixedColumnWidthsOptionEnabled,
     isTableAlignmentEnabled = _ref4.isTableAlignmentEnabled,
     shouldUseIncreasedScalingPercent = _ref4.shouldUseIncreasedScalingPercent,
-    isCommentEditor = _ref4.isCommentEditor;
+    isCommentEditor = _ref4.isCommentEditor,
+    isChromelessEditor = _ref4.isChromelessEditor;
+  var tableWidth = getTableContainerWidth(node);
   var containerRef = useRef(null);
   var tableWidthRef = useRef(akEditorDefaultLayoutWidth);
   var _useState = useState(false),
@@ -201,186 +201,6 @@ var ResizableTableContainerLegacy = /*#__PURE__*/React.memo(function (_ref4) {
     var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
     return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
   }, [pluginInjectionApi]);
-  var tableWidth = getTableContainerWidth(node);
-  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;
-      }
-    }
-  } 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);
-
-  // Ensure minimum width for usability while respecting container constraints
-  var width = Math.max(calculatedWidth, Math.min(responsiveContainerWidth * 0.5, 300));
-  if (!isResizing) {
-    tableWidthRef.current = width;
-  }
-  var maxResizerWidth = isCommentEditor ? responsiveContainerWidth : Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
-  var tableResizerProps = {
-    width: width,
-    maxWidth: maxResizerWidth,
-    containerWidth: containerWidth,
-    lineLength: lineLength,
-    updateWidth: updateWidth,
-    editorView: editorView,
-    getPos: getPos,
-    node: node,
-    tableRef: tableRef,
-    displayGuideline: displayGuideline,
-    attachAnalyticsEvent: attachAnalyticsEvent,
-    displayGapCursor: displayGapCursor,
-    isTableAlignmentEnabled: isTableAlignmentEnabled,
-    isFullWidthModeEnabled: isFullWidthModeEnabled,
-    isTableScalingEnabled: isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,
-    isWholeTableInDanger: isWholeTableInDanger,
-    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
-    pluginInjectionApi: pluginInjectionApi,
-    onResizeStart: onResizeStart,
-    onResizeStop: onResizeStop,
-    isCommentEditor: isCommentEditor
-  };
-  var isLivePageViewMode = mode === 'view';
-  return /*#__PURE__*/React.createElement(AlignmentTableContainerWrapper, {
-    isTableAlignmentEnabled: isTableAlignmentEnabled,
-    node: node,
-    pluginInjectionApi: pluginInjectionApi,
-    getPos: getPos,
-    editorView: editorView
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: tableWidthRef.current,
-      height: resizing ? updateContainerHeight(tableWrapperHeight !== null && tableWrapperHeight !== void 0 ? tableWrapperHeight : 'auto') : 'auto',
-      position: isLivePageViewMode ? 'relative' : 'unset'
-    }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: ClassName.TABLE_RESIZER_CONTAINER,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
-    disabled: isLivePageViewMode
-  }), /*#__PURE__*/React.createElement(InnerContainer, {
-    className: className,
-    node: node
-  }, children))));
-});
-var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
-  var children = _ref5.children,
-    className = _ref5.className,
-    node = _ref5.node,
-    containerWidth = _ref5.containerWidth,
-    lineLength = _ref5.lineLength,
-    editorView = _ref5.editorView,
-    getPos = _ref5.getPos,
-    tableRef = _ref5.tableRef,
-    isResizing = _ref5.isResizing,
-    pluginInjectionApi = _ref5.pluginInjectionApi,
-    tableWrapperHeight = _ref5.tableWrapperHeight,
-    isWholeTableInDanger = _ref5.isWholeTableInDanger,
-    isTableScalingEnabled = _ref5.isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled = _ref5.isTableWithFixedColumnWidthsOptionEnabled,
-    isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
-    shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
-    isCommentEditor = _ref5.isCommentEditor,
-    isChromelessEditor = _ref5.isChromelessEditor;
-  var tableWidth = getTableContainerWidth(node);
-  var containerRef = useRef(null);
-  var tableWidthRef = useRef(akEditorDefaultLayoutWidth);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    resizing = _useState4[0],
-    setIsResizing = _useState4[1];
-  var _useSharedPluginState3 = useSharedPluginStateWithSelector(pluginInjectionApi, ['table', 'editorViewMode'], selector),
-    tableState = _useSharedPluginState3.tableState,
-    editorViewModeState = _useSharedPluginState3.editorViewModeState;
-  var isFullWidthModeEnabled = tableState === null || tableState === void 0 ? void 0 : tableState.isFullWidthModeEnabled;
-  var mode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
-  var updateContainerHeight = useCallback(function (height) {
-    var _containerRef$current3;
-    // current StickyHeader State is not stable to be fetch.
-    // we need to update stickyHeader plugin to make sure state can be
-    //    consistently fetch and refactor below
-    var stickyHeaders = (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getElementsByClassName('pm-table-sticky');
-    if (!stickyHeaders || stickyHeaders.length < 1) {
-      // when starting to drag, we need to keep the original space,
-      // -- When sticky header not appear, margin top(24px) and margin bottom(16px), should be 40px,
-      //    1px is border width but collapse make it 0.5.
-      // -- When sticky header appear, we should add first row height but reduce
-      //    collapsed border
-      return typeof height === 'number' ? "".concat(height + 40.5, "px") : 'auto';
-    } else {
-      var _containerRef$current4;
-      var stickyHeaderHeight = ((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getElementsByTagName('th')[0].getBoundingClientRect().height) || 0;
-      return typeof height === 'number' ? "".concat(height + stickyHeaderHeight + 39.5, "px") : 'auto';
-    }
-  }, []);
-  var onResizeStart = useCallback(function () {
-    setIsResizing(true);
-  }, []);
-  var onResizeStop = useCallback(function () {
-    setIsResizing(false);
-  }, []);
-  var updateWidth = useCallback(function (width) {
-    if (!containerRef.current) {
-      return;
-    }
-
-    // make sure during resizing
-    // the pm-table-resizer-container width is the same as its child div resizer-item
-    // otherwise when resize table from wider to narrower , pm-table-resizer-container stays wider
-    // and cause the fabric-editor-popup-scroll-parent to overflow
-    if (containerRef.current.style.width !== "".concat(width, "px")) {
-      containerRef.current.style.width = "".concat(width, "px");
-    }
-  }, []);
-  var displayGuideline = useCallback(function (guidelines) {
-    var _pluginInjectionApi$g3, _pluginInjectionApi$g4;
-    return (_pluginInjectionApi$g3 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g4 = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g4 === void 0 || (_pluginInjectionApi$g4 = _pluginInjectionApi$g4.actions) === null || _pluginInjectionApi$g4 === void 0 ? void 0 : _pluginInjectionApi$g4.displayGuideline(editorView)({
-      guidelines: guidelines
-    })) !== null && _pluginInjectionApi$g3 !== void 0 ? _pluginInjectionApi$g3 : false;
-  }, [pluginInjectionApi, editorView]);
-  var attachAnalyticsEvent = useCallback(function (payload) {
-    var _pluginInjectionApi$a3;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions.attachAnalyticsEvent(payload);
-  }, [pluginInjectionApi]);
-  var displayGapCursor = useCallback(function (toggle) {
-    var _pluginInjectionApi$c3, _pluginInjectionApi$c4, _pluginInjectionApi$s2;
-    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 _useMemo = useMemo(function () {
       var responsiveContainerWidth = 0;
@@ -510,32 +330,28 @@ var ResizableTableContainerNext = /*#__PURE__*/React.memo(function (_ref5) {
     node: node
   }, children))));
 });
-export var ResizableTableContainer = componentWithCondition(function () {
-  return expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true);
-}, ResizableTableContainerNext, ResizableTableContainerLegacy);
-export var TableContainer = function TableContainer(_ref6) {
-  var _node$attrs$width;
-  var children = _ref6.children,
-    node = _ref6.node,
-    className = _ref6.className,
-    _ref6$containerWidth = _ref6.containerWidth,
-    editorWidth = _ref6$containerWidth.width,
-    lineLength = _ref6$containerWidth.lineLength,
-    editorView = _ref6.editorView,
-    getPos = _ref6.getPos,
-    tableRef = _ref6.tableRef,
-    isNested = _ref6.isNested,
-    tableWrapperHeight = _ref6.tableWrapperHeight,
-    isResizing = _ref6.isResizing,
-    pluginInjectionApi = _ref6.pluginInjectionApi,
-    isWholeTableInDanger = _ref6.isWholeTableInDanger,
-    isTableResizingEnabled = _ref6.isTableResizingEnabled,
-    isTableScalingEnabled = _ref6.isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled = _ref6.isTableWithFixedColumnWidthsOptionEnabled,
-    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled,
-    shouldUseIncreasedScalingPercent = _ref6.shouldUseIncreasedScalingPercent,
-    isCommentEditor = _ref6.isCommentEditor,
-    isChromelessEditor = _ref6.isChromelessEditor;
+export var TableContainer = function TableContainer(_ref5) {
+  var children = _ref5.children,
+    node = _ref5.node,
+    className = _ref5.className,
+    _ref5$containerWidth = _ref5.containerWidth,
+    editorWidth = _ref5$containerWidth.width,
+    lineLength = _ref5$containerWidth.lineLength,
+    editorView = _ref5.editorView,
+    getPos = _ref5.getPos,
+    tableRef = _ref5.tableRef,
+    isNested = _ref5.isNested,
+    tableWrapperHeight = _ref5.tableWrapperHeight,
+    isResizing = _ref5.isResizing,
+    pluginInjectionApi = _ref5.pluginInjectionApi,
+    isWholeTableInDanger = _ref5.isWholeTableInDanger,
+    isTableResizingEnabled = _ref5.isTableResizingEnabled,
+    isTableScalingEnabled = _ref5.isTableScalingEnabled,
+    isTableWithFixedColumnWidthsOptionEnabled = _ref5.isTableWithFixedColumnWidthsOptionEnabled,
+    isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
+    isCommentEditor = _ref5.isCommentEditor,
+    isChromelessEditor = _ref5.isChromelessEditor;
   if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/React.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -568,7 +384,7 @@ export var TableContainer = function TableContainer(_ref6) {
   var _getPluginState = getPluginState(editorView.state),
     isDragAndDropEnabled = _getPluginState.isDragAndDropEnabled;
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
-  var resizableTableWidth = expValEquals('platform_editor_tables_scaling_css', 'isEnabled', true) ? isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))" : "min(calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2)), ".concat((_node$attrs$width = node.attrs.width) !== null && _node$attrs$width !== void 0 ? _node$attrs$width : '100%', ")");
+  var resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
   return /*#__PURE__*/React.createElement(InnerContainer, {
     node: node
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766