@atlaskit/editor-plugin-table 7.25.10 → 7.25.12

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

@@ -25,6 +25,7 @@ export const getResizeState = ({
 	domAtPos,
 	isTableScalingEnabled = false,
 	shouldUseIncreasedScalingPercent = false,
+	isCommentEditor = false,
 }: {
 	minWidth: number;
 	maxSize: number;
@@ -34,13 +35,18 @@ export const getResizeState = ({
 	domAtPos: (pos: number) => { node: Node; offset: number };
 	isTableScalingEnabled: boolean;
 	shouldUseIncreasedScalingPercent: boolean;
+	isCommentEditor: boolean;
 }): ResizeState => {
-	if (isTableScalingEnabled) {
+	if (
+		(isTableScalingEnabled && !isCommentEditor) ||
+		(isTableScalingEnabled && isCommentEditor && table.attrs?.width)
+	) {
 		const scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
 		minWidth = Math.ceil(minWidth / scalePercent);
 	}
-	// If the table has been resized, we can use the column widths from the table node
+
 	if (hasTableBeenResized(table)) {
+		// If the table has been resized, we can use the column widths from the table node
 		const cols = calcTableColumnWidths(table).map((width, index) => ({
 			width: width === 0 ? tableNewColumnMinWidth : width,
 			minWidth: width === 0 ? tableNewColumnMinWidth : minWidth,
@@ -70,12 +76,16 @@ export const getResizeState = ({
 		isTableScalingEnabled,
 		shouldReinsertColgroup, // don't reinsert colgroup when preserving table width - this causes widths to jump
 		shouldUseIncreasedScalingPercent,
+		isCommentEditor,
 	);
 	const cols = Array.from(colgroupChildren).map((_, index) => {
 		// If the table hasn't been resized and we have a table width attribute, we can use it
 		// to calculate the widths of the columns
 		if (isTableScalingEnabled) {
-			const tableNodeWidth = getTableContainerWidth(table);
+			// isCommentEditor when table cols were not resized,
+			// we want to use tableRef.parentElement.clientWidth, which is the same as maxSize
+			const tableNodeWidth =
+				isCommentEditor && !table.attrs?.width ? maxSize : getTableContainerWidth(table);
 			return {
 				index,
 				width: tableNodeWidth / colgroupChildren.length,
@@ -107,7 +117,7 @@ export const updateColgroup = (
 	tableRef: HTMLElement | null,
 	tableNode?: PMNode,
 	isTableScalingEnabled?: boolean,
-	shouldUseIncreasedScalingPercent?: boolean,
+	scalePercent?: number,
 ): void => {
 	const cols = tableRef?.querySelectorAll('col');
 	const columnsCount = cols?.length;
@@ -117,16 +127,11 @@ export const updateColgroup = (
      We need to remove !isColumnResizing if we handled auto scale table when mouseUp event.
      * */
 	if (isTableScalingEnabled && tableNode) {
-		const scalePercent = getTableScalingPercent(
-			tableNode,
-			tableRef,
-			shouldUseIncreasedScalingPercent,
-		);
 		state.cols
 			.filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
 			.forEach((column, i) => {
 				const fixedColWidth = getColWidthFix(column.width, columnsCount ?? 0);
-				const scaledWidth = fixedColWidth * scalePercent;
+				const scaledWidth = fixedColWidth * (scalePercent || 1);
 				const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
 				// we aren't handling the remaining pixels here when the 48px min width is reached
 				if (cols?.[i]) {
@@ -187,7 +192,7 @@ const getSpace = (columns: ColumnState[], start: number, end: number) =>
 		.map((col) => col.width)
 		.reduce((sum, width) => sum + width, 0);
 
-export const evenSelectedColumnsWidths = (resizeState: ResizeState, rect: Rect): ResizeState => {
+const evenSelectedColumnsWidths = (resizeState: ResizeState, rect: Rect): ResizeState => {
 	const cols = resizeState.cols;
 	const selectedSpace = getSpace(cols, rect.left, rect.right);
 	const allSpace = getSpace(cols, 0, cols.length);
@@ -302,13 +307,8 @@ export const bulkColumnsResize = (
 	return adjustColumnsWidths(newState, resizeState.maxSize);
 };
 
-export const areColumnsEven = (resizeState: ResizeState): boolean => {
-	const newResizeState = evenAllColumnsWidths(resizeState);
-	return newResizeState.cols.every((col, i) => col.width === resizeState.cols[i].width);
-};
-
 // Get the layout
-export const normaliseTableLayout = (input: string | undefined | null) => {
+const normaliseTableLayout = (input: string | undefined | null) => {
 	switch (input) {
 		case 'wide':
 			return input;
@@ -373,6 +373,15 @@ export const getNewResizeStateFromSelectedColumns = (
 		isTableScalingEnabledOnCurrentTable = table.node.attrs.displayMode !== 'fixed';
 	}
 
+	let shouldUseIncreasedScalingPercent =
+		isTableScalingWithFixedColumnWidthsOptionEnabled &&
+		fg('platform.editor.table.use-increased-scaling-percent');
+
+	if (isTableScalingEnabled && isCommentEditor) {
+		isTableScalingEnabledOnCurrentTable = true;
+		shouldUseIncreasedScalingPercent = true;
+	}
+
 	resizeState = getResizeState({
 		minWidth: tableCellMinWidth,
 		maxSize,
@@ -381,10 +390,8 @@ export const getNewResizeStateFromSelectedColumns = (
 		start: table.start,
 		domAtPos,
 		isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-		shouldUseIncreasedScalingPercent:
-			(isTableScalingWithFixedColumnWidthsOptionEnabled &&
-				fg('platform.editor.table.use-increased-scaling-percent')) ||
-			(isTableScalingEnabled && isCommentEditor),
+		shouldUseIncreasedScalingPercent,
+		isCommentEditor,
 	});
 
 	const newResizeState = evenSelectedColumnsWidths(resizeState, rect);

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';