@atlaskit/editor-plugin-table 15.3.13 → 15.3.15

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-table
 
+## 15.3.15
+
+### Patch Changes
+
+- [`fd0c8ec823f49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd0c8ec823f49) -
+  NOISSUE - Add limited mode check for expensive getTableScalingPercent calls for the table floating
+  toolbar alignment button.
+- Updated dependencies
+
+## 15.3.14
+
+### Patch Changes
+
+- [`21ffffe31e25a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/21ffffe31e25a) -
+  Cleaned platform_editor_fix_table_resizing_undo FG.
+- Updated dependencies
+
 ## 15.3.13
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentLegacy.js

@@ -257,11 +257,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       )(state.tr);
       if (!isUserTriggered) {
         (0, _collab.tintDirtyTransaction)(tr);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

package/dist/cjs/nodeviews/TableComponentNext.js

@@ -223,11 +223,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       )(state.tr);
       if (!isUserTriggered) {
         (0, _collab.tintDirtyTransaction)(tr);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

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

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _columnWidth = require("../../transforms/column-width");
 var _nodes = require("../../utils/nodes");
 var _misc = require("../utils/misc");
@@ -178,9 +177,6 @@ var scaleTable = exports.scaleTable = function scaleTable(tableRef, options, dom
     }
     if (resizeState) {
       tr = (0, _columnWidth.updateColumnWidths)(resizeState, node, start, api)(tr);
-      if (!(0, _platformFeatureFlags.fg)('platform_editor_fix_table_resizing_undo')) {
-        tr.setMeta('addToHistory', false);
-      }
       if (tr.docChanged) {
         tr.setMeta('scrollIntoView', false);
         // TODO: ED-8995 - We need to do this check to reduce the number of race conditions when working with tables.

package/dist/cjs/ui/common-styles.js

@@ -72,7 +72,7 @@ var tableStickyHeaderFirefoxFixStyle = function tableStickyHeaderFirefoxFixStyle
  * inspired by https://css-scroll-shadows.vercel.app/
  */
 var tableScrollInlineShadowStyles = function tableScrollInlineShadowStyles() {
-  return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", " {\n\t\t\t--editor-table-shadow-cover: #fff;\n\t\t\t--editor-table-shadow-color: ", ";\n\t\t\t--editor-table-shadow-size: ", ";\n\t\t\tbackground-image:\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-cover) 33%, transparent),\n\t\t\t\tlinear-gradient(to right, transparent, var(--editor-table-shadow-cover) 66%),\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-color), transparent),\n\t\t\t\tlinear-gradient(to left, var(--editor-table-shadow-color), transparent);\n\t\t\tbackground-size:\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%;\n\t\t\tbackground-position:\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ",\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ";\n\t\t\tbackground-attachment: local, local, scroll, scroll;\n\t\t\tbackground-repeat: no-repeat;\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmix-blend-mode: multiply;\n\t\t\t}\n\t\t}\n\n\t\t.", " .", " tr.sticky th,\n\t\t.", " .", " tr.sticky td {\n\t\t\tmix-blend-mode: normal;\n\t\t}\n\t"])), _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW);
+  return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", " {\n\t\t\t--editor-table-shadow-cover: #fff;\n\t\t\t--editor-table-shadow-color: ", ";\n\t\t\t--editor-table-shadow-size: ", ";\n\t\t\tbackground-image:\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-cover) 33%, transparent),\n\t\t\t\tlinear-gradient(to right, transparent, var(--editor-table-shadow-cover) 66%),\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-color), transparent),\n\t\t\t\tlinear-gradient(to left, var(--editor-table-shadow-color), transparent);\n\t\t\tbackground-size:\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%;\n\t\t\tbackground-position:\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ",\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ";\n\t\t\tbackground-attachment: local, local, scroll, scroll;\n\t\t\tbackground-repeat: no-repeat;\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmix-blend-mode: multiply;\n\t\t\t}\n\t\t}\n\n\t\t.", " .", " tr.sticky th,\n\t\t.", " .", " tr.sticky td {\n\t\t\tmix-blend-mode: normal;\n\t\t}\n\t"])), _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW);
 };
 
 // re-exporting these styles to use in Gemini test when table node view is rendered outside of PM

package/dist/cjs/ui/toolbar.js

@@ -150,6 +150,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
   var isCommentEditor = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
+  var isLimitedModeEnabled = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
   var top = initialSelectionRect.top,
     bottom = initialSelectionRect.bottom,
     right = initialSelectionRect.right,
@@ -247,15 +248,35 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     });
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo = pluginState.pluginConfig) !== null && _pluginState$pluginCo !== void 0 && _pluginState$pluginCo.allowDistributeColumns) {
-    var _newResizeStateWithAn;
-    var newResizeStateWithAnalytics = editorView ? (0, _resizeState.getNewResizeStateFromSelectedColumns)(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
-    var wouldChange = (_newResizeStateWithAn = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
-    var distributeColumnWidths = function distributeColumnWidths(state, dispatch) {
-      if (newResizeStateWithAnalytics) {
-        (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI, api)(_analytics.INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
-        return true;
+    var wouldChange = true; // Default to enabled - show the button.
+    var newResizeStateWithAnalytics;
+
+    // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+    // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+    if (!(0, _expValEquals.expValEquals)('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+      var _newResizeStateWithAn, _newResizeStateWithAn2;
+      newResizeStateWithAnalytics = editorView ? (0, _resizeState.getNewResizeStateFromSelectedColumns)(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
+      wouldChange = (_newResizeStateWithAn = (_newResizeStateWithAn2 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn2 === void 0 ? void 0 : _newResizeStateWithAn2.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
+    }
+    var distributeColumnWidths = function distributeColumnWidths(state, dispatch, view) {
+      // When optimization is enabled, calculate on-demand when clicked
+      if ((0, _expValEquals.expValEquals)('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) && isLimitedModeEnabled) {
+        if (view) {
+          var resizeState = (0, _resizeState.getNewResizeStateFromSelectedColumns)(initialSelectionRect, state, view.domAtPos.bind(view), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+          if (resizeState) {
+            (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI, api)(_analytics.INPUT_METHOD.FLOATING_TB, resizeState)(state, dispatch);
+            return true;
+          }
+        }
+        return false;
+      } else {
+        // Original behavior: use pre-calculated state
+        if (newResizeStateWithAnalytics) {
+          (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI, api)(_analytics.INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
+          return true;
+        }
+        return false;
       }
-      return false;
     };
     options.push({
       id: 'editor.table.distributeColumns',
@@ -410,7 +431,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
       // We don't want to show floating toolbar while resizing the table
       var isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
       if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
-        var _api$extension, _api$extension2;
+        var _api$limitedMode$shar, _api$limitedMode, _api$extension, _api$extension2;
         var isNested = pluginState.tablePos && (0, _nodes.isTableNested)(state, pluginState.tablePos);
         var isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;
         var areTableColumWidthsFixed = tableObject.node.attrs.displayMode === 'fixed';
@@ -432,8 +453,9 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
         };
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
         var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
-        var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
-        var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+        var isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
+        var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
+        var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
         var colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
 
         // Check if we need to show confirm dialog for delete button
@@ -591,11 +613,12 @@ var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerW
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   var isCommentEditor = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
+  var isLimitedModeEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
   var initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
     var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
       formatMessage: formatMessage
-    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor);
+    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isLimitedModeEnabled);
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [cellOptions, separator(cellOptions.hidden)];
@@ -623,18 +646,27 @@ var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth,
 // this create the button group for distribute column and also fixed column width
 // fixed column button should be in this function call in the future
 var getColumnSettingItems = function getColumnSettingItems(editorState, editorView, _ref4, getEditorContainerWidth, api, editorAnalyticsAPI) {
-  var _newResizeStateWithAn2, _pluginState$pluginCo3;
+  var _pluginState$pluginCo3;
   var formatMessage = _ref4.formatMessage;
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var isCommentEditor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
+  var isLimitedModeEnabled = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
   var pluginState = (0, _pluginFactory2.getPluginState)(editorState);
   var selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  var newResizeStateWithAnalytics = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
-  var wouldChange = (_newResizeStateWithAn2 = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn2 !== void 0 ? _newResizeStateWithAn2 : false;
+  var wouldChange = true; // Default to enabled - show the button.
+  var newResizeStateWithAnalytics;
+
+  // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+  // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+  if (!(0, _expValEquals.expValEquals)('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+    var _newResizeStateWithAn3, _newResizeStateWithAn4;
+    newResizeStateWithAnalytics = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+    wouldChange = (_newResizeStateWithAn3 = (_newResizeStateWithAn4 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn4 === void 0 ? void 0 : _newResizeStateWithAn4.changed) !== null && _newResizeStateWithAn3 !== void 0 ? _newResizeStateWithAn3 : false;
+  }
   var items = [];
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
     items.push({

package/dist/es2019/nodeviews/TableComponentLegacy.js

@@ -252,11 +252,9 @@ class TableComponent extends React.Component {
       )(state.tr);
       if (!isUserTriggered) {
         tintDirtyTransaction(tr);
-        if (fg('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

package/dist/es2019/nodeviews/TableComponentNext.js

@@ -209,11 +209,9 @@ class TableComponent extends React.Component {
       )(state.tr);
       if (!isUserTriggered) {
         tintDirtyTransaction(tr);
-        if (fg('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

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

@@ -1,7 +1,6 @@
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { updateColumnWidths } from '../../transforms/column-width';
 import { getTableWidth } from '../../utils/nodes';
 import { getLayoutSize } from '../utils/misc';
@@ -164,9 +163,6 @@ export const scaleTable = (tableRef, options, domAtPos, api, isTableScalingEnabl
   }
   if (resizeState) {
     tr = updateColumnWidths(resizeState, node, start, api)(tr);
-    if (!fg('platform_editor_fix_table_resizing_undo')) {
-      tr.setMeta('addToHistory', false);
-    }
     if (tr.docChanged) {
       tr.setMeta('scrollIntoView', false);
       // TODO: ED-8995 - We need to do this check to reduce the number of race conditions when working with tables.

package/dist/es2019/ui/common-styles.js

@@ -212,7 +212,7 @@ const tableScrollInlineShadowStyles = () => {
   return css`
 		.${ClassName.TABLE_SCROLL_INLINE_SHADOW} {
 			--editor-table-shadow-cover: #fff;
-			--editor-table-shadow-color: ${"var(--ds-shadow-overflow-spread, #091e4229)"};
+			--editor-table-shadow-color: ${"var(--ds-shadow-overflow-spread, #1E1F2129)"};
 			--editor-table-shadow-size: ${"var(--ds-space-100, 8px)"};
 			background-image:
 				linear-gradient(to right, var(--editor-table-shadow-cover) 33%, transparent),

package/dist/es2019/ui/toolbar.js

@@ -129,7 +129,7 @@ export const getToolbarMenuConfig = (config, state, {
 // with native widgets. It's enabled via a plugin config.
 export const getToolbarCellOptionsConfig = (editorState, editorView, initialSelectionRect, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => {
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false, isLimitedModeEnabled = false) => {
   var _pluginState$pluginCo, _pluginState$pluginCo2;
   const {
     top,
@@ -230,15 +230,35 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     });
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo = pluginState.pluginConfig) !== null && _pluginState$pluginCo !== void 0 && _pluginState$pluginCo.allowDistributeColumns) {
-    var _newResizeStateWithAn;
-    const newResizeStateWithAnalytics = editorView ? getNewResizeStateFromSelectedColumns(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
-    const wouldChange = (_newResizeStateWithAn = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
-    const distributeColumnWidths = (state, dispatch) => {
-      if (newResizeStateWithAnalytics) {
-        distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
-        return true;
+    let wouldChange = true; // Default to enabled - show the button.
+    let newResizeStateWithAnalytics;
+
+    // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+    // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+    if (!expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+      var _newResizeStateWithAn, _newResizeStateWithAn2;
+      newResizeStateWithAnalytics = editorView ? getNewResizeStateFromSelectedColumns(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
+      wouldChange = (_newResizeStateWithAn = (_newResizeStateWithAn2 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn2 === void 0 ? void 0 : _newResizeStateWithAn2.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
+    }
+    const distributeColumnWidths = (state, dispatch, view) => {
+      // When optimization is enabled, calculate on-demand when clicked
+      if (expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) && isLimitedModeEnabled) {
+        if (view) {
+          const resizeState = getNewResizeStateFromSelectedColumns(initialSelectionRect, state, view.domAtPos.bind(view), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+          if (resizeState) {
+            distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, resizeState)(state, dispatch);
+            return true;
+          }
+        }
+        return false;
+      } else {
+        // Original behavior: use pre-calculated state
+        if (newResizeStateWithAnalytics) {
+          distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
+          return true;
+        }
+        return false;
       }
-      return false;
     };
     options.push({
       id: 'editor.table.distributeColumns',
@@ -389,7 +409,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
   // We don't want to show floating toolbar while resizing the table
   const isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
   if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
-    var _api$extension, _api$extension$shared, _api$extension2;
+    var _api$limitedMode$shar, _api$limitedMode, _api$limitedMode$shar2, _api$extension, _api$extension$shared, _api$extension2;
     const isNested = pluginState.tablePos && isTableNested(state, pluginState.tablePos);
     const isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;
     const areTableColumWidthsFixed = tableObject.node.attrs.displayMode === 'fixed';
@@ -411,8 +431,9 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
     };
     const menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
     const alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
-    const cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
-    const columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+    const isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 ? void 0 : (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 ? void 0 : (_api$limitedMode$shar2 = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode$shar2 === void 0 ? void 0 : _api$limitedMode$shar2.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
+    const cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
+    const columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
     const colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
 
     // Check if we need to show confirm dialog for delete button
@@ -556,12 +577,12 @@ const separator = hidden => {
 };
 const getCellItems = (state, view, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => {
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false, isLimitedModeEnabled = false) => {
   const initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
     const cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
       formatMessage
-    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor);
+    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isLimitedModeEnabled);
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [cellOptions, separator(cellOptions.hidden)];
@@ -585,15 +606,23 @@ const getDistributeConfig = (getEditorContainerWidth, api, editorAnalyticsAPI, i
 // fixed column button should be in this function call in the future
 const getColumnSettingItems = (editorState, editorView, {
   formatMessage
-}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false) => {
-  var _newResizeStateWithAn2, _pluginState$pluginCo3;
+}, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false, isLimitedModeEnabled = false) => {
+  var _pluginState$pluginCo3;
   const pluginState = getPluginState(editorState);
   const selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  const newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
-  const wouldChange = (_newResizeStateWithAn2 = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn2 !== void 0 ? _newResizeStateWithAn2 : false;
+  let wouldChange = true; // Default to enabled - show the button.
+  let newResizeStateWithAnalytics;
+
+  // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+  // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+  if (!expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+    var _newResizeStateWithAn3, _newResizeStateWithAn4;
+    newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+    wouldChange = (_newResizeStateWithAn3 = (_newResizeStateWithAn4 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn4 === void 0 ? void 0 : _newResizeStateWithAn4.changed) !== null && _newResizeStateWithAn3 !== void 0 ? _newResizeStateWithAn3 : false;
+  }
   const items = [];
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
     items.push({

package/dist/esm/nodeviews/TableComponentLegacy.js

@@ -251,11 +251,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       )(state.tr);
       if (!isUserTriggered) {
         tintDirtyTransaction(tr);
-        if (fg('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

package/dist/esm/nodeviews/TableComponentNext.js

@@ -217,11 +217,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       )(state.tr);
       if (!isUserTriggered) {
         tintDirtyTransaction(tr);
-        if (fg('platform_editor_fix_table_resizing_undo')) {
-          // Avoid adding this transaction separately to the history as these are automatic updates
-          // as a consequence of another action
-          tr.setMeta('addToHistory', false);
-        }
+        // Avoid adding this transaction separately to the history as these are automatic updates
+        // as a consequence of another action
+        tr.setMeta('addToHistory', false);
       }
       dispatch(tr);
     });

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

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { updateColumnWidths } from '../../transforms/column-width';
 import { getTableWidth } from '../../utils/nodes';
 import { getLayoutSize } from '../utils/misc';
@@ -170,9 +169,6 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
     }
     if (resizeState) {
       tr = updateColumnWidths(resizeState, node, start, api)(tr);
-      if (!fg('platform_editor_fix_table_resizing_undo')) {
-        tr.setMeta('addToHistory', false);
-      }
       if (tr.docChanged) {
         tr.setMeta('scrollIntoView', false);
         // TODO: ED-8995 - We need to do this check to reduce the number of race conditions when working with tables.

package/dist/esm/ui/common-styles.js

@@ -67,7 +67,7 @@ var tableStickyHeaderFirefoxFixStyle = function tableStickyHeaderFirefoxFixStyle
  * inspired by https://css-scroll-shadows.vercel.app/
  */
 var tableScrollInlineShadowStyles = function tableScrollInlineShadowStyles() {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t\t.", " {\n\t\t\t--editor-table-shadow-cover: #fff;\n\t\t\t--editor-table-shadow-color: ", ";\n\t\t\t--editor-table-shadow-size: ", ";\n\t\t\tbackground-image:\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-cover) 33%, transparent),\n\t\t\t\tlinear-gradient(to right, transparent, var(--editor-table-shadow-cover) 66%),\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-color), transparent),\n\t\t\t\tlinear-gradient(to left, var(--editor-table-shadow-color), transparent);\n\t\t\tbackground-size:\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%;\n\t\t\tbackground-position:\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ",\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ";\n\t\t\tbackground-attachment: local, local, scroll, scroll;\n\t\t\tbackground-repeat: no-repeat;\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmix-blend-mode: multiply;\n\t\t\t}\n\t\t}\n\n\t\t.", " .", " tr.sticky th,\n\t\t.", " .", " tr.sticky td {\n\t\t\tmix-blend-mode: normal;\n\t\t}\n\t"])), ClassName.TABLE_SCROLL_INLINE_SHADOW, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", ClassName.TABLE_STICKY, ClassName.TABLE_SCROLL_INLINE_SHADOW, ClassName.TABLE_STICKY, ClassName.TABLE_SCROLL_INLINE_SHADOW);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\t\t.", " {\n\t\t\t--editor-table-shadow-cover: #fff;\n\t\t\t--editor-table-shadow-color: ", ";\n\t\t\t--editor-table-shadow-size: ", ";\n\t\t\tbackground-image:\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-cover) 33%, transparent),\n\t\t\t\tlinear-gradient(to right, transparent, var(--editor-table-shadow-cover) 66%),\n\t\t\t\tlinear-gradient(to right, var(--editor-table-shadow-color), transparent),\n\t\t\t\tlinear-gradient(to left, var(--editor-table-shadow-color), transparent);\n\t\t\tbackground-size:\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 3) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%,\n\t\t\t\tcalc(var(--editor-table-shadow-size) * 1) 100%;\n\t\t\tbackground-position:\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ",\n\t\t\t\tleft ", ",\n\t\t\t\tright ", ";\n\t\t\tbackground-attachment: local, local, scroll, scroll;\n\t\t\tbackground-repeat: no-repeat;\n\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tmix-blend-mode: multiply;\n\t\t\t}\n\t\t}\n\n\t\t.", " .", " tr.sticky th,\n\t\t.", " .", " tr.sticky td {\n\t\t\tmix-blend-mode: normal;\n\t\t}\n\t"])), ClassName.TABLE_SCROLL_INLINE_SHADOW, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-space-100, 8px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", ClassName.TABLE_STICKY, ClassName.TABLE_SCROLL_INLINE_SHADOW, ClassName.TABLE_STICKY, ClassName.TABLE_SCROLL_INLINE_SHADOW);
 };
 
 // re-exporting these styles to use in Gemini test when table node view is rendered outside of PM

package/dist/esm/ui/toolbar.js

@@ -143,6 +143,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
   var isCommentEditor = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
+  var isLimitedModeEnabled = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
   var top = initialSelectionRect.top,
     bottom = initialSelectionRect.bottom,
     right = initialSelectionRect.right,
@@ -240,15 +241,35 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     });
   }
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo = pluginState.pluginConfig) !== null && _pluginState$pluginCo !== void 0 && _pluginState$pluginCo.allowDistributeColumns) {
-    var _newResizeStateWithAn;
-    var newResizeStateWithAnalytics = editorView ? getNewResizeStateFromSelectedColumns(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
-    var wouldChange = (_newResizeStateWithAn = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
-    var distributeColumnWidths = function distributeColumnWidths(state, dispatch) {
-      if (newResizeStateWithAnalytics) {
-        distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
-        return true;
+    var wouldChange = true; // Default to enabled - show the button.
+    var newResizeStateWithAnalytics;
+
+    // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+    // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+    if (!expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+      var _newResizeStateWithAn, _newResizeStateWithAn2;
+      newResizeStateWithAnalytics = editorView ? getNewResizeStateFromSelectedColumns(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) : undefined;
+      wouldChange = (_newResizeStateWithAn = (_newResizeStateWithAn2 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn2 === void 0 ? void 0 : _newResizeStateWithAn2.changed) !== null && _newResizeStateWithAn !== void 0 ? _newResizeStateWithAn : false;
+    }
+    var distributeColumnWidths = function distributeColumnWidths(state, dispatch, view) {
+      // When optimization is enabled, calculate on-demand when clicked
+      if (expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) && isLimitedModeEnabled) {
+        if (view) {
+          var resizeState = getNewResizeStateFromSelectedColumns(initialSelectionRect, state, view.domAtPos.bind(view), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+          if (resizeState) {
+            distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, resizeState)(state, dispatch);
+            return true;
+          }
+        }
+        return false;
+      } else {
+        // Original behavior: use pre-calculated state
+        if (newResizeStateWithAnalytics) {
+          distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
+          return true;
+        }
+        return false;
       }
-      return false;
     };
     options.push({
       id: 'editor.table.distributeColumns',
@@ -403,7 +424,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
       // We don't want to show floating toolbar while resizing the table
       var isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
       if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
-        var _api$extension, _api$extension2;
+        var _api$limitedMode$shar, _api$limitedMode, _api$extension, _api$extension2;
         var isNested = pluginState.tablePos && isTableNested(state, pluginState.tablePos);
         var isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;
         var areTableColumWidthsFixed = tableObject.node.attrs.displayMode === 'fixed';
@@ -425,8 +446,9 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
         };
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
         var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, areAnyNewToolbarFlagsEnabled, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
-        var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
-        var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+        var isLimitedModeEnabled = (_api$limitedMode$shar = api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled) !== null && _api$limitedMode$shar !== void 0 ? _api$limitedMode$shar : false;
+        var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled);
+        var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor, isLimitedModeEnabled) : [];
         var colorPicker = !areAnyNewToolbarFlagsEnabled ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
 
         // Check if we need to show confirm dialog for delete button
@@ -584,11 +606,12 @@ var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerW
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   var isCommentEditor = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
+  var isLimitedModeEnabled = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : false;
   var initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
     var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
       formatMessage: formatMessage
-    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor);
+    }, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isLimitedModeEnabled);
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     return [cellOptions, separator(cellOptions.hidden)];
@@ -616,18 +639,27 @@ var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth,
 // this create the button group for distribute column and also fixed column width
 // fixed column button should be in this function call in the future
 var getColumnSettingItems = function getColumnSettingItems(editorState, editorView, _ref4, getEditorContainerWidth, api, editorAnalyticsAPI) {
-  var _newResizeStateWithAn2, _pluginState$pluginCo3;
+  var _pluginState$pluginCo3;
   var formatMessage = _ref4.formatMessage;
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var isCommentEditor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
+  var isLimitedModeEnabled = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
   var pluginState = getPluginState(editorState);
   var selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
-  var wouldChange = (_newResizeStateWithAn2 = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn2 !== void 0 ? _newResizeStateWithAn2 : false;
+  var wouldChange = true; // Default to enabled - show the button.
+  var newResizeStateWithAnalytics;
+
+  // Performance optimization: Skip expensive getTableScalingPercent() DOM query when limited mode is enabled.
+  // This avoids layout reflows on every transaction. Instead, button stays enabled and calculates on-demand when clicked.
+  if (!expValEquals('cc_editor_limited_mode_table_align_bttn', 'isEnabled', true) || !isLimitedModeEnabled) {
+    var _newResizeStateWithAn3, _newResizeStateWithAn4;
+    newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
+    wouldChange = (_newResizeStateWithAn3 = (_newResizeStateWithAn4 = newResizeStateWithAnalytics) === null || _newResizeStateWithAn4 === void 0 ? void 0 : _newResizeStateWithAn4.changed) !== null && _newResizeStateWithAn3 !== void 0 ? _newResizeStateWithAn3 : false;
+  }
   var items = [];
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
     items.push({

package/dist/types/ui/toolbar.d.ts

@@ -6,6 +6,6 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from '../tablePluginType';
 import type { PluginConfig, PluginInjectionAPI, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from '../types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingWithFixedColumnWidthsOptionShown?: boolean, areTableColumnWidthsFixed?: boolean) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isLimitedModeEnabled?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorView: () => EditorView | null, options?: TablePluginOptions, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;

package/dist/types-ts4.5/ui/toolbar.d.ts

@@ -6,6 +6,6 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from '../tablePluginType';
 import type { PluginConfig, PluginInjectionAPI, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from '../types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingWithFixedColumnWidthsOptionShown?: boolean, areTableColumnWidthsFixed?: boolean) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isLimitedModeEnabled?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorView: () => EditorView | null, options?: TablePluginOptions, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.3.13",
+	"version": "15.3.15",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.3.2",
-		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^6.0.0",
@@ -37,9 +37,9 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^6.1.0",
 		"@atlaskit/editor-plugin-content-insertion": "^6.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^8.0.0",
-		"@atlaskit/editor-plugin-extension": "9.2.0",
+		"@atlaskit/editor-plugin-extension": "9.2.1",
 		"@atlaskit/editor-plugin-guideline": "^6.0.0",
-		"@atlaskit/editor-plugin-interaction": "^9.0.0",
+		"@atlaskit/editor-plugin-interaction": "^10.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^3.1.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^3.4.0",
@@ -59,10 +59,10 @@
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/react-ufo": "^4.14.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.31.0",
+		"@atlaskit/tmp-editor-statsig": "^13.33.0",
 		"@atlaskit/toggle": "^15.1.0",
-		"@atlaskit/tokens": "^7.1.0",
-		"@atlaskit/tooltip": "^20.7.0",
+		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.24.0",
+		"@atlaskit/editor-common": "^110.25.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -127,9 +127,6 @@
 		"platform_editor_tables_table_selector": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_table_resizing_undo": {
-			"type": "boolean"
-		},
 		"platform_editor_table_fw_numcol_overflow_fix": {
 			"type": "boolean"
 		},