@atlaskit/editor-plugin-table 7.25.9 → 7.25.11

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

@@ -11,6 +11,7 @@ import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
 import { getTableMaxWidth, getTableScalingPercent } from './misc';
 export var getResizeState = function getResizeState(_ref) {
+  var _table$attrs;
   var minWidth = _ref.minWidth,
     maxSize = _ref.maxSize,
     table = _ref.table,
@@ -20,13 +21,15 @@ export var getResizeState = function getResizeState(_ref) {
     _ref$isTableScalingEn = _ref.isTableScalingEnabled,
     isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn,
     _ref$shouldUseIncreas = _ref.shouldUseIncreasedScalingPercent,
-    shouldUseIncreasedScalingPercent = _ref$shouldUseIncreas === void 0 ? false : _ref$shouldUseIncreas;
-  if (isTableScalingEnabled) {
+    shouldUseIncreasedScalingPercent = _ref$shouldUseIncreas === void 0 ? false : _ref$shouldUseIncreas,
+    _ref$isCommentEditor = _ref.isCommentEditor,
+    isCommentEditor = _ref$isCommentEditor === void 0 ? false : _ref$isCommentEditor;
+  if (isTableScalingEnabled && !isCommentEditor || isTableScalingEnabled && isCommentEditor && (_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) {
     var scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
     minWidth = Math.ceil(minWidth / scalePercent);
   }
-  // If the table has been resized, we can use the column widths from the table node
   if (hasTableBeenResized(table)) {
+    // If the table has been resized, we can use the column widths from the table node
     var _cols = calcTableColumnWidths(table).map(function (width, index) {
       return {
         width: width === 0 ? tableNewColumnMinWidth : width,
@@ -55,12 +58,15 @@ export var getResizeState = function getResizeState(_ref) {
   // Getting the resize state from DOM
   var colgroupChildren = insertColgroupFromNode(tableRef, table, isTableScalingEnabled, shouldReinsertColgroup,
   // don't reinsert colgroup when preserving table width - this causes widths to jump
-  shouldUseIncreasedScalingPercent);
+  shouldUseIncreasedScalingPercent, isCommentEditor);
   var cols = Array.from(colgroupChildren).map(function (_, index) {
     // If the table hasn't been resized and we have a table width attribute, we can use it
     // to calculate the widths of the columns
     if (isTableScalingEnabled) {
-      var tableNodeWidth = getTableContainerWidth(table);
+      var _table$attrs2;
+      // isCommentEditor when table cols were not resized,
+      // we want to use tableRef.parentElement.clientWidth, which is the same as maxSize
+      var tableNodeWidth = isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? maxSize : getTableContainerWidth(table);
       return {
         index: index,
         width: tableNodeWidth / colgroupChildren.length,
@@ -88,7 +94,7 @@ export var getResizeState = function getResizeState(_ref) {
 };
 
 // updates Colgroup DOM node with new widths
-export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled, shouldUseIncreasedScalingPercent) {
+export var updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled, scalePercent) {
   var cols = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelectorAll('col');
   var columnsCount = cols === null || cols === void 0 ? void 0 : cols.length;
   /**
@@ -97,13 +103,12 @@ export var updateColgroup = function updateColgroup(state, tableRef, tableNode,
       We need to remove !isColumnResizing if we handled auto scale table when mouseUp event.
       * */
   if (isTableScalingEnabled && tableNode) {
-    var scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
     state.cols.filter(function (column) {
       return column && !!column.width;
     }) // if width is 0, we dont want to apply that.
     .forEach(function (column, i) {
       var fixedColWidth = getColWidthFix(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0);
-      var scaledWidth = fixedColWidth * scalePercent;
+      var scaledWidth = fixedColWidth * (scalePercent || 1);
       var finalWidth = Math.max(scaledWidth, tableCellMinWidth);
       // we aren't handling the remaining pixels here when the 48px min width is reached
       if (cols !== null && cols !== void 0 && cols[i]) {
@@ -171,7 +176,7 @@ var getSpace = function getSpace(columns, start, end) {
     return sum + width;
   }, 0);
 };
-export var evenSelectedColumnsWidths = function evenSelectedColumnsWidths(resizeState, rect) {
+var evenSelectedColumnsWidths = function evenSelectedColumnsWidths(resizeState, rect) {
   var cols = resizeState.cols;
   var selectedSpace = getSpace(cols, rect.left, rect.right);
   var allSpace = getSpace(cols, 0, cols.length);
@@ -278,15 +283,9 @@ export var bulkColumnsResize = function bulkColumnsResize(resizeState, columnsIn
   // fix total table widths by adding missing pixels to columns widths here and there
   return adjustColumnsWidths(newState, resizeState.maxSize);
 };
-export var areColumnsEven = function areColumnsEven(resizeState) {
-  var newResizeState = evenAllColumnsWidths(resizeState);
-  return newResizeState.cols.every(function (col, i) {
-    return col.width === resizeState.cols[i].width;
-  });
-};
 
 // Get the layout
-export var normaliseTableLayout = function normaliseTableLayout(input) {
+var normaliseTableLayout = function normaliseTableLayout(input) {
   switch (input) {
     case 'wide':
       return input;
@@ -337,6 +336,11 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
     isTableScalingEnabledOnCurrentTable = table.node.attrs.displayMode !== 'fixed';
   }
+  var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent');
+  if (isTableScalingEnabled && isCommentEditor) {
+    isTableScalingEnabledOnCurrentTable = true;
+    shouldUseIncreasedScalingPercent = true;
+  }
   resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: maxSize,
@@ -345,7 +349,8 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     start: table.start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') || isTableScalingEnabled && isCommentEditor
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor
   });
   var newResizeState = evenSelectedColumnsWidths(resizeState, rect);
   var widthsBefore = resizeState.widths;

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

@@ -14,9 +14,10 @@ import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { syncStickyRowToTable } from './dom';
 // Base function to trigger the actual scale on a table node.
 // Will only resize/scale if a table has been previously resized.
-export var scale = function scale(tableRef, options, domAtPos) {
+var scale = function scale(tableRef, options, domAtPos) {
   var isTableScalingEnabledOnCurrentTable = 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;
   var node = options.node,
     containerWidth = options.containerWidth,
     previousContainerWidth = options.previousContainerWidth,
@@ -53,13 +54,15 @@ export var scale = function scale(tableRef, options, domAtPos) {
     start: start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor
   });
   return scaleTableTo(resizeState, newWidth);
 };
-export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, table, start, domAtPos) {
+var scaleWithParent = function scaleWithParent(tableRef, parentWidth, table, start, domAtPos) {
   var isTableScalingEnabledOnCurrentTable = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isCommentEditor = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: parentWidth,
@@ -68,7 +71,8 @@ export var scaleWithParent = function scaleWithParent(tableRef, parentWidth, tab
     start: start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor
   });
   if (table.attrs.isNumberColumnEnabled) {
     parentWidth -= akEditorTableNumberColumnWidth;
@@ -132,7 +136,7 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
   // Here isTableScalingEnabled = false
   shouldUseIncreasedScalingPercent) : scale(tableRef, options, domAtPos, false, shouldUseIncreasedScalingPercent);
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, node, false, shouldUseIncreasedScalingPercent);
+    updateColgroup(resizeState, tableRef, node, false, 1);
   }
 };
 
@@ -140,6 +144,7 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
 export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
   var isTableScalingEnabledOnCurrentTable = 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 (tr) {
     if (!tableRef) {
       return tr;
@@ -153,7 +158,8 @@ export var scaleTable = function scaleTable(tableRef, options, domAtPos, api) {
       // If its not a re-sized table, we still want to re-create cols
       // To force reflow of columns upon delete.
       if (!isTableScalingEnabledOnCurrentTable) {
-        insertColgroupFromNode(tableRef, node, false, undefined, shouldUseIncreasedScalingPercent);
+        var isTableScalingEnabled = false;
+        insertColgroupFromNode(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
       }
       tr.setMeta('scrollIntoView', false);
       return tr;

package/dist/esm/pm-plugins/table-selection-keymap.js

@@ -13,5 +13,4 @@ export function tableSelectionKeymapPlugin(pluginInjectionApi, getIntl) {
   bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   bindKeymapWithCommand(selectTable.common, modASelectTable(editorSelectionAPI)(), list);
   return keymap(list);
-}
-export default tableSelectionKeymapPlugin;
+}

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

@@ -13,7 +13,7 @@ export var unsort = function unsort(oldOrder, tableElement) {
     tbody === null || tbody === void 0 || tbody.appendChild(rows[item.index + 1]);
   });
 };
-export var getSortOrderFromTable = function getSortOrderFromTable(tableNode, sortIndex, direction) {
+var getSortOrderFromTable = function getSortOrderFromTable(tableNode, sortIndex, direction) {
   var tableArray = convertProsemirrorTableNodeToArrayOfRows(tableNode);
   tableArray.shift(); // remove header row
 

package/dist/esm/toolbar.js

@@ -144,7 +144,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
       if (index) {
-        insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
+        insertColumnWithAnalytics(api, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
       }
       return true;
     },
@@ -182,7 +182,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
       if (selectionRect) {
-        deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
+        deleteColumnsWithAnalytics(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
       }
       return true;
     },
@@ -326,7 +326,7 @@ export var getClosestSelectionRect = function getClosestSelectionRect(state) {
   var selection = state.selection;
   return isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
 };
-export var getClosestSelectionOrTableRect = function getClosestSelectionOrTableRect(state) {
+var getClosestSelectionOrTableRect = function getClosestSelectionOrTableRect(state) {
   var selection = state.selection;
   var tableObject = findTable(state.selection);
   if (!tableObject) {
@@ -476,7 +476,7 @@ var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerW
   }
   return [];
 };
-export var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth, api, editorAnalyticsAPI) {
+var getDistributeConfig = function getDistributeConfig(getEditorContainerWidth, api, editorAnalyticsAPI) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
@@ -507,7 +507,7 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled);
+  var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor);
   var wouldChange = (_newResizeStateWithAn2 = newResizeStateWithAnalytics === null || newResizeStateWithAnalytics === void 0 ? void 0 : newResizeStateWithAnalytics.changed) !== null && _newResizeStateWithAn2 !== void 0 ? _newResizeStateWithAn2 : false;
   var items = [];
   if (pluginState !== null && pluginState !== void 0 && (_pluginState$pluginCo3 = pluginState.pluginConfig) !== null && _pluginState$pluginCo3 !== void 0 && _pluginState$pluginCo3.allowDistributeColumns && pluginState.isDragAndDropEnabled) {
@@ -590,7 +590,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-export var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
+var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = findTable(editorState.selection);
   if (!tableObject) {
@@ -647,13 +647,13 @@ export var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editor
   }];
   return alignmentToolbarItem;
 };
-export var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons, selectedNode) {
+var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons, selectedNode) {
   var selectedAlignment = selectedNode.attrs.layout;
   return alignmentIcons.find(function (icon) {
     return icon.value === normaliseAlignment(selectedAlignment);
   });
 };
-export var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
+var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = getTableContainerWidth(selectedNode);

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

@@ -93,6 +93,7 @@ export var rescaleColumns = function rescaleColumns() {
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var api = arguments.length > 3 ? arguments[3] : undefined;
+  var isCommentEditor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   return function (table, view) {
     return function (tr) {
       if (!view) {
@@ -179,7 +180,8 @@ export var rescaleColumns = function rescaleColumns() {
         domAtPos: domAtPos,
         maxSize: previousTableInfo.possibleMaxWidth,
         isTableScalingEnabled: shouldScale,
-        shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+        shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+        isCommentEditor: isCommentEditor
       });
       // Two scenarios that require scaling:
       //   1. If the new table width will result in the table going into overflow

package/dist/esm/transforms/delete-columns.js

@@ -208,6 +208,7 @@ export var deleteColumns = function deleteColumns(rect, allowCustomStep, api, vi
   var isTableScalingEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var shouldUseIncreasedScalingPercent = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var isCommentEditor = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
   return function (tr) {
     var updatedTr = tr;
     updatedTr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
@@ -220,7 +221,7 @@ export var deleteColumns = function deleteColumns(rect, allowCustomStep, api, vi
     }
     var table = findTable(updatedTr.selection);
     if (table) {
-      updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api)(table, view)(updatedTr);
+      updatedTr = rescaleColumns(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api, isCommentEditor)(table, view)(updatedTr);
     }
     return updatedTr;
   };

package/dist/esm/transforms/index.js

@@ -1,5 +1,5 @@
 export { fixTables, fixAutoSizedTable } from './fix-tables';
-export { mergeCells, canMergeCells, mergeEmptyColumns } from './merge';
+export { mergeCells, canMergeCells } from './merge';
 export { deleteColumns } from './delete-columns';
 export { deleteRows } from './delete-rows';
 export { updateColumnWidths } from './column-width';

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

@@ -165,7 +165,9 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
       left: isRow ? "var(--ds-space-050, 4px)" : undefined,
       bottom: isColumn ? "var(--ds-space-0, 0px)" : undefined,
       alignSelf: isColumn ? 'none' : 'center',
-      zIndex: isColumn ? '-1' : 'auto'
+      zIndex: isColumn ? '-1' : 'auto',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      pointerEvents: 'auto'
     },
     onMouseUp: function onMouseUp(e) {
       // should toggle menu if current drag menu open.

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

@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
 import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
 import { TableCssClassName as ClassName } from '../../types';
 import { insertColumnButtonOffset } from '../common-styles';
-export var BUTTON_WIDTH = 20;
+var BUTTON_WIDTH = 20;
 export var calcLeftPos = function calcLeftPos(_ref) {
   var buttonWidth = _ref.buttonWidth,
     cellRectLeft = _ref.cellRectLeft,

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

@@ -504,7 +504,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'distribute_columns':
-          var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, tableWithFixedColumnWidthsOption);
+          var newResizeStateWithAnalytics = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, tableWithFixedColumnWidthsOption, isCommentEditor);
           if (newResizeStateWithAnalytics) {
             distributeColumnsWidthsWithAnalytics(editorAnalyticsAPI, _this.props.api)(INPUT_METHOD.CONTEXT_MENU, newResizeStateWithAnalytics)(state, dispatch);
             _this.toggleOpen();
@@ -515,7 +515,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'insert_column':
-          insertColumnWithAnalytics(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
+          insertColumnWithAnalytics(_this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'insert_row':
@@ -526,7 +526,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           _this.toggleOpen();
           break;
         case 'delete_column':
-          deleteColumnsWithAnalytics(editorAnalyticsAPI, _this.props.api, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
+          deleteColumnsWithAnalytics(editorAnalyticsAPI, _this.props.api, isTableScalingEnabled, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.CONTEXT_MENU, selectionRect)(state, dispatch, editorView);
           _this.toggleOpen();
           break;
         case 'delete_row':

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

@@ -27,7 +27,7 @@ import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams
 import { stickyRowZIndex } from '../consts';
 import DeleteButton from './DeleteButton';
 import getPopupOptions from './getPopUpOptions';
-export function getSelectionType(selection) {
+function getSelectionType(selection) {
   if (!isTableSelected(selection) && selection instanceof CellSelection) {
     if (selection.isRowSelection()) {
       return 'row';

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

@@ -176,7 +176,7 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig, for
   };
 };
 var ColorPaletteWithListeners = withOuterListeners(ColorPalette);
-export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
+var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _tableMap$hasMergedCe, _pluginConfig$allowBa;
   var _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
@@ -201,7 +201,8 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     shouldUseIncreasedScalingPercent = _ref.shouldUseIncreasedScalingPercent,
     isTableFixedColumnWidthsOptionEnabled = _ref.isTableFixedColumnWidthsOptionEnabled,
     tableSortColumnReorder = _ref.tableSortColumnReorder,
-    ariaNotifyPlugin = _ref.ariaNotifyPlugin;
+    ariaNotifyPlugin = _ref.ariaNotifyPlugin,
+    isCommentEditor = _ref.isCommentEditor;
   var state = editorView.state,
     dispatch = editorView.dispatch;
   var selection = state.selection;
@@ -215,7 +216,7 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
   var hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
-  var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, tableSortColumnReorder, ariaNotifyPlugin);
+  var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, api, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, tableSortColumnReorder, ariaNotifyPlugin, isCommentEditor);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, tableSortColumnReorder, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;

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

@@ -22,7 +22,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     isTableScalingEnabled = _ref.isTableScalingEnabled,
     getEditorFeatureFlags = _ref.getEditorFeatureFlags,
     ariaNotifyPlugin = _ref.ariaNotifyPlugin,
-    api = _ref.api;
+    api = _ref.api,
+    isCommentEditor = _ref.isCommentEditor;
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
@@ -79,7 +80,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
     tableSortColumnReorder: tableSortColumnReorder,
     ariaNotifyPlugin: ariaNotifyPlugin,
-    api: api
+    api: api,
+    isCommentEditor: isCommentEditor || false
   }));
 };
 FloatingDragMenu.displayName = 'FloatingDragMenu';

package/dist/esm/ui/FloatingInsertButton/InsertButton.js

@@ -53,7 +53,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
 var tooltipMessageByType = function tooltipMessageByType(type) {
   return type === 'row' ? messages.insertRow : messages.insertColumn;
 };
-export var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
+var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var _classnames;
   var onMouseDown = _ref2.onMouseDown,
     tableRef = _ref2.tableRef,

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

@@ -192,7 +192,8 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
         insertColumnButtonIndex = _this$props4.insertColumnButtonIndex,
         editorAnalyticsAPI = _this$props4.editorAnalyticsAPI,
         getEditorFeatureFlags = _this$props4.getEditorFeatureFlags,
-        isTableScalingEnabled = _this$props4.isTableScalingEnabled;
+        isTableScalingEnabled = _this$props4.isTableScalingEnabled,
+        isCommentEditor = _this$props4.isCommentEditor;
       if (typeof insertColumnButtonIndex !== 'undefined') {
         event.preventDefault();
         var _ref = getEditorFeatureFlags ? getEditorFeatureFlags() : {},
@@ -203,7 +204,7 @@ export var FloatingInsertButton = /*#__PURE__*/function (_React$Component) {
         var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent');
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+        insertColumnWithAnalytics(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
       }
     }
   }]);

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -230,5 +230,4 @@ export var ColumnControls = function ColumnControls(_ref) {
       } : {}
     }));
   }), columnHandles()));
-};
-export default ColumnControls;
+};

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

@@ -6,7 +6,7 @@ import { TableCssClassName as ClassName } from '../../types';
 import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../utils';
 import { ColumnControls } from './ColumnControls';
 import { ColumnDropTargets } from './ColumnDropTargets';
-export var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
+var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
   var editorView = _ref.editorView,
     tableRef = _ref.tableRef,
     getNode = _ref.getNode,

package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js

@@ -136,7 +136,9 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'relative',
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        right: '-0.5px'
+        right: '-0.5px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+        pointerEvents: 'none'
       },
       "data-testid": "table-floating-row-".concat(isHover ? rowIndex : selectedRowIndexes[0], "-drag-handle")
     }, /*#__PURE__*/React.createElement(DragHandle, {

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

@@ -1,5 +1,4 @@
 export { DragHandleIcon } from './DragHandleIcon';
-export { DragInMotionIcon } from './DragInMotionIcon';
 export { DragHandleDisabledIcon } from './DragHandleDisabledIcon';
 export { MinimisedHandleIcon } from './MinimisedHandle';
 export { MergeCellsIcon } from './MergeCellsIcon';

package/dist/esm/utils/column-controls.js

@@ -1,10 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { maphElem } from '@atlaskit/editor-common/utils';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findTable, getSelectionRect, isColumnSelected, isTableSelected } from '@atlaskit/editor-tables/utils';
-import { TableCssClassName as ClassName } from '../types';
+import { findTable, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { tableDeleteButtonSize } from '../ui/consts';
 export var getColumnsWidths = function getColumnsWidths(view) {
   var selection = view.state.selection;
@@ -31,12 +29,6 @@ export var getColumnsWidths = function getColumnsWidths(view) {
   }
   return widths;
 };
-export var isColumnDeleteButtonVisible = function isColumnDeleteButtonVisible(selection) {
-  if (!isTableSelected(selection) && selection instanceof CellSelection && selection.isColSelection()) {
-    return true;
-  }
-  return false;
-};
 export var getColumnDeleteButtonParams = function getColumnDeleteButtonParams(columnsWidths, selection) {
   var rect = getSelectionRect(selection);
   if (!rect) {
@@ -66,19 +58,6 @@ export var getColumnDeleteButtonParams = function getColumnDeleteButtonParams(co
     indexes: indexes
   };
 };
-export var getColumnClassNames = function getColumnClassNames(index, selection) {
-  var hoveredColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var isInDanger = arguments.length > 3 ? arguments[3] : undefined;
-  var isResizing = arguments.length > 4 ? arguments[4] : undefined;
-  var classNames = [];
-  if (isColumnSelected(index)(selection) || hoveredColumns.indexOf(index) > -1 && !isResizing) {
-    classNames.push(ClassName.HOVERED_CELL_ACTIVE);
-    if (isInDanger) {
-      classNames.push(ClassName.HOVERED_CELL_IN_DANGER);
-    }
-  }
-  return classNames.join(' ');
-};
 
 // give a row colspan and a colwidths
 // and map to a row's colwidths

package/dist/esm/utils/dom.js

@@ -29,9 +29,6 @@ export var isTableContainerOrWrapper = function isTableContainerOrWrapper(node)
 };
 
 /** drag-and-drop classes */
-export var isDragRowControlsButton = function isDragRowControlsButton(node) {
-  return containsClassName(node, ClassName.DRAG_ROW_CONTROLS) || closestElement(node, ".".concat(ClassName.DRAG_ROW_CONTROLS));
-};
 export var isDragRowFloatingInsertDot = function isDragRowFloatingInsertDot(node) {
   return containsClassName(node, ClassName.DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER);
 };

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

@@ -69,6 +69,7 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
   var shouldUseIncreasedScalingPercent = arguments.length > 14 && arguments[14] !== undefined ? arguments[14] : false;
   var tableSortColumnReorder = arguments.length > 15 && arguments[15] !== undefined ? arguments[15] : false;
   var ariaNotifyPlugin = arguments.length > 16 ? arguments[16] : undefined;
+  var isCommentEditor = arguments.length > 17 && arguments[17] !== undefined ? arguments[17] : false;
   var selection = editorView.state.selection;
   var _getTablePluginState = getTablePluginState(editorView.state),
     getIntl = _getTablePluginState.getIntl;
@@ -183,7 +184,7 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
     onClick: function onClick(state, dispatch) {
       var selectionRect = getClosestSelectionRect(state);
       if (selectionRect) {
-        var newResizeState = getNewResizeStateFromSelectedColumns(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled);
+        var 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;
@@ -209,7 +210,7 @@ export var getDragMenuConfig = function getDragMenuConfig(direction, getEditorCo
       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/esm/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';