@atlaskit/editor-plugin-table 7.16.13 → 7.16.15

package/dist/esm/nodeviews/TableComponent.js

@@ -174,6 +174,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       _this.containerWidth = containerWidth;
       _this.layoutSize = layoutSize;
     });
+    // Function gets called when table is nested.
     _defineProperty(_assertThisInitialized(_this), "scaleTable", function (scaleOptions) {
       var _this$props2 = _this.props,
         view = _this$props2.view,
@@ -197,7 +198,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         start: pos + 1,
         containerWidth: width,
         previousContainerWidth: _this.containerWidth.width || width
-      }, options), domAtPos, false)(state.tr);
+      }, options), domAtPos, false,
+      // isTableScalingEnabled doesn't change the behavior of nested tables
+      false // shouldUseIncreasedScalingPercent set to false for nested tables
+      )(state.tr);
       dispatch(tr);
     });
     _defineProperty(_assertThisInitialized(_this), "setTimerToSendInitialOverflowCaptured", function (isOverflowing) {
@@ -471,7 +475,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
       var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
       if (force || maybeScale) {
-        var _this$containerWidth;
+        var _this$containerWidth, _this$props$options;
         var containerWidthValue = containerWidth.width;
         var isWidthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.width) !== containerWidthValue;
         var wasTableResized = hasTableBeenResized(this.node);
@@ -479,8 +483,10 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         var isColumnsDistributed = wasTableResized && !isTableResized;
         var isTableDisplayModeChanged = this.node.attrs.displayMode !== tableNode.attrs.displayMode;
         var shouldUpdateColgroup = isWidthChanged || isColumnsDistributed || isTableResizedFullWidth || isTableWidthChanged || isTableDisplayModeChanged || isNumberColumnChanged || isNumberOfColumnsChanged;
+        var isTableScalingEnabledWithLockButton = ((_this$props$options = this.props.options) === null || _this$props$options === void 0 ? void 0 : _this$props$options.isTableScalingEnabled) && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+        var shouldUseIncreasedScalingPercent = isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent') || false;
         if (force || !isResizing && shouldUpdateColgroup) {
-          var _this$props$options, _this$props$options2;
+          var _this$props$options2;
           var resizeState = getResizeState({
             minWidth: COLUMN_MIN_WIDTH,
             maxSize: tableRenderWidth,
@@ -488,19 +494,20 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             tableRef: this.table,
             start: start,
             domAtPos: view.domAtPos.bind(view),
-            isTableScalingEnabled: true
+            isTableScalingEnabled: true,
+            shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
           });
           var shouldScaleOnColgroupUpdate = false;
-          if ((_this$props$options = this.props.options) !== null && _this$props$options !== void 0 && _this$props$options.isTableScalingEnabled && !getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+          if ((_this$props$options2 = this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isTableScalingEnabled && !getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
             shouldScaleOnColgroupUpdate = true;
           }
-          if ((_this$props$options2 = this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') && tableNode.attrs.displayMode !== 'fixed') {
+          if (isTableScalingEnabledWithLockButton && tableNode.attrs.displayMode !== 'fixed') {
             shouldScaleOnColgroupUpdate = true;
           }
 
           // Request animation frame required for Firefox
           requestAnimationFrame(function () {
-            updateColgroup(resizeState, _this2.table, tableNode, shouldScaleOnColgroupUpdate);
+            updateColgroup(resizeState, _this2.table, tableNode, shouldScaleOnColgroupUpdate, shouldUseIncreasedScalingPercent);
           });
         }
       }
@@ -534,7 +541,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
       }
-      if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') && getNode().attrs.displayMode !== 'fixed') {
+      var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+      var shouldUseIncreasedScalingPercent = isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+      if (isTableScalingEnabledWithLockButton && getNode().attrs.displayMode !== 'fixed') {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
       }
@@ -586,7 +595,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             var start = getPos() || 0;
             var depth = _view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
-            insertColgroupFromNode(this.table, currentTable, shouldScale);
+            insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent);
           }
           updateControls()(_view.state);
         }
@@ -742,6 +751,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var topStickyShadowPosition = isDragAndDropEnabled ? this.state.stickyHeader && this.state.stickyHeader.top + this.state.stickyHeader.padding + 2 : this.state.stickyHeader && this.state.stickyHeader.top + this.state.stickyHeader.padding + shadowPadding + 2;
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
         stickyScrollbar = _getEditorFeatureFlag3.stickyScrollbar;
+      var shouldUseIncreasedScalingPercent = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
       return /*#__PURE__*/React.createElement(TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
@@ -758,7 +768,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isResizing: isResizing,
         isTableScalingEnabled: isTableScalingEnabled,
         isWholeTableInDanger: isWholeTableInDanger,
-        isTableAlignmentEnabled: isTableAlignmentEnabled
+        isTableAlignmentEnabled: isTableAlignmentEnabled,
+        shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
       }, /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: ClassName.TABLE_STICKY_SENTINEL_TOP,

package/dist/esm/nodeviews/TableContainer.js

@@ -114,7 +114,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
     tableWrapperHeight = _ref4.tableWrapperHeight,
     isWholeTableInDanger = _ref4.isWholeTableInDanger,
     isTableScalingEnabled = _ref4.isTableScalingEnabled,
-    isTableAlignmentEnabled = _ref4.isTableAlignmentEnabled;
+    isTableAlignmentEnabled = _ref4.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref4.shouldUseIncreasedScalingPercent;
   var containerRef = useRef(null);
   var tableWidthRef = useRef(akEditorDefaultLayoutWidth);
   var _useState = useState(false),
@@ -221,6 +222,7 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
     isFullWidthModeEnabled: isFullWidthModeEnabled,
     isTableScalingEnabled: isTableScalingEnabled,
     isWholeTableInDanger: isWholeTableInDanger,
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
     pluginInjectionApi: pluginInjectionApi,
     onResizeStart: onResizeStart,
     onResizeStop: onResizeStop
@@ -274,7 +276,8 @@ export var TableContainer = function TableContainer(_ref6) {
     isWholeTableInDanger = _ref6.isWholeTableInDanger,
     isTableResizingEnabled = _ref6.isTableResizingEnabled,
     isTableScalingEnabled = _ref6.isTableScalingEnabled,
-    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled;
+    isTableAlignmentEnabled = _ref6.isTableAlignmentEnabled,
+    shouldUseIncreasedScalingPercent = _ref6.shouldUseIncreasedScalingPercent;
   if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/React.createElement(ResizableTableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -291,7 +294,8 @@ export var TableContainer = function TableContainer(_ref6) {
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
       isWholeTableInDanger: isWholeTableInDanger,
-      isTableAlignmentEnabled: isTableAlignmentEnabled
+      isTableAlignmentEnabled: isTableAlignmentEnabled,
+      shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
     }, children);
   }
   return /*#__PURE__*/React.createElement(InnerContainer, {

package/dist/esm/nodeviews/TableResizer.js

@@ -111,6 +111,7 @@ export var TableResizer = function TableResizer(_ref) {
     isTableScalingEnabled = _ref.isTableScalingEnabled,
     isTableAlignmentEnabled = _ref.isTableAlignmentEnabled,
     isWholeTableInDanger = _ref.isWholeTableInDanger,
+    shouldUseIncreasedScalingPercent = _ref.shouldUseIncreasedScalingPercent,
     pluginInjectionApi = _ref.pluginInjectionApi,
     isFullWidthModeEnabled = _ref.isFullWidthModeEnabled;
   var currentGap = useRef(0);
@@ -293,7 +294,7 @@ export var TableResizer = function TableResizer(_ref) {
         prevNode: node,
         start: pos + 1,
         parentWidth: newWidth
-      }, editorView.domAtPos.bind(editorView), isTableScalingEnabled)(tr);
+      }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, shouldUseIncreasedScalingPercent || false)(tr);
       var scaledNode = tr.doc.nodeAt(pos);
       (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({
         originalNode: node,
@@ -324,7 +325,7 @@ export var TableResizer = function TableResizer(_ref) {
       onResizeStop();
     }
     return newWidth;
-  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest, formatMessage, pluginInjectionApi]);
+  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, shouldUseIncreasedScalingPercent, widthToWidest, formatMessage, pluginInjectionApi]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {
     var newWidth = width + step;
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {

package/dist/esm/plugin.js

@@ -65,6 +65,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
     };
   };
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
   return {
     name: 'table',
     // Use getSharedState to store fullWidthEnabled and wasFullWidthModeEnabled to guarantee access
@@ -156,7 +157,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
             dragAndDropEnabled = _ref3.dragAndDropEnabled,
             isTableScalingEnabled = _ref3.isTableScalingEnabled,
             isTableAlignmentEnabled = _ref3.isTableAlignmentEnabled;
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, isTableAlignmentEnabled);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent);
         }
       }, {
         name: 'tablePMColResizing',
@@ -193,7 +194,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
             isTableAlignmentEnabled = _ref7$isTableAlignmen === void 0 ? false : _ref7$isTableAlignmen,
             _ref7$fullWidthEnable = _ref7.fullWidthEnabled,
             fullWidthEnabled = _ref7$fullWidthEnable === void 0 ? false : _ref7$fullWidthEnable;
-          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, isTableAlignmentEnabled, fullWidthEnabled, api, getIntl);
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, isTableAlignmentEnabled, fullWidthEnabled, api, getIntl, shouldUseIncreasedScalingPercent);
         }
       }, {
         name: 'tableSelectionKeymap',
@@ -463,7 +464,7 @@ var tablesPlugin = function tablesPlugin(_ref) {
       },
       floatingToolbar: getToolbarConfig(defaultGetEditorContainerWidth, editorAnalyticsAPI, (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags, function () {
         return editorViewRef.current;
-      }, options)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
+      }, options, shouldUseIncreasedScalingPercent)(pluginConfig(options === null || options === void 0 ? void 0 : options.tableOptions))
     }
   };
 };

