@atlaskit/editor-plugin-table 7.16.13 → 7.16.15

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/colgroup.d.ts

@@ -9,8 +9,8 @@ type Col = Array<string | {
  * overflow.
  */
 export declare const getColWidthFix: (colwidth: number, tableColumnCount: number) => number;
-export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement) => Col[];
-export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean) => HTMLCollection;
+export declare const generateColgroup: (table: PmNode, tableRef?: HTMLElement, shouldUseIncreasedScalingPercent?: boolean) => Col[];
+export declare const insertColgroupFromNode: (tableRef: HTMLTableElement | null, table: PmNode, isTableScalingEnabled?: boolean, shouldRemove?: boolean, shouldUseIncreasedScalingPercent?: boolean) => HTMLCollection;
 export declare const hasTableBeenResized: (table: PmNode) => boolean;
 /**
  * Check if a table has all the column width set to tableCellMinWidth(48px) or null

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/consts.d.ts

@@ -2,4 +2,5 @@ export declare const COLUMN_MIN_WIDTH = 48;
 export declare const TABLE_DEFAULT_WIDTH = 760;
 export declare const TABLE_MAX_WIDTH = 1800;
 export declare const MAX_SCALING_PERCENT = 0.3;
+export declare const MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION = 0.4;
 export declare const TABLE_EDITOR_MARGIN = 76;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/index.d.ts

@@ -10,4 +10,4 @@ export { scale, scaleWithParent, scaleTable, previewScaleTable } from './scale-t
 export type { ScaleOptions } from './scale-table';
 export type { ResizeState, ResizeStateWithAnalytics } from './types';
 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/types-ts4.5/pm-plugins/table-resizing/utils/misc.d.ts

@@ -24,6 +24,6 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
  */
 export declare const getTableElementWidth: (table: PMNode) => number;
 export declare const getTableContainerElementWidth: (table: PMNode) => number;
-export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement | null) => number;
-export declare const getStaticTableScalingPercent: (table: PMNode, tableRenderWidth: number) => number;
+export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement | null, shouldUseIncreasedScalingPercent?: boolean) => number;
+export declare const getStaticTableScalingPercent: (table: PMNode, tableRenderWidth: number, shouldUseIncreasedScalingPercent?: boolean) => number;
 export {};

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-column.d.ts

@@ -1,4 +1,4 @@
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ResizeState } from './types';
-export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean) => ResizeState;
-export declare const resizeColumnAndTable: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean, originalTableWidth?: number) => ResizeState;
+export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => ResizeState;
+export declare const resizeColumnAndTable: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean, originalTableWidth?: number, shouldUseIncreasedScalingPercent?: boolean) => ResizeState;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/resize-state.d.ts

@@ -3,7 +3,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 import type { ResizeState, ResizeStateWithAnalytics } from './types';
-export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, start, domAtPos, isTableScalingEnabled, }: {
+export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, start, domAtPos, isTableScalingEnabled, shouldUseIncreasedScalingPercent, }: {
     minWidth: number;
     maxSize: number;
     table: PMNode;
@@ -14,8 +14,9 @@ export declare const getResizeState: ({ minWidth, maxSize, table, tableRef, star
         offset: number;
     };
     isTableScalingEnabled: boolean;
+    shouldUseIncreasedScalingPercent: boolean;
 }) => ResizeState;
