@atlaskit/editor-plugin-table 7.25.22 → 7.25.24

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 7.25.24
+
+### Patch Changes
+
+- [#139034](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139034)
+  [`517cdc0f7ea1a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/517cdc0f7ea1a) -
+  Used experiment for lazy node view
+
+## 7.25.23
+
+### Patch Changes
+
+- [#139279](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139279)
+  [`70db87daa2f22`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/70db87daa2f22) -
+  [ux] Fix for column resizing for table that were resized to full-width in comment editor.
+
 ## 7.25.22
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -84,6 +84,9 @@
         {
             "path": "../../../design-system/theme/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../tmp-editor-statsig/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/toggle/afm-cc/tsconfig.json"
         },

package/dist/cjs/nodeviews/TableComponent.js

@@ -636,7 +636,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (isInDanger && !table) {
         (0, _commands.clearHoverSelection)()(view.state, view.dispatch);
       }
-      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
+      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {

package/dist/cjs/nodeviews/TableResizer.js

@@ -294,6 +294,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     var _node$attrs$localId2, _node$attrs2;
     isResizing.current = false;
     var newWidth = originalState.width + delta.width;
+    var originalNewWidth = newWidth;
     var state = editorView.state,
       dispatch = editorView.dispatch;
     var pos = getPos();
@@ -329,7 +330,10 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
         node: newNode,
         prevNode: node,
         start: pos + 1,
-        parentWidth: newWidth
+        // We use originalNewWidth in comment editor, because in comment editor
+        // newWidth can be underined when table is resized to 'full-width'
+        // scaleTable function needs number value to work correctly.
+        parentWidth: isCommentEditor ? originalNewWidth : newWidth
       }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, isCommentEditor)(tr);
       var scaledNode = tr.doc.nodeAt(pos);
       (_attachAnalyticsEvent2 = attachAnalyticsEvent((0, _analytics2.generateResizedPayload)({

package/dist/cjs/nodeviews/TableStickyScrollbar.js

@@ -9,7 +9,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _types = require("../types");
 var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper, view) {
@@ -24,7 +24,7 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
     });
     this.wrapper = wrapper;
     this.view = view;
-    if ((0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+    if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', true)) {
       requestAnimationFrame(function () {
         _this.init();
       });

package/dist/cjs/nodeviews/lazy-node-views.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.lazyTableView = exports.lazyTableRowView = exports.lazyTableHeaderView = exports.lazyTableCellView = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _table = require("./table");
 var _TableCell = _interopRequireDefault(require("./TableCell"));
 var _TableRow = _interopRequireDefault(require("./TableRow"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // TODO: Clean up ED-23976
 var lazyTableView = exports.lazyTableView = function lazyTableView(options) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       return (0, _table.createTableView)(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isTableAlignmentEnabled, options.isCommentEditor, options.isChromelessEditor);
     };
@@ -50,7 +50,7 @@ var lazyTableView = exports.lazyTableView = function lazyTableView(options) {
   });
 };
 var lazyTableCellView = exports.lazyTableCellView = function lazyTableCellView(options) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       var _options$pluginInject;
       return new _TableCell.default(node, view, getPos, options.eventDispatcher, (_options$pluginInject = options.pluginInjectionApi) === null || _options$pluginInject === void 0 || (_options$pluginInject = _options$pluginInject.analytics) === null || _options$pluginInject === void 0 ? void 0 : _options$pluginInject.actions);
@@ -81,7 +81,7 @@ var lazyTableCellView = exports.lazyTableCellView = function lazyTableCellView(o
   });
 };
 var lazyTableHeaderView = exports.lazyTableHeaderView = function lazyTableHeaderView(options) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       var _options$pluginInject2;
       return new _TableCell.default(node, view, getPos, options.eventDispatcher, (_options$pluginInject2 = options.pluginInjectionApi) === null || _options$pluginInject2 === void 0 || (_options$pluginInject2 = _options$pluginInject2.analytics) === null || _options$pluginInject2 === void 0 ? void 0 : _options$pluginInject2.actions);
@@ -112,7 +112,7 @@ var lazyTableHeaderView = exports.lazyTableHeaderView = function lazyTableHeader
   });
 };
 var lazyTableRowView = exports.lazyTableRowView = function lazyTableRowView(options) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       return new _TableRow.default(node, view, getPos, options.eventDispatcher);
     };

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

@@ -307,7 +307,6 @@ var handleMouseDown = exports.handleMouseDown = function handleMouseDown(view, e
     } else {
       var _table$attrs2;
       var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? (0, _misc2.getScalingPercentForTableWithoutWidth)(table, dom) : (0, _misc2.getTableScalingPercent)(originalTable, dom, shouldUseIncreasedScalingPercent);
-      // This function is called for Full-page/Fixed-page tables and table that have width attr value in Comment editor
       (0, _utils3.resizeColumn)(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
     }
     (0, _utils3.updateControls)()(state);

package/dist/cjs/toDOM.js

@@ -11,13 +11,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tableContainerStyles = require("./nodeviews/table-container-styles");
 var _colgroup = require("./pm-plugins/table-resizing/utils/colgroup");
 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 tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(config) {
-  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
     return _adfSchema.table;
   }
   return _objectSpread(_objectSpread({}, _adfSchema.table), {}, {

package/dist/es2019/nodeviews/TableComponent.js

@@ -616,7 +616,7 @@ class TableComponent extends React.Component {
     if (isInDanger && !table) {
       clearHoverSelection()(view.state, view.dispatch);
     }
-    if ((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
+    if ((_this$props$options11 = this.props.options) !== null && _this$props$options11 !== void 0 && _this$props$options11.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
       this.removeInlineTableWidth();
     }
     if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {

package/dist/es2019/nodeviews/TableResizer.js

@@ -287,6 +287,7 @@ export const TableResizer = ({
     var _node$attrs$localId2, _node$attrs2;
     isResizing.current = false;
     let newWidth = originalState.width + delta.width;
+    const originalNewWidth = newWidth;
     const {
       state,
       dispatch
@@ -325,7 +326,10 @@ export const TableResizer = ({
         node: newNode,
         prevNode: node,
         start: pos + 1,
-        parentWidth: newWidth
+        // We use originalNewWidth in comment editor, because in comment editor
+        // newWidth can be underined when table is resized to 'full-width'
+        // scaleTable function needs number value to work correctly.
+        parentWidth: isCommentEditor ? originalNewWidth : newWidth
       }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, isCommentEditor)(tr);
       const scaledNode = tr.doc.nodeAt(pos);
       (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({

package/dist/es2019/nodeviews/TableStickyScrollbar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TableCssClassName as ClassName } from '../types';
 export class TableStickyScrollbar {
   constructor(wrapper, view) {
@@ -13,7 +13,7 @@ export class TableStickyScrollbar {
     });
     this.wrapper = wrapper;
     this.view = view;
-    if (fg('platform_editor_lazy-node-views')) {
+    if (editorExperiment('platform_editor_exp_lazy_node_views', true)) {
       requestAnimationFrame(() => {
         this.init();
       });

package/dist/es2019/nodeviews/lazy-node-views.js

@@ -1,11 +1,11 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // TODO: Clean up ED-23976
 import { createTableView } from './table';
 import TableCell from './TableCell';
 import TableRow from './TableRow';
 export const lazyTableView = options => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return (node, view, getPos) => {
       return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isTableAlignmentEnabled, options.isCommentEditor, options.isChromelessEditor);
     };
@@ -39,7 +39,7 @@ export const lazyTableView = options => {
   });
 };
 export const lazyTableCellView = options => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return (node, view, getPos) => {
       var _options$pluginInject, _options$pluginInject2;
       return new TableCell(node, view, getPos, options.eventDispatcher, (_options$pluginInject = options.pluginInjectionApi) === null || _options$pluginInject === void 0 ? void 0 : (_options$pluginInject2 = _options$pluginInject.analytics) === null || _options$pluginInject2 === void 0 ? void 0 : _options$pluginInject2.actions);
@@ -68,7 +68,7 @@ export const lazyTableCellView = options => {
   });
 };
 export const lazyTableHeaderView = options => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return (node, view, getPos) => {
       var _options$pluginInject3, _options$pluginInject4;
       return new TableCell(node, view, getPos, options.eventDispatcher, (_options$pluginInject3 = options.pluginInjectionApi) === null || _options$pluginInject3 === void 0 ? void 0 : (_options$pluginInject4 = _options$pluginInject3.analytics) === null || _options$pluginInject4 === void 0 ? void 0 : _options$pluginInject4.actions);
@@ -97,7 +97,7 @@ export const lazyTableHeaderView = options => {
   });
 };
 export const lazyTableRowView = options => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return (node, view, getPos) => {
       return new TableRow(node, view, getPos, options.eventDispatcher);
     };

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

@@ -318,7 +318,6 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
     } else {
       var _table$attrs2;
       const scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? getScalingPercentForTableWithoutWidth(table, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-      // This function is called for Full-page/Fixed-page tables and table that have width attr value in Comment editor
       resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
     }
     updateControls()(state);

package/dist/es2019/toDOM.js

@@ -1,11 +1,11 @@
 import kebabCase from 'lodash/kebabCase';
 import { table } from '@atlaskit/adf-schema';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAlignmentStyle } from './nodeviews/table-container-styles';
 import { generateColgroup } from './pm-plugins/table-resizing/utils/colgroup';
 export const tableNodeSpecWithFixedToDOM = config => {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return table;
   }
   return {

package/dist/esm/nodeviews/TableComponent.js

@@ -629,7 +629,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (isInDanger && !table) {
         clearHoverSelection()(view.state, view.dispatch);
       }
-      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled) {
+      if ((_this$props$options9 = this.props.options) !== null && _this$props$options9 !== void 0 && _this$props$options9.isCommentEditor && options !== null && options !== void 0 && options.isTableResizingEnabled && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
         this.removeInlineTableWidth();
       }
       if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {

package/dist/esm/nodeviews/TableResizer.js

@@ -284,6 +284,7 @@ export var TableResizer = function TableResizer(_ref) {
     var _node$attrs$localId2, _node$attrs2;
     isResizing.current = false;
     var newWidth = originalState.width + delta.width;
+    var originalNewWidth = newWidth;
     var state = editorView.state,
       dispatch = editorView.dispatch;
     var pos = getPos();
@@ -319,7 +320,10 @@ export var TableResizer = function TableResizer(_ref) {
         node: newNode,
         prevNode: node,
         start: pos + 1,
-        parentWidth: newWidth
+        // We use originalNewWidth in comment editor, because in comment editor
+        // newWidth can be underined when table is resized to 'full-width'
+        // scaleTable function needs number value to work correctly.
+        parentWidth: isCommentEditor ? originalNewWidth : newWidth
       }, editorView.domAtPos.bind(editorView), pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent || false, isCommentEditor)(tr);
       var scaledNode = tr.doc.nodeAt(pos);
       (_attachAnalyticsEvent2 = attachAnalyticsEvent(generateResizedPayload({

package/dist/esm/nodeviews/TableStickyScrollbar.js

@@ -2,7 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { TableCssClassName as ClassName } from '../types';
 export var TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper, view) {
@@ -17,7 +17,7 @@ export var TableStickyScrollbar = /*#__PURE__*/function () {
     });
     this.wrapper = wrapper;
     this.view = view;
-    if (fg('platform_editor_lazy-node-views')) {
+    if (editorExperiment('platform_editor_exp_lazy_node_views', true)) {
       requestAnimationFrame(function () {
         _this.init();
       });

package/dist/esm/nodeviews/lazy-node-views.js

@@ -1,11 +1,11 @@
 import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 // TODO: Clean up ED-23976
 import { createTableView } from './table';
 import TableCell from './TableCell';
 import TableRow from './TableRow';
 export var lazyTableView = function lazyTableView(options) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isTableAlignmentEnabled, options.isCommentEditor, options.isChromelessEditor);
     };
@@ -39,7 +39,7 @@ export var lazyTableView = function lazyTableView(options) {
   });
 };
 export var lazyTableCellView = function lazyTableCellView(options) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       var _options$pluginInject;
       return new TableCell(node, view, getPos, options.eventDispatcher, (_options$pluginInject = options.pluginInjectionApi) === null || _options$pluginInject === void 0 || (_options$pluginInject = _options$pluginInject.analytics) === null || _options$pluginInject === void 0 ? void 0 : _options$pluginInject.actions);
@@ -68,7 +68,7 @@ export var lazyTableCellView = function lazyTableCellView(options) {
   });
 };
 export var lazyTableHeaderView = function lazyTableHeaderView(options) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       var _options$pluginInject2;
       return new TableCell(node, view, getPos, options.eventDispatcher, (_options$pluginInject2 = options.pluginInjectionApi) === null || _options$pluginInject2 === void 0 || (_options$pluginInject2 = _options$pluginInject2.analytics) === null || _options$pluginInject2 === void 0 ? void 0 : _options$pluginInject2.actions);
@@ -97,7 +97,7 @@ export var lazyTableHeaderView = function lazyTableHeaderView(options) {
   });
 };
 export var lazyTableRowView = function lazyTableRowView(options) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return function (node, view, getPos) {
       return new TableRow(node, view, getPos, options.eventDispatcher);
     };

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

@@ -300,7 +300,6 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     } else {
       var _table$attrs2;
       var scalePercent = isTableScalingEnabled && isCommentEditor && !((_table$attrs2 = table.attrs) !== null && _table$attrs2 !== void 0 && _table$attrs2.width) ? getScalingPercentForTableWithoutWidth(table, dom) : getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-      // This function is called for Full-page/Fixed-page tables and table that have width attr value in Comment editor
       resizeColumn(resizeState, colIndex, resizedDelta, dom, table, undefined, shouldScale, scalePercent);
     }
     updateControls()(state);

package/dist/esm/toDOM.js

@@ -6,11 +6,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import kebabCase from 'lodash/kebabCase';
 import { table } from '@atlaskit/adf-schema';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getAlignmentStyle } from './nodeviews/table-container-styles';
 import { generateColgroup } from './pm-plugins/table-resizing/utils/colgroup';
 export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(config) {
-  if (!fg('platform_editor_lazy-node-views')) {
+  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
     return table;
   }
   return _objectSpread(_objectSpread({}, table), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "7.25.22",
+	"version": "7.25.24",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,6 +51,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
 		"@atlaskit/primitives": "^12.1.0",
 		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.1.8",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/tokens": "^1.59.0",
 		"@atlaskit/tooltip": "^18.7.0",
@@ -102,9 +103,6 @@
 		}
 	},
 	"platform-feature-flags": {
-		"platform_editor_lazy-node-views": {
-			"type": "boolean"
-		},
 		"platform.editor.table.use-shared-state-hook": {
 			"type": "boolean"
 		},

package/src/nodeviews/TableComponent.tsx

@@ -575,7 +575,11 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 			clearHoverSelection()(view.state, view.dispatch);
 		}
 
-		if (this.props.options?.isCommentEditor && options?.isTableResizingEnabled) {
+		if (
+			this.props.options?.isCommentEditor &&
+			options?.isTableResizingEnabled &&
+			!options?.isTableScalingEnabled
+		) {
 			this.removeInlineTableWidth();
 		}
 

package/src/nodeviews/TableResizer.tsx

@@ -540,6 +540,7 @@ export const TableResizer = ({
 		(originalState, delta) => {
 			isResizing.current = false;
 			let newWidth: number | undefined = originalState.width + delta.width;
+			const originalNewWidth = newWidth;
 			const { state, dispatch } = editorView;
 			const pos = getPos();
 			const currentTableNodeLocalId = node?.attrs?.localId ?? '';
@@ -585,7 +586,10 @@ export const TableResizer = ({
 						node: newNode,
 						prevNode: node,
 						start: pos + 1,
-						parentWidth: newWidth,
+						// We use originalNewWidth in comment editor, because in comment editor
+						// newWidth can be underined when table is resized to 'full-width'
+						// scaleTable function needs number value to work correctly.
+						parentWidth: isCommentEditor ? originalNewWidth : newWidth,
 					},
 					editorView.domAtPos.bind(editorView),
 					pluginInjectionApi,

package/src/nodeviews/TableStickyScrollbar.ts

@@ -1,6 +1,6 @@
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import { TableCssClassName as ClassName } from '../types';
 
@@ -25,7 +25,7 @@ export class TableStickyScrollbar {
 		this.wrapper = wrapper;
 		this.view = view;
 
-		if (fg('platform_editor_lazy-node-views')) {
+		if (editorExperiment('platform_editor_exp_lazy_node_views', true)) {
 			requestAnimationFrame(() => {
 				this.init();
 			});

package/src/nodeviews/lazy-node-views.ts

@@ -5,7 +5,7 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import type { PluginInjectionAPI } from '../types';
 
@@ -27,7 +27,7 @@ type TableViewOptions = {
 };
 
 export const lazyTableView = (options: TableViewOptions) => {
-	if (!fg('platform_editor_lazy-node-views')) {
+	if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
 		return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
 			return createTableView(
 				node,
@@ -101,7 +101,7 @@ type TableCellViewOptions = {
 	pluginInjectionApi?: PluginInjectionAPI;
 };
 export const lazyTableCellView = (options: TableCellViewOptions) => {
-	if (!fg('platform_editor_lazy-node-views')) {
+	if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
 		return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
 			return new TableCell(
 				node,
@@ -148,7 +148,7 @@ export const lazyTableCellView = (options: TableCellViewOptions) => {
 };
 
 export const lazyTableHeaderView = (options: TableCellViewOptions) => {
-	if (!fg('platform_editor_lazy-node-views')) {
+	if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
 		return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
 			return new TableCell(
 				node,
@@ -195,7 +195,7 @@ export const lazyTableHeaderView = (options: TableCellViewOptions) => {
 };
 
 export const lazyTableRowView = (options: TableCellViewOptions) => {
-	if (!fg('platform_editor_lazy-node-views')) {
+	if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
 		return (node: PMNode, view: EditorView, getPos: () => number | undefined) => {
 			return new TableRow(node, view, getPos, options.eventDispatcher);
 		};

package/src/pm-plugins/table-resizing/event-handlers.ts

@@ -397,7 +397,7 @@ export const handleMouseDown = (
 				isTableScalingEnabled && isCommentEditor && !table.attrs?.width
 					? getScalingPercentForTableWithoutWidth(table, dom)
 					: getTableScalingPercent(originalTable, dom, shouldUseIncreasedScalingPercent);
-			// This function is called for Full-page/Fixed-page tables and table that have width attr value in Comment editor
+
 			resizeColumn(
 				resizeState,
 				colIndex,

package/src/toDOM.ts

@@ -4,7 +4,7 @@ import { table } from '@atlaskit/adf-schema';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/src/types';
 import type { DOMOutputSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import { getAlignmentStyle } from './nodeviews/table-container-styles';
 import { generateColgroup } from './pm-plugins/table-resizing/utils/colgroup';
@@ -15,7 +15,7 @@ type Config = {
 	getEditorContainerWidth: GetEditorContainerWidth;
 };
 export const tableNodeSpecWithFixedToDOM = (config: Config): typeof table => {
-	if (!fg('platform_editor_lazy-node-views')) {
+	if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
 		return table;
 	}
 

package/tsconfig.app.json

@@ -102,6 +102,9 @@
 		{
 			"path": "../../design-system/theme/tsconfig.app.json"
 		},
+		{
+			"path": "../tmp-editor-statsig/tsconfig.app.json"
+		},
 		{
 			"path": "../../design-system/toggle/tsconfig.app.json"
 		},