@atlaskit/editor-plugin-table 8.4.14 → 9.0.1

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

@@ -42,8 +42,8 @@ export const getTableWidth = node => {
   return getTableWidths(node).reduce((acc, current) => acc + current, 0);
 };
 export const tablesHaveDifferentColumnWidths = (currentTable, previousTable) => {
-  let currentTableWidths = getTableWidths(currentTable);
-  let previousTableWidths = getTableWidths(previousTable);
+  const currentTableWidths = getTableWidths(currentTable);
+  const previousTableWidths = getTableWidths(previousTable);
   if (currentTableWidths.length !== previousTableWidths.length) {
     return true;
   }
@@ -76,7 +76,7 @@ function getTableWidths(node) {
   if (!node.content.firstChild) {
     return [];
   }
-  let tableWidths = [];
+  const tableWidths = [];
   node.content.firstChild.content.forEach(cell => {
     if (Array.isArray(cell.attrs.colwidth)) {
       const colspan = cell.attrs.colspan || 1;

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

@@ -116,8 +116,8 @@ export const copyPreviousRow = schema => insertNewRowIndex => tr => {
   const offsetNextLineIndexPosition = insertNewRowIndex * map.width;
   const cellsPositionsInOriginalRow = map.map.slice(offsetIndexPosition, offsetIndexPosition + map.width);
   const cellsPositionsInNextRow = map.map.slice(offsetNextLineIndexPosition, offsetNextLineIndexPosition + map.width);
-  let cells = [];
-  let fixRowspans = [];
+  const cells = [];
+  const fixRowspans = [];
   for (let i = 0; i < cellsPositionsInOriginalRow.length;) {
     const pos = cellsPositionsInOriginalRow[i];
     const documentCellPos = pos + table.start;

package/dist/es2019/pm-plugins/view-mode-sort/index.js

@@ -42,8 +42,8 @@ export const createPlugin = (api, nodeViewPortalProviderAPI) => {
           allTables
         } = pluginState;
         const sortMeta = tr.getMeta('tableSortMeta');
-        let hoverTableMeta = tr.getMeta('mouseEnterTable');
-        let removeTableMeta = tr.getMeta('removeTable');
+        const hoverTableMeta = tr.getMeta('mouseEnterTable');
+        const removeTableMeta = tr.getMeta('removeTable');
         let tableId = '';
 
         // Remove the table from the state

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

@@ -47,7 +47,7 @@ export const toggleSort = (view, event, pluginState) => {
   if (widget !== null && widget !== void 0 && widget.classList.contains(IS_DISABLED_CLASS_NAME) || !widget) {
     return;
   }
-  let dataSortIndex = target === null || target === void 0 ? void 0 : (_target$closest = target.closest('.ProseMirror-widget')) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute(SORT_INDEX_DATA_ATTRIBUTE);
+  const dataSortIndex = target === null || target === void 0 ? void 0 : (_target$closest = target.closest('.ProseMirror-widget')) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute(SORT_INDEX_DATA_ATTRIBUTE);
   const tr = view.state.tr;
   const tableElement = target.closest('table');
   if (!tableElement || !dataSortIndex) {
@@ -59,6 +59,9 @@ export const toggleSort = (view, event, pluginState) => {
   if (!tableId || !tableNode || (tableNode === null || tableNode === void 0 ? 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
   let {
     index,
     direction,

package/dist/es2019/tablePlugin.js

@@ -245,16 +245,14 @@ const tablesPlugin = ({
             fullWidthEnabled,
             tableOptions,
             getEditorFeatureFlags,
-            isTableScalingEnabled,
-            isNewColumnResizingEnabled
+            isTableScalingEnabled
           } = options || {};
           const {
-            allowColumnResizing,
-            allowTableAlignment
+            allowColumnResizing
           } = pluginConfig(tableOptions);
           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/es2019/ui/DragPreview/index.js

@@ -13,9 +13,9 @@ export const DragPreview = ({
   width,
   height
 }) => {
-  let marginLeft = direction === 'row' ? -14 : width / 2 - 14;
-  let marginTop = direction === 'row' ? height / 2 - 14 : -10;
-  let transform = direction === 'row' ? 'rotate(90deg)' : 'none';
+  const marginLeft = direction === 'row' ? -14 : width / 2 - 14;
+  const marginTop = direction === 'row' ? height / 2 - 14 : -10;
+  const transform = direction === 'row' ? 'rotate(90deg)' : 'none';
   return /*#__PURE__*/React.createElement(Box, {
     xcss: boxStyles,
     style: {
@@ -30,6 +30,7 @@ export const DragPreview = ({
       marginLeft: `${marginLeft}px`,
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
       marginTop: `${marginTop}px`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       transform: transform
     }
   }));

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

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

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/TableFullWidthLabel/index.js

@@ -8,6 +8,7 @@ const tableFullWidthLabelWrapperStyles = xcss({
   backgroundColor: 'elevation.surface.overlay',
   borderRadius: 'border.radius',
   boxShadow: 'elevation.shadow.overlay',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 1,
   boxSizing: 'border-box',
   alignItems: 'center'

package/dist/es2019/ui/event-handlers.js

@@ -1,7 +1,9 @@
 import rafSchedule from 'raf-schd';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { browser, closestElement, isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { cellAround, findCellRectClosestToPos, findTable, getSelectionRect, removeTable } from '@atlaskit/editor-tables/utils';
@@ -140,7 +142,16 @@ export const handleMouseOver = (view, mouseEvent) => {
     } = view;
     return hoverColumns([startIndex], false)(state, dispatch);
   }
-  if ((isCell(target) || isCornerButton(target)) && (typeof insertColumnButtonIndex === 'number' || typeof insertRowButtonIndex === 'number')) {
+  const isNestedTable = getParentOfTypeCount(state.schema.nodes.table)(state.selection.$from) > 1;
+  if (isNestedTable) {
+    // if the table is nested inside a table, we only call hideInsertColumnOrRowButton if the table nearest to the mouse target is NOT the parent table
+    const nearestTable = closestElement(target, 'table');
+    const nestedTable = findParentNodeOfTypeClosestToPos(state.doc.resolve(state.selection.from), [state.schema.nodes.table]);
+    const parentTable = findParentNodeOfTypeClosestToPos(state.doc.resolve((nestedTable === null || nestedTable === void 0 ? void 0 : nestedTable.pos) || 0), [state.schema.nodes.table]);
+    if ((nearestTable === null || nearestTable === void 0 ? void 0 : nearestTable.dataset.tableLocalId) !== (parentTable === null || parentTable === void 0 ? void 0 : parentTable.node.attrs.localId)) {
+      return hideInsertColumnOrRowButton()(state, dispatch);
+    }
+  } else if ((isCell(target) || isCornerButton(target)) && (typeof insertColumnButtonIndex === 'number' || typeof insertRowButtonIndex === 'number')) {
     return hideInsertColumnOrRowButton()(state, dispatch);
   }
   if (isResizeHandleDecoration(target)) {

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/nodeviews/TableRow.js

@@ -406,6 +406,7 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "onTablePluginState",
     value: function onTablePluginState(state) {
+      var _parentContainer$pare, _parentContainer$pare2;
       var tableRef = state.tableRef;
       var tree = getTree(this.dom);
       if (!tree) {
@@ -430,22 +431,31 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
       var wrapper = tree.wrapper;
       var tableContainer = wrapper.parentElement;
       var tableContentWrapper = tableContainer === null || tableContainer === void 0 ? void 0 : tableContainer.parentElement;
-      var layoutContainer = tableContentWrapper && tableContentWrapper.parentElement;
-      if (isCurrentTableSelected) {
-        this.colControlsOffset = tableControlsSpacing;
-        if (layoutContainer && layoutContainer.getAttribute('data-layout-content')) {
+      var parentContainer = tableContentWrapper && tableContentWrapper.parentElement;
+      var isTableInsideLayout = parentContainer && parentContainer.getAttribute('data-layout-content');
+      var isNestedTable = parentContainer && (parentContainer.className === 'pm-table-header-content-wrap' || parentContainer.className === 'pm-table-cell-content-wrap');
+      var 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');
+      var 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/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);