-export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement | null, tableNode?: PMNode, isTableScalingEnabled?: boolean) => void;
+export declare const updateColgroup: (state: ResizeState, tableRef: HTMLElement | null, tableNode?: PMNode, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => void;
 export declare const getTotalWidth: ({ cols }: ResizeState) => number;
 export declare const adjustColumnsWidths: (resizeState: ResizeState, maxSize: number) => ResizeState;
 export declare const evenAllColumnsWidths: (resizeState: ResizeState) => ResizeState;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts

@@ -13,8 +13,8 @@ export interface ScaleOptions {
     isFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
 }
-export declare const scale: (tableRef: HTMLTableElement, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean) => ResizeState | undefined;
-export declare const scaleWithParent: (tableRef: HTMLTableElement, parentWidth: number, table: PMNode, start: number, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean) => ResizeState;
+export declare const scale: (tableRef: HTMLTableElement, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => ResizeState | undefined;
+export declare const scaleWithParent: (tableRef: HTMLTableElement, parentWidth: number, table: PMNode, start: number, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => ResizeState;
 export declare function scaleTableTo(state: ResizeState, maxSize: number): ResizeState;
 export declare const previewScaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabled?: boolean) => void;
-export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean) => (tr: Transaction) => Transaction;
+export declare const scaleTable: (tableRef: HTMLTableElement | null | undefined, options: ScaleOptions, domAtPos: DomAtPos, isTableScalingEnabledOnCurrentTable?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (tr: Transaction) => Transaction;

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

@@ -8,10 +8,10 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from './plugin';
 import type { AlignmentOptions, PluginConfig, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getClosestSelectionOrTableRect: (state: EditorState) => Rect | undefined;
-export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorFeatureFlags: GetEditorFeatureFlags, getEditorView: () => EditorView | null, options?: TablePluginOptions) => (config: PluginConfig) => FloatingToolbarHandler;
+export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorFeatureFlags: GetEditorFeatureFlags, getEditorView: () => EditorView | null, options?: TablePluginOptions, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;
 export declare const getLockBtnConfig: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => Command;
 export declare const getDistributeConfig: (getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean) => Command;
 type AlignmentIcon = {

package/dist/types-ts4.5/transforms/column-width.d.ts

@@ -21,4 +21,4 @@ export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNod
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-export declare const rescaleColumns: (isTableScalingEnabled?: boolean) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const rescaleColumns: (isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/transforms/delete-columns.d.ts

@@ -1,4 +1,4 @@
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const deleteColumns: (rect: Rect, allowCustomStep: boolean, view?: EditorView, isTableScalingEnabled?: boolean) => (tr: Transaction) => Transaction;
+export declare const deleteColumns: (rect: Rect, allowCustomStep: boolean, view?: EditorView, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts

@@ -26,8 +26,9 @@ type DragMenuProps = {
     scrollableElement?: HTMLElement;
     isTableScalingEnabled?: boolean;
     tableDuplicateCellColouring?: boolean;
+    shouldUseIncreasedScalingPercent?: boolean;
 };
-export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
+export declare const DragMenu: React.MemoExoticComponent<({ direction, index, target, isOpen, editorView, tableNode, targetCellPosition, getEditorContainerWidth, editorAnalyticsAPI, pluginConfig, intl: { formatMessage }, fitHeight, fitWidth, mountPoint, scrollableElement, boundariesElement, isTableScalingEnabled, tableDuplicateCellColouring, shouldUseIncreasedScalingPercent, }: DragMenuProps & WrappedComponentProps) => jsx.JSX.Element | null>;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<DragMenuProps & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<DragMenuProps & WrappedComponentProps>;
 };

package/dist/types-ts4.5/utils/drag-menu.d.ts

@@ -13,4 +13,4 @@ export interface DragMenuConfig extends DropdownOptionT<Command> {
     icon?: React.ComponentType<React.PropsWithChildren<IconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, canDrag: boolean, hasMergedCellsInTable: boolean, editorView: EditorView, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, shouldUseIncreasedScalingPercent?: boolean) => DragMenuConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.16.13",
+  "version": "7.16.15",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -132,6 +132,9 @@
     "platform.editor.table.colum-resizing-improvements": {
       "type": "boolean"
     },
+    "platform.editor.table.use-increased-scaling-percent": {
+      "type": "boolean"
+    },
     "platform.editor.explicit-html-element-check": {
       "type": "boolean"
     },

package/src/commands/column-resize.ts

@@ -326,13 +326,17 @@ export const changeColumnWidthByStep =
 		});
 
 		let isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
-		if (
+		const isTableScalingEnabledWithLockButton =
 			isTableScalingEnabled &&
-			getBooleanFF('platform.editor.table.preserve-widths-with-lock-button')
-		) {
+			getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+		if (isTableScalingEnabledWithLockButton) {
 			isTableScalingEnabledOnCurrentTable = originalTable.attrs.displayMode !== 'fixed';
 		}
 
+		const shouldUseIncreasedScalingPercent =
+			isTableScalingEnabledWithLockButton &&
+			getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+
 		const initialResizeState = getResizeState({
 			minWidth: tableCellMinWidth,
 			maxSize,
@@ -341,6 +345,7 @@ export const changeColumnWidthByStep =
 			start: tableStartPosition,
 			domAtPos,
 			isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
+			shouldUseIncreasedScalingPercent,
 		});
 
 		updateControls()(state);
@@ -358,6 +363,7 @@ export const changeColumnWidthByStep =
 			originalTable,
 			resizingSelectedColumns ? selectedColumns : undefined,
 			isTableScalingEnabled,
+			shouldUseIncreasedScalingPercent,
 		);
 
 		customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition)(customTr);

package/src/commands/delete.ts

@@ -5,13 +5,14 @@ import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 
 export const deleteColumnsCommand =
-	(rect: Rect, isTableScalingEnabled = false): Command =>
+	(rect: Rect, isTableScalingEnabled = false, shouldUseIncreasedScalingPercent = false): Command =>
 	(state, dispatch, view) => {
 		const tr = deleteColumns(
 			rect,
 			getAllowAddColumnCustomStep(state),
 			view,
 			isTableScalingEnabled,
+			shouldUseIncreasedScalingPercent,
 		)(state.tr);
 		if (dispatch) {
 			dispatch(tr);

package/src/commands/insert.ts

@@ -38,7 +38,11 @@ function addColumnAtCustomStep(column: number) {
 	};
 }
 
-export function addColumnAt(isTableScalingEnabled = false, isCellBackgroundDuplicated?: boolean) {
+export function addColumnAt(
+	isTableScalingEnabled = false,
+	isCellBackgroundDuplicated?: boolean,
+	shouldUseIncreasedScalingPercent?: boolean,
+) {
 	return (
 		column: number,
 		allowAddColumnCustomStep: boolean = false,
@@ -54,7 +58,10 @@ export function addColumnAt(isTableScalingEnabled = false, isCellBackgroundDupli
 			const table = findTable(updatedTr.selection);
 			if (table) {
 				// [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
-				updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
+				updatedTr = rescaleColumns(isTableScalingEnabled, shouldUseIncreasedScalingPercent)(
+					table,
+					view,
+				)(updatedTr);
 			}
 
 			if (view) {
@@ -76,7 +83,7 @@ export function addColumnAt(isTableScalingEnabled = false, isCellBackgroundDupli
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
 export const addColumnBefore =
-	(isTableScalingEnabled = false): Command =>
+	(isTableScalingEnabled = false, shouldUseIncreasedScalingPercent = false): Command =>
 	(state, dispatch, view) => {
 		const table = findTable(state.selection);
 		if (!table) {
@@ -85,9 +92,11 @@ export const addColumnBefore =
 		if (dispatch) {
 			let rect = selectedRect(state);
 			dispatch(
-				addColumnAt(isTableScalingEnabled)(rect.left, getAllowAddColumnCustomStep(state), view)(
-					state.tr,
-				),
+				addColumnAt(isTableScalingEnabled, shouldUseIncreasedScalingPercent)(
+					rect.left,
+					getAllowAddColumnCustomStep(state),
+					view,
+				)(state.tr),
 			);
 		}
 		return true;
@@ -96,7 +105,7 @@ export const addColumnBefore =
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
 export const addColumnAfter =
-	(isTableScalingEnabled?: boolean): Command =>
+	(isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean): Command =>
 	(state, dispatch, view) => {
 		const table = findTable(state.selection);
 		if (!table) {
@@ -105,19 +114,29 @@ export const addColumnAfter =
 		if (dispatch) {
 			let rect = selectedRect(state);
 			dispatch(
-				addColumnAt(isTableScalingEnabled)(rect.right, getAllowAddColumnCustomStep(state), view)(
-					state.tr,
-				),
+				addColumnAt(isTableScalingEnabled, shouldUseIncreasedScalingPercent)(
+					rect.right,
+					getAllowAddColumnCustomStep(state),
+					view,
+				)(state.tr),
 			);
 		}
 		return true;
 	};
 
 export const insertColumn =
-	(isTableScalingEnabled = false, isCellBackgroundDuplicated?: boolean) =>
+	(
+		isTableScalingEnabled = false,
+		isCellBackgroundDuplicated?: boolean,
+		shouldUseIncreasedScalingPercent?: boolean,
+	) =>
 	(column: number): Command =>
 	(state, dispatch, view) => {
-		let tr = addColumnAt(isTableScalingEnabled, isCellBackgroundDuplicated)(
+		let tr = addColumnAt(
+			isTableScalingEnabled,
+			isCellBackgroundDuplicated,
+			shouldUseIncreasedScalingPercent,
+		)(
 			column,
 			getAllowAddColumnCustomStep(state),
 			view,

package/src/commands/misc.ts

@@ -1,6 +1,7 @@
 import isEqual from 'lodash/isEqual';
 
-import type { CellAttributes, TableLayout } from '@atlaskit/adf-schema';
+import type { CellAttributes, TableAttributes, TableLayout } from '@atlaskit/adf-schema';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
 import {
 	closestElement,
@@ -735,7 +736,14 @@ export const setTableAlignment =
 		const nextTableAttrs = {
 			...tableObject.node.attrs,
 			layout: newAlignment,
-		};
+		} as TableAttributes;
+
+		// table uses old breakout values in layout attribute to determine width
+		// but that information is lost when alignment changes, so we need to ensure we retain that info
+		if (!tableObject.node.attrs.width) {
+			const tableWidth = getTableContainerWidth(tableObject.node);
+			nextTableAttrs.width = tableWidth;
+		}
 
 		tr.setNodeMarkup(tableObject.pos, undefined, nextTableAttrs).setMeta('scrollIntoView', false);
 
@@ -745,10 +753,18 @@ export const setTableAlignment =
 export const setTableAlignmentWithTableContentWithPos =
 	(newAlignment: TableLayout, tableNodeWithPos: NodeWithPos): EditorCommand =>
 	({ tr }) => {
+		const table = tableNodeWithPos.node;
 		const nextTableAttrs = {
-			...tableNodeWithPos.node.attrs,
+			...table.attrs,
 			layout: newAlignment,
-		};
+		} as TableAttributes;
+
+		// table uses old breakout values in layout attribute to determine width
+		// but that information is lost when alignment changes, so we need to ensure we retain that info
+		if (!table.attrs.width) {
+			const tableWidth = getTableContainerWidth(table);
+			nextTableAttrs.width = tableWidth;
+		}
 
 		tr.setNodeMarkup(tableNodeWithPos.pos, undefined, nextTableAttrs).setMeta(
 			'scrollIntoView',

package/src/commands-with-analytics.ts

@@ -276,6 +276,7 @@ export const insertColumnWithAnalytics =
 		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 		isTableScalingEnabled = false,
 		isCellbackgroundDuplicated = false,
+		shouldUseIncreasedScalingPercent = false,
 	) =>
 	(
 		inputMethod:
@@ -301,7 +302,11 @@ export const insertColumnWithAnalytics =
 				eventType: EVENT_TYPE.TRACK,
 			};
 		})(editorAnalyticsAPI)(
-			insertColumn(isTableScalingEnabled, isCellbackgroundDuplicated)(position),
+			insertColumn(
+				isTableScalingEnabled,
+				isCellbackgroundDuplicated,
+				shouldUseIncreasedScalingPercent,
+			)(position),
 		);
 
 export const deleteRowsWithAnalytics =
@@ -340,7 +345,11 @@ export const deleteRowsWithAnalytics =
 		});
 
 export const deleteColumnsWithAnalytics =
-	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled = false) =>
+	(
+		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
+		isTableScalingEnabled = false,
+		shouldUseIncreasedScalingPercent = false,
+	) =>
 	(
 		inputMethod:
 			| INPUT_METHOD.CONTEXT_MENU
@@ -366,10 +375,16 @@ export const deleteColumnsWithAnalytics =
 				},
 				eventType: EVENT_TYPE.TRACK,
 			};
-		})(editorAnalyticsAPI)(deleteColumnsCommand(rect, isTableScalingEnabled));
+		})(editorAnalyticsAPI)(
+			deleteColumnsCommand(rect, isTableScalingEnabled, shouldUseIncreasedScalingPercent),
+		);
 
 export const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut =
-	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null): Command =>
+	(
+		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
+		isTableScalingEnabled?: boolean,
+		shouldUseIncreasedScalingPercent?: boolean,
+	): Command =>
 	(state, dispatch) => {
 		const { selection } = state;
 		const isCellSelection = selection instanceof CellSelection;
@@ -393,10 +408,11 @@ export const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut =
 				isHeaderRowRequired,
 			)(state, dispatch);
 		} else if (selectionType === 'column') {
-			return deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, rect)(
-				state,
-				dispatch,
-			);
+			return deleteColumnsWithAnalytics(
+				editorAnalyticsAPI,
+				isTableScalingEnabled,
+				shouldUseIncreasedScalingPercent,
+			)(INPUT_METHOD.SHORTCUT, rect)(state, dispatch);
 		} else {
 			return false;
 		}

package/src/event-handlers.ts

@@ -477,6 +477,7 @@ export const handleCut = (
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	editorView?: EditorView,
 	isTableScalingEnabled = false,
+	shouldUseIncreasedScalingPercent = false,
 ): Transaction => {
 	const oldSelection = oldState.tr.selection;
 	let { tr } = newState;
@@ -524,6 +525,7 @@ export const handleCut = (
 							getAllowAddColumnCustomStep(oldState),
 							editorView,
 							isTableScalingEnabled,
+							shouldUseIncreasedScalingPercent,
 						)(tr);
 					}
 				}

