@atlaskit/editor-plugin-table 7.5.6 → 7.5.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-table
 
+## 7.5.7
+
+### Patch Changes
+
+- [#80086](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80086) [`c30ac781b469`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c30ac781b469) - Add keyboard support Cmd-A to select whole table
+- [#81017](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81017) [`df5a993963d9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df5a993963d9) - prevent scaled table columns being resized below min width
+
 ## 7.5.6
 
 ### Patch Changes

package/dist/cjs/commands/selection.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shiftArrowUpFromTable = exports.selectRows = exports.selectColumns = exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
+exports.shiftArrowUpFromTable = exports.selectRows = exports.selectColumns = exports.modASelectTable = exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
@@ -419,4 +419,26 @@ var shiftArrowUpFromTable = exports.shiftArrowUpFromTable = function shiftArrowU
       return false;
     };
   };
+};
+var modASelectTable = exports.modASelectTable = function modASelectTable(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = (0, _utils.findTable)(selection);
+      if (!table) {
+        return false;
+      }
+      var $from = selection.$from,
+        $to = selection.$to;
+      var tableSelected = (0, _utils.isTableSelected)(selection);
+      if (!tableSelected && $from.pos > table.start + 1 && $to.pos < table.start + table.node.nodeSize) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      return false;
+    };
+  };
 };

package/dist/cjs/nodeviews/TableComponent.js

@@ -436,7 +436,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handleColgroupUpdates",
     value: function handleColgroupUpdates() {
-      var _this$containerWidth;
+      var _this$containerWidth,
+        _this2 = this;
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var _this$props9 = this.props,
         getNode = _this$props9.getNode,
@@ -459,7 +460,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (depth !== 0) {
         return;
       }
-      var tableNodeWidth = tableNode.attrs.width;
+      var tableNodeWidth = (0, _nodeWidth.getTableContainerWidth)(tableNode);
       var shouldTableScale = tableRenderWidth < tableNodeWidth;
       var containerWidthValue = containerWidth.width;
       var isWidthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.width) !== containerWidthValue;
@@ -473,7 +474,11 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           domAtPos: view.domAtPos,
           isTableScalingEnabled: true
         });
-        (0, _utils4.updateColgroup)(resizeState, this.table, tableNode, true);
+
+        // Request animation frame required for Firefox
+        requestAnimationFrame(function () {
+          (0, _utils4.updateColgroup)(resizeState, _this2.table, tableNode, true);
+        });
       }
       this.containerWidth = containerWidth;
     }
@@ -481,7 +486,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
       var _this$wrapper,
-        _this2 = this;
+        _this3 = this;
       var _this$props10 = this.props,
         view = _this$props10.view,
         getNode = _this$props10.getNode,
@@ -505,7 +510,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           // that happens when a table is nested in expand and expand's width is
           // changed via breakout button
           window.requestAnimationFrame(function () {
-            _this2.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(_this2.updateShadowState, _this2.table, _this2.wrapper);
+            _this3.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(_this3.updateShadowState, _this3.table, _this3.wrapper);
           });
         } else {
           this.overflowShadowsObserver = new _OverflowShadowsObserver.OverflowShadowsObserver(this.updateShadowState, this.table, this.wrapper);
@@ -571,7 +576,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this,
+      var _this4 = this,
         _classnames;
       var _this$props11 = this.props,
         view = _this$props11.view,
@@ -648,8 +653,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tableContainerWidth: tableContainerWidth,
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
         getScrollOffset: function getScrollOffset() {
-          var _this3$wrapper;
-          return ((_this3$wrapper = _this3.wrapper) === null || _this3$wrapper === void 0 ? void 0 : _this3$wrapper.scrollLeft) || 0;
+          var _this4$wrapper;
+          return ((_this4$wrapper = _this4.wrapper) === null || _this4$wrapper === void 0 ? void 0 : _this4$wrapper.scrollLeft) || 0;
         },
         tableWrapperHeight: this.state.tableWrapperHeight
       }) : null;
