@atlaskit/editor-plugin-table 7.31.2 → 8.0.0

package/src/nodeviews/TableComponentWithSharedState.tsx

@@ -27,6 +27,8 @@ type TableComponentWithSharedStateProps = {
 	getPos: getPosHandlerNode;
 	allowColumnResizing?: boolean;
 	allowControls?: boolean;
+	allowTableAlignment?: boolean;
+	allowTableResizing?: boolean;
 };
 
 /**
@@ -44,6 +46,8 @@ export const TableComponentWithSharedState = ({
 	allowControls,
 	getPos,
 	forwardRef,
+	allowTableAlignment,
+	allowTableResizing,
 }: TableComponentWithSharedStateProps) => {
 	const { widthState, tableState, mediaState } = useSharedPluginState(api, [
 		'width',
@@ -103,7 +107,8 @@ export const TableComponentWithSharedState = ({
 			isHeaderColumnEnabled={isHeaderColumnEnabled}
 			isDragAndDropEnabled={options?.isDragAndDropEnabled}
 			isTableScalingEnabled={options?.isTableScalingEnabled}
-			isTableAlignmentEnabled={options?.isTableAlignmentEnabled}
+			allowTableAlignment={allowTableAlignment}
+			allowTableResizing={allowTableResizing}
 			tableActive={tableActive}
 			ordering={ordering}
 			isResizing={isResizing}

package/src/nodeviews/lazy-node-views.ts

@@ -21,7 +21,6 @@ type TableViewOptions = {
 	getEditorFeatureFlags: GetEditorFeatureFlags;
 	dispatchAnalyticsEvent: DispatchAnalyticsEvent;
 	pluginInjectionApi?: PluginInjectionAPI;
-	isTableAlignmentEnabled?: boolean;
 	isCommentEditor?: boolean;
 	isChromelessEditor?: boolean;
 };
@@ -39,7 +38,6 @@ export const lazyTableView = (options: TableViewOptions) => {
 				options.getEditorFeatureFlags,
 				options.dispatchAnalyticsEvent,
 				options.pluginInjectionApi,
-				options.isTableAlignmentEnabled,
 				options.isCommentEditor,
 				options.isChromelessEditor,
 			);
@@ -65,7 +63,6 @@ export const lazyTableView = (options: TableViewOptions) => {
 					getEditorFeatureFlags,
 					dispatchAnalyticsEvent,
 					pluginInjectionApi,
-					isTableAlignmentEnabled,
 					isCommentEditor,
 					isChromelessEditor,
 				} = getNodeViewOptions();
@@ -80,7 +77,6 @@ export const lazyTableView = (options: TableViewOptions) => {
 					getEditorFeatureFlags,
 					dispatchAnalyticsEvent,
 					pluginInjectionApi,
-					isTableAlignmentEnabled,
 					isCommentEditor,
 					isChromelessEditor,
 				);

package/src/nodeviews/table.tsx

@@ -53,15 +53,16 @@ const getInlineWidth = (
 	options: Props['options'],
 	state: EditorState,
 	pos: number | undefined,
+	allowTableResizing?: boolean,
 ): number | undefined => {
-	if (!node.attrs.width && options?.isCommentEditor && options?.isTableResizingEnabled) {
+	if (!node.attrs.width && options?.isCommentEditor && allowTableResizing) {
 		return;
 	}
 
 	// provide a width for tables when custom table width is supported
 	// this is to ensure 'responsive' tables (colgroup widths are undefined) become fixed to
 	// support screen size adjustments
-	const shouldHaveInlineWidth = options?.isTableResizingEnabled && !isTableNested(state, pos);
+	const shouldHaveInlineWidth = allowTableResizing && !isTableNested(state, pos);
 
 	let widthValue = getTableContainerWidth(node);
 
@@ -135,6 +136,7 @@ export default class TableView extends ReactNodeView<Props> {
 					this.reactComponentProps.options,
 					this.reactComponentProps.view.state,
 					this.reactComponentProps.getPos(),
+					this.reactComponentProps.allowTableResizing,
 				);
 				if (tableInlineWidth) {
 					handleInlineTableWidth(this.table, tableInlineWidth);
@@ -167,6 +169,7 @@ export default class TableView extends ReactNodeView<Props> {
 				(this.reactComponentProps as Props).options,
 				this.view.state,
 				this.getPos(),
+				this.reactComponentProps.allowTableResizing,
 			);
 
 			const isTableResizing = tableWidthPluginKey.getState(this.view.state)?.resizing;
@@ -192,6 +195,8 @@ export default class TableView extends ReactNodeView<Props> {
 					eventDispatcher={props.eventDispatcher}
 					api={props.pluginInjectionApi}
 					allowColumnResizing={props.allowColumnResizing}
+					allowTableAlignment={props.allowTableAlignment}
+					allowTableResizing={props.allowTableResizing}
 					allowControls={props.allowControls}
 					getPos={props.getPos}
 					getEditorFeatureFlags={props.getEditorFeatureFlags}
@@ -266,7 +271,8 @@ export default class TableView extends ReactNodeView<Props> {
 							isHeaderColumnEnabled={pluginState!.isHeaderColumnEnabled}
 							isDragAndDropEnabled={pluginState!.isDragAndDropEnabled}
 							isTableScalingEnabled={props.options?.isTableScalingEnabled} // this.options?.isTableScalingEnabled same as TableOptions.isTableScalingEnabled same as pluginState.isTableScalingEnabled
-							isTableAlignmentEnabled={props.options?.isTableAlignmentEnabled}
+							allowTableAlignment={props.allowTableAlignment}
+							allowTableResizing={props.allowTableResizing}
 							tableActive={tableActive}
 							ordering={pluginState!.ordering as TableColumnOrdering}
 							isResizing={isResizing}
@@ -366,7 +372,6 @@ export const createTableView = (
 	getEditorFeatureFlags: GetEditorFeatureFlags,
 	dispatchAnalyticsEvent: DispatchAnalyticsEvent,
 	pluginInjectionApi?: PluginInjectionAPI,
-	isTableAlignmentEnabled?: boolean,
 	isCommentEditor?: boolean,
 	isChromelessEditor?: boolean,
 ): NodeView => {
@@ -374,16 +379,18 @@ export const createTableView = (
 		pluginConfig,
 		isFullWidthModeEnabled,
 		wasFullWidthModeEnabled,
-		isTableResizingEnabled,
 		isDragAndDropEnabled,
 		isTableScalingEnabled, // same as options.isTableScalingEnabled
 	} = getPluginState(view.state);
-	const { allowColumnResizing, allowControls } = getPluginConfig(pluginConfig);
+	const { allowColumnResizing, allowControls, allowTableResizing, allowTableAlignment } =
+		getPluginConfig(pluginConfig);
 
 	return new TableView({
 		node,
 		view,
 		allowColumnResizing,
+		allowTableResizing,
+		allowTableAlignment,
 		allowControls,
 		portalProviderAPI,
 		eventDispatcher,
@@ -391,10 +398,8 @@ export const createTableView = (
 		options: {
 			isFullWidthModeEnabled,
 			wasFullWidthModeEnabled,
-			isTableResizingEnabled,
 			isDragAndDropEnabled,
 			isTableScalingEnabled, // same as options.isTableScalingEnabled
-			isTableAlignmentEnabled,
 			isCommentEditor,
 			isChromelessEditor,
 		},

package/src/nodeviews/types.ts

@@ -10,10 +10,8 @@ import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
 	isFullWidthModeEnabled?: boolean;
 	wasFullWidthModeEnabled?: boolean;
-	isTableResizingEnabled?: boolean;
 	isDragAndDropEnabled?: boolean;
 	isTableScalingEnabled?: boolean;
-	isTableAlignmentEnabled?: boolean;
 	isCommentEditor?: boolean;
 	isChromelessEditor?: boolean;
 };
@@ -22,6 +20,8 @@ export interface Props {
 	node: PmNode;
 	view: EditorView;
 	allowColumnResizing?: boolean;
+	allowTableResizing?: boolean;
+	allowTableAlignment?: boolean;
 	allowControls?: boolean;
 	cellMinWidth?: number;
 	portalProviderAPI: PortalProviderAPI;

package/src/plugin.tsx

@@ -103,15 +103,15 @@ import { createTableWithWidth } from './utils';
 
 export interface TablePluginOptions {
 	tableOptions: PluginConfig;
-	tableResizingEnabled?: boolean;
+	// this option will eventually be removed, and enabled by default
 	dragAndDropEnabled?: boolean;
+	// this option will eventually be removed, and enabled by default
+	isTableScalingEnabled?: boolean;
 	allowContextualMenu?: boolean;
 	// TODO these two need to be rethought
 	fullWidthEnabled?: boolean;
 	wasFullWidthEnabled?: boolean;
 	getEditorFeatureFlags?: GetEditorFeatureFlags;
-	isTableScalingEnabled?: boolean;
-	isTableAlignmentEnabled?: boolean;
 	isNewColumnResizingEnabled?: boolean;
 	isCommentEditor?: boolean;
 	isChromelessEditor?: boolean;
@@ -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',
 
@@ -233,11 +230,11 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 				(state, dispatch) => {
 					const node = createTableWithWidth({
 						isTableScalingEnabled: options?.isTableScalingEnabled,
-						isTableAlignmentEnabled: options?.isTableAlignmentEnabled,
+						isTableAlignmentEnabled: options?.tableOptions.allowTableAlignment,
 						isFullWidthModeEnabled: options?.fullWidthEnabled,
 						isCommentEditor: options?.isCommentEditor,
 						isChromelessEditor: options?.isChromelessEditor,
-						isTableResizingEnabled: options?.tableResizingEnabled,
+						isTableResizingEnabled: options?.tableOptions.allowTableResizing,
 					})(state.schema);
 
 					// If the cursor is inside a table
@@ -286,7 +283,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 			insertTableWithSize: insertTableWithSize(
 				options?.fullWidthEnabled,
 				options?.isTableScalingEnabled,
-				options?.isTableAlignmentEnabled,
+				options?.tableOptions.allowTableAlignment,
 				api?.analytics?.actions,
 				options?.isCommentEditor,
 			),
@@ -302,7 +299,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							name: 'table',
 							node: tableNodeSpecWithFixedToDOM({
 								allowColumnResizing: Boolean(allowColumnResizing),
-								tableResizingEnabled: Boolean(options?.tableResizingEnabled),
+								tableResizingEnabled: Boolean(options?.tableOptions.allowTableResizing),
 								getEditorContainerWidth: defaultGetEditorContainerWidth,
 								isNestingSupported,
 							}),
@@ -316,7 +313,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							name: 'table',
 							node: tableNodeSpecWithFixedToDOM({
 								allowColumnResizing: Boolean(allowColumnResizing),
-								tableResizingEnabled: Boolean(options?.tableResizingEnabled),
+								tableResizingEnabled: Boolean(options?.tableOptions.allowTableResizing),
 								getEditorContainerWidth: defaultGetEditorContainerWidth,
 								isNestingSupported,
 							}),
@@ -342,13 +339,10 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 						const {
 							fullWidthEnabled,
 							wasFullWidthEnabled,
-							tableResizingEnabled,
-
 							tableOptions,
 							getEditorFeatureFlags,
 							dragAndDropEnabled,
 							isTableScalingEnabled,
-							isTableAlignmentEnabled,
 							isCommentEditor,
 							isChromelessEditor,
 						} = options || ({} as TablePluginOptions);
@@ -363,14 +357,12 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							defaultGetEditorContainerWidth,
 							getEditorFeatureFlags || defaultGetEditorFeatureFlags,
 							getIntl,
-							tableResizingEnabled,
 							fullWidthEnabled,
 							wasFullWidthEnabled,
 							dragAndDropEnabled,
 							editorAnalyticsAPI,
 							api,
 							isTableScalingEnabled,
-							isTableAlignmentEnabled,
 							shouldUseIncreasedScalingPercent,
 							isCommentEditor,
 							isChromelessEditor,
@@ -386,9 +378,8 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							getEditorFeatureFlags,
 							isTableScalingEnabled,
 							isNewColumnResizingEnabled,
-							isTableAlignmentEnabled,
 						} = options || ({} as TablePluginOptions);
-						const { allowColumnResizing } = pluginConfig(tableOptions);
+						const { allowColumnResizing, allowTableAlignment } = pluginConfig(tableOptions);
 						return allowColumnResizing
 							? createFlexiResizingPlugin(
 									dispatch,
@@ -402,7 +393,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 									editorAnalyticsAPI,
 									isTableScalingEnabled || false,
 									isNewColumnResizingEnabled,
-									isTableAlignmentEnabled,
+									allowTableAlignment,
 									!!options?.isCommentEditor,
 								)
 							: undefined;
@@ -417,11 +408,10 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 						const {
 							dragAndDropEnabled,
 							isTableScalingEnabled = false,
-							isTableAlignmentEnabled = false,
 							fullWidthEnabled = false,
 							isCommentEditor = false,
 							isChromelessEditor = false,
-							tableResizingEnabled = false,
+							tableOptions,
 						} = options || ({} as TablePluginOptions);
 
 						return keymapPlugin(
@@ -431,16 +421,15 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 							editorAnalyticsAPI,
 							dragAndDropEnabled,
 							isTableScalingEnabled,
-							isTableAlignmentEnabled,
+							tableOptions?.allowTableAlignment,
 							fullWidthEnabled,
 							api,
 							getIntl,
-							isCellBackgroundDuplicated,
 							isTableFixedColumnWidthsOptionEnabled,
 							shouldUseIncreasedScalingPercent,
 							isCommentEditor,
 							isChromelessEditor,
-							tableResizingEnabled,
+							tableOptions?.allowTableResizing,
 						);
 					},
 				},
@@ -505,24 +494,24 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 				{
 					name: 'tableWidth',
 					plugin: ({ dispatchAnalyticsEvent, dispatch }) =>
-						options?.tableResizingEnabled
+						options?.tableOptions.allowTableResizing
 							? createTableWidthPlugin(
 									dispatch,
 									dispatchAnalyticsEvent,
-									options?.fullWidthEnabled ?? false,
-									options?.isTableScalingEnabled ?? false,
-									options?.isTableAlignmentEnabled ?? false,
-									options?.isCommentEditor ?? false,
+									options.fullWidthEnabled ?? false,
+									options.isTableScalingEnabled ?? false,
+									options.tableOptions.allowTableResizing ?? false,
+									options.isCommentEditor ?? false,
 								)
 							: undefined,
 				},
 				{
 					name: 'tableWidthInCommentFix',
 					plugin: ({ dispatch }) =>
-						options?.tableResizingEnabled && options?.isCommentEditor
+						options?.tableOptions.allowTableResizing && options?.isCommentEditor
 							? createTableWidthInCommentFixPlugin(
 									dispatch,
-									options?.isTableAlignmentEnabled ?? false,
+									options.tableOptions.allowTableAlignment ?? false,
 								)
 							: undefined,
 				},
@@ -533,7 +522,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 						createTableOverflowAnalyticsPlugin(
 							dispatch,
 							dispatchAnalyticsEvent,
-							options?.tableResizingEnabled ?? false,
+							options?.tableOptions.allowTableResizing ?? false,
 						),
 				},
 				{
@@ -735,7 +724,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 										/>
 									)}
 									{(options?.isTableScalingEnabled ||
-										(options?.tableResizingEnabled && options.isCommentEditor)) &&
+										(options?.tableOptions.allowTableResizing && options.isCommentEditor)) &&
 										isTableResizing &&
 										widthToWidest &&
 										resizingTableLocalId &&
@@ -776,11 +765,11 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
 
 						const tableNode = createTableWithWidth({
 							isTableScalingEnabled: options?.isTableScalingEnabled,
-							isTableAlignmentEnabled: options?.isTableAlignmentEnabled,
+							isTableAlignmentEnabled: options?.tableOptions.allowTableAlignment,
 							isFullWidthModeEnabled: tableState?.isFullWidthModeEnabled,
 							isCommentEditor: options?.isCommentEditor,
 							isChromelessEditor: options?.isChromelessEditor,
-							isTableResizingEnabled: options?.tableResizingEnabled,
+							isTableResizingEnabled: options?.tableOptions.allowTableResizing,
 						})(state.schema);
 
 						let { tr } = state;

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/pm-plugins/main.ts

@@ -85,14 +85,12 @@ export const createPlugin = (
 	getEditorContainerWidth: GetEditorContainerWidth,
 	getEditorFeatureFlags: GetEditorFeatureFlags,
 	getIntl: () => IntlShape,
-	tableResizingEnabled?: boolean,
 	fullWidthModeEnabled?: boolean,
 	previousFullWidthModeEnabled?: boolean,
 	dragAndDropEnabled?: boolean,
 	editorAnalyticsAPI?: EditorAnalyticsAPI,
 	pluginInjectionApi?: PluginInjectionAPI,
 	isTableScalingEnabled?: boolean,
-	isTableAlignmentEnabled?: boolean,
 	shouldUseIncreasedScalingPercent?: boolean,
 	isCommentEditor?: boolean,
 	isChromelessEditor?: boolean,
@@ -104,7 +102,6 @@ export const createPlugin = (
 		insertRowButtonIndex: undefined,
 		isFullWidthModeEnabled: fullWidthModeEnabled,
 		wasFullWidthModeEnabled: previousFullWidthModeEnabled,
-		isTableResizingEnabled: tableResizingEnabled,
 		isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,
 		isHeaderColumnEnabled: false,
 		isDragAndDropEnabled: dragAndDropEnabled,
@@ -268,7 +265,7 @@ export const createPlugin = (
 				if (
 					!insideTable(editorState) &&
 					isCommentEditor &&
-					isTableAlignmentEnabled &&
+					pluginConfig.allowTableAlignment &&
 					isTableScalingEnabled
 				) {
 					slice = transformSliceTableLayoutDefaultToCenter(slice, schema);
@@ -369,7 +366,6 @@ export const createPlugin = (
 					getEditorFeatureFlags,
 					dispatchAnalyticsEvent,
 					pluginInjectionApi,
-					isTableAlignmentEnabled,
 					isCommentEditor,
 					isChromelessEditor,
 				}),
@@ -382,7 +378,7 @@ export const createPlugin = (
 				blur: handleBlur,
 				mousedown: withCellTracking(handleMouseDown),
 				mouseleave: handleMouseLeave,
-				mousemove: whenTableInFocus(handleMouseMove(nodeViewPortalProviderAPI)),
+				mousemove: whenTableInFocus(handleMouseMove(nodeViewPortalProviderAPI), pluginInjectionApi),
 				mouseenter: handleMouseEnter,
 				mouseup: whenTableInFocus(handleMouseUp),
 				click: withCellTracking(whenTableInFocus(handleClick)),

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,
@@ -539,7 +537,7 @@ export const getToolbarConfig =
 			);
 
 			const alignmentMenu =
-				options?.isTableAlignmentEnabled && !isNested
+				config.allowTableAlignment && !isNested
 					? getAlignmentOptionsConfig(
 							state,
 							intl,
@@ -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/types.ts

@@ -79,6 +79,8 @@ export interface PluginConfig {
 	advanced?: boolean;
 	allowBackgroundColor?: boolean;
 	allowColumnResizing?: boolean;
+	allowTableResizing?: boolean;
+	allowTableAlignment?: boolean;
 	allowHeaderColumn?: boolean;
 	allowHeaderRow?: boolean;
 	allowMergeCells?: boolean;
@@ -169,7 +171,6 @@ export interface TablePluginState {
 	getIntl: () => IntlShape;
 
 	wasFullWidthModeEnabled?: boolean;
-	isTableResizingEnabled?: boolean;
 	isDragAndDropEnabled?: boolean;
 	isTableHovered?: boolean;
 

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -653,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 (
@@ -735,7 +736,6 @@ export class ContextualMenu extends Component<Props & WrappedComponentProps, Sta
 					this.props.api,
 					editorAnalyticsAPI,
 					isTableScalingEnabled,
-					tableDuplicateCellColouring,
 					tableWithFixedColumnWidthsOption,
 					shouldUseIncreasedScalingPercent,
 					isCommentEditor,
@@ -743,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,7 +90,6 @@ type DragMenuProps = {
 	boundariesElement?: HTMLElement;
 	scrollableElement?: HTMLElement;
 	isTableScalingEnabled?: boolean;
-	tableDuplicateCellColouring?: boolean;
 	shouldUseIncreasedScalingPercent?: boolean;
 	isTableFixedColumnWidthsOptionEnabled?: boolean;
 	ariaNotifyPlugin?: (
@@ -279,7 +278,6 @@ const DragMenu = React.memo(
 		scrollableElement,
 		boundariesElement,
 		isTableScalingEnabled,
-		tableDuplicateCellColouring,
 		shouldUseIncreasedScalingPercent,
 		isTableFixedColumnWidthsOptionEnabled,
 		ariaNotifyPlugin,
@@ -311,7 +309,6 @@ const DragMenu = React.memo(
 			editorAnalyticsAPI,
 			pluginConfig?.isHeaderRowRequired,
 			isTableScalingEnabled,
-			tableDuplicateCellColouring,
 			isTableFixedColumnWidthsOptionEnabled,
 			shouldUseIncreasedScalingPercent,
 			ariaNotifyPlugin,

package/src/ui/FloatingDragMenu/index.tsx

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

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,