@atlaskit/editor-plugin-table 7.25.9 → 7.25.11

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.updateColgroup = exports.normaliseTableLayout = exports.getTotalWidth = exports.getResizeState = exports.getNewResizeStateFromSelectedColumns = exports.evenSelectedColumnsWidths = exports.evenAllColumnsWidths = exports.bulkColumnsResize = exports.areColumnsEven = exports.adjustColumnsWidths = void 0;
+exports.updateColgroup = exports.getTotalWidth = exports.getResizeState = exports.getNewResizeStateFromSelectedColumns = exports.evenAllColumnsWidths = exports.bulkColumnsResize = exports.adjustColumnsWidths = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -18,6 +18,7 @@ var _misc = require("./misc");
 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) { (0, _defineProperty2.default)(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; }
 var getResizeState = exports.getResizeState = function getResizeState(_ref) {
+  var _table$attrs;
   var minWidth = _ref.minWidth,
     maxSize = _ref.maxSize,
     table = _ref.table,
@@ -27,13 +28,15 @@ var getResizeState = exports.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 = (0, _misc.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 ((0, _colgroup.hasTableBeenResized)(table)) {
+    // If the table has been resized, we can use the column widths from the table node
     var _cols = (0, _utils.calcTableColumnWidths)(table).map(function (width, index) {
       return {
         width: width === 0 ? _styles.tableNewColumnMinWidth : width,
@@ -62,12 +65,15 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
   // Getting the resize state from DOM
   var colgroupChildren = (0, _colgroup.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 = (0, _nodeWidth.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 : (0, _nodeWidth.getTableContainerWidth)(table);
       return {
         index: index,
         width: tableNodeWidth / colgroupChildren.length,
@@ -95,7 +101,7 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
 };
 
 // updates Colgroup DOM node with new widths
-var updateColgroup = exports.updateColgroup = function updateColgroup(state, tableRef, tableNode, isTableScalingEnabled, shouldUseIncreasedScalingPercent) {
+var updateColgroup = exports.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;
   /**
@@ -104,13 +110,12 @@ var updateColgroup = exports.updateColgroup = function updateColgroup(state, tab
       We need to remove !isColumnResizing if we handled auto scale table when mouseUp event.
       * */
   if (isTableScalingEnabled && tableNode) {
-    var scalePercent = (0, _misc.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 = (0, _colgroup.getColWidthFix)(column.width, columnsCount !== null && columnsCount !== void 0 ? columnsCount : 0);
-      var scaledWidth = fixedColWidth * scalePercent;
+      var scaledWidth = fixedColWidth * (scalePercent || 1);
       var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
       // we aren't handling the remaining pixels here when the 48px min width is reached
       if (cols !== null && cols !== void 0 && cols[i]) {
@@ -178,7 +183,7 @@ var getSpace = function getSpace(columns, start, end) {
     return sum + width;
   }, 0);
 };
-var evenSelectedColumnsWidths = exports.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);
@@ -285,15 +290,9 @@ var bulkColumnsResize = exports.bulkColumnsResize = function bulkColumnsResize(r
   // fix total table widths by adding missing pixels to columns widths here and there
   return adjustColumnsWidths(newState, resizeState.maxSize);
 };
-var areColumnsEven = exports.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
-var normaliseTableLayout = exports.normaliseTableLayout = function normaliseTableLayout(input) {
+var normaliseTableLayout = function normaliseTableLayout(input) {
   switch (input) {
     case 'wide':
       return input;
@@ -344,6 +343,11 @@ var getNewResizeStateFromSelectedColumns = exports.getNewResizeStateFromSelected
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
     isTableScalingEnabledOnCurrentTable = table.node.attrs.displayMode !== 'fixed';
   }
+  var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent');
+  if (isTableScalingEnabled && isCommentEditor) {
+    isTableScalingEnabledOnCurrentTable = true;
+    shouldUseIncreasedScalingPercent = true;
+  }
   resizeState = getResizeState({
     minWidth: _styles.tableCellMinWidth,
     maxSize: maxSize,
@@ -352,7 +356,8 @@ var getNewResizeStateFromSelectedColumns = exports.getNewResizeStateFromSelected
     start: table.start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: isTableScalingWithFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.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/cjs/pm-plugins/table-resizing/utils/scale-table.js

@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.scaleTable = exports.scale = exports.previewScaleTable = void 0;
+exports.scaleTable = exports.previewScaleTable = void 0;
 exports.scaleTableTo = scaleTableTo;
-exports.scaleWithParent = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -23,9 +22,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { (0, _defineProperty2.default)(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; }
 // Base function to trigger the actual scale on a table node.
 // Will only resize/scale if a table has been previously resized.
-var scale = exports.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,
@@ -62,13 +62,15 @@ var scale = exports.scale = function scale(tableRef, options, domAtPos) {
     start: start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor
   });
   return scaleTableTo(resizeState, newWidth);
 };
-var scaleWithParent = exports.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 = (0, _resizeState.getResizeState)({
     minWidth: _styles.tableCellMinWidth,
     maxSize: parentWidth,
@@ -77,7 +79,8 @@ var scaleWithParent = exports.scaleWithParent = function scaleWithParent(tableRe
     start: start,
     domAtPos: domAtPos,
     isTableScalingEnabled: isTableScalingEnabledOnCurrentTable,
-    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor
   });
   if (table.attrs.isNumberColumnEnabled) {
     parentWidth -= _editorSharedStyles.akEditorTableNumberColumnWidth;
@@ -141,7 +144,7 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
   // Here isTableScalingEnabled = false
   shouldUseIncreasedScalingPercent) : scale(tableRef, options, domAtPos, false, shouldUseIncreasedScalingPercent);
   if (resizeState) {
-    (0, _resizeState.updateColgroup)(resizeState, tableRef, node, false, shouldUseIncreasedScalingPercent);
+    (0, _resizeState.updateColgroup)(resizeState, tableRef, node, false, 1);
   }
 };
 
@@ -149,6 +152,7 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
 var scaleTable = exports.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;
@@ -162,7 +166,8 @@ var scaleTable = exports.scaleTable = function scaleTable(tableRef, options, dom
       // If its not a re-sized table, we still want to re-create cols
       // To force reflow of columns upon delete.
       if (!isTableScalingEnabledOnCurrentTable) {
-        (0, _colgroup.insertColgroupFromNode)(tableRef, node, false, undefined, shouldUseIncreasedScalingPercent);
+        var isTableScalingEnabled = false;
+        (0, _colgroup.insertColgroupFromNode)(tableRef, node, isTableScalingEnabled, undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
       }
       tr.setMeta('scrollIntoView', false);
       return tr;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.tableSelectionKeymapPlugin = tableSelectionKeymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
@@ -20,5 +19,4 @@ function tableSelectionKeymapPlugin(pluginInjectionApi, getIntl) {
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftArrowUp.common, (0, _selection.shiftArrowUpFromTable)(editorSelectionAPI)(), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectTable.common, (0, _selection.modASelectTable)(editorSelectionAPI)(), list);
   return (0, _keymap.keymap)(list);
-}
-var _default = exports.default = tableSelectionKeymapPlugin;
+}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsort = exports.toggleSort = exports.getTableElements = exports.getSortOrderFromTable = void 0;
+exports.unsort = exports.toggleSort = exports.getTableElements = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _types = require("@atlaskit/editor-common/types");
@@ -20,7 +20,7 @@ var unsort = exports.unsort = function unsort(oldOrder, tableElement) {
     tbody === null || tbody === void 0 || tbody.appendChild(rows[item.index + 1]);
   });
 };
-var getSortOrderFromTable = exports.getSortOrderFromTable = function getSortOrderFromTable(tableNode, sortIndex, direction) {
+var getSortOrderFromTable = function getSortOrderFromTable(tableNode, sortIndex, direction) {
   var tableArray = (0, _utils.convertProsemirrorTableNodeToArrayOfRows)(tableNode);
   tableArray.shift(); // remove header row
 

package/dist/cjs/toolbar.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLayoutOptionDisabled = exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = exports.getSelectedAlignmentIcon = exports.getDistributeConfig = exports.getClosestSelectionRect = exports.getClosestSelectionOrTableRect = exports.getAlignmentOptionsConfig = void 0;
+exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = exports.getClosestSelectionRect = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -152,7 +152,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
       var selectionRect = getClosestSelectionRect(state);
       var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
       if (index) {
-        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(api, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(_analytics.INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
+        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(api, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
       }
       return true;
     },
@@ -190,7 +190,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     onClick: function onClick(state, dispatch, view) {
       var selectionRect = getClosestSelectionRect(state);
       if (selectionRect) {
-        (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent)(_analytics.INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
+        (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, api, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.FLOATING_TB, selectionRect)(state, dispatch, view);
       }
       return true;
     },
@@ -334,7 +334,7 @@ var getClosestSelectionRect = exports.getClosestSelectionRect = function getClos
   var selection = state.selection;
   return (0, _utils3.isSelectionType)(selection, 'cell') ? (0, _utils3.getSelectionRect)(selection) : (0, _utils3.findCellRectClosestToPos)(selection.$from);
 };
-var getClosestSelectionOrTableRect = exports.getClosestSelectionOrTableRect = function getClosestSelectionOrTableRect(state) {
+var getClosestSelectionOrTableRect = function getClosestSelectionOrTableRect(state) {
   var selection = state.selection;
   var tableObject = (0, _utils3.findTable)(state.selection);
   if (!tableObject) {
@@ -484,7 +484,7 @@ var getCellItems = function getCellItems(state, view, _ref3, getEditorContainerW
   }
   return [];
 };
-var getDistributeConfig = exports.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;
@@ -515,7 +515,7 @@ var getColumnSettingItems = function getColumnSettingItems(editorState, editorVi
   if (!selectionOrTableRect || !editorView) {
     return [];
   }
-  var newResizeStateWithAnalytics = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionOrTableRect, editorState, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled);
+  var newResizeStateWithAnalytics = (0, _resizeState.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) {
@@ -598,7 +598,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = exports.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 = (0, _utils3.findTable)(editorState.selection);
   if (!tableObject) {
@@ -655,13 +655,13 @@ var getAlignmentOptionsConfig = exports.getAlignmentOptionsConfig = function get
   }];
   return alignmentToolbarItem;
 };
-var getSelectedAlignmentIcon = exports.getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons, selectedNode) {
+var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons, selectedNode) {
   var selectedAlignment = selectedNode.attrs.layout;
   return alignmentIcons.find(function (icon) {
     return icon.value === (0, _alignment.normaliseAlignment)(selectedAlignment);
   });
 };
-var isLayoutOptionDisabled = exports.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 = (0, _nodeWidth.getTableContainerWidth)(selectedNode);

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

@@ -100,6 +100,7 @@ var rescaleColumns = exports.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) {
@@ -186,7 +187,8 @@ var rescaleColumns = exports.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/cjs/transforms/delete-columns.js

@@ -215,6 +215,7 @@ var deleteColumns = exports.deleteColumns = function deleteColumns(rect, allowCu
   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(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
@@ -227,7 +228,7 @@ var deleteColumns = exports.deleteColumns = function deleteColumns(rect, allowCu
     }
     var table = (0, _utils.findTable)(updatedTr.selection);
     if (table) {
-      updatedTr = (0, _columnWidth.rescaleColumns)(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api)(table, view)(updatedTr);
+      updatedTr = (0, _columnWidth.rescaleColumns)(isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, api, isCommentEditor)(table, view)(updatedTr);
     }
     return updatedTr;
   };

package/dist/cjs/transforms/index.js

@@ -39,12 +39,6 @@ Object.defineProperty(exports, "mergeCells", {
     return _merge.mergeCells;
   }
 });
-Object.defineProperty(exports, "mergeEmptyColumns", {
-  enumerable: true,
-  get: function get() {
-    return _merge.mergeEmptyColumns;
-  }
-});
 Object.defineProperty(exports, "replaceSelectedTable", {
   enumerable: true,
   get: function get() {

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

@@ -175,7 +175,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/cjs/ui/FloatingContextualButton/FixedButton.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.calcObserverTargetMargin = exports.calcLeftPos = exports.FixedButton = exports.BUTTON_WIDTH = void 0;
+exports.default = exports.calcObserverTargetMargin = exports.calcLeftPos = exports.FixedButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactDom = require("react-dom");
@@ -14,7 +14,7 @@ var _types = require("../../types");
 var _commonStyles = require("../common-styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var BUTTON_WIDTH = exports.BUTTON_WIDTH = 20;
+var BUTTON_WIDTH = 20;
 var calcLeftPos = exports.calcLeftPos = function calcLeftPos(_ref) {
   var buttonWidth = _ref.buttonWidth,
     cellRectLeft = _ref.cellRectLeft,

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

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

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.getSelectionType = getSelectionType;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DragMenu = void 0;
+exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -187,7 +187,7 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig, for
   };
 };
 var ColorPaletteWithListeners = (0, _ui.withOuterListeners)(_uiColor.ColorPalette);
-var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
+var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _tableMap$hasMergedCe, _pluginConfig$allowBa;
   var _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
@@ -212,7 +212,8 @@ var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_re
     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;
@@ -226,7 +227,7 @@ var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_re
   var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ? (0, _utils2.getSelectionRect)(selection) : (0, _utils2.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 = (0, _dragMenu.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 = (0, _dragMenu.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/cjs/ui/FloatingDragMenu/index.js

@@ -29,7 +29,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;
   }
@@ -86,7 +87,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
     tableSortColumnReorder: tableSortColumnReorder,
     ariaNotifyPlugin: ariaNotifyPlugin,
-    api: api
+    api: api,
+    isCommentEditor: isCommentEditor || false
   }));
 };
 FloatingDragMenu.displayName = 'FloatingDragMenu';

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.InsertButtonForDragAndDrop = exports.DragAndDropInsertButton = void 0;
+exports.default = exports.DragAndDropInsertButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
@@ -60,7 +60,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
 var tooltipMessageByType = function tooltipMessageByType(type) {
   return type === 'row' ? _messages.tableMessages.insertRow : _messages.tableMessages.insertColumn;
 };
-var InsertButtonForDragAndDrop = exports.InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
+var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var _classnames;
   var onMouseDown = _ref2.onMouseDown,
     tableRef = _ref2.tableRef,

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

@@ -202,7 +202,8 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         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() : {},
@@ -213,7 +214,7 @@ var FloatingInsertButton = exports.FloatingInsertButton = /*#__PURE__*/function
         var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent');
         var state = editorView.state,
           dispatch = editorView.dispatch;
-        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent)(_analytics.INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
+        (0, _commandsWithAnalytics.insertColumnWithAnalytics)(this.props.api, editorAnalyticsAPI, isTableScalingEnabled, tableDuplicateCellColouring, tableWithFixedColumnWidthsOption, shouldUseIncreasedScalingPercent, isCommentEditor)(_analytics.INPUT_METHOD.BUTTON, insertColumnButtonIndex)(state, dispatch, editorView);
       }
     }
   }]);

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

@@ -4,7 +4,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ColumnControls = void 0;
+exports.ColumnControls = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -239,5 +239,4 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
       } : {}
     }));
   }), columnHandles()));
-};
-var _default = exports.default = ColumnControls;
+};

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TableFloatingColumnControls = void 0;
+exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -16,7 +16,7 @@ var _ColumnControls = require("./ColumnControls");
 var _ColumnDropTargets = require("./ColumnDropTargets");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var TableFloatingColumnControls = exports.TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
+var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
   var editorView = _ref.editorView,
     tableRef = _ref.tableRef,
     getNode = _ref.getNode,

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

@@ -146,7 +146,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.default.createElement(_DragHandle.DragHandle, {

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

@@ -39,12 +39,6 @@ Object.defineProperty(exports, "DragHandleIcon", {
     return _DragHandleIcon.DragHandleIcon;
   }
 });
-Object.defineProperty(exports, "DragInMotionIcon", {
-  enumerable: true,
-  get: function get() {
-    return _DragInMotionIcon.DragInMotionIcon;
-  }
-});
 Object.defineProperty(exports, "MergeCellsIcon", {
   enumerable: true,
   get: function get() {
@@ -64,7 +58,6 @@ Object.defineProperty(exports, "SplitCellIcon", {
   }
 });
 var _DragHandleIcon = require("./DragHandleIcon");
-var _DragInMotionIcon = require("./DragInMotionIcon");
 var _DragHandleDisabledIcon = require("./DragHandleDisabledIcon");
 var _MinimisedHandle = require("./MinimisedHandle");
 var _MergeCellsIcon = require("./MergeCellsIcon");