@atlaskit/editor-plugin-table 4.1.1 → 4.2.0

package/dist/esm/plugins/table/commands-with-analytics.js

@@ -7,6 +7,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findCellClosestToPos, findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { clearMultipleCells } from './commands/clear';
 import { wrapTableInExpand } from './commands/collapse';
+import { deleteColumnsCommand } from './commands/delete';
 import { insertColumn, insertRow } from './commands/insert';
 import { deleteTable, deleteTableIfSelected, setMultipleCellAttrs } from './commands/misc';
 import { sortByColumn } from './commands/sort';
@@ -14,10 +15,9 @@ import { splitCell } from './commands/split-cell';
 import { getNextLayout, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './commands/toggle';
 import { getPluginState } from './pm-plugins/plugin-factory';
 import { distributeColumnsWidths } from './pm-plugins/table-resizing/commands';
-import { deleteColumns, deleteRows, mergeCells } from './transforms';
+import { deleteRows, mergeCells } from './transforms';
 import { checkIfNumberColumnEnabled, getSelectedCellInfo, getSelectedTableInfo } from './utils';
 import { withEditorAnalyticsAPI } from './utils/analytics';
-import { getAllowAddColumnCustomStep } from './utils/get-allow-add-column-custom-step';
 var TABLE_BREAKOUT_NAME_MAPPING = {
   default: TABLE_BREAKOUT.NORMAL,
   wide: TABLE_BREAKOUT.WIDE,
@@ -251,12 +251,7 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(function (state, dispatch) {
-      if (dispatch) {
-        dispatch(deleteColumns(rect, getAllowAddColumnCustomStep(state))(state.tr));
-      }
-      return true;
-    });
+    })(editorAnalyticsAPI)(deleteColumnsCommand(rect));
   };
 };
 var getTableDeletedAnalytics = function getTableDeletedAnalytics(selection, inputMethod) {

package/dist/esm/plugins/table/event-handlers.js

@@ -250,7 +250,7 @@ export function handleTripleClick(view, pos) {
   }
   return false;
 }
-export var handleCut = function handleCut(oldTr, oldState, newState, editorAnalyticsAPI) {
+export var handleCut = function handleCut(oldTr, oldState, newState, editorAnalyticsAPI, editorView) {
   var oldSelection = oldState.tr.selection;
   var tr = newState.tr;
   if (oldSelection instanceof CellSelection) {
@@ -293,7 +293,7 @@ export var handleCut = function handleCut(oldTr, oldState, newState, editorAnaly
               isHeaderRowRequired = _getPluginState6.pluginConfig.isHeaderRowRequired;
             tr = deleteRows(rect, isHeaderRowRequired)(tr);
           } else if (tr.selection.isColSelection()) {
-            tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState))(tr);
+            tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState), editorView)(tr);
           }
         }
       }

package/dist/esm/plugins/table/pm-plugins/main.js

