@atlaskit/editor-plugin-table 7.25.9 → 7.25.11

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

@@ -58,7 +58,7 @@ const defaultSelectionRect = {
   right: 0,
   bottom: 0
 };
-export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, tableDuplicateCellColouring = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, tableSortColumnReorder = false, ariaNotifyPlugin) => {
+export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired, isTableScalingEnabled = false, tableDuplicateCellColouring = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, tableSortColumnReorder = false, ariaNotifyPlugin, isCommentEditor = false) => {
   var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
   const {
     selection
@@ -167,7 +167,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
     onClick: (state, dispatch) => {
       const selectionRect = getClosestSelectionRect(state);
       if (selectionRect) {
-        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled);
+        const newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
         if (newResizeState) {
           distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api)(INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(state, dispatch);
           return true;
@@ -193,7 +193,7 @@ export const getDragMenuConfig = (direction, getEditorContainerWidth, hasMergedC
       if (direction === 'row') {
         deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect, !!isHeaderRowRequired)(state, dispatch);
       } else {
-        deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
+        deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
       }
       return true;
     },

package/dist/es2019/utils/index.js

@@ -1,12 +1,12 @@
-export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated } from './selection';
-export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine } from './decoration';
-export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow } from './nodes';
-export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell } from './paste';
-export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, isDragRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, isDragCornerButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, isResizeHandleDecoration, hasResizeHandler, findNearestCellIndexToPoint } from './dom';
-export { convertHTMLCellIndexToColumnIndex, getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, getColumnIndexMappedToColumnIndexInFirstRow } from './column-controls';
-export { getRowHeights, isRowDeleteButtonVisible, getRowDeleteButtonParams, getRowsParams, getRowClassNames, copyPreviousRow } from './row-controls';
+export { getSelectedColumnIndexes, getSelectedRowIndexes } from './selection';
+export { findControlsHoverDecoration, createControlsHoverDecoration, createCellHoverDecoration, updateDecorations, createColumnInsertLine, createColumnLineResize, createRowInsertLine } from './decoration';
+export { containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows, isTableNested } from './nodes';
+export { transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell } from './paste';
+export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, isDragCornerButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, isResizeHandleDecoration, hasResizeHandler, findNearestCellIndexToPoint } from './dom';
+export { convertHTMLCellIndexToColumnIndex, getColumnsWidths, getColumnDeleteButtonParams, getColumnIndexMappedToColumnIndexInFirstRow } from './column-controls';
+export { getRowHeights, getRowDeleteButtonParams, getRowsParams, getRowClassNames, copyPreviousRow } from './row-controls';
 export { getSelectedTableInfo, getSelectedCellInfo } from './analytics';
 export { getMergedCellsPositions, getAssistiveMessage } from './table';
 export { updatePluginStateDecorations } from './update-plugin-state-decorations';
-export { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition, checkEdgeHasMergedCells } from './merged-cells';
+export { hasMergedCellsInBetween, hasMergedCellsInSelection, findDuplicatePosition } from './merged-cells';
 export { createTableWithWidth } from './create';

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

@@ -1,51 +1,4 @@
 import { findTable, TableMap } from '@atlaskit/editor-tables';
