@atlaskit/editor-plugin-table 8.4.11 → 8.4.13

package/src/ui/FloatingAlignmentButtons/FloatingAlignmentButtons.tsx

@@ -29,11 +29,17 @@ export const FloatingAlignmentButtons = ({ alignmentButtons, dispatchCommand }:
 				{alignmentButtons.map((item, idx) => {
 					switch (item.type) {
 						case 'separator':
+							// Ignored via go/ees005
+							// eslint-disable-next-line react/no-array-index-key
 							return <FloatingToolbarSeparator key={idx} />;
 						case 'button':
+							// Ignored via go/ees005
+							// eslint-disable-next-line @typescript-eslint/no-explicit-any
 							const ButtonIcon = item.icon as React.ComponentClass<any>;
 							return (
 								<Button
+									// Ignored via go/ees005
+									// eslint-disable-next-line react/no-array-index-key
 									key={idx}
 									icon={item.icon ? <ButtonIcon label={item.title} /> : undefined}
 									title={item.title}

package/src/ui/FloatingContextualButton/FixedButton.tsx

@@ -7,7 +7,7 @@ import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-s
 import { fg } from '@atlaskit/platform-feature-flags';
 import { token } from '@atlaskit/tokens';
 
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
 import { TableCssClassName as ClassName } from '../../types';
 import { insertColumnButtonOffset } from '../common-styles';
 
@@ -113,9 +113,13 @@ export const FixedButton = ({
 			});
 
 			observer.observe(observerTargetRefCurrent);
+			// Ignored via go/ees005
+			// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 			tableWrapper.addEventListener('scroll', handleScroll);
 
 			return () => {
+				// Ignored via go/ees005
+				// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 				tableWrapper.removeEventListener('scroll', handleScroll);
 				fixedButtonRefCurrent.style.transform = '';
 				observer.unobserve(observerTargetRefCurrent);

package/src/ui/FloatingContextualButton/index.tsx

@@ -23,9 +23,11 @@ import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/utility/migration/chevron-down';
 
 import { toggleContextualMenu } from '../../pm-plugins/commands';
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
 import { TableCssClassName as ClassName } from '../../types';
 
+// Ignored via go/ees005
+// eslint-disable-next-line import/no-named-as-default
 import FixedButton from './FixedButton';
 import { tableFloatingCellButtonSelectedStyles, tableFloatingCellButtonStyles } from './styles';
 
@@ -157,7 +159,11 @@ export default function (props: Props) {
 			dispatchAnalyticsEvent={props.dispatchAnalyticsEvent}
 			fallbackComponent={null}
 		>
-			<FloatingContextualButton {...props} />
+			<FloatingContextualButton
+				// Ignored via go/ees005
+				// eslint-disable-next-line react/jsx-props-no-spreading
+				{...props}
+			/>
 		</ErrorBoundary>
 	);
 }

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -78,12 +78,9 @@ import {
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../../pm-plugins/plugin-key';
 import { getNewResizeStateFromSelectedColumns } from '../../pm-plugins/table-resizing/utils/resize-state';
-import { canMergeCells } from '../../pm-plugins/transforms';
-import {
-	getMergedCellsPositions,
-	getSelectedColumnIndexes,
-	getSelectedRowIndexes,
-} from '../../pm-plugins/utils';
+import { canMergeCells } from '../../pm-plugins/transforms/merge';
+import { getSelectedColumnIndexes, getSelectedRowIndexes } from '../../pm-plugins/utils/selection';
+import { getMergedCellsPositions } from '../../pm-plugins/utils/table';
 import { TableCssClassName as ClassName } from '../../types';
 import type { PluginInjectionAPI } from '../../types';
 import {
@@ -91,7 +88,10 @@ import {
 	contextualMenuDropdownWidth,
 	contextualMenuDropdownWidthDnD,
 } from '../consts';
-import { AddColRightIcon, AddRowBelowIcon, MergeCellsIcon, SplitCellIcon } from '../icons';
+import { AddColRightIcon } from '../icons/AddColRightIcon';
+import { AddRowBelowIcon } from '../icons/AddRowBelowIcon';
+import { MergeCellsIcon } from '../icons/MergeCellsIcon';
+import { SplitCellIcon } from '../icons/SplitCellIcon';
 
 import { cellColourPreviewStyles } from './styles';
 
@@ -200,6 +200,8 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 
 	private handleSubMenuRef = (ref: HTMLDivElement | null) => {
 		const parent = closestElement(
+			// Ignored via go/ees005
+			// eslint-disable-next-line @atlaskit/editor/no-as-casting
 			this.props.editorView.dom as HTMLElement,
 			'.fabric-editor-popup-scroll-parent',
 		);
@@ -233,6 +235,8 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 
 			const selectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette(
 				cellBackgroundColorPalette,
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				background!,
 				colorPalletteColumns,
 			);
@@ -288,6 +292,8 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 										}
 									}}
 									isPopupPositioned={true}
+									// Ignored via go/ees005
+									// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 									isOpenedByKeyboard={isCellMenuOpenByKeyboard!}
 								>
 									<ColorPalette
@@ -834,6 +840,8 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 		}
 	};
 
+	// Ignored via go/ees005
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	private handleItemMouseEnter = ({ item }: { item: any }) => {
 		const {
 			editorView: { state, dispatch },
@@ -862,6 +870,8 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 		}
 	};
 
+	// Ignored via go/ees005
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	private handleItemMouseLeave = ({ item }: { item: any }) => {
 		const { state, dispatch } = this.props.editorView;
 		if (item.value.name === 'background') {

package/src/ui/FloatingContextualMenu/index.tsx

@@ -29,6 +29,8 @@ import {
 	tablePopupMenuFitHeight,
 } from '../consts';
 
+// Ignored via go/ees005
+// eslint-disable-next-line import/no-named-as-default
 import ContextualMenu from './ContextualMenu';
 import { tablePopupStyles } from './styles';
 
@@ -70,7 +72,9 @@ const FloatingContextualMenu = ({
 
 	const { selection } = editorView.state;
 	const selectionRect = isSelectionType(selection, 'cell')
-		? getSelectionRect(selection)!
+		? // Ignored via go/ees005
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			getSelectionRect(selection)!
 		: findCellRectClosestToPos(selection.$from);
 
 	if (!selectionRect) {
@@ -89,6 +93,8 @@ const FloatingContextualMenu = ({
 		<Popup
 			alignX="right"
 			alignY="top"
+			// Ignored via go/ees005
+			// eslint-disable-next-line @atlaskit/editor/no-as-casting
 			target={targetCellRef as HTMLElement}
 			mountTo={mountPoint}
 			boundariesElement={boundariesElement}
@@ -110,7 +116,11 @@ const FloatingContextualMenu = ({
 					isOpen={isOpen}
 					targetCellPosition={targetCellPosition}
 					allowColumnSorting={pluginConfig && pluginConfig.allowColumnSorting}
+					// Ignored via go/ees005
+					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 					allowMergeCells={pluginConfig!.allowMergeCells}
+					// Ignored via go/ees005
+					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 					allowBackgroundColor={pluginConfig!.allowBackgroundColor}
 					selectionRect={selectionRect}
 					boundariesElement={boundariesElement}

package/src/ui/FloatingDeleteButton/index.tsx

@@ -20,13 +20,12 @@ import {
 	deleteRowsWithAnalytics,
 } from '../../pm-plugins/commands/commands-with-analytics';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
 import {
 	getColumnDeleteButtonParams,
 	getColumnsWidths,
-	getRowDeleteButtonParams,
-	getRowHeights,
-} from '../../pm-plugins/utils';
+} from '../../pm-plugins/utils/column-controls';
+import { getRowDeleteButtonParams, getRowHeights } from '../../pm-plugins/utils/row-controls';
 import type { PluginInjectionAPI, TableDirection } from '../../types';
 import { TableCssClassName as ClassName } from '../../types';
 import { stickyRowZIndex } from '../consts';
@@ -70,6 +69,8 @@ function getSelectionType(selection: Selection): TableDirection | undefined {
 	return;
 }
 
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
 class FloatingDeleteButton extends Component<Props, State> {
 	static displayName = 'FloatingDeleteButton';
 
@@ -108,6 +109,8 @@ class FloatingDeleteButton extends Component<Props, State> {
 		const tableWrapper = closestElement(this.props.tableRef, `.${ClassName.TABLE_NODE_WRAPPER}`);
 		if (tableWrapper) {
 			this.wrapper = tableWrapper;
+			// Ignored via go/ees005
+			// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 			this.wrapper.addEventListener('scroll', this.onWrapperScrolled);
 
 			this.setState({
@@ -116,6 +119,8 @@ class FloatingDeleteButton extends Component<Props, State> {
 		} else {
 			if (this.wrapper) {
 				// unsubscribe if we previously had one and it just went away
+				// Ignored via go/ees005
+				// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 				this.wrapper.removeEventListener('scroll', this.onWrapperScrolled);
 
 				// and reset scroll position
@@ -130,11 +135,15 @@ class FloatingDeleteButton extends Component<Props, State> {
 
 	componentWillUnmount() {
 		if (this.wrapper) {
+			// Ignored via go/ees005
+			// eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 			this.wrapper.removeEventListener('scroll', this.onWrapperScrolled);
 		}
 	}
 
 	onWrapperScrolled = (e: Event) => {
+		// Ignored via go/ees005
+		// eslint-disable-next-line @atlaskit/editor/no-as-casting
 		const wrapper = e.target as HTMLElement;
 		this.setState({
 			scrollLeft: wrapper.scrollLeft,
@@ -177,6 +186,8 @@ class FloatingDeleteButton extends Component<Props, State> {
 					if (deleteBtnParams) {
 						return {
 							...deleteBtnParams,
+							// Ignored via go/ees005
+							// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 							top: inStickyMode ? nextProps.stickyHeaders!.top : 0,
 							position: inStickyMode ? 'sticky' : undefined,
 							selectionType,
@@ -229,9 +240,13 @@ class FloatingDeleteButton extends Component<Props, State> {
 		const { state, dispatch } = this.props.editorView;
 		switch (this.state.selectionType) {
 			case 'row': {
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				return hoverRows(this.state.indexes!, true)(state, dispatch, this.props.editorView);
 			}
 			case 'column': {
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				return hoverColumns(this.state.indexes!, true)(state, dispatch, this.props.editorView);
 			}
 		}
@@ -312,6 +327,8 @@ class FloatingDeleteButton extends Component<Props, State> {
 		if (this.state.position === 'sticky' && mountTo) {
 			const headerRow = tableRef.querySelector('tr.sticky');
 			if (headerRow) {
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				const rect = headerRow!.getBoundingClientRect();
 
 				const calculatePosition = popupOpts.onPositionCalculated || ((pos) => pos);
@@ -353,6 +370,8 @@ class FloatingDeleteButton extends Component<Props, State> {
 				scrollableElement={this.wrapper || undefined}
 				forcePlacement={true}
 				allowOutOfBounds
+				// Ignored via go/ees005
+				// eslint-disable-next-line react/jsx-props-no-spreading
 				{...popupOpts}
 			>
 				{button}

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -57,15 +57,14 @@ import {
 import { toggleDragMenu } from '../../pm-plugins/drag-and-drop/commands';
 import { getPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-factory';
+import type { DragMenuConfig, DragMenuOptionIdType } from '../../pm-plugins/utils/drag-menu';
+import { getDragMenuConfig } from '../../pm-plugins/utils/drag-menu';
 import {
 	checkIfHeaderColumnEnabled,
 	checkIfHeaderRowEnabled,
 	checkIfNumberColumnEnabled,
-	getSelectedColumnIndexes,
-	getSelectedRowIndexes,
-} from '../../pm-plugins/utils';
-import type { DragMenuConfig, DragMenuOptionIdType } from '../../pm-plugins/utils/drag-menu';
-import { getDragMenuConfig } from '../../pm-plugins/utils/drag-menu';
+} from '../../pm-plugins/utils/nodes';
+import { getSelectedColumnIndexes, getSelectedRowIndexes } from '../../pm-plugins/utils/selection';
 import { TableCssClassName as ClassName } from '../../types';
 import type { PluginConfig, PluginInjectionAPI, TableDirection } from '../../types';
 import { colorPalletteColumns } from '../consts';
@@ -291,7 +290,9 @@ const DragMenu = React.memo(
 		const { isKeyboardModeActive } = getPluginState(state);
 
 		const selectionRect = isSelectionType(selection, 'cell')
-			? getSelectionRect(selection)!
+			? // Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+				getSelectionRect(selection)!
 			: findCellRectClosestToPos(selection.$from);
 
 		const hasMergedCellsInTable = tableMap?.hasMergedCells() ?? false;
@@ -324,6 +325,8 @@ const DragMenu = React.memo(
 
 		const handleSubMenuRef = (ref: HTMLDivElement | null) => {
 			const parent = closestElement(
+				// Ignored via go/ees005
+				// eslint-disable-next-line @atlaskit/editor/no-as-casting
 				editorView.dom as HTMLElement,
 				'.fabric-editor-popup-scroll-parent',
 			);
@@ -395,6 +398,8 @@ const DragMenu = React.memo(
 											bubbles: true,
 										});
 										setIsSubmenuOpen(false);
+										// Ignored via go/ees005
+										// eslint-disable-next-line @atlaskit/editor/no-as-casting
 										(target as HTMLElement)?.focus();
 										target?.dispatchEvent(keyboardEvent);
 									}}
@@ -570,6 +575,8 @@ const DragMenu = React.memo(
 				: hoverRows(getSelectedRowIndexes(selectionRect), true))(state, dispatch);
 		};
 
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		const handleItemMouseLeave = ({ item }: { item: any }) => {
 			if (item.value.name === 'background' && isSubmenuOpen) {
 				setIsSubmenuOpen(false);

package/src/ui/FloatingDragMenu/DropdownMenu.tsx

@@ -19,6 +19,8 @@ import { dragMenuDropdownWidth } from '../consts';
 
 const DropListWithOutsideClickTargetRef = (props: DropListProps) => {
 	const setOutsideClickTargetRef = React.useContext(OutsideClickTargetRefContext);
+	// Ignored via go/ees005
+	// eslint-disable-next-line react/jsx-props-no-spreading
 	return <DropList onDroplistRef={setOutsideClickTargetRef} {...props} />;
 };
 const DropListWithOutsideListeners = withReactEditorViewOuterListeners(
@@ -100,6 +102,8 @@ export const DropdownMenu = ({
 						<Section
 							hasSeparator={section?.hasSeparator && index > 0}
 							title={section?.title}
+							// Ignored via go/ees005
+							// eslint-disable-next-line react/no-array-index-key
 							key={index}
 						>
 							{group.items.map((item) => (
@@ -125,6 +129,8 @@ export const DropdownMenu = ({
 			{/* eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 */}
 			<div className="drag-dropdown-menu-popup-ref" ref={handleRef}></div>
 			<Popup
+				// Ignored via go/ees005
+				// eslint-disable-next-line @atlaskit/editor/no-as-casting
 				target={targetRefDiv as HTMLElement}
 				mountTo={mountPoint}
 				boundariesElement={boundariesElement}
@@ -157,6 +163,8 @@ export const DropdownMenu = ({
 							const keys = ['row_numbers', 'header_row', 'header_column'];
 							let doubleItemCount = 0;
 
+							// Ignored via go/ees005
+							// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 							const firstIndex = results.findIndex((value) => keys.includes(value.key!));
 
 							if (firstIndex === -1 || index <= firstIndex) {
@@ -165,6 +173,8 @@ export const DropdownMenu = ({
 							}
 
 							for (let i = firstIndex; i < results.length; i += 1) {
+								// Ignored via go/ees005
+								// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 								if (keys.includes(results[i].key!)) {
 									doubleItemCount += 1;
 								}

package/src/ui/FloatingDragMenu/index.tsx

@@ -12,7 +12,7 @@ import {
 } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
 import type { PluginConfig, PluginInjectionAPI, TableDirection } from '../../types';
 import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
 
@@ -88,6 +88,8 @@ const FloatingDragMenu = ({
 		<Popup
 			alignX={direction === 'row' ? 'right' : undefined}
 			alignY={direction === 'row' ? 'start' : undefined}
+			// Ignored via go/ees005
+			// eslint-disable-next-line @atlaskit/editor/no-as-casting
 			target={targetHandleRef as HTMLElement}
 			mountTo={mountPoint}
 			boundariesElement={boundariesElement}

package/src/ui/FloatingInsertButton/InsertButton.tsx

@@ -76,7 +76,11 @@ const getInsertLineWidth = (
 	const LINE_OFFSET = 4;
 	const DRAG_LINE_OFFSET = isChromelessEditor ? 14 : 6;
 	const { parentElement, offsetWidth } = tableRef;
+	// Ignored via go/ees005
+	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 	const parentOffsetWidth = parentElement!.offsetWidth;
+	// Ignored via go/ees005
+	// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 	const { scrollLeft } = parentElement!;
 	const diff = offsetWidth - parentOffsetWidth;
 	const toolbarSize = isDragAndDropEnabled ? 0 : getToolbarSize(tableRef);

package/src/ui/FloatingInsertButton/getPopupOptions.ts

@@ -54,6 +54,8 @@ function getRowOptions(index: number, isDragAndDropEnabled: boolean): Partial<Po
 	};
 }
 
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
 function getColumnOptions(
 	index: number,
 	tableContainer: HTMLElement | null,
@@ -111,6 +113,8 @@ function getColumnOptions(
 	return options;
 }
 
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/max-params
 function getPopupOptions(
 	direction: TableDirection,
 	index: number,

package/src/ui/FloatingInsertButton/index.tsx

@@ -30,7 +30,7 @@ import {
 	insertColumnWithAnalytics,
 	insertRowWithAnalytics,
 } from '../../pm-plugins/commands/commands-with-analytics';
-import { checkIfNumberColumnEnabled } from '../../pm-plugins/utils';
+import { checkIfNumberColumnEnabled } from '../../pm-plugins/utils/nodes';
 import { TableCssClassName as ClassName } from '../../types';
 import type { PluginInjectionAPI } from '../../types';
 
@@ -60,6 +60,8 @@ export interface Props {
 	isCommentEditor?: boolean;
 }
 
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
 export class FloatingInsertButton extends React.Component<Props & WrappedComponentProps, any> {
 	static displayName = 'FloatingInsertButton';
 
@@ -151,6 +153,8 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 						selection: editorView.state.selection.toJSON(),
 						position: pos,
 						docSize: editorView.state.doc.nodeSize,
+						// Ignored via go/ees005
+						// eslint-disable-next-line @typescript-eslint/no-explicit-any
 						error: (error as any)?.toString(),
 					},
 				};
@@ -172,6 +176,8 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 		const tableContainerWrapper = closestElement(targetCellRef, `.${ClassName.TABLE_CONTAINER}`);
 		const tableWrapper = closestElement(targetCellRef, `.${ClassName.TABLE_NODE_WRAPPER}`);
 
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 		const index: number = type === 'column' ? insertColumnButtonIndex! : insertRowButtonIndex!;
 
 		const hasNumberedColumns = checkIfNumberColumnEnabled(editorView.state.selection);
@@ -188,9 +194,13 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 				target={targetCellRef}
 				mountTo={tableContainerWrapper || mountPoint}
 				boundariesElement={tableContainerWrapper || boundariesElement}
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				scrollableElement={tableWrapper!}
 				forcePlacement={true}
 				allowOutOfBounds
+				// Ignored via go/ees005
+				// eslint-disable-next-line react/jsx-props-no-spreading
 				{...getPopupOptions(
 					type,
 					index,
@@ -222,23 +232,33 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 
 	private getCellPosition(type: 'column' | 'row', tableNode: PmNode): number | null {
 		const { insertColumnButtonIndex, insertRowButtonIndex } = this.props;
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 		const tableMap = TableMap.get(tableNode!);
 
 		if (type === 'column') {
+			// Ignored via go/ees005
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 			const columnIndex = insertColumnButtonIndex === 0 ? 0 : insertColumnButtonIndex! - 1;
 
 			if (columnIndex > tableMap.width - 1) {
 				return null;
 			}
 
+			// Ignored via go/ees005
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 			return tableMap.positionAt(0, columnIndex!, tableNode!);
 		} else {
+			// Ignored via go/ees005
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 			const rowIndex = insertRowButtonIndex === 0 ? 0 : insertRowButtonIndex! - 1;
 
 			if (rowIndex > tableMap.height - 1) {
 				return null;
 			}
 
+			// Ignored via go/ees005
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 			return tableMap.positionAt(rowIndex!, 0, tableNode!);
 		}
 	}

package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx

@@ -21,7 +21,8 @@ import {
 } from '../../../pm-plugins/commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import type { TriggerType } from '../../../pm-plugins/drag-and-drop/types';
-import { getRowsParams, getSelectedColumnIndexes } from '../../../pm-plugins/utils';
+import { getRowsParams } from '../../../pm-plugins/utils/row-controls';
+import { getSelectedColumnIndexes } from '../../../pm-plugins/utils/selection';
 import type { TablePlugin } from '../../../tablePluginType';
 import type { CellHoverMeta, HandleTypes } from '../../../types';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -97,21 +98,27 @@ export const ColumnControls = ({
 	const hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
 
 	const rowControlStickyTop = fg('platform_editor_breakout_use_css') ? 45 : rowHeights?.[0];
-	const marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop ?? 0 : 0;
+	const marginTop = hasHeaderRow && stickyTop !== undefined ? (rowControlStickyTop ?? 0) : 0;
 
 	const handleClick = useCallback(
 		(event: MouseEvent) => {
 			const { state, dispatch } = editorView;
 
 			const isClickOutsideSelectedCols =
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				selectedColIndexes.length >= 1 && !selectedColIndexes.includes(colIndex!);
 
 			if (!selectedColIndexes || selectedColIndexes.length === 0 || isClickOutsideSelectedCols) {
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				selectColumn(colIndex!, event.shiftKey)(state, dispatch);
 			}
 
 			if (
 				selectedColIndexes.length > 1 &&
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				selectedColIndexes.includes(colIndex!) &&
 				!event.shiftKey
 			) {
@@ -123,6 +130,8 @@ export const ColumnControls = ({
 
 	const handleMouseOver = useCallback(() => {
 		const { state, dispatch } = editorView;
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 		hoverColumns([colIndex!])(state, dispatch);
 	}, [colIndex, editorView]);
 
@@ -173,6 +182,8 @@ export const ColumnControls = ({
 	);
 
 	const colIndexes = useMemo(() => {
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 		return [colIndex!];
 	}, [colIndex]);
 
@@ -185,6 +196,8 @@ export const ColumnControls = ({
 		appearance: DragHandleAppearance,
 		gridColumn: string,
 		indexes: number[],
+		// Ignored via go/ees005
+		// eslint-disable-next-line @typescript-eslint/max-params
 	) => {
 		const isHover = type === 'hover';
 		const isPlaceholder = appearance === 'placeholder';
@@ -282,6 +295,8 @@ export const ColumnControls = ({
 			!selectedColIndexes.includes(colIndex)
 		) {
 			handles.push(
+				// Ignored via go/ees005
+				// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 				generateHandleByType('hover', 'default', `${colIndex! + 1} / span 1`, colIndexes),
 			);
 		}
@@ -327,6 +342,8 @@ export const ColumnControls = ({
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 						className={ClassName.DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER}
 						contentEditable={false}
+						// Ignored via go/ees005
+						// eslint-disable-next-line react/no-array-index-key
 						key={index}
 					>
 						<div

package/src/ui/TableFloatingColumnControls/ColumnDropTargets/index.tsx

@@ -46,6 +46,8 @@ export const ColumnDropTargets = ({
 				{colWidths?.map((width, index) => {
 					return (
 						<ColumnDropTarget
+							// Ignored via go/ees005
+							// eslint-disable-next-line react/no-array-index-key
 							key={index}
 							index={index}
 							localId={localId}

package/src/ui/TableFloatingColumnControls/index.tsx

@@ -9,8 +9,10 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
-import type { RowStickyState } from '../../pm-plugins/sticky-headers';
-import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../pm-plugins/utils';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
+import { getColumnsWidths } from '../../pm-plugins/utils/column-controls';
+import { containsHeaderColumn } from '../../pm-plugins/utils/nodes';
+import { getRowHeights } from '../../pm-plugins/utils/row-controls';
 import type { CellHoverMeta, DraggableSourceData, PluginInjectionAPI } from '../../types';
 import { TableCssClassName as ClassName } from '../../types';
 
@@ -100,12 +102,14 @@ const TableFloatingColumnControls = ({
 
 	if (stickyTop) {
 		const columnControlTopOffsetFromParent = '-12px';
-		const headerRowHeight = hasHeaderRow && stickyTop !== undefined ? rowHeights?.[0] ?? 0 : 0;
+		const headerRowHeight = hasHeaderRow && stickyTop !== undefined ? (rowHeights?.[0] ?? 0) : 0;
 		containerRef?.current?.style.setProperty(
 			'top',
 			fg('platform_editor_breakout_use_css')
 				? columnControlTopOffsetFromParent
-				: `${stickyTop! - headerRowHeight + 33}px`, // 33px is padding and margin applied on tr.sticky
+				: // Ignored via go/ees005
+					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+					`${stickyTop! - headerRowHeight + 33}px`, // 33px is padding and margin applied on tr.sticky
 		);
 	} else {
 		containerRef?.current?.style.removeProperty('top');

package/src/ui/TableFloatingControls/CornerControls/ClassicCornerControls.tsx

@@ -14,6 +14,8 @@ import { TableCssClassName as ClassName } from '../../../types';
 
 import type { CornerControlProps } from './types';
 
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components, @typescript-eslint/no-explicit-any
 class CornerControlComponent extends Component<CornerControlProps & WrappedComponentProps, any> {
 	render() {
 		const {

package/src/ui/TableFloatingControls/FloatingControlsWithSelection.tsx

@@ -6,8 +6,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 
 import type { TablePlugin } from '../../tablePluginType';
 
-import { CornerControls } from './CornerControls';
-import { RowControls } from './RowControls';
+import { CornerControls } from './CornerControls/ClassicCornerControls';
+import { RowControls } from './RowControls/ClassicControls';
 
 type FloatingControlsWithSelectionProps = {
 	editorView: EditorView;