@@ -93,7 +93,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       }
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
-        var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI);
+        var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI, editorViewRef || undefined);
         return fixTables(updatedTr) || updatedTr;
       }
       if (transactions.find(function (tr) {

package/dist/esm/plugins/table/transforms/column-width.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
-import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
+import { TableMap, tableNewColumnMinWidth } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
 import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
@@ -12,6 +12,14 @@ import { getTableMaxWidth } from '../pm-plugins/table-resizing/utils/misc';
 import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
 import { insertColumnButtonOffset } from '../ui/common-styles';
+
+/**
+ * Given a new ResizeState object, create a transaction that replaces and updates the table node based on new state.
+ * @param resizeState
+ * @param table
+ * @param start
+ * @returns
+ */
 export var updateColumnWidths = function updateColumnWidths(resizeState, table, start) {
   return function (tr) {
     var map = TableMap.get(table);
@@ -114,10 +122,102 @@ export var updateColumnWidths = function updateColumnWidths(resizeState, table,
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-export var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
+export var rescaleColumnsNew = function rescaleColumnsNew() {
   return function (table, view) {
     return function (tr) {
-      var _tableRef$parentEleme;
+      var _tableRef$parentEleme, _tableRef$parentEleme2;
+      if (!view) {
+        return tr;
+      }
+      var newTable = tr.doc.nodeAt(table.pos);
+      var domAtPos = view.domAtPos.bind(view);
+      var maybeTable = domAtPos(table.start).node;
+      var tableRef = maybeTable.closest('table');
+      if (!tableRef || !newTable) {
+        return tr;
+      }
+      var isResized = hasTableBeenResized(table.node);
+      // get current table info
+      var previousTableInfo = {
+        // when table is resized the tableRef client width will be 1px larger than colGroup, which is used in calculations
+        width: isResized ? tableRef.clientWidth - 1 : tableRef.clientWidth,
+        /** the is the width the table can reach before overflowing */
+        possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width') ? (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 0 : ((tableRef === null || tableRef === void 0 || (_tableRef$parentEleme2 = tableRef.parentElement) === null || _tableRef$parentEleme2 === void 0 ? void 0 : _tableRef$parentEleme2.clientWidth) || 0) - insertColumnButtonOffset - 1,
+        isResized: isResized
+      };
+
+      // determine the new table, based on new width
+      var newTableInfo = {
+        noOfColumns: TableMap.get(newTable).width
+      };
+      if (!newTableInfo.noOfColumns || newTableInfo.noOfColumns <= 0) {
+        return tr;
+      }
+      var averageColumnWidth = previousTableInfo.width / newTableInfo.noOfColumns;
+
+      // If the table has not been resized (i.e. all columns will have the same width) and every column width is bigger than the minimum column width
+      // we skip updating the size of columns here.
+      if (!previousTableInfo.isResized && averageColumnWidth > tableCellMinWidth) {
+        return tr;
+      }
+      var wasTableInOverflow = previousTableInfo.width > previousTableInfo.possibleMaxWidth;
+
+      // If the table has not been resized, and each column width is smaller than the minimum column width
+      // Or if the table has been resized, but each column width is either 48px or null
+      // we update the table to have 48px for each column
+      if (!previousTableInfo.isResized && averageColumnWidth <= tableCellMinWidth || previousTableInfo.isResized && isMinCellWidthTable(table.node)) {
+        var widths = new Array(newTableInfo.noOfColumns).fill(tableCellMinWidth);
+        var cols = widths.map(function (_, index) {
+          return {
+            width: tableCellMinWidth,
+            minWidth: tableCellMinWidth,
+            index: index
+          };
+        });
+        var minWidthResizeState = {
+          cols: cols,
+          widths: widths,
+          maxSize: previousTableInfo.possibleMaxWidth,
+          tableWidth: previousTableInfo.width,
+          overflow: wasTableInOverflow
+        };
+        return updateColumnWidths(minWidthResizeState, table.node, table.start)(tr);
+      }
+      var resizeState = getResizeState({
+        minWidth: tableCellMinWidth,
+        table: table.node,
+        start: table.start,
+        tableRef: tableRef,
+        domAtPos: domAtPos,
+        maxSize: previousTableInfo.possibleMaxWidth
+      });
+
+      // Two scenarios that require scaling:
+      //   1. If the new table width will result in the table going into overflow
+      //      we resize the cells to avoid it (e.g. adding a column)
+      //   2. If the new table width will be shorter than the parent width, scale columns to fit parent
+      if (!wasTableInOverflow && resizeState.overflow || resizeState.tableWidth < resizeState.maxSize) {
+        resizeState = scaleTableTo(resizeState, previousTableInfo.possibleMaxWidth);
+      }
+      return updateColumnWidths(resizeState, table.node, table.start)(tr);
+    };
+  };
+};
+
+/**
+ * This function is called when user inserts/deletes a column in a table to;
+ * - rescale all columns (if the table did not overflow before the insertion)
+ * - and update column widths.
+ *
+ * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
+ * @param table
+ * @param view
+ * @returns Updated transaction with rescaled columns for a given table
+ */
+export var rescaleColumnsOld = function rescaleColumnsOld(getEditorContainerWidth) {
+  return function (table, view) {
+    return function (tr) {
+      var _tableRef$parentEleme3;
       if (!view) {
         return tr;
       }
@@ -140,7 +240,7 @@ export var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
         getEditorContainerWidth: getEditorContainerWidth
       });
       var tableWidth = tableRef.clientWidth || akEditorDefaultLayoutWidth;
-      var tableMaxWidth = (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 0;
+      var tableMaxWidth = (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme3 = tableRef.parentElement) === null || _tableRef$parentEleme3 === void 0 ? void 0 : _tableRef$parentEleme3.clientWidth) || 0;
       tableMaxWidth -= insertColumnButtonOffset;
       var newTableMap = TableMap.get(newTable);
       var noOfColumns = newTableMap.width;
@@ -196,4 +296,10 @@ export var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
       return updateColumnWidths(resizeState, table.node, table.start)(tr);
     };
   };
+};
+export var rescaleColumns = function rescaleColumns(getEditorContainerWidth) {
+  if (getBooleanFF('platform.editor.table-update-colwidths-after-column-is-deleted')) {
+    return rescaleColumnsNew();
+  }
+  return rescaleColumnsOld(getEditorContainerWidth);
 };

package/dist/esm/plugins/table/transforms/delete-columns.js

@@ -7,7 +7,9 @@ import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { META_KEYS } from '../pm-plugins/table-analytics';
+import { rescaleColumns } from './column-width';
 import { splitCellsInColumns } from './split';
 var deleteColumnsCustomStep = function deleteColumnsCustomStep(rect) {
   return function (tr) {
@@ -203,15 +205,23 @@ function fixRowSpans(table) {
   }
   return table.type.createChecked(table.attrs, rows, table.marks);
 }
-export var deleteColumns = function deleteColumns(rect) {
-  var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+export var deleteColumns = function deleteColumns(rect, allowCustomStep, view) {
   return function (tr) {
-    tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
+    var updatedTr = tr;
+    updatedTr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.DELETED_COLUMN
     });
-    if (allowAddColumnCustomStep) {
-      return deleteColumnsCustomStep(rect)(tr);
+    if (allowCustomStep) {
+      updatedTr = deleteColumnsCustomStep(rect)(updatedTr);
+    } else {
+      updatedTr = deleteColumnsLegacy(rect)(updatedTr);
+    }
+    var table = findTable(updatedTr.selection);
+    if (getBooleanFF('platform.editor.table-update-colwidths-after-column-is-deleted')) {
+      if (table) {
+        updatedTr = rescaleColumns()(table, view)(updatedTr);
+      }
     }
-    return deleteColumnsLegacy(rect)(tr);
+    return updatedTr;
   };
 };

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -298,7 +298,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'delete_column':
-          deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch);
+          deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'delete_row':

package/dist/esm/plugins/table/ui/FloatingDeleteButton/index.js

@@ -114,7 +114,7 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
         switch (_this.state.selectionType) {
           case 'column':
             {
-              deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect)(state, dispatch);
+              deleteColumnsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.BUTTON, rect)(state, dispatch, _this.props.editorView);
               return;
             }
           case 'row':

package/dist/esm/plugins/table/ui/common-styles.js

@@ -49,7 +49,7 @@ var tableStickyHeaderColumnControlsDecorationsStyle = function tableStickyHeader
 };
 var tableWrapperStyles = function tableWrapperStyles() {
   if (getBooleanFF('platform.editor.custom-table-width')) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .", " {\n        padding-bottom: 0px;\n        /* fixes gap cursor height */\n        overflow: auto;\n        overflow-y: hidden;\n        position: relative;\n\n        > table[data-number-column='true'] {\n          margin-left: 1px;\n          width: calc(100% - 1px);\n        }\n      }\n    "])), ClassName.TABLE_NODE_WRAPPER);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .", " {\n        padding-bottom: 0px;\n        /* fixes gap cursor height */\n        overflow: auto;\n        overflow-y: hidden;\n        position: relative;\n\n        > table[data-number-column='true'] {\n          width: calc(100% - 1px);\n        }\n      }\n    "])), ClassName.TABLE_NODE_WRAPPER);
   } else {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      .", " {\n        padding-right: ", "px;\n        margin-right: -", "px;\n        padding-bottom: 0px;\n        /* fixes gap cursor height */\n        overflow: auto;\n        overflow-y: hidden;\n        position: relative;\n      }\n    "])), ClassName.TABLE_NODE_WRAPPER, insertColumnButtonOffset, insertColumnButtonOffset);
   }

