@atlaskit/renderer 126.2.0 → 126.2.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/renderer
 
+## 126.2.1
+
+### Patch Changes
+
+- [`a218bead9e6a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a218bead9e6a7) -
+  EDITOR-4542 Make isTableWithFixedColumnWidthsOptionEnabled an editor prop instead of using FG
+  value
+- Updated dependencies
+
 ## 126.2.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -219,6 +219,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.textHighlighter = init.textHighlighter;
     this.allowTableAlignment = init.allowTableAlignment;
     this.allowTableResizing = init.allowTableResizing;
+    this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
     this.onSetLinkTarget = init.onSetLinkTarget;
@@ -449,7 +450,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         allowTableAlignment: this.allowTableAlignment,
         allowTableResizing: this.allowTableResizing,
         isPresentational: (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') ? this.isPresentational : false,
-        disableTableOverflowShadow: this.disableTableOverflowShadow
+        disableTableOverflowShadow: this.disableTableOverflowShadow,
+        allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
       });
     }
   }, {

package/dist/cjs/react/nodes/table/colgroup.js

@@ -224,6 +224,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   });
 };
 var Colgroup = exports.Colgroup = function Colgroup(props) {
+  var _ref3;
   var _useRendererContext = (0, _rendererContext.useRendererContext)(),
     isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
   var columnWidths = props.columnWidths,
@@ -232,6 +233,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
   if (!columnWidths) {
     return null;
   }
+  var isTableFixedColumnWidthsOptionEnabled = (_ref3 = (0, _platformFeatureFlags.fg)('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref3 !== void 0 ? _ref3 : false;
   var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
     isTopLevelRenderer: isTopLevelRenderer,
     isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
@@ -239,7 +241,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
     }) || props.rendererAppearance === 'comment' && (0, _experiments.editorExperiment)('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)))
+    isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && ((0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) || (0, _expValEquals.expValEquals)('confluence_max_width_content_appearance', 'isEnabled', true)))
   }));
   if (!colStyles) {
     return null;

package/dist/cjs/react/nodes/table/sticky.js

@@ -103,7 +103,8 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
     rendererAppearance = _ref.rendererAppearance,
     allowTableResizing = _ref.allowTableResizing,
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
-    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
+    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
+    allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
   var styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if (allowTableResizing) {
@@ -156,7 +157,8 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
       renderWidth: renderWidth,
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
-      fixTableSSRResizing: fixTableSSRResizing
+      fixTableSSRResizing: fixTableSSRResizing,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     },
     /**
      * @see https://product-fabric.atlassian.net/browse/ED-10235

package/dist/cjs/react/nodes/table/table.js

@@ -27,7 +27,9 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     allowTableResizing = _ref.allowTableResizing,
     isPresentational = _ref.isPresentational,
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
-    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
+    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
+    _ref$allowFixedColumn = _ref.allowFixedColumnWidthOption,
+    allowFixedColumnWidthOption = _ref$allowFixedColumn === void 0 ? false : _ref$allowFixedColumn;
   var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
   var tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
@@ -73,6 +75,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     isInsideOfBlockNode: isInsideOfBlockNode,
     isInsideOfTable: isInsideOfTable,
     isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-    allowTableResizing: allowTableResizing
+    allowTableResizing: allowTableResizing,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption
   }), /*#__PURE__*/_react.default.createElement("tbody", null, children));
 });

package/dist/cjs/react/nodes/table.js

@@ -417,7 +417,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
         allowTableAlignment = _this$props.allowTableAlignment,
         allowTableResizing = _this$props.allowTableResizing,
-        isPresentational = _this$props.isPresentational;
+        isPresentational = _this$props.isPresentational,
+        allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
       var stickyMode = this.state.stickyMode;
       var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var left;
@@ -560,7 +561,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         rowHeight: this.state.headerRowHeight,
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
-        allowTableResizing: allowTableResizing
+        allowTableResizing: allowTableResizing,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, [children && children[0]]), (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/_react.default.createElement(TableWrapper, {
         wrapperRef: this.wrapperRef,
         onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
@@ -578,7 +580,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))) : /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -596,7 +599,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/cjs/react/nodes/tableNew.js

@@ -400,7 +400,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
         allowTableAlignment = _this$props.allowTableAlignment,
         allowTableResizing = _this$props.allowTableResizing,
-        isPresentational = _this$props.isPresentational;
+        isPresentational = _this$props.isPresentational,
+        allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
       var stickyMode = this.state.stickyMode;
       var lineLengthFixedWidth = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var updatedLayout;
@@ -511,7 +512,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
         allowTableResizing: allowTableResizing,
-        fixTableSSRResizing: true
+        fixTableSSRResizing: true,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, [children && children[0]]), /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -535,7 +537,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0, _platformFeatureFlags.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),

package/dist/cjs/ui/Renderer/index.js

@@ -70,7 +70,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "126.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -269,6 +269,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowTableAlignment: props.UNSTABLE_allowTableAlignment,
       allowTableResizing: props.UNSTABLE_allowTableResizing,
       disableTableOverflowShadow: props.disableTableOverflowShadow,
+      allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
   }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);

package/dist/es2019/react/index.js

@@ -206,6 +206,7 @@ export default class ReactSerializer {
     this.textHighlighter = init.textHighlighter;
     this.allowTableAlignment = init.allowTableAlignment;
     this.allowTableResizing = init.allowTableResizing;
+    this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
     this.onSetLinkTarget = init.onSetLinkTarget;
@@ -416,7 +417,8 @@ export default class ReactSerializer {
       allowTableAlignment: this.allowTableAlignment,
       allowTableResizing: this.allowTableResizing,
       isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
-      disableTableOverflowShadow: this.disableTableOverflowShadow
+      disableTableOverflowShadow: this.disableTableOverflowShadow,
+      allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
     };
   }
   getDateProps(node, parentInfo, path = []) {

package/dist/es2019/react/nodes/table/colgroup.js

@@ -209,6 +209,7 @@ const renderScaleDownColgroup = props => {
   });
 };
 export const Colgroup = props => {
+  var _ref;
   const {
     isTopLevelRenderer
   } = useRendererContext();
@@ -220,6 +221,7 @@ export const Colgroup = props => {
   if (!columnWidths) {
     return null;
   }
+  const isTableFixedColumnWidthsOptionEnabled = (_ref = fg('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref !== void 0 ? _ref : false;
   const colStyles = renderScaleDownColgroup({
     ...props,
     isTopLevelRenderer,
@@ -228,7 +230,7 @@ export const Colgroup = props => {
     }) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
+    isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
   });
   if (!colStyles) {
     return null;

package/dist/es2019/react/nodes/table/sticky.js

@@ -103,7 +103,8 @@ export const StickyTable = ({
   tableNode,
   rendererAppearance,
   allowTableResizing,
-  fixTableSSRResizing = false
+  fixTableSSRResizing = false,
+  allowFixedColumnWidthOption
 }) => {
   let styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -157,7 +158,8 @@ export const StickyTable = ({
       renderWidth: renderWidth,
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
-      fixTableSSRResizing: fixTableSSRResizing
+      fixTableSSRResizing: fixTableSSRResizing,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     },
     /**
      * @see https://product-fabric.atlassian.net/browse/ED-10235

package/dist/es2019/react/nodes/table/table.js

@@ -18,7 +18,8 @@ export const Table = /*#__PURE__*/React.memo(({
   isinsideMultiBodiedExtension,
   allowTableResizing,
   isPresentational,
-  fixTableSSRResizing = false
+  fixTableSSRResizing = false,
+  allowFixedColumnWidthOption = false
 }) => {
   var _tableNode$attrs;
   let tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
@@ -66,6 +67,7 @@ export const Table = /*#__PURE__*/React.memo(({
     isInsideOfBlockNode: isInsideOfBlockNode,
     isInsideOfTable: isInsideOfTable,
     isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-    allowTableResizing: allowTableResizing
+    allowTableResizing: allowTableResizing,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

package/dist/es2019/react/nodes/table.js

@@ -360,7 +360,8 @@ export class TableContainer extends React.Component {
       isinsideMultiBodiedExtension,
       allowTableAlignment,
       allowTableResizing,
-      isPresentational
+      isPresentational,
+      allowFixedColumnWidthOption
     } = this.props;
     const {
       stickyMode
@@ -503,7 +504,8 @@ export class TableContainer extends React.Component {
       rowHeight: this.state.headerRowHeight,
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
-      allowTableResizing: allowTableResizing
+      allowTableResizing: allowTableResizing,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
       wrapperRef: this.wrapperRef,
       onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
@@ -521,7 +523,8 @@ export class TableContainer extends React.Component {
       isInsideOfTable: isInsideOfTable,
       isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
       allowTableResizing: allowTableResizing,
-      isPresentational: isPresentational
+      isPresentational: isPresentational,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -539,7 +542,8 @@ export class TableContainer extends React.Component {
       isInsideOfTable: isInsideOfTable,
       isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
       allowTableResizing: allowTableResizing,
-      isPresentational: isPresentational
+      isPresentational: isPresentational,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/es2019/react/nodes/tableNew.js

@@ -341,7 +341,8 @@ export class TableContainer extends React.Component {
       isinsideMultiBodiedExtension,
       allowTableAlignment,
       allowTableResizing,
-      isPresentational
+      isPresentational,
+      allowFixedColumnWidthOption
     } = this.props;
     const {
       stickyMode
@@ -455,7 +456,8 @@ export class TableContainer extends React.Component {
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
       allowTableResizing: allowTableResizing,
-      fixTableSSRResizing: true
+      fixTableSSRResizing: true,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, [children && children[0]]), /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -479,7 +481,8 @@ export class TableContainer extends React.Component {
       isInsideOfTable: isInsideOfTable,
       isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
       allowTableResizing: allowTableResizing,
-      isPresentational: isPresentational
+      isPresentational: isPresentational,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: `${TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER}${fg('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''}`,

package/dist/es2019/ui/Renderer/index.js

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "126.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -263,6 +263,7 @@ export const RendererFunctionalComponent = props => {
       allowTableAlignment: props.UNSTABLE_allowTableAlignment,
       allowTableResizing: props.UNSTABLE_allowTableResizing,
       disableTableOverflowShadow: props.disableTableOverflowShadow,
+      allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
   }, [createRendererContext, providerFactory, fireAnalyticsEvent]);

package/dist/esm/react/index.js

@@ -212,6 +212,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.textHighlighter = init.textHighlighter;
     this.allowTableAlignment = init.allowTableAlignment;
     this.allowTableResizing = init.allowTableResizing;
+    this.allowFixedColumnWidthOption = init.allowFixedColumnWidthOption;
     this.isPresentational = init.isPresentational;
     this.disableTableOverflowShadow = init.disableTableOverflowShadow;
     this.onSetLinkTarget = init.onSetLinkTarget;
@@ -442,7 +443,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         allowTableAlignment: this.allowTableAlignment,
         allowTableResizing: this.allowTableResizing,
         isPresentational: fg('platform_renderer_isPresentational') ? this.isPresentational : false,
-        disableTableOverflowShadow: this.disableTableOverflowShadow
+        disableTableOverflowShadow: this.disableTableOverflowShadow,
+        allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
       });
     }
   }, {

package/dist/esm/react/nodes/table/colgroup.js

@@ -218,6 +218,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   });
 };
 export var Colgroup = function Colgroup(props) {
+  var _ref3;
   var _useRendererContext = useRendererContext(),
     isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
   var columnWidths = props.columnWidths,
@@ -226,6 +227,7 @@ export var Colgroup = function Colgroup(props) {
   if (!columnWidths) {
     return null;
   }
+  var isTableFixedColumnWidthsOptionEnabled = (_ref3 = fg('platform_editor_table_fixed_column_width_prop') ? props.allowFixedColumnWidthOption : flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) !== null && _ref3 !== void 0 ? _ref3 : false;
   var colStyles = renderScaleDownColgroup(_objectSpread(_objectSpread({}, props), {}, {
     isTopLevelRenderer: isTopLevelRenderer,
     isTableScalingEnabled: props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment', true, {
@@ -233,7 +235,7 @@ export var Colgroup = function Colgroup(props) {
     }) || props.rendererAppearance === 'comment' && editorExperiment('support_table_in_comment_jira', true, {
       exposure: true
     }),
-    isTableFixedColumnWidthsOptionEnabled: !!(flags && 'tableWithFixedColumnWidthsOption' in flags && flags.tableWithFixedColumnWidthsOption) && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
+    isTableFixedColumnWidthsOptionEnabled: isTableFixedColumnWidthsOptionEnabled && (props.rendererAppearance === 'full-page' || props.rendererAppearance === 'full-width' || props.rendererAppearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true)))
   }));
   if (!colStyles) {
     return null;

package/dist/esm/react/nodes/table/sticky.js

@@ -94,7 +94,8 @@ export var StickyTable = function StickyTable(_ref) {
     rendererAppearance = _ref.rendererAppearance,
     allowTableResizing = _ref.allowTableResizing,
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
-    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
+    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
+    allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
   var styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if (allowTableResizing) {
@@ -147,7 +148,8 @@ export var StickyTable = function StickyTable(_ref) {
       renderWidth: renderWidth,
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
-      fixTableSSRResizing: fixTableSSRResizing
+      fixTableSSRResizing: fixTableSSRResizing,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     },
     /**
      * @see https://product-fabric.atlassian.net/browse/ED-10235

package/dist/esm/react/nodes/table/table.js

@@ -20,7 +20,9 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     allowTableResizing = _ref.allowTableResizing,
     isPresentational = _ref.isPresentational,
     _ref$fixTableSSRResiz = _ref.fixTableSSRResizing,
-    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz;
+    fixTableSSRResizing = _ref$fixTableSSRResiz === void 0 ? false : _ref$fixTableSSRResiz,
+    _ref$allowFixedColumn = _ref.allowFixedColumnWidthOption,
+    allowFixedColumnWidthOption = _ref$allowFixedColumn === void 0 ? false : _ref$allowFixedColumn;
   var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
   var tableColumnWidths = columnWidths;
   if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
@@ -66,6 +68,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     isInsideOfBlockNode: isInsideOfBlockNode,
     isInsideOfTable: isInsideOfTable,
     isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-    allowTableResizing: allowTableResizing
+    allowTableResizing: allowTableResizing,
+    allowFixedColumnWidthOption: allowFixedColumnWidthOption
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

package/dist/esm/react/nodes/table.js

@@ -410,7 +410,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
         allowTableAlignment = _this$props.allowTableAlignment,
         allowTableResizing = _this$props.allowTableResizing,
-        isPresentational = _this$props.isPresentational;
+        isPresentational = _this$props.isPresentational,
+        allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
       var stickyMode = this.state.stickyMode;
       var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
       var left;
@@ -553,7 +554,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         rowHeight: this.state.headerRowHeight,
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
-        allowTableResizing: allowTableResizing
+        allowTableResizing: allowTableResizing,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
         wrapperRef: this.wrapperRef,
         onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
@@ -571,7 +573,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -589,7 +592,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/esm/react/nodes/tableNew.js

@@ -394,7 +394,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
         allowTableAlignment = _this$props.allowTableAlignment,
         allowTableResizing = _this$props.allowTableResizing,
-        isPresentational = _this$props.isPresentational;
+        isPresentational = _this$props.isPresentational,
+        allowFixedColumnWidthOption = _this$props.allowFixedColumnWidthOption;
       var stickyMode = this.state.stickyMode;
       var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
       var updatedLayout;
@@ -505,7 +506,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
         allowTableResizing: allowTableResizing,
-        fixTableSSRResizing: true
+        fixTableSSRResizing: true,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, [children && children[0]]), /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
@@ -529,7 +531,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         isInsideOfTable: isInsideOfTable,
         isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
         allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational
+        isPresentational: isPresentational,
+        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "".concat(TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat(fg('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),

package/dist/esm/ui/Renderer/index.js

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "126.2.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -260,6 +260,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowTableAlignment: props.UNSTABLE_allowTableAlignment,
       allowTableResizing: props.UNSTABLE_allowTableResizing,
       disableTableOverflowShadow: props.disableTableOverflowShadow,
+      allowFixedColumnWidthOption: props.allowFixedColumnWidthOption,
       shouldDisplayExtensionAsInline: props.shouldDisplayExtensionAsInline
     };
   }, [createRendererContext, providerFactory, _fireAnalyticsEvent]);

package/dist/types/react/index.d.ts

@@ -16,6 +16,7 @@ export interface ReactSerializerInit {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowMediaLinking?: boolean;
     allowPlaceholderText?: boolean;
@@ -108,6 +109,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private textHighlighter?;
     private allowTableAlignment?;
     private allowTableResizing?;
+    private allowFixedColumnWidthOption?;
     private isPresentational?;
     private disableTableOverflowShadow?;
     private standaloneBackgroundColorMarks;

package/dist/types/react/nodes/table/sticky.d.ts

@@ -11,6 +11,7 @@ import type { RendererAppearance } from '../../../ui/Renderer/types';
 export type StickyMode = 'none' | 'stick' | 'pin-bottom';
 export declare const tableStickyPadding = 8;
 type StickyTableProps = {
+    allowFixedColumnWidthOption?: boolean;
     allowTableResizing?: boolean;
     children: React.ReactNode[];
     columnWidths?: number[];
@@ -28,7 +29,7 @@ type StickyTableProps = {
     top?: number;
     wrapperWidth: number;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
 /**
  *
  */

package/dist/types/react/nodes/table/table.d.ts

@@ -6,5 +6,5 @@ type TableProps = SharedTableProps & {
     innerRef?: React.RefObject<HTMLTableElement>;
     isPresentational?: boolean;
 };
-export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, }: TableProps) => React.JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, allowFixedColumnWidthOption, }: TableProps) => React.JSX.Element>;
 export {};

