@atlaskit/editor-plugin-table 7.31.2 → 8.0.0

package/dist/types/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, 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) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types/toolbar.d.ts

@@ -6,6 +6,6 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from './plugin';
 import type { PluginConfig, PluginInjectionAPI, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingWithFixedColumnWidthsOptionShown?: boolean, areTableColumnWidthsFixed?: boolean) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorFeatureFlags: GetEditorFeatureFlags, getEditorView: () => EditorView | null, options?: TablePluginOptions, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;

package/dist/types/types.d.ts

@@ -45,6 +45,8 @@ export interface PluginConfig {
     advanced?: boolean;
     allowBackgroundColor?: boolean;
     allowColumnResizing?: boolean;
+    allowTableResizing?: boolean;
+    allowTableAlignment?: boolean;
     allowHeaderColumn?: boolean;
     allowHeaderRow?: boolean;
     allowMergeCells?: boolean;
@@ -102,7 +104,6 @@ export interface TablePluginState {
     widthToWidest?: WidthToWidest;
     getIntl: () => IntlShape;
     wasFullWidthModeEnabled?: boolean;
-    isTableResizingEnabled?: boolean;
     isDragAndDropEnabled?: boolean;
     isTableHovered?: boolean;
     isTableScalingEnabled?: boolean;

package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts

@@ -29,7 +29,6 @@ type DragMenuProps = {
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
     isTableScalingEnabled?: boolean;
-    tableDuplicateCellColouring?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
     ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;

package/dist/types/utils/drag-menu.d.ts

@@ -16,4 +16,4 @@ export interface DragMenuConfig extends Omit<DropdownOptionT<Command>, 'icon'> {
     iconFallback?: React.ComponentType<React.PropsWithChildren<UNSAFE_NewIconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, api: PluginInjectionAPI | undefined | null, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, isCommentEditor?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, api: PluginInjectionAPI | undefined | null, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, isCommentEditor?: boolean) => DragMenuConfig[];

package/dist/types-ts4.5/commands/insert.d.ts

@@ -4,10 +4,10 @@ import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
-export declare function addColumnAt(api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
-export declare const addColumnBefore: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
-export declare const addColumnAfter: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
-export declare const insertColumn: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (column: number) => Command;
-export declare const insertRow: (row: number, moveCursorToTheNewRow: boolean, isCellBackgroundDuplicated?: boolean) => Command;
+export declare function addColumnAt(api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean): (column: number, allowAddColumnCustomStep: boolean | undefined, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const addColumnBefore: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
+export declare const addColumnAfter: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => Command;
+export declare const insertColumn: (api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (column: number) => Command;
+export declare const insertRow: (row: number, moveCursorToTheNewRow: boolean) => Command;
 export declare const createTable: (isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined | null, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean) => Command;
 export declare const insertTableWithSize: (isFullWidthModeEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean) => (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;

package/dist/types-ts4.5/commands-with-analytics.d.ts

@@ -1,9 +1,8 @@
 import type { IntlShape } from 'react-intl-next/src/types';
 import type { TableLayout } from '@atlaskit/adf-schema';
 import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { CHANGE_ALIGNMENT_REASON, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { type CHANGE_ALIGNMENT_REASON } from '@atlaskit/editor-common/analytics';
 import type { Command, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -15,9 +14,9 @@ export declare const mergeCellsWithAnalytics: (editorAnalyticsAPI: EditorAnalyti
 export declare const splitCellWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB) => Command;
 export declare const setColorWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, cellColor: string, editorView?: EditorView | null) => Command;
 export declare const addRowAroundSelection: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (side: RowInsertPosition) => Command;
-export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isCellbackgroundDuplicated?: boolean) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
+export declare const insertRowWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: InsertRowMethods, options: InsertRowOptions) => Command;
 export declare const changeColumnWidthByStepWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null) => (stepSize: number, getEditorContainerWidth: GetEditorContainerWidth, isTableScalingEnabled: boolean, isTableFixedColumnWidthsOptionEnabled: boolean, isCommentEditor: boolean, inputMethod: INPUT_METHOD.SHORTCUT, ariaNotify?: ((message: string) => void) | undefined, getIntl?: () => IntlShape) => Command;
-export declare const insertColumnWithAnalytics: (api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellbackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
+export declare const insertColumnWithAnalytics: (api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.SHORTCUT | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.TABLE_CONTEXT_MENU, position: number) => Command;
 export declare const deleteRowsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect, isHeaderRowRequired: boolean) => Command;
 export declare const deleteColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => (inputMethod: INPUT_METHOD.CONTEXT_MENU | INPUT_METHOD.BUTTON | INPUT_METHOD.FLOATING_TB | INPUT_METHOD.SHORTCUT | INPUT_METHOD.TABLE_CONTEXT_MENU, rect: Rect) => Command;
 export declare const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, api: PluginInjectionAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Command;

package/dist/types-ts4.5/event-handlers.d.ts

@@ -16,5 +16,5 @@ export declare const handleMouseMove: (nodeViewPortalProviderAPI: PortalProvider
 export declare function handleTripleClick(view: EditorView, pos: number): boolean;
 export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI?: EditorAnalyticsAPI, editorView?: EditorView, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => Transaction;
 export declare const isTableInFocus: (view: EditorView) => boolean;
-export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean) => (view: EditorView, mouseEvent: Event) => boolean;
+export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean, pluginInjectionApi?: PluginInjectionAPI) => (view: EditorView, mouseEvent: Event) => boolean;
 export declare const withCellTracking: (eventHandler: (view: EditorView, mouseEvent: Event) => boolean) => (view: EditorView, mouseEvent: Event) => boolean;

package/dist/types-ts4.5/nodeviews/TableComponent.d.ts

@@ -18,12 +18,13 @@ interface ComponentProps {
     contentDOM: (node: HTMLElement | null) => void;
     containerWidth: EditorContainerWidth;
     allowControls: boolean;
+    allowTableResizing?: boolean;
+    allowTableAlignment?: boolean;
     isHeaderRowEnabled: boolean;
     isHeaderColumnEnabled: boolean;
     isMediaFullscreen?: boolean;
     isDragAndDropEnabled?: boolean;
     isTableScalingEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
     tableActive: boolean;
     ordering?: TableColumnOrdering;
     isResizing?: boolean;

package/dist/types-ts4.5/nodeviews/TableComponentWithSharedState.d.ts

@@ -19,9 +19,11 @@ type TableComponentWithSharedStateProps = {
     getPos: getPosHandlerNode;
     allowColumnResizing?: boolean;
     allowControls?: boolean;
+    allowTableAlignment?: boolean;
+    allowTableResizing?: boolean;
 };
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
-export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, }: TableComponentWithSharedStateProps) => JSX.Element | null;
+export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => JSX.Element | null;
 export {};

package/dist/types-ts4.5/nodeviews/lazy-node-views.d.ts

@@ -14,7 +14,6 @@ type TableViewOptions = {
     getEditorFeatureFlags: GetEditorFeatureFlags;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     pluginInjectionApi?: PluginInjectionAPI;
-    isTableAlignmentEnabled?: boolean;
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 };

package/dist/types-ts4.5/nodeviews/table.d.ts

@@ -32,5 +32,5 @@ export default class TableView extends ReactNodeView<Props> {
     }): boolean;
     destroy(): void;
 }
-export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean) => NodeView;
+export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean) => NodeView;
 export {};