package/dist/esm/pm-plugins/drag-and-drop/plugin.js

@@ -158,10 +158,12 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI) {
               _getTablePluginState5 = _getTablePluginState4.isTableScalingEnabled,
               isTableScalingEnabled = _getTablePluginState5 === void 0 ? false : _getTablePluginState5;
             var isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
-            if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+            var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+            var shouldUseIncreasedScalingPercent = isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+            if (isTableScalingEnabledWithLockButton) {
               isTableScalingEnabledOnCurrentTable = tableNode.attrs.displayMode !== 'fixed';
             }
-            insertColgroupFromNode(tableRef, tableNode, isTableScalingEnabledOnCurrentTable);
+            insertColgroupFromNode(tableRef, tableNode, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
           }
         }
         editorView.focus();

package/dist/esm/pm-plugins/keymap.js

@@ -15,6 +15,7 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
   var isFullWidthEnabled = arguments.length > 5 ? arguments[5] : undefined;
   var pluginInjectionApi = arguments.length > 6 ? arguments[6] : undefined;
   var getIntl = arguments.length > 7 ? arguments[7] : undefined;
+  var shouldUseIncreasedScalingPercent = arguments.length > 8 ? arguments[8] : undefined;
   var list = {};
   var ariaNotifyPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify;
   bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)(1), list);