@@ -699,12 +704,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         editorView: view,
         node: node,
         getScrollOffset: function getScrollOffset() {
-          var _this3$wrapper2;
-          return ((_this3$wrapper2 = _this3.wrapper) === null || _this3$wrapper2 === void 0 ? void 0 : _this3$wrapper2.scrollLeft) || 0;
+          var _this4$wrapper2;
+          return ((_this4$wrapper2 = _this4.wrapper) === null || _this4$wrapper2 === void 0 ? void 0 : _this4$wrapper2.scrollLeft) || 0;
         },
         getTableWrapperWidth: function getTableWrapperWidth() {
-          var _this3$wrapper3;
-          return ((_this3$wrapper3 = _this3.wrapper) === null || _this3$wrapper3 === void 0 ? void 0 : _this3$wrapper3.clientWidth) || 760;
+          var _this4$wrapper3;
+          return ((_this4$wrapper3 = _this4.wrapper) === null || _this4$wrapper3 === void 0 ? void 0 : _this4$wrapper3.clientWidth) || 760;
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
         style: shadowStyle(showBeforeShadow),
@@ -719,14 +724,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_NODE_WRAPPER),
         ref: function ref(elem) {
-          _this3.wrapper = elem;
+          _this4.wrapper = elem;
           if (elem) {
-            _this3.props.contentDOM(elem);
+            _this4.props.contentDOM(elem);
             var tableElement = elem.querySelector('table');
-            if (tableElement !== _this3.table) {
-              _this3.table = tableElement;
-              _this3.createShadowSentinels(_this3.table);
-              _this3.observeTable(_this3.table);
+            if (tableElement !== _this4.table) {
+              _this4.table = tableElement;
+              _this4.createShadowSentinels(_this4.table);
+              _this4.observeTable(_this4.table);
             }
           }
         }

package/dist/cjs/pm-plugins/sticky-headers/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

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

@@ -11,7 +11,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _consts = require("./consts");
+var _misc = require("./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
@@ -31,14 +31,10 @@ var generateColgroup = exports.generateColgroup = function generateColgroup(tabl
         // 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 _tableRef$parentEleme;
-          var tableWidth = table.attrs && table.attrs.width;
-          var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 760;
-          var scalePercent = renderWidth / tableWidth;
-          scalePercent = Math.max(scalePercent, 1 - _consts.MAX_SCALING_PERCENT);
+          var scalePercent = (0, _misc.getTableScalingPercent)(table, tableRef);
           cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
             var fixedColWidth = getColWidthFix(width, map.width);
-            var scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
+            var scaledWidth = fixedColWidth * scalePercent;
             var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
             cols.push(['col', {
               style: "width: ".concat(finalWidth, "px;")

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

@@ -7,7 +7,7 @@ exports.currentColWidth = currentColWidth;
 exports.domCellAround = domCellAround;
 exports.getDefaultLayoutMaxWidth = getDefaultLayoutMaxWidth;
 exports.getLayoutSize = getLayoutSize;
-exports.getTableMaxWidth = exports.getTableElementWidth = exports.getTableContainerElementWidth = void 0;
+exports.getTableScalingPercent = exports.getTableMaxWidth = exports.getTableElementWidth = exports.getTableContainerElementWidth = void 0;
 exports.pointsAtCell = pointsAtCell;
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _styles = require("@atlaskit/editor-common/styles");
@@ -16,6 +16,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colgroup = require("./colgroup");
+var _consts = require("./consts");
 // Translates named layouts in number values.
 function getLayoutSize(tableLayout) {
   var containerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -99,4 +100,13 @@ var getTableElementWidth = exports.getTableElementWidth = function getTableEleme
 };
 var getTableContainerElementWidth = exports.getTableContainerElementWidth = function getTableContainerElementWidth(table) {
   return (0, _nodeWidth.getTableContainerWidth)(table);
+};
+var getTableScalingPercent = exports.getTableScalingPercent = function getTableScalingPercent(table, tableRef) {
+  var _tableRef$parentEleme;
+  var tableWidth = getTableContainerElementWidth(table);
+  var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
+  // minus 1 here to avoid any 1px scroll in Firefox
+  var scalePercent = (renderWidth - 1) / tableWidth;
+  scalePercent = Math.max(scalePercent, 1 - _consts.MAX_SCALING_PERCENT);
+  return Math.min(scalePercent, 1);
 };

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateColgroup = exports.normaliseTableLayout = exports.getTotalWidth = exports.getResizeState = exports.getNewResizeStateFromSelectedColumns = exports.evenSelectedColumnsWidths = exports.evenAllColumnsWidths = exports.bulkColumnsResize = exports.areColumnsEven = 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");
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -14,7 +15,6 @@ var _colgroup = require("./colgroup");
 var _columnState = require("./column-state");
 var _dom = require("./dom");
 var _misc = require("./misc");
-var _index = require("./index");
 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) {
@@ -26,6 +26,10 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
     domAtPos = _ref.domAtPos,
     _ref$isTableScalingEn = _ref.isTableScalingEnabled,
     isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn;
+  if (isTableScalingEnabled) {
+    var scalePercent = (0, _misc.getTableScalingPercent)(table, tableRef);
+    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)) {
     var _cols = (0, _utils.calcTableColumnWidths)(table).map(function (width, index) {
@@ -58,11 +62,12 @@ var getResizeState = exports.getResizeState = function getResizeState(_ref) {
   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 && table.attrs.width) {
+    if (isTableScalingEnabled) {
+      var tableNodeWidth = (0, _nodeWidth.getTableContainerWidth)(table);
       return {
         index: index,
-        width: table.attrs.width / colgroupChildren.length,
-        minWidth: _index.COLUMN_MIN_WIDTH
+        width: tableNodeWidth / colgroupChildren.length,
+        minWidth: minWidth
       };
     }
     var cellsRefs = (0, _columnState.getCellsRefsInColumn)(index, table, start, domAtPos);
@@ -90,25 +95,19 @@ var updateColgroup = exports.updateColgroup = function updateColgroup(state, tab
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
     var columnsCount = cols.length;
     if (isTableScalingEnabled && tableNode) {
-      var tableWidth = (0, _misc.getTableContainerElementWidth)(tableNode);
-      if (tableWidth) {
-        var _tableRef$parentEleme;
-        var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || _index.TABLE_DEFAULT_WIDTH;
-        var scalePercent = renderWidth / tableWidth;
-        scalePercent = Math.max(scalePercent, 1 - _index.MAX_SCALING_PERCENT);
-        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);
-          var scaledWidth = fixedColWidth * Math.min(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[i]) {
-            cols[i].style.width = "".concat(finalWidth, "px");
-          }
-        });
-      }
+      var scalePercent = (0, _misc.getTableScalingPercent)(tableNode, tableRef);
+      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);
+        var scaledWidth = fixedColWidth * scalePercent;
+        var finalWidth = Math.max(scaledWidth, _styles.tableCellMinWidth);
+        // we aren't handling the remaining pixels here when the 48px min width is reached
+        if (cols[i]) {
+          cols[i].style.width = "".concat(finalWidth, "px");
+        }
+      });
     } else {
       state.cols.filter(function (column) {
         return column && !!column.width;

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

@@ -133,9 +133,9 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
     (0, _dom.syncStickyRowToTable)(tableRef);
     return;
   }
-  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabled) : scale(tableRef, options, domAtPos, isTableScalingEnabled);
+  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false) : scale(tableRef, options, domAtPos, false);
   if (resizeState) {
-    (0, _resizeState.updateColgroup)(resizeState, tableRef, node, isTableScalingEnabled);
+    (0, _resizeState.updateColgroup)(resizeState, tableRef, node, false);
   }
 };
 

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

@@ -20,6 +20,9 @@ function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.shift-arrowup-fix')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftArrowUp.common, (0, _selection.shiftArrowUpFromTable)(editorSelectionAPI)(), list);
   }
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.cmd-a-select-table')) {
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectTable.common, (0, _selection.modASelectTable)(editorSelectionAPI)(), list);
+  }
   return (0, _keymap.keymap)(list);
 }
 var _default = exports.default = tableSelectionKeymapPlugin;