package/src/nodeviews/TableComponent.tsx

@@ -383,6 +383,15 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 				isNumberColumnChanged ||
 				isNumberOfColumnsChanged;
 
+			const isTableScalingEnabledWithLockButton =
+				this.props.options?.isTableScalingEnabled &&
+				getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+
+			const shouldUseIncreasedScalingPercent =
+				(isTableScalingEnabledWithLockButton &&
+					getBooleanFF('platform.editor.table.use-increased-scaling-percent')) ||
+				false;
+
 			if (force || (!isResizing && shouldUpdateColgroup)) {
 				const resizeState = getResizeState({
 					minWidth: COLUMN_MIN_WIDTH,
@@ -392,6 +401,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 					start,
 					domAtPos: view.domAtPos.bind(view),
 					isTableScalingEnabled: true,
+					shouldUseIncreasedScalingPercent,
 				});
 
 				let shouldScaleOnColgroupUpdate = false;
@@ -402,17 +412,19 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 					shouldScaleOnColgroupUpdate = true;
 				}
 
-				if (
-					this.props.options?.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(() => {
-					updateColgroup(resizeState, this.table!, tableNode, shouldScaleOnColgroupUpdate);
+					updateColgroup(
+						resizeState,
+						this.table!,
+						tableNode,
+						shouldScaleOnColgroupUpdate,
+						shouldUseIncreasedScalingPercent,
+					);
 				});
 			}
 		}