@@ -26,8 +27,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
   // Add row/column shortcuts
   bindKeymapWithCommand(addRowBefore.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
   bindKeymapWithCommand(addRowAfter.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
-  bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(isTableScalingEnabled), list);
-  bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(isTableScalingEnabled), list);
+  bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(isTableScalingEnabled, shouldUseIncreasedScalingPercent), list);
+  bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(isTableScalingEnabled, shouldUseIncreasedScalingPercent), list);
   if (dragAndDropEnabled) {
     // Move row/column shortcuts
     /**
@@ -43,8 +44,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
     bindKeymapWithCommand(moveColumnRight.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', 1), list);
 
     // Delete row/column shortcuts
-    bindKeymapWithCommand(deleteColumn.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI), list);
-    bindKeymapWithCommand(deleteRow.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI), list);
+    bindKeymapWithCommand(deleteColumn.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, shouldUseIncreasedScalingPercent), list);
+    bindKeymapWithCommand(deleteRow.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, shouldUseIncreasedScalingPercent), list);
   }
   if (getBooleanFF('platform.editor.a11y-column-resizing_emcvz')) {
     bindKeymapWithCommand(startColumnResizing.common, initiateKeyboardColumnResizing({

package/dist/esm/pm-plugins/main.js

@@ -25,7 +25,7 @@ import { isHeaderRowRequired } from '../utils/paste';
 import { defaultHoveredCell, defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, isTableAlignmentEnabled) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, tableResizingEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, isTableAlignmentEnabled, shouldUseIncreasedScalingPercent) {
   var _accessibilityUtils;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -82,7 +82,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       }
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
-        var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI, editorViewRef || undefined, isTableScalingEnabled);
+        var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI, editorViewRef || undefined, isTableScalingEnabled, shouldUseIncreasedScalingPercent);
         return fixTables(updatedTr) || updatedTr;
       }
       if (transactions.find(function (tr) {

package/dist/esm/pm-plugins/table-resizing/event-handlers.js

@@ -47,7 +47,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     getEditorContainerWidth: getEditorContainerWidth
   });
   var shouldScale = tableDepth === 0 && isTableScalingEnabled;
-  if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+  var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+  if (isTableScalingEnabledWithLockButton) {
     shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
   }
   var resizeState = getResizeState({
@@ -57,7 +58,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     tableRef: dom,
     start: start,
     domAtPos: domAtPos,
-    isTableScalingEnabled: shouldScale
+    isTableScalingEnabled: shouldScale,
+    shouldUseIncreasedScalingPercent: isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent')
   });
   if (evenColumns({
     resizeState: resizeState,
@@ -132,7 +134,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         // only selected (or selected - 1) columns should be distributed
         var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
         var _shouldScale = tableDepth === 0 && isTableScalingEnabled;
-        if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+        var _isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+        if (_isTableScalingEnabledWithLockButton) {
           _shouldScale = _shouldScale && originalTable.attrs.displayMode !== 'fixed';
         }
         var resizedDelta = clientX - startX;
@@ -141,7 +144,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
           tr = updateColumnWidths(newResizeState, table, start)(tr);
           tr.setNodeAttribute(start - 1, 'width', newResizeState.tableWidth);
         } else {
-          var _newResizeState = resizeColumn(resizeState, colIndex, clientX - startX, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale);
+          var _newResizeState = resizeColumn(resizeState, colIndex, clientX - startX, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, _isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent'));
           tr = updateColumnWidths(_newResizeState, table, start)(tr);
         }
         if (colIndex === map.width - 1) {
@@ -209,13 +212,15 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     var map = TableMap.get(table);
     var colIndex = map.colCount($cell.pos - $cell.start(-1)) + $cell.nodeAfter.attrs.colspan - 1;
     var shouldScale = tableDepth === 0 && isTableScalingEnabled;
-    if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+    var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+    var shouldUseIncreasedScalingPercent = isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+    if (isTableScalingEnabledWithLockButton) {
       shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
     }
     if (getBooleanFF('platform.editor.table.colum-resizing-improvements')) {
-      resizeColumnAndTable(resizeState, colIndex, clientX - dragging.startX, dom, table, undefined, shouldScale);
+      resizeColumnAndTable(resizeState, colIndex, clientX - dragging.startX, dom, table, undefined, shouldScale, undefined, shouldUseIncreasedScalingPercent);
     } else {
-      resizeColumn(resizeState, colIndex, clientX - dragging.startX, dom, table, undefined, shouldScale);
+      resizeColumn(resizeState, colIndex, clientX - dragging.startX, dom, table, undefined, shouldScale, shouldUseIncreasedScalingPercent);
     }
     updateControls()(state);
   }

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

@@ -13,7 +13,7 @@ import { getTableScalingPercent } from './misc';
 export var getColWidthFix = function getColWidthFix(colwidth, tableColumnCount) {
   return colwidth - 1 / tableColumnCount;
 };
-export var generateColgroup = function generateColgroup(table, tableRef) {
+export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent) {
   var cols = [];
   var map = TableMap.get(table);
   table.content.firstChild.content.forEach(function (cell) {
@@ -22,7 +22,7 @@ export var generateColgroup = function generateColgroup(table, tableRef) {
       // We slice here to guard against our colwidth array having more entries
       // Than the we actually span. We'll patch the document at a later point.
       if (tableRef) {
-        var scalePercent = getTableScalingPercent(table, tableRef);
+        var scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
         cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
           var fixedColWidth = getColWidthFix(width, map.width);
           var scaledWidth = fixedColWidth * scalePercent;
@@ -56,11 +56,12 @@ export var generateColgroup = function generateColgroup(table, tableRef) {
 export var insertColgroupFromNode = function insertColgroupFromNode(tableRef, table) {
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var shouldRemove = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var colgroup = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelector('colgroup');
   if (colgroup && shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.removeChild(colgroup);
   }
-  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined);
+  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined, shouldUseIncreasedScalingPercent);
   if (shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.insertBefore(colgroup, tableRef === null || tableRef === void 0 ? void 0 : tableRef.firstChild);
   }
@@ -85,8 +86,8 @@ export var isMinCellWidthTable = function isMinCellWidthTable(table) {
   });
   return isTableMinCellWidth;
 };
-function renderColgroupFromNode(table, maybeTableRef) {
-  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef))));
+function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent) {
+  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent))));
   return rendered.dom;
 }
 export var getColgroupChildrenLength = function getColgroupChildrenLength(table) {

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

@@ -2,5 +2,6 @@ export var COLUMN_MIN_WIDTH = 48;
 export var TABLE_DEFAULT_WIDTH = 760;
 export var TABLE_MAX_WIDTH = 1800;
 export var MAX_SCALING_PERCENT = 0.3;
+export var MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 // Used to calculate the width of a table using the Editor width
 export var TABLE_EDITOR_MARGIN = 76;

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

@@ -7,4 +7,4 @@ export { getLayoutSize, getDefaultLayoutMaxWidth, pointsAtCell, currentColWidth,
 export { updateControls, isClickNear, getResizeCellPos } from './dom';
 export { scale, scaleWithParent, scaleTable, previewScaleTable } from './scale-table';
 export { resizeColumn, resizeColumnAndTable } from './resize-column';
-export { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_DEFAULT_WIDTH, MAX_SCALING_PERCENT } from './consts';
+export { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_DEFAULT_WIDTH, MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION } from './consts';

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

@@ -4,7 +4,7 @@ import { getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-c
 import { calcTableColumnWidths, containsClassName } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { hasTableBeenResized } from './colgroup';
-import { MAX_SCALING_PERCENT } from './consts';
+import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION } from './consts';
 
 // Translates named layouts in number values.
 export function getLayoutSize(tableLayout) {
@@ -90,19 +90,21 @@ export var getTableElementWidth = function getTableElementWidth(table) {
 export var getTableContainerElementWidth = function getTableContainerElementWidth(table) {
   return getTableContainerWidth(table);
 };
-export var getTableScalingPercent = function getTableScalingPercent(table, tableRef) {
+export var getTableScalingPercent = function getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent) {
   var _tableRef$parentEleme;
+  var maxScalingPercent = shouldUseIncreasedScalingPercent ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
   var tableWidth = getTableContainerElementWidth(table);
   var renderWidth = (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
   // minus 1 here to avoid any 1px scroll in Firefox
   var scalePercent = (renderWidth - 1) / tableWidth;
-  scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+  scalePercent = Math.max(scalePercent, 1 - maxScalingPercent);
   return Math.min(scalePercent, 1);
 };
-export var getStaticTableScalingPercent = function getStaticTableScalingPercent(table, tableRenderWidth) {
+export var getStaticTableScalingPercent = function getStaticTableScalingPercent(table, tableRenderWidth, shouldUseIncreasedScalingPercent) {
+  var maxScalingPercent = shouldUseIncreasedScalingPercent ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
   var tableWidth = getTableContainerElementWidth(table);
   // minus 1 here to avoid any 1px scroll in Firefox
   var scalePercent = (tableRenderWidth - 1) / tableWidth;
-  scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+  scalePercent = Math.max(scalePercent, 1 - maxScalingPercent);
   return Math.min(scalePercent, 1);
 };

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

@@ -9,14 +9,15 @@ import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';
 export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var scalePercent = 1;
   var resizeAmount = amount;
   if (isTableScalingEnabled) {
-    scalePercent = getTableScalingPercent(tableNode, tableRef);
+    scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
     resizeAmount = amount / scalePercent;
   }
   var newState = resizeAmount > 0 ? growColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeAmount < 0 ? shrinkColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeState;
-  updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled);
+  updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled, shouldUseIncreasedScalingPercent);
   return newState;
 };
 
@@ -25,6 +26,7 @@ export var resizeColumnAndTable = function resizeColumnAndTable(resizeState, col
   var _tableRef$closest;
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var originalTableWidth = arguments.length > 7 ? arguments[7] : undefined;
+  var shouldUseIncreasedScalingPercent = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : false;
   // TODO: can we use document state, and apply scaling factor?
   var tableWidth = tableRef.clientWidth;
   var tableContainerWidth = (_tableRef$closest = tableRef.closest('.pm-table-container')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
@@ -52,7 +54,7 @@ export var resizeColumnAndTable = function resizeColumnAndTable(resizeState, col
 
   // this function only updates the colgroup in DOM, it reverses the scalePercent
   // todo: change isScalingEnabled to true when reimplementing scaling
-  updateColgroup(newState, tableRef, tableNode, false);
+  updateColgroup(newState, tableRef, tableNode, false, shouldUseIncreasedScalingPercent);
 
   // use the difference in width from affected column to update overall table width
   var delta = newState.cols[colIndex].width - resizeState.cols[colIndex].width;

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

@@ -18,9 +18,11 @@ export var getResizeState = function getResizeState(_ref) {
     start = _ref.start,
     domAtPos = _ref.domAtPos,
     _ref$isTableScalingEn = _ref.isTableScalingEnabled,
-    isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn;
+    isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn,
+    _ref$shouldUseIncreas = _ref.shouldUseIncreasedScalingPercent,
+    shouldUseIncreasedScalingPercent = _ref$shouldUseIncreas === void 0 ? false : _ref$shouldUseIncreas;
   if (isTableScalingEnabled) {
-    var scalePercent = getTableScalingPercent(table, tableRef);
+    var scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
     minWidth = Math.ceil(minWidth / scalePercent);
   }
   // If the table has been resized, we can use the column widths from the table node
@@ -51,8 +53,9 @@ export var getResizeState = function getResizeState(_ref) {
   var shouldReinsertColgroup = !isTableScalingEnabled;
 
   // Getting the resize state from DOM
-  var colgroupChildren = insertColgroupFromNode(tableRef, table, isTableScalingEnabled, 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
+  shouldUseIncreasedScalingPercent);
   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
@@ -85,7 +88,7 @@ export var getResizeState = function getResizeState(_ref) {
 };
 
 // updates Colgroup DOM node with new widths
-export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled) {
+export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled, shouldUseIncreasedScalingPercent) {
   var cols = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll('col');
   var columnsCount = cols === null || cols === void 0 ? void 0 : cols.length;
   /**
@@ -94,7 +97,7 @@ export var updateColgroup = function updateColgroup(state, tableRef, tableNode,
       We need to remove !isColumnResizing if we handled auto scale table when mouseUp event.
       * */
   if (isTableScalingEnabled && tableNode) {
-    var scalePercent = getTableScalingPercent(tableNode, tableRef);
+    var scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
     state.cols.filter(function (column) {
       return column && !!column.width;
     }) // if width is 0, we dont want to apply that.
@@ -328,7 +331,8 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
   });
   var resizeState;
   var isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
