@atlaskit/editor-plugin-table 7.31.1 → 7.31.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.31.1",
+	"version": "7.31.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		"@atlaskit/adf-schema": "^44.2.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/custom-steps": "^0.8.0",
-		"@atlaskit/editor-common": "^94.22.0",
+		"@atlaskit/editor-common": "^94.23.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.17.0",
+		"@atlaskit/tmp-editor-statsig": "^2.19.0",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.9.0",

package/src/commands/insert.ts

@@ -42,7 +42,6 @@ function addColumnAtCustomStep(column: number) {
 export function addColumnAt(
 	api: PluginInjectionAPI | undefined | null,
 	isTableScalingEnabled = false,
-	isCellBackgroundDuplicated?: boolean,
 	isTableFixedColumnWidthsOptionEnabled?: boolean,
 	shouldUseIncreasedScalingPercent?: boolean,
 	isCommentEditor?: boolean,
@@ -57,7 +56,7 @@ export function addColumnAt(
 			if (allowAddColumnCustomStep) {
 				updatedTr = addColumnAtCustomStep(column)(updatedTr);
 			} else {
-				updatedTr = addColumnAtPMUtils(column, isCellBackgroundDuplicated)(updatedTr);
+				updatedTr = addColumnAtPMUtils(column)(updatedTr);
 			}
 			const table = findTable(updatedTr.selection);
 			if (table) {
@@ -96,7 +95,6 @@ export const addColumnBefore =
 	(
 		api: PluginInjectionAPI | undefined | null,
 		isTableScalingEnabled = false,
-		isCellBackgroundDuplicated = false,
 		isTableFixedColumnWidthsOptionEnabled = false,
 		shouldUseIncreasedScalingPercent = false,
 		isCommentEditor = false,
@@ -112,7 +110,6 @@ export const addColumnBefore =
 				addColumnAt(
 					api,
 					isTableScalingEnabled,
-					isCellBackgroundDuplicated,
 					isTableFixedColumnWidthsOptionEnabled,
 					shouldUseIncreasedScalingPercent,
 					isCommentEditor,
@@ -132,7 +129,6 @@ export const addColumnAfter =
 	(
 		api: PluginInjectionAPI | undefined | null,
 		isTableScalingEnabled?: boolean,
-		isCellBackgroundDuplicated?: boolean,
 		isTableFixedColumnWidthsOptionEnabled?: boolean,
 		shouldUseIncreasedScalingPercent?: boolean,
 		isCommentEditor?: boolean,
@@ -149,7 +145,6 @@ export const addColumnAfter =
 				addColumnAt(
 					api,
 					isTableScalingEnabled,
-					isCellBackgroundDuplicated,
 					isTableFixedColumnWidthsOptionEnabled,
 					shouldUseIncreasedScalingPercent,
 					isCommentEditor,
@@ -167,7 +162,6 @@ export const insertColumn =
 	(
 		api: PluginInjectionAPI | undefined | null,
 		isTableScalingEnabled = false,
-		isCellBackgroundDuplicated?: boolean,
 		isTableFixedColumnWidthsOptionEnabled?: boolean,
 		shouldUseIncreasedScalingPercent?: boolean,
 		isCommentEditor?: boolean,
@@ -177,7 +171,6 @@ export const insertColumn =
 		let tr = addColumnAt(
 			api,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 			isCommentEditor,
@@ -200,7 +193,7 @@ export const insertColumn =
 	};
 
 export const insertRow =
-	(row: number, moveCursorToTheNewRow: boolean, isCellBackgroundDuplicated?: boolean): Command =>
+	(row: number, moveCursorToTheNewRow: boolean): Command =>
 	(state, dispatch) => {
 		// Don't clone the header row
 		const headerRowEnabled = checkIfHeaderRowEnabled(state.selection);
@@ -214,7 +207,7 @@ export const insertRow =
 
 		const tr = clonePreviousRow
 			? copyPreviousRow(state.schema)(row)(state.tr)
-			: addRowAt(row, undefined, isCellBackgroundDuplicated)(state.tr);
+			: addRowAt(row, undefined)(state.tr);
 
 		const table = findTable(tr.selection);
 		if (!table) {

package/src/commands-with-analytics.ts

@@ -3,7 +3,11 @@ import type { IntlShape } from 'react-intl-next/src/types';
 import type { TableLayout } from '@atlaskit/adf-schema';
 import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
 import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
-import type { AnalyticsEventPayload, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type {
+	AnalyticsEventPayload,
+	CHANGE_ALIGNMENT_REASON,
+	EditorAnalyticsAPI,
+} from '@atlaskit/editor-common/analytics';
 import {
 	ACTION_SUBJECT,
 	EVENT_TYPE,
@@ -11,7 +15,6 @@ import {
 	TABLE_ACTION,
 	TABLE_DISPLAY_MODE,
 } from '@atlaskit/editor-common/analytics';
-import { type CHANGE_ALIGNMENT_REASON } from '@atlaskit/editor-common/analytics';
 import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
@@ -199,7 +202,7 @@ export const addRowAroundSelection =
 	};
 
 export const insertRowWithAnalytics =
-	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isCellbackgroundDuplicated = false) =>
+	(editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) =>
 	(inputMethod: InsertRowMethods, options: InsertRowOptions) =>
 		withEditorAnalyticsAPI((state) => {
 			const { totalRowCount, totalColumnCount } = getSelectedTableInfo(state.selection);
@@ -215,9 +218,7 @@ export const insertRowWithAnalytics =
 				},
 				eventType: EVENT_TYPE.TRACK,
 			};
-		})(editorAnalyticsAPI)(
-			insertRow(options.index, options.moveCursorToInsertedRow, isCellbackgroundDuplicated),
-		);
+		})(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
 
 export const changeColumnWidthByStepWithAnalytics =
 	(
@@ -272,7 +273,6 @@ export const insertColumnWithAnalytics =
 		api: PluginInjectionAPI | undefined | null,
 		editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 		isTableScalingEnabled = false,
-		isCellbackgroundDuplicated = false,
 		isTableFixedColumnWidthsOptionEnabled = false,
 		shouldUseIncreasedScalingPercent = false,
 		isCommentEditor = false,
@@ -304,7 +304,6 @@ export const insertColumnWithAnalytics =
 			insertColumn(
 				api,
 				isTableScalingEnabled,
-				isCellbackgroundDuplicated,
 				isTableFixedColumnWidthsOptionEnabled,
 				shouldUseIncreasedScalingPercent,
 				isCommentEditor,

package/src/plugin.tsx

@@ -188,9 +188,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 			// When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
 			options?.isCommentEditor);
 
-	const isCellBackgroundDuplicated =
-		options?.getEditorFeatureFlags?.().tableDuplicateCellColouring || false;
-
 	return {
 		name: 'table',
 
@@ -435,7 +432,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							fullWidthEnabled,
 							api,
 							getIntl,
-							isCellBackgroundDuplicated,
 							isTableFixedColumnWidthsOptionEnabled,
 							shouldUseIncreasedScalingPercent,
 							isCommentEditor,

package/src/pm-plugins/keymap.ts

@@ -68,7 +68,6 @@ export function keymapPlugin(
 	isFullWidthEnabled?: boolean,
 	pluginInjectionApi?: PluginInjectionAPIWithA11y,
 	getIntl?: () => IntlShape,
-	isCellBackgroundDuplicated = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
 	shouldUseIncreasedScalingPercent?: boolean,
 	isCommentEditor?: boolean,
@@ -130,7 +129,6 @@ export function keymapPlugin(
 		addColumnBeforeCommand(
 			api,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 		),
@@ -142,7 +140,6 @@ export function keymapPlugin(
 		addColumnAfterCommand(
 			api,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 		),
@@ -166,7 +163,6 @@ export function keymapPlugin(
 		addColumnBeforeCommand(
 			api,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 		),
@@ -178,7 +174,6 @@ export function keymapPlugin(
 		addColumnAfterCommand(
 			api,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 		),

package/src/toolbar.tsx

@@ -206,7 +206,6 @@ export const getToolbarCellOptionsConfig = (
 	api: PluginInjectionAPI | undefined | null,
 	editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 	isTableScalingEnabled = false,
-	isCellBackgroundDuplicated = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
 	shouldUseIncreasedScalingPercent = false,
 	isCommentEditor = false,
@@ -228,7 +227,6 @@ export const getToolbarCellOptionsConfig = (
 						api,
 						editorAnalyticsAPI,
 						isTableScalingEnabled,
-						isCellBackgroundDuplicated,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
 						isCommentEditor,
@@ -553,9 +551,6 @@ export const getToolbarConfig =
 						)
 					: [];
 
-			const isCellBackgroundDuplicated =
-				getEditorFeatureFlags().tableDuplicateCellColouring || false;
-
 			const cellItems = pluginState.isDragAndDropEnabled
 				? []
 				: getCellItems(
@@ -566,7 +561,6 @@ export const getToolbarConfig =
 						api,
 						editorAnalyticsAPI,
 						isTableScalingEnabled,
-						isCellBackgroundDuplicated,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
 						options?.isCommentEditor,
@@ -681,7 +675,6 @@ const getCellItems = (
 	api: PluginInjectionAPI | undefined | null,
 	editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 	isTableScalingEnabled = false,
-	isCellBackgroundDuplicated = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
 	shouldUseIncreasedScalingPercent = false,
 	isCommentEditor = false,
@@ -697,7 +690,6 @@ const getCellItems = (
 			api,
 			editorAnalyticsAPI,
 			isTableScalingEnabled,
-			isCellBackgroundDuplicated,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 			isCommentEditor,

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -584,13 +584,11 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 
 	private createOriginalContextMenuItems = () => {
 		let items: MenuItem[] = [];
-		const { getEditorFeatureFlags } = this.props;
-		const { tableSortColumnReorder = false } = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
 		const sortColumnItems = this.createSortColumnItems();
 		const backgroundColorItem = this.createBackgroundColorItem();
 		const distributeColumnsItem = this.createDistributeColumnsItem();
 
-		tableSortColumnReorder && sortColumnItems && items.push(...sortColumnItems);
+		sortColumnItems && items.push(...sortColumnItems);
 
 		backgroundColorItem && items.push(backgroundColorItem);
 
@@ -606,8 +604,6 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 
 		distributeColumnsItem && items.push(distributeColumnsItem);
 
-		!tableSortColumnReorder && sortColumnItems && items.push(...sortColumnItems);
-
 		items.push(this.createClearCellsItem());
 
 		return [{ items }];
@@ -657,8 +653,9 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 		const { state, dispatch } = editorView;
 		const { targetCellPosition, isTableScalingEnabled = false } = getPluginState(state);
 
-		const { tableDuplicateCellColouring = false, tableWithFixedColumnWidthsOption = false } =
-			getEditorFeatureFlags ? getEditorFeatureFlags() : {};
+		const { tableWithFixedColumnWidthsOption = false } = getEditorFeatureFlags
+			? getEditorFeatureFlags()
+			: {};
 		// context menu opened by keyboard and any item except 'background' activated
 		// or color has been chosen from color palette
 		if (
@@ -739,7 +736,6 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 					this.props.api,
 					editorAnalyticsAPI,
 					isTableScalingEnabled,
-					tableDuplicateCellColouring,
 					tableWithFixedColumnWidthsOption,
 					shouldUseIncreasedScalingPercent,
 					isCommentEditor,
@@ -747,13 +743,10 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 				this.toggleOpen();
 				break;
 			case 'insert_row':
-				insertRowWithAnalytics(editorAnalyticsAPI, tableDuplicateCellColouring)(
-					INPUT_METHOD.CONTEXT_MENU,
-					{
-						index: selectionRect.bottom,
-						moveCursorToInsertedRow: true,
-					},
-				)(state, dispatch);
+				insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, {
+					index: selectionRect.bottom,
+					moveCursorToInsertedRow: true,
+				})(state, dispatch);
 				this.toggleOpen();
 				break;
 			case 'delete_column':

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -90,10 +90,8 @@ type DragMenuProps = {
 	boundariesElement?: HTMLElement;
 	scrollableElement?: HTMLElement;
 	isTableScalingEnabled?: boolean;
-	tableDuplicateCellColouring?: boolean;
 	shouldUseIncreasedScalingPercent?: boolean;
 	isTableFixedColumnWidthsOptionEnabled?: boolean;
-	tableSortColumnReorder?: boolean;
 	ariaNotifyPlugin?: (
 		message: string,
 		ariaLiveElementAttributes?: AriaLiveElementAttributes,
@@ -166,7 +164,7 @@ const MapDragMenuOptionIdToMessage: Record<DragMenuOptionIdType, MessageType> =
 	},
 };
 
-const getGroupedDragMenuConfig = (tableSortColumnReorder: boolean) => {
+const getGroupedDragMenuConfig = () => {
 	let groupedDragMenuConfig: DragMenuOptionIdType[][] = [
 		[
 			'add_row_above',
@@ -181,9 +179,7 @@ const getGroupedDragMenuConfig = (tableSortColumnReorder: boolean) => {
 		['move_column_left', 'move_column_right', 'move_row_up', 'move_row_down'],
 	];
 	const sortColumnItems: DragMenuOptionIdType[] = ['sort_column_asc', 'sort_column_desc'];
-	tableSortColumnReorder
-		? groupedDragMenuConfig.unshift(sortColumnItems)
-		: groupedDragMenuConfig.push(sortColumnItems);
+	groupedDragMenuConfig.unshift(sortColumnItems);
 
 	return groupedDragMenuConfig;
 };
@@ -196,10 +192,9 @@ const elementBeforeIconStyles = xcss({
 const convertToDropdownItems = (
 	dragMenuConfig: DragMenuConfig[],
 	formatMessage: IntlShape['formatMessage'],
-	tableSortColumnReorder: boolean = false,
 	selectionRect?: Rect,
 ) => {
-	const groupedDragMenuConfig = getGroupedDragMenuConfig(tableSortColumnReorder);
+	const groupedDragMenuConfig = getGroupedDragMenuConfig();
 	let menuItemsArr: MenuItem[][] = [...Array(groupedDragMenuConfig.length)].map(() => []);
 	let menuCallback: { [key: string]: Command } = {};
 	dragMenuConfig.forEach((item) => {
@@ -283,10 +278,8 @@ const DragMenu = React.memo(
 		scrollableElement,
 		boundariesElement,
 		isTableScalingEnabled,
-		tableDuplicateCellColouring,
 		shouldUseIncreasedScalingPercent,
 		isTableFixedColumnWidthsOptionEnabled,
-		tableSortColumnReorder,
 		ariaNotifyPlugin,
 		isCommentEditor,
 	}: DragMenuProps & WrappedComponentProps) => {
@@ -316,10 +309,8 @@ const DragMenu = React.memo(
 			editorAnalyticsAPI,
 			pluginConfig?.isHeaderRowRequired,
 			isTableScalingEnabled,
-			tableDuplicateCellColouring,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
-			tableSortColumnReorder,
 			ariaNotifyPlugin,
 			isCommentEditor,
 		);
@@ -327,7 +318,6 @@ const DragMenu = React.memo(
 		const { menuItems, menuCallback } = convertToDropdownItems(
 			dragMenuConfig,
 			formatMessage,
-			tableSortColumnReorder,
 			selectionRect,
 		);
 
@@ -383,7 +373,7 @@ const DragMenu = React.memo(
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 						className={DropdownMenuSharedCssClassName.SUBMENU}
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-						css={dragMenuBackgroundColorStyles(tableSortColumnReorder)}
+						css={dragMenuBackgroundColorStyles()}
 					>
 						<div
 							// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -610,9 +600,7 @@ const DragMenu = React.memo(
 		}
 
 		if (allowBackgroundColor) {
-			tableSortColumnReorder
-				? menuItems[1].items.unshift(createBackgroundColorMenuItem())
-				: menuItems[0].items.unshift(createBackgroundColorMenuItem());
+			menuItems[1].items.unshift(createBackgroundColorMenuItem());
 		}
 
 		// If first row, add toggle for Header row, default is true

package/src/ui/FloatingDragMenu/index.tsx

@@ -79,11 +79,7 @@ const FloatingDragMenu = ({
 		return null;
 	}
 
-	const {
-		tableDuplicateCellColouring = false,
-		tableWithFixedColumnWidthsOption = false,
-		tableSortColumnReorder = false,
-	} = getEditorFeatureFlags ? getEditorFeatureFlags() : {};
+	const { tableWithFixedColumnWidthsOption = false } = getEditorFeatureFlags?.() ?? {};
 
 	const shouldUseIncreasedScalingPercent =
 		isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
@@ -123,10 +119,8 @@ const FloatingDragMenu = ({
 				boundariesElement={boundariesElement}
 				scrollableElement={scrollableElement}
 				isTableScalingEnabled={isTableScalingEnabled}
-				tableDuplicateCellColouring={tableDuplicateCellColouring}
 				shouldUseIncreasedScalingPercent={shouldUseIncreasedScalingPercent}
 				isTableFixedColumnWidthsOptionEnabled={tableWithFixedColumnWidthsOption}
-				tableSortColumnReorder={tableSortColumnReorder}
 				ariaNotifyPlugin={ariaNotifyPlugin}
 				api={api}
 				isCommentEditor={isCommentEditor || false}

package/src/ui/FloatingDragMenu/styles.ts

@@ -22,18 +22,16 @@ export const cellColourPreviewStyles = (selectedColor: string) =>
 	});
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-export const dragMenuBackgroundColorStyles = (tableSortColumnReorder: boolean = false) => css`
+export const dragMenuBackgroundColorStyles = () => css`
 	.${ClassName.DRAG_SUBMENU} {
 		border-radius: ${token('border.radius', '3px')};
 		background: ${token('elevation.surface.overlay', 'white')};
 		box-shadow: ${token('elevation.shadow.overlay', `0 4px 8px -2px ${N60A}, 0 0 1px ${N60A}`)};
 		display: block;
 		position: absolute;
-		top: ${tableSortColumnReorder
-			? TABLE_DRAG_MENU_PADDING_TOP +
-				TABLE_DRAG_MENU_SORT_GROUP_HEIGHT +
-				TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT
-			: 0}px; // move the submenu down when 'sort increasing/decreasing' appear before background color picker
+		top: ${TABLE_DRAG_MENU_PADDING_TOP +
+		TABLE_DRAG_MENU_SORT_GROUP_HEIGHT +
+		TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT}px; // move the submenu down when 'sort increasing/decreasing' appear before background color picker
 		left: ${dragMenuDropdownWidth}px;
 		padding: ${token('space.100', '8px')};
 

package/src/ui/FloatingInsertButton/index.tsx

@@ -241,19 +241,14 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 	}
 
 	private insertRow(event: React.SyntheticEvent) {
-		const { editorView, insertRowButtonIndex, editorAnalyticsAPI, getEditorFeatureFlags } =
-			this.props;
+		const { editorView, insertRowButtonIndex, editorAnalyticsAPI } = this.props;
 
 		if (typeof insertRowButtonIndex !== 'undefined') {
 			event.preventDefault();
 
 			const { state, dispatch } = editorView;
-			const featureFlags = !!getEditorFeatureFlags && getEditorFeatureFlags();
 
-			insertRowWithAnalytics(
-				editorAnalyticsAPI,
-				featureFlags && featureFlags.tableDuplicateCellColouring,
-			)(INPUT_METHOD.BUTTON, {
+			insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, {
 				index: insertRowButtonIndex,
 				moveCursorToInsertedRow: true,
 			})(state, dispatch);
@@ -273,8 +268,9 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 		if (typeof insertColumnButtonIndex !== 'undefined') {
 			event.preventDefault();
 
-			const { tableDuplicateCellColouring = false, tableWithFixedColumnWidthsOption = false } =
-				getEditorFeatureFlags ? getEditorFeatureFlags() : {};
+			const { tableWithFixedColumnWidthsOption = false } = getEditorFeatureFlags
+				? getEditorFeatureFlags()
+				: {};
 
 			const shouldUseIncreasedScalingPercent =
 				isTableScalingEnabled && (tableWithFixedColumnWidthsOption || isCommentEditor);
@@ -284,7 +280,6 @@ export class FloatingInsertButton extends React.Component<Props & WrappedCompone
 				this.props.api,
 				editorAnalyticsAPI,
 				isTableScalingEnabled,
-				tableDuplicateCellColouring,
 				tableWithFixedColumnWidthsOption,
 				shouldUseIncreasedScalingPercent,
 				isCommentEditor,

package/src/utils/drag-menu.ts

@@ -162,10 +162,8 @@ export const getDragMenuConfig = (
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	isHeaderRowRequired?: boolean,
 	isTableScalingEnabled = false,
-	tableDuplicateCellColouring = false,
 	isTableFixedColumnWidthsOptionEnabled = false,
 	shouldUseIncreasedScalingPercent = false,
-	tableSortColumnReorder = false,
 	ariaNotifyPlugin?: (
 		message: string,
 		ariaLiveElementAttributes?: AriaLiveElementAttributes,
@@ -292,19 +290,15 @@ export const getDragMenuConfig = (
 			iconFallback: iconFallback,
 			onClick: (state: EditorState, dispatch?: CommandDispatch) => {
 				if (direction === 'row') {
-					insertRowWithAnalytics(editorAnalyticsAPI, tableDuplicateCellColouring)(
-						INPUT_METHOD.TABLE_CONTEXT_MENU,
-						{
-							index: (index ?? 0) + offset,
-							moveCursorToInsertedRow: true,
-						},
-					)(state, dispatch);
+					insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, {
+						index: (index ?? 0) + offset,
+						moveCursorToInsertedRow: true,
+					})(state, dispatch);
 				} else {
 					insertColumnWithAnalytics(
 						api,
 						editorAnalyticsAPI,
 						isTableScalingEnabled,
-						tableDuplicateCellColouring,
 						isTableFixedColumnWidthsOptionEnabled,
 						shouldUseIncreasedScalingPercent,
 					)(INPUT_METHOD.TABLE_CONTEXT_MENU, (index ?? 0) + offset)(state, dispatch, editorView);
@@ -417,7 +411,7 @@ export const getDragMenuConfig = (
 	];
 
 	let allConfigs = [...restConfigs];
-	tableSortColumnReorder ? allConfigs.unshift(...sortConfigs) : allConfigs.push(...sortConfigs);
+	allConfigs.unshift(...sortConfigs);
 
 	return allConfigs.filter(Boolean) as DragMenuConfig[];
 };