@@ -452,11 +464,14 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			shouldHandleColgroupUpdates = true;
 		}
 
-		if (
+		const isTableScalingEnabledWithLockButton =
 			isTableScalingEnabled &&
-			getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') &&
-			getNode().attrs.displayMode !== 'fixed'
-		) {
+			getBooleanFF('platform.editor.table.preserve-widths-with-lock-button');
+		const shouldUseIncreasedScalingPercent =
+			isTableScalingEnabledWithLockButton &&
+			getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+
+		if (isTableScalingEnabledWithLockButton && getNode().attrs.displayMode !== 'fixed') {
 			shouldScale = true;
 			shouldHandleColgroupUpdates = true;
 		}
@@ -523,7 +538,13 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 					const 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);
@@ -724,6 +745,11 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
 		const { stickyScrollbar } = getEditorFeatureFlags();
 
+		const shouldUseIncreasedScalingPercent =
+			isTableScalingEnabled &&
+			getBooleanFF('platform.editor.table.preserve-widths-with-lock-button') &&
+			getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+
 		return (
 			<TableContainer
 				// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -746,6 +772,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 				isTableScalingEnabled={isTableScalingEnabled}
 				isWholeTableInDanger={isWholeTableInDanger}
 				isTableAlignmentEnabled={isTableAlignmentEnabled}
+				shouldUseIncreasedScalingPercent={shouldUseIncreasedScalingPercent}
 			>
 				<div
 					// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -961,6 +988,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		this.layoutSize = layoutSize;
 	};
 
