@atlaskit/editor-plugin-table 2.10.0 → 2.10.2

package/src/__tests__/unit/copy-paste.ts

@@ -7,38 +7,35 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import {
-  Fragment,
+import type {
   Node as ProsemirrorNode,
   Schema,
-  Slice,
 } from '@atlaskit/editor-prosemirror/model';
-import {
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import type {
   PluginKey,
-  TextSelection,
   Transaction,
 } from '@atlaskit/editor-prosemirror/state';
-import {
-  __serializeForClipboard,
-  EditorView,
-} from '@atlaskit/editor-prosemirror/view';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { __serializeForClipboard } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import {
   getCellsInTable,
   selectColumn,
   selectTable,
 } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import dispatchPasteEvent from '@atlaskit/editor-test-helpers/dispatch-paste-event';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   br,
   code_block,
   doc,
-  DocBuilder,
   expand,
   p,
   panel,
@@ -51,7 +48,7 @@ import defaultSchema from '@atlaskit/editor-test-helpers/schema';
 
 import tablePlugin from '../../plugins/table-plugin';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import { PluginConfig, TablePluginState } from '../../plugins/table/types';
+import type { PluginConfig, TablePluginState } from '../../plugins/table/types';
 import {
   removeTableFromFirstChild,
   removeTableFromLastChild,
@@ -125,7 +122,7 @@ describe('table plugin', () => {
     .add([tablePlugin, { tableOptions }]);
 
   const editor = (doc: DocBuilder) => {
-    return createEditor<TablePluginState, PluginKey>({
+    return createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey: tablePluginKey,

package/src/__tests__/unit/event-handlers/index.ts

@@ -3,15 +3,15 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   table,
   tdCursor,
   tdEmpty,
@@ -22,7 +22,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { whenTableInFocus } from '../../../plugins/table/event-handlers';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { setDragging } from '../../../plugins/table/pm-plugins/table-resizing/commands';
-import { TablePluginState } from '../../../plugins/table/types';
+import type { TablePluginState } from '../../../plugins/table/types';
 
 describe('event-handlers', () => {
   let editor: any;
@@ -39,7 +39,7 @@ describe('event-handlers', () => {
           .add(guidelinePlugin)
           .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
-          createEditor<TablePluginState, PluginKey>({
+          createEditor<TablePluginState, PluginKey, typeof preset>({
             doc,
             preset,
             pluginKey,
@@ -72,7 +72,7 @@ describe('event-handlers', () => {
           .add(guidelinePlugin)
           .add([tablePlugin, { tableOptions: { allowColumnResizing: false } }]);
         editor = (doc: DocBuilder) =>
-          createEditor<TablePluginState, PluginKey>({
+          createEditor<TablePluginState, PluginKey, typeof preset>({
             doc,
             preset,
             pluginKey,

package/src/__tests__/unit/handlers.ts

@@ -3,15 +3,16 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   table,
   tdCursor,
   tdEmpty,
@@ -22,7 +23,7 @@ import tablePlugin from '../../plugins/table-plugin';
 import { handleDocOrSelectionChanged } from '../../plugins/table/handlers';
 import { defaultTableSelection } from '../../plugins/table/pm-plugins/default-table-selection';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import { TablePluginState } from '../../plugins/table/types';
+import type { TablePluginState } from '../../plugins/table/types';
 
 describe('table action handlers', () => {
   let editor: any;
@@ -39,7 +40,7 @@ describe('table action handlers', () => {
       .add(tablePlugin);
 
     editor = (doc: DocBuilder) =>
-      createEditor<TablePluginState, PluginKey>({
+      createEditor<TablePluginState, PluginKey, typeof preset>({
         doc,
         preset,
         pluginKey,

package/src/__tests__/unit/hover-selection.ts

@@ -3,21 +3,21 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import {
   getCellsInColumn,
   getCellsInRow,
   getCellsInTable,
 } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   tdCursor,
@@ -35,7 +35,8 @@ import {
 } from '../../plugins/table/commands';
 import { getDecorations } from '../../plugins/table/pm-plugins/decorations/plugin';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import { TableDecorations, TablePluginState } from '../../plugins/table/types';
+import type { TablePluginState } from '../../plugins/table/types';
+import { TableDecorations } from '../../plugins/table/types';
 
 describe('table hover selection plugin', () => {
   const createEditor = createProsemirrorEditorFactory();
@@ -48,7 +49,7 @@ describe('table hover selection plugin', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey,

package/src/__tests__/unit/layout.ts

@@ -1,20 +1,20 @@
-import { TableLayout } from '@atlaskit/adf-schema';
+import type { TableLayout } from '@atlaskit/adf-schema';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   table,
   tdCursor,
   tdEmpty,
@@ -25,7 +25,7 @@ import tablePlugin from '../../plugins/table-plugin';
 import { toggleTableLayout } from '../../plugins/table/commands';
 import { getPluginState } from '../../plugins/table/pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import {
+import type {
   PermittedLayoutsDescriptor,
   TablePluginState,
 } from '../../plugins/table/types';
@@ -49,7 +49,7 @@ describe('table toolbar', () => {
     .add([tablePlugin, { tableOptions }]);
 
   const editor = (doc: DocBuilder) => {
-    return createEditor<TablePluginState, PluginKey>({
+    return createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey: tablePluginKey,

package/src/__tests__/unit/pm-plugins/decorations/column-resizing.ts

@@ -3,18 +3,19 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-import { DecorationSet, EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { getCellsInColumn } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -31,30 +32,29 @@ import {
 import { getDecorations } from '../../../../plugins/table/pm-plugins/decorations/plugin';
 import { buildColumnResizingDecorations } from '../../../../plugins/table/pm-plugins/decorations/utils';
 import { pluginKey } from '../../../../plugins/table/pm-plugins/plugin-key';
-import {
-  TableDecorations,
-  TablePluginState,
-} from '../../../../plugins/table/types';
+import type { TablePluginState } from '../../../../plugins/table/types';
+import { TableDecorations } from '../../../../plugins/table/types';
 
 describe('tables: column resizing decorations', () => {
   const createEditor = createProsemirrorEditorFactory();
   const getEditorFeatureFlags = () => ({});
+  const preset = new Preset<LightEditorPlugin>()
+    .add([featureFlagsPlugin, {}])
+    .add([analyticsPlugin, {}])
+    .add(contentInsertionPlugin)
+    .add(widthPlugin)
+    .add(guidelinePlugin)
+    .add([
+      tablePlugin,
+      {
+        tableOptions: { allowColumnResizing: true },
+        getEditorFeatureFlags,
+      },
+    ]);
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
-      preset: new Preset<LightEditorPlugin>()
-        .add([featureFlagsPlugin, {}])
-        .add([analyticsPlugin, {}])
-        .add(contentInsertionPlugin)
-        .add(widthPlugin)
-        .add(guidelinePlugin)
-        .add([
-          tablePlugin,
-          {
-            tableOptions: { allowColumnResizing: true },
-            getEditorFeatureFlags,
-          },
-        ]),
+      preset,
       pluginKey,
     });
 

package/src/__tests__/unit/sort-column.ts

@@ -5,15 +5,15 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -24,7 +24,7 @@ import {
 import tablePlugin from '../../plugins/table-plugin';
 import { sortByColumn } from '../../plugins/table/commands';
 import { pluginKey as tablePluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import {
+import type {
   PermittedLayoutsDescriptor,
   TablePluginState,
 } from '../../plugins/table/types';
@@ -58,7 +58,7 @@ describe('table plugin', () => {
     .add([tablePlugin, { tableOptions }]);
 
   const editor = (doc: DocBuilder) => {
-    return createEditor<TablePluginState, PluginKey>({
+    return createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey: tablePluginKey,

package/src/__tests__/unit/transforms/delete-columns.ts

@@ -4,17 +4,17 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Rect } from '@atlaskit/editor-tables/table-map';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -26,7 +26,7 @@ import {
 import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { deleteColumns } from '../../../plugins/table/transforms';
-import { TablePluginState } from '../../../plugins/table/types';
+import type { TablePluginState } from '../../../plugins/table/types';
 
 const colsToRect = (cols: Array<number>, noOfRows: number): Rect => ({
   left: Math.min(...cols),
@@ -56,7 +56,7 @@ describe('table plugin -> transforms -> delete columns', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey,

package/src/__tests__/unit/transforms/delete-rows.ts

@@ -4,17 +4,17 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { Rect } from '@atlaskit/editor-tables/table-map';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -27,7 +27,7 @@ import {
 import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { deleteRows } from '../../../plugins/table/transforms';
-import { TablePluginState } from '../../../plugins/table/types';
+import type { TablePluginState } from '../../../plugins/table/types';
 
 const rowsToRect = (rows: Array<number>, noOfColumns: number): Rect => ({
   left: 0,
@@ -56,7 +56,7 @@ describe('table plugin -> transforms -> delete rows', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey,

package/src/__tests__/unit/transforms/merging.ts

@@ -4,15 +4,15 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -23,7 +23,7 @@ import {
 import tablePlugin from '../../../plugins/table-plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
 import { mergeCells } from '../../../plugins/table/transforms';
-import { TablePluginState } from '../../../plugins/table/types';
+import type { TablePluginState } from '../../../plugins/table/types';
 
 const TABLE_LOCAL_ID = 'test-table-local-id';
 
@@ -46,7 +46,7 @@ describe('table plugin -> transforms -> merge cells', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey,

package/src/__tests__/unit/ui/TableFloatingControls.tsx

@@ -8,15 +8,15 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   tdCursor,
@@ -28,7 +28,7 @@ import tablePlugin from '../../../plugins/table-plugin';
 import { hoverTable } from '../../../plugins/table/commands';
 import { getDecorations } from '../../../plugins/table/pm-plugins/decorations/plugin';
 import { pluginKey } from '../../../plugins/table/pm-plugins/plugin-key';
-import { TablePluginState } from '../../../plugins/table/types';
+import type { TablePluginState } from '../../../plugins/table/types';
 import TableFloatingControls from '../../../plugins/table/ui/TableFloatingControls';
 
 describe('TableFloatingControls', () => {
@@ -43,7 +43,7 @@ describe('TableFloatingControls', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey: pluginKey,

package/src/__tests__/unit/utils.ts

@@ -3,15 +3,15 @@ import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertio
 import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 import { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LightEditorPlugin } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
 import {
   createProsemirrorEditorFactory,
-  LightEditorPlugin,
   Preset,
 } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
+import type { DocBuilder } from '@atlaskit/editor-test-helpers/doc-builder';
 import {
   doc,
-  DocBuilder,
   p,
   table,
   td,
@@ -22,7 +22,7 @@ import {
 
 import tablePlugin from '../../plugins/table';
 import { pluginKey } from '../../plugins/table/pm-plugins/plugin-key';
-import { TablePluginState } from '../../plugins/table/types';
+import type { TablePluginState } from '../../plugins/table/types';
 import {
   getColumnClassNames,
   getColumnDeleteButtonParams,
@@ -46,7 +46,7 @@ describe('table plugin: utils', () => {
     .add(tablePlugin);
 
   const editor = (doc: DocBuilder) =>
-    createEditor<TablePluginState, PluginKey>({
+    createEditor<TablePluginState, PluginKey, typeof preset>({
       doc,
       preset,
       pluginKey,

package/src/plugins/table/nodeviews/TableComponent.tsx

@@ -184,8 +184,14 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
   }
 
   componentDidUpdate() {
-    const { view, getNode, isMediaFullscreen, allowColumnResizing } =
-      this.props;
+    const {
+      view,
+      getNode,
+      isMediaFullscreen,
+      allowColumnResizing,
+      isResizing,
+      options,
+    } = this.props;
     const { isInDanger } = getPluginState(view.state);
     const table = findTable(view.state.selection);
 
@@ -227,7 +233,17 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         tablesHaveDifferentNoOfColumns(currentTable, previousTable)
       ) {
         const { view } = this.props;
-        recreateResizeColsByNode(this.table, currentTable);
+
+        const shouldRecreateResizeCols =
+          !options?.isTableResizingEnabled ||
+          !isResizing ||
+          (tablesHaveDifferentNoOfColumns(currentTable, previousTable) &&
+            isResizing);
+
+        if (shouldRecreateResizeCols) {
+          recreateResizeColsByNode(this.table, currentTable);
+        }
+
         updateControls()(view.state);
       }
 
@@ -345,6 +361,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         isNested={isNested}
         pluginInjectionApi={pluginInjectionApi}
         isTableResizingEnabled={options?.isTableResizingEnabled}
+        isResizing={isResizing}
       >
         <div
           className={ClassName.TABLE_STICKY_SENTINEL_TOP}

package/src/plugins/table/nodeviews/TableContainer.tsx

@@ -10,7 +10,10 @@ import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import {
+  akEditorDefaultLayoutWidth,
+  akEditorMobileBreakoutPoint,
+} from '@atlaskit/editor-shared-styles';
 
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 import type { PluginInjectionAPI } from '../types';
@@ -66,6 +69,7 @@ type ResizableTableContainerProps = {
   editorView: EditorView;
   getPos: () => number | undefined;
   tableRef: HTMLTableElement;
+  isResizing?: boolean;
   pluginInjectionApi?: PluginInjectionAPI;
 };
 
@@ -78,10 +82,12 @@ export const ResizableTableContainer = ({
   editorView,
   getPos,
   tableRef,
+  isResizing,
   pluginInjectionApi,
 }: PropsWithChildren<ResizableTableContainerProps>) => {
   const containerRef = useRef<HTMLDivElement | null>(null);
   const marginLeftRef = useRef<number | undefined>(0);
+  const tableWidthRef = useRef<number>(akEditorDefaultLayoutWidth);
 
   const updateWidth = useCallback(
     (width: number) => {
@@ -134,12 +140,19 @@ export const ResizableTableContainer = ({
   // 76 is currently an accepted padding value considering the spacing for resizer handle
   const responsiveContainerWidth = containerWidth - 76;
   const width = Math.min(tableWidth, responsiveContainerWidth);
-  marginLeftRef.current = getMarginLeft(lineLength, width);
+
+  if (!isResizing) {
+    tableWidthRef.current = width;
+    marginLeftRef.current = getMarginLeft(lineLength, width);
+  }
   const maxResizerWidth = Math.min(responsiveContainerWidth, TABLE_MAX_WIDTH);
 
   return (
     <div
-      style={{ marginLeft: marginLeftRef.current, width }}
+      style={{
+        marginLeft: marginLeftRef.current,
+        width: tableWidthRef.current,
+      }}
       className={ClassName.TABLE_RESIZER_CONTAINER}
       ref={containerRef}
     >
@@ -173,6 +186,7 @@ type TableContainerProps = {
   getPos: () => number | undefined;
   tableRef: HTMLTableElement;
   isNested: boolean;
+  isResizing?: boolean;
   pluginInjectionApi?: PluginInjectionAPI;
 };
 
@@ -187,6 +201,7 @@ export const TableContainer = ({
   getPos,
   tableRef,
   isNested,
+  isResizing,
   pluginInjectionApi,
 }: PropsWithChildren<TableContainerProps>) => {
   if (isTableResizingEnabled && !isNested) {
@@ -199,6 +214,7 @@ export const TableContainer = ({
         editorView={editorView}
         getPos={getPos}
         tableRef={tableRef}
+        isResizing={isResizing}
         pluginInjectionApi={pluginInjectionApi}
       >
         {children}