package/dist/types/plugins/table/commands/delete.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from '@atlaskit/editor-common/types';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const deleteColumnsCommand: (rect: Rect) => Command;

package/dist/types/plugins/table/event-handlers.d.ts

@@ -11,5 +11,5 @@ export declare const handleMouseOut: (view: EditorView, mouseEvent: Event) => bo
 export declare const handleMouseLeave: (view: EditorView, event: Event) => boolean;
 export declare const handleMouseMove: (view: EditorView, event: Event, elementContentRects?: ElementContentRects) => boolean;
 export declare function handleTripleClick(view: EditorView, pos: number): boolean;
-export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI) => Transaction;
+export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI, editorView?: EditorView) => Transaction;
 export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event, elementContentRects?: ElementContentRects) => boolean, elementContentRects?: ElementContentRects) => (view: EditorView, mouseEvent: Event) => boolean;

package/dist/types/plugins/table/pm-plugins/table-resizing/utils/misc.d.ts

@@ -16,5 +16,5 @@ interface getTableMaxWidthProps {
     layout: TableLayout;
     getEditorContainerWidth: GetEditorContainerWidth;
 }
-export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getEditorContainerWidth, }: getTableMaxWidthProps) => any;
+export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getEditorContainerWidth, }: getTableMaxWidthProps) => number;
 export {};

