@atlaskit/editor-plugin-table 24.0.2 → 24.0.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 24.0.3
+
+### Patch Changes
+
+- [`bafa7b1c23370`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bafa7b1c23370) -
+  Clean up experiment `platform_editor_fix_editor_unhandled_type_errors`
+- [`1e2c964dbe54e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e2c964dbe54e) -
+  Clean up feature gate `platform_editor_update_table_ref_fix`
+- [`137ce6a6d525e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/137ce6a6d525e) -
+  Prevent automatic table fit-to-content conversion from rewriting resized tables
+- Updated dependencies
+
 ## 24.0.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -103,9 +103,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (tableElement !== _this.table) {
         _this.table = tableElement;
         _this.observeTable(_this.table);
-        if (_this.table && (!(0, _expValEquals.expValEquals)('platform_editor_table_ref_optimisation', 'isEnabled', true) || _this.props.tableActive) && _this.props.view && !(0, _expValEquals.expValEquals)('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_update_ref_atlas'))) {
-          (0, _commands.setTableRef)(_this.table)(_this.props.view.state, _this.props.view.dispatch);
-        }
       }
     });
     (0, _defineProperty2.default)(_this, "onStickyState", function (state) {
@@ -807,7 +804,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "dispatchTableRefUpdate",
     value: function dispatchTableRefUpdate() {
-      if (this.table && this.table !== this.lastSetTableRef && (!(0, _expValEquals.expValEquals)('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && (0, _expValEquals.expValEquals)('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_update_ref_atlas'))) {
+      if (this.table && this.table !== this.lastSetTableRef && (!(0, _expValEquals.expValEquals)('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true) || (0, _platformFeatureFlags.fg)('platform_editor_enable_table_update_ref_atlas'))) {
         this.lastSetTableRef = this.table;
         (0, _commands.setTableRef)(this.table)(this.props.view.state, this.props.view.dispatch);
       }

package/dist/cjs/pm-plugins/main.js

@@ -37,7 +37,7 @@ var _applyMeasuredWidthToAllTables = require("./utils/tableMode/apply-measured-w
 var _isContentModeSupported = require("./utils/tableMode/is-content-mode-supported");
 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 createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
+var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption, __livePage) {
   var _accessibilityUtils;
   var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -143,7 +143,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
       editorViewRef = editorView;
       var contentModeSizeTableId = null;
       var focusListenerBinding = null;
-      if ((pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) !== 'view' && (0, _isContentModeSupported.isContentModeSupported)({
+      if ((!(0, _platformFeatureFlags.fg)('platform_editor_table_auto_convert_fix') || !__livePage) && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) !== 'view' && (0, _isContentModeSupported.isContentModeSupported)({
         allowColumnResizing: !!pluginConfig.allowColumnResizing,
         allowTableResizing: !!pluginConfig.allowTableResizing,
         isFullPageEditor: !isChromelessEditor && !isCommentEditor
@@ -176,7 +176,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
           var tableRef;
           var parent = (0, _utils2.findParentDomRefOfType)(state.schema.nodes.table, domAtPos)(selection);
           var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view';
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_update_table_ref_fix')) {
+          if ((0, _expValEquals.expValEquals)('platform_editor_table_update_table_ref', 'isEnabled', true)) {
             var _pluginInjectionApi$e3, _pluginInjectionApi$i;
             shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 || (_pluginInjectionApi$e3 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
           }

package/dist/cjs/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.js

@@ -7,6 +7,7 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _contentMode = require("../../transforms/content-mode");
 /**
  * Iterates all top-level tables in the document, and for those in content mode,
@@ -24,8 +25,18 @@ var applyMeasuredWidthToAllTables = exports.applyMeasuredWidthToAllTables = func
 
   // modify only top-level tables
   doc.forEach(function (node, offset) {
-    if (node.type !== table || (0, _table.hasTableBeenResized)(node) && node.attrs.layout !== 'align-start') {
-      return;
+    if ((0, _platformFeatureFlags.fg)('platform_editor_table_auto_convert_fix')) {
+      if (node.type !== table || !(0, _table.isTableInContentMode)({
+        tableNode: node,
+        isSupported: true,
+        isTableNested: false
+      })) {
+        return;
+      }
+    } else {
+      if (node.type !== table || (0, _table.hasTableBeenResized)(node) && node.attrs.layout !== 'align-start') {
+        return;
+      }
     }
     var domNode = view.domAtPos(offset + 1).node;
     var tableWrapper = domNode instanceof HTMLElement ? domNode.closest(".".concat(_styles.TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP)) : null;

package/dist/cjs/tablePlugin.js

@@ -306,8 +306,9 @@ var tablePlugin = function tablePlugin(_ref) {
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
             isTableScalingEnabled = _ref3.isTableScalingEnabled,
             isCommentEditor = _ref3.isCommentEditor,
-            isChromelessEditor = _ref3.isChromelessEditor;
-          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
+            isChromelessEditor = _ref3.isChromelessEditor,
+            __livePage = _ref3.__livePage;
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption, __livePage);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/es2019/nodeviews/TableComponent.js

@@ -82,9 +82,6 @@ class TableComponent extends React.Component {
       if (tableElement !== this.table) {
         this.table = tableElement;
         this.observeTable(this.table);
-        if (this.table && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && !expValEquals('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
-          setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
-        }
       }
     });
     _defineProperty(this, "onStickyState", state => {
@@ -768,7 +765,7 @@ class TableComponent extends React.Component {
     this.dispatchTableRefUpdate();
   }
   dispatchTableRefUpdate() {
-    if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && expValEquals('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
+    if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
       this.lastSetTableRef = this.table;
       setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
     }

package/dist/es2019/pm-plugins/main.js

@@ -27,7 +27,7 @@ import { findControlsHoverDecoration } from './utils/decoration';
 import { transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, transformSliceToRemoveNestedTables, isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from './utils/paste';
 import { applyMeasuredWidthToAllTables } from './utils/tableMode/apply-measured-width-to-all-tables';
 import { isContentModeSupported } from './utils/tableMode/is-content-mode-supported';
-export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) => {
+export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption, __livePage) => {
   var _accessibilityUtils;
   const state = createPluginState(dispatch, {
     pluginConfig,
@@ -128,7 +128,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       editorViewRef = editorView;
       let contentModeSizeTableId = null;
       let focusListenerBinding = null;
-      if ((pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view' && isContentModeSupported({
+      if ((!fg('platform_editor_table_auto_convert_fix') || !__livePage) && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 ? void 0 : (_pluginInjectionApi$e2 = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view' && isContentModeSupported({
         allowColumnResizing: !!pluginConfig.allowColumnResizing,
         allowTableResizing: !!pluginConfig.allowTableResizing,
         isFullPageEditor: !isChromelessEditor && !isCommentEditor
@@ -165,7 +165,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           let tableRef;
           const parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
           let shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : (_pluginInjectionApi$e4 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e4 === void 0 ? void 0 : _pluginInjectionApi$e4.mode) !== 'view';
-          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) && fg('platform_editor_update_table_ref_fix')) {
+          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
             var _pluginInjectionApi$e5, _pluginInjectionApi$e6, _pluginInjectionApi$i, _pluginInjectionApi$i2;
             shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$e5 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e5 === void 0 ? void 0 : (_pluginInjectionApi$e6 = _pluginInjectionApi$e5.sharedState.currentState()) === null || _pluginInjectionApi$e6 === void 0 ? void 0 : _pluginInjectionApi$e6.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 ? void 0 : (_pluginInjectionApi$i2 = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i2 === void 0 ? void 0 : _pluginInjectionApi$i2.interactionState) !== 'hasNotHadInteraction';
           }

package/dist/es2019/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.js

@@ -1,6 +1,7 @@
 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 { hasTableBeenResized, isTableInContentMode } from '@atlaskit/editor-common/table';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { applyTableMeasurement, getTableMeasurement } from '../../transforms/content-mode';
 
 /**
@@ -24,8 +25,18 @@ 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') {
-      return;
+    if (fg('platform_editor_table_auto_convert_fix')) {
+      if (node.type !== table || !isTableInContentMode({
+        tableNode: node,
+        isSupported: true,
+        isTableNested: false
+      })) {
+        return;
+      }
+    } else {
+      if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== 'align-start') {
+        return;
+      }
     }
     const domNode = view.domAtPos(offset + 1).node;
     const tableWrapper = domNode instanceof HTMLElement ? domNode.closest(`.${TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP}`) : null;

package/dist/es2019/tablePlugin.js

@@ -294,9 +294,10 @@ const tablePlugin = ({
             getEditorFeatureFlags,
             isTableScalingEnabled,
             isCommentEditor,
-            isChromelessEditor
+            isChromelessEditor,
+            __livePage
           } = options || {};
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption, __livePage);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/esm/nodeviews/TableComponent.js

@@ -97,9 +97,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (tableElement !== _this.table) {
         _this.table = tableElement;
         _this.observeTable(_this.table);
-        if (_this.table && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || _this.props.tableActive) && _this.props.view && !expValEquals('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
-          setTableRef(_this.table)(_this.props.view.state, _this.props.view.dispatch);
-        }
       }
     });
     _defineProperty(_this, "onStickyState", function (state) {
@@ -801,7 +798,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "dispatchTableRefUpdate",
     value: function dispatchTableRefUpdate() {
-      if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && expValEquals('platform_editor_fix_editor_unhandled_type_errors', 'isEnabled', true) && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
+      if (this.table && this.table !== this.lastSetTableRef && (!expValEquals('platform_editor_table_ref_optimisation', 'isEnabled', true) || this.props.tableActive) && this.props.view && (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) || fg('platform_editor_enable_table_update_ref_atlas'))) {
         this.lastSetTableRef = this.table;
         setTableRef(this.table)(this.props.view.state, this.props.view.dispatch);
       }

package/dist/esm/pm-plugins/main.js

@@ -30,7 +30,7 @@ import { findControlsHoverDecoration } from './utils/decoration';
 import { transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, transformSliceToRemoveNestedTables, isHeaderRowRequired, transformSliceTableLayoutDefaultToCenter } from './utils/paste';
 import { applyMeasuredWidthToAllTables } from './utils/tableMode/apply-measured-width-to-all-tables';
 import { isContentModeSupported } from './utils/tableMode/is-content-mode-supported';
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption, __livePage) {
   var _accessibilityUtils;
   var state = createPluginState(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -136,7 +136,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       editorViewRef = editorView;
       var contentModeSizeTableId = null;
       var focusListenerBinding = null;
-      if ((pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) !== 'view' && isContentModeSupported({
+      if ((!fg('platform_editor_table_auto_convert_fix') || !__livePage) && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e === void 0 || (_pluginInjectionApi$e = _pluginInjectionApi$e.sharedState.currentState()) === null || _pluginInjectionApi$e === void 0 ? void 0 : _pluginInjectionApi$e.mode) !== 'view' && isContentModeSupported({
         allowColumnResizing: !!pluginConfig.allowColumnResizing,
         allowTableResizing: !!pluginConfig.allowTableResizing,
         isFullPageEditor: !isChromelessEditor && !isCommentEditor
@@ -169,7 +169,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
           var tableRef;
           var parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
           var shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e2 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e2 === void 0 || (_pluginInjectionApi$e2 = _pluginInjectionApi$e2.sharedState.currentState()) === null || _pluginInjectionApi$e2 === void 0 ? void 0 : _pluginInjectionApi$e2.mode) !== 'view';
-          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true) && fg('platform_editor_update_table_ref_fix')) {
+          if (expValEquals('platform_editor_table_update_table_ref', 'isEnabled', true)) {
             var _pluginInjectionApi$e3, _pluginInjectionApi$i;
             shouldSetTableRef = parent && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$e3 = pluginInjectionApi.editorViewMode) === null || _pluginInjectionApi$e3 === void 0 || (_pluginInjectionApi$e3 = _pluginInjectionApi$e3.sharedState.currentState()) === null || _pluginInjectionApi$e3 === void 0 ? void 0 : _pluginInjectionApi$e3.mode) !== 'view' && (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$i = pluginInjectionApi.interaction) === null || _pluginInjectionApi$i === void 0 || (_pluginInjectionApi$i = _pluginInjectionApi$i.sharedState.currentState()) === null || _pluginInjectionApi$i === void 0 ? void 0 : _pluginInjectionApi$i.interactionState) !== 'hasNotHadInteraction';
           }

package/dist/esm/pm-plugins/utils/tableMode/apply-measured-width-to-all-tables.js

@@ -1,6 +1,7 @@
 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 { hasTableBeenResized, isTableInContentMode } from '@atlaskit/editor-common/table';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { applyTableMeasurement, getTableMeasurement } from '../../transforms/content-mode';
 
 /**
@@ -19,8 +20,18 @@ 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') {
-      return;
+    if (fg('platform_editor_table_auto_convert_fix')) {
+      if (node.type !== table || !isTableInContentMode({
+        tableNode: node,
+        isSupported: true,
+        isTableNested: false
+      })) {
+        return;
+      }
+    } else {
+      if (node.type !== table || hasTableBeenResized(node) && node.attrs.layout !== 'align-start') {
+        return;
+      }
     }
     var domNode = view.domAtPos(offset + 1).node;
     var tableWrapper = domNode instanceof HTMLElement ? domNode.closest(".".concat(TableSharedCssClassName.TABLE_VIEW_CONTENT_WRAP)) : null;

package/dist/esm/tablePlugin.js

@@ -297,8 +297,9 @@ var tablePlugin = function tablePlugin(_ref) {
             getEditorFeatureFlags = _ref3.getEditorFeatureFlags,
             isTableScalingEnabled = _ref3.isTableScalingEnabled,
             isCommentEditor = _ref3.isCommentEditor,
-            isChromelessEditor = _ref3.isChromelessEditor;
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
+            isChromelessEditor = _ref3.isChromelessEditor,
+            __livePage = _ref3.__livePage;
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption, __livePage);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/types/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI, TablePluginState } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => SafePlugin<TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, nodeViewPortalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean, shouldUseIncreasedScalingPercent?: boolean, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean, __livePage?: boolean) => SafePlugin<TablePluginState>;

package/dist/types/tablePluginType.d.ts

@@ -17,6 +17,7 @@ import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginConfig, TableSharedState } from './types';
 export interface TablePluginOptions {
+    __livePage?: boolean;
     allowContextualMenu?: boolean;
     /**
      * Enables the fixed column width option.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "24.0.2",
+	"version": "24.0.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,16 +20,16 @@
 		"singleton": true
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^55.0.0",
+		"@atlaskit/adf-schema": "^55.2.0",
 		"@atlaskit/button": "^24.0.0",
 		"@atlaskit/custom-steps": "^1.0.0",
-		"@atlaskit/editor-palette": "^3.0.0",
+		"@atlaskit/editor-palette": "^3.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^12.0.0",
 		"@atlaskit/editor-plugin-analytics": "^12.0.0",
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^12.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^12.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^14.0.0",
-		"@atlaskit/editor-plugin-extension": "15.0.2",
+		"@atlaskit/editor-plugin-extension": "15.0.3",
 		"@atlaskit/editor-plugin-guideline": "^12.0.0",
 		"@atlaskit/editor-plugin-interaction": "^21.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^9.0.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.0.0",
 		"@atlaskit/primitives": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^106.0.0",
+		"@atlaskit/tmp-editor-statsig": "^107.1.0",
 		"@atlaskit/toggle": "^17.0.0",
 		"@atlaskit/tokens": "^14.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.2.0",
+		"@atlaskit/editor-common": "^116.3.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
@@ -118,6 +118,9 @@
 		"platform_editor_table_fit_to_content_smart_adjust": {
 			"type": "boolean"
 		},
+		"platform_editor_table_auto_convert_fix": {
+			"type": "boolean"
+		},
 		"platform_editor_table_height_analytics": {
 			"type": "boolean"
 		},
@@ -154,9 +157,6 @@
 		"platform_editor_enable_table_update_ref_atlas": {
 			"type": "boolean"
 		},
-		"platform_editor_update_table_ref_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_max_width_default_width": {
 			"type": "boolean"
 		},