@atlaskit/editor-plugin-table 8.4.14 → 9.0.1

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/colgroup.ts

@@ -105,7 +105,7 @@ export const insertColgroupFromNode = (
 
 	colgroup = renderColgroupFromNode(
 		table,
-		isTableScalingEnabled ? (tableRef ?? undefined) : undefined,
+		isTableScalingEnabled ? tableRef ?? undefined : undefined,
 		shouldUseIncreasedScalingPercent,
 		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,

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

@@ -148,7 +148,7 @@ export function scaleTableTo(state: ResizeState, maxSize: number): ResizeState {
 		}),
 	};
 
-	let newTotalWidth = getTotalWidth(newState);
+	const newTotalWidth = getTotalWidth(newState);
 	if (newTotalWidth > maxSize) {
 		newState = reduceSpace(newState, newTotalWidth - maxSize);
 	}

package/src/pm-plugins/transforms/column-width.ts

@@ -9,7 +9,7 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
 
 import type { PluginInjectionAPI } from '../../types';
-import { isMinCellWidthTable , hasTableBeenResized } from '../table-resizing/utils/colgroup';
+import { isMinCellWidthTable, hasTableBeenResized } from '../table-resizing/utils/colgroup';
 import { getTableContainerElementWidth, getTableElementWidth } from '../table-resizing/utils/misc';
 import { getResizeState } from '../table-resizing/utils/resize-state';
 import { scaleTableTo } from '../table-resizing/utils/scale-table';

package/src/pm-plugins/transforms/delete-columns.ts

@@ -29,7 +29,7 @@ const deleteColumnsCustomStep =
 		splitCellsInColumns(tr, table.pos, rect.left, rect.right);
 
 		// Delete the columns
-		let mapStart = tr.mapping.maps.length;
+		const mapStart = tr.mapping.maps.length;
 		const originalDoc = tr.doc;
 		const deletedColumns: number[] = [];
 		for (let i = rect.left; i < rect.right; i++) {

package/src/pm-plugins/transforms/fix-tables.ts

@@ -193,7 +193,7 @@ function parseDOMColumnWidths(
 		return [];
 	}
 
-	let cols: Array<number> = [];
+	const cols: Array<number> = [];
 
 	for (let col = 0; col < row.childElementCount; col++) {
 		const currentCol = row.children[col];

package/src/pm-plugins/transforms/replace-table.ts

@@ -22,7 +22,7 @@ export const replaceSelectedTable = (
 				typeof content === 'string'
 					? new Slice(Fragment.from(state.schema.text(content)), 0, 0)
 					: content;
-			let tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
+			const tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
 			tr.setSelection(TextSelection.create(tr.doc, table.pos + slice.size + 1));
 
 			const { totalRowCount, totalColumnCount } = getSelectedTableInfo(state.selection);

package/src/pm-plugins/transforms/split.ts

@@ -18,7 +18,7 @@ export function splitCellsInColumns(
 	columnStart: number,
 	columnEnd: number,
 ): Transaction {
-	let mapStart = tr.mapping.maps.length;
+	const mapStart = tr.mapping.maps.length;
 	const table = tr.doc.nodeAt(tablePos);
 	if (!table) {
 		return tr;
@@ -59,7 +59,7 @@ export function splitCellsInColumns(
 				// Add the new cells
 				for (let cellRowIndex = rowIndex; cellRowIndex < rowIndex + rowspan; cellRowIndex++) {
 					for (let i = 0; i < colspan; i++) {
-						let mapping = tr.mapping.slice(mapStart);
+						const mapping = tr.mapping.slice(mapStart);
 						const cellPos = map.positionAt(cellRowIndex, column + i, table);
 						tr.insert(
 							mapping.map(cellPos + tableStart),

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

@@ -167,10 +167,10 @@ export const useMeasureFramerate = (config: UseMeasureFramerateConfig = {}) => {
 		timeoutMs = 200,
 	} = config;
 
-	let frameCount = useRef(0);
-	let lastTime = useRef(0);
-	let timeoutId = useRef<NodeJS.Timeout | undefined>();
-	let frameRateSamples = useRef<number[]>([]);
+	const frameCount = useRef(0);
+	const lastTime = useRef(0);
+	const timeoutId = useRef<NodeJS.Timeout | undefined>();
+	const frameRateSamples = useRef<number[]>([]);
 
 	useEffect(() => {
 		return () => {

package/src/pm-plugins/utils/column-controls.ts

@@ -148,7 +148,7 @@ export const colWidthsForRow = (tr: HTMLTableRowElement) => {
 		}));
 
 		// reverse engineer cell widths from table widths
-		let domBasedCellWidths: number[] = [];
+		const domBasedCellWidths: number[] = [];
 		cellInfos.map((cell) => {
 			domBasedCellWidths.push(...getRelativeDomCellWidths(cell));
 		});

package/src/pm-plugins/utils/drag-menu.ts

@@ -421,7 +421,7 @@ export const getDragMenuConfig = (
 		),
 	];
 
-	let allConfigs = [...restConfigs];
+	const allConfigs = [...restConfigs];
 	allConfigs.unshift(...sortConfigs);
 
 	return allConfigs.filter(Boolean) as DragMenuConfig[];

package/src/pm-plugins/utils/merged-cells.ts

@@ -188,8 +188,8 @@ export const checkEdgeHasMergedCells = (
 	const { mapByRow, mapByColumn } = tableMap;
 	const map = 'row' === direction ? mapByRow : mapByColumn;
 	const lengthLimiter = direction === 'row' ? tableMap.width : tableMap.height;
-	let minIndex = Math.min(...indexes);
-	let maxIndex = Math.max(...indexes);
+	const minIndex = Math.min(...indexes);
+	const maxIndex = Math.max(...indexes);
 	let isTopSideHaveMergedCells = false;
 	let isBottomSideHaveMergedCells = false;
 
@@ -197,8 +197,8 @@ export const checkEdgeHasMergedCells = (
    * this is to check if the cell position from last focused table is overflow. since if you selection from a cell in 6th row and 7th column cell in a 7x8 table to 3x3 table, the cell position will be overflow because new table dont have this cell at all.
    TODO: ED-22335 this should better called only when hover over the drag handle.
   */
-	let isOldMinIndex = !map[minIndex - 1] || !map[minIndex];
-	let isOldMaxIndex = !map[maxIndex + 1] || !map[maxIndex];
+	const isOldMinIndex = !map[minIndex - 1] || !map[minIndex];
+	const isOldMaxIndex = !map[maxIndex + 1] || !map[maxIndex];
 
 	if (minIndex > 0 && !isOldMinIndex) {
 		const prevSelectionSet = map[minIndex - 1];