package/dist/types/plugins/table/transforms/column-width.d.ts

@@ -1,9 +1,16 @@
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { ResizeState } from '../pm-plugins/table-resizing/utils';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ResizeState } from '../pm-plugins/table-resizing/utils';
+/**
+ * Given a new ResizeState object, create a transaction that replaces and updates the table node based on new state.
+ * @param resizeState
+ * @param table
+ * @param start
+ * @returns
+ */
 export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNode, start: number) => (tr: Transaction) => Transaction;
 /**
  * This function is called when user inserts/deletes a column in a table to;
@@ -15,4 +22,16 @@ export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNod
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-export declare const rescaleColumns: (getEditorContainerWidth: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const rescaleColumnsNew: () => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+/**
+ * This function is called when user inserts/deletes a column in a table to;
+ * - rescale all columns (if the table did not overflow before the insertion)
+ * - and update column widths.
+ *
+ * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
+ * @param table
+ * @param view
+ * @returns Updated transaction with rescaled columns for a given table
+ */
+export declare const rescaleColumnsOld: (getEditorContainerWidth: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const rescaleColumns: (getEditorContainerWidth?: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/transforms/delete-columns.d.ts

@@ -1,3 +1,4 @@
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const deleteColumns: (rect: Rect, allowAddColumnCustomStep?: boolean) => (tr: Transaction) => Transaction;
+export declare const deleteColumns: (rect: Rect, allowCustomStep: boolean, view?: EditorView) => (tr: Transaction) => Transaction;

package/dist/types/plugins/table/ui/FloatingDeleteButton/index.d.ts

@@ -1,9 +1,9 @@
 import { Component } from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { RowStickyState } from '../../pm-plugins/sticky-headers';
-import { CellSelectionType } from './types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { CellSelectionType } from './types';
 export interface Props {
     editorView: EditorView;
     selection: Selection;

package/dist/types-ts4.5/plugins/table/commands/delete.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from '@atlaskit/editor-common/types';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
+export declare const deleteColumnsCommand: (rect: Rect) => Command;

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

@@ -11,5 +11,5 @@ export declare const handleMouseOut: (view: EditorView, mouseEvent: Event) => bo
 export declare const handleMouseLeave: (view: EditorView, event: Event) => boolean;
 export declare const handleMouseMove: (view: EditorView, event: Event, elementContentRects?: ElementContentRects) => boolean;
 export declare function handleTripleClick(view: EditorView, pos: number): boolean;
-export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI) => Transaction;
+export declare const handleCut: (oldTr: Transaction, oldState: EditorState, newState: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI, editorView?: EditorView) => Transaction;
 export declare const whenTableInFocus: (eventHandler: (view: EditorView, mouseEvent: Event, elementContentRects?: ElementContentRects) => boolean, elementContentRects?: ElementContentRects) => (view: EditorView, mouseEvent: Event) => boolean;

package/dist/types-ts4.5/plugins/table/pm-plugins/table-resizing/utils/misc.d.ts

@@ -16,5 +16,5 @@ interface getTableMaxWidthProps {
     layout: TableLayout;
     getEditorContainerWidth: GetEditorContainerWidth;
 }
-export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getEditorContainerWidth, }: getTableMaxWidthProps) => any;
+export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getEditorContainerWidth, }: getTableMaxWidthProps) => number;
 export {};

