@atlaskit/editor-plugin-table 8.4.14 → 9.0.0

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

@@ -1,27 +1,3 @@
-import { type EditorContainerWidth } from '@atlaskit/editor-common/types';
 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, scalePercent?: number) => ResizeState;
-type ResizeInformation = {
-    resizeState: ResizeState;
-    colIndex: number;
-    amount: number;
-};
-type TableReferences = {
-    tableRef: HTMLElement;
-    tableNode: PmNode;
-};
-type TableResizingPluginOptions = {
-    isTableAlignmentEnabled?: boolean;
-};
-type ResizeColumnAndTable = ResizeInformation & TableResizingPluginOptions & TableReferences & EditorContainerWidth;
-export declare const resizeColumnAndTable: ({ resizeState, colIndex, amount, tableRef, tableNode, lineLength, width: editorWidth, isTableAlignmentEnabled, }: ResizeColumnAndTable) => ResizeState;
-/**
- * Apply a scaling factor to resize state
- */
-export declare const scaleResizeState: ({ resizeState, tableRef, tableNode, editorWidth, shouldUseIncreasedScalingPercent, }: TableReferences & {
-    resizeState: ResizeState;
-    editorWidth: number;
-    shouldUseIncreasedScalingPercent: boolean;
-}) => ResizeState;
-export {};

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