package/dist/types-ts4.5/nodeviews/types.d.ts

@@ -8,10 +8,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;
 };
@@ -19,6 +17,8 @@ export interface Props {
     node: PmNode;
     view: EditorView;
     allowColumnResizing?: boolean;
+    allowTableResizing?: boolean;
+    allowTableAlignment?: boolean;
     allowControls?: boolean;
     cellMinWidth?: number;
     portalProviderAPI: PortalProviderAPI;

package/dist/types-ts4.5/plugin.d.ts

@@ -13,14 +13,12 @@ import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginConfig, TableSharedState } from './types';
 export interface TablePluginOptions {
     tableOptions: PluginConfig;
-    tableResizingEnabled?: boolean;
     dragAndDropEnabled?: boolean;
+    isTableScalingEnabled?: boolean;
     allowContextualMenu?: boolean;
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
-    isTableScalingEnabled?: boolean;
-    isTableAlignmentEnabled?: boolean;
     isNewColumnResizingEnabled?: boolean;
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -4,5 +4,5 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { PluginInjectionAPI, PluginInjectionAPIWithA11y } from '../types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isFullWidthEnabled?: boolean, pluginInjectionApi?: PluginInjectionAPIWithA11y, getIntl?: () => IntlShape, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, isTableResizingEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, 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) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types-ts4.5/toolbar.d.ts

@@ -6,6 +6,6 @@ import { Rect } from '@atlaskit/editor-tables/table-map';
 import type { TablePluginOptions } from './plugin';
 import type { PluginConfig, PluginInjectionAPI, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingWithFixedColumnWidthsOptionShown?: boolean, areTableColumnWidthsFixed?: boolean) => FloatingToolbarItem<Command>;
-export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isCellBackgroundDuplicated?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
+export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;
 export declare const getToolbarConfig: (getEditorContainerWidth: GetEditorContainerWidth, api: PluginInjectionAPI | undefined | null, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, getEditorFeatureFlags: GetEditorFeatureFlags, getEditorView: () => EditorView | null, options?: TablePluginOptions, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean) => (config: PluginConfig) => FloatingToolbarHandler;

package/dist/types-ts4.5/types.d.ts

@@ -45,6 +45,8 @@ export interface PluginConfig {
     advanced?: boolean;
     allowBackgroundColor?: boolean;
     allowColumnResizing?: boolean;
+    allowTableResizing?: boolean;
+    allowTableAlignment?: boolean;
     allowHeaderColumn?: boolean;
     allowHeaderRow?: boolean;
     allowMergeCells?: boolean;
@@ -102,7 +104,6 @@ export interface TablePluginState {
     widthToWidest?: WidthToWidest;
     getIntl: () => IntlShape;
     wasFullWidthModeEnabled?: boolean;
-    isTableResizingEnabled?: boolean;
     isDragAndDropEnabled?: boolean;
     isTableHovered?: boolean;
     isTableScalingEnabled?: boolean;

package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts

@@ -29,7 +29,6 @@ type DragMenuProps = {
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
     isTableScalingEnabled?: boolean;
-    tableDuplicateCellColouring?: boolean;
     shouldUseIncreasedScalingPercent?: boolean;
     isTableFixedColumnWidthsOptionEnabled?: boolean;
     ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;

package/dist/types-ts4.5/utils/drag-menu.d.ts

@@ -16,4 +16,4 @@ export interface DragMenuConfig extends Omit<DropdownOptionT<Command>, 'icon'> {
     iconFallback?: React.ComponentType<React.PropsWithChildren<UNSAFE_NewIconProps>>;
     keymap?: string;
 }
-export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, api: PluginInjectionAPI | undefined | null, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, tableDuplicateCellColouring?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, isCommentEditor?: boolean) => DragMenuConfig[];
+export declare const getDragMenuConfig: (direction: TableDirection, getEditorContainerWidth: GetEditorContainerWidth, hasMergedCellsInTable: boolean, editorView: EditorView, api: PluginInjectionAPI | undefined | null, tableMap?: TableMap, index?: number, targetCellPosition?: number, selectionRect?: Rect, editorAnalyticsAPI?: EditorAnalyticsAPI, isHeaderRowRequired?: boolean, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, ariaNotifyPlugin?: ((message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void) | undefined, isCommentEditor?: boolean) => DragMenuConfig[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.31.2",
+	"version": "8.0.0",
 	"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.24.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/event-handlers.ts

@@ -537,12 +537,28 @@ export const isTableInFocus = (view: EditorView) => {
 };
 
 export const whenTableInFocus =
-	(eventHandler: (view: EditorView, mouseEvent: Event) => boolean) =>
+	(
+		eventHandler: (view: EditorView, mouseEvent: Event) => boolean,
+		pluginInjectionApi?: PluginInjectionAPI,
+	) =>
 	(view: EditorView, mouseEvent: Event): boolean => {
+
 		if (!isTableInFocus(view)) {
 			return false;
 		}
 
+		const isViewMode =
+			pluginInjectionApi?.editorViewMode?.sharedState.currentState()?.mode === 'view';
+		/**
+		 * Table cannot be in focus if we are in view mode.
+		 * This will prevent an infinite flow of adding and removing
+		 * resize handle decorations in view mode that causes unpredictable
+		 * selections.
+		 */
+		if (isViewMode) {
+			return false;
+		}
+
 		return eventHandler(view, mouseEvent);
 	};
 

package/src/nodeviews/TableComponent.tsx

@@ -109,12 +109,15 @@ interface ComponentProps {
 	contentDOM: (node: HTMLElement | null) => void;
 	containerWidth: EditorContainerWidth;
 	allowControls: boolean;
+
+	allowTableResizing?: boolean;
+	allowTableAlignment?: boolean;
+
 	isHeaderRowEnabled: boolean;
 	isHeaderColumnEnabled: boolean;
 	isMediaFullscreen?: boolean;
 	isDragAndDropEnabled?: boolean;
 	isTableScalingEnabled?: boolean;
-	isTableAlignmentEnabled?: boolean;
 	tableActive: boolean;
 	ordering?: TableColumnOrdering;
 	isResizing?: boolean;
@@ -228,8 +231,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 	componentDidMount() {
 		const {
 			allowColumnResizing,
+			allowTableResizing,
 			eventDispatcher,
-			options,
 			isDragAndDropEnabled,
 			getNode,
 			getEditorFeatureFlags,
@@ -290,7 +293,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			 * We no longer use `containerWidth` as a variable to determine an update for table resizing (avoids unnecessary updates).
 			 * Instead we use the resize event to only trigger updates when necessary.
 			 */
-			if (!options?.isTableResizingEnabled) {
+			if (!allowTableResizing) {
 				window.addEventListener('resize', this.handleWindowResizeDebounced);
 			}
 			this.handleTableResizingDebounced();
@@ -313,7 +316,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 	}
 
 	componentWillUnmount() {
-		const { allowColumnResizing, eventDispatcher, options, isDragAndDropEnabled } = this.props;
+		const { allowColumnResizing, allowTableResizing, eventDispatcher, isDragAndDropEnabled } =
+			this.props;
 		if (this.wrapper && !isIE11) {
 			this.wrapper.removeEventListener('scroll', this.handleScrollDebounced);
 		}
@@ -333,11 +337,11 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		this.scaleTableDebounced.cancel();
 		this.handleTableResizingDebounced.cancel();
 		this.handleAutoSizeDebounced.cancel();
-		if (!options?.isTableResizingEnabled) {
+		if (!allowTableResizing) {
 			this.handleWindowResizeDebounced.cancel();
 		}
 
-		if (!options?.isTableResizingEnabled && allowColumnResizing) {
+		if (!allowTableResizing && allowColumnResizing) {
 			window.removeEventListener('resize', this.handleWindowResizeDebounced);
 		}
 
@@ -530,6 +534,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			getNode,
 			isMediaFullscreen,
 			allowColumnResizing,
+			allowTableResizing,
 			isResizing,
 			options,
 			isTableScalingEnabled, // we could use options.isTableScalingEnabled here
@@ -578,7 +583,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
 		if (
 			this.props.options?.isCommentEditor &&
-			options?.isTableResizingEnabled &&
+			allowTableResizing &&
 			!options?.isTableScalingEnabled
 		) {
 			this.removeInlineTableWidth();
@@ -632,7 +637,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			if (tablesHaveDifferentColumnWidths(currentTable, previousTable) || isNoOfColumnsChanged) {
 				const { view } = this.props;
 				const shouldRecreateResizeCols =
-					!options?.isTableResizingEnabled || !isResizing || (isNoOfColumnsChanged && isResizing);
+					!allowTableResizing || !isResizing || (isNoOfColumnsChanged && isResizing);
 
 				if (shouldRecreateResizeCols) {
 					const start = getPos() || 0;
@@ -745,7 +750,8 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			isDragAndDropEnabled,
 			getEditorFeatureFlags,
 			isTableScalingEnabled, // here we can use options.isTableScalingEnabled
-			isTableAlignmentEnabled,
+			allowTableResizing,
+			allowTableAlignment,
 		} = this.props;
 
 		let { isInDanger, hoveredRows, hoveredCell, isTableHovered, isWholeTableInDanger } = this.props;
@@ -873,12 +879,12 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 				isNested={isNested}
 				pluginInjectionApi={pluginInjectionApi}
 				tableWrapperHeight={this.state.tableWrapperHeight}
-				isTableResizingEnabled={options?.isTableResizingEnabled}
+				isTableResizingEnabled={allowTableResizing}
 				isResizing={isResizing}
 				isTableScalingEnabled={isTableScalingEnabled}
 				isTableWithFixedColumnWidthsOptionEnabled={tableWithFixedColumnWidthsOption}
 				isWholeTableInDanger={isWholeTableInDanger}
-				isTableAlignmentEnabled={isTableAlignmentEnabled}
+				isTableAlignmentEnabled={allowTableAlignment}
 				shouldUseIncreasedScalingPercent={shouldUseIncreasedScalingPercent}
 				isCommentEditor={options?.isCommentEditor}
 				isChromelessEditor={options?.isChromelessEditor}
@@ -1037,7 +1043,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 	};
 
 	private handleTableResizing = () => {
-		const { getNode, containerWidth, options } = this.props;
+		const { getNode, containerWidth, options, allowTableResizing } = this.props;
 		const prevNode = this.node!;
 		const node = getNode();
 		const prevAttrs = prevNode.attrs;
@@ -1096,7 +1102,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			noOfColumnsChanged
 		) {
 			const shouldScaleTable =
-				(!options?.isTableResizingEnabled || (options?.isTableResizingEnabled && isNested)) &&
+				(!allowTableResizing || (allowTableResizing && isNested)) &&
 				!hasNumberedColumnChanged &&
 				!noOfColumnsChanged;
 
@@ -1111,7 +1117,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			}
 
 			// only when table resizing is enabled and toggle numbered column to run scaleTable
-			if (options?.isTableResizingEnabled && hasNumberedColumnChanged) {
+			if (allowTableResizing && hasNumberedColumnChanged) {
 				if (!hasTableBeenResized(prevNode)) {
 					this.scaleTable(
 						{
@@ -1170,7 +1176,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 	};
 
 	private setTimerToSendInitialOverflowCaptured = (isOverflowing: boolean) => {
-		const { dispatchAnalyticsEvent, containerWidth, options } = this.props;
+		const { dispatchAnalyticsEvent, containerWidth, allowTableResizing } = this.props;
 		const parentWidth = this.state?.parentWidth || 0;
 
 		this.initialOverflowCaptureTimerId = setTimeout(() => {
@@ -1182,7 +1188,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 				attributes: {
 					editorWidth: containerWidth.width || 0,
 					isOverflowing,
-					tableResizingEnabled: options?.isTableResizingEnabled || false,
+					tableResizingEnabled: allowTableResizing || false,
 					width: this.node.attrs.width || 0,
 					parentWidth,
 				},