@atlaskit/editor-plugin-table 7.31.3 → 8.0.0

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.31.3",
+	"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.23.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",

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,
 				},

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;