@atlaskit/editor-plugin-table 17.0.1 → 17.1.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 17.1.0
+
+### Minor Changes
+
+- [`a218bead9e6a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a218bead9e6a7) -
+  EDITOR-4542 Make isTableWithFixedColumnWidthsOptionEnabled an editor prop instead of using FG
+  value
+
 ## 17.0.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -24,6 +24,7 @@ var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../pm-plugins/commands");
@@ -607,7 +608,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged;
       var maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
       if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
-        var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;
+        var _this$containerWidth2, _this$props0, _getEditorFeatureFlag, _this$props$options3, _this$props$options4, _this$props$options5;
         var isWidthChanged = ((_this$containerWidth2 = this.containerWidth) === null || _this$containerWidth2 === void 0 ? void 0 : _this$containerWidth2.width) !== containerWidthValue;
         var wasTableResized = (0, _colgroup.hasTableBeenResized)(this.node);
         var isTableResized = (0, _colgroup.hasTableBeenResized)(tableNode);
@@ -625,9 +626,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           isFullWidthModeAndLineLengthChanged: isFullWidthModeAndLineLengthChanged,
           isTableResized: isTableResized
         });
-        var _getEditorFeatureFlag = getEditorFeatureFlags(),
-          _getEditorFeatureFlag2 = _getEditorFeatureFlag.tableWithFixedColumnWidthsOption,
-          tableWithFixedColumnWidthsOption = _getEditorFeatureFlag2 === void 0 ? false : _getEditorFeatureFlag2;
+        var tableWithFixedColumnWidthsOption = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? (_this$props0 = this.props) === null || _this$props0 === void 0 ? void 0 : _this$props0.allowFixedColumnWidthOption : (_getEditorFeatureFlag = getEditorFeatureFlags()) === null || _getEditorFeatureFlag === void 0 ? void 0 : _getEditorFeatureFlag.tableWithFixedColumnWidthsOption) || false;
         var isTableScalingWithFixedColumnWidthsOptionEnabled = !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isTableScalingEnabled) && tableWithFixedColumnWidthsOption;
         var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || !!((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isTableScalingEnabled) && !!((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isCommentEditor);
         if (force || !isResizing && shouldUpdateColgroup) {
@@ -692,22 +691,21 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(_, prevState) {
-      var _this$props$options0, _this$props$options1;
-      var _this$props0 = this.props,
-        getNode = _this$props0.getNode,
-        isMediaFullscreen = _this$props0.isMediaFullscreen,
-        allowColumnResizing = _this$props0.allowColumnResizing,
-        allowTableResizing = _this$props0.allowTableResizing,
-        isResizing = _this$props0.isResizing,
-        options = _this$props0.options,
-        isTableScalingEnabled = _this$props0.isTableScalingEnabled,
-        getPos = _this$props0.getPos,
-        getEditorFeatureFlags = _this$props0.getEditorFeatureFlags;
+      var _getEditorFeatureFlag2, _this$props$options0, _this$props$options1;
+      var _this$props1 = this.props,
+        getNode = _this$props1.getNode,
+        isMediaFullscreen = _this$props1.isMediaFullscreen,
+        allowColumnResizing = _this$props1.allowColumnResizing,
+        allowTableResizing = _this$props1.allowTableResizing,
+        isResizing = _this$props1.isResizing,
+        options = _this$props1.options,
+        isTableScalingEnabled = _this$props1.isTableScalingEnabled,
+        getPos = _this$props1.getPos,
+        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags,
+        allowFixedColumnWidthOption = _this$props1.allowFixedColumnWidthOption;
       var shouldScale = false;
       var shouldHandleColgroupUpdates = false;
-      var _getEditorFeatureFlag3 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag4 = _getEditorFeatureFlag3.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag4 === void 0 ? false : _getEditorFeatureFlag4;
+      var tableWithFixedColumnWidthsOption = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? allowFixedColumnWidthOption : (_getEditorFeatureFlag2 = getEditorFeatureFlags()) === null || _getEditorFeatureFlag2 === void 0 ? void 0 : _getEditorFeatureFlag2.tableWithFixedColumnWidthsOption) || false;
       if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
         shouldScale = true;
         shouldHandleColgroupUpdates = true;
@@ -770,31 +768,31 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this5 = this,
         _this$props$options10;
-      var _this$props1 = this.props,
-        view = _this$props1.view,
-        getNode = _this$props1.getNode,
-        isResizing = _this$props1.isResizing,
-        _this$props1$allowCon = _this$props1.allowControls,
-        allowControls = _this$props1$allowCon === void 0 ? true : _this$props1$allowCon,
-        isHeaderRowEnabled = _this$props1.isHeaderRowEnabled,
-        ordering = _this$props1.ordering,
-        isHeaderColumnEnabled = _this$props1.isHeaderColumnEnabled,
-        tableActive = _this$props1.tableActive,
-        containerWidth = _this$props1.containerWidth,
-        options = _this$props1.options,
-        getPos = _this$props1.getPos,
-        pluginInjectionApi = _this$props1.pluginInjectionApi,
-        isDragAndDropEnabled = _this$props1.isDragAndDropEnabled,
-        getEditorFeatureFlags = _this$props1.getEditorFeatureFlags,
-        isTableScalingEnabled = _this$props1.isTableScalingEnabled,
-        allowTableResizing = _this$props1.allowTableResizing,
-        allowTableAlignment = _this$props1.allowTableAlignment,
-        selection = _this$props1.selection,
-        isInDanger = _this$props1.isInDanger,
-        hoveredRows = _this$props1.hoveredRows,
-        hoveredCell = _this$props1.hoveredCell,
-        isTableHovered = _this$props1.isTableHovered,
-        isWholeTableInDanger = _this$props1.isWholeTableInDanger;
+      var _this$props10 = this.props,
+        view = _this$props10.view,
+        getNode = _this$props10.getNode,
+        isResizing = _this$props10.isResizing,
+        _this$props10$allowCo = _this$props10.allowControls,
+        allowControls = _this$props10$allowCo === void 0 ? true : _this$props10$allowCo,
+        isHeaderRowEnabled = _this$props10.isHeaderRowEnabled,
+        ordering = _this$props10.ordering,
+        isHeaderColumnEnabled = _this$props10.isHeaderColumnEnabled,
+        tableActive = _this$props10.tableActive,
+        containerWidth = _this$props10.containerWidth,
+        options = _this$props10.options,
+        getPos = _this$props10.getPos,
+        pluginInjectionApi = _this$props10.pluginInjectionApi,
+        isDragAndDropEnabled = _this$props10.isDragAndDropEnabled,
+        getEditorFeatureFlags = _this$props10.getEditorFeatureFlags,
+        isTableScalingEnabled = _this$props10.isTableScalingEnabled,
+        allowTableResizing = _this$props10.allowTableResizing,
+        allowTableAlignment = _this$props10.allowTableAlignment,
+        selection = _this$props10.selection,
+        isInDanger = _this$props10.isInDanger,
+        hoveredRows = _this$props10.hoveredRows,
+        hoveredCell = _this$props10.hoveredCell,
+        isTableHovered = _this$props10.isTableHovered,
+        isWholeTableInDanger = _this$props10.isWholeTableInDanger;
       var node = getNode();
       var tableRef = this.table || undefined;
       var headerRow = tableRef ? tableRef.querySelector('tr[data-header-row]') : undefined;
@@ -868,9 +866,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         tablePos = undefined;
       }
       var isNested = (0, _nodes.isTableNested)(view.state, tablePos);
-      var _getEditorFeatureFlag5 = getEditorFeatureFlags(),
-        _getEditorFeatureFlag6 = _getEditorFeatureFlag5.tableWithFixedColumnWidthsOption,
-        tableWithFixedColumnWidthsOption = _getEditorFeatureFlag6 === void 0 ? false : _getEditorFeatureFlag6;
+      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));
       return /*#__PURE__*/_react.default.createElement(_TableContainer.TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -890,7 +888,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         isTableResizingEnabled: allowTableResizing,
         isResizing: isResizing,
         isTableScalingEnabled: isTableScalingEnabled,
-        isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
+        allowFixedColumnWidthOption: tableWithFixedColumnWidthsOption,
         isWholeTableInDanger: isWholeTableInDanger,
         isTableAlignmentEnabled: allowTableAlignment,
         shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -28,7 +28,8 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     getPos = _ref.getPos,
     forwardRef = _ref.forwardRef,
     allowTableAlignment = _ref.allowTableAlignment,
-    allowTableResizing = _ref.allowTableResizing;
+    allowTableResizing = _ref.allowTableResizing,
+    allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction'], function (states) {
       var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt;
       return {
@@ -104,6 +105,7 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     allowTableAlignment: allowTableAlignment,
     allowTableResizing: allowTableResizing,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption,
     tableActive: tableActive && !isLivePageViewMode && interaction !== 'hasNotHadInteraction',
     ordering: ordering,
     isResizing: isResizing,

package/dist/cjs/nodeviews/TableContainer.js

@@ -142,7 +142,7 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     tableWrapperHeight = _ref4.tableWrapperHeight,
     isWholeTableInDanger = _ref4.isWholeTableInDanger,
     isTableScalingEnabled = _ref4.isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled = _ref4.isTableWithFixedColumnWidthsOptionEnabled,
+    allowFixedColumnWidthOption = _ref4.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref4.isTableAlignmentEnabled,
     shouldUseIncreasedScalingPercent = _ref4.shouldUseIncreasedScalingPercent,
     isCommentEditor = _ref4.isCommentEditor,
@@ -304,7 +304,7 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     isTableAlignmentEnabled: isTableAlignmentEnabled,
     isFullWidthModeEnabled: isFullWidthModeEnabled,
     isTableScalingEnabled: isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption,
     isWholeTableInDanger: isWholeTableInDanger,
     shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
     pluginInjectionApi: pluginInjectionApi,
@@ -357,7 +357,7 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
     isWholeTableInDanger = _ref5.isWholeTableInDanger,
     isTableResizingEnabled = _ref5.isTableResizingEnabled,
     isTableScalingEnabled = _ref5.isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled = _ref5.isTableWithFixedColumnWidthsOptionEnabled,
+    allowFixedColumnWidthOption = _ref5.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref5.isTableAlignmentEnabled,
     shouldUseIncreasedScalingPercent = _ref5.shouldUseIncreasedScalingPercent,
     isCommentEditor = _ref5.isCommentEditor,
@@ -383,7 +383,7 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
       isResizing: isResizing,
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
-      isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption,
       isWholeTableInDanger: isWholeTableInDanger,
       isTableAlignmentEnabled: isTableAlignmentEnabled,
       shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,

package/dist/cjs/nodeviews/TableResizer.js

@@ -137,7 +137,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     attachAnalyticsEvent = _ref.attachAnalyticsEvent,
     displayGapCursor = _ref.displayGapCursor,
     isTableScalingEnabled = _ref.isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled = _ref.isTableWithFixedColumnWidthsOptionEnabled,
+    allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption,
     isTableAlignmentEnabled = _ref.isTableAlignmentEnabled,
     isWholeTableInDanger = _ref.isWholeTableInDanger,
     shouldUseIncreasedScalingPercent = _ref.shouldUseIncreasedScalingPercent,
@@ -315,13 +315,13 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       prevNode: node,
       start: pos + 1,
       parentWidth: previewParentWidth
-    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isCommentEditor);
+    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, isCommentEditor);
     (0, _commands.chainCommands)(function (state, dispatch) {
       return switchToCenterAlignment(pos, node, newWidth, state, dispatch);
     }, (0, _misc.updateWidthToWidest)((0, _defineProperty2.default)({}, currentTableNodeLocalId, shouldUpdateWidthToWidest)))(state, dispatch);
     updateWidth(shouldUpdateWidthToWidest ? tableMaxWidth : newWidth);
     return newWidth;
-  }, [countFrames, isCommentEditor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
+  }, [countFrames, isCommentEditor, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
   var scheduleResize = (0, _react.useMemo)(function () {
     return (0, _rafSchd.default)(handleResize);
   }, [handleResize]);

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

@@ -15,7 +15,7 @@ var _TableRowNativeStickyWithFallback = _interopRequireDefault(require("./TableR
 
 var tableView = exports.tableView = function tableView(options) {
   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.isCommentEditor, options.isChromelessEditor);
+    return (0, _table.createTableView)(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
   };
 };
 var tableCellView = exports.tableCellView = function tableCellView(options) {

package/dist/cjs/nodeviews/table.js

@@ -19,6 +19,7 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _createPluginConfig = require("../pm-plugins/create-plugin-config");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _tableWidth = require("../pm-plugins/table-width");
@@ -97,11 +98,12 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
       }).toDOM(this.node);
       var rendered = _model.DOMSerializer.renderSpec(document, tableDOMStructure);
       if (rendered.dom) {
-        var _this$options, _this$options2, _this$getEditorFeatur;
+        var _this$reactComponentP5, _this$getEditorFeatur, _this$options, _this$options2;
         var tableElement = rendered.dom.querySelector('table');
         this.table = tableElement ? tableElement : rendered.dom;
         this.renderedDOM = rendered.dom;
-        if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.isTableScalingEnabled) || (_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.isTableScalingEnabled && (_this$getEditorFeatur = this.getEditorFeatureFlags) !== null && _this$getEditorFeatur !== void 0 && _this$getEditorFeatur.call(this).tableWithFixedColumnWidthsOption && this.node.attrs.displayMode === 'fixed') {
+        var allowFixedColumnWidthOption = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? (_this$reactComponentP5 = this.reactComponentProps) === null || _this$reactComponentP5 === void 0 ? void 0 : _this$reactComponentP5.allowFixedColumnWidthOption : (_this$getEditorFeatur = this.getEditorFeatureFlags) === null || _this$getEditorFeatur === void 0 ? void 0 : _this$getEditorFeatur.call(this).tableWithFixedColumnWidthsOption) || false;
+        if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.isTableScalingEnabled) || (_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.isTableScalingEnabled && allowFixedColumnWidthOption && this.node.attrs.displayMode === 'fixed') {
           var tableInlineWidth = getInlineWidth(this.node, this.reactComponentProps.options, this.reactComponentProps.view.state, this.reactComponentProps.getPos(), this.reactComponentProps.allowTableResizing);
           if (tableInlineWidth) {
             handleInlineTableWidth(this.table, tableInlineWidth);
@@ -184,9 +186,10 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
     key: "setDomAttrs",
     value: function setDomAttrs(node) {
       var _this3 = this,
+        _this$reactComponentP6,
+        _this$getEditorFeatur2,
         _this$options3,
-        _this$options4,
-        _this$getEditorFeatur2;
+        _this$options4;
       if (!this.table) {
         return; // width / attribute application to actual table will happen later when table is set
       }
@@ -196,9 +199,9 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         _this3.table.setAttribute(attr, attrs[attr]);
       });
-
+      var isTableFixedColumnWidthsOptionEnabled = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? (_this$reactComponentP6 = this.reactComponentProps) === null || _this$reactComponentP6 === void 0 ? void 0 : _this$reactComponentP6.allowFixedColumnWidthOption : (_this$getEditorFeatur2 = this.getEditorFeatureFlags) === null || _this$getEditorFeatur2 === void 0 ? void 0 : _this$getEditorFeatur2.call(this).tableWithFixedColumnWidthsOption) || false;
       // Preserve Table Width cannot have inline width set on the table
-      if (!((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.isTableScalingEnabled) || (_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.isTableScalingEnabled && (_this$getEditorFeatur2 = this.getEditorFeatureFlags) !== null && _this$getEditorFeatur2 !== void 0 && _this$getEditorFeatur2.call(this).tableWithFixedColumnWidthsOption && node.attrs.displayMode === 'fixed') {
+      if (!((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.isTableScalingEnabled) || (_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.isTableScalingEnabled && isTableFixedColumnWidthsOptionEnabled && node.attrs.displayMode === 'fixed') {
         var _tableWidthPluginKey$;
         // handle inline style when table been resized
         var tableInlineWidth = getInlineWidth(node, this.reactComponentProps.options, this.view.state, this.getPos(), this.reactComponentProps.allowTableResizing);
@@ -224,7 +227,8 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
         allowControls: props.allowControls,
         getPos: props.getPos,
         getEditorFeatureFlags: props.getEditorFeatureFlags,
-        dispatchAnalyticsEvent: props.dispatchAnalyticsEvent
+        dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
+        allowFixedColumnWidthOption: props.allowFixedColumnWidthOption
       });
     }
   }, {
@@ -289,7 +293,7 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
 }(_reactNodeView.default);
-var createTableView = exports.createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor) {
+var createTableView = exports.createTableView = function createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, getEditorContainerWidth, getEditorFeatureFlags, dispatchAnalyticsEvent, pluginInjectionApi, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
   var _pluginInjectionApi$t;
   var _getPluginState2 = (0, _pluginFactory.getPluginState)(view.state),
     pluginConfig = _getPluginState2.pluginConfig,
@@ -303,7 +307,7 @@ var createTableView = exports.createTableView = function createTableView(node, v
     allowControls = _getPluginConfig.allowControls,
     allowTableResizing = _getPluginConfig.allowTableResizing,
     allowTableAlignment = _getPluginConfig.allowTableAlignment;
-  var isTableFixedColumnWidthsOptionEnabled = (getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().tableWithFixedColumnWidthsOption) || false;
+  var isTableFixedColumnWidthsOptionEnabled = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? allowFixedColumnWidthOption : getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().tableWithFixedColumnWidthsOption) || false;
   var shouldUseIncreasedScalingPercent = isTableScalingEnabled && (isTableFixedColumnWidthsOptionEnabled || isCommentEditor);
   return new TableView({
     node: node,
@@ -328,6 +332,7 @@ var createTableView = exports.createTableView = function createTableView(node, v
     getEditorContainerWidth: getEditorContainerWidth,
     getEditorFeatureFlags: getEditorFeatureFlags,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    pluginInjectionApi: pluginInjectionApi
+    pluginInjectionApi: pluginInjectionApi,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption
   }).init();
 };

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

@@ -34,7 +34,7 @@ var _decoration = require("./utils/decoration");
 var _paste = require("./utils/paste");
 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, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor) {
+var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, getIntl, fullWidthModeEnabled, previousFullWidthModeEnabled, dragAndDropEnabled, editorAnalyticsAPI, pluginInjectionApi, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, allowFixedColumnWidthOption) {
   var _accessibilityUtils;
   var state = (0, _pluginFactory.createPluginState)(dispatch, _objectSpread(_objectSpread(_objectSpread({
     pluginConfig: pluginConfig,
@@ -72,7 +72,8 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         pluginInjectionApi: pluginInjectionApi,
         isCommentEditor: isCommentEditor,
-        isChromelessEditor: isChromelessEditor
+        isChromelessEditor: isChromelessEditor,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }),
       tableRow: (0, _tableNodeViews.tableRowView)({
         eventDispatcher: eventDispatcher,

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

@@ -112,7 +112,7 @@ function scaleTableTo(state, maxSize) {
 }
 var previewScaleTable = exports.previewScaleTable = function previewScaleTable(tableRef, options, domAtPos) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var isTableWithFixedColumnWidthsOptionEnabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var allowFixedColumnWidthOption = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var isCommentEditor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var node = options.node,
     start = options.start,
@@ -126,7 +126,7 @@ var previewScaleTable = exports.previewScaleTable = function previewScaleTable(t
     tableRef.style.width = "".concat(width, "px");
   }
   var isTableScalingEnabledOnCurrentTable = isTableScalingEnabled;
-  var isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && isTableWithFixedColumnWidthsOptionEnabled;
+  var isTableScalingWithFixedColumnWidthsOptionEnabled = isTableScalingEnabled && allowFixedColumnWidthOption;
   if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
     isTableScalingEnabledOnCurrentTable = isTableScalingEnabled && node.attrs.displayMode !== 'fixed';
   }

package/dist/cjs/tablePlugin.js

@@ -85,7 +85,7 @@ var tablePlugin = function tablePlugin(_ref) {
     };
   };
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea = options.getEditorFeatureFlags) === null || _options$getEditorFea === void 0 ? void 0 : _options$getEditorFea.call(options).tableWithFixedColumnWidthsOption) || false;
+  var isTableFixedColumnWidthsOptionEnabled = (0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption : (options === null || options === void 0 || (_options$getEditorFea = options.getEditorFeatureFlags) === null || _options$getEditorFea === void 0 ? void 0 : _options$getEditorFea.call(options).tableWithFixedColumnWidthsOption) || false;
   var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && (isTableFixedColumnWidthsOptionEnabled || ( // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
   options === null || options === void 0 ? void 0 : options.isCommentEditor));
   var isTableSelectorEnabled =
@@ -227,7 +227,7 @@ var tablePlugin = function tablePlugin(_ref) {
         allowColumnResizing = _pluginConfig.allowColumnResizing;
       // TODO: ED-25901 - We need to move this into a plugin config option so we don't accidentally enable nested nodes in Jira
       var isNestingSupported = Boolean(options === null || options === void 0 || (_options$tableOptions2 = options.tableOptions) === null || _options$tableOptions2 === void 0 ? void 0 : _options$tableOptions2.allowNestedTables);
-      var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea3 = options.getEditorFeatureFlags) === null || _options$getEditorFea3 === void 0 ? void 0 : _options$getEditorFea3.call(options).tableWithFixedColumnWidthsOption) || false;
+      var isTableFixedColumnWidthsOptionEnabled = ((0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption : options === null || options === void 0 || (_options$getEditorFea3 = options.getEditorFeatureFlags) === null || _options$getEditorFea3 === void 0 ? void 0 : _options$getEditorFea3.call(options).tableWithFixedColumnWidthsOption) || false;
       var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && (isTableFixedColumnWidthsOptionEnabled || ( // When in comment editor, we need the scaling percent to be 40% while tableWithFixedColumnWidthsOption is not visible
       options === null || options === void 0 ? void 0 : options.isCommentEditor));
       var isTableScalingEnabled = options === null || options === void 0 ? void 0 : options.isTableScalingEnabled;
@@ -296,7 +296,7 @@ var tablePlugin = function tablePlugin(_ref) {
             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, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor);
+          return (0, _main.createPlugin)(dispatchAnalyticsEvent, dispatch, portalProviderAPI, nodeViewPortalProviderAPI, eventDispatcher, (0, _createPluginConfig.pluginConfig)(tableOptions), defaultGetEditorContainerWidth, getEditorFeatureFlags || defaultGetEditorFeatureFlags, getIntl, fullWidthEnabled, wasFullWidthEnabled, dragAndDropEnabled, editorAnalyticsAPI, api, isTableScalingEnabled, shouldUseIncreasedScalingPercent, isCommentEditor, isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
         }
       }, {
         name: 'tablePMColResizing',

package/dist/es2019/nodeviews/TableComponent.js

@@ -11,6 +11,7 @@ import { getParentNodeWidth, getTableContainerWidth } from '@atlaskit/editor-com
 import { isValidPosition } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { autoSizeTable, clearHoverSelection, setTableRef } from '../pm-plugins/commands';
@@ -568,7 +569,7 @@ class TableComponent extends React.Component {
     const isFullWidthModeAndLineLengthChanged = this.updateColGroupFromFullWidthChange && isLineLengthChanged;
     const maybeScale = isTableSquashed || isTableWidthChanged || isTableResizedFullWidth && !(options !== null && options !== void 0 && options.isCommentEditor) || isNumberColumnChanged || isNumberOfColumnsChanged || this.state.windowResized;
     if (force || maybeScale || isFullWidthModeAndLineLengthChanged) {
-      var _this$containerWidth2, _this$props$options3, _this$props$options4, _this$props$options5;
+      var _this$containerWidth2, _this$props, _getEditorFeatureFlag, _this$props$options3, _this$props$options4, _this$props$options5;
       const isWidthChanged = ((_this$containerWidth2 = this.containerWidth) === null || _this$containerWidth2 === void 0 ? void 0 : _this$containerWidth2.width) !== containerWidthValue;
       const wasTableResized = hasTableBeenResized(this.node);
       const isTableResized = hasTableBeenResized(tableNode);
@@ -586,9 +587,7 @@ class TableComponent extends React.Component {
         isFullWidthModeAndLineLengthChanged,
         isTableResized
       });
-      const {
-        tableWithFixedColumnWidthsOption = false
-      } = getEditorFeatureFlags();
+      const tableWithFixedColumnWidthsOption = (fg('platform_editor_table_fixed_column_width_prop') ? (_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.allowFixedColumnWidthOption : (_getEditorFeatureFlag = getEditorFeatureFlags()) === null || _getEditorFeatureFlag === void 0 ? void 0 : _getEditorFeatureFlag.tableWithFixedColumnWidthsOption) || false;
       const isTableScalingWithFixedColumnWidthsOptionEnabled = !!((_this$props$options3 = this.props.options) !== null && _this$props$options3 !== void 0 && _this$props$options3.isTableScalingEnabled) && tableWithFixedColumnWidthsOption;
       const shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled || !!((_this$props$options4 = this.props.options) !== null && _this$props$options4 !== void 0 && _this$props$options4.isTableScalingEnabled) && !!((_this$props$options5 = this.props.options) !== null && _this$props$options5 !== void 0 && _this$props$options5.isCommentEditor);
       if (force || !isResizing && shouldUpdateColgroup) {
@@ -651,7 +650,7 @@ class TableComponent extends React.Component {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
   componentDidUpdate(_, prevState) {
-    var _this$props$options10, _this$props$options11;
+    var _getEditorFeatureFlag2, _this$props$options10, _this$props$options11;
     const {
       getNode,
       isMediaFullscreen,
@@ -662,13 +661,12 @@ class TableComponent extends React.Component {
       isTableScalingEnabled,
       // we could use options.isTableScalingEnabled here
       getPos,
-      getEditorFeatureFlags
+      getEditorFeatureFlags,
+      allowFixedColumnWidthOption
     } = this.props;
     let shouldScale = false;
     let shouldHandleColgroupUpdates = false;
-    const {
-      tableWithFixedColumnWidthsOption = false
-    } = getEditorFeatureFlags();
+    const tableWithFixedColumnWidthsOption = (fg('platform_editor_table_fixed_column_width_prop') ? allowFixedColumnWidthOption : (_getEditorFeatureFlag2 = getEditorFeatureFlags()) === null || _getEditorFeatureFlag2 === void 0 ? void 0 : _getEditorFeatureFlag2.tableWithFixedColumnWidthsOption) || false;
     if (isTableScalingEnabled && !tableWithFixedColumnWidthsOption) {
       shouldScale = true;
       shouldHandleColgroupUpdates = true;
@@ -855,7 +853,7 @@ class TableComponent extends React.Component {
       isTableResizingEnabled: allowTableResizing,
       isResizing: isResizing,
       isTableScalingEnabled: isTableScalingEnabled,
-      isTableWithFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
+      allowFixedColumnWidthOption: tableWithFixedColumnWidthsOption,
       isWholeTableInDanger: isWholeTableInDanger,
       isTableAlignmentEnabled: allowTableAlignment,
       shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -22,7 +22,8 @@ export const TableComponentWithSharedState = ({
   getPos,
   forwardRef,
   allowTableAlignment,
-  allowTableResizing
+  allowTableResizing,
+  allowFixedColumnWidthOption
 }) => {
   const {
     isTableResizing,
@@ -100,6 +101,7 @@ export const TableComponentWithSharedState = ({
     isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
     allowTableAlignment: allowTableAlignment,
     allowTableResizing: allowTableResizing,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption,
     tableActive: tableActive && !isLivePageViewMode && interaction !== 'hasNotHadInteraction',
     ordering: ordering,
     isResizing: isResizing,

package/dist/es2019/nodeviews/TableContainer.js

@@ -136,7 +136,7 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
   tableWrapperHeight,
   isWholeTableInDanger,
   isTableScalingEnabled,
-  isTableWithFixedColumnWidthsOptionEnabled,
+  allowFixedColumnWidthOption,
   isTableAlignmentEnabled,
   shouldUseIncreasedScalingPercent,
   isCommentEditor,
@@ -298,7 +298,7 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
     isTableAlignmentEnabled,
     isFullWidthModeEnabled,
     isTableScalingEnabled,
-    isTableWithFixedColumnWidthsOptionEnabled,
+    allowFixedColumnWidthOption,
     isWholeTableInDanger,
     shouldUseIncreasedScalingPercent,
     pluginInjectionApi,
@@ -352,7 +352,7 @@ export const TableContainer = ({
   isWholeTableInDanger,
   isTableResizingEnabled,
   isTableScalingEnabled,
-  isTableWithFixedColumnWidthsOptionEnabled,
+  allowFixedColumnWidthOption,
   isTableAlignmentEnabled,
   shouldUseIncreasedScalingPercent,
   isCommentEditor,
@@ -379,7 +379,7 @@ export const TableContainer = ({
       isResizing: isResizing,
       pluginInjectionApi: pluginInjectionApi,
       isTableScalingEnabled: isTableScalingEnabled,
-      isTableWithFixedColumnWidthsOptionEnabled: isTableWithFixedColumnWidthsOptionEnabled,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption,
       isWholeTableInDanger: isWholeTableInDanger,
       isTableAlignmentEnabled: isTableAlignmentEnabled,
       shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,

package/dist/es2019/nodeviews/TableResizer.js

@@ -123,7 +123,7 @@ export const TableResizer = ({
   attachAnalyticsEvent,
   displayGapCursor,
   isTableScalingEnabled,
-  isTableWithFixedColumnWidthsOptionEnabled,
+  allowFixedColumnWidthOption,
   isTableAlignmentEnabled,
   isWholeTableInDanger,
   shouldUseIncreasedScalingPercent,
@@ -308,7 +308,7 @@ export const TableResizer = ({
       prevNode: node,
       start: pos + 1,
       parentWidth: previewParentWidth
-    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isCommentEditor);
+    }, editorView.domAtPos.bind(editorView), isTableScalingEnabled, allowFixedColumnWidthOption, isCommentEditor);
     chainCommands((state, dispatch) => {
       return switchToCenterAlignment(pos, node, newWidth, state, dispatch);
     }, updateWidthToWidest({
@@ -316,7 +316,7 @@ export const TableResizer = ({
     }))(state, dispatch);
     updateWidth(shouldUpdateWidthToWidest ? tableMaxWidth : newWidth);
     return newWidth;
-  }, [countFrames, isCommentEditor, isTableScalingEnabled, isTableWithFixedColumnWidthsOptionEnabled, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
+  }, [countFrames, isCommentEditor, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
   const scheduleResize = useMemo(() => rafSchd(handleResize), [handleResize]);
   const handleResizeStop = useCallback((originalState, delta) => {
     var _node$attrs$localId2, _node$attrs2;

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

@@ -7,7 +7,7 @@ import TableRow from './TableRow';
 import TableRowNativeStickyWithFallback from './TableRowNativeStickyWithFallback';
 export const tableView = options => {
   return (node, view, getPos) => {
-    return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor);
+    return createTableView(node, view, getPos, options.portalProviderAPI, options.eventDispatcher, options.getEditorContainerWidth, options.getEditorFeatureFlags, options.dispatchAnalyticsEvent, options.pluginInjectionApi, options.isCommentEditor, options.isChromelessEditor, options === null || options === void 0 ? void 0 : options.allowFixedColumnWidthOption);
   };
 };
 export const tableCellView = options => {