@atlaskit/editor-plugin-table 7.5.4 → 7.5.6

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

@@ -1,9 +1,10 @@
 // Resize a given column by an amount from the current state
+
 import { growColumn, shrinkColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';
-export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, selectedColumns) {
-  var tablePreserveWidth = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
+  var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var newState = amount > 0 ? growColumn(resizeState, colIndex, amount, selectedColumns) : amount < 0 ? shrinkColumn(resizeState, colIndex, amount, selectedColumns) : resizeState;
-  updateColgroup(newState, tableRef, tablePreserveWidth);
+  updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled);
   return newState;
 };

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

@@ -8,8 +8,8 @@ import { getSelectedTableInfo } from '../../../utils';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
-import { getTableMaxWidth } from './misc';
-import { MAX_SCALING_PERCENT, TABLE_DEFAULT_WIDTH } from './index';
+import { getTableContainerElementWidth, getTableMaxWidth } from './misc';
+import { COLUMN_MIN_WIDTH, MAX_SCALING_PERCENT, TABLE_DEFAULT_WIDTH } from './index';
 export var getResizeState = function getResizeState(_ref) {
   var minWidth = _ref.minWidth,
     maxSize = _ref.maxSize,
@@ -17,8 +17,8 @@ export var getResizeState = function getResizeState(_ref) {
     tableRef = _ref.tableRef,
     start = _ref.start,
     domAtPos = _ref.domAtPos,
-    _ref$tablePreserveWid = _ref.tablePreserveWidth,
-    tablePreserveWidth = _ref$tablePreserveWid === void 0 ? false : _ref$tablePreserveWid;
+    _ref$isTableScalingEn = _ref.isTableScalingEnabled,
+    isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn;
   // If the table has been resized, we can use the column widths from the table node
   if (hasTableBeenResized(table)) {
     var _cols = calcTableColumnWidths(table).map(function (width, index) {
@@ -43,19 +43,19 @@ export var getResizeState = function getResizeState(_ref) {
       overflow: _overflow
     };
   }
-  var shouldReinsertColgroup = !tablePreserveWidth;
+  var shouldReinsertColgroup = !isTableScalingEnabled;
 
   // Getting the resize state from DOM
-  var colgroupChildren = insertColgroupFromNode(tableRef, table, tablePreserveWidth, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
+  var colgroupChildren = insertColgroupFromNode(tableRef, table, isTableScalingEnabled, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
   );
   var cols = Array.from(colgroupChildren).map(function (_, index) {
     // If the table hasn't been resized and we have a table width attribute, we can use it
     // to calculate the widths of the columns
-    if (tablePreserveWidth && table.attrs.width) {
+    if (isTableScalingEnabled && table.attrs.width) {
       return {
         index: index,
         width: table.attrs.width / colgroupChildren.length,
-        minWidth: 48
+        minWidth: COLUMN_MIN_WIDTH
       };
     }
     var cellsRefs = getCellsRefsInColumn(index, table, start, domAtPos);
@@ -78,13 +78,12 @@ export var getResizeState = function getResizeState(_ref) {
 };
 
 // updates Colgroup DOM node with new widths
-export var updateColgroup = function updateColgroup(state, tableRef, tablePreserveWidth) {
+export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled) {
   var cols = tableRef.querySelectorAll('col');
   if (getBooleanFF('platform.editor.custom-table-width')) {
     var columnsCount = cols.length;
-    if (tablePreserveWidth) {
-      var _tableRef$dataset;
-      var tableWidth = parseInt(((_tableRef$dataset = tableRef.dataset) === null || _tableRef$dataset === void 0 ? void 0 : _tableRef$dataset.tableWidth) || ''); // TODO - get this value from the table node, not the dom
+    if (isTableScalingEnabled && tableNode) {
+      var tableWidth = getTableContainerElementWidth(tableNode);
       if (tableWidth) {
         var _tableRef$parentEleme;
         var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || TABLE_DEFAULT_WIDTH;
@@ -300,7 +299,7 @@ export var normaliseTableLayout = function normaliseTableLayout(input) {
   }
 };
 export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos, getEditorContainerWidth) {
-  var tablePreserveWidth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isTableScalingEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   // Fail early so that we don't do complex calculations for no reason
   var numColumnsSelected = rect.right - rect.left;
   if (numColumnsSelected <= 1) {
@@ -338,7 +337,7 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     tableRef: tableRef,
     start: table.start,
     domAtPos: domAtPos,
-    tablePreserveWidth: tablePreserveWidth
+    isTableScalingEnabled: isTableScalingEnabled
   });
   var newResizeState = evenSelectedColumnsWidths(resizeState, rect);
   var widthsBefore = resizeState.widths;

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

@@ -14,7 +14,7 @@ import { syncStickyRowToTable } from './dom';
 // Base function to trigger the actual scale on a table node.
 // Will only resize/scale if a table has been previously resized.
 export var scale = function scale(tableRef, options, domAtPos) {
-  var tablePreserveWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   /**
    * isBreakoutEnabled === true -> default center aligned
    * isBreakoutEnabled === false -> full width mode
@@ -60,12 +60,12 @@ export var scale = function scale(tableRef, options, domAtPos) {
     tableRef: tableRef,
     start: start,
     domAtPos: domAtPos,
-    tablePreserveWidth: tablePreserveWidth
+    isTableScalingEnabled: isTableScalingEnabled
   });
   return scaleTableTo(resizeState, newWidth);
 };
 export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, table, start, domAtPos) {
-  var tablePreserveWidth = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isTableScalingEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: parentWidth,
@@ -73,7 +73,7 @@ export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, tab
     tableRef: tableRef,
     start: start,
     domAtPos: domAtPos,
-    tablePreserveWidth: tablePreserveWidth
+    isTableScalingEnabled: isTableScalingEnabled
   });
   if (table.attrs.isNumberColumnEnabled) {
     parentWidth -= akEditorTableNumberColumnWidth;
@@ -105,7 +105,7 @@ export function scaleTableTo(state, maxSize) {
   return adjustColumnsWidths(newState, maxSize);
 }
 export var previewScaleTable = function previewScaleTable(tableRef, options, domAtPos) {
-  var tablePreserveWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var node = options.node,
     start = options.start,
     parentWidth = options.parentWidth;
@@ -119,20 +119,20 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
   }
 
   // If the table hasn't been resize, the colgroup 48px width values will gracefully scale down.
-  // If we are scaling the table down with tablePreserveWidth, the colgroup widths may be scaled to a value that is not 48px.
-  if (!hasTableBeenResized(node) && !tablePreserveWidth) {
+  // If we are scaling the table down with isTableScalingEnabled, the colgroup widths may be scaled to a value that is not 48px.
+  if (!hasTableBeenResized(node) && !isTableScalingEnabled) {
     syncStickyRowToTable(tableRef);
     return;
   }
-  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, tablePreserveWidth) : scale(tableRef, options, domAtPos, tablePreserveWidth);
+  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabled) : scale(tableRef, options, domAtPos, isTableScalingEnabled);
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, tablePreserveWidth);
+    updateColgroup(resizeState, tableRef, node, isTableScalingEnabled);
   }
 };
 
 // Scale the table to meet new requirements (col, layout change etc)
 export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
-  var tablePreserveWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return function (tr) {
     if (!tableRef) {
       return tr;
@@ -145,7 +145,7 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
     if (hasTableBeenResized(node) === false) {
       // If its not a re-sized table, we still want to re-create cols
       // To force reflow of columns upon delete.
-      if (!tablePreserveWidth) {
+      if (!isTableScalingEnabled) {
         insertColgroupFromNode(tableRef, node);
       }
       tr.setMeta('scrollIntoView', false);
@@ -153,9 +153,9 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
     }
     var resizeState;
     if (parentWidth) {
-      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, tablePreserveWidth);
+      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabled);
     } else {
-      resizeState = scale(tableRef, options, domAtPos, tablePreserveWidth);
+      resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabled);
     }
     if (resizeState) {
       tr = updateColumnWidths(resizeState, node, start)(tr);

package/dist/esm/pm-plugins/table-width.js

@@ -16,9 +16,10 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { getPluginState } from './plugin-factory';
 import { TABLE_MAX_WIDTH } from './table-resizing/utils';
 export var pluginKey = new PluginKey('tableWidthPlugin');
-var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled, getEditorFeatureFlags) {
+var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled) {
   return new SafePlugin({
     key: pluginKey,
     state: {
@@ -85,7 +86,10 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
       var referentialityTr = transactions.find(function (tr) {
         return tr.getMeta('referentialityTableInserted');
       });
-      var shouldPatchTable = fullWidthEnabled && getEditorFeatureFlags && getEditorFeatureFlags()['tablePreserveWidth'];
+      var _getPluginState = getPluginState(newState),
+        _getPluginState$isTab = _getPluginState.isTableScalingEnabled,
+        isTableScalingEnabled = _getPluginState$isTab === void 0 ? false : _getPluginState$isTab;
+      var shouldPatchTable = fullWidthEnabled && isTableScalingEnabled;
       if (!isReplaceDocumentOperation && (!shouldPatchTable || !referentialityTr)) {
         return null;
       }

package/dist/esm/toolbar.js

@@ -85,7 +85,7 @@ export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _
 export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(editorState, editorView, initialSelectionRect, _ref2, getEditorContainerWidth, editorAnalyticsAPI) {
   var _pluginState$pluginCo, _pluginState$pluginCo2;
   var formatMessage = _ref2.formatMessage;
-  var tablePreserveWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var top = initialSelectionRect.top,
     bottom = initialSelectionRect.bottom,
     right = initialSelectionRect.right,
@@ -100,7 +100,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
       if (index) {
-        insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
+        insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
       }
       return true;
     },
@@ -179,7 +179,7 @@ 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, tablePreserveWidth) : undefined;
+    var newResizeStateWithAnalytics = editorView ? getNewResizeStateFromSelectedColumns(initialSelectionRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled) : 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) {
@@ -299,13 +299,13 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
       if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
         var nodeType = state.schema.nodes.table;
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI);
-        var _getEditorFeatureFlag = getEditorFeatureFlags(),
-          _getEditorFeatureFlag2 = _getEditorFeatureFlag.tablePreserveWidth,
-          tablePreserveWidth = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
+        var _getPluginState2 = getPluginState(state),
+          _getPluginState2$isTa = _getPluginState2.isTableScalingEnabled,
+          isTableScalingEnabled = _getPluginState2$isTa === void 0 ? false : _getPluginState2$isTa;
         var cellItems;
-        cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(config, state, getEditorView(), intl, getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth);
+        cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, getEditorView(), intl, getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled);
         var columnSettingsItems;
-        columnSettingsItems = pluginState.isDragAndDropEnabled && getBooleanFF('platform.editor.table.new-cell-context-menu-styling') ? getColumnSettingItems(state, getEditorView(), intl, getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth) : [];
+        columnSettingsItems = pluginState.isDragAndDropEnabled && getBooleanFF('platform.editor.table.new-cell-context-menu-styling') ? getColumnSettingItems(state, getEditorView(), intl, getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled) : [];
         var colorPicker = getColorPicker(state, menu, intl, editorAnalyticsAPI);
 
         // Check if we need to show confirm dialog for delete button
@@ -344,8 +344,8 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
           }
           return element;
         };
-        var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
-          stickyScrollbar = _getEditorFeatureFlag3.stickyScrollbar;
+        var _getEditorFeatureFlag = getEditorFeatureFlags(),
+          stickyScrollbar = _getEditorFeatureFlag.stickyScrollbar;
         return {
           title: 'Table floating controls',
           getDomRef: getDomRef,
@@ -402,26 +402,26 @@ var separator = function separator(hidden) {
     hidden: hidden
   };
 };
-var getCellItems = function getCellItems(pluginConfig, state, view, _ref3, getEditorContainerWidth, editorAnalyticsAPI) {
+var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerWidth, editorAnalyticsAPI) {
   var formatMessage = _ref3.formatMessage;
-  var tablePreserveWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isTableScalingEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
     var cellOptions = getToolbarCellOptionsConfig(state, view, initialSelectionRect, {
       formatMessage: formatMessage
-    }, getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth);
+    }, getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled);
     return [cellOptions, separator(cellOptions.hidden)];
   }
   return [];
 };
 export var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth, editorAnalyticsAPI) {
-  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return function (state, dispatch, editorView) {
     var selectionOrTableRect = getClosestSelectionOrTableRect(state);
     if (!editorView || !selectionOrTableRect) {
       return false;
     }
-    var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+    var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
     if (newResizeStateWithAnalytics) {
       distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.FLOATING_TB, newResizeStateWithAnalytics)(state, dispatch);
       return true;
@@ -435,13 +435,13 @@ export var getDistributeConfig = function getDistributeConfig(getEditorContainer
 var getColumnSettingItems = function getColumnSettingItems(editorState, editorView, _ref4, getEditorContainerWidth, editorAnalyticsAPI) {
   var _newResizeStateWithAn2, _pluginState$pluginCo3;
   var formatMessage = _ref4.formatMessage;
-  var tablePreserveWidth = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isTableScalingEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var pluginState = getPluginState(editorState);
   var selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+  var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
   var wouldChange = (_newResizeStateWithAn2 = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn2 !== void 0 ? _newResizeStateWithAn2 : false;
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
     return [{
@@ -450,7 +450,7 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
       title: formatMessage(messages.distributeColumns),
       icon: DistributeColumnIcon,
       onClick: function onClick(state, dispatch, view) {
-        return getDistributeConfig(getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth)(state, dispatch, view);
+        return getDistributeConfig(getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled)(state, dispatch, view);
       },
       disabled: !wouldChange
     }, {
@@ -462,9 +462,9 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
 var getColorPicker = function getColorPicker(state, menu, _ref5, editorAnalyticsAPI) {
   var _node$attrs;
   var formatMessage = _ref5.formatMessage;
-  var _getPluginState2 = getPluginState(state),
-    targetCellPosition = _getPluginState2.targetCellPosition,
-    pluginConfig = _getPluginState2.pluginConfig;
+  var _getPluginState3 = getPluginState(state),
+    targetCellPosition = _getPluginState3.targetCellPosition,
+    pluginConfig = _getPluginState3.pluginConfig;
   if (!pluginConfig.allowBackgroundColor) {
     return [];
   }

package/dist/esm/transforms/column-width.js

@@ -5,7 +5,7 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { getTableContainerElement, getTableElementWidth, hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
+import { getTableContainerElementWidth, getTableElementWidth, hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
 import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
 import { getResizeState } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
@@ -88,7 +88,7 @@ export var updateColumnWidths = function updateColumnWidths(resizeState, table,
  * @returns Updated transaction with rescaled columns for a given table
  */
 export var rescaleColumns = function rescaleColumns() {
-  var tablePreserveWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var isTableScalingEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return function (table, view) {
     return function (tr) {
       if (!view) {
@@ -107,11 +107,11 @@ export var rescaleColumns = function rescaleColumns() {
         possibleMaxWidth: 0,
         isResized: isResized
       };
-      if (tablePreserveWidth) {
+      if (isTableScalingEnabled) {
         previousTableInfo = {
           // TODO - ensure correct width is returned when table doesn't have a width value
           width: getTableElementWidth(table.node),
-          possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width') ? getTableContainerElement(table.node) : getTableContainerElement(table.node) - insertColumnButtonOffset,
+          possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width') ? getTableContainerElementWidth(table.node) : getTableContainerElementWidth(table.node) - insertColumnButtonOffset,
           isResized: isResized
         };
       } else {
@@ -169,7 +169,7 @@ export var rescaleColumns = function rescaleColumns() {
         tableRef: tableRef,
         domAtPos: domAtPos,
         maxSize: previousTableInfo.possibleMaxWidth,
-        tablePreserveWidth: tablePreserveWidth
+        isTableScalingEnabled: isTableScalingEnabled
       });
 
       // Two scenarios that require scaling:

package/dist/esm/transforms/delete-columns.js

@@ -205,7 +205,7 @@ function fixRowSpans(table) {
   return table.type.createChecked(table.attrs, rows, table.marks);
 }
 export var deleteColumns = function deleteColumns(rect, allowCustomStep, view) {
-  var tablePreserveWidth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   return function (tr) {
     var updatedTr = tr;
     updatedTr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
@@ -218,7 +218,7 @@ export var deleteColumns = function deleteColumns(rect, allowCustomStep, view) {
     }
     var table = findTable(updatedTr.selection);
     if (table) {
-      updatedTr = rescaleColumns(tablePreserveWidth)(table, view)(updatedTr);
+      updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
     }
     return updatedTr;
   };

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

@@ -274,11 +274,11 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         isDragAndDropEnabled = _getPluginState8.isDragAndDropEnabled,
         allowDistributeColumns = _getPluginState8.pluginConfig.allowDistributeColumns;
       if (allowDistributeColumns && (!isDragAndDropEnabled || !getBooleanFF('platform.editor.table.new-cell-context-menu-styling'))) {
-        var _this$props$getEditor, _this$props9, _newResizeState$chang;
-        var _ref = ((_this$props$getEditor = (_this$props9 = _this.props).getEditorFeatureFlags) === null || _this$props$getEditor === void 0 ? void 0 : _this$props$getEditor.call(_this$props9)) || {},
-          _ref$tablePreserveWid = _ref.tablePreserveWidth,
-          tablePreserveWidth = _ref$tablePreserveWid === void 0 ? false : _ref$tablePreserveWid;
-        var newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, editorView.state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+        var _newResizeState$chang;
+        var _getPluginState9 = getPluginState(editorView.state),
+          _getPluginState9$isTa = _getPluginState9.isTableScalingEnabled,
+          isTableScalingEnabled = _getPluginState9$isTa === void 0 ? false : _getPluginState9$isTa;
+        var newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, editorView.state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
         var wouldChange = (_newResizeState$chang = newResizeState === null || newResizeState === void 0 ? void 0 : newResizeState.changed) !== null && _newResizeState$chang !== void 0 ? _newResizeState$chang : false;
         return {
           content: formatMessage(messages.distributeColumns),
@@ -291,12 +291,12 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       return null;
     });
     _defineProperty(_assertThisInitialized(_this), "createSortColumnItems", function () {
-      var _this$props10 = _this.props,
-        formatMessage = _this$props10.intl.formatMessage,
-        editorView = _this$props10.editorView,
-        allowColumnSorting = _this$props10.allowColumnSorting;
-      var _getPluginState9 = getPluginState(editorView.state),
-        isDragAndDropEnabled = _getPluginState9.isDragAndDropEnabled;
+      var _this$props9 = _this.props,
+        formatMessage = _this$props9.intl.formatMessage,
+        editorView = _this$props9.editorView,
+        allowColumnSorting = _this$props9.allowColumnSorting;
+      var _getPluginState10 = getPluginState(editorView.state),
+        isDragAndDropEnabled = _getPluginState10.isDragAndDropEnabled;
       if (allowColumnSorting && (!isDragAndDropEnabled || !getBooleanFF('platform.editor.table.new-cell-context-menu-styling'))) {
         var hasMergedCellsInTable = getMergedCellsPositions(editorView.state.tr).length > 0;
         var warning = hasMergedCellsInTable ? {
@@ -360,22 +360,20 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       items[1].items.push(deleteRowItem);
       return items;
     });
-    _defineProperty(_assertThisInitialized(_this), "onMenuItemActivated", function (_ref2) {
-      var item = _ref2.item;
-      var _this$props11 = _this.props,
-        editorView = _this$props11.editorView,
-        selectionRect = _this$props11.selectionRect,
-        editorAnalyticsAPI = _this$props11.editorAnalyticsAPI,
-        getEditorContainerWidth = _this$props11.getEditorContainerWidth,
-        getEditorFeatureFlags = _this$props11.getEditorFeatureFlags;
+    _defineProperty(_assertThisInitialized(_this), "onMenuItemActivated", function (_ref) {
+      var item = _ref.item;
+      var _this$props10 = _this.props,
+        editorView = _this$props10.editorView,
+        selectionRect = _this$props10.selectionRect,
+        editorAnalyticsAPI = _this$props10.editorAnalyticsAPI,
+        getEditorContainerWidth = _this$props10.getEditorContainerWidth;
       // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      var _getPluginState10 = getPluginState(state),
-        targetCellPosition = _getPluginState10.targetCellPosition;
-      var _ref3 = (getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags()) || {},
-        _ref3$tablePreserveWi = _ref3.tablePreserveWidth,
-        tablePreserveWidth = _ref3$tablePreserveWi === void 0 ? false : _ref3$tablePreserveWi;
+      var _getPluginState11 = getPluginState(state),
+        targetCellPosition = _getPluginState11.targetCellPosition,
+        _getPluginState11$isT = _getPluginState11.isTableScalingEnabled,
+        isTableScalingEnabled = _getPluginState11$isT === void 0 ? false : _getPluginState11$isT;
       switch (item.value.name) {
         case 'sort_column_desc':
           sortColumnWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect.left, SortOrder.DESC)(state, dispatch);
@@ -394,7 +392,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'distribute_columns':
-          var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+          var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
           if (newResizeStateWithAnalytics) {
             distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
             _this.toggleOpen();
@@ -405,7 +403,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'insert_column':
-          insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
+          insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'insert_row':
@@ -420,19 +418,19 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'delete_row':
-          var _getPluginState11 = getPluginState(state),
-            isHeaderRowRequired = _getPluginState11.pluginConfig.isHeaderRowRequired;
+          var _getPluginState12 = getPluginState(state),
+            isHeaderRowRequired = _getPluginState12.pluginConfig.isHeaderRowRequired;
           deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect, !!isHeaderRowRequired)(state, dispatch);
           _this.toggleOpen();
           break;
       }
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
-      var _this$props12 = _this.props,
-        isOpen = _this$props12.isOpen,
-        _this$props12$editorV = _this$props12.editorView,
-        state = _this$props12$editorV.state,
-        dispatch = _this$props12$editorV.dispatch;
+      var _this$props11 = _this.props,
+        isOpen = _this$props11.isOpen,
+        _this$props11$editorV = _this$props11.editorView,
+        state = _this$props11$editorV.state,
+        dispatch = _this$props11$editorV.dispatch;
       toggleContextualMenu()(state, dispatch);
       if (!isOpen) {
         _this.setState({
@@ -449,13 +447,13 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         isSubmenuOpen: false
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleItemMouseEnter", function (_ref4) {
-      var item = _ref4.item;
-      var _this$props13 = _this.props,
-        _this$props13$editorV = _this$props13.editorView,
-        state = _this$props13$editorV.state,
-        dispatch = _this$props13$editorV.dispatch,
-        selectionRect = _this$props13.selectionRect;
+    _defineProperty(_assertThisInitialized(_this), "handleItemMouseEnter", function (_ref2) {
+      var item = _ref2.item;
+      var _this$props12 = _this.props,
+        _this$props12$editorV = _this$props12.editorView,
+        state = _this$props12$editorV.state,
+        dispatch = _this$props12$editorV.dispatch,
+        selectionRect = _this$props12.selectionRect;
       if (item.value.name === 'background') {
         if (!_this.state.isSubmenuOpen) {
           _this.setState({
@@ -473,8 +471,8 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         hoverMergedCells()(state, dispatch);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleItemMouseLeave", function (_ref5) {
-      var item = _ref5.item;
+    _defineProperty(_assertThisInitialized(_this), "handleItemMouseLeave", function (_ref3) {
+      var item = _ref3.item;
       var _this$props$editorVie2 = _this.props.editorView,
         state = _this$props$editorVie2.state,
         dispatch = _this$props$editorVie2.dispatch;
@@ -493,12 +491,12 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "setColor", function (color) {
-      var _this$props14 = _this.props,
-        editorView = _this$props14.editorView,
-        editorAnalyticsAPI = _this$props14.editorAnalyticsAPI;
+      var _this$props13 = _this.props,
+        editorView = _this$props13.editorView,
+        editorAnalyticsAPI = _this$props13.editorAnalyticsAPI;
       // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
-      var _getPluginState12 = getPluginState(editorView.state),
-        targetCellPosition = _getPluginState12.targetCellPosition;
+      var _getPluginState13 = getPluginState(editorView.state),
+        targetCellPosition = _getPluginState13.targetCellPosition;
       var state = editorView.state,
         dispatch = editorView.dispatch;
       setColorWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, color, targetCellPosition)(state, dispatch);
@@ -509,14 +507,14 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
   _createClass(ContextualMenu, [{
     key: "render",
     value: function render() {
-      var _this$props15 = this.props,
-        isOpen = _this$props15.isOpen,
-        mountPoint = _this$props15.mountPoint,
-        offset = _this$props15.offset,
-        boundariesElement = _this$props15.boundariesElement,
-        editorView = _this$props15.editorView;
-      var _getPluginState13 = getPluginState(editorView.state),
-        isDragAndDropEnabled = _getPluginState13.isDragAndDropEnabled;
+      var _this$props14 = this.props,
+        isOpen = _this$props14.isOpen,
+        mountPoint = _this$props14.mountPoint,
+        offset = _this$props14.offset,
+        boundariesElement = _this$props14.boundariesElement,
+        editorView = _this$props14.editorView;
+      var _getPluginState14 = getPluginState(editorView.state),
+        isDragAndDropEnabled = _getPluginState14.isDragAndDropEnabled;
       var items = isDragAndDropEnabled && getBooleanFF('platform.editor.table.new-cell-context-menu-styling') ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       return jsx("div", {
         "data-testid": "table-cell-contextual-menu",

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

@@ -16,8 +16,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isOpen = _ref.isOpen,
     pluginConfig = _ref.pluginConfig,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
-    getEditorContainerWidth = _ref.getEditorContainerWidth,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags;
+    getEditorContainerWidth = _ref.getEditorContainerWidth;
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   var _getPluginState = getPluginState(editorView.state),
     targetCellPosition = _getPluginState.targetCellPosition,
@@ -65,8 +64,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     selectionRect: selectionRect,
     boundariesElement: boundariesElement,
     editorAnalyticsAPI: editorAnalyticsAPI,
-    getEditorContainerWidth: getEditorContainerWidth,
-    getEditorFeatureFlags: getEditorFeatureFlags
+    getEditorContainerWidth: getEditorContainerWidth
   })));
 };
 FloatingContextualMenu.displayName = 'FloatingContextualMenu';

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -180,7 +180,7 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     mountPoint = _ref.mountPoint,
     scrollableElement = _ref.scrollableElement,
     boundariesElement = _ref.boundariesElement,
-    tablePreserveWidth = _ref.tablePreserveWidth;
+    isTableScalingEnabled = _ref.isTableScalingEnabled;
   var state = editorView.state,
     dispatch = editorView.dispatch;
   var selection = state.selection;
@@ -196,7 +196,7 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
   var hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
-  var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, tablePreserveWidth);
+  var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;