package/dist/types-ts4.5/plugins/table/transforms/column-width.d.ts

@@ -1,9 +1,16 @@
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { ResizeState } from '../pm-plugins/table-resizing/utils';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ResizeState } from '../pm-plugins/table-resizing/utils';
+/**
+ * Given a new ResizeState object, create a transaction that replaces and updates the table node based on new state.
+ * @param resizeState
+ * @param table
+ * @param start
+ * @returns
+ */
 export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNode, start: number) => (tr: Transaction) => Transaction;
 /**
  * This function is called when user inserts/deletes a column in a table to;
@@ -15,4 +22,16 @@ export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNod
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-export declare const rescaleColumns: (getEditorContainerWidth: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const rescaleColumnsNew: () => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+/**
+ * This function is called when user inserts/deletes a column in a table to;
+ * - rescale all columns (if the table did not overflow before the insertion)
+ * - and update column widths.
+ *
+ * This is done manually to avoid a multi-dispatch in TableComponent. See [ED-8288].
+ * @param table
+ * @param view
+ * @returns Updated transaction with rescaled columns for a given table
+ */
+export declare const rescaleColumnsOld: (getEditorContainerWidth: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;
+export declare const rescaleColumns: (getEditorContainerWidth?: GetEditorContainerWidth) => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/plugins/table/transforms/delete-columns.d.ts

@@ -1,3 +1,4 @@
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const deleteColumns: (rect: Rect, allowAddColumnCustomStep?: boolean) => (tr: Transaction) => Transaction;
+export declare const deleteColumns: (rect: Rect, allowCustomStep: boolean, view?: EditorView) => (tr: Transaction) => Transaction;

package/dist/types-ts4.5/plugins/table/ui/FloatingDeleteButton/index.d.ts

@@ -1,9 +1,9 @@
 import { Component } from 'react';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { Selection } from '@atlaskit/editor-prosemirror/state';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { RowStickyState } from '../../pm-plugins/sticky-headers';
-import { CellSelectionType } from './types';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { CellSelectionType } from './types';
 export interface Props {
     editorView: EditorView;
     selection: Selection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "4.1.1",
+  "version": "4.2.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -126,6 +126,9 @@
     },
     "platform.editor.table.update-table-resizer-styles": {
       "type": "boolean"
+    },
+    "platform.editor.table-update-colwidths-after-column-is-deleted": {
+      "type": "boolean"
     }
   }
 }

package/src/__tests__/unit/commands.ts

@@ -327,6 +327,7 @@ describe('table plugin: actions', () => {
     const editorAnalyticsAPIFake: EditorAnalyticsAPI = {
       attachAnalyticsEvent: jest.fn().mockReturnValue(() => jest.fn()),
     };
+
     describe('when the entire table is selected', () => {
       it('should remove the table', () => {
         const { editorView, refs } = editor(