@atlaskit/editor-plugin-table 5.7.3 → 5.7.5

package/dist/esm/nodeviews/TableContainer.js

@@ -43,7 +43,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
     getPos = _ref2.getPos,
     tableRef = _ref2.tableRef,
     isResizing = _ref2.isResizing,
-    pluginInjectionApi = _ref2.pluginInjectionApi;
+    pluginInjectionApi = _ref2.pluginInjectionApi,
+    tableResizePerformance = _ref2.tableResizePerformance;
   var containerRef = useRef(null);
   var tableWidthRef = useRef(akEditorDefaultLayoutWidth);
   var updateContainerHeight = useCallback(function (height) {
@@ -124,7 +125,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
     tableRef: tableRef,
     displayGuideline: displayGuideline,
     attachAnalyticsEvent: attachAnalyticsEvent,
-    displayGapCursor: displayGapCursor
+    displayGapCursor: displayGapCursor,
+    tableResizePerformance: tableResizePerformance
   };
   if (getBooleanFF('platform.editor.resizing-table-height-improvement')) {
     tableResizerProps = _objectSpread(_objectSpread({}, tableResizerProps), {}, {
@@ -136,7 +138,8 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
     style: {
       display: 'flex',
       justifyContent: 'center'
-    }
+    },
+    contentEditable: tableResizePerformance && isResizing ? 'false' : undefined
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: tableWidthRef.current
@@ -162,7 +165,8 @@ export var TableContainer = function TableContainer(_ref3) {
     tableRef = _ref3.tableRef,
     isNested = _ref3.isNested,
     isResizing = _ref3.isResizing,
-    pluginInjectionApi = _ref3.pluginInjectionApi;
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    tableResizePerformance = _ref3.tableResizePerformance;
   if (isTableResizingEnabled && !isNested) {
     return /*#__PURE__*/React.createElement(ResizableTableContainer, {
       className: className,
@@ -172,7 +176,8 @@ export var TableContainer = function TableContainer(_ref3) {
       getPos: getPos,
       tableRef: tableRef,
       isResizing: isResizing,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      tableResizePerformance: tableResizePerformance
     }, children);
   }
   var tableWidth = isBreakoutEnabled ? calcTableWidth(node.attrs.layout, editorWidth) : 'inherit';

package/dist/esm/nodeviews/TableResizer.js

@@ -87,7 +87,8 @@ export var TableResizer = function TableResizer(_ref) {
     tableRef = _ref.tableRef,
     displayGuideline = _ref.displayGuideline,
     attachAnalyticsEvent = _ref.attachAnalyticsEvent,
-    displayGapCursor = _ref.displayGapCursor;
+    displayGapCursor = _ref.displayGapCursor,
+    tableResizePerformance = _ref.tableResizePerformance;
   var currentGap = useRef(0);
   // track resizing state - use ref over state to avoid re-render
   var isResizing = useRef(false);
@@ -217,7 +218,10 @@ export var TableResizer = function TableResizer(_ref) {
       var resizeFrameRatePayloads = generateResizeFrameRatePayloads({
         docSize: state.doc.nodeSize,
         frameRateSamples: frameRateSamples,
-        originalNode: node
+        originalNode: node,
+        experiments: {
+          tableResizePerformance: tableResizePerformance
+        }
       });
       resizeFrameRatePayloads.forEach(function (payload) {
         var _attachAnalyticsEvent;
@@ -253,7 +257,7 @@ export var TableResizer = function TableResizer(_ref) {
       onResizeStop();
     }
     return newWidth;
-  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop]);
+  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, tableResizePerformance]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {
     var newWidth = width + step;
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {

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

@@ -3,13 +3,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
-import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { TableMap, tableNewColumnMinWidth } from '@atlaskit/editor-tables/table-map';
+import { TableMap } 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';
-import { getTableMaxWidth } from '../pm-plugins/table-resizing/utils/misc';
-import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
+import { getResizeState } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
 import { insertColumnButtonOffset } from '../ui/common-styles';
 
@@ -89,7 +87,7 @@ export var updateColumnWidths = function updateColumnWidths(resizeState, table,
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-export var rescaleColumnsNew = function rescaleColumnsNew() {
+export var rescaleColumns = function rescaleColumns() {
   return function (table, view) {
     return function (tr) {
       var _tableRef$parentEleme, _tableRef$parentEleme2;
@@ -109,7 +107,7 @@ export var rescaleColumnsNew = function rescaleColumnsNew() {
         // 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,
+        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,
         isResized: isResized
       };
 
@@ -169,104 +167,4 @@ export var rescaleColumnsNew = function rescaleColumnsNew() {
       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;
-      }
-      var pos = table.pos;
-      var newTable = tr.doc.nodeAt(pos);
-      var state = view.state;
-      var domAtPos = view.domAtPos.bind(view);
-      var maybeTable = domAtPos(table.start).node;
-      var tableRef = maybeTable.closest('table');
-      if (!tableRef || !newTable) {
-        return tr;
-      }
-      var layout = normaliseTableLayout(tableRef === null || tableRef === void 0 ? void 0 : tableRef.dataset.layout);
-      // The is the width the table can reach before overflowing
-      var maxSize = getTableMaxWidth({
-        table: table.node,
-        tableStart: table.start,
-        state: state,
-        layout: layout,
-        getEditorContainerWidth: getEditorContainerWidth
-      });
-      var tableWidth = tableRef.clientWidth || akEditorDefaultLayoutWidth;
-      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;
-      if (!noOfColumns || noOfColumns <= 0) {
-        return tr;
-      }
-      var columnWidthUnresized = tableWidth / noOfColumns;
-
-      // If the table has not been resized, and the column width is bigger than the minimum column width
-      // we skip updating the size of columns here.
-      if (!hasTableBeenResized(table.node) && columnWidthUnresized > tableCellMinWidth) {
-        return tr;
-      }
-
-      // If the table has not been resized, and the 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 (!hasTableBeenResized(table.node) && columnWidthUnresized <= tableCellMinWidth || hasTableBeenResized(table.node) && isMinCellWidthTable(table.node)) {
-        var widths = new Array(noOfColumns).fill(tableCellMinWidth);
-        var cols = widths.map(function (_, index) {
-          return {
-            width: tableCellMinWidth,
-            minWidth: tableCellMinWidth,
-            index: index
-          };
-        });
-        var overflow = tableWidth > maxSize;
-        var minWidthResizeState = {
-          cols: cols,
-          widths: widths,
-          maxSize: maxSize,
-          tableWidth: tableWidth,
-          overflow: overflow
-        };
-        return updateColumnWidths(minWidthResizeState, table.node, table.start)(tr);
-      }
-      var resizeState = getResizeState({
-        minWidth: tableCellMinWidth,
-        table: table.node,
-        start: table.start,
-        tableRef: tableRef,
-        domAtPos: domAtPos,
-        maxSize: maxSize
-      });
-      var previousTableWidth = resizeState.tableWidth - tableNewColumnMinWidth;
-      var tableDidntPreviouslyOverflow = previousTableWidth <= Math.max(maxSize, tableMaxWidth);
-
-      // If the new table width will result in the table going into an overflow state
-      // we resize the cells to avoid the overflow occuring
-      if (tableDidntPreviouslyOverflow && resizeState.overflow) {
-        resizeState = scaleTableTo(resizeState, maxSize);
-      }
-      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/transforms/delete-columns.js

@@ -7,7 +7,6 @@ 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';
@@ -217,10 +216,8 @@ export var deleteColumns = function deleteColumns(rect, allowCustomStep, view) {
       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);
-      }
+    if (table) {
+      updatedTr = rescaleColumns()(table, view)(updatedTr);
     }
     return updatedTr;
   };

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

@@ -23,7 +23,7 @@ export var tableRowHeight = 44;
 var rangeSelectionStyles = "\n.".concat(ClassName.NODEVIEW_WRAPPER, ".").concat(akEditorSelectedNodeClassName, " table tbody tr {\n  th,td {\n    ").concat(getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border]), "\n  }\n}\n");
 var sentinelStyles = ".".concat(ClassName.TABLE_CONTAINER, " {\n  > .").concat(ClassName.TABLE_STICKY_SENTINEL_TOP, ", > .").concat(ClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    margin-top: -1px;\n    // need this to avoid sentinel being focused via keyboard\n    // this still allows it to be detected by intersection observer\n    visibility: hidden;\n  }\n  > .").concat(ClassName.TABLE_STICKY_SENTINEL_TOP, " {\n    top: ").concat(columnControlsDecorationHeight, "px;\n  }\n  > .").concat(ClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n      bottom: ").concat(tableScrollbarOffset + stickyRowOffsetTop + tablePadding * 2 + 23, "px;\n  }\n  &.").concat(ClassName.WITH_CONTROLS, " {\n    > .").concat(ClassName.TABLE_STICKY_SENTINEL_TOP, " {\n      top: 0px;\n    }\n    > .").concat(ClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n      margin-bottom: ").concat(columnControlsDecorationHeight, "px;\n    }\n  }\n}");
 var stickyScrollbarSentinelStyles = ".".concat(ClassName.TABLE_CONTAINER, " {\n > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM, ",\n > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP, " {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    margin-top: -1px;\n    // need this to avoid sentinel being focused via keyboard\n    // this still allows it to be detected by intersection observer\n    visibility: hidden;\n  }\n  > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_TOP, " {\n    top: ").concat(columnControlsDecorationHeight + tableRowHeight * 3, "px;\n  }\n  > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM, " {\n    bottom: ").concat(MAX_BROWSER_SCROLLBAR_HEIGHT, "px;\n  }\n}");
-var stickyScrollbarContainerStyles = ".".concat(ClassName.TABLE_CONTAINER, " {\n  > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER, " {\n    width: 100%;\n    display: none;\n    overflow-x: auto;\n    position: sticky;\n    bottom: 0;\n  }\n}");
+var stickyScrollbarContainerStyles = ".".concat(ClassName.TABLE_CONTAINER, " {\n  > .").concat(ClassName.TABLE_STICKY_SCROLLBAR_CONTAINER, " {\n    width: 100%;\n    display: none;\n    overflow-x: auto;\n    position: sticky;\n    bottom: 0;\n    z-index: 1;\n  }\n}");
 var stickyScrollbarStyles = function stickyScrollbarStyles(featureFlags) {
   return featureFlags !== null && featureFlags !== void 0 && featureFlags.stickyScrollbar ? "".concat(stickyScrollbarContainerStyles, " ").concat(stickyScrollbarSentinelStyles) : '';
 };

package/dist/esm/utils/analytics.js

@@ -107,7 +107,8 @@ export var generateResizeFrameRatePayloads = function generateResizeFrameRatePay
         frameRate: frameRateSample,
         nodeSize: props.originalNode.nodeSize,
         docSize: props.docSize,
-        isInitialSample: index === 0
+        isInitialSample: index === 0,
+        experiments: props.experiments
       }
     };
   });

package/dist/types/nodeviews/TableContainer.d.ts

@@ -24,8 +24,9 @@ type ResizableTableContainerProps = {
     tableRef: HTMLTableElement;
     isResizing?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
+    tableResizePerformance?: boolean;
 };
-export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableResizePerformance, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -38,6 +39,7 @@ type TableContainerProps = {
     isNested: boolean;
     isResizing?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
+    tableResizePerformance?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, isResizing, pluginInjectionApi, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, isResizing, pluginInjectionApi, tableResizePerformance, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
 export {};

package/dist/types/nodeviews/TableResizer.d.ts

@@ -16,10 +16,11 @@ interface TableResizerProps {
     displayGuideline: (guideline: GuidelineConfig[]) => boolean;
     attachAnalyticsEvent: (payload: TableEventPayload) => ((tr: Transaction) => boolean) | undefined;
     displayGapCursor: (toggle: boolean) => boolean;
+    tableResizePerformance?: boolean;
 }
 export interface TableResizerImprovementProps extends TableResizerProps {
     onResizeStop?: () => void;
     onResizeStart?: () => void;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, tableResizePerformance, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 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';
@@ -22,16 +21,4 @@ export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNod
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-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;
+export declare const rescaleColumns: () => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

package/dist/types/utils/analytics.d.ts

@@ -33,6 +33,7 @@ export declare const generateResizeFrameRatePayloads: (props: {
     docSize: number;
     frameRateSamples: number[];
     originalNode: PMNode;
+    experiments?: Record<string, boolean | undefined>;
 }) => TableEventPayload[];
 /**
  * Measures the framerate of a component over a given time period.

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

@@ -24,8 +24,9 @@ type ResizableTableContainerProps = {
     tableRef: HTMLTableElement;
     isResizing?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
+    tableResizePerformance?: boolean;
 };
-export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
+export declare const ResizableTableContainer: React.MemoExoticComponent<({ children, className, node, containerWidth, editorView, getPos, tableRef, isResizing, pluginInjectionApi, tableResizePerformance, }: PropsWithChildren<ResizableTableContainerProps>) => JSX.Element>;
 type TableContainerProps = {
     node: PMNode;
     className: string;
@@ -38,6 +39,7 @@ type TableContainerProps = {
     isNested: boolean;
     isResizing?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;
+    tableResizePerformance?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, isResizing, pluginInjectionApi, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, isResizing, pluginInjectionApi, tableResizePerformance, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
 export {};

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

@@ -16,10 +16,11 @@ interface TableResizerProps {
     displayGuideline: (guideline: GuidelineConfig[]) => boolean;
     attachAnalyticsEvent: (payload: TableEventPayload) => ((tr: Transaction) => boolean) | undefined;
     displayGapCursor: (toggle: boolean) => boolean;
+    tableResizePerformance?: boolean;
 }
 export interface TableResizerImprovementProps extends TableResizerProps {
     onResizeStop?: () => void;
     onResizeStart?: () => void;
 }
-export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
+export declare const TableResizer: ({ children, width, maxWidth, containerWidth, updateWidth, onResizeStop, onResizeStart, editorView, getPos, node, tableRef, displayGuideline, attachAnalyticsEvent, displayGapCursor, tableResizePerformance, }: PropsWithChildren<TableResizerImprovementProps>) => JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 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';
@@ -22,16 +21,4 @@ export declare const updateColumnWidths: (resizeState: ResizeState, table: PMNod
  * @param view
  * @returns Updated transaction with rescaled columns for a given table
  */
-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;
+export declare const rescaleColumns: () => (table: ContentNodeWithPos, view: EditorView | undefined) => (tr: Transaction) => Transaction;

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

@@ -33,6 +33,7 @@ export declare const generateResizeFrameRatePayloads: (props: {
     docSize: number;
     frameRateSamples: number[];
     originalNode: PMNode;
+    experiments?: Record<string, boolean | undefined>;
 }) => TableEventPayload[];
 /**
  * Measures the framerate of a component over a given time period.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.7.3",
+  "version": "5.7.5",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.2.0",
     "@atlaskit/custom-steps": "^0.0.10",
-    "@atlaskit/editor-common": "^76.30.0",
+    "@atlaskit/editor-common": "^76.31.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
@@ -125,9 +125,6 @@
     "platform.editor.table.shift-arrowup-fix": {
       "type": "boolean"
     },
-    "platform.editor.table-update-colwidths-after-column-is-deleted": {
-      "type": "boolean"
-    },
     "platform.editor.table.alternative-sticky-header-logic": {
       "type": "boolean"
     },

package/src/__tests__/unit/commands/insert.ts

@@ -69,6 +69,11 @@ describe('table plugin: insert', () => {
       });
 
     it('does scale cells in tables which are not overflowing', () => {
+      jest
+        .spyOn(HTMLElement.prototype, 'clientWidth', 'get')
+        .mockImplementationOnce(() => 760)
+        .mockImplementationOnce(() => 770);
+
       const { editorView } = editor(
         doc(
           table({ localId: TABLE_LOCAL_ID })(
@@ -97,6 +102,8 @@ describe('table plugin: insert', () => {
       expect(updatedLastTableCellNode?.attrs.colwidth[0]).not.toBe(
         lastTableCellNode?.attrs.colwidth[0],
       );
+
+      jest.restoreAllMocks();
     });
 
     it('does not scale cells in tables which are overflowing', () => {

package/src/__tests__/unit/nodeviews/TableContainer.tsx

@@ -302,6 +302,7 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
               analytics: { actions: { attachAnalyticsEvent: analyticsMock } },
             } as any
           }
+          tableResizePerformance={true}
         />,
       );
 
@@ -326,6 +327,9 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
           frameRate: 51,
           isInitialSample: true,
           nodeSize: 20,
+          experiments: {
+            tableResizePerformance: true,
+          },
         },
       });
 
@@ -338,6 +342,9 @@ describe('table -> nodeviews -> TableContainer.tsx', () => {
           frameRate: 53,
           isInitialSample: false,
           nodeSize: 20,
+          experiments: {
+            tableResizePerformance: true,
+          },
         },
       });