-  if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+  var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+  if (isTableScalingEnabledWithLockButton) {
     isTableScalingEnabledOnCurrentTable = table.node.attrs.displayMode !== 'fixed';
   }
   resizeState = getResizeState({
@@ -338,7 +342,8 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     tableRef: tableRef,
     start: table.start,
     domAtPos: domAtPos,
-    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable
+    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
+    shouldUseIncreasedScalingPercent: isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent')
   });
   var newResizeState = evenSelectedColumnsWidths(resizeState, rect);
   var widthsBefore = resizeState.widths;

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

@@ -16,6 +16,7 @@ import { syncStickyRowToTable } from './dom';
 // Will only resize/scale if a table has been previously resized.
 export var scale = function scale(tableRef, options, domAtPos) {
   var isTableScalingEnabledOnCurrentTable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var node = options.node,
     containerWidth = options.containerWidth,
     previousContainerWidth = options.previousContainerWidth,
@@ -51,12 +52,14 @@ export var scale = function scale(tableRef, options, domAtPos) {
     tableRef: tableRef,
     start: start,
     domAtPos: domAtPos,
-    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable
+    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
   });
   return scaleTableTo(resizeState, newWidth);
 };
 export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, table, start, domAtPos) {
   var isTableScalingEnabledOnCurrentTable = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: parentWidth,
@@ -64,7 +67,8 @@ export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, tab
     tableRef: tableRef,
     start: start,
     domAtPos: domAtPos,
-    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable
+    isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
   });
   if (table.attrs.isNumberColumnEnabled) {
     parentWidth -= akEditorTableNumberColumnWidth;
@@ -109,7 +113,8 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
     tableRef.style.width = "".concat(width, "px");
   }
   var isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
