@atlaskit/editor-plugin-table 22.0.0 → 22.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-table
 
+## 22.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.1.0
+
+### Minor Changes
+
+- [`3394e81c10e6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3394e81c10e6e) -
+  Fix table flicker on focus: defer data-initial-width-mode removal to after colgroup update.
+  Consolidate isTableInContentMode and hasTableBeenResized into editor-common/table.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.0.0
 
 ### Major Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -21,6 +21,7 @@ var _collab = require("@atlaskit/editor-common/collab");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
+var _table = require("@atlaskit/editor-common/table");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
@@ -38,7 +39,8 @@ var _misc = require("../pm-plugins/table-resizing/utils/misc");
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
 var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
 var _nodes = require("../pm-plugins/utils/nodes");
-var _table = require("../pm-plugins/utils/table");
+var _table2 = require("../pm-plugins/utils/table");
+var _tableMode = require("../pm-plugins/utils/tableMode");
 var _types = require("../types");
 var _eventHandlers = require("../ui/event-handlers");
 var _TableFloatingColumnControls = _interopRequireDefault(require("../ui/TableFloatingColumnControls"));
@@ -720,7 +722,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isNoOfRowsChanged = (0, _nodes.tablesHaveDifferentNoOfRows)(currentTable, previousTable);
       if (isNoOfColumnsChanged || isNoOfRowsChanged) {
         var _this$props$pluginInj;
-        (_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.accessibilityUtils) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.actions.ariaNotify((0, _table.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
+        (_this$props$pluginInj = this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.accessibilityUtils) === null || _this$props$pluginInj === void 0 || _this$props$pluginInj.actions.ariaNotify((0, _table2.getAssistiveMessage)(previousTable, currentTable, this.props.intl), {
           priority: 'important'
         });
       }
@@ -737,10 +739,24 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
+            var _this$table7, _this$props$options10, _this$props$options11;
             var start = getPos() || 0;
             var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             (0, _colgroup.insertColgroupFromNode)(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
+
+            // Deferred from setDomAttrs — remove only once colgroup is updated and table has left content mode.
+            if ((_this$table7 = this.table) !== null && _this$table7 !== void 0 && _this$table7.hasAttribute('data-initial-width-mode') && !(0, _table.isTableInContentMode)({
+              tableNode: currentTable,
+              isSupported: (0, _tableMode.isContentModeSupported)({
+                allowColumnResizing: !!allowColumnResizing,
+                allowTableResizing: !!allowTableResizing,
+                isFullPageEditor: !((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor) && !((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isChromelessEditor)
+              }),
+              isTableNested: (0, _nodes.isTableNested)(view.state, getPos())
+            })) {
+              this.table.removeAttribute('data-initial-width-mode');
+            }
           }
           (0, _dom.updateControls)()(view.state);
         }
@@ -768,7 +784,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this,
-        _this$props$options10;
+        _this$props$options12;
       var _this$props10 = this.props,
         view = _this$props10.view,
         getNode = _this$props10.getNode,
@@ -872,7 +888,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
         _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
-      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor));
+      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options12 = this.props.options) !== null && _this$props$options12 !== void 0 && _this$props$options12.isCommentEditor));
       return /*#__PURE__*/_react.default.createElement(_TableContainer.TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {

package/dist/cjs/nodeviews/table.js

@@ -16,13 +16,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
+var _table = require("@atlaskit/editor-common/table");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _createPluginConfig = require("../pm-plugins/create-plugin-config");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _tableWidth = require("../pm-plugins/table-width");
@@ -206,7 +206,9 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node) {
-      var _this3 = this,
+      var _this$reactComponentP6,
+        _this$reactComponentP7,
+        _this3 = this,
         _this$reactComponentP8,
         _this$getEditorFeatur2,
         _this$options3,
@@ -215,19 +217,19 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
         return; // width / attribute application to actual table will happen later when table is set
       }
       var attrs = tableAttributes(node);
-      if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-        var _this$reactComponentP6, _this$reactComponentP7;
-        if ((0, _tableMode.isTableInContentMode)({
-          node: node,
+
+      // render table with content-mode attribute which removes all width constraints from the table
+      // fire exposure here
+      if ((0, _table.isTableInContentMode)({
+        tableNode: node,
+        isSupported: (0, _tableMode.isContentModeSupported)({
           allowColumnResizing: !!this.reactComponentProps.allowColumnResizing,
           allowTableResizing: !!this.reactComponentProps.allowTableResizing,
-          isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor),
-          isTableNested: (0, _nodes.isTableNested)(this.view.state, this.getPos())
-        }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-          attrs['data-initial-width-mode'] = 'content';
-        } else {
-          this.table.removeAttribute('data-initial-width-mode');
-        }
+          isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor)
+        }),
+        isTableNested: (0, _nodes.isTableNested)(this.view.state, this.getPos())
+      }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+        attrs['data-initial-width-mode'] = 'content';
       }
       Object.keys(attrs).forEach(function (attr) {
         // Ignored via go/ees005

package/dist/cjs/nodeviews/toDOM.js

@@ -12,6 +12,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _table = require("@atlaskit/editor-common/table");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
@@ -25,11 +26,13 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
   return _objectSpread(_objectSpread({}, tableNode), {}, {
     toDOM: function toDOM(node) {
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
-      var isInContentMode = (0, _tableMode.isTableInContentMode)({
-        node: node,
-        allowColumnResizing: config.allowColumnResizing,
-        allowTableResizing: config.tableResizingEnabled,
-        isFullPageEditor: isFullPageEditor,
+      var isInContentMode = (0, _table.isTableInContentMode)({
+        tableNode: node,
+        isSupported: (0, _tableMode.isContentModeSupported)({
+          allowColumnResizing: config.allowColumnResizing,
+          allowTableResizing: config.tableResizingEnabled,
+          isFullPageEditor: isFullPageEditor
+        }),
         isTableNested: config.isNested
       }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var alignmentStyle = Object.entries((0, _tableContainerStyles.getAlignmentStyle)(node.attrs.layout)).map(function (_ref) {

package/dist/cjs/pm-plugins/table-width.js

@@ -9,6 +9,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _table = require("@atlaskit/editor-common/table");
 var _document = require("@atlaskit/editor-common/utils/document");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -69,11 +70,13 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, dispat
       var tr = newState.tr;
       if (isReplaceDocumentOperation && !isCommentEditor) {
         newState.doc.forEach(function (node, offset) {
-          if ((0, _tableMode.isTableInContentMode)({
-            node: node,
-            allowColumnResizing: true,
-            allowTableResizing: true,
-            isFullPageEditor: true,
+          if ((0, _table.isTableInContentMode)({
+            tableNode: node,
+            isSupported: (0, _tableMode.isContentModeSupported)({
+              allowColumnResizing: true,
+              allowTableResizing: true,
+              isFullPageEditor: true
+            }),
             isTableNested: false
           })) {
             return;

package/dist/cjs/pm-plugins/utils/tableMode.js

@@ -3,41 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTableInContentMode = exports.isContentModeSupported = exports.hasTableBeenResized = exports.applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToAllTables = void 0;
+exports.isContentModeSupported = exports.applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToAllTables = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _styles = require("@atlaskit/editor-common/styles");
+var _table = require("@atlaskit/editor-common/table");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
-var _colgroup = require("../table-resizing/utils/colgroup");
 var _contentMode = require("../transforms/content-mode");
-var _alignment = require("./alignment");
-var isTableInContentMode = exports.isTableInContentMode = function isTableInContentMode(_ref) {
+var isContentModeSupported = exports.isContentModeSupported = function isContentModeSupported(_ref) {
   var allowColumnResizing = _ref.allowColumnResizing,
     allowTableResizing = _ref.allowTableResizing,
-    isFullPageEditor = _ref.isFullPageEditor,
-    isTableNested = _ref.isTableNested,
-    node = _ref.node;
-  if (!(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-    return false;
-  }
-  if (!node || isTableNested) {
-    return false;
-  }
-  return isContentModeSupported({
-    allowColumnResizing: allowColumnResizing,
-    allowTableResizing: allowTableResizing,
-    isFullPageEditor: isFullPageEditor
-  }) && !hasTableBeenResized(node) && node.attrs.layout === _alignment.ALIGN_START;
-};
-var isContentModeSupported = exports.isContentModeSupported = function isContentModeSupported(_ref2) {
-  var allowColumnResizing = _ref2.allowColumnResizing,
-    allowTableResizing = _ref2.allowTableResizing,
-    isFullPageEditor = _ref2.isFullPageEditor;
+    isFullPageEditor = _ref.isFullPageEditor;
   return allowColumnResizing && allowTableResizing && isFullPageEditor;
 };
-var hasTableBeenResized = exports.hasTableBeenResized = function hasTableBeenResized(node) {
-  return node.attrs.width !== null || (0, _colgroup.hasTableColumnBeenResized)(node);
-};
 
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
@@ -55,7 +32,7 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
 
   // modify only top-level tables
   doc.forEach(function (node, offset) {
-    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== _alignment.ALIGN_START) {
+    if (node.type !== table || (0, _table.hasTableBeenResized)(node) && node.attrs.layout !== 'align-start') {
       return;
     }
     var domNode = view.domAtPos(offset + 1).node;
@@ -70,10 +47,10 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
       measurement: (0, _contentMode.getTableMeasurement)(tableRef)
     });
   });
-  measuredTables.forEach(function (_ref3) {
-    var node = _ref3.node,
-      offset = _ref3.offset,
-      measurement = _ref3.measurement;
+  measuredTables.forEach(function (_ref2) {
+    var node = _ref2.node,
+      offset = _ref2.offset,
+      measurement = _ref2.measurement;
     tr = (0, _contentMode.applyTableMeasurement)(tr, node, measurement, offset);
     modified = true;
   });
@@ -87,8 +64,8 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
       attributes: {
         editorContainerWidth: (_pluginInjectionApi$w = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w2 = pluginInjectionApi.width) === null || _pluginInjectionApi$w2 === void 0 || (_pluginInjectionApi$w2 = _pluginInjectionApi$w2.sharedState.currentState()) === null || _pluginInjectionApi$w2 === void 0 ? void 0 : _pluginInjectionApi$w2.width) !== null && _pluginInjectionApi$w !== void 0 ? _pluginInjectionApi$w : 0,
         totalTablesResized: measuredTables.length,
-        measurements: measuredTables.map(function (_ref4) {
-          var measurement = _ref4.measurement;
+        measurements: measuredTables.map(function (_ref3) {
+          var measurement = _ref3.measurement;
           return {
             tableWidth: measurement.tableWidth,
             totalColumnCount: measurement.colWidths.length
@@ -99,6 +76,10 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
     view.dispatch(tr.setMeta('addToHistory', false));
   }
 };
+
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 var applyMeasuredWidthToSelectedTable = exports.applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
   var _api$analytics, _api$width$sharedStat, _api$width;
   var tableObject = (0, _utils.findTable)(view.state.selection);

package/dist/es2019/nodeviews/TableComponent.js

@@ -8,6 +8,7 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
@@ -26,6 +27,7 @@ import { getResizeState, updateColgroup } from '../pm-plugins/table-resizing/uti
 import { scaleTable } from '../pm-plugins/table-resizing/utils/scale-table';
 import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
 import { getAssistiveMessage } from '../pm-plugins/utils/table';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableCssClassName as ClassName } from '../types';
 import { handleMouseOut, handleMouseOver, isTableInFocus, withCellTracking } from '../ui/event-handlers';
 import TableFloatingColumnControls from '../ui/TableFloatingColumnControls';
@@ -700,10 +702,24 @@ class TableComponent extends React.Component {
         } = this.props;
         const shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
         if (shouldRecreateResizeCols) {
+          var _this$table7, _this$props$options12, _this$props$options13;
           const start = getPos() || 0;
           const depth = view.state.doc.resolve(start).depth;
           shouldScale = depth === 0 && shouldScale;
           insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
+
+          // Deferred from setDomAttrs — remove only once colgroup is updated and table has left content mode.
+          if ((_this$table7 = this.table) !== null && _this$table7 !== void 0 && _this$table7.hasAttribute('data-initial-width-mode') && !isTableInContentMode({
+            tableNode: currentTable,
+            isSupported: isContentModeSupported({
+              allowColumnResizing: !!allowColumnResizing,
+              allowTableResizing: !!allowTableResizing,
+              isFullPageEditor: !((_this$props$options12 = this.props.options) !== null && _this$props$options12 !== void 0 && _this$props$options12.isCommentEditor) && !((_this$props$options13 = this.props.options) !== null && _this$props$options13 !== void 0 && _this$props$options13.isChromelessEditor)
+            }),
+            isTableNested: isTableNested(view.state, getPos())
+          })) {
+            this.table.removeAttribute('data-initial-width-mode');
+          }
         }
         updateControls()(view.state);
       }
@@ -724,7 +740,7 @@ class TableComponent extends React.Component {
     }
   }
   render() {
-    var _this$props$options12;
+    var _this$props$options14;
     const {
       view,
       getNode,
@@ -829,7 +845,7 @@ class TableComponent extends React.Component {
     const {
       tableWithFixedColumnWidthsOption = false
     } = getEditorFeatureFlags();
-    const shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options12 = this.props.options) !== null && _this$props$options12 !== void 0 && _this$props$options12.isCommentEditor));
+    const shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options14 = this.props.options) !== null && _this$props$options14 !== void 0 && _this$props$options14.isCommentEditor));
     return /*#__PURE__*/React.createElement(TableContainer
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {

package/dist/es2019/nodeviews/table.js

@@ -2,18 +2,18 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { isTableNested, tablesHaveDifferentColumnWidths } from '../pm-plugins/utils/nodes';
-import { isTableInContentMode } from '../pm-plugins/utils/tableMode';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
 import { tableNodeSpecWithFixedToDOM } from './toDOM';
 const tableAttributes = node => {
@@ -178,24 +178,24 @@ export default class TableView extends ReactNodeView {
     }
   }
   setDomAttrs(node) {
-    var _this$reactComponentP8, _this$getEditorFeatur2, _this$options3, _this$options4;
+    var _this$reactComponentP6, _this$reactComponentP7, _this$reactComponentP8, _this$getEditorFeatur2, _this$options3, _this$options4;
     if (!this.table) {
       return; // width / attribute application to actual table will happen later when table is set
     }
     const attrs = tableAttributes(node);
-    if (expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-      var _this$reactComponentP6, _this$reactComponentP7;
-      if (isTableInContentMode({
-        node,
+
+    // render table with content-mode attribute which removes all width constraints from the table
+    // fire exposure here
+    if (isTableInContentMode({
+      tableNode: node,
+      isSupported: isContentModeSupported({
         allowColumnResizing: !!this.reactComponentProps.allowColumnResizing,
         allowTableResizing: !!this.reactComponentProps.allowTableResizing,
-        isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor),
-        isTableNested: isTableNested(this.view.state, this.getPos())
-      }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-        attrs['data-initial-width-mode'] = 'content';
-      } else {
-        this.table.removeAttribute('data-initial-width-mode');
-      }
+        isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor)
+      }),
+      isTableNested: isTableNested(this.view.state, this.getPos())
+    }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+      attrs['data-initial-width-mode'] = 'content';
     }
     Object.keys(attrs).forEach(attr => {
       // Ignored via go/ees005

package/dist/es2019/nodeviews/toDOM.js

@@ -2,11 +2,12 @@ import classNames from 'classnames';
 import kebabCase from 'lodash/kebabCase';
 import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
-import { isTableInContentMode } from '../pm-plugins/utils/tableMode';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { getAlignmentStyle } from './table-container-styles';
 export const tableNodeSpecWithFixedToDOM = config => {
   const tableNode = config.isNestingSupported ? tableWithNestedTable : table;
@@ -15,10 +16,12 @@ export const tableNodeSpecWithFixedToDOM = config => {
     toDOM: node => {
       const isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
       const isInContentMode = isTableInContentMode({
-        node,
-        allowColumnResizing: config.allowColumnResizing,
-        allowTableResizing: config.tableResizingEnabled,
-        isFullPageEditor,
+        tableNode: node,
+        isSupported: isContentModeSupported({
+          allowColumnResizing: config.allowColumnResizing,
+          allowTableResizing: config.tableResizingEnabled,
+          isFullPageEditor
+        }),
         isTableNested: config.isNested
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       const alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout)).map(([k, v]) => `${kebabCase(k)}: ${kebabCase(v)}`).join(';');

package/dist/es2019/pm-plugins/table-width.js

@@ -6,13 +6,14 @@
 
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
-import { isTableInContentMode } from './utils/tableMode';
+import { isContentModeSupported } from './utils/tableMode';
 export const pluginKey = new PluginKey('tableWidthPlugin');
 const createPlugin = (dispatch, dispatchAnalyticsEvent, fullWidthEnabled, maxWidthEnabled, isTableScalingEnabled, isTableAlignmentEnabled, isCommentEditor) => {
   return new SafePlugin({
@@ -63,10 +64,12 @@ const createPlugin = (dispatch, dispatchAnalyticsEvent, fullWidthEnabled, maxWid
       if (isReplaceDocumentOperation && !isCommentEditor) {
         newState.doc.forEach((node, offset) => {
           if (isTableInContentMode({
-            node,
-            allowColumnResizing: true,
-            allowTableResizing: true,
-            isFullPageEditor: true,
+            tableNode: node,
+            isSupported: isContentModeSupported({
+              allowColumnResizing: true,
+              allowTableResizing: true,
+              isFullPageEditor: true
+            }),
             isTableNested: false
           })) {
             return;

package/dist/es2019/pm-plugins/utils/tableMode.js

@@ -1,29 +1,8 @@
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { hasTableBeenResized } from '@atlaskit/editor-common/table';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { hasTableColumnBeenResized } from '../table-resizing/utils/colgroup';
 import { applyTableMeasurement, getTableMeasurement } from '../transforms/content-mode';
-import { ALIGN_START } from './alignment';
-export const isTableInContentMode = ({
-  allowColumnResizing,
-  allowTableResizing,
-  isFullPageEditor,
-  isTableNested,
-  node
-}) => {
-  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-    return false;
-  }
-  if (!node || isTableNested) {
-    return false;
-  }
-  return isContentModeSupported({
-    allowColumnResizing,
-    allowTableResizing,
-    isFullPageEditor
-  }) && !hasTableBeenResized(node) && node.attrs.layout === ALIGN_START;
-};
 export const isContentModeSupported = ({
   allowColumnResizing,
   allowTableResizing,
@@ -31,7 +10,6 @@ export const isContentModeSupported = ({
 }) => {
   return allowColumnResizing && allowTableResizing && isFullPageEditor;
 };
-export const hasTableBeenResized = node => node.attrs.width !== null || hasTableColumnBeenResized(node);
 
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
@@ -54,7 +32,7 @@ export const applyMeasuredWidthToAllTables = (view, pluginInjectionApi) => {
 
   // modify only top-level tables
   doc.forEach((node, offset) => {
-    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== ALIGN_START) {
+    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== 'align-start') {
       return;
     }
     const domNode = view.domAtPos(offset + 1).node;
@@ -98,6 +76,10 @@ export const applyMeasuredWidthToAllTables = (view, pluginInjectionApi) => {
     view.dispatch(tr.setMeta('addToHistory', false));
   }
 };
+
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export const applyMeasuredWidthToSelectedTable = (view, api) => {
   var _api$analytics, _api$analytics$action, _api$width$sharedStat, _api$width, _api$width$sharedStat2;
   const tableObject = findTable(view.state.selection);

package/dist/esm/nodeviews/TableComponent.js

@@ -21,6 +21,7 @@ import { tintDirtyTransaction } from '@atlaskit/editor-common/collab';
 import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-common/node-width';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
@@ -39,6 +40,7 @@ import { getResizeState, updateColgroup } from '../pm-plugins/table-resizing/uti
 import { scaleTable } from '../pm-plugins/table-resizing/utils/scale-table';
 import { containsHeaderRow, isTableNested, isTableNestedInMoreThanOneNode, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, tablesHaveDifferentNoOfRows } from '../pm-plugins/utils/nodes';
 import { getAssistiveMessage } from '../pm-plugins/utils/table';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableCssClassName as ClassName } from '../types';
 import { handleMouseOut, handleMouseOver, isTableInFocus, withCellTracking } from '../ui/event-handlers';
 import TableFloatingColumnControls from '../ui/TableFloatingColumnControls';
@@ -731,10 +733,24 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           var view = this.props.view;
           var shouldRecreateResizeCols = !allowTableResizing || !isResizing || isNoOfColumnsChanged && isResizing;
           if (shouldRecreateResizeCols) {
+            var _this$table7, _this$props$options10, _this$props$options11;
             var start = getPos() || 0;
             var depth = view.state.doc.resolve(start).depth;
             shouldScale = depth === 0 && shouldScale;
             insertColgroupFromNode(this.table, currentTable, shouldScale, undefined, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
+
+            // Deferred from setDomAttrs — remove only once colgroup is updated and table has left content mode.
+            if ((_this$table7 = this.table) !== null && _this$table7 !== void 0 && _this$table7.hasAttribute('data-initial-width-mode') && !isTableInContentMode({
+              tableNode: currentTable,
+              isSupported: isContentModeSupported({
+                allowColumnResizing: !!allowColumnResizing,
+                allowTableResizing: !!allowTableResizing,
+                isFullPageEditor: !((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor) && !((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isChromelessEditor)
+              }),
+              isTableNested: isTableNested(view.state, getPos())
+            })) {
+              this.table.removeAttribute('data-initial-width-mode');
+            }
           }
           updateControls()(view.state);
         }
@@ -762,7 +778,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this,
-        _this$props$options10;
+        _this$props$options12;
       var _this$props10 = this.props,
         view = _this$props10.view,
         getNode = _this$props10.getNode,
@@ -866,7 +882,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
         _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
-      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_this$props$options10 = this.props.options) !== null && _this$props$options10 !== void 0 && _this$props$options10.isCommentEditor));
+      var shouldUseIncreasedScalingPercent = !!isTableScalingEnabled && (tableWithFixedColumnWidthsOption || !!((_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/table.js

@@ -12,18 +12,18 @@ function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prot
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { pluginConfig as getPluginConfig } from '../pm-plugins/create-plugin-config';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { isTableNested, tablesHaveDifferentColumnWidths } from '../pm-plugins/utils/nodes';
-import { isTableInContentMode } from '../pm-plugins/utils/tableMode';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { TableComponentWithSharedState } from './TableComponentWithSharedState';
 import { tableNodeSpecWithFixedToDOM } from './toDOM';
 var tableAttributes = function tableAttributes(node) {
@@ -199,7 +199,9 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node) {
-      var _this3 = this,
+      var _this$reactComponentP6,
+        _this$reactComponentP7,
+        _this3 = this,
         _this$reactComponentP8,
         _this$getEditorFeatur2,
         _this$options3,
@@ -208,19 +210,19 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         return; // width / attribute application to actual table will happen later when table is set
       }
       var attrs = tableAttributes(node);
-      if (expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-        var _this$reactComponentP6, _this$reactComponentP7;
-        if (isTableInContentMode({
-          node: node,
+
+      // render table with content-mode attribute which removes all width constraints from the table
+      // fire exposure here
+      if (isTableInContentMode({
+        tableNode: node,
+        isSupported: isContentModeSupported({
           allowColumnResizing: !!this.reactComponentProps.allowColumnResizing,
           allowTableResizing: !!this.reactComponentProps.allowTableResizing,
-          isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor),
-          isTableNested: isTableNested(this.view.state, this.getPos())
-        }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-          attrs['data-initial-width-mode'] = 'content';
-        } else {
-          this.table.removeAttribute('data-initial-width-mode');
-        }
+          isFullPageEditor: !((_this$reactComponentP6 = this.reactComponentProps.options) !== null && _this$reactComponentP6 !== void 0 && _this$reactComponentP6.isCommentEditor) && !((_this$reactComponentP7 = this.reactComponentProps.options) !== null && _this$reactComponentP7 !== void 0 && _this$reactComponentP7.isChromelessEditor)
+        }),
+        isTableNested: isTableNested(this.view.state, this.getPos())
+      }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
+        attrs['data-initial-width-mode'] = 'content';
       }
       Object.keys(attrs).forEach(function (attr) {
         // Ignored via go/ees005

package/dist/esm/nodeviews/toDOM.js

@@ -7,11 +7,12 @@ import classNames from 'classnames';
 import kebabCase from 'lodash/kebabCase';
 import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
 import { getTableResizerContainerMaxWidthInCSS, getTableResizerContainerForFullPageWidthInCSS, getTableResizerItemWidthInCSS } from '../pm-plugins/table-resizing/utils/misc';
-import { isTableInContentMode } from '../pm-plugins/utils/tableMode';
+import { isContentModeSupported } from '../pm-plugins/utils/tableMode';
 import { getAlignmentStyle } from './table-container-styles';
 export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(config) {
   var tableNode = config.isNestingSupported ? tableWithNestedTable : table;
@@ -19,10 +20,12 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
     toDOM: function toDOM(node) {
       var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
       var isInContentMode = isTableInContentMode({
-        node: node,
-        allowColumnResizing: config.allowColumnResizing,
-        allowTableResizing: config.tableResizingEnabled,
-        isFullPageEditor: isFullPageEditor,
+        tableNode: node,
+        isSupported: isContentModeSupported({
+          allowColumnResizing: config.allowColumnResizing,
+          allowTableResizing: config.tableResizingEnabled,
+          isFullPageEditor: isFullPageEditor
+        }),
         isTableNested: config.isNested
       }) && expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
       var alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout)).map(function (_ref) {

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

@@ -11,13 +11,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isTableInContentMode } from '@atlaskit/editor-common/table';
 import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from './table-resizing/utils/consts';
 import { ALIGN_START } from './utils/alignment';
-import { isTableInContentMode } from './utils/tableMode';
+import { isContentModeSupported } from './utils/tableMode';
 export var pluginKey = new PluginKey('tableWidthPlugin');
 var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullWidthEnabled, maxWidthEnabled, isTableScalingEnabled, isTableAlignmentEnabled, isCommentEditor) {
   return new SafePlugin({
@@ -65,10 +66,12 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent, fullW
       if (isReplaceDocumentOperation && !isCommentEditor) {
         newState.doc.forEach(function (node, offset) {
           if (isTableInContentMode({
-            node: node,
-            allowColumnResizing: true,
-            allowTableResizing: true,
-            isFullPageEditor: true,
+            tableNode: node,
+            isSupported: isContentModeSupported({
+              allowColumnResizing: true,
+              allowTableResizing: true,
+              isFullPageEditor: true
+            }),
             isTableNested: false
           })) {
             return;

package/dist/esm/pm-plugins/utils/tableMode.js

@@ -1,37 +1,14 @@
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { hasTableBeenResized } from '@atlaskit/editor-common/table';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
-import { hasTableColumnBeenResized } from '../table-resizing/utils/colgroup';
 import { applyTableMeasurement, getTableMeasurement } from '../transforms/content-mode';
-import { ALIGN_START } from './alignment';
-export var isTableInContentMode = function isTableInContentMode(_ref) {
+export var isContentModeSupported = function isContentModeSupported(_ref) {
   var allowColumnResizing = _ref.allowColumnResizing,
     allowTableResizing = _ref.allowTableResizing,
-    isFullPageEditor = _ref.isFullPageEditor,
-    isTableNested = _ref.isTableNested,
-    node = _ref.node;
-  if (!expValEqualsNoExposure('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true)) {
-    return false;
-  }
-  if (!node || isTableNested) {
-    return false;
-  }
-  return isContentModeSupported({
-    allowColumnResizing: allowColumnResizing,
-    allowTableResizing: allowTableResizing,
-    isFullPageEditor: isFullPageEditor
-  }) && !hasTableBeenResized(node) && node.attrs.layout === ALIGN_START;
-};
-export var isContentModeSupported = function isContentModeSupported(_ref2) {
-  var allowColumnResizing = _ref2.allowColumnResizing,
-    allowTableResizing = _ref2.allowTableResizing,
-    isFullPageEditor = _ref2.isFullPageEditor;
+    isFullPageEditor = _ref.isFullPageEditor;
   return allowColumnResizing && allowTableResizing && isFullPageEditor;
 };
-export var hasTableBeenResized = function hasTableBeenResized(node) {
-  return node.attrs.width !== null || hasTableColumnBeenResized(node);
-};
 
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
@@ -49,7 +26,7 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
 
   // modify only top-level tables
   doc.forEach(function (node, offset) {
-    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== ALIGN_START) {
+    if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== 'align-start') {
       return;
     }
     var domNode = view.domAtPos(offset + 1).node;
@@ -64,10 +41,10 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
       measurement: getTableMeasurement(tableRef)
     });
   });
-  measuredTables.forEach(function (_ref3) {
-    var node = _ref3.node,
-      offset = _ref3.offset,
-      measurement = _ref3.measurement;
+  measuredTables.forEach(function (_ref2) {
+    var node = _ref2.node,
+      offset = _ref2.offset,
+      measurement = _ref2.measurement;
     tr = applyTableMeasurement(tr, node, measurement, offset);
     modified = true;
   });
@@ -81,8 +58,8 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
       attributes: {
         editorContainerWidth: (_pluginInjectionApi$w = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w2 = pluginInjectionApi.width) === null || _pluginInjectionApi$w2 === void 0 || (_pluginInjectionApi$w2 = _pluginInjectionApi$w2.sharedState.currentState()) === null || _pluginInjectionApi$w2 === void 0 ? void 0 : _pluginInjectionApi$w2.width) !== null && _pluginInjectionApi$w !== void 0 ? _pluginInjectionApi$w : 0,
         totalTablesResized: measuredTables.length,
-        measurements: measuredTables.map(function (_ref4) {
-          var measurement = _ref4.measurement;
+        measurements: measuredTables.map(function (_ref3) {
+          var measurement = _ref3.measurement;
           return {
             tableWidth: measurement.tableWidth,
             totalColumnCount: measurement.colWidths.length
@@ -93,6 +70,10 @@ export var applyMeasuredWidthToAllTables = function applyMeasuredWidthToAllTable
     view.dispatch(tr.setMeta('addToHistory', false));
   }
 };
+
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export var applyMeasuredWidthToSelectedTable = function applyMeasuredWidthToSelectedTable(view, api) {
   var _api$analytics, _api$width$sharedStat, _api$width;
   var tableObject = findTable(view.state.selection);

package/dist/types/pm-plugins/utils/tableMode.d.ts

@@ -1,4 +1,3 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
 type ContentModePluginOptions = {
@@ -6,17 +5,15 @@ type ContentModePluginOptions = {
     allowTableResizing: boolean;
     isFullPageEditor: boolean;
 };
-export declare const isTableInContentMode: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, isTableNested, node, }: ContentModePluginOptions & {
-    isTableNested?: boolean;
-    node?: PMNode;
-}) => boolean;
 export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
-export declare const hasTableBeenResized: (node: PMNode) => boolean;
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
  * measures rendered column widths and sets colwidth + table width attributes
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
 export {};

package/dist/types-ts4.5/pm-plugins/utils/tableMode.d.ts

@@ -1,4 +1,3 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../../types';
 type ContentModePluginOptions = {
@@ -6,17 +5,15 @@ type ContentModePluginOptions = {
     allowTableResizing: boolean;
     isFullPageEditor: boolean;
 };
-export declare const isTableInContentMode: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, isTableNested, node, }: ContentModePluginOptions & {
-    isTableNested?: boolean;
-    node?: PMNode;
-}) => boolean;
 export declare const isContentModeSupported: ({ allowColumnResizing, allowTableResizing, isFullPageEditor, }: ContentModePluginOptions) => boolean;
-export declare const hasTableBeenResized: (node: PMNode) => boolean;
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
  * measures rendered column widths and sets colwidth + table width attributes
  * in a single batched transaction.
  */
 export declare const applyMeasuredWidthToAllTables: (view: EditorView, pluginInjectionApi?: PluginInjectionAPI) => void;
+/**
+ * Used to measure a selected table width with it's content being laid out natively by the browser
+ */
 export declare const applyMeasuredWidthToSelectedTable: (view: EditorView, api?: PluginInjectionAPI) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "22.0.0",
+	"version": "22.1.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^10.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^10.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^12.0.0",
-		"@atlaskit/editor-plugin-extension": "13.0.0",
+		"@atlaskit/editor-plugin-extension": "13.0.1",
 		"@atlaskit/editor-plugin-guideline": "^10.0.0",
 		"@atlaskit/editor-plugin-interaction": "^19.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^7.0.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^62.4.0",
+		"@atlaskit/tmp-editor-statsig": "^63.0.0",
 		"@atlaskit/toggle": "^15.6.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.1.0",
+		"@atlaskit/editor-common": "^114.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"