@@ -18,7 +18,6 @@ export interface TablePluginOptions {
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
-    isNewColumnResizingEnabled?: boolean;
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "8.4.14",
+	"version": "9.0.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,11 +30,11 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^97.2.0",
+		"@atlaskit/editor-common": "^98.0.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
-		"@atlaskit/editor-plugin-batch-attribute-updates": "1.1.9",
+		"@atlaskit/editor-plugin-batch-attribute-updates": "1.1.10",
 		"@atlaskit/editor-plugin-content-insertion": "^1.11.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
 		"@atlaskit/editor-plugin-guideline": "^1.2.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.30.0",
+		"@atlaskit/tmp-editor-statsig": "^2.31.0",
 		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",

package/src/nodeviews/TableContainer.tsx

@@ -303,7 +303,7 @@ export const ResizableTableContainer = React.memo(
 				? containerWidth - akEditorGutterPaddingDynamic() * 2
 				: containerWidth - akEditorGutterPaddingDynamic() * 2 - resizeHandleSpacing;
 		}
-		let width =
+		const width =
 			!node.attrs.width && isCommentEditor
 				? responsiveContainerWidth
 				: Math.min(tableWidth, responsiveContainerWidth);

package/src/pm-plugins/commands/column-resize.ts

@@ -382,7 +382,7 @@ export const changeColumnWidthByStep =
 			isTableScalingEnabled && isCommentEditor && !originalTable.attrs?.width
 				? getScalingPercentForTableWithoutWidth(originalTable, dom)
 				: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-		let newResizeState = resizeColumn(
+		const newResizeState = resizeColumn(
 			initialResizeState,
 			colIndex,
 			stepSize,

package/src/pm-plugins/commands/insert.ts

@@ -134,7 +134,7 @@ export const addColumnBefore =
 			return false;
 		}
 		if (dispatch) {
-			let rect = selectedRect(state);
+			const rect = selectedRect(state);
 			dispatch(
 				addColumnAt(
 					api,
@@ -171,7 +171,7 @@ export const addColumnAfter =
 		}
 
 		if (dispatch) {
-			let rect = selectedRect(state);
+			const rect = selectedRect(state);
 			dispatch(
 				addColumnAt(
 					api,
@@ -201,7 +201,7 @@ export const insertColumn =
 	) =>
 	(column: number): Command =>
 	(state, dispatch, view) => {
-		let tr = addColumnAt(
+		const tr = addColumnAt(
 			api,
 			isTableScalingEnabled,
 			isTableFixedColumnWidthsOptionEnabled,

package/src/pm-plugins/commands/misc.ts

@@ -737,7 +737,7 @@ export const addBoldInEmptyHeaderCells =
 
 export const updateWidthToWidest = (widthToWidest: WidthToWidest) =>
 	createCommand((state) => {
-		let { widthToWidest: prevWidthToWidest } = getPluginState(state);
+		const { widthToWidest: prevWidthToWidest } = getPluginState(state);
 
 		if (isEqual(widthToWidest, prevWidthToWidest)) {
 			return false;

package/src/pm-plugins/drag-and-drop/commands.ts

@@ -122,7 +122,7 @@ export const toggleDragMenu = (
 ) =>
 	createCommand(
 		(state) => {
-			let {
+			const {
 				isDragMenuOpen: previousOpenState,
 				dragMenuDirection: previousDragMenuDirection,
 				dragMenuIndex: previousDragMenuIndex,

package/src/pm-plugins/table-analytics.ts

@@ -55,7 +55,7 @@ const createPlugin = (
 		appendTransaction: (transactions, oldState, newState) => {
 			const newPluginState = pluginKey.getState(newState);
 			let hasAnalyticsBeenDispatched = false;
-			let lastTriggerName =
+			const lastTriggerName =
 				newPluginState?.lastTrigger?.name ||
 				// NOTE: We assume that we know and can correctly differentiate
 				// between all triggers of table overflow state change.

package/src/pm-plugins/table-resizing/event-handlers.ts

@@ -1,7 +1,6 @@
 import type { CellAttributes } from '@atlaskit/adf-schema';
 import {
 	ACTION_SUBJECT,
-	CHANGE_ALIGNMENT_REASON,
 	EVENT_TYPE,
 	INPUT_METHOD,
 	TABLE_ACTION,
@@ -21,12 +20,6 @@ import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { META_KEYS } from '../table-analytics';
 import { updateColumnWidths } from '../transforms/column-width';
-import {
-	ALIGN_CENTER,
-	ALIGN_START,
-	shouldChangeAlignmentToCenterResized,
-} from '../utils/alignment';
-import { isTableNested } from '../utils/nodes';
 import { getSelectedColumnIndexes } from '../utils/selection';
 
 import { evenColumns, setDragging, stopResizing } from './commands';
@@ -40,7 +33,7 @@ import {
 	getScalingPercentForTableWithoutWidth,
 	getTableScalingPercent,
 } from './utils/misc';
-import { resizeColumn, resizeColumnAndTable, scaleResizeState } from './utils/resize-column';
+import { resizeColumn } from './utils/resize-column';
 import { getResizeState } from './utils/resize-state';
 
 export const handleMouseDown = (
@@ -53,8 +46,6 @@ export const handleMouseDown = (
 	api: PluginInjectionAPI | undefined | null,
 	nodeViewPortalProviderAPI: PortalProviderAPI,
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
-	isNewColumnResizingEnabled?: boolean,
-	isTableAlignmentEnabled?: boolean,
 	isCommentEditor?: boolean,
 	// Ignored via go/ees005
 	// eslint-disable-next-line @typescript-eslint/max-params
@@ -62,7 +53,7 @@ export const handleMouseDown = (
 	const { state, dispatch } = view;
 	const editorDisabled = !view.editable;
 	const domAtPos = view.domAtPos.bind(view);
-	const { lineLength, width: editorWidth } = getEditorContainerWidth();
+	const { width: editorWidth } = getEditorContainerWidth();
 
 	if (
 		editorDisabled ||
@@ -123,7 +114,7 @@ export const handleMouseDown = (
 		shouldUseIncreasedScalingPercent = true;
 	}
 
-	let resizeState = getResizeState({
+	const resizeState = getResizeState({
 		minWidth: tableCellMinWidth,
 		maxSize,
 		table: originalTable,
@@ -163,18 +154,6 @@ export const handleMouseDown = (
 		false,
 	)(state, dispatch);
 
-	// for new column resizing, take the current scaled version of table widths and use those as the basis for resizing
-	// implication: the scaled version of the table becomes the source of truth
-	if (isNewColumnResizingEnabled && shouldScale) {
-		resizeState = scaleResizeState({
-			resizeState,
-			tableRef: dom,
-			tableNode: originalTable,
-			editorWidth,
-			shouldUseIncreasedScalingPercent,
-		});
-	}
-
 	function finish(event: MouseEvent) {
 		// Ignored via go/ees005
 		// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -223,8 +202,6 @@ export const handleMouseDown = (
 			// There may be a more elegant solution to this, to avoid a jarring experience.
 			if (table.eq(originalTable)) {
 				const map = TableMap.get(table);
-				const totalRowCount = map.height;
-				const totalColumnCount = map.width;
 				const colIndex =
 					map.colCount($cell.pos - start) +
 					($cell.nodeAfter ? $cell.nodeAfter.attrs.colspan : 1) -
@@ -246,71 +223,22 @@ export const handleMouseDown = (
 					isTableScalingWithFixedColumnWidthsOptionEnabled ||
 					(isTableScalingEnabled && !!isCommentEditor);
 
-				if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
-					const newResizeState = resizeColumnAndTable({
-						resizeState,
-						colIndex,
-						amount: resizedDelta,
-						tableRef: dom,
-						tableNode: originalTable,
-						width: editorWidth,
-						lineLength,
-						isTableAlignmentEnabled,
-					});
-
-					tr = updateColumnWidths(newResizeState, table, start, api)(tr);
-
-					// If the table is aligned to the start and the table width is greater than the line length, we should change the alignment to center
-					const shouldChangeAlignment = shouldChangeAlignmentToCenterResized(
-						isTableAlignmentEnabled,
-						originalTable,
-						lineLength,
-						newResizeState.maxSize,
-					);
-
-					if (shouldChangeAlignment) {
-						tr = tr.setNodeMarkup(start - 1, state.schema.nodes.table, {
-							...table.attrs,
-							width: newResizeState.maxSize,
-							layout: ALIGN_CENTER,
-						});
-
-						editorAnalyticsAPI?.attachAnalyticsEvent({
-							action: TABLE_ACTION.CHANGED_ALIGNMENT,
-							actionSubject: ACTION_SUBJECT.TABLE,
-							actionSubjectId: null,
-							attributes: {
-								tableWidth: newResizeState.maxSize,
-								newAlignment: ALIGN_CENTER,
-								previousAlignment: ALIGN_START,
-								totalRowCount: totalRowCount,
-								totalColumnCount: totalColumnCount,
-								inputMethod: INPUT_METHOD.AUTO,
-								reason: CHANGE_ALIGNMENT_REASON.TABLE_COLUMN_RESIZED,
-							},
-							eventType: EVENT_TYPE.TRACK,
-						})(tr);
-					} else {
-						tr.setNodeAttribute(start - 1, 'width', newResizeState.maxSize);
-					}
-				} else {
-					const scalePercent =
-						isTableScalingEnabled && isCommentEditor && !table.attrs?.width
-							? getScalingPercentForTableWithoutWidth(originalTable, dom)
-							: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-
-					const newResizeState = resizeColumn(
-						resizeState,
-						colIndex,
-						resizedDelta,
-						dom,
-						originalTable,
-						resizingSelectedColumns ? selectedColumns : undefined,
-						shouldScale,
-						scalePercent,
-					);
-					tr = updateColumnWidths(newResizeState, table, start, api)(tr);
-				}
+				const scalePercent =
+					isTableScalingEnabled && isCommentEditor && !table.attrs?.width
+						? getScalingPercentForTableWithoutWidth(originalTable, dom)
+						: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+
+				const newResizeState = resizeColumn(
+					resizeState,
+					colIndex,
+					resizedDelta,
+					dom,
+					originalTable,
+					resizingSelectedColumns ? selectedColumns : undefined,
+					shouldScale,
+					scalePercent,
+				);
+				tr = updateColumnWidths(newResizeState, table, start, api)(tr);
 
 				if (colIndex === map.width - 1) {
 					const mouseUpTime = event.timeStamp;
@@ -367,14 +295,13 @@ export const handleMouseDown = (
 			!dragging ||
 			resizeHandlePos === null ||
 			!pointsAtCell(state.doc.resolve(resizeHandlePos)) ||
-			((!isNewColumnResizingEnabled || isTableNested(state, tablePos)) && !isTableHovered)
+			!isTableHovered
 		) {
 			return finish(event);
 		}
 
 		const $cell = state.doc.resolve(resizeHandlePos);
 		const table = $cell.node(-1);
-		// const tablePos = state.doc.resolve(start).start(-1);
 		const tableDepth = state.doc.resolve(tablePos).depth;
 		const map = TableMap.get(table);
 		// Ignored via go/ees005
@@ -393,34 +320,21 @@ export const handleMouseDown = (
 
 		const resizedDelta = clientX - dragging.startX;
 
-		if (isNewColumnResizingEnabled && !isTableNested(state, tablePos) && !isCommentEditor) {
-			resizeColumnAndTable({
-				resizeState,
-				colIndex,
-				amount: resizedDelta,
-				tableRef: dom,
-				tableNode: originalTable,
-				width: editorWidth,
-				lineLength,
-				isTableAlignmentEnabled,
-			});
-		} else {
-			const scalePercent =
-				isTableScalingEnabled && isCommentEditor && !table.attrs?.width
-					? getScalingPercentForTableWithoutWidth(table, dom)
-					: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-
-			resizeColumn(
-				resizeState,
-				colIndex,
-				resizedDelta,
-				dom,
-				table,
-				undefined,
-				shouldScale,
-				scalePercent,
-			);
-		}
+		const scalePercent =
+			isTableScalingEnabled && isCommentEditor && !table.attrs?.width
+				? getScalingPercentForTableWithoutWidth(table, dom)
+				: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+
+		resizeColumn(
+			resizeState,
+			colIndex,
+			resizedDelta,
+			dom,
+			table,
+			undefined,
+			shouldScale,
+			scalePercent,
+		);
 
 		updateControls()(state);
 	}

package/src/pm-plugins/table-resizing/plugin.ts

@@ -27,8 +27,6 @@ export function createPlugin(
 	nodeViewPortalProviderAPI: PortalProviderAPI,
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	isTableScalingEnabled?: boolean,
-	isNewColumnResizingEnabled?: boolean,
-	isTableAlignmentEnabled?: boolean,
 	isCommentEditor?: boolean,
 ) {
 	return new SafePlugin({
@@ -82,8 +80,6 @@ export function createPlugin(
 								api,
 								nodeViewPortalProviderAPI,
 								editorAnalyticsAPI,
-								isNewColumnResizingEnabled,
-								isTableAlignmentEnabled,
 								isCommentEditor,
 							)
 						) {

package/src/pm-plugins/table-resizing/utils/misc.ts

@@ -60,7 +60,7 @@ export function currentColWidth(
 	cellPos: number,
 	{ colspan, colwidth }: CellAttributes,
 ): number {
-	let width = colwidth && colwidth[colwidth.length - 1];
+	const width = colwidth && colwidth[colwidth.length - 1];
 	if (width) {
 		return width;
 	}
@@ -156,7 +156,7 @@ export const getScalingPercentForTableWithoutWidth = (
 	// are table columns resized
 	if (hasTableColumnBeenResized(table)) {
 		const tableWidth = calcTableColumnWidths(table).reduce((sum, width) => sum + width, 0);
-		let renderWidth = tableRef?.parentElement?.clientWidth || tableWidth;
+		const renderWidth = tableRef?.parentElement?.clientWidth || tableWidth;
 
 		// minus 1 here to avoid any 1px scroll in Firefox
 		return (renderWidth - 1) / tableWidth;

package/src/pm-plugins/table-resizing/utils/resize-column.ts

@@ -1,22 +1,7 @@
 // Resize a given column by an amount from the current state
-import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { type EditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
-import {
-	akEditorFullWidthLayoutWidth,
-	akEditorGutterPaddingDynamic,
-	akEditorTableNumberColumnWidth,
-} from '@atlaskit/editor-shared-styles';
 
-import { TableCssClassName as ClassName } from '../../../types';
-import {
-	ALIGN_CENTER,
-	ALIGN_START,
-	shouldChangeAlignmentToCenterResized,
-} from '../../utils/alignment';
-
-import { getTableScalingPercent } from './misc';
-import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
+import { growColumn, shrinkColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';
 import type { ResizeState } from './types';
 
@@ -49,206 +34,3 @@ export const resizeColumn = (
 
 	return newState;
 };
-
-type ResizeInformation = {
-	resizeState: ResizeState;
-	colIndex: number;
-	amount: number;
-};
-
-type TableReferences = {
-	tableRef: HTMLElement;
-	tableNode: PmNode;
-};
-
-type TableResizingPluginOptions = {
-	isTableAlignmentEnabled?: boolean;
-};
-
-type ResizeColumnAndTable = ResizeInformation &
-	TableResizingPluginOptions &
-	TableReferences &
-	EditorContainerWidth;
-
-export const resizeColumnAndTable = ({
-	resizeState,
-	colIndex,
-	amount,
-	tableRef,
-	tableNode,
-	lineLength,
-	width: editorWidth,
-	isTableAlignmentEnabled,
-}: ResizeColumnAndTable): ResizeState => {
-	const editorContainerWidth = getEditorContainerWidth(editorWidth);
-	const isTableLeftAligned = tableNode.attrs.layout === ALIGN_START;
-	const isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-	const isOverflow = resizeState.tableWidth > resizeState.maxSize;
-	let resizeAmount = isTableLeftAligned ? amount : amount * 2;
-	const willTableHitEditorEdge = resizeState.maxSize + resizeAmount > editorContainerWidth;
-
-	const willResizedTableStayInOverflow =
-		isOverflow && resizeState.tableWidth + resizeAmount / 2 > resizeState.maxSize;
-
-	// STEP 1: Update col width
-	if (willTableHitEditorEdge || willResizedTableStayInOverflow) {
-		const tableContainerWidth = tableRef.closest('.pm-table-container')?.clientWidth;
-		resizeAmount =
-			amount < 0
-				? amount
-				: // Ignored via go/ees005
-					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-					resizeAmount - (resizeState.maxSize + resizeAmount - tableContainerWidth!) / 2;
-	} else {
-		const diff = -(resizeState.tableWidth - resizeState.maxSize);
-		const rest = amount - diff;
-		const final = isTableLeftAligned ? diff + rest : diff + rest * 2;
-		resizeAmount = final;
-	}
-
-	const newState = updateAffectedColumn(resizeState, colIndex, resizeAmount);
-
-	// STEP 2: Update table container width
-	// columns have a min width, so delta !== resizeAmount when this is reached, use this for calculations
-	const delta = newState.cols[colIndex].width - resizeState.cols[colIndex].width;
-
-	newState.maxSize = Math.round(
-		isOverflow
-			? willResizedTableStayInOverflow
-				? // CASE 1A: table will stay in overflow
-					// do not grow the table because resize is happening in the overflow region
-					// and the overall table container needs to be retained
-					isNumberColumnEnabled
-					? resizeState.maxSize + akEditorTableNumberColumnWidth
-					: resizeState.maxSize
-				: // CASE 1B: table will no longer be in overflow, so adjust container width
-					// ensure the table is resized without any 'big jumps' by working out
-					// the difference between the new table width and the max size and adding the resize
-					isNumberColumnEnabled
-					? resizeState.maxSize +
-						akEditorTableNumberColumnWidth +
-						(resizeState.tableWidth - resizeState.maxSize + akEditorTableNumberColumnWidth + delta)
-					: resizeState.maxSize + (resizeState.tableWidth - resizeState.maxSize + delta)
-			: willTableHitEditorEdge
-				? // CASE 2: table will hit editor edge
-					editorContainerWidth
-				: // CASE 3: table is being resized from a non-overflow state
-					isNumberColumnEnabled
-					? resizeState.maxSize + akEditorTableNumberColumnWidth + delta
-					: resizeState.maxSize + delta,
-	);
-
-	// do not apply scaling logic because resize state is already scaled
-	updateColgroup(newState, tableRef, tableNode, false, 1);
-
-	updateTablePreview(
-		tableRef,
-		newState.maxSize,
-		shouldChangeAlignmentToCenterResized(
-			isTableAlignmentEnabled,
-			tableNode,
-			lineLength,
-			newState.maxSize,
-		),
-	);
-
-	return newState;
-};
-
-const updateTablePreview = (
-	tableRef: HTMLElement,
-	newTableWidth: number,
-	shouldChangeAlignment?: boolean,
-) => {
-	const resizingContainer = tableRef.closest(`.${ClassName.TABLE_RESIZER_CONTAINER}`);
-	const resizingItem = resizingContainer?.querySelector('.resizer-item');
-	const alignmentContainer = resizingContainer?.parentElement;
-
-	if (resizingItem) {
-		const newWidth = `${newTableWidth}px`;
-		// Ignored via go/ees005
-		// eslint-disable-next-line @atlaskit/editor/no-as-casting
-		(resizingContainer as HTMLElement).style.width = newWidth;
-		// Ignored via go/ees005
-		// eslint-disable-next-line @atlaskit/editor/no-as-casting
-		(resizingItem as HTMLElement).style.width = newWidth;
-
-		if (shouldChangeAlignment && alignmentContainer) {
-			alignmentContainer.style.justifyContent = ALIGN_CENTER;
-		}
-	}
-};
-
-const getEditorContainerWidth = (editorWidth: number) =>
-	Math.min(editorWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth);
-
-/**
- * Apply a scaling factor to resize state
- */
-export const scaleResizeState = ({
-	resizeState,
-	tableRef,
-	tableNode,
-	editorWidth,
-	shouldUseIncreasedScalingPercent,
-}: TableReferences & {
-	resizeState: ResizeState;
-	editorWidth: number;
-	shouldUseIncreasedScalingPercent: boolean;
-}): ResizeState => {
-	const isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-	const isTableScaled =
-		isNumberColumnEnabled || resizeState.maxSize > getEditorContainerWidth(editorWidth);
-
-	// Tables with number column can cause the table to be in two different states:
-	// 1. The table sum of col widths will be smaller than the max size, which is incorrect. For this
-	// avoid scaling and take the document width
-	// 2. The table sum of col widths will be the same size as max width, which happens when the table
-	// is scaled using preserve table width logic, for this apply a scaled width
-	// return early if table isn't scaled
-	if (!isTableScaled || (isNumberColumnEnabled && resizeState.maxSize > resizeState.tableWidth)) {
-		return resizeState;
-	}
-
-	const scalePercent = getTableScalingPercent(
-		tableNode,
-		tableRef,
-		shouldUseIncreasedScalingPercent,
-	);
-	const scaledTableWidth = Math.round(resizeState.tableWidth * scalePercent);
-	let cols = resizeState.cols.map((col) => {
-		return {
-			...col,
-			minWidth: tableCellMinWidth,
-			width: Math.max(Math.round(col.width * scalePercent), tableCellMinWidth),
-		};
-	});
-
-	const calculatedTableWidth = cols.reduce((prev, curr) => prev + curr.width, 0);
-
-	// using Math.round can cause the sum of col widths to be larger than the table width
-	// distribute the difference to the first column
-	if (calculatedTableWidth > scaledTableWidth) {
-		const diff = calculatedTableWidth - scaledTableWidth;
-		let hasDiffBeenDistributed = false;
-		cols = cols.map((col) => {
-			if (!hasDiffBeenDistributed && col.width - diff >= col.minWidth) {
-				hasDiffBeenDistributed = true;
-				return { ...col, width: col.width - diff };
-			}
-			return col;
-		});
-	}
-
-	const maxSize = isNumberColumnEnabled
-		? Math.round((resizeState.maxSize + akEditorTableNumberColumnWidth) * scalePercent)
-		: Math.round(resizeState.maxSize * scalePercent);
-
-	return {
-		...resizeState,
-		widths: cols.map((col) => col.width),
-		tableWidth: scaledTableWidth,
-		maxSize,
-		cols,
-	};
-};

package/src/pm-plugins/table-resizing/utils/resize-logic.ts

@@ -183,7 +183,7 @@ function stackSpace(
 
 	while (candidates.length && amount) {
 		// search for most (or least) free space in candidates
-		let candidateIdx = findNextFreeColumn(candidates, amount);
+		const candidateIdx = findNextFreeColumn(candidates, amount);
 		if (candidateIdx === -1) {
 			// stack to the right -> growing the dragging column and go overflow
 			if (amount > 0) {

package/src/pm-plugins/table-resizing/utils/resize-state.ts

@@ -367,8 +367,6 @@ export const getNewResizeStateFromSelectedColumns = (
 		getEditorContainerWidth,
 	});
 
-	let resizeState;
-
 	let isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
 	const isTableScalingWithFixedColumnWidthsOptionEnabled =
 		isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
@@ -383,7 +381,7 @@ export const getNewResizeStateFromSelectedColumns = (
 		shouldUseIncreasedScalingPercent = true;
 	}
 
-	resizeState = getResizeState({
+	const resizeState = getResizeState({
 		minWidth: tableCellMinWidth,
 		maxSize,
 		table: table.node,