@atlaskit/editor-plugin-table 7.25.9 → 7.25.11

package/dist/esm/nodeviews/TableComponent.js

@@ -35,8 +35,9 @@ import { findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from '.
 import { META_KEYS } from '../pm-plugins/table-analytics';
 import { COLUMN_MIN_WIDTH, getLayoutSize, getResizeState, insertColgroupFromNode, scaleTable, updateColgroup } from '../pm-plugins/table-resizing/utils';
 import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils/colgroup';
-import { TABLE_EDITOR_MARGIN } from '../pm-plugins/table-resizing/utils/consts';
+import { TABLE_EDITOR_MARGIN, TABLE_OFFSET_IN_COMMENT_EDITOR } from '../pm-plugins/table-resizing/utils/consts';
 import { updateControls } from '../pm-plugins/table-resizing/utils/dom';
+import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from '../pm-plugins/table-resizing/utils/misc';
 import { TableCssClassName as ClassName, ShadowEvent } from '../types';
 import TableFloatingColumnControls from '../ui/TableFloatingColumnControls';
 import TableFloatingControls from '../ui/TableFloatingControls';
@@ -497,14 +498,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isResizing = _this$props10.isResizing,
         view = _this$props10.view,
         getPos = _this$props10.getPos,
-        getEditorFeatureFlags = _this$props10.getEditorFeatureFlags;
+        getEditorFeatureFlags = _this$props10.getEditorFeatureFlags,
+        options = _this$props10.options;
       if (!this.table) {
         return;
       }
 
       // Remove any widths styles after resizing preview is completed
       this.table.style.width = '';
-      var tableRenderWidth = containerWidth.width - TABLE_EDITOR_MARGIN;
       var tableNode = getNode();
       var start = getPos() || 0;
       var depth = view.state.doc.resolve(start).depth;
@@ -513,12 +514,16 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       var tableNodeWidth = getTableContainerWidth(tableNode);
       var isTableResizedFullWidth = tableNodeWidth === 1800 && this.wasResizing && !isResizing;
+
       // Needed for undo / redo
       var isTableWidthChanged = tableNodeWidth !== this.tableNodeWidth;
+      var tableRenderWidth = options !== null && options !== void 0 && options.isCommentEditor ? containerWidth.width - (TABLE_OFFSET_IN_COMMENT_EDITOR + 1) // should be the same as this.table.parentElement?.clientWidth - 1, subtract 1 to avoid overflow
+      : containerWidth.width - TABLE_EDITOR_MARGIN;
+      tableNodeWidth = options !== null && options !== void 0 && options.isCommentEditor && !tableNode.attrs.width ? tableRenderWidth : tableNodeWidth;
       var isTableSquashed = tableRenderWidth < tableNodeWidth;
       var isNumberColumnChanged = tableNode.attrs.isNumberColumnEnabled !== this.node.attrs.isNumberColumnEnabled;
       var isNumberOfColumnsChanged = tablesHaveDifferentNoOfColumns(tableNode, this.node);
-      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth || isNumberColumnChanged || isNumberOfColumnsChanged;
+      var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged;
       if (force || maybeScale) {
         var _this$containerWidth, _this$props$options, _this$props$options2, _this$props$options3;
         var containerWidthValue = containerWidth.width;
@@ -536,7 +541,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
         !!((_this$props$options2 = this.props.options) !== null && _this$props$options2 !== void 0 && _this$props$options2.isTableScalingEnabled) && !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isCommentEditor);
         if (force || !isResizing && shouldUpdateColgroup) {
-          var _this$props$options4;
+          var _this$props$options4, _this$props$options5, _this$props$options6, _this$props$options7, _this$props$options8, _this$props$options9;
           var resizeState = getResizeState({
             minWidth: COLUMN_MIN_WIDTH,
             maxSize: tableRenderWidth,
@@ -545,19 +550,29 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             start: start,
             domAtPos: view.domAtPos.bind(view),
             isTableScalingEnabled: true,
-            shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
+            shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+            isCommentEditor: !!((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isCommentEditor)
           });
           var shouldScaleOnColgroupUpdate = false;
-          if ((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
+          if ((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
             shouldScaleOnColgroupUpdate = true;
           }
           if (isTableScalingWithFixedColumnWidthsOptionEnabled && tableNode.attrs.displayMode !== 'fixed') {
             shouldScaleOnColgroupUpdate = true;
           }
+          if ((_this$props$options6 = this.props.options) !== null && _this$props$options6 !== void 0 && _this$props$options6.isTableScalingEnabled && (_this$props$options7 = this.props.options) !== null && _this$props$options7 !== void 0 && _this$props$options7.isCommentEditor) {
+            shouldScaleOnColgroupUpdate = true;
+          }
+          var scalePercent = 1;
+          if (!((_this$props$options8 = this.props.options) !== null && _this$props$options8 !== void 0 && _this$props$options8.isCommentEditor) || (_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && tableNode.attrs.width) {
+            scalePercent = getTableScalingPercent(tableNode, this.table, shouldUseIncreasedScalingPercent);
+          } else {
+            scalePercent = getScalingPercentForTableWithoutWidth(tableNode, this.table);
+          }
 
           // Request animation frame required for Firefox
           requestAnimationFrame(function () {
-            updateColgroup(resizeState, _this2.table, tableNode, shouldScaleOnColgroupUpdate, shouldUseIncreasedScalingPercent);
+            updateColgroup(resizeState, _this2.table, tableNode, shouldScaleOnColgroupUpdate, scalePercent);
           });
         }
       }
@@ -568,8 +583,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
-      var _this$props$options5,
-        _this$props$options6,
+      var _this$props$options10,
+        _this$props$options11,
         _this$wrapper,
         _this3 = this;
       var _this$props11 = this.props,
@@ -598,7 +613,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         shouldHandleColgroupUpdates = true;
       }
       var isTableScalingWithFixedColumnWidthsOptionEnabled = !!isTableScalingEnabled && tableWithFixedColumnWidthsOption;
-      var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') || !!isTableScalingEnabled && !!((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isCommentEditor);
+      var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') || !!isTableScalingEnabled && !!((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor);
       if (isTableScalingWithFixedColumnWidthsOptionEnabled && getNode().attrs.displayMode !== 'fixed') {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
@@ -609,7 +624,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (isInDanger && !table) {
         clearHoverSelection()(view.state, view.dispatch);
       }
-      if ((_this$props$options6 = this.props.options) !== null && _this$props$options6 !== void 0 && _this$props$options6.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
+      if ((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {
@@ -654,7 +669,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             var start = getPos() || 0;
             var depth = _view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
-            insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent);
+            insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
           }
           updateControls()(_view.state);
         }
@@ -696,7 +711,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this4 = this,
-        _this$props$options7,
+        _this$props$options12,
         _classnames;
       var _this$props12 = this.props,
         view = _this$props12.view,
@@ -815,7 +830,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         stickyScrollbar = _getEditorFeatureFlag8.stickyScrollbar,
         _getEditorFeatureFlag9 = _getEditorFeatureFlag8.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag9 === void 0 ? false : _getEditorFeatureFlag9;
-      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent') || !!((_this$props$options7 = this.props.options) !== null && _this$props$options7 !== void 0 && _this$props$options7.isCommentEditor));
+      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent') || !!((_this$props$options12 = this.props.options) !== null && _this$props$options12 !== void 0 && _this$props$options12.isCommentEditor));
       return /*#__PURE__*/React.createElement(TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {

package/dist/esm/nodeviews/TableContainer.js

@@ -12,7 +12,7 @@ import { TableCssClassName as ClassName } from '../types';
 import { ALIGN_CENTER, ALIGN_START } from '../utils/alignment';
 import { getAlignmentStyle } from './table-container-styles';
 import { TableResizer } from './TableResizer';
-export var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     node = _ref.node,

package/dist/esm/nodeviews/TableResizer.js

@@ -319,7 +319,7 @@ export var TableResizer = function TableResizer(_ref) {
         prevNode: node,
         start: pos + 1,
         parentWidth: newWidth
-      }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false)(tr);
+      }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, isCommentEditor)(tr);
       var scaledNode = tr.doc.nodeAt(pos);
       (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({
         originalNode: node,

package/dist/esm/plugin.js

@@ -402,7 +402,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
             getEditorContainerWidth: defaultGetEditorContainerWidth,
             getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
             isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor,
-            api: api
+            api: api,
+            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor
           }), (options === null || options === void 0 ? void 0 : options.allowContextualMenu) && /*#__PURE__*/React.createElement(FloatingContextualMenu, {
             editorView: editorView,
             mountPoint: popupsMountPoint,
@@ -433,7 +434,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
             isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
             getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
             ariaNotifyPlugin: ariaNotifyPlugin,
-            api: api
+            api: api,
+            isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor
           }), allowControls && !isDragAndDropEnabled && !isResizing && /*#__PURE__*/React.createElement(FloatingDeleteButton, {
             editorView: editorView,
             selection: editorView.state.selection,

package/dist/esm/pm-plugins/decorations/utils/index.js

@@ -1,3 +1,2 @@
 export { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './column-controls';
-export { buildColumnResizingDecorations, clearColumnResizingDecorations } from './column-resizing';
-export { composeDecorations } from './compose-decorations';
+export { buildColumnResizingDecorations, clearColumnResizingDecorations } from './column-resizing';

package/dist/esm/pm-plugins/drag-and-drop/commands.js

@@ -7,11 +7,11 @@ import { DropTargetType } from './consts';
 import { createCommand, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 // TODO: This command is a placeholder example. Please replace this if required.
-export var getDecorations = function getDecorations(state) {
+var getDecorations = function getDecorations(state) {
   var _pluginKey$getState;
   return ((_pluginKey$getState = pluginKey.getState(state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.decorationSet) || DecorationSet.empty;
 };
-export var updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
+var updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
   return updateDecorations(state.doc, getDecorations(state), decorations, key);
 };
 export var setDropTarget = function setDropTarget(type, index, hasMergedCells, tr) {

package/dist/esm/pm-plugins/drag-and-drop/index.js

@@ -1,3 +1,2 @@
 export { createPlugin } from './plugin';
-export { pluginKey } from './plugin-key';
-export { setDropTarget, clearDropTarget } from './commands';
+export { pluginKey } from './plugin-key';

package/dist/esm/pm-plugins/drag-and-drop/plugin.js

@@ -159,10 +159,13 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
             if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
               isTableScalingEnabledOnCurrentTable = tableNode.attrs.displayMode !== 'fixed';
             }
+            if (isTableScalingEnabled && isCommentEditor) {
+              isTableScalingEnabledOnCurrentTable = true;
+            }
             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;
-            insertColgroupFromNode(tableRef, tableNode, isTableScalingEnabledOnCurrentTable, undefined, shouldUseIncreasedScalingPercent);
+            insertColgroupFromNode(tableRef, tableNode, isTableScalingEnabledOnCurrentTable, undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
           }
         }
         editorView.focus();

package/dist/esm/pm-plugins/drag-and-drop/utils/index.js

@@ -1,2 +1 @@
-export { getDraggableDataFromEvent } from './monitor';
 export { autoScrollerFactory } from './autoscrollers';

package/dist/esm/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -6,7 +6,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-export var tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
+var tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
 export var createPlugin = function createPlugin() {
   return new SafePlugin({
     key: tableSafariDeleteCompositionTextIssueWorkaroundKey,

package/dist/esm/pm-plugins/sticky-headers/index.js

@@ -1,4 +1,3 @@
 export { createPlugin } from './plugin';
 export { pluginKey } from './plugin-key';
-export { findStickyHeaderForTable } from './util';
-export { updateStickyState, removeStickyState } from './commands';
+export { findStickyHeaderForTable } from './util';

package/dist/esm/pm-plugins/table-analytics.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export var pluginKey = new PluginKey('tableOverflowAnalyticsPlugin');
+var pluginKey = new PluginKey('tableOverflowAnalyticsPlugin');
 export var META_KEYS = {
   OVERFLOW_TRIGGER: 'tableOverflowTrigger',
   OVERFLOW_STATE_CHANGED: 'tableOverflowStateChanged'

package/dist/esm/pm-plugins/table-resizing/commands.js

@@ -72,7 +72,7 @@ export var setDragging = function setDragging(dragging, tr) {
     return (tr || originalTr).setMeta('is-resizer-resizing', true);
   });
 };
-export var setLastClick = function setLastClick(lastClick, transform) {
+var setLastClick = function setLastClick(lastClick, transform) {
   return createCommand({
     type: 'SET_LAST_CLICK',
     data: {

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

@@ -16,8 +16,11 @@ import { META_KEYS } from '../table-analytics';
 import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { currentColWidth, getResizeState, getTableMaxWidth, pointsAtCell, resizeColumn, resizeColumnAndTable, updateControls } from './utils';
+import { TABLE_OFFSET_IN_COMMENT_EDITOR } from './utils/consts';
+import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from './utils/misc';
 import { scaleResizeState } from './utils/resize-column';
 export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, isTableScalingEnabled, api, editorAnalyticsAPI, isNewColumnResizingEnabled, isTableAlignmentEnabled, isCommentEditor) {
+  var _originalTable$attrs;
   var state = view.state,
     dispatch = view.dispatch;
   var editorDisabled = !view.editable;
@@ -47,13 +50,18 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
   if (dom && dom.nodeName !== 'TABLE') {
     dom = dom.closest('table');
   }
-  var maxSize = getTableMaxWidth({
-    table: originalTable,
-    tableStart: start,
-    state: state,
-    layout: originalTable.attrs.layout,
-    getEditorContainerWidth: getEditorContainerWidth
-  });
+  var maxSize = 0;
+  if (isTableScalingEnabled && isCommentEditor && !((_originalTable$attrs = originalTable.attrs) !== null && _originalTable$attrs !== void 0 && _originalTable$attrs.width)) {
+    maxSize = editorWidth - TABLE_OFFSET_IN_COMMENT_EDITOR;
+  } else {
+    maxSize = getTableMaxWidth({
+      table: originalTable,
+      tableStart: start,
+      state: state,
+      layout: originalTable.attrs.layout,
+      getEditorContainerWidth: getEditorContainerWidth
+    });
+  }
   var shouldScale = tableDepth === 0 && isTableScalingEnabled;
   var _getEditorFeatureFlag = getEditorFeatureFlags(),
     _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
@@ -62,6 +70,11 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
     shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
   }
+  var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent');
+  if (isTableScalingEnabled && isCommentEditor) {
+    shouldScale = tableDepth === 0;
+    shouldUseIncreasedScalingPercent = true;
+  }
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,
     maxSize: maxSize,
@@ -70,9 +83,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     start: start,
     domAtPos: domAtPos,
     isTableScalingEnabled: shouldScale,
-    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
+    shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
+    isCommentEditor: isCommentEditor || false
   });
   if (evenColumns({
     resizeState: resizeState,
@@ -101,7 +113,8 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
       resizeState: resizeState,
       tableRef: dom,
       tableNode: originalTable,
-      editorWidth: editorWidth
+      editorWidth: editorWidth,
+      shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent
     });
   }
   function finish(event) {
@@ -161,7 +174,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
           _shouldScale = _shouldScale && originalTable.attrs.displayMode !== 'fixed';
         }
         var resizedDelta = clientX - startX;
-        var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') || isTableScalingEnabled && !!isCommentEditor;
+        var _shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && fg('platform.editor.table.use-increased-scaling-percent') || isTableScalingEnabled && !!isCommentEditor;
         if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
           var newResizeState = resizeColumnAndTable({
             resizeState: resizeState,
@@ -201,7 +214,9 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
             tr.setNodeAttribute(start - 1, 'width', newResizeState.maxSize);
           }
         } else {
-          var _newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, shouldUseIncreasedScalingPercent);
+          var _table$attrs;
+          var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width) ? getScalingPercentForTableWithoutWidth(originalTable, dom) : getTableScalingPercent(originalTable, dom, _shouldUseIncreasedScalingPercent);
+          var _newResizeState = resizeColumn(resizeState, colIndex, resizedDelta, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, _shouldScale, scalePercent);
           tr = updateColumnWidths(_newResizeState, table, start, api)(tr);
         }
         if (colIndex === map.width - 1) {
@@ -271,7 +286,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
       shouldScale = shouldScale && originalTable.attrs.displayMode !== 'fixed';
     }
     var resizedDelta = clientX - dragging.startX;
-    if (isNewColumnResizingEnabled && !isTableNested(state, tablePos)) {
+    if (isNewColumnResizingEnabled && !isTableNested(state, tablePos) && !isCommentEditor) {
       resizeColumnAndTable({
         resizeState: resizeState,
         colIndex: colIndex,
@@ -283,7 +298,10 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         isTableAlignmentEnabled: isTableAlignmentEnabled
       });
     } else {
-      resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, shouldUseIncreasedScalingPercent);
+      var _table$attrs2;
+      var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? getScalingPercentForTableWithoutWidth(table, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
+      // This function is called for Full-page/Fixed-page tables and table that have width attr value in Comment editor
+      resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
     }
     updateControls()(state);
   }

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

@@ -3,7 +3,7 @@ import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { getTableScalingPercent } from './misc';
+import { getScalingPercentForTableWithoutWidth, getTableScalingPercent } from './misc';
 /**
  * This ensures the combined width of the columns (and tbody) of table is always smaller or equal
  * than the table and table wrapper elements. This is necessary as there is no longer
@@ -13,7 +13,7 @@ import { getTableScalingPercent } from './misc';
 export var getColWidthFix = function getColWidthFix(colwidth, tableColumnCount) {
   return colwidth - 1 / tableColumnCount;
 };
-export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent) {
+export var generateColgroup = function generateColgroup(table, tableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
   var cols = [];
   var map = TableMap.get(table);
   table.content.firstChild.content.forEach(function (cell) {
@@ -22,7 +22,14 @@ export var generateColgroup = function generateColgroup(table, tableRef, shouldU
       // We slice here to guard against our colwidth array having more entries
       // Than the we actually span. We'll patch the document at a later point.
       if (tableRef) {
-        var scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
+        var _table$attrs;
+        // if we have tableRef here, isTableScalingEnabled is true
+        var scalePercent = 1;
+        if (isCommentEditor && !((_table$attrs = table.attrs) !== null && _table$attrs !== void 0 && _table$attrs.width)) {
+          scalePercent = getScalingPercentForTableWithoutWidth(table, tableRef);
+        } else {
+          scalePercent = getTableScalingPercent(table, tableRef, shouldUseIncreasedScalingPercent);
+        }
         cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
           var fixedColWidth = getColWidthFix(width, map.width);
           var scaledWidth = fixedColWidth * scalePercent;
@@ -57,11 +64,12 @@ export var insertColgroupFromNode = function insertColgroupFromNode(tableRef, ta
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var shouldRemove = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   var shouldUseIncreasedScalingPercent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var colgroup = tableRef === null || tableRef === void 0 ? void 0 : tableRef.querySelector('colgroup');
   if (colgroup && shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.removeChild(colgroup);
   }
-  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined, shouldUseIncreasedScalingPercent);
+  colgroup = renderColgroupFromNode(table, isTableScalingEnabled ? tableRef !== null && tableRef !== void 0 ? tableRef : undefined : undefined, shouldUseIncreasedScalingPercent, isCommentEditor);
   if (shouldRemove) {
     tableRef === null || tableRef === void 0 || tableRef.insertBefore(colgroup, tableRef === null || tableRef === void 0 ? void 0 : tableRef.firstChild);
   }
@@ -72,6 +80,7 @@ export var hasTableBeenResized = function hasTableBeenResized(table) {
     return cell.attrs.colwidth;
   });
 };
+export var hasTableColumnBeenResized = hasTableBeenResized;
 
 /**
  * Check if a table has all the column width set to tableCellMinWidth(48px) or null
@@ -86,8 +95,8 @@ export var isMinCellWidthTable = function isMinCellWidthTable(table) {
   });
   return isTableMinCellWidth;
 };
-function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent) {
-  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent))));
+function renderColgroupFromNode(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor) {
+  var rendered = DOMSerializer.renderSpec(document, ['colgroup', {}].concat(_toConsumableArray(generateColgroup(table, maybeTableRef, shouldUseIncreasedScalingPercent, isCommentEditor))));
   return rendered.dom;
 }
 export var getColgroupChildrenLength = function getColgroupChildrenLength(table) {

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

@@ -1,5 +1,4 @@
 export var COLUMN_MIN_WIDTH = 48;
-export var TABLE_DEFAULT_WIDTH = 760;
 export var TABLE_MAX_WIDTH = 1800;
 export var FULL_WIDTH_EDITOR_CONTENT_WIDTH = 1800;
 export var MAX_SCALING_PERCENT = 0.3;

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

@@ -63,7 +63,7 @@ export var updateStickyMargins = function updateStickyMargins(table) {
   var firstRowHeight = row.getBoundingClientRect().height - paddingTop - tableCellBorderWidth;
   table.style.marginTop = "".concat(tableMarginTop + firstRowHeight, "px");
 };
-export var applyColWidthsToStickyRow = function applyColWidthsToStickyRow(colGroup, headerRow) {
+var applyColWidthsToStickyRow = function applyColWidthsToStickyRow(colGroup, headerRow) {
   // sync column widths for the sticky row
   var newCols = colWidthsForRow(headerRow);
   if (newCols) {
@@ -81,7 +81,7 @@ export var syncStickyRowToTable = function syncStickyRowToTable(tableRef) {
   applyColWidthsToStickyRow(tableRef.querySelector('colgroup'), headerRow);
   applyTableWidthToStickyRow(tableRef, headerRow);
 };
-export var applyTableWidthToStickyRow = function applyTableWidthToStickyRow(tableRef, headerRow) {
+var applyTableWidthToStickyRow = function applyTableWidthToStickyRow(tableRef, headerRow) {
   var tbody = tableRef.querySelector('tbody');
   var wrapper = tableRef.parentElement;
   if (tbody && wrapper) {

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

@@ -1,10 +1,9 @@
 export { generateColgroup, insertColgroupFromNode, hasTableBeenResized, getColgroupChildrenLength } from './colgroup';
 export { contentWidth } from './content-width';
-export { getColumnStateFromDOM, getFreeSpace, getCellsRefsInColumn, calculateColumnWidth, addContainerLeftRightPadding } from './column-state';
-export { growColumn, shrinkColumn, reduceSpace } from './resize-logic';
-export { getResizeState, updateColgroup, getTotalWidth, evenAllColumnsWidths, bulkColumnsResize, areColumnsEven, adjustColumnsWidths } from './resize-state';
-export { getLayoutSize, getDefaultLayoutMaxWidth, pointsAtCell, currentColWidth, domCellAround, getTableMaxWidth, getTableElementWidth, getTableContainerElementWidth } from './misc';
+export { getCellsRefsInColumn, calculateColumnWidth } from './column-state';
+export { getResizeState, updateColgroup, evenAllColumnsWidths } from './resize-state';
+export { getLayoutSize, pointsAtCell, currentColWidth, getTableMaxWidth, getTableElementWidth, getTableContainerElementWidth } from './misc';
 export { updateControls, isClickNear, getResizeCellPos } from './dom';
-export { scale, scaleWithParent, scaleTable, previewScaleTable } from './scale-table';
+export { scaleTable, previewScaleTable } from './scale-table';
 export { resizeColumn, resizeColumnAndTable } from './resize-column';
-export { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_DEFAULT_WIDTH, MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION, TABLE_OFFSET_IN_COMMENT_EDITOR } from './consts';
+export { COLUMN_MIN_WIDTH, TABLE_MAX_WIDTH, TABLE_OFFSET_IN_COMMENT_EDITOR } from './consts';

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

@@ -1,9 +1,8 @@
 import { getParentNodeWidth, getTableContainerWidth, layoutToWidth } from '@atlaskit/editor-common/node-width';
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
-import { getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-common/ui';
-import { calcTableColumnWidths, containsClassName } from '@atlaskit/editor-common/utils';
+import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { hasTableBeenResized } from './colgroup';
+import { hasTableBeenResized, hasTableColumnBeenResized } from './colgroup';
 import { MAX_SCALING_PERCENT, MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION } from './consts';
 
 // Translates named layouts in number values.
@@ -20,9 +19,6 @@ export function getLayoutSize(tableLayout) {
   }
   return layoutToWidth[tableLayout] || containerWidth;
 }
-export function getDefaultLayoutMaxWidth(containerWidth) {
-  return mapBreakpointToLayoutMaxWidth(getBreakpoint(containerWidth));
-}
 
 // Does the current position point at a cell.
 export function pointsAtCell($pos) {
@@ -50,14 +46,6 @@ export function currentColWidth(view, cellPos, _ref) {
   }
   return domWidth / parts;
 }
-
-// Attempts to find a parent TD/TH depending on target element.
-export function domCellAround(target) {
-  while (target && target.nodeName !== 'TD' && target.nodeName !== 'TH') {
-    target = containsClassName(target, 'ProseMirror') ? null : target.parentNode;
-  }
-  return target;
-}
 export var getTableMaxWidth = function getTableMaxWidth(_ref2) {
   var table = _ref2.table,
     tableStart = _ref2.tableStart,
@@ -100,6 +88,28 @@ export var getTableScalingPercent = function getTableScalingPercent(table, table
   scalePercent = Math.max(scalePercent, 1 - maxScalingPercent);
   return Math.min(scalePercent, 1);
 };
+
+// This function is used to default and full-width tables in Comment/Chromeless editors
+// These tables don't have node.attrs.width set. Their pm-table-wrapper width depend on the editor container width.
+// actual table node width can be calculated as sum of colwidth values if table's columns were resized.
+// If colwidth are not set, table columns are not resized, they all are equal widths.
+export var getScalingPercentForTableWithoutWidth = function getScalingPercentForTableWithoutWidth(table, tableRef) {
+  // are table columns resized
+  if (hasTableColumnBeenResized(table)) {
+    var _tableRef$parentEleme2;
+    var tableWidth = calcTableColumnWidths(table).reduce(function (sum, width) {
+      return sum + width;
+    }, 0);
+    var renderWidth = (tableRef === null || tableRef === void 0 || (_tableRef$parentEleme2 = tableRef.parentElement) === null || _tableRef$parentEleme2 === void 0 ? void 0 : _tableRef$parentEleme2.clientWidth) || tableWidth;
+
+    // minus 1 here to avoid any 1px scroll in Firefox
+    return (renderWidth - 1) / tableWidth;
+  }
+
+  // When table cols are not resized and table width is not set,
+  // tableWidth is equal to renderWidth
+  return 1;
+};
 export var getStaticTableScalingPercent = function getStaticTableScalingPercent(table, tableRenderWidth, shouldUseIncreasedScalingPercent) {
   var maxScalingPercent = shouldUseIncreasedScalingPercent ? MAX_SCALING_PERCENT_TABLES_WITH_FIXED_COLUMN_WIDTHS_OPTION : MAX_SCALING_PERCENT;
   var tableWidth = getTableContainerElementWidth(table);

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

@@ -11,15 +11,13 @@ import { growColumn, shrinkColumn, updateAffectedColumn } from './resize-logic';
 import { updateColgroup } from './resize-state';
 export var resizeColumn = function resizeColumn(resizeState, colIndex, amount, tableRef, tableNode, selectedColumns) {
   var isTableScalingEnabled = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-  var shouldUseIncreasedScalingPercent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-  var scalePercent = 1;
+  var scalePercent = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 1;
   var resizeAmount = amount;
   if (isTableScalingEnabled) {
-    scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
     resizeAmount = amount / scalePercent;
   }
   var newState = resizeAmount > 0 ? growColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeAmount < 0 ? shrinkColumn(resizeState, colIndex, resizeAmount, selectedColumns) : resizeState;
-  updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled, shouldUseIncreasedScalingPercent);
+  updateColgroup(newState, tableRef, tableNode, isTableScalingEnabled, scalePercent);
   return newState;
 };
 export var resizeColumnAndTable = function resizeColumnAndTable(_ref) {
@@ -70,7 +68,7 @@ export var resizeColumnAndTable = function resizeColumnAndTable(_ref) {
   isNumberColumnEnabled ? resizeState.maxSize + akEditorTableNumberColumnWidth + delta : resizeState.maxSize + delta);
 
   // do not apply scaling logic because resize state is already scaled
-  updateColgroup(newState, tableRef, tableNode, false, false);
+  updateColgroup(newState, tableRef, tableNode, false, 1);
   updateTablePreview(tableRef, newState.maxSize, shouldChangeAlignmentToCenterResized(isTableAlignmentEnabled, tableNode, lineLength, newState.maxSize));
   return newState;
 };
@@ -98,7 +96,8 @@ export var scaleResizeState = function scaleResizeState(_ref2) {
   var resizeState = _ref2.resizeState,
     tableRef = _ref2.tableRef,
     tableNode = _ref2.tableNode,
-    editorWidth = _ref2.editorWidth;
+    editorWidth = _ref2.editorWidth,
+    shouldUseIncreasedScalingPercent = _ref2.shouldUseIncreasedScalingPercent;
   var isNumberColumnEnabled = tableNode.attrs.isNumberColumnEnabled;
   var isTableScaled = isNumberColumnEnabled || resizeState.maxSize > getEditorContainerWidth(editorWidth);
 
@@ -111,7 +110,7 @@ export var scaleResizeState = function scaleResizeState(_ref2) {
   if (!isTableScaled || isNumberColumnEnabled && resizeState.maxSize > resizeState.tableWidth) {
     return resizeState;
   }
-  var scalePercent = getTableScalingPercent(tableNode, tableRef);
+  var scalePercent = getTableScalingPercent(tableNode, tableRef, shouldUseIncreasedScalingPercent);
   var scaledTableWidth = Math.round(resizeState.tableWidth * scalePercent);
   var cols = resizeState.cols.map(function (col) {
     return _objectSpread(_objectSpread({}, col), {}, {