-  if (isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')) {
+  var isTableScalingEnabledWithLockButton = isTableScalingEnabled && getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+  if (isTableScalingEnabledWithLockButton) {
     isTableScalingEnabledOnCurrentTable = isTableScalingEnabled && node.attrs.displayMode !== 'fixed';
   }
   // If the table hasn't been resize, the colgroup 48px width values will gracefully scale down.
@@ -118,16 +123,19 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
     syncStickyRowToTable(tableRef);
     return;
   }
-  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false) // Here last value is isTableScalingEnabled = false
-  : scale(tableRef, options, domAtPos, false);
+  var shouldUseIncreasedScalingPercent = isTableScalingEnabledWithLockButton && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false,
+  // Here isTableScalingEnabled = false
+  shouldUseIncreasedScalingPercent) : scale(tableRef, options, domAtPos, false, shouldUseIncreasedScalingPercent);
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, node, false);
+    updateColgroup(resizeState, tableRef, node, false, shouldUseIncreasedScalingPercent);
   }
 };
 
 // Scale the table to meet new requirements (col, layout change etc)
 export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
   var isTableScalingEnabledOnCurrentTable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   return function (tr) {
     if (!tableRef) {
       return tr;
@@ -141,16 +149,16 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos) {
       // If its not a re-sized table, we still want to re-create cols
       // To force reflow of columns upon delete.
       if (!isTableScalingEnabledOnCurrentTable) {
-        insertColgroupFromNode(tableRef, node);
+        insertColgroupFromNode(tableRef, node, false, undefined, shouldUseIncreasedScalingPercent);
       }
       tr.setMeta('scrollIntoView', false);
       return tr;
     }
     var resizeState;
     if (parentWidth) {
-      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable);
+      resizeState = scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     } else {
-      resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable);
+      resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabledOnCurrentTable, shouldUseIncreasedScalingPercent);
     }
     if (resizeState) {
       tr = updateColumnWidths(resizeState, node, start)(tr);