-const hasMergedCells = (indexes, normalizeRect) => selection => {
-  const table = findTable(selection);
-  if (!table) {
-    return false;
-  }
-  const map = TableMap.get(table.node);
-  const cellPositions = new Set();
-  const mergedCells = new Set();
-  map.map.forEach(value => {
-    if (cellPositions.has(value)) {
-      mergedCells.add(value);
-    } else {
-      cellPositions.add(value);
-    }
-  });
-  if (!mergedCells.size) {
-    return false;
-  }
-  return (Array.isArray(indexes) ? indexes : [indexes]).map(index => normalizeRect(index, map)).filter(rect => rect.left < rect.right && rect.top < rect.bottom).some(rect => {
-    const n = (rect.right - rect.left) * (rect.bottom - rect.top);
-    const cells = map.cellsInRect(rect);
-    if (cells.length !== n) {
-      // We can quickly assume that if the amount of cells from the map is different to what the rect says
-      // then there is most likely merged cells across this area which is removing cells
-      return true;
-    }
-    return cells.some(nodePos => mergedCells.has(nodePos));
-  });
-};
-export const hasMergedCellsInColumn = columnIndexes => hasMergedCells(columnIndexes, (index, map) => {
-  const x = Math.max(Math.min(index, map.width - 1), 0); // clamped index
-  return {
-    left: x,
-    right: x === index ? x + 1 : x,
-    top: 0,
-    bottom: map.height
-  };
-});
-export const hasMergedCellsInRow = rowIndexes => hasMergedCells(rowIndexes, (index, map) => {
-  const y = Math.max(Math.min(index, map.height - 1), 0); // clamped index
-  return {
-    left: 0,
-    right: map.width,
-    top: y,
-    bottom: y === index ? y + 1 : y
-  };
-});
 const getRect = (index, type, map) => {
   if (type === 'column') {
     const x = Math.max(Math.min(index, map.width - 1), 0); // clamped index

package/dist/es2019/utils/nodes.js

@@ -87,7 +87,7 @@ export const isTableNested = (state, tablePos = 0) => {
   const nodeTypes = state.schema.nodes;
   return parent.type === nodeTypes.layoutColumn || parent.type === nodeTypes.expand || parent.type === nodeTypes.bodiedExtension || parent.type === nodeTypes.extensionFrame;
 };
-export const anyChildCellMergedAcrossRow = node => mapChildren(node, child => child.attrs.rowspan || 0).some(rowspan => rowspan > 1);
+const anyChildCellMergedAcrossRow = node => mapChildren(node, child => child.attrs.rowspan || 0).some(rowspan => rowspan > 1);
 
 /**
  * Check if a given node is a header row with this definition:

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

@@ -1,8 +1,7 @@
 import { parsePx } from '@atlaskit/editor-common/utils';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, getSelectionRect, isRowSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
+import { findTable, getSelectionRect, isRowSelected } from '@atlaskit/editor-tables/utils';
 import { TableCssClassName as ClassName } from '../types';
 import { tableDeleteButtonSize } from '../ui/consts';
 export const getRowHeights = tableRef => {
@@ -24,12 +23,6 @@ export const getRowHeights = tableRef => {
   }
   return heights;
 };
-export const isRowDeleteButtonVisible = selection => {
-  if (!isTableSelected(selection) && selection instanceof CellSelection && selection.isRowSelection()) {
-    return true;
-  }
-  return false;
-};
 export const getRowDeleteButtonParams = (rowsHeights, selection, offsetTop = 0) => {
   const rect = getSelectionRect(selection);
   if (!rect) {

package/dist/es2019/utils/selection.js

@@ -1,63 +1,3 @@
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, getSelectionRangeInColumn, getSelectionRangeInRow, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-export const isSelectionUpdated = (oldSelection, newSelection) => !!(!newSelection && oldSelection) || isSelectionType(oldSelection, 'cell') !== isSelectionType(newSelection, 'cell') || isSelectionType(oldSelection, 'cell') && isSelectionType(newSelection, 'cell') && oldSelection.ranges !== newSelection.ranges;
-const isRectangularCellSelection = (selection, rect) => {
-  const table = findTable(selection);
-  if (!table) {
-    return true;
-  }
-  const {
-    width,
-    height,
-    map
-  } = TableMap.get(table.node);
-  let indexTop = rect.top * width + rect.left;
-  let indexLeft = indexTop;
-  let indexBottom = (rect.bottom - 1) * width + rect.left;
-  let indexRight = indexTop + (rect.right - rect.left - 1);
-  for (let i = rect.top; i < rect.bottom; i++) {
-    if (rect.left > 0 && map[indexLeft] === map[indexLeft - 1] || rect.right < width && map[indexRight] === map[indexRight + 1]) {
-      return false;
-    }
-    indexLeft += width;
-    indexRight += width;
-  }
-  for (let i = rect.left; i < rect.right; i++) {
-    if (rect.top > 0 && map[indexTop] === map[indexTop - width] || rect.bottom < height && map[indexBottom] === map[indexBottom + width]) {
-      return false;
-    }
-    indexTop++;
-    indexBottom++;
-  }
-  return true;
-};
-export const normalizeSelection = tr => {
-  const {
-    selection
-  } = tr;
-  const rect = getSelectionRect(selection);
-  if (!rect || !(selection instanceof CellSelection) || isRectangularCellSelection(selection, rect)) {
-    return tr;
-  }
-  if (selection.isColSelection()) {
-    var _getSelectionRangeInC, _getSelectionRangeInC2;
-    const $anchor = (_getSelectionRangeInC = getSelectionRangeInColumn(rect.left)(tr)) === null || _getSelectionRangeInC === void 0 ? void 0 : _getSelectionRangeInC.$anchor;
-    const $head = (_getSelectionRangeInC2 = getSelectionRangeInColumn(rect.right - 1)(tr)) === null || _getSelectionRangeInC2 === void 0 ? void 0 : _getSelectionRangeInC2.$head;
-    if ($anchor && $head) {
-      return tr.setSelection(new CellSelection($anchor, $head));
-    }
-  }
-  if (selection.isRowSelection()) {
-    var _getSelectionRangeInR, _getSelectionRangeInR2;
-    const $anchor = (_getSelectionRangeInR = getSelectionRangeInRow(rect.top)(tr)) === null || _getSelectionRangeInR === void 0 ? void 0 : _getSelectionRangeInR.$anchor;
-    const $head = (_getSelectionRangeInR2 = getSelectionRangeInRow(rect.bottom - 1)(tr)) === null || _getSelectionRangeInR2 === void 0 ? void 0 : _getSelectionRangeInR2.$head;
-    if ($anchor && $head) {
-      return tr.setSelection(new CellSelection($anchor, $head));
-    }
-  }
-  return tr;
-};
 export const getSelectedColumnIndexes = selectionRect => {
   const columnIndexes = [];
   for (let i = selectionRect.left; i < selectionRect.right; i++) {

package/dist/es2019/utils/table.js

@@ -18,12 +18,6 @@ export const getMergedCellsPositions = tr => {
   });
   return mergedCells;
 };
-export const colsToRect = (cols, noOfRows) => ({
-  left: Math.min(...cols),
-  right: Math.max(...cols) + 1,
-  top: 0,
-  bottom: noOfRows
-});
 export const getAssistiveMessage = (prevTableNode, currentTableNode, intl) => {
   const {
     formatMessage

package/dist/esm/commands/clear.js

@@ -1,11 +1,5 @@
-// #region Imports
-
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { emptyCell, findCellClosestToPos, isSelectionType } from '@atlaskit/editor-tables/utils';
-
-// #endregion
-
-// #region Commands
 export var clearMultipleCells = function clearMultipleCells(targetCellPosition) {
   return function (state, dispatch) {
     var cursorPos;
@@ -35,11 +29,4 @@ export var clearMultipleCells = function clearMultipleCells(targetCellPosition)
     }
     return false;
   };
-};
-export var clearSelection = function clearSelection(state, dispatch) {
-  if (dispatch) {
-    dispatch(state.tr.setSelection(Selection.near(state.selection.$from)).setMeta('addToHistory', false));
-  }
-  return true;
-};
-// #endregion
+};

package/dist/esm/commands/column-resize.js

@@ -9,6 +9,7 @@ import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { getPluginState as getTableResizingPluginState, createCommand as tableResizingPluginCreateCommand } from '../pm-plugins/table-resizing/plugin-factory';
 import { pluginKey as tableResizingPK } from '../pm-plugins/table-resizing/plugin-key';
 import { currentColWidth, getResizeState, getTableMaxWidth, resizeColumn, updateControls } from '../pm-plugins/table-resizing/utils';
+import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from '../pm-plugins/table-resizing/utils/misc';
 import { updateColumnWidths } from '../transforms';
 import { TableDecorations } from '../types';
 import { createColumnLineResize, getSelectedColumnIndexes, updateDecorations } from '../utils';
@@ -154,6 +155,7 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(_ref4) {
     api = _ref4.api,
     getIntl = _ref4.getIntl;
   return function (state, dispatch, view) {
+    var _originalTable$attrs;
     var customTr = state.tr;
     var fakeDispatch = function fakeDispatch(tr) {
       customTr = tr;
@@ -199,9 +201,11 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(_ref4) {
     if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
       isTableScalingEnabledOnCurrentTable = originalTable.attrs.displayMode !== 'fixed';
     }
-    var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') ||
-    // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
-    isTableScalingEnabled && isCommentEditor;
+    var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent');
+    if (isTableScalingEnabled && isCommentEditor) {
+      isTableScalingEnabledOnCurrentTable = true;
+      shouldUseIncreasedScalingPercent = true;
+    }
     var initialResizeState = getResizeState({
       minWidth: tableCellMinWidth,
       maxSize: maxSize,
@@ -210,14 +214,16 @@ export var changeColumnWidthByStep = function changeColumnWidthByStep(_ref4) {
       start: tableStartPosition,
       domAtPos: domAtPos,
       isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-      shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+      shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+      isCommentEditor: isCommentEditor
     });
     updateControls()(state);
     var selectionRect = getSelectionRect(state.selection);
     var selectedColumns = selectionRect ? getSelectedColumnIndexes(selectionRect) : [];
     // only selected (or selected - 1) columns should be distributed
     var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
-    var newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled, shouldUseIncreasedScalingPercent);
+    var scalePercent = isTableScalingEnabled && isCommentEditor && !((_originalTable$attrs = originalTable.attrs) !== null && _originalTable$attrs !== void 0 && _originalTable$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+    var 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/esm/commands/delete.js

@@ -4,8 +4,9 @@ export var deleteColumnsCommand = function deleteColumnsCommand(rect, api) {
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   return function (state, dispatch, view) {
-    var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(state.tr);
+    var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(state.tr);
     if (dispatch) {
       dispatch(tr);
       return true;

package/dist/esm/commands/insert.js

@@ -24,6 +24,7 @@ export function addColumnAt(api) {
   var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
+  var isCommentEditor = arguments.length > 5 ? arguments[5] : undefined;
   return function (column) {
     var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var view = arguments.length > 2 ? arguments[2] : undefined;
@@ -37,7 +38,7 @@ export function addColumnAt(api) {
       var table = findTable(updatedTr.selection);
       if (table) {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
-        updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api)(table, view)(updatedTr);
+        updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api, isCommentEditor)(table, view)(updatedTr);
       }
       if (view) {
         updatedTr = updateRowOrColumnMovedTransform({
@@ -59,6 +60,7 @@ export var addColumnBefore = function addColumnBefore(api) {
   var isCellBackgroundDuplicated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -66,7 +68,7 @@ export var addColumnBefore = function addColumnBefore(api) {
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
@@ -74,7 +76,7 @@ export var addColumnBefore = function addColumnBefore(api) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
-export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
+export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor) {
   return function (state, dispatch, view) {
     var table = findTable(state.selection);
     if (!table) {
@@ -82,7 +84,7 @@ export var addColumnAfter = function addColumnAfter(api, isTableScalingEnabled,
     }
     if (dispatch) {
       var rect = selectedRect(state);
-      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
+      dispatch(addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
     }
     return true;
   };
@@ -92,9 +94,10 @@ export var insertColumn = function insertColumn(api) {
   var isCellBackgroundDuplicated = arguments.length > 2 ? arguments[2] : undefined;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 ? arguments[3] : undefined;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 ? arguments[4] : undefined;
+  var isCommentEditor = arguments.length > 5 ? arguments[5] : undefined;
   return function (column) {
     return function (state, dispatch, view) {
-      var tr = addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+      var tr = addColumnAt(api, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
       var table = findTable(tr.selection);
       if (!table) {
         return false;

package/dist/esm/commands/selection.js

@@ -7,11 +7,11 @@ import { findTable, isColumnSelected, isRowSelected, isTableSelected, selectedRe
 import { selectColumn, selectRow } from '../commands/misc';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { getClosestSelectionRect } from '../toolbar';
-export var TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
+var TableSelectionDirection = /*#__PURE__*/function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
   TableSelectionDirection["BottomToTop"] = "BottomToTop";
   return TableSelectionDirection;
-}({});
+}(TableSelectionDirection || {});
 export var arrowLeftFromTable = function arrowLeftFromTable(editorSelectionAPI) {
   return function () {
     return function (state, dispatch) {

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

@@ -2,7 +2,7 @@ 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 { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
-import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_BREAKOUT, TABLE_DISPLAY_MODE } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_DISPLAY_MODE } from '@atlaskit/editor-common/analytics';
 import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -16,17 +16,12 @@ import { insertColumn, insertRow } from './commands/insert';
 import { deleteTable, deleteTableIfSelected, getTableSelectionType, setMultipleCellAttrs, setTableAlignment, setTableAlignmentWithTableContentWithPos } from './commands/misc';
 import { sortByColumn } from './commands/sort';
 import { splitCell } from './commands/split-cell';
-import { getNextLayout, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './commands/toggle';
+import { toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn } from './commands/toggle';
 import { getPluginState } from './pm-plugins/plugin-factory';
 import { distributeColumnsWidths } from './pm-plugins/table-resizing/commands';
 import { deleteRows, mergeCells } from './transforms';
 import { checkIfNumberColumnEnabled, getSelectedCellInfo, getSelectedTableInfo } from './utils';
 import { withEditorAnalyticsAPI } from './utils/analytics';
-var TABLE_BREAKOUT_NAME_MAPPING = {
-  default: TABLE_BREAKOUT.NORMAL,
-  wide: TABLE_BREAKOUT.WIDE,
-  'full-width': TABLE_BREAKOUT.FULL_WIDTH
-};
 
 // #region Analytics wrappers
 export var emptyMultipleCellsWithAnalytics = function emptyMultipleCellsWithAnalytics(editorAnalyticsAPI) {
@@ -227,6 +222,7 @@ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(api, e
   var isCellbackgroundDuplicated = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isCommentEditor = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
   return function (inputMethod, position) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
@@ -244,7 +240,7 @@ export var insertColumnWithAnalytics = function insertColumnWithAnalytics(api, e
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(insertColumn(api, isTableScalingEnabled, isCellbackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(position));
+    })(editorAnalyticsAPI)(insertColumn(api, isTableScalingEnabled, isCellbackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(position));
   };
 };
 export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnalyticsAPI) {
@@ -279,6 +275,7 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   return function (inputMethod, rect) {
     return withEditorAnalyticsAPI(function (_ref6) {
       var selection = _ref6.selection;
@@ -298,7 +295,7 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
         },
         eventType: EVENT_TYPE.TRACK
       };
-    })(editorAnalyticsAPI)(deleteColumnsCommand(rect, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent));
+    })(editorAnalyticsAPI)(deleteColumnsCommand(rect, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor));
   };
 };
 export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent) {
@@ -412,37 +409,12 @@ export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnal
     };
   })(editorAnalyticsAPI)(toggleNumberColumn);
 };
