@atlaskit/editor-plugin-table 8.4.14 → 9.0.1

package/dist/es2019/nodeviews/TableRow.js

@@ -379,6 +379,7 @@ export default class TableRow extends TableNodeView {
   /* receive external events */
 
   onTablePluginState(state) {
+    var _parentContainer$pare, _parentContainer$pare2;
     const tableRef = state.tableRef;
     const tree = getTree(this.dom);
     if (!tree) {
@@ -405,22 +406,31 @@ export default class TableRow extends TableNodeView {
     } = tree;
     const tableContainer = wrapper.parentElement;
     const tableContentWrapper = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.parentElement;
-    const layoutContainer = tableContentWrapper && tableContentWrapper.parentElement;
-    if (isCurrentTableSelected) {
-      this.colControlsOffset = tableControlsSpacing;
-      if (layoutContainer && layoutContainer.getAttribute('data-layout-content')) {
+    const parentContainer = tableContentWrapper && tableContentWrapper.parentElement;
+    const isTableInsideLayout = parentContainer && parentContainer.getAttribute('data-layout-content');
+    const isNestedTable = parentContainer && (parentContainer.className === 'pm-table-header-content-wrap' || parentContainer.className === 'pm-table-cell-content-wrap');
+    const isNestedDataTable = parentContainer && parentContainer.getAttribute('data-mark-type') === 'fragment' && (((_parentContainer$pare = parentContainer.parentElement) === null || _parentContainer$pare === void 0 ? void 0 : _parentContainer$pare.className) === 'pm-table-header-content-wrap' || ((_parentContainer$pare2 = parentContainer.parentElement) === null || _parentContainer$pare2 === void 0 ? void 0 : _parentContainer$pare2.className) === 'pm-table-cell-content-wrap');
+    const isTableInsideTable = isNestedTable || isNestedDataTable;
+    if (tableContentWrapper) {
+      if (isCurrentTableSelected) {
+        this.colControlsOffset = tableControlsSpacing;
+
         // move table a little out of the way
         // to provide spacing for table controls
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        tableContentWrapper.style.paddingLeft = '11px';
-      }
-    } else {
-      this.colControlsOffset = 0;
-      if (layoutContainer && layoutContainer.getAttribute('data-layout-content')) {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        tableContentWrapper.style.removeProperty('padding-left');
+        if (isTableInsideLayout) {
+          tableContentWrapper.style.paddingLeft = '11px';
+        } else if (isTableInsideTable) {
+          tableContentWrapper.style.paddingLeft = '15px';
+          tableContentWrapper.style.paddingRight = '4px';
+        }
+      } else {
+        this.colControlsOffset = 0;
+        if (isTableInsideLayout) {
+          tableContentWrapper.style.removeProperty('padding-left');
+        } else if (isTableInsideTable) {
+          tableContentWrapper.style.removeProperty('padding-left');
+          tableContentWrapper.style.removeProperty('padding-right');
+        }
       }
     }
 

package/dist/es2019/pm-plugins/commands/column-resize.js

@@ -235,7 +235,7 @@ export const changeColumnWidthByStep = ({
   // only selected (or selected - 1) columns should be distributed
   const resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
   const scalePercent = isTableScalingEnabled && isCommentEditor && !((_originalTable$attrs = originalTable.attrs) !== null && _originalTable$attrs !== void 0 && _originalTable$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-  let newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled, scalePercent);
+  const newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled, scalePercent);
   customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition, api)(customTr);
   if (dispatch) {
     dispatch(customTr);

package/dist/es2019/pm-plugins/commands/insert.js

@@ -65,7 +65,7 @@ export const addColumnBefore = (api, isTableScalingEnabled = false, isTableFixed
     return false;
   }
   if (dispatch) {
-    let rect = selectedRect(state);
+    const rect = selectedRect(state);
     dispatch(addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
   return true;
@@ -82,7 +82,7 @@ export const addColumnAfter = (api, isTableScalingEnabled, isTableFixedColumnWid
     return false;
   }
   if (dispatch) {
-    let rect = selectedRect(state);
+    const rect = selectedRect(state);
     dispatch(addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
   return true;
@@ -91,7 +91,7 @@ export const insertColumn = (api, isTableScalingEnabled = false, isTableFixedCol
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
 ) => column => (state, dispatch, view) => {
-  let tr = addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+  const tr = addColumnAt(api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
   const table = findTable(tr.selection);
   if (!table) {
     return false;

package/dist/es2019/pm-plugins/commands/misc.js

@@ -558,7 +558,7 @@ export const addBoldInEmptyHeaderCells = tableCellHeader => (state, dispatch) =>
   return false;
 };
 export const updateWidthToWidest = widthToWidest => createCommand(state => {
-  let {
+  const {
     widthToWidest: prevWidthToWidest
   } = getPluginState(state);
   if (isEqual(widthToWidest, prevWidthToWidest)) {

package/dist/es2019/pm-plugins/drag-and-drop/commands.js

@@ -77,7 +77,7 @@ export const toggleDragMenu = (isDragMenuOpen, direction, index, trigger = 'mous
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
 ) => createCommand(state => {
-  let {
+  const {
     isDragMenuOpen: previousOpenState,
     dragMenuDirection: previousDragMenuDirection,
     dragMenuIndex: previousDragMenuIndex

package/dist/es2019/pm-plugins/table-analytics.js

@@ -36,7 +36,7 @@ const createPlugin = (dispatch, dispatchAnalyticsEvent, tableResizingEnabled) =>
     var _newPluginState$lastT;
     const newPluginState = pluginKey.getState(newState);
     let hasAnalyticsBeenDispatched = false;
-    let lastTriggerName = (newPluginState === null || newPluginState === void 0 ? void 0 : (_newPluginState$lastT = newPluginState.lastTrigger) === null || _newPluginState$lastT === void 0 ? void 0 : _newPluginState$lastT.name) ||
+    const lastTriggerName = (newPluginState === null || newPluginState === void 0 ? void 0 : (_newPluginState$lastT = newPluginState.lastTrigger) === null || _newPluginState$lastT === void 0 ? void 0 : _newPluginState$lastT.name) ||
     // NOTE: We assume that we know and can correctly differentiate
     // between all triggers of table overflow state change.
     // The only trigger we can't identify is viewport width change.

package/dist/es2019/pm-plugins/table-resizing/event-handlers.js

@@ -1,4 +1,4 @@
-import { ACTION_SUBJECT, CHANGE_ALIGNMENT_REASON, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
@@ -7,17 +7,15 @@ import { updateResizeHandleDecorations } from '../commands/misc';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { META_KEYS } from '../table-analytics';
 import { updateColumnWidths } from '../transforms/column-width';
-import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../utils/alignment';
-import { isTableNested } from '../utils/nodes';
 import { getSelectedColumnIndexes } from '../utils/selection';
 import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { TABLE_OFFSET_IN_COMMENT_EDITOR } from './utils/consts';
 import { updateControls } from './utils/dom';
 import { currentColWidth, getTableMaxWidth, pointsAtCell, getScalingPercentForTableWithoutWidth, getTableScalingPercent } from './utils/misc';
-import { resizeColumn, resizeColumnAndTable, scaleResizeState } from './utils/resize-column';
+import { resizeColumn } from './utils/resize-column';
 import { getResizeState } from './utils/resize-state';
-export const handleMouseDown = (view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor
+export const handleMouseDown = (view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isCommentEditor
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
 ) => {
@@ -29,7 +27,6 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
   const editorDisabled = !view.editable;
   const domAtPos = view.domAtPos.bind(view);
   const {
-    lineLength,
     width: editorWidth
   } = getEditorContainerWidth();
   if (editorDisabled || localResizeHandlePos === null || !pointsAtCell(state.doc.resolve(localResizeHandlePos))) {
@@ -80,7 +77,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
     shouldScale = tableDepth === 0;
     shouldUseIncreasedScalingPercent = true;
   }
-  let resizeState = getResizeState({
+  const resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize,
     table: originalTable,
@@ -113,18 +110,6 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
   // When we start resizing a column we need to ensure the underlying tooltip is removed from the decoration to avoid
   // unnecessary tooltips being displayed during drag.
   updateResizeHandleDecorations(nodeViewPortalProviderAPI, undefined, undefined, false)(state, dispatch);
-
-  // for new column resizing, take the current scaled version of table widths and use those as the basis for resizing
-  // implication: the scaled version of the table becomes the source of truth
-  if (isNewColumnResizingEnabled && shouldScale) {
-    resizeState = scaleResizeState({
-      resizeState,
-      tableRef: dom,
-      tableNode: originalTable,
-      editorWidth,
-      shouldUseIncreasedScalingPercent
-    });
-  }
   function finish(event) {
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -183,9 +168,8 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       // For example, if a table col is deleted we won't be able to reliably remap the new widths
       // There may be a more elegant solution to this, to avoid a jarring experience.
       if (table.eq(originalTable)) {
+        var _table$attrs;
         const map = TableMap.get(table);
-        const totalRowCount = map.height;
-        const totalColumnCount = map.width;
         const colIndex = map.colCount($cell.pos - start) + ($cell.nodeAfter ? $cell.nodeAfter.attrs.colspan : 1) - 1;
         const selectionRect = getSelectionRect(state.selection);
         const selectedColumns = selectionRect ? getSelectedColumnIndexes(selectionRect) : [];
@@ -197,51 +181,9 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
         }
         const resizedDelta = clientX - startX;
         const shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || isTableScalingEnabled && !!isCommentEditor;
-        if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
-          const newResizeState = resizeColumnAndTable({
-            resizeState,
-            colIndex,
-            amount: resizedDelta,
-            tableRef: dom,
-            tableNode: originalTable,
-            width: editorWidth,
-            lineLength,
-            isTableAlignmentEnabled
-          });
-          tr = updateColumnWidths(newResizeState, table, start, api)(tr);
-
-          // If the table is aligned to the start and the table width is greater than the line length, we should change the alignment to center
-          const shouldChangeAlignment = shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, originalTable, lineLength, newResizeState.maxSize);
-          if (shouldChangeAlignment) {
-            tr = tr.setNodeMarkup(start - 1, state.schema.nodes.table, {
-              ...table.attrs,
-              width: newResizeState.maxSize,
-              layout: ALIGN_CENTER
-            });
-            editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
-              action: TABLE_ACTION.CHANGED_ALIGNMENT,
-              actionSubject: ACTION_SUBJECT.TABLE,
-              actionSubjectId: null,
-              attributes: {
-                tableWidth: newResizeState.maxSize,
-                newAlignment: ALIGN_CENTER,
-                previousAlignment: ALIGN_START,
-                totalRowCount: totalRowCount,
-                totalColumnCount: totalColumnCount,
-                inputMethod: INPUT_METHOD.AUTO,
-                reason: CHANGE_ALIGNMENT_REASON.TABLE_COLUMN_RESIZED
-              },
-              eventType: EVENT_TYPE.TRACK
-            })(tr);
-          } else {
-            tr.setNodeAttribute(start - 1, 'width', newResizeState.maxSize);
-          }
-        } else {
-          var _table$attrs;
-          const scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-          const newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, shouldScale, scalePercent);
-          tr = updateColumnWidths(newResizeState, table, start, api)(tr);
-        }
+        const scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+        const newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, shouldScale, scalePercent);
+        tr = updateColumnWidths(newResizeState, table, start, api)(tr);
         if (colIndex === map.width - 1) {
           const mouseUpTime = event.timeStamp;
           editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
@@ -285,6 +227,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
     }
   }
   function move(event) {
+    var _table$attrs2;
     const {
       clientX,
       which
@@ -300,12 +243,11 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       isTableHovered
     } = getTablePluginState(state);
     const tablePos = state.doc.resolve(start).start(-1);
-    if (!which || !dragging || resizeHandlePos === null || !pointsAtCell(state.doc.resolve(resizeHandlePos)) || (!isNewColumnResizingEnabled || isTableNested(state, tablePos)) && !isTableHovered) {
+    if (!which || !dragging || resizeHandlePos === null || !pointsAtCell(state.doc.resolve(resizeHandlePos)) || !isTableHovered) {
       return finish(event);
     }
     const $cell = state.doc.resolve(resizeHandlePos);
     const table = $cell.node(-1);
-    // const tablePos = state.doc.resolve(start).start(-1);
     const tableDepth = state.doc.resolve(tablePos).depth;
     const map = TableMap.get(table);
     // Ignored via go/ees005
@@ -317,22 +259,8 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
       shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
     }
     const resizedDelta = clientX - dragging.startX;
-    if (isNewColumnResizingEnabled && !isTableNested(state, tablePos) && !isCommentEditor) {
-      resizeColumnAndTable({
-        resizeState,
-        colIndex,
-        amount: resizedDelta,
-        tableRef: dom,
-        tableNode: originalTable,
-        width: editorWidth,
-        lineLength,
-        isTableAlignmentEnabled
-      });
-    } else {
-      var _table$attrs2;
-      const scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? getScalingPercentForTableWithoutWidth(table, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-      resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
-    }
+    const scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? getScalingPercentForTableWithoutWidth(table, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+    resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
     updateControls()(state);
   }
 

package/dist/es2019/pm-plugins/table-resizing/plugin.js

@@ -12,7 +12,7 @@ import { getResizeCellPos } from './utils/dom';
 // eslint-disable-next-line @typescript-eslint/max-params
 export function createPlugin(dispatch, {
   lastColumnResizable = true
-}, getEditorContainerWidth, getEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
+}, getEditorContainerWidth, getEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled, isCommentEditor) {
   return new SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
@@ -54,7 +54,7 @@ export function createPlugin(dispatch, {
             isColumnKeyboardResizeStarted = isKeyboardResize;
           }
           if (resizeHandlePos !== null && (!dragging || isColumnKeyboardResizeStarted)) {
-            if (handleMouseDown(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled || false, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor)) {
+            if (handleMouseDown(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled || false, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isCommentEditor)) {
               const {
                 state,
                 dispatch

package/dist/es2019/pm-plugins/table-resizing/utils/misc.js

@@ -30,7 +30,7 @@ export function currentColWidth(view, cellPos, {
   colspan,
   colwidth
 }) {
-  let width = colwidth && colwidth[colwidth.length - 1];
+  const width = colwidth && colwidth[colwidth.length - 1];
   if (width) {
     return width;
   }
@@ -100,7 +100,7 @@ export const getScalingPercentForTableWithoutWidth = (table, tableRef) => {
   if (hasTableColumnBeenResized(table)) {
     var _tableRef$parentEleme2;
     const tableWidth = calcTableColumnWidths(table).reduce((sum, width) => sum + width, 0);
-    let renderWidth = (tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$parentEleme2 = tableRef.parentElement) === null || _tableRef$parentEleme2 === void 0 ? void 0 : _tableRef$parentEleme2.clientWidth) || tableWidth;
+    const renderWidth = (tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$parentEleme2 = tableRef.parentElement) === null || _tableRef$parentEleme2 === void 0 ? void 0 : _tableRef$parentEleme2.clientWidth) || tableWidth;
 
     // minus 1 here to avoid any 1px scroll in Firefox
     return (renderWidth - 1) / tableWidth;

package/dist/es2019/pm-plugins/table-resizing/utils/resize-column.js

@@ -1,10 +1,6 @@
 // Resize a given column by an amount from the current state
-import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { TableCssClassName as ClassName } from '../../../types';
-import { ALIGN_CENTER, ALIGN_START, shouldChangeAlignmentToCenterResized } from '../../utils/alignment';
-import { getTableScalingPercent } from './misc';
-import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
+
+import { growColumn, shrinkColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';
 export const resizeColumn = (resizeState, colIndex, amount, tableRef, tableNode, selectedColumns, isTableScalingEnabled = false, scalePercent = 1
 // Ignored via go/ees005
@@ -17,137 +13,4 @@ export const resizeColumn = (resizeState, colIndex, amount, tableRef, tableNode,
   const newState = resizeAmount > 0 ? growColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeAmount < 0 ? shrinkColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeState;
   updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled, scalePercent);
   return newState;
-};
-export const resizeColumnAndTable = ({
-  resizeState,
-  colIndex,
-  amount,
-  tableRef,
-  tableNode,
-  lineLength,
-  width: editorWidth,
-  isTableAlignmentEnabled
-}) => {
-  const editorContainerWidth = getEditorContainerWidth(editorWidth);
-  const isTableLeftAligned = tableNode.attrs.layout === ALIGN_START;
-  const isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-  const isOverflow = resizeState.tableWidth > resizeState.maxSize;
-  let resizeAmount = isTableLeftAligned ? amount : amount * 2;
-  const willTableHitEditorEdge = resizeState.maxSize + resizeAmount > editorContainerWidth;
-  const willResizedTableStayInOverflow = isOverflow && resizeState.tableWidth + resizeAmount / 2 > resizeState.maxSize;
-
-  // STEP 1: Update col width
-  if (willTableHitEditorEdge || willResizedTableStayInOverflow) {
-    var _tableRef$closest;
-    const tableContainerWidth = (_tableRef$closest = tableRef.closest('.pm-table-container')) === null || _tableRef$closest === void 0 ? void 0 : _tableRef$closest.clientWidth;
-    resizeAmount = amount < 0 ? amount :
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    resizeAmount - (resizeState.maxSize + resizeAmount - tableContainerWidth) / 2;
-  } else {
-    const diff = -(resizeState.tableWidth - resizeState.maxSize);
-    const rest = amount - diff;
-    const final = isTableLeftAligned ? diff + rest : diff + rest * 2;
-    resizeAmount = final;
-  }
-  const newState = updateAffectedColumn(resizeState, colIndex, resizeAmount);
-
-  // STEP 2: Update table container width
-  // columns have a min width, so delta !== resizeAmount when this is reached, use this for calculations
-  const delta = newState.cols[colIndex].width - resizeState.cols[colIndex].width;
-  newState.maxSize = Math.round(isOverflow ? willResizedTableStayInOverflow ?
-  // CASE 1A: table will stay in overflow
-  // do not grow the table because resize is happening in the overflow region
-  // and the overall table container needs to be retained
-  isNumberColumnEnabled ? resizeState.maxSize + akEditorTableNumberColumnWidth : resizeState.maxSize :
-  // CASE 1B: table will no longer be in overflow, so adjust container width
-  // ensure the table is resized without any 'big jumps' by working out
-  // the difference between the new table width and the max size and adding the resize
-  isNumberColumnEnabled ? resizeState.maxSize + akEditorTableNumberColumnWidth + (resizeState.tableWidth - resizeState.maxSize + akEditorTableNumberColumnWidth + delta) : resizeState.maxSize + (resizeState.tableWidth - resizeState.maxSize + delta) : willTableHitEditorEdge ?
-  // CASE 2: table will hit editor edge
-  editorContainerWidth :
-  // CASE 3: table is being resized from a non-overflow state
-  isNumberColumnEnabled ? resizeState.maxSize + akEditorTableNumberColumnWidth + delta : resizeState.maxSize + delta);
-
-  // do not apply scaling logic because resize state is already scaled
-  updateColgroup(newState, tableRef, tableNode, false, 1);
-  updateTablePreview(tableRef, newState.maxSize, shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, tableNode, lineLength, newState.maxSize));
-  return newState;
-};
-const updateTablePreview = (tableRef, newTableWidth, shouldChangeAlignment) => {
-  const resizingContainer = tableRef.closest(`.${ClassName.TABLE_RESIZER_CONTAINER}`);
-  const resizingItem = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.querySelector('.resizer-item');
-  const alignmentContainer = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.parentElement;
-  if (resizingItem) {
-    const newWidth = `${newTableWidth}px`;
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    resizingContainer.style.width = newWidth;
-    // Ignored via go/ees005
-    // eslint-disable-next-line @atlaskit/editor/no-as-casting
-    resizingItem.style.width = newWidth;
-    if (shouldChangeAlignment && alignmentContainer) {
-      alignmentContainer.style.justifyContent = ALIGN_CENTER;
-    }
-  }
-};
-const getEditorContainerWidth = editorWidth => Math.min(editorWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth);
-
-/**
- * Apply a scaling factor to resize state
- */
-export const scaleResizeState = ({
-  resizeState,
-  tableRef,
-  tableNode,
-  editorWidth,
-  shouldUseIncreasedScalingPercent
-}) => {
-  const isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-  const isTableScaled = isNumberColumnEnabled || resizeState.maxSize > getEditorContainerWidth(editorWidth);
-
-  // Tables with number column can cause the table to be in two different states:
-  // 1. The table sum of col widths will be smaller than the max size, which is incorrect. For this
-  // avoid scaling and take the document width
-  // 2. The table sum of col widths will be the same size as max width, which happens when the table
-  // is scaled using preserve table width logic, for this apply a scaled width
-  // return early if table isn't scaled
-  if (!isTableScaled || isNumberColumnEnabled && resizeState.maxSize > resizeState.tableWidth) {
-    return resizeState;
-  }
-  const scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
-  const scaledTableWidth = Math.round(resizeState.tableWidth * scalePercent);
-  let cols = resizeState.cols.map(col => {
-    return {
-      ...col,
-      minWidth: tableCellMinWidth,
-      width: Math.max(Math.round(col.width * scalePercent), tableCellMinWidth)
-    };
-  });
-  const calculatedTableWidth = cols.reduce((prev, curr) => prev + curr.width, 0);
-
-  // using Math.round can cause the sum of col widths to be larger than the table width
-  // distribute the difference to the first column
-  if (calculatedTableWidth > scaledTableWidth) {
-    const diff = calculatedTableWidth - scaledTableWidth;
-    let hasDiffBeenDistributed = false;
-    cols = cols.map(col => {
-      if (!hasDiffBeenDistributed && col.width - diff >= col.minWidth) {
-        hasDiffBeenDistributed = true;
-        return {
-          ...col,
-          width: col.width - diff
-        };
-      }
-      return col;
-    });
-  }
-  const maxSize = isNumberColumnEnabled ? Math.round((resizeState.maxSize + akEditorTableNumberColumnWidth) * scalePercent) : Math.round(resizeState.maxSize * scalePercent);
-  return {
-    ...resizeState,
-    widths: cols.map(col => col.width),
-    tableWidth: scaledTableWidth,
-    maxSize,
-    cols
-  };
 };

package/dist/es2019/pm-plugins/table-resizing/utils/resize-logic.js

@@ -137,7 +137,7 @@ function stackSpace(state, destIdx, amount) {
   let candidates = getCandidates(state, destIdx, amount);
   while (candidates.length && amount) {
     // search for most (or least) free space in candidates
-    let candidateIdx = findNextFreeColumn(candidates, amount);
+    const candidateIdx = findNextFreeColumn(candidates, amount);
     if (candidateIdx === -1) {
       // stack to the right -> growing the dragging column and go overflow
       if (amount > 0) {

package/dist/es2019/pm-plugins/table-resizing/utils/resize-state.js

@@ -311,7 +311,6 @@ export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, getE
     layout,
     getEditorContainerWidth
   });
-  let resizeState;
   let isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
   const isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
@@ -322,7 +321,7 @@ export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, getE
     isTableScalingEnabledOnCurrentTable = true;
     shouldUseIncreasedScalingPercent = true;
   }
-  resizeState = getResizeState({
+  const resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize,
     table: table.node,

package/dist/es2019/pm-plugins/table-resizing/utils/scale-table.js

@@ -99,7 +99,7 @@ export function scaleTableTo(state, maxSize) {
       };
     })
   };
-  let newTotalWidth = getTotalWidth(newState);
+  const newTotalWidth = getTotalWidth(newState);
   if (newTotalWidth > maxSize) {
     newState = reduceSpace(newState, newTotalWidth - maxSize);
   }

package/dist/es2019/pm-plugins/transforms/delete-columns.js

@@ -18,7 +18,7 @@ const deleteColumnsCustomStep = rect => tr => {
   splitCellsInColumns(tr, table.pos, rect.left, rect.right);
 
   // Delete the columns
-  let mapStart = tr.mapping.maps.length;
+  const mapStart = tr.mapping.maps.length;
   const originalDoc = tr.doc;
   const deletedColumns = [];
   for (let i = rect.left; i < rect.right; i++) {

package/dist/es2019/pm-plugins/transforms/fix-tables.js

@@ -146,7 +146,7 @@ function parseDOMColumnWidths(domAtPos, tableNode, tableStart, tableRef) {
   if (!row) {
     return [];
   }
-  let cols = [];
+  const cols = [];
   for (let col = 0; col < row.childElementCount; col++) {
     const currentCol = row.children[col];
     const colspan = Number(currentCol.getAttribute('colspan') || 1);

package/dist/es2019/pm-plugins/transforms/replace-table.js

@@ -11,7 +11,7 @@ export const replaceSelectedTable = (state, content, inputMethod, editorAnalytic
     const table = findTable(state.selection);
     if (table) {
       const slice = typeof content === 'string' ? new Slice(Fragment.from(state.schema.text(content)), 0, 0) : content;
-      let tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
+      const tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
       tr.setSelection(TextSelection.create(tr.doc, table.pos + slice.size + 1));
       const {
         totalRowCount,

package/dist/es2019/pm-plugins/transforms/split.js

@@ -10,7 +10,7 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
 export function splitCellsInColumns(tr, tablePos, columnStart, columnEnd) {
-  let mapStart = tr.mapping.maps.length;
+  const mapStart = tr.mapping.maps.length;
   const table = tr.doc.nodeAt(tablePos);
   if (!table) {
     return tr;
@@ -48,7 +48,7 @@ export function splitCellsInColumns(tr, tablePos, columnStart, columnEnd) {
         // Add the new cells
         for (let cellRowIndex = rowIndex; cellRowIndex < rowIndex + rowspan; cellRowIndex++) {
           for (let i = 0; i < colspan; i++) {
-            let mapping = tr.mapping.slice(mapStart);
+            const mapping = tr.mapping.slice(mapStart);
             const cellPos = map.positionAt(cellRowIndex, column + i, table);
             tr.insert(mapping.map(cellPos + tableStart),
             // Ignored via go/ees005

package/dist/es2019/pm-plugins/utils/analytics.js

@@ -117,10 +117,10 @@ export const useMeasureFramerate = (config = {}) => {
     sampleRateMs = 1000,
     timeoutMs = 200
   } = config;
-  let frameCount = useRef(0);
-  let lastTime = useRef(0);
-  let timeoutId = useRef();
-  let frameRateSamples = useRef([]);
+  const frameCount = useRef(0);
+  const lastTime = useRef(0);
+  const timeoutId = useRef();
+  const frameRateSamples = useRef([]);
   useEffect(() => {
     return () => {
       if (timeoutId.current) {

package/dist/es2019/pm-plugins/utils/column-controls.js

@@ -130,7 +130,7 @@ export const colWidthsForRow = tr => {
     }));
 
     // reverse engineer cell widths from table widths
-    let domBasedCellWidths = [];
+    const domBasedCellWidths = [];
     cellInfos.map(cell => {
       domBasedCellWidths.push(...getRelativeDomCellWidths(cell));
     });

package/dist/es2019/pm-plugins/utils/drag-menu.js

@@ -270,7 +270,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
     },
     keymap: keymap && tooltip(keymap)
   }))];
-  let allConfigs = [...restConfigs];
+  const allConfigs = [...restConfigs];
   allConfigs.unshift(...sortConfigs);
   return allConfigs.filter(Boolean);
 };

package/dist/es2019/pm-plugins/utils/merged-cells.js

@@ -160,8 +160,8 @@ export const checkEdgeHasMergedCells = (indexes, tableMap, direction) => {
   } = tableMap;
   const map = 'row' === direction ? mapByRow : mapByColumn;
   const lengthLimiter = direction === 'row' ? tableMap.width : tableMap.height;
-  let minIndex = Math.min(...indexes);
-  let maxIndex = Math.max(...indexes);
+  const minIndex = Math.min(...indexes);
+  const maxIndex = Math.max(...indexes);
   let isTopSideHaveMergedCells = false;
   let isBottomSideHaveMergedCells = false;
 
@@ -169,8 +169,8 @@ export const checkEdgeHasMergedCells = (indexes, tableMap, direction) => {
     * this is to check if the cell position from last focused table is overflow. since if you selection from a cell in 6th row and 7th column cell in a 7x8 table to 3x3 table, the cell position will be overflow because new table dont have this cell at all.
     TODO: ED-22335 this should better called only when hover over the drag handle.
    */
-  let isOldMinIndex = !map[minIndex - 1] || !map[minIndex];
-  let isOldMaxIndex = !map[maxIndex + 1] || !map[maxIndex];
+  const isOldMinIndex = !map[minIndex - 1] || !map[minIndex];
+  const isOldMaxIndex = !map[maxIndex + 1] || !map[maxIndex];
   if (minIndex > 0 && !isOldMinIndex) {
     const prevSelectionSet = map[minIndex - 1];
     const minSelectionSet = map[minIndex];