+	// Function gets called when table is nested.
 	private scaleTable = (scaleOptions: { parentWidth?: number }) => {
 		const { view, getNode, getPos, containerWidth, options } = this.props;
 		const node = getNode();
@@ -987,7 +1015,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 				...options,
 			},
 			domAtPos,
-			false,
+			false, // isTableScalingEnabled doesn't change the behavior of nested tables
+			false, // shouldUseIncreasedScalingPercent set to false for nested tables
 		)(state.tr);
 
 		dispatch(tr);

package/src/nodeviews/TableContainer.tsx

@@ -162,6 +162,7 @@ type ResizableTableContainerProps = {
 
 	isTableScalingEnabled?: boolean;
 	isTableAlignmentEnabled?: boolean;
+	shouldUseIncreasedScalingPercent?: boolean;
 };
 
 export const ResizableTableContainer = React.memo(
@@ -180,6 +181,7 @@ export const ResizableTableContainer = React.memo(
 		isWholeTableInDanger,
 		isTableScalingEnabled,
 		isTableAlignmentEnabled,
+		shouldUseIncreasedScalingPercent,
 	}: PropsWithChildren<ResizableTableContainerProps>) => {
 		const containerRef = useRef<HTMLDivElement | null>(null);
 		const tableWidthRef = useRef<number>(akEditorDefaultLayoutWidth);
@@ -308,6 +310,7 @@ export const ResizableTableContainer = React.memo(
 			isFullWidthModeEnabled,
 			isTableScalingEnabled,
 			isWholeTableInDanger,
+			shouldUseIncreasedScalingPercent,
 			pluginInjectionApi,
 			onResizeStart,
 			onResizeStop,
@@ -373,6 +376,7 @@ type TableContainerProps = {
 	isTableResizingEnabled: boolean | undefined;
 	isTableScalingEnabled?: boolean;
 	isTableAlignmentEnabled?: boolean;
+	shouldUseIncreasedScalingPercent?: boolean;
 };
 
 export const TableContainer = ({
@@ -391,6 +395,7 @@ export const TableContainer = ({
 	isTableResizingEnabled,
 	isTableScalingEnabled,
 	isTableAlignmentEnabled,
+	shouldUseIncreasedScalingPercent,
 }: PropsWithChildren<TableContainerProps>) => {
 	if (isTableResizingEnabled && !isNested) {
 		return (
@@ -409,6 +414,7 @@ export const TableContainer = ({
 				isTableScalingEnabled={isTableScalingEnabled}
 				isWholeTableInDanger={isWholeTableInDanger}
 				isTableAlignmentEnabled={isTableAlignmentEnabled}
+				shouldUseIncreasedScalingPercent={shouldUseIncreasedScalingPercent}
 			>
 				{children}
 			</ResizableTableContainer>

package/src/nodeviews/TableResizer.tsx

@@ -76,6 +76,7 @@ interface TableResizerProps {
 	isTableAlignmentEnabled?: boolean;
 	isWholeTableInDanger?: boolean;
 	isFullWidthModeEnabled?: boolean;
+	shouldUseIncreasedScalingPercent?: boolean;
 }
 
 export interface TableResizerImprovementProps extends TableResizerProps {
@@ -189,6 +190,7 @@ export const TableResizer = ({
 	isTableScalingEnabled,
 	isTableAlignmentEnabled,
 	isWholeTableInDanger,
+	shouldUseIncreasedScalingPercent,
 	pluginInjectionApi,
 	isFullWidthModeEnabled,
 }: PropsWithChildren<TableResizerImprovementProps>) => {
@@ -517,6 +519,7 @@ export const TableResizer = ({
 					},
 					editorView.domAtPos.bind(editorView),
 					isTableScalingEnabled,
+					shouldUseIncreasedScalingPercent || false,
 				)(tr);
 
 				const scaledNode = tr.doc.nodeAt(pos)!;
@@ -571,6 +574,7 @@ export const TableResizer = ({
 			endMeasure,
 			onResizeStop,
 			isTableScalingEnabled,
+			shouldUseIncreasedScalingPercent,
 			widthToWidest,
 			formatMessage,
 			pluginInjectionApi,