-export var toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalytics(editorAnalyticsAPI) {
-  return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
-      table = _getSelectedTableInfo10.table,
-      totalRowCount = _getSelectedTableInfo10.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
-    if (table) {
-      var _ref9 = table.node.attrs,
-        layout = _ref9.layout;
-      return {
-        action: TABLE_ACTION.CHANGED_BREAKOUT_MODE,
-        actionSubject: ACTION_SUBJECT.TABLE,
-        actionSubjectId: null,
-        attributes: {
-          newBreakoutMode: TABLE_BREAKOUT_NAME_MAPPING[getNextLayout(layout)],
-          previousBreakoutMode: TABLE_BREAKOUT_NAME_MAPPING[layout],
-          totalRowCount: totalRowCount,
-          totalColumnCount: totalColumnCount
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-    }
-    return;
-  })(editorAnalyticsAPI)(toggleTableLayout);
-};
 export var sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnalyticsAPI) {
   return function (inputMethod, columnIndex, sortOrder) {
     return withEditorAnalyticsAPI(function (state) {
-      var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
-        totalRowCount = _getSelectedTableInfo11.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
+      var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo10.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
       return {
         action: TABLE_ACTION.SORTED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -460,10 +432,10 @@ export var sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnal
   };
 };
 export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, api) {
-  return function (inputMethod, _ref10) {
-    var resizeState = _ref10.resizeState,
-      table = _ref10.table,
-      attributes = _ref10.attributes;
+  return function (inputMethod, _ref9) {
+    var resizeState = _ref9.resizeState,
+      table = _ref9.table,
+      attributes = _ref9.attributes;
     return withEditorAnalyticsAPI(function () {
       return {
         action: TABLE_ACTION.DISTRIBUTED_COLUMNS_WIDTHS,
@@ -484,9 +456,9 @@ export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidt
 };
 export var wrapTableInExpandWithAnalytics = function wrapTableInExpandWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo12 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo12.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo12.totalColumnCount;
+    var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo11.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
     return {
       action: TABLE_ACTION.COLLAPSED,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -501,10 +473,10 @@ export var wrapTableInExpandWithAnalytics = function wrapTableInExpandWithAnalyt
 };
 export var toggleFixedColumnWidthsOptionAnalytics = function toggleFixedColumnWidthsOptionAnalytics(editorAnalyticsAPI, inputMethod) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo13 = getSelectedTableInfo(state.selection),
-      table = _getSelectedTableInfo13.table,
-      totalRowCount = _getSelectedTableInfo13.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo13.totalColumnCount;
+    var _getSelectedTableInfo12 = getSelectedTableInfo(state.selection),
+      table = _getSelectedTableInfo12.table,
+      totalRowCount = _getSelectedTableInfo12.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo12.totalColumnCount;
     var previousDisplayMode;
     var newDisplayMode;
     switch (table === null || table === void 0 ? void 0 : table.node.attrs.displayMode) {
@@ -539,10 +511,10 @@ export var toggleFixedColumnWidthsOptionAnalytics = function toggleFixedColumnWi
 export var setTableAlignmentWithAnalytics = function setTableAlignmentWithAnalytics(editorAnalyticsAPI, isCommentEditor) {
   return function (newAlignment, previousAlignment, inputMethod, reason) {
     return withEditorAnalyticsAPI(function (state) {
-      var _getSelectedTableInfo14 = getSelectedTableInfo(state.selection),
-        table = _getSelectedTableInfo14.table,
-        totalRowCount = _getSelectedTableInfo14.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo14.totalColumnCount;
+      var _getSelectedTableInfo13 = getSelectedTableInfo(state.selection),
+        table = _getSelectedTableInfo13.table,
+        totalRowCount = _getSelectedTableInfo13.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo13.totalColumnCount;
       return {
         action: TABLE_ACTION.CHANGED_ALIGNMENT,
         actionSubject: ACTION_SUBJECT.TABLE,