@atlaskit/editor-plugin-table 8.4.14 → 9.0.0

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -98,14 +98,12 @@ export class ContextualMenu extends Component {
         var _node$attrs, _node$attrs2;
         const node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
         const background = hexToEditorBackgroundPaletteColor((node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
-        let selectedRowIndex;
-        let selectedColumnIndex;
         const selectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette(cellBackgroundColorPalette,
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         background, colorPalletteColumns);
-        selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
-        selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
+        const selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
+        const selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
         return {
           content: isDragAndDropEnabled ? formatMessage(messages.backgroundColor) : formatMessage(messages.cellBackground),
           value: {
@@ -462,7 +460,7 @@ export class ContextualMenu extends Component {
       return null;
     });
     _defineProperty(this, "createOriginalContextMenuItems", () => {
-      let items = [];
+      const items = [];
       const sortColumnItems = this.createSortColumnItems();
       const backgroundColorItem = this.createBackgroundColorItem();
       const distributeColumnsItem = this.createDistributeColumnsItem();
@@ -489,7 +487,7 @@ export class ContextualMenu extends Component {
       const deleteRowItem = this.createDeleteRowItem();
 
       // Group items so when table.menu.group-items FF is enabled, a divider shows under split cell, above add column
-      let items = [{
+      const items = [{
         items: []
       }, {
         items: []

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -95,7 +95,7 @@ const MapDragMenuOptionIdToMessage = {
   }
 };
 const getGroupedDragMenuConfig = () => {
-  let groupedDragMenuConfig = [['add_row_above', 'add_row_below', 'add_column_left', 'add_column_right', 'distribute_columns', 'clear_cells', 'delete_row', 'delete_column'], ['move_column_left', 'move_column_right', 'move_row_up', 'move_row_down']];
+  const groupedDragMenuConfig = [['add_row_above', 'add_row_below', 'add_column_left', 'add_column_right', 'distribute_columns', 'clear_cells', 'delete_row', 'delete_column'], ['move_column_left', 'move_column_right', 'move_row_up', 'move_row_down']];
   const sortColumnItems = ['sort_column_asc', 'sort_column_desc'];
   groupedDragMenuConfig.unshift(sortColumnItems);
   return groupedDragMenuConfig;
@@ -106,8 +106,8 @@ const elementBeforeIconStyles = xcss({
 });
 const convertToDropdownItems = (dragMenuConfig, formatMessage, selectionRect) => {
   const groupedDragMenuConfig = getGroupedDragMenuConfig();
-  let menuItemsArr = [...Array(groupedDragMenuConfig.length)].map(() => []);
-  let menuCallback = {};
+  const menuItemsArr = [...Array(groupedDragMenuConfig.length)].map(() => []);
+  const menuCallback = {};
   dragMenuConfig.forEach(item => {
     var _MapDragMenuOptionIdT;
     const menuGroupIndex = groupedDragMenuConfig.findIndex(group => group.includes(item.id));
@@ -391,7 +391,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
    * @returns true when the menu should be closed, false otherwise
    */
   const shouldCloseMenu = state => {
-    let {
+    const {
       isDragMenuOpen: previousOpenState,
       dragMenuDirection: previousDragMenuDirection,
       dragMenuIndex: previousDragMenuIndex

package/dist/es2019/ui/FloatingDragMenu/DropdownMenu.js

@@ -38,8 +38,8 @@ export const DropdownMenu = ({
   };
 
   // more offsets calculation as offsets depend on the direction and updated placement here
-  let offsetY = direction === 'row' ? popupPlacement[0] === 'bottom' ? -8 : -34 : 0;
-  let offsetX = direction === 'column' ? popupPlacement[1] === 'left' ? 0 : -7 : 0;
+  const offsetY = direction === 'row' ? popupPlacement[0] === 'bottom' ? -8 : -34 : 0;
+  const offsetX = direction === 'column' ? popupPlacement[1] === 'left' ? 0 : -7 : 0;
   const innerMenu = () => {
     return /*#__PURE__*/React.createElement(DropListWithOutsideListeners, {
       isOpen: true,

package/dist/es2019/ui/toolbar.js

@@ -361,10 +361,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
 
   // We don't want to show floating toolbar while resizing the table
   const isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
-
-  // Hide floating toolbar when resizing column and internal column width is on
-  const shouldHideToolbarForInternalColumnWidth = Boolean((options === null || options === void 0 ? void 0 : options.isNewColumnResizingEnabled) && resizeState && resizeState.dragging);
-  if (tableObject && pluginState.editorHasFocus && !isWidthResizing && !shouldHideToolbarForInternalColumnWidth) {
+  if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
     const nodeType = state.schema.nodes.table;
     const isNested = pluginState.tablePos && isTableNested(state, pluginState.tablePos);
     const isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;

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

@@ -1,7 +1,4 @@
-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 { 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';
@@ -10,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 var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor
+export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isCommentEditor
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
 ) {
@@ -30,7 +25,6 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
   var editorDisabled = !view.editable;
   var domAtPos = view.domAtPos.bind(view);
   var _getEditorContainerWi = getEditorContainerWidth(),
-    lineLength = _getEditorContainerWi.lineLength,
     editorWidth = _getEditorContainerWi.width;
   if (editorDisabled || localResizeHandlePos === null || !pointsAtCell(state.doc.resolve(localResizeHandlePos))) {
     return false;
@@ -112,18 +106,6 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
   // 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: resizeState,
-      tableRef: dom,
-      tableNode: originalTable,
-      editorWidth: editorWidth,
-      shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
-    });
-  }
   function finish(event) {
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -172,9 +154,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
       // 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;
         var map = TableMap.get(table);
-        var totalRowCount = map.height;
-        var totalColumnCount = map.width;
         var colIndex = map.colCount($cell.pos - start) + ($cell.nodeAfter ? $cell.nodeAfter.attrs.colspan : 1) - 1;
         var selectionRect = getSelectionRect(state.selection);
         var selectedColumns = selectionRect ? getSelectedColumnIndexes(selectionRect) : [];
@@ -186,50 +167,9 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         }
         var resizedDelta = clientX - startX;
         var _shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || isTableScalingEnabled && !!isCommentEditor;
-        if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
-          var newResizeState = resizeColumnAndTable({
-            resizeState: resizeState,
-            colIndex: colIndex,
-            amount: resizedDelta,
-            tableRef: dom,
-            tableNode: originalTable,
-            width: editorWidth,
-            lineLength: lineLength,
-            isTableAlignmentEnabled: 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
-          var shouldChangeAlignment = shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, originalTable, lineLength, newResizeState.maxSize);
-          if (shouldChangeAlignment) {
-            tr = tr.setNodeMarkup(start - 1, state.schema.nodes.table, _objectSpread(_objectSpread({}, table.attrs), {}, {
-              width: newResizeState.maxSize,
-              layout: ALIGN_CENTER
-            }));
-            editorAnalyticsAPI === null || editorAnalyticsAPI === 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;
-          var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, _shouldUseIncreasedScalingPercent);
-          var _newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, scalePercent);
-          tr = updateColumnWidths(_newResizeState, table, start, api)(tr);
-        }
+        var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, _shouldUseIncreasedScalingPercent);
+        var newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, scalePercent);
+        tr = updateColumnWidths(newResizeState, table, start, api)(tr);
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
           editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
@@ -273,6 +213,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     }
   }
   function move(event) {
+    var _table$attrs2;
     var clientX = event.clientX,
       which = event.which;
     var state = view.state;
@@ -282,12 +223,11 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     var _getTablePluginState3 = getTablePluginState(state),
       isTableHovered = _getTablePluginState3.isTableHovered;
     var 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);
     }
     var $cell = state.doc.resolve(resizeHandlePos);
     var table = $cell.node(-1);
-    // const tablePos = state.doc.resolve(start).start(-1);
     var tableDepth = state.doc.resolve(tablePos).depth;
     var map = TableMap.get(table);
     // Ignored via go/ees005
@@ -299,22 +239,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
       shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
     }
     var resizedDelta = clientX - dragging.startX;
-    if (isNewColumnResizingEnabled && !isTableNested(state, tablePos) && !isCommentEditor) {
-      resizeColumnAndTable({
-        resizeState: resizeState,
-        colIndex: colIndex,
-        amount: resizedDelta,
-        tableRef: dom,
-        tableNode: originalTable,
-        width: editorWidth,
-        lineLength: lineLength,
-        isTableAlignmentEnabled: isTableAlignmentEnabled
-      });
-    } else {
-      var _table$attrs2;
-      var 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);
-    }
+    var 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/esm/pm-plugins/table-resizing/plugin.js

@@ -11,7 +11,7 @@ import { getResizeCellPos } from './utils/dom';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/max-params
-export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
+export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled, isCommentEditor) {
   var _ref$lastColumnResiza = _ref.lastColumnResizable,
     lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
   return new SafePlugin({
@@ -48,7 +48,7 @@ export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorF
             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)) {
               var _state = view.state,
                 _dispatch = view.dispatch;
               return setResizeHandlePos(resizeHandlePos)(_state, _dispatch);

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

@@ -1,13 +1,6 @@
-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; }
 // 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 var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
@@ -19,138 +12,4 @@ export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, t
   var 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 var resizeColumnAndTable = function resizeColumnAndTable(_ref) {
-  var resizeState = _ref.resizeState,
-    colIndex = _ref.colIndex,
-    amount = _ref.amount,
-    tableRef = _ref.tableRef,
-    tableNode = _ref.tableNode,
-    lineLength = _ref.lineLength,
-    editorWidth = _ref.width,
-    isTableAlignmentEnabled = _ref.isTableAlignmentEnabled;
-  var editorContainerWidth = getEditorContainerWidth(editorWidth);
-  var isTableLeftAligned = tableNode.attrs.layout === ALIGN_START;
-  var isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-  var isOverflow = resizeState.tableWidth > resizeState.maxSize;
-  var resizeAmount = isTableLeftAligned ? amount : amount * 2;
-  var willTableHitEditorEdge = resizeState.maxSize + resizeAmount > editorContainerWidth;
-  var willResizedTableStayInOverflow = isOverflow && resizeState.tableWidth + resizeAmount / 2 > resizeState.maxSize;
-
-  // STEP 1: Update col width
-  if (willTableHitEditorEdge || willResizedTableStayInOverflow) {
-    var _tableRef$closest;
-    var 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 {
-    var diff = -(resizeState.tableWidth - resizeState.maxSize);
-    var rest = amount - diff;
-    var final = isTableLeftAligned ? diff + rest : diff + rest * 2;
-    resizeAmount = final;
-  }
-  var 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
-  var 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;
-};
-var updateTablePreview = function updateTablePreview(tableRef, newTableWidth, shouldChangeAlignment) {
-  var resizingContainer = tableRef.closest(".".concat(ClassName.TABLE_RESIZER_CONTAINER));
-  var resizingItem = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.querySelector('.resizer-item');
-  var alignmentContainer = resizingContainer === null || resizingContainer === void 0 ? void 0 : resizingContainer.parentElement;
-  if (resizingItem) {
-    var newWidth = "".concat(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;
-    }
-  }
-};
-var getEditorContainerWidth = function getEditorContainerWidth(editorWidth) {
-  return Math.min(editorWidth - akEditorGutterPaddingDynamic() * 2, akEditorFullWidthLayoutWidth);
-};
-
-/**
- * Apply a scaling factor to resize state
- */
-export var scaleResizeState = function scaleResizeState(_ref2) {
-  var resizeState = _ref2.resizeState,
-    tableRef = _ref2.tableRef,
-    tableNode = _ref2.tableNode,
-    editorWidth = _ref2.editorWidth,
-    shouldUseIncreasedScalingPercent = _ref2.shouldUseIncreasedScalingPercent;
-  var isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
-  var 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;
-  }
-  var scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
-  var scaledTableWidth = Math.round(resizeState.tableWidth * scalePercent);
-  var cols = resizeState.cols.map(function (col) {
-    return _objectSpread(_objectSpread({}, col), {}, {
-      minWidth: tableCellMinWidth,
-      width: Math.max(Math.round(col.width * scalePercent), tableCellMinWidth)
-    });
-  });
-  var calculatedTableWidth = cols.reduce(function (prev, curr) {
-    return 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) {
-    var diff = calculatedTableWidth - scaledTableWidth;
-    var hasDiffBeenDistributed = false;
-    cols = cols.map(function (col) {
-      if (!hasDiffBeenDistributed && col.width - diff >= col.minWidth) {
-        hasDiffBeenDistributed = true;
-        return _objectSpread(_objectSpread({}, col), {}, {
-          width: col.width - diff
-        });
-      }
-      return col;
-    });
-  }
-  var maxSize = isNumberColumnEnabled ? Math.round((resizeState.maxSize + akEditorTableNumberColumnWidth) * scalePercent) : Math.round(resizeState.maxSize * scalePercent);
-  return _objectSpread(_objectSpread({}, resizeState), {}, {
-    widths: cols.map(function (col) {
-      return col.width;
-    }),
-    tableWidth: scaledTableWidth,
-    maxSize: maxSize,
-    cols: cols
-  });
 };

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

@@ -332,7 +332,6 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     layout: layout,
     getEditorContainerWidth: getEditorContainerWidth
   });
-  var resizeState;
   var isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
   var isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled;
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
@@ -343,7 +342,7 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     isTableScalingEnabledOnCurrentTable = true;
     shouldUseIncreasedScalingPercent = true;
   }
-  resizeState = getResizeState({
+  var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: maxSize,
     table: table.node,

package/dist/esm/pm-plugins/view-mode-sort/utils.js

@@ -67,6 +67,9 @@ export var toggleSort = function toggleSort(view, event, pluginState) {
   if (!tableId || !tableNode || (tableNode === null || tableNode === void 0 || (_tableNode$type = tableNode.type) === null || _tableNode$type === void 0 ? void 0 : _tableNode$type.name) !== 'table') {
     return;
   }
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line prefer-const
   var _ref = (pluginState === null || pluginState === void 0 ? void 0 : pluginState[tableId]) || {},
     index = _ref.index,
     direction = _ref.direction,

package/dist/esm/tablePlugin.js

@@ -247,14 +247,12 @@ var tablesPlugin = function tablesPlugin(_ref) {
             fullWidthEnabled = _ref5.fullWidthEnabled,
             tableOptions = _ref5.tableOptions,
             getEditorFeatureFlags = _ref5.getEditorFeatureFlags,
-            isTableScalingEnabled = _ref5.isTableScalingEnabled,
-            isNewColumnResizingEnabled = _ref5.isNewColumnResizingEnabled;
+            isTableScalingEnabled = _ref5.isTableScalingEnabled;
           var _pluginConfig2 = pluginConfig(tableOptions),
-            allowColumnResizing = _pluginConfig2.allowColumnResizing,
-            allowTableAlignment = _pluginConfig2.allowTableAlignment;
+            allowColumnResizing = _pluginConfig2.allowColumnResizing;
           return allowColumnResizing ? createFlexiResizingPlugin(dispatch, {
             lastColumnResizable: !fullWidthEnabled
-          }, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled || false, isNewColumnResizingEnabled, allowTableAlignment, !!(options !== null && options !== void 0 && options.isCommentEditor)) : undefined;
+          }, defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, api, nodeViewPortalProviderAPI, editorAnalyticsAPI, isTableScalingEnabled || false, !!(options !== null && options !== void 0 && options.isCommentEditor)) : undefined;
         }
       }, {
         name: 'tableEditing',

package/dist/esm/ui/DragPreview/index.js

@@ -29,6 +29,7 @@ export var DragPreview = function DragPreview(_ref) {
       marginLeft: "".concat(marginLeft, "px"),
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       marginTop: "".concat(marginTop, "px"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       transform: transform
     }
   }));

package/dist/esm/ui/FloatingContextualButton/index.js

@@ -48,8 +48,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var domAtPos = editorView.domAtPos.bind(editorView);
-  var targetCellRef;
-  targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
+  var targetCellRef = findDomRefAtPos(targetCellPosition, domAtPos);
   useEffect(function () {
     if (isCellMenuOpenByKeyboard && !isContextualMenuOpen) {
       var state = editorView.state,

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

@@ -105,14 +105,12 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         var _node$attrs, _node$attrs2;
         var node = isOpen && targetCellPosition ? state.doc.nodeAt(targetCellPosition) : null;
         var background = hexToEditorBackgroundPaletteColor((node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.background) || '#ffffff');
-        var selectedRowIndex;
-        var selectedColumnIndex;
         var selectedRowAndColumnFromPalette = getSelectedRowAndColumnFromPalette(cellBackgroundColorPalette,
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         background, colorPalletteColumns);
-        selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
-        selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
+        var selectedRowIndex = selectedRowAndColumnFromPalette.selectedRowIndex;
+        var selectedColumnIndex = selectedRowAndColumnFromPalette.selectedColumnIndex;
         return {
           content: isDragAndDropEnabled ? formatMessage(messages.backgroundColor) : formatMessage(messages.cellBackground),
           value: {

package/dist/esm/ui/toolbar.js

@@ -365,10 +365,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
 
       // We don't want to show floating toolbar while resizing the table
       var isWidthResizing = tableWidthState === null || tableWidthState === void 0 ? void 0 : tableWidthState.resizing;
-
-      // Hide floating toolbar when resizing column and internal column width is on
-      var shouldHideToolbarForInternalColumnWidth = Boolean((options === null || options === void 0 ? void 0 : options.isNewColumnResizingEnabled) && resizeState && resizeState.dragging);
-      if (tableObject && pluginState.editorHasFocus && !isWidthResizing && !shouldHideToolbarForInternalColumnWidth) {
+      if (tableObject && pluginState.editorHasFocus && !isWidthResizing) {
         var nodeType = state.schema.nodes.table;
         var isNested = pluginState.tablePos && isTableNested(state, pluginState.tablePos);
         var isTableScalingWithFixedColumnWidthsOptionShown = isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && !isNested;

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

@@ -3,4 +3,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
-export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean) => boolean;
+export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isCommentEditor?: boolean) => boolean;

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

@@ -4,4 +4,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { ColumnResizingPluginState, PluginInjectionAPI } from '../../types';
-export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean): SafePlugin<ColumnResizingPluginState>;
+export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isCommentEditor?: boolean): SafePlugin<ColumnResizingPluginState>;

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

@@ -1,27 +1,3 @@
-import { type EditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { ResizeState } from './types';
 export declare const resizeColumn: (resizeState: ResizeState, colIndex: number, amount: number, tableRef: HTMLElement | null, tableNode: PmNode, selectedColumns?: number[], isTableScalingEnabled?: boolean, scalePercent?: number) => ResizeState;
-type ResizeInformation = {
-    resizeState: ResizeState;
-    colIndex: number;
-    amount: number;
-};
-type TableReferences = {
-    tableRef: HTMLElement;
-    tableNode: PmNode;
-};
-type TableResizingPluginOptions = {
-    isTableAlignmentEnabled?: boolean;
-};
-type ResizeColumnAndTable = ResizeInformation & TableResizingPluginOptions & TableReferences & EditorContainerWidth;
-export declare const resizeColumnAndTable: ({ resizeState, colIndex, amount, tableRef, tableNode, lineLength, width: editorWidth, isTableAlignmentEnabled, }: ResizeColumnAndTable) => ResizeState;
-/**
- * Apply a scaling factor to resize state
- */
-export declare const scaleResizeState: ({ resizeState, tableRef, tableNode, editorWidth, shouldUseIncreasedScalingPercent, }: TableReferences & {
-    resizeState: ResizeState;
-    editorWidth: number;
-    shouldUseIncreasedScalingPercent: boolean;
-}) => ResizeState;
-export {};

package/dist/types/tablePluginType.d.ts

@@ -18,7 +18,6 @@ export interface TablePluginOptions {
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;
     getEditorFeatureFlags?: GetEditorFeatureFlags;
-    isNewColumnResizingEnabled?: boolean;
     isCommentEditor?: boolean;
     isChromelessEditor?: boolean;
 }

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

@@ -3,4 +3,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
-export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean) => boolean;
+export declare const handleMouseDown: (view: EditorView, event: MouseEvent, localResizeHandlePos: number, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, isTableScalingEnabled: boolean, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isCommentEditor?: boolean) => boolean;

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

@@ -4,4 +4,4 @@ import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { ColumnResizingPluginState, PluginInjectionAPI } from '../../types';
-export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isNewColumnResizingEnabled?: boolean, isTableAlignmentEnabled?: boolean, isCommentEditor?: boolean): SafePlugin<ColumnResizingPluginState>;
+export declare function createPlugin(dispatch: Dispatch<ColumnResizingPluginState>, { lastColumnResizable }: ColumnResizingPluginState, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, api: PluginInjectionAPI | undefined | null, nodeViewPortalProviderAPI: PortalProviderAPI, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isCommentEditor?: boolean): SafePlugin<ColumnResizingPluginState>;