package/dist/types/react/nodes/table/types.d.ts

@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { TableLayout } from '@atlaskit/adf-schema';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
 export type SharedTableProps = {
+    allowFixedColumnWidthOption?: boolean;
     allowTableResizing?: boolean;
     columnWidths?: Array<number>;
     isinsideMultiBodiedExtension?: boolean;

package/dist/types/ui/renderer-props.d.ts

@@ -35,6 +35,7 @@ export interface RendererProps {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;
     allowRendererContainerStyles?: boolean;

package/dist/types-ts4.5/react/index.d.ts

@@ -16,6 +16,7 @@ export interface ReactSerializerInit {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowMediaLinking?: boolean;
     allowPlaceholderText?: boolean;
@@ -108,6 +109,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private textHighlighter?;
     private allowTableAlignment?;
     private allowTableResizing?;
+    private allowFixedColumnWidthOption?;
     private isPresentational?;
     private disableTableOverflowShadow?;
     private standaloneBackgroundColorMarks;

package/dist/types-ts4.5/react/nodes/table/sticky.d.ts

@@ -11,6 +11,7 @@ import type { RendererAppearance } from '../../../ui/Renderer/types';
 export type StickyMode = 'none' | 'stick' | 'pin-bottom';
 export declare const tableStickyPadding = 8;
 type StickyTableProps = {
+    allowFixedColumnWidthOption?: boolean;
     allowTableResizing?: boolean;
     children: React.ReactNode[];
     columnWidths?: number[];
@@ -28,7 +29,7 @@ type StickyTableProps = {
     top?: number;
     wrapperWidth: number;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, fixTableSSRResizing, allowFixedColumnWidthOption, }: StickyTableProps) => jsx.JSX.Element;
 /**
  *
  */

package/dist/types-ts4.5/react/nodes/table/table.d.ts

@@ -6,5 +6,5 @@ type TableProps = SharedTableProps & {
     innerRef?: React.RefObject<HTMLTableElement>;
     isPresentational?: boolean;
 };
-export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, }: TableProps) => React.JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isInsideOfTable, isinsideMultiBodiedExtension, allowTableResizing, isPresentational, fixTableSSRResizing, allowFixedColumnWidthOption, }: TableProps) => React.JSX.Element>;
 export {};

package/dist/types-ts4.5/react/nodes/table/types.d.ts

@@ -2,6 +2,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { TableLayout } from '@atlaskit/adf-schema';
 import type { RendererAppearance } from '../../../ui/Renderer/types';
 export type SharedTableProps = {
+    allowFixedColumnWidthOption?: boolean;
     allowTableResizing?: boolean;
     columnWidths?: Array<number>;
     isinsideMultiBodiedExtension?: boolean;

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -35,6 +35,7 @@ export interface RendererProps {
     allowColumnSorting?: boolean;
     allowCopyToClipboard?: boolean;
     allowCustomPanels?: boolean;
+    allowFixedColumnWidthOption?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;
     allowRendererContainerStyles?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "126.2.0",
+	"version": "126.2.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.34.0",
+		"@atlaskit/tmp-editor-statsig": "^16.35.0",
 		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -245,6 +245,9 @@
 		},
 		"platform_editor_fix_missing_task_id": {
 			"type": "boolean"
+		},
+		"platform_editor_table_fixed_column_width_prop": {
+			"type": "boolean"
 		}
 	}
 }