package/dist/es2019/commands/selection.js

@@ -372,4 +372,26 @@ export const shiftArrowUpFromTable = editorSelectionAPI => () => (state, dispatc
     })(state, dispatch);
   }
   return false;
+};
+export const modASelectTable = editorSelectionAPI => () => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+  const table = findTable(selection);
+  if (!table) {
+    return false;
+  }
+  const {
+    $from,
+    $to
+  } = selection;
+  const tableSelected = isTableSelected(selection);
+  if (!tableSelected && $from.pos > table.start + 1 && $to.pos < table.start + table.node.nodeSize) {
+    return selectFullTable(editorSelectionAPI)({
+      node: table.node,
+      startPos: table.start,
+      dir: TableSelectionDirection.BottomToTop
+    })(state, dispatch);
+  }
+  return false;
 };

package/dist/es2019/nodeviews/TableComponent.js

@@ -442,9 +442,7 @@ class TableComponent extends React.Component {
     if (depth !== 0) {
       return;
     }
-    const {
-      width: tableNodeWidth
-    } = tableNode.attrs;
+    const tableNodeWidth = getTableContainerWidth(tableNode);
     const shouldTableScale = tableRenderWidth < tableNodeWidth;
     const {
       width: containerWidthValue
@@ -460,7 +458,11 @@ class TableComponent extends React.Component {
         domAtPos: view.domAtPos,
         isTableScalingEnabled: true
       });
-      updateColgroup(resizeState, this.table, tableNode, true);
+
+      // Request animation frame required for Firefox
+      requestAnimationFrame(() => {
+        updateColgroup(resizeState, this.table, tableNode, true);
+      });
     }
     this.containerWidth = containerWidth;
   }

