@atlaskit/editor-plugin-table 7.25.10 → 7.25.11

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

@@ -22,7 +22,7 @@ import type { ResizeState } from '../utils/types';
 import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { syncStickyRowToTable } from './dom';
 
-export interface ScaleOptions {
+interface ScaleOptions {
 	node: PMNode;
 	prevNode: PMNode;
 	start: number;
@@ -36,12 +36,13 @@ export interface ScaleOptions {
 
 // Base function to trigger the actual scale on a table node.
 // Will only resize/scale if a table has been previously resized.
-export const scale = (
+const scale = (
 	tableRef: HTMLTableElement,
 	options: ScaleOptions,
 	domAtPos: DomAtPos,
 	isTableScalingEnabledOnCurrentTable = false,
 	shouldUseIncreasedScalingPercent = false,
+	isCommentEditor = false,
 ): ResizeState | undefined => {
 	const {
 		node,
@@ -92,12 +93,13 @@ export const scale = (
 		domAtPos,
 		isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
 		shouldUseIncreasedScalingPercent,
+		isCommentEditor,
 	});
 
 	return scaleTableTo(resizeState, newWidth);
 };
 
-export const scaleWithParent = (
+const scaleWithParent = (
 	tableRef: HTMLTableElement,
 	parentWidth: number,
 	table: PMNode,
@@ -105,6 +107,7 @@ export const scaleWithParent = (
 	domAtPos: DomAtPos,
 	isTableScalingEnabledOnCurrentTable = false,
 	shouldUseIncreasedScalingPercent = false,
+	isCommentEditor = false,
 ) => {
 	const resizeState = getResizeState({
 		minWidth: tableCellMinWidth,
@@ -115,6 +118,7 @@ export const scaleWithParent = (
 		domAtPos,
 		isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
 		shouldUseIncreasedScalingPercent,
+		isCommentEditor,
 	});
 
 	if (table.attrs.isNumberColumnEnabled) {
@@ -205,7 +209,7 @@ export const previewScaleTable = (
 		: scale(tableRef, options, domAtPos, false, shouldUseIncreasedScalingPercent);
 
 	if (resizeState) {
-		updateColgroup(resizeState, tableRef, node, false, shouldUseIncreasedScalingPercent);
+		updateColgroup(resizeState, tableRef, node, false, 1);
 	}
 };
 
@@ -218,19 +222,27 @@ export const scaleTable =
 		api: PluginInjectionAPI | undefined | null,
 		isTableScalingEnabledOnCurrentTable = false,
 		shouldUseIncreasedScalingPercent = false,
+		isCommentEditor = false,
 	) =>
 	(tr: Transaction) => {
 		if (!tableRef) {
 			return tr;
 		}
-
 		const { node, start, parentWidth, layoutChanged } = options;
 		// If a table has not been resized yet, columns should be auto.
 		if (hasTableBeenResized(node) === false) {
 			// If its not a re-sized table, we still want to re-create cols
 			// To force reflow of columns upon delete.
 			if (!isTableScalingEnabledOnCurrentTable) {
-				insertColgroupFromNode(tableRef, node, false, undefined, shouldUseIncreasedScalingPercent);
+				const isTableScalingEnabled = false;
+				insertColgroupFromNode(
+					tableRef,
+					node,
+					isTableScalingEnabled,
+					undefined,
+					shouldUseIncreasedScalingPercent,
+					isCommentEditor,
+				);
 			}
 			tr.setMeta('scrollIntoView', false);
 			return tr;

package/src/pm-plugins/table-selection-keymap.ts

@@ -53,5 +53,3 @@ export function tableSelectionKeymapPlugin(
 
 	return keymap(list) as SafePlugin;
 }
-
-export default tableSelectionKeymapPlugin;

package/src/pm-plugins/view-mode-sort/types.ts

@@ -20,4 +20,4 @@ export interface ViewModeSortPluginState {
 	allTables: HoverTableMeta[];
 }
 
-export type HoverTableMeta = [string, PMNode, number];
+type HoverTableMeta = [string, PMNode, number];

package/src/pm-plugins/view-mode-sort/utils.ts

@@ -23,11 +23,7 @@ export const unsort = (oldOrder: { index: number; value: number }[], tableElemen
 	});
 };
 
-export const getSortOrderFromTable = (
-	tableNode: PMNode,
-	sortIndex: number,
-	direction: SortOrder,
-) => {
+const getSortOrderFromTable = (tableNode: PMNode, sortIndex: number, direction: SortOrder) => {
 	const tableArray = convertProsemirrorTableNodeToArrayOfRows(tableNode);
 	tableArray.shift(); // remove header row
 

package/src/toolbar.tsx

@@ -221,6 +221,7 @@ export const getToolbarCellOptionsConfig = (
 						isCellBackgroundDuplicated,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
+						isCommentEditor,
 					)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
 				}
 				return true;
@@ -263,6 +264,7 @@ export const getToolbarCellOptionsConfig = (
 						isTableScalingEnabled,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
+						isCommentEditor,
 					)(INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
 				}
 				return true;
@@ -449,7 +451,7 @@ export const getClosestSelectionRect = (state: EditorState): Rect | undefined =>
 		: findCellRectClosestToPos(selection.$from);
 };
 
-export const getClosestSelectionOrTableRect = (state: EditorState): Rect | undefined => {
+const getClosestSelectionOrTableRect = (state: EditorState): Rect | undefined => {
 	const selection = state.selection;
 	const tableObject = findTable(state.selection);
 	if (!tableObject) {
@@ -696,7 +698,7 @@ const getCellItems = (
 	return [];
 };
 
-export const getDistributeConfig =
+const getDistributeConfig =
 	(
 		getEditorContainerWidth: GetEditorContainerWidth,
 		api: PluginInjectionAPI | undefined | null,
@@ -756,6 +758,7 @@ const getColumnSettingItems = (
 		getEditorContainerWidth,
 		isTableScalingEnabled,
 		isTableFixedColumnWidthsOptionEnabled,
+		isCommentEditor,
 	);
 
 	const wouldChange = newResizeStateWithAnalytics?.changed ?? false;
@@ -875,7 +878,7 @@ type AlignmentIcon = {
 	icon: React.ComponentClass<any>;
 };
 
-export const getAlignmentOptionsConfig = (
+const getAlignmentOptionsConfig = (
 	editorState: EditorState,
 	{ formatMessage }: ToolbarMenuContext,
 	editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
@@ -964,13 +967,13 @@ export const getAlignmentOptionsConfig = (
 	return alignmentToolbarItem;
 };
 
-export const getSelectedAlignmentIcon = (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => {
+const getSelectedAlignmentIcon = (alignmentIcons: AlignmentIcon[], selectedNode: PMNode) => {
 	const selectedAlignment = selectedNode.attrs.layout;
 
 	return alignmentIcons.find((icon) => icon.value === normaliseAlignment(selectedAlignment));
 };
 
-export const isLayoutOptionDisabled = (
+const isLayoutOptionDisabled = (
 	selectedNode: PMNode,
 	getEditorContainerWidth: GetEditorContainerWidth,
 	getDomRef: (editorView: EditorView) => HTMLElement | undefined,

package/src/transforms/column-width.ts

@@ -115,6 +115,7 @@ export const rescaleColumns =
 		isTableFixedColumnWidthsOptionEnabled = false,
 		shouldUseIncreasedScalingPercent = false,
 		api: PluginInjectionAPI | undefined | null,
+		isCommentEditor = false,
 	) =>
 	(table: ContentNodeWithPos, view: EditorView | undefined) =>
 	(tr: Transaction): Transaction => {
@@ -215,6 +216,7 @@ export const rescaleColumns =
 			maxSize: previousTableInfo.possibleMaxWidth,
 			isTableScalingEnabled: shouldScale,
 			shouldUseIncreasedScalingPercent,
+			isCommentEditor,
 		});
 		// Two scenarios that require scaling:
 		//   1. If the new table width will result in the table going into overflow

package/src/transforms/delete-columns.ts

@@ -249,6 +249,7 @@ export const deleteColumns =
 		isTableScalingEnabled = false,
 		isTableFixedColumnWidthsOptionEnabled = false,
 		shouldUseIncreasedScalingPercent = false,
+		isCommentEditor = false,
 	) =>
 	(tr: Transaction) => {
 		let updatedTr = tr;
@@ -268,6 +269,7 @@ export const deleteColumns =
 				isTableFixedColumnWidthsOptionEnabled,
 				shouldUseIncreasedScalingPercent,
 				api,
+				isCommentEditor,
 			)(
 				table,
 				view,

package/src/transforms/index.ts

@@ -1,5 +1,5 @@
 export { fixTables, fixAutoSizedTable } from './fix-tables';
-export { mergeCells, canMergeCells, mergeEmptyColumns } from './merge';
+export { mergeCells, canMergeCells } from './merge';
 export { deleteColumns } from './delete-columns';
 export { deleteRows } from './delete-rows';
 export { updateColumnWidths } from './column-width';

package/src/ui/FloatingContextualButton/FixedButton.tsx

@@ -10,9 +10,9 @@ import type { RowStickyState } from '../../pm-plugins/sticky-headers';
 import { TableCssClassName as ClassName } from '../../types';
 import { insertColumnButtonOffset } from '../common-styles';
 
-export const BUTTON_WIDTH = 20;
+const BUTTON_WIDTH = 20;
 
-export interface Props {
+interface Props {
 	children: React.ReactNode;
 	mountTo: HTMLElement;
 	offset: number;

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -87,7 +87,7 @@ import { AddColRightIcon, AddRowBelowIcon, MergeCellsIcon, SplitCellIcon } from
 
 import { cellColourPreviewStyles, elementBeforeIconStyles } from './styles';
 
-export interface Props {
+interface Props {
 	editorView: EditorView;
 	isOpen: boolean;
 	selectionRect: Rect;
@@ -106,7 +106,7 @@ export interface Props {
 	isCommentEditor?: boolean;
 }
 
-export interface State {
+interface State {
 	isSubmenuOpen: boolean;
 	isOpenAllowed: boolean;
 }
@@ -721,6 +721,7 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 					getEditorContainerWidth,
 					isTableScalingEnabled,
 					tableWithFixedColumnWidthsOption,
+					isCommentEditor,
 				);
 
 				if (newResizeStateWithAnalytics) {
@@ -746,6 +747,7 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 					tableDuplicateCellColouring,
 					tableWithFixedColumnWidthsOption,
 					shouldUseIncreasedScalingPercent,
+					isCommentEditor,
 				)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
 				this.toggleOpen();
 				break;
@@ -766,6 +768,7 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 					isTableScalingEnabled,
 					tableWithFixedColumnWidthsOption,
 					shouldUseIncreasedScalingPercent,
+					isCommentEditor,
 				)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
 				this.toggleOpen();
 				break;

package/src/ui/FloatingContextualMenu/index.tsx

@@ -32,7 +32,7 @@ import {
 import ContextualMenu from './ContextualMenu';
 import { tablePopupStyles } from './styles';
 
-export interface Props {
+interface Props {
 	editorView: EditorView;
 	isOpen: boolean;
 	getEditorContainerWidth: GetEditorContainerWidth;

package/src/ui/FloatingDeleteButton/DeleteButton.tsx

@@ -6,7 +6,7 @@ import { injectIntl } from 'react-intl-next';
 
 import { TableCssClassName as ClassName } from '../../types';
 
-export interface ButtonProps {
+interface ButtonProps {
 	removeLabel: MessageDescriptor;
 	style?: object;
 	onClick?: (event: SyntheticEvent) => void;

package/src/ui/FloatingDeleteButton/index.tsx

@@ -45,7 +45,7 @@ export interface Props {
 	editorAnalyticsAPI?: EditorAnalyticsAPI;
 }
 
-export interface State {
+interface State {
 	selectionType?: CellSelectionType;
 	left: number;
 	top: number;
@@ -54,7 +54,7 @@ export interface State {
 	scrollLeft: number;
 }
 
-export function getSelectionType(selection: Selection): TableDirection | undefined {
+function getSelectionType(selection: Selection): TableDirection | undefined {
 	if (!isTableSelected(selection) && selection instanceof CellSelection) {
 		if (selection.isRowSelection()) {
 			return 'row';

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -102,6 +102,7 @@ type DragMenuProps = {
 		message: string,
 		ariaLiveElementAttributes?: AriaLiveElementAttributes,
 	) => void;
+	isCommentEditor?: boolean;
 };
 
 type PluralOptionType = 'noOfCols' | 'noOfRows' | 'noOfCells' | null;
@@ -261,7 +262,7 @@ const convertToDropdownItems = (
 
 const ColorPaletteWithListeners = withOuterListeners(ColorPalette);
 
-export const DragMenu = React.memo(
+const DragMenu = React.memo(
 	({
 		direction = 'row',
 		index,
@@ -286,6 +287,7 @@ export const DragMenu = React.memo(
 		isTableFixedColumnWidthsOptionEnabled,
 		tableSortColumnReorder,
 		ariaNotifyPlugin,
+		isCommentEditor,
 	}: DragMenuProps & WrappedComponentProps) => {
 		const { state, dispatch } = editorView;
 		const { selection } = state;
@@ -318,6 +320,7 @@ export const DragMenu = React.memo(
 			shouldUseIncreasedScalingPercent,
 			tableSortColumnReorder,
 			ariaNotifyPlugin,
+			isCommentEditor,
 		);
 
 		const { menuItems, menuCallback } = convertToDropdownItems(

package/src/ui/FloatingDragMenu/index.tsx

@@ -19,7 +19,7 @@ import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
 
 import DragMenu from './DragMenu';
 
-export interface Props {
+interface Props {
 	editorView: EditorView;
 	isOpen: boolean;
 	tableRef?: HTMLTableElement;
@@ -41,6 +41,7 @@ export interface Props {
 		message: string,
 		ariaLiveElementAttributes?: AriaLiveElementAttributes,
 	) => void;
+	isCommentEditor?: boolean;
 }
 
 const FloatingDragMenu = ({
@@ -61,6 +62,7 @@ const FloatingDragMenu = ({
 	getEditorFeatureFlags,
 	ariaNotifyPlugin,
 	api,
+	isCommentEditor,
 }: Props) => {
 	if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
 		return null;
@@ -130,6 +132,7 @@ const FloatingDragMenu = ({
 				tableSortColumnReorder={tableSortColumnReorder}
 				ariaNotifyPlugin={ariaNotifyPlugin}
 				api={api}
+				isCommentEditor={isCommentEditor || false}
 			/>
 		</Popup>
 	);

package/src/ui/FloatingInsertButton/InsertButton.tsx

@@ -18,7 +18,7 @@ import type { TableDirection } from '../../types';
 import { TableCssClassName as ClassName } from '../../types';
 import { tableToolbarSize } from '../consts';
 
-export interface ButtonProps {
+interface ButtonProps {
 	type: TableDirection;
 	tableRef: HTMLElement;
 	onMouseDown: (event: SyntheticEvent<HTMLButtonElement>) => void;
@@ -96,7 +96,7 @@ const tooltipMessageByType = (type: TableDirection) => {
 	return type === 'row' ? messages.insertRow : messages.insertColumn;
 };
 
-export const InsertButtonForDragAndDrop = ({
+const InsertButtonForDragAndDrop = ({
 	onMouseDown,
 	tableRef,
 	type,

package/src/ui/FloatingInsertButton/index.tsx

@@ -55,6 +55,7 @@ export interface Props {
 	editorAnalyticsAPI?: EditorAnalyticsAPI;
 	getEditorFeatureFlags?: GetEditorFeatureFlags;
 	isChromelessEditor?: boolean;
+	isCommentEditor?: boolean;
 }
 
 export class FloatingInsertButton extends React.Component<Props & WrappedComponentProps, any> {
@@ -267,6 +268,7 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 			editorAnalyticsAPI,
 			getEditorFeatureFlags,
 			isTableScalingEnabled,
+			isCommentEditor,
 		} = this.props;
 
 		if (typeof insertColumnButtonIndex !== 'undefined') {
@@ -288,6 +290,7 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 				tableDuplicateCellColouring,
 				tableWithFixedColumnWidthsOption,
 				shouldUseIncreasedScalingPercent,
+				isCommentEditor,
 			)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
 		}
 	}

package/src/ui/FloatingToolbarLabel/FloatingToolbarLabel.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Popup } from '@atlaskit/editor-common/ui';
 
-export interface Props {
+interface Props {
 	target: HTMLElement;
 	content: React.ReactNode;
 	alignX?: 'left' | 'center' | 'right';

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

@@ -27,7 +27,7 @@ import { getRowsParams, getSelectedColumnIndexes } from '../../../utils';
 import type { DragHandleAppearance } from '../../DragHandle';
 import { DragHandle } from '../../DragHandle';
 
-export interface ColumnControlsProps {
+interface ColumnControlsProps {
 	editorView: EditorView;
 	tableActive?: boolean;
 	isInDanger?: boolean;
@@ -339,5 +339,3 @@ export const ColumnControls = ({
 		</div>
 	);
 };
-
-export default ColumnControls;

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

@@ -9,7 +9,7 @@ import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element
 import { getDragBehaviour } from '../../../pm-plugins/drag-and-drop/utils/getDragBehaviour';
 import type { DraggableSourceData } from '../../../types';
 
-export interface Props {
+interface Props {
 	index: number;
 	localId?: string;
 	width?: number;

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

@@ -4,7 +4,7 @@ import { TableCssClassName as ClassName } from '../../../types';
 
 import { ColumnDropTarget } from './ColumnDropTarget';
 
-export interface Props {
+interface Props {
 	tableRef: HTMLTableElement;
 	tableHeight?: number;
 	localId?: string;

package/src/ui/TableFloatingColumnControls/index.tsx

@@ -16,7 +16,7 @@ import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../uti
 import { ColumnControls } from './ColumnControls';
 import { ColumnDropTargets } from './ColumnDropTargets';
 
-export interface Props {
+interface Props {
 	editorView: EditorView;
 	getEditorFeatureFlags: GetEditorFeatureFlags;
 	selection?: Selection;
@@ -40,7 +40,7 @@ export interface Props {
 	isChromelessEditor?: boolean;
 }
 
-export const TableFloatingColumnControls = ({
+const TableFloatingColumnControls = ({
 	editorView,
 	tableRef,
 	getNode,

package/src/ui/TableFloatingControls/NumberColumn/index.tsx

@@ -11,7 +11,7 @@ import { TableCssClassName as ClassName } from '../../../types';
 import { getRowHeights } from '../../../utils';
 import { tableBorderColor } from '../../consts';
 
-export interface Props {
+interface Props {
 	editorView: EditorView;
 	tableRef: HTMLTableElement;
 	tableActive?: boolean;

package/src/ui/TableFloatingControls/RowDropTarget/index.tsx

@@ -9,7 +9,7 @@ import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element
 import { getDragBehaviour } from '../../../pm-plugins/drag-and-drop/utils/getDragBehaviour';
 import type { DraggableSourceData } from '../../../types';
 
-export type RowDropTargetProps = {
+type RowDropTargetProps = {
 	index: number;
 	localId?: string;
 	style?: React.CSSProperties;

package/src/ui/TableFloatingControls/index.tsx

@@ -26,7 +26,7 @@ import { FloatingControlsWithSelection } from './FloatingControlsWithSelection';
 import NumberColumn from './NumberColumn';
 import { DragControls, RowControls } from './RowControls';
 
-export interface TableFloatingControlsProps {
+interface TableFloatingControlsProps {
 	editorView: EditorView;
 	selection?: Selection;
 	tableRef?: HTMLTableElement;

package/src/ui/icons/index.ts

@@ -1,5 +1,4 @@
 export { DragHandleIcon } from './DragHandleIcon';
-export { DragInMotionIcon } from './DragInMotionIcon';
 export { DragHandleDisabledIcon } from './DragHandleDisabledIcon';
 export { MinimisedHandleIcon } from './MinimisedHandle';
 export { MergeCellsIcon } from './MergeCellsIcon';

package/src/utils/column-controls.ts

@@ -2,16 +2,9 @@ import { maphElem } from '@atlaskit/editor-common/utils';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import {
-	findTable,
-	getSelectionRect,
-	isColumnSelected,
-	isTableSelected,
-} from '@atlaskit/editor-tables/utils';
-
-import { TableCssClassName as ClassName } from '../types';
+import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
+
 import { tableDeleteButtonSize } from '../ui/consts';
 
 interface CellWidthInfo {
@@ -44,18 +37,6 @@ export const getColumnsWidths = (view: EditorView): Array<number | undefined> =>
 	return widths;
 };
 
-export const isColumnDeleteButtonVisible = (selection: Selection): boolean => {
-	if (
-		!isTableSelected(selection) &&
-		selection instanceof CellSelection &&
-		selection.isColSelection()
-	) {
-		return true;
-	}
-
-	return false;
-};
-
 export const getColumnDeleteButtonParams = (
 	columnsWidths: Array<number | undefined>,
 	selection: Selection,
@@ -87,23 +68,6 @@ export const getColumnDeleteButtonParams = (
 	return { left, indexes };
 };
 
-export const getColumnClassNames = (
-	index: number,
-	selection: Selection,
-	hoveredColumns: number[] = [],
-	isInDanger?: boolean,
-	isResizing?: boolean,
-): string => {
-	const classNames: string[] = [];
-	if (isColumnSelected(index)(selection) || (hoveredColumns.indexOf(index) > -1 && !isResizing)) {
-		classNames.push(ClassName.HOVERED_CELL_ACTIVE);
-		if (isInDanger) {
-			classNames.push(ClassName.HOVERED_CELL_IN_DANGER);
-		}
-	}
-	return classNames.join(' ');
-};
-
 // give a row colspan and a colwidths
 // and map to a row's colwidths
 const mapTableColwidthsToRow = (rowColSpans: number[], tableColWidths: number[]) => {

package/src/utils/dom.ts

@@ -44,10 +44,6 @@ export const isTableContainerOrWrapper = (node: HTMLElement | null): boolean =>
 	containsClassName(node, ClassName.TABLE_NODE_WRAPPER);
 
 /** drag-and-drop classes */
-export const isDragRowControlsButton = (node: HTMLElement | null) =>
-	containsClassName(node, ClassName.DRAG_ROW_CONTROLS) ||
-	closestElement(node, `.${ClassName.DRAG_ROW_CONTROLS}`);
-
 export const isDragRowFloatingInsertDot = (node: HTMLElement | null) =>
 	containsClassName(node, ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER);
 

package/src/utils/drag-menu.ts

@@ -155,6 +155,7 @@ export const getDragMenuConfig = (
 		message: string,
 		ariaLiveElementAttributes?: AriaLiveElementAttributes,
 	) => void,
+	isCommentEditor = false,
 ): DragMenuConfig[] => {
 	const { selection } = editorView.state;
 	const { getIntl } = getTablePluginState(editorView.state);
@@ -303,6 +304,7 @@ export const getDragMenuConfig = (
 								getEditorContainerWidth,
 								isTableScalingEnabled,
 								isTableFixedColumnWidthsOptionEnabled,
+								isCommentEditor,
 							);
 
 							if (newResizeState) {
@@ -349,6 +351,7 @@ export const getDragMenuConfig = (
 						isTableScalingEnabled,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
+						isCommentEditor,
 					)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect ?? defaultSelectionRect)(
 						state,
 						dispatch,