package/dist/es2019/pm-plugins/sticky-headers/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -3,7 +3,7 @@ import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { MAX_SCALING_PERCENT } from './consts';
+import { 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
@@ -21,14 +21,10 @@ export const generateColgroup = (table, tableRef) => {
         // 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 _tableRef$parentEleme;
-          const tableWidth = table.attrs && table.attrs.width;
-          let renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 760;
-          let scalePercent = renderWidth / tableWidth;
-          scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+          const scalePercent = getTableScalingPercent(table, tableRef);
           cell.attrs.colwidth.slice(0, colspan).forEach(width => {
             const fixedColWidth = getColWidthFix(width, map.width);
-            const scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
+            const scaledWidth = fixedColWidth * scalePercent;
             const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
             cols.push(['col', {
               style: `width: ${finalWidth}px;`

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

@@ -5,6 +5,7 @@ import { calcTableColumnWidths, containsClassName } from '@atlaskit/editor-commo
 import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hasTableBeenResized } from './colgroup';
+import { MAX_SCALING_PERCENT } from './consts';
 
 // Translates named layouts in number values.
 export function getLayoutSize(tableLayout, containerWidth = 0, options) {
@@ -89,4 +90,13 @@ export const getTableElementWidth = table => {
 };
 export const getTableContainerElementWidth = table => {
   return getTableContainerWidth(table);
+};
+export const getTableScalingPercent = (table, tableRef) => {
+  var _tableRef$parentEleme;
+  const tableWidth = getTableContainerElementWidth(table);
+  let renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
+  // minus 1 here to avoid any 1px scroll in Firefox
+  let scalePercent = (renderWidth - 1) / tableWidth;
+  scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+  return Math.min(scalePercent, 1);
 };

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

@@ -1,3 +1,4 @@
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -5,8 +6,7 @@ import { getSelectedTableInfo } from '../../../utils';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
-import { getTableContainerElementWidth, getTableMaxWidth } from './misc';
-import { COLUMN_MIN_WIDTH, MAX_SCALING_PERCENT, TABLE_DEFAULT_WIDTH } from './index';
+import { getTableMaxWidth, getTableScalingPercent } from './misc';
 export const getResizeState = ({
   minWidth,
   maxSize,
@@ -16,6 +16,10 @@ export const getResizeState = ({
   domAtPos,
   isTableScalingEnabled = false
 }) => {
+  if (isTableScalingEnabled) {
+    const scalePercent = getTableScalingPercent(table, tableRef);
+    minWidth = Math.ceil(minWidth / scalePercent);
+  }
   // If the table has been resized, we can use the column widths from the table node
   if (hasTableBeenResized(table)) {
     const cols = calcTableColumnWidths(table).map((width, index) => ({
@@ -42,11 +46,12 @@ export const getResizeState = ({
   const cols = Array.from(colgroupChildren).map((_, 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 && table.attrs.width) {
+    if (isTableScalingEnabled) {
+      const tableNodeWidth = getTableContainerWidth(table);
       return {
         index,
-        width: table.attrs.width / colgroupChildren.length,
-        minWidth: COLUMN_MIN_WIDTH
+        width: tableNodeWidth / colgroupChildren.length,
+        minWidth
       };
     }
     const cellsRefs = getCellsRefsInColumn(index, table, start, domAtPos);
@@ -70,23 +75,17 @@ export const updateColgroup = (state, tableRef, tableNode, isTableScalingEnabled
   if (getBooleanFF('platform.editor.custom-table-width')) {
     const columnsCount = cols.length;
     if (isTableScalingEnabled && tableNode) {
-      const tableWidth = getTableContainerElementWidth(tableNode);
-      if (tableWidth) {
-        var _tableRef$parentEleme;
-        let renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || TABLE_DEFAULT_WIDTH;
-        let scalePercent = renderWidth / tableWidth;
-        scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
-        state.cols.filter(column => column && !!column.width) // if width is 0, we dont want to apply that.
-        .forEach((column, i) => {
-          const fixedColWidth = getColWidthFix(column.width, columnsCount);
-          const scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
-          const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
-          // we aren't handling the remaining pixels here when the 48px min width is reached
-          if (cols[i]) {
-            cols[i].style.width = `${finalWidth}px`;
-          }
-        });
-      }
+      const scalePercent = getTableScalingPercent(tableNode, tableRef);
+      state.cols.filter(column => column && !!column.width) // if width is 0, we dont want to apply that.
+      .forEach((column, i) => {
+        const fixedColWidth = getColWidthFix(column.width, columnsCount);
+        const scaledWidth = fixedColWidth * scalePercent;
+        const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
+        // we aren't handling the remaining pixels here when the 48px min width is reached
+        if (cols[i]) {
+          cols[i].style.width = `${finalWidth}px`;
+        }
+      });
     } else {
       state.cols.filter(column => column && !!column.width) // if width is 0, we dont want to apply that.
       .forEach((column, i) => {

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

@@ -126,9 +126,9 @@ export const previewScaleTable = (tableRef, options, domAtPos, isTableScalingEna
     syncStickyRowToTable(tableRef);
     return;
   }
-  const resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabled) : scale(tableRef, options, domAtPos, isTableScalingEnabled);
+  const resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false) : scale(tableRef, options, domAtPos, false);
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, node, isTableScalingEnabled);
+    updateColgroup(resizeState, tableRef, node, false);
   }
 };
 

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

@@ -1,7 +1,7 @@
-import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, selectTable, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { arrowLeftFromTable, arrowRightFromTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
+import { arrowLeftFromTable, arrowRightFromTable, modASelectTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
 export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   const list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
@@ -13,6 +13,9 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }
+  if (getBooleanFF('platform.editor.table.cmd-a-select-table')) {
+    bindKeymapWithCommand(selectTable.common, modASelectTable(editorSelectionAPI)(), list);
+  }
   return keymap(list);
 }
 export default tableSelectionKeymapPlugin;

package/dist/esm/commands/selection.js

@@ -413,4 +413,26 @@ export var shiftArrowUpFromTable = function shiftArrowUpFromTable(editorSelectio
       return false;
     };
   };
+};
+export var modASelectTable = function modASelectTable(editorSelectionAPI) {
+  return function () {
+    return function (state, dispatch) {
+      var selection = state.selection;
+      var table = findTable(selection);
+      if (!table) {
+        return false;
+      }
+      var $from = selection.$from,
+        $to = selection.$to;
+      var tableSelected = isTableSelected(selection);
+      if (!tableSelected && $from.pos > table.start + 1 && $to.pos < table.start + table.node.nodeSize) {
+        return selectFullTable(editorSelectionAPI)({
+          node: table.node,
+          startPos: table.start,
+          dir: TableSelectionDirection.BottomToTop
+        })(state, dispatch);
+      }
+      return false;
+    };
+  };
 };

package/dist/esm/nodeviews/TableComponent.js

@@ -429,7 +429,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handleColgroupUpdates",
     value: function handleColgroupUpdates() {
-      var _this$containerWidth;
+      var _this$containerWidth,
+        _this2 = this;
       var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var _this$props9 = this.props,
         getNode = _this$props9.getNode,
@@ -452,7 +453,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (depth !== 0) {
         return;
       }
-      var tableNodeWidth = tableNode.attrs.width;
+      var tableNodeWidth = getTableContainerWidth(tableNode);
       var shouldTableScale = tableRenderWidth < tableNodeWidth;
       var containerWidthValue = containerWidth.width;
       var isWidthChanged = ((_this$containerWidth = this.containerWidth) === null || _this$containerWidth === void 0 ? void 0 : _this$containerWidth.width) !== containerWidthValue;
@@ -466,7 +467,11 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           domAtPos: view.domAtPos,
           isTableScalingEnabled: true
         });
-        updateColgroup(resizeState, this.table, tableNode, true);
+
+        // Request animation frame required for Firefox
+        requestAnimationFrame(function () {
+          updateColgroup(resizeState, _this2.table, tableNode, true);
+        });
       }
       this.containerWidth = containerWidth;
     }
@@ -474,7 +479,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
       var _this$wrapper,
-        _this2 = this;
+        _this3 = this;
       var _this$props10 = this.props,
         view = _this$props10.view,
         getNode = _this$props10.getNode,
@@ -498,7 +503,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           // that happens when a table is nested in expand and expand's width is
           // changed via breakout button
           window.requestAnimationFrame(function () {
-            _this2.overflowShadowsObserver = new OverflowShadowsObserver(_this2.updateShadowState, _this2.table, _this2.wrapper);
+            _this3.overflowShadowsObserver = new OverflowShadowsObserver(_this3.updateShadowState, _this3.table, _this3.wrapper);
           });
         } else {
           this.overflowShadowsObserver = new OverflowShadowsObserver(this.updateShadowState, this.table, this.wrapper);
@@ -564,7 +569,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this,
+      var _this4 = this,
         _classnames;
       var _this$props11 = this.props,
         view = _this$props11.view,
@@ -641,8 +646,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tableContainerWidth: tableContainerWidth,
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
         getScrollOffset: function getScrollOffset() {
-          var _this3$wrapper;
-          return ((_this3$wrapper = _this3.wrapper) === null || _this3$wrapper === void 0 ? void 0 : _this3$wrapper.scrollLeft) || 0;
+          var _this4$wrapper;
+          return ((_this4$wrapper = _this4.wrapper) === null || _this4$wrapper === void 0 ? void 0 : _this4$wrapper.scrollLeft) || 0;
         },
         tableWrapperHeight: this.state.tableWrapperHeight
       }) : null;
@@ -692,12 +697,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         editorView: view,
         node: node,
         getScrollOffset: function getScrollOffset() {
-          var _this3$wrapper2;
-          return ((_this3$wrapper2 = _this3.wrapper) === null || _this3$wrapper2 === void 0 ? void 0 : _this3$wrapper2.scrollLeft) || 0;
+          var _this4$wrapper2;
+          return ((_this4$wrapper2 = _this4.wrapper) === null || _this4$wrapper2 === void 0 ? void 0 : _this4$wrapper2.scrollLeft) || 0;
         },
         getTableWrapperWidth: function getTableWrapperWidth() {
-          var _this3$wrapper3;
-          return ((_this3$wrapper3 = _this3.wrapper) === null || _this3$wrapper3 === void 0 ? void 0 : _this3$wrapper3.clientWidth) || 760;
+          var _this4$wrapper3;
+          return ((_this4$wrapper3 = _this4.wrapper) === null || _this4$wrapper3 === void 0 ? void 0 : _this4$wrapper3.clientWidth) || 760;
         }
       }), /*#__PURE__*/React.createElement("div", {
         style: shadowStyle(showBeforeShadow),
@@ -712,14 +717,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }), /*#__PURE__*/React.createElement("div", {
         className: classnames(ClassName.TABLE_NODE_WRAPPER),
         ref: function ref(elem) {
-          _this3.wrapper = elem;
+          _this4.wrapper = elem;
           if (elem) {
-            _this3.props.contentDOM(elem);
+            _this4.props.contentDOM(elem);
             var tableElement = elem.querySelector('table');
-            if (tableElement !== _this3.table) {
-              _this3.table = tableElement;
-              _this3.createShadowSentinels(_this3.table);
-              _this3.observeTable(_this3.table);
+            if (tableElement !== _this4.table) {
+              _this4.table = tableElement;
+              _this4.createShadowSentinels(_this4.table);
+              _this4.observeTable(_this4.table);
             }
           }
         }

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

@@ -1 +0,0 @@
-export {};

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

@@ -4,7 +4,7 @@ import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { MAX_SCALING_PERCENT } from './consts';
+import { 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
@@ -24,14 +24,10 @@ export var generateColgroup = function generateColgroup(table, tableRef) {
         // 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 _tableRef$parentEleme;
-          var tableWidth = table.attrs && table.attrs.width;
-          var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || 760;
-          var scalePercent = renderWidth / tableWidth;
-          scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+          var scalePercent = getTableScalingPercent(table, tableRef);
           cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
             var fixedColWidth = getColWidthFix(width, map.width);
-            var scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
+            var scaledWidth = fixedColWidth * scalePercent;
             var finalWidth = Math.max(scaledWidth, tableCellMinWidth);
             cols.push(['col', {
               style: "width: ".concat(finalWidth, "px;")

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

@@ -5,6 +5,7 @@ import { calcTableColumnWidths, containsClassName } from '@atlaskit/editor-commo
 import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { hasTableBeenResized } from './colgroup';
+import { MAX_SCALING_PERCENT } from './consts';
 
 // Translates named layouts in number values.
 export function getLayoutSize(tableLayout) {
@@ -89,4 +90,13 @@ export var getTableElementWidth = function getTableElementWidth(table) {
 };
 export var getTableContainerElementWidth = function getTableContainerElementWidth(table) {
   return getTableContainerWidth(table);
+};
+export var getTableScalingPercent = function getTableScalingPercent(table, tableRef) {
+  var _tableRef$parentEleme;
+  var tableWidth = getTableContainerElementWidth(table);
+  var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || tableWidth;
+  // minus 1 here to avoid any 1px scroll in Firefox
+  var scalePercent = (renderWidth - 1) / tableWidth;
+  scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+  return Math.min(scalePercent, 1);
 };

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -8,8 +9,7 @@ import { getSelectedTableInfo } from '../../../utils';
 import { getColWidthFix, hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
-import { getTableContainerElementWidth, getTableMaxWidth } from './misc';
-import { COLUMN_MIN_WIDTH, MAX_SCALING_PERCENT, TABLE_DEFAULT_WIDTH } from './index';
+import { getTableMaxWidth, getTableScalingPercent } from './misc';
 export var getResizeState = function getResizeState(_ref) {
   var minWidth = _ref.minWidth,
     maxSize = _ref.maxSize,
@@ -19,6 +19,10 @@ export var getResizeState = function getResizeState(_ref) {
     domAtPos = _ref.domAtPos,
     _ref$isTableScalingEn = _ref.isTableScalingEnabled,
     isTableScalingEnabled = _ref$isTableScalingEn === void 0 ? false : _ref$isTableScalingEn;
+  if (isTableScalingEnabled) {
+    var scalePercent = getTableScalingPercent(table, tableRef);
+    minWidth = Math.ceil(minWidth / scalePercent);
+  }
   // If the table has been resized, we can use the column widths from the table node
   if (hasTableBeenResized(table)) {
     var _cols = calcTableColumnWidths(table).map(function (width, index) {
@@ -51,11 +55,12 @@ export var getResizeState = function getResizeState(_ref) {
   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 && table.attrs.width) {
+    if (isTableScalingEnabled) {
+      var tableNodeWidth = getTableContainerWidth(table);
       return {
         index: index,
-        width: table.attrs.width / colgroupChildren.length,
-        minWidth: COLUMN_MIN_WIDTH
+        width: tableNodeWidth / colgroupChildren.length,
+        minWidth: minWidth
       };
     }
     var cellsRefs = getCellsRefsInColumn(index, table, start, domAtPos);
@@ -83,25 +88,19 @@ export var updateColgroup = function updateColgroup(state, tableRef, tableNode,
   if (getBooleanFF('platform.editor.custom-table-width')) {
     var columnsCount = cols.length;
     if (isTableScalingEnabled && tableNode) {
-      var tableWidth = getTableContainerElementWidth(tableNode);
-      if (tableWidth) {
-        var _tableRef$parentEleme;
-        var renderWidth = ((_tableRef$parentEleme = tableRef.parentElement) === null || _tableRef$parentEleme === void 0 ? void 0 : _tableRef$parentEleme.clientWidth) || TABLE_DEFAULT_WIDTH;
-        var scalePercent = renderWidth / tableWidth;
-        scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
-        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);
-          var scaledWidth = fixedColWidth * Math.min(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[i]) {
-            cols[i].style.width = "".concat(finalWidth, "px");
-          }
-        });
-      }
+      var scalePercent = getTableScalingPercent(tableNode, tableRef);
+      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);
+        var scaledWidth = fixedColWidth * scalePercent;
+        var finalWidth = Math.max(scaledWidth, tableCellMinWidth);
+        // we aren't handling the remaining pixels here when the 48px min width is reached
+        if (cols[i]) {
+          cols[i].style.width = "".concat(finalWidth, "px");
+        }
+      });
     } else {
       state.cols.filter(function (column) {
         return column && !!column.width;

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

@@ -124,9 +124,9 @@ export var previewScaleTable = function previewScaleTable(tableRef, options, dom
     syncStickyRowToTable(tableRef);
     return;
   }
-  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, isTableScalingEnabled) : scale(tableRef, options, domAtPos, isTableScalingEnabled);
+  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false) : scale(tableRef, options, domAtPos, false);
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, node, isTableScalingEnabled);
+    updateColgroup(resizeState, tableRef, node, false);
   }
 };
 

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

@@ -1,7 +1,7 @@
-import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
+import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, selectTable, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { arrowLeftFromTable, arrowRightFromTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
+import { arrowLeftFromTable, arrowRightFromTable, modASelectTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
 export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
@@ -13,6 +13,9 @@ export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   if (getBooleanFF('platform.editor.table.shift-arrowup-fix')) {
     bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   }
+  if (getBooleanFF('platform.editor.table.cmd-a-select-table')) {
+    bindKeymapWithCommand(selectTable.common, modASelectTable(editorSelectionAPI)(), list);
+  }
   return keymap(list);
 }
 export default tableSelectionKeymapPlugin;

package/dist/types/commands/selection.d.ts

@@ -9,3 +9,4 @@ export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionA
 export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
 export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
 export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const modASelectTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/dist/types/pm-plugins/table-resizing/utils/misc.d.ts

@@ -24,4 +24,5 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
  */
 export declare const getTableElementWidth: (table: PMNode) => number;
 export declare const getTableContainerElementWidth: (table: PMNode) => number;
+export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement) => number;
 export {};

package/dist/types-ts4.5/commands/selection.d.ts

@@ -9,3 +9,4 @@ export declare const arrowRightFromTable: (editorSelectionAPI: ExtractInjectionA
 export declare const selectColumns: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
 export declare const selectRows: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => (triggeredByKeyboard?: boolean) => Command;
 export declare const shiftArrowUpFromTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;
+export declare const modASelectTable: (editorSelectionAPI: ExtractInjectionAPI<typeof tablePlugin>['selection'] | undefined) => () => Command;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/misc.d.ts

@@ -24,4 +24,5 @@ export declare const getTableMaxWidth: ({ table, tableStart, state, layout, getE
  */
 export declare const getTableElementWidth: (table: PMNode) => number;
 export declare const getTableContainerElementWidth: (table: PMNode) => number;
+export declare const getTableScalingPercent: (table: PMNode, tableRef: HTMLElement) => number;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.5.6",
+  "version": "7.5.7",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.5.2",
     "@atlaskit/custom-steps": "^0.0.14",
-    "@atlaskit/editor-common": "^78.11.0",
+    "@atlaskit/editor-common": "^78.12.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
@@ -46,7 +46,7 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^4.0.0",
+    "@atlaskit/primitives": "^4.1.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
     "@atlaskit/tokens": "^1.41.0",
@@ -142,6 +142,9 @@
     },
     "platform.editor.transform-slice-for-nested-expand": {
       "type": "boolean"
+    },
+    "platform.editor.table.cmd-a-select-table": {
+      "type": "boolean"
     }
   }
 }

package/src/commands/selection.ts

@@ -589,3 +589,36 @@ export const shiftArrowUpFromTable =
 
     return false;
   };
+
+export const modASelectTable =
+  (
+    editorSelectionAPI:
+      | ExtractInjectionAPI<typeof tablePlugin>['selection']
+      | undefined,
+  ) =>
+  (): Command =>
+  (state, dispatch) => {
+    const { selection } = state;
+    const table = findTable(selection);
+
+    if (!table) {
+      return false;
+    }
+    const { $from, $to } = selection;
+
+    const tableSelected = isTableSelected(selection);
+
+    if (
+      !tableSelected &&
+      $from.pos > table.start + 1 &&
+      $to.pos < table.start + table.node.nodeSize
+    ) {
+      return selectFullTable(editorSelectionAPI)({
+        node: table.node,
+        startPos: table.start,
+        dir: TableSelectionDirection.BottomToTop,
+      })(state, dispatch);
+    }
+
+    return false;
+  };

package/src/nodeviews/TableComponent.tsx

@@ -338,7 +338,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       return;
     }
 
-    const { width: tableNodeWidth } = tableNode.attrs;
+    const tableNodeWidth = getTableContainerWidth(tableNode);
     const shouldTableScale = tableRenderWidth < tableNodeWidth;
 
     const { width: containerWidthValue } = containerWidth;
@@ -355,7 +355,10 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         isTableScalingEnabled: true,
       });
 
-      updateColgroup(resizeState, this.table!, tableNode, true);
+      // Request animation frame required for Firefox
+      requestAnimationFrame(() => {
+        updateColgroup(resizeState, this.table!, tableNode, true);
+      });
     }
     this.containerWidth = containerWidth;
   }

package/src/pm-plugins/table-resizing/utils/colgroup.ts

@@ -5,7 +5,7 @@ import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
-import { MAX_SCALING_PERCENT } from './consts';
+import { getTableScalingPercent } from './misc';
 
 type Col = Array<string | { [name: string]: string }>;
 
@@ -29,13 +29,10 @@ export const generateColgroup = (table: PmNode, tableRef?: HTMLElement) => {
         // 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) {
-          const tableWidth = table.attrs && table.attrs.width;
-          let renderWidth = tableRef.parentElement?.clientWidth || 760;
-          let scalePercent = renderWidth / tableWidth;
-          scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+          const scalePercent = getTableScalingPercent(table, tableRef);
           cell.attrs.colwidth.slice(0, colspan).forEach((width) => {
             const fixedColWidth = getColWidthFix(width, map.width);
-            const scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
+            const scaledWidth = fixedColWidth * scalePercent;
             const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
             cols.push([
               'col',

package/src/pm-plugins/table-resizing/utils/misc.ts

@@ -31,6 +31,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import type { TableOptions } from '../../../nodeviews/types';
 
 import { hasTableBeenResized } from './colgroup';
+import { MAX_SCALING_PERCENT } from './consts';
 
 // Translates named layouts in number values.
 export function getLayoutSize(
@@ -156,3 +157,15 @@ export const getTableElementWidth = (table: PMNode) => {
 export const getTableContainerElementWidth = (table: PMNode) => {
   return getTableContainerWidth(table);
 };
+
+export const getTableScalingPercent = (
+  table: PMNode,
+  tableRef: HTMLElement,
+) => {
+  const tableWidth = getTableContainerElementWidth(table);
+  let renderWidth = tableRef.parentElement?.clientWidth || tableWidth;
+  // minus 1 here to avoid any 1px scroll in Firefox
+  let scalePercent = (renderWidth - 1) / tableWidth;
+  scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
+  return Math.min(scalePercent, 1);
+};

package/src/pm-plugins/table-resizing/utils/resize-state.ts

@@ -1,4 +1,5 @@
 import type { TableLayout } from '@atlaskit/adf-schema';
+import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import {
   tableCellMinWidth,
   tableNewColumnMinWidth,
@@ -20,15 +21,9 @@ import {
 import type { ColumnState } from './column-state';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';
-import { getTableContainerElementWidth, getTableMaxWidth } from './misc';
+import { getTableMaxWidth, getTableScalingPercent } from './misc';
 import type { ResizeState, ResizeStateWithAnalytics } from './types';
 
-import {
-  COLUMN_MIN_WIDTH,
-  MAX_SCALING_PERCENT,
-  TABLE_DEFAULT_WIDTH,
-} from './index';
-
 export const getResizeState = ({
   minWidth,
   maxSize,
@@ -46,6 +41,10 @@ export const getResizeState = ({
   domAtPos: (pos: number) => { node: Node; offset: number };
   isTableScalingEnabled: boolean;
 }): ResizeState => {
+  if (isTableScalingEnabled) {
+    const scalePercent = getTableScalingPercent(table, tableRef);
+    minWidth = Math.ceil(minWidth / scalePercent);
+  }
   // If the table has been resized, we can use the column widths from the table node
   if (hasTableBeenResized(table)) {
     const cols = calcTableColumnWidths(table).map((width, index) => ({
@@ -79,11 +78,12 @@ export const getResizeState = ({
   const cols = Array.from(colgroupChildren).map((_, 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 && table.attrs.width) {
+    if (isTableScalingEnabled) {
+      const tableNodeWidth = getTableContainerWidth(table);
       return {
         index,
-        width: table.attrs.width / colgroupChildren.length,
-        minWidth: COLUMN_MIN_WIDTH,
+        width: tableNodeWidth / colgroupChildren.length,
+        minWidth,
       };
     }
     const cellsRefs = getCellsRefsInColumn(index, table, start, domAtPos);
@@ -116,24 +116,18 @@ export const updateColgroup = (
   if (getBooleanFF('platform.editor.custom-table-width')) {
     const columnsCount = cols.length;
     if (isTableScalingEnabled && tableNode) {
-      const tableWidth = getTableContainerElementWidth(tableNode);
-      if (tableWidth) {
-        let renderWidth =
-          tableRef.parentElement?.clientWidth || TABLE_DEFAULT_WIDTH;
-        let scalePercent = renderWidth / tableWidth;
-        scalePercent = Math.max(scalePercent, 1 - MAX_SCALING_PERCENT);
-        state.cols
-          .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
-          .forEach((column, i) => {
-            const fixedColWidth = getColWidthFix(column.width, columnsCount);
-            const scaledWidth = fixedColWidth * Math.min(scalePercent, 1);
-            const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
-            // we aren't handling the remaining pixels here when the 48px min width is reached
-            if (cols[i]) {
-              cols[i].style.width = `${finalWidth}px`;
-            }
-          });
-      }
+      const scalePercent = getTableScalingPercent(tableNode, tableRef);
+      state.cols
+        .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
+        .forEach((column, i) => {
+          const fixedColWidth = getColWidthFix(column.width, columnsCount);
+          const scaledWidth = fixedColWidth * scalePercent;
+          const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
+          // we aren't handling the remaining pixels here when the 48px min width is reached
+          if (cols[i]) {
+            cols[i].style.width = `${finalWidth}px`;
+          }
+        });
     } else {
       state.cols
         .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.

package/src/pm-plugins/table-resizing/utils/scale-table.ts

@@ -182,18 +182,11 @@ export const previewScaleTable = (
   }
 
   const resizeState = parentWidth
-    ? scaleWithParent(
-        tableRef,
-        parentWidth,
-        node,
-        start,
-        domAtPos,
-        isTableScalingEnabled,
-      )
-    : scale(tableRef, options, domAtPos, isTableScalingEnabled);
+    ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos, false)
+    : scale(tableRef, options, domAtPos, false);
 
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, node, isTableScalingEnabled);
+    updateColgroup(resizeState, tableRef, node, false);
   }
 };
 

package/src/pm-plugins/table-selection-keymap.ts

@@ -5,6 +5,7 @@ import {
   moveRight,
   selectColumn,
   selectRow,
+  selectTable,
   shiftArrowUp,
 } from '@atlaskit/editor-common/keymaps';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
@@ -15,6 +16,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import {
   arrowLeftFromTable,
   arrowRightFromTable,
+  modASelectTable,
   selectColumns,
   selectRows,
   shiftArrowUpFromTable,
@@ -62,6 +64,14 @@ export function tableSelectionKeymapPlugin(
     );
   }
 
+  if (getBooleanFF('platform.editor.table.cmd-a-select-table')) {
+    bindKeymapWithCommand(
+      selectTable.common!,
+      modASelectTable(editorSelectionAPI)(),
+      list,
+    );
+  }
+
   return keymap(list) as SafePlugin;
 }