@atlaskit/renderer 109.50.7 → 109.51.1

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
@@ -47,24 +46,22 @@ export class ErrorBoundary extends React.Component {
     logException(error, {
       location: 'renderer'
     });
-    if (getBooleanFF('platform.editor.renderer-error-boundary-for-dom-errors')) {
-      const pattern = /Failed to execute.*on 'Node'.*/;
-      const matchesPattern = pattern.test(error.message);
-      if (matchesPattern) {
-        this.fireAnalyticsEvent({
-          action: ACTION.CAUGHT_DOM_ERROR,
-          actionSubject: this.props.component,
-          actionSubjectId: this.props.componentId,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            platform: PLATFORM.WEB,
-            errorMessage: `${additionalInfo}${error === null || error === void 0 ? void 0 : error.message}`
-          }
-        });
-        this.setState(() => ({
-          domError: true
-        }));
-      }
+    const pattern = /Failed to execute.*on 'Node'.*/;
+    const matchesPattern = pattern.test(error.message);
+    if (matchesPattern) {
+      this.fireAnalyticsEvent({
+        action: ACTION.CAUGHT_DOM_ERROR,
+        actionSubject: this.props.component,
+        actionSubjectId: this.props.componentId,
+        eventType: EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          platform: PLATFORM.WEB,
+          errorMessage: `${additionalInfo}${error === null || error === void 0 ? void 0 : error.message}`
+        }
+      });
+      this.setState(() => ({
+        domError: true
+      }));
     }
     if (this.hasFallback()) {
       this.setState({
@@ -77,12 +74,10 @@ export class ErrorBoundary extends React.Component {
     }
   }
   render() {
-    if (getBooleanFF('platform.editor.renderer-error-boundary-for-dom-errors')) {
-      if (this.state.domError) {
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: uuid()
-        }, this.props.children);
-      }
+    if (this.state.domError) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: uuid()
+      }, this.props.children);
     }
     if (this.shouldRecover()) {
       return this.props.fallbackComponent;

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

@@ -42,7 +42,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.50.7";
+const packageVersion = "109.51.1";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {
@@ -270,7 +270,8 @@ export class Renderer extends PureComponent {
       isInsideOfInlineExtension: fg('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension,
       textHighlighter: props.UNSTABLE_textHighlighter,
       isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix,
-      allowTableAlignment: props.UNSTABLE_allowTableAlignment
+      allowTableAlignment: props.UNSTABLE_allowTableAlignment,
+      allowTableResizing: props.appearance === 'comment' && !fg('platform_editor_table_support_in_comment') ? false : props.UNSTABLE_allowTableResizing
     };
   }
   render() {
@@ -462,7 +463,8 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
     useBlockRenderForCodeBlock,
     addTelepointer,
     ssr,
-    isInsideOfInlineExtension
+    isInsideOfInlineExtension,
+    allowTableResizing
   } = props;
   const createTelepointer = () => {
     const telepointer = document.createElement('span');
@@ -534,7 +536,8 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
       allowNestedHeaderLinks,
       allowColumnSorting: !!allowColumnSorting,
       useBlockRenderForCodeBlock,
-      allowAnnotations: props.allowAnnotations
+      allowAnnotations: props.allowAnnotations,
+      allowTableResizing: allowTableResizing
     })
   }, children))));
 });

package/dist/esm/react/index.js

@@ -185,6 +185,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.textHighlighter = init.textHighlighter;
     this.isCommentsOnMediaMediaInlineBugFixEnabled = init.isCommentsOnMediaMediaInlineBugFixEnabled;
     this.allowTableAlignment = init.allowTableAlignment;
+    this.allowTableResizing = init.allowTableResizing;
   }
   _createClass(ReactSerializer, [{
     key: "resetState",
@@ -358,7 +359,8 @@ var ReactSerializer = /*#__PURE__*/function () {
         stickyHeaders: stickyHeaders,
         isInsideOfBlockNode: isInsideOfBlockNode,
         isInsideMultiBodiedExtension: isInsideMultiBodiedExtension,
-        allowTableAlignment: this.allowTableAlignment
+        allowTableAlignment: this.allowTableAlignment,
+        allowTableResizing: this.allowTableResizing
       });
     }
   }, {

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

@@ -5,7 +5,6 @@ import React from 'react';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { isTableResizingEnabled } from '../table';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useFeatureFlags } from '../../../use-feature-flags';
 // we allow scaling down column widths by no more than 30%
@@ -56,7 +55,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     isInsideOfBlockNode = props.isInsideOfBlockNode,
     isinsideMultiBodiedExtension = props.isinsideMultiBodiedExtension,
     isTableScalingEnabled = props.isTableScalingEnabled,
-    isTableFixedColumnWidthsOptionEnabled = props.isTableFixedColumnWidthsOptionEnabled;
+    isTableFixedColumnWidthsOptionEnabled = props.isTableFixedColumnWidthsOptionEnabled,
+    allowTableResizing = props.allowTableResizing;
   if (!columnWidths) {
     return [];
   }
@@ -65,8 +65,12 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   var tableResized = isTableResized(columnWidths);
   var noOfColumns = columnWidths.length;
   var targetWidths;
-  var tableContainerWidth = rendererAppearance === 'comment' && isTableResizingEnabled(rendererAppearance) && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) ? renderWidth : getTableContainerWidth(tableNode);
-  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !isinsideMultiBodiedExtension && !tableResized) {
+
+  // appearance == comment && allowTableResizing && !tableNode?.attrs.width, means it is a comment
+  // appearance == comment && !allowTableResizing && !tableNode?.attrs.width, means it is a inline comment
+  // When comment and inline comment table width inherits from the parent container, we want tableContainerWidth === renderWidth
+  var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) ? renderWidth : getTableContainerWidth(tableNode);
+  if (allowTableResizing && !isInsideOfBlockNode && !isinsideMultiBodiedExtension && !tableResized) {
     // for tables with no column widths defined, assume that the real table width
     // is defined by node.attrs.width
     var _tableWidth2 = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;

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

@@ -16,7 +16,6 @@ import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
-import { isTableResizingEnabled } from '../table';
 export var tableStickyPadding = 8;
 var modeSpecficStyles = {
   none: css({
@@ -31,10 +30,10 @@ var modeSpecficStyles = {
 };
 
 // TODO: Quality ticket: https://product-fabric.atlassian.net/browse/DSP-4123
-var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, rendererAppearance) {
+var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, allowTableResizing) {
   var _css;
   var stickyHeaderZIndex;
-  if (isTableResizingEnabled(rendererAppearance)) {
+  if (allowTableResizing) {
     stickyHeaderZIndex = 13;
   } else {
     stickyHeaderZIndex = akEditorStickyHeaderZIndex;
@@ -67,8 +66,8 @@ var FixedTableDiv = function FixedTableDiv(props) {
   var top = props.top,
     wrapperWidth = props.wrapperWidth,
     mode = props.mode,
-    rendererAppearance = props.rendererAppearance;
-  var fixedTableCss = [fixedTableDivStaticStyles(top, wrapperWidth, rendererAppearance), modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode]];
+    allowTableResizing = props.allowTableResizing;
+  var fixedTableCss = [fixedTableDivStaticStyles(top, wrapperWidth, allowTableResizing), modeSpecficStyles === null || modeSpecficStyles === void 0 ? void 0 : modeSpecficStyles[mode]];
   var attrs = {
     mode: mode
   };
@@ -76,7 +75,7 @@ var FixedTableDiv = function FixedTableDiv(props) {
     "data-testid": "sticky-table-fixed"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
+    className: allowTableResizing ? 'fixed-table-div-custom-table-resizing' : ''
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     ,
     css: fixedTableCss
@@ -97,10 +96,11 @@ export var StickyTable = function StickyTable(_ref) {
     renderWidth = _ref.renderWidth,
     rowHeight = _ref.rowHeight,
     tableNode = _ref.tableNode,
-    rendererAppearance = _ref.rendererAppearance;
+    rendererAppearance = _ref.rendererAppearance,
+    allowTableResizing = _ref.allowTableResizing;
   var styles;
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-  if (isTableResizingEnabled(rendererAppearance)) {
+  if (allowTableResizing) {
     styles = css({
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
@@ -124,7 +124,7 @@ export var StickyTable = function StickyTable(_ref) {
       top: mode === 'stick' ? top : undefined,
       mode: rowHeight > 300 ? 'none' : mode,
       wrapperWidth: wrapperWidth,
-      rendererAppearance: rendererAppearance
+      allowTableResizing: allowTableResizing
     }, jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),

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

@@ -2,7 +2,6 @@ import React from 'react';
 import { Colgroup } from './colgroup';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { isTableResizingEnabled } from '../table';
 export var Table = /*#__PURE__*/React.memo(function (_ref) {
   var _tableNode$attrs;
   var innerRef = _ref.innerRef,
@@ -14,11 +13,15 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
     isInsideOfBlockNode = _ref.isInsideOfBlockNode,
-    isinsideMultiBodiedExtension = _ref.isinsideMultiBodiedExtension;
+    isinsideMultiBodiedExtension = _ref.isinsideMultiBodiedExtension,
+    allowTableResizing = _ref.allowTableResizing;
   var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
-  if (rendererAppearance === 'comment' && isTableResizingEnabled(rendererAppearance) && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
+  if (rendererAppearance === 'comment' && allowTableResizing && tableNode && !((_tableNode$attrs = tableNode.attrs) !== null && _tableNode$attrs !== void 0 && _tableNode$attrs.width)) {
     tableWidth = 'inherit';
   }
+  if (rendererAppearance === 'comment' && !allowTableResizing) {
+    tableWidth = renderWidth;
+  }
   var tableLayout = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.layout;
   var tableDisplayMode = tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.displayMode;
   return /*#__PURE__*/React.createElement("table", {
@@ -36,6 +39,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     tableNode: tableNode,
     rendererAppearance: rendererAppearance,
     isInsideOfBlockNode: isInsideOfBlockNode,
-    isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
+    isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
+    allowTableResizing: allowTableResizing
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

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

@@ -26,9 +26,7 @@ import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky'
 import { Table } from './table/table';
 import { isCommentAppearance, isFullPageAppearance, isFullWidthAppearance, isFullWidthOrFullPageAppearance } from '../utils/appearance';
 export var isTableResizingEnabled = function isTableResizingEnabled(appearance) {
-  return isFullWidthOrFullPageAppearance(appearance) ||
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  isCommentAppearance(appearance) && fg('platform_editor_table_support_in_comment');
+  return isFullWidthOrFullPageAppearance(appearance) || isCommentAppearance(appearance) && fg('platform_editor_table_support_in_comment');
 };
 var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
@@ -292,7 +290,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         rendererAppearance = _this$props.rendererAppearance,
         isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
         isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension,
-        allowTableAlignment = _this$props.allowTableAlignment;
+        allowTableAlignment = _this$props.allowTableAlignment,
+        allowTableResizing = _this$props.allowTableResizing;
       var stickyMode = this.state.stickyMode;
       var lineLengthFixedWidth = akEditorDefaultLayoutWidth;
       var left;
@@ -305,7 +304,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       var calcDefaultLayoutWidthByAppearance = function calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode) {
         if (rendererAppearance === 'full-width' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           return isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
-        } else if (rendererAppearance === 'comment' && isTableResizingEnabled(rendererAppearance) && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
+        } else if (rendererAppearance === 'comment' && allowTableResizing && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width)) {
           var tableContainerWidth = getTableContainerWidth(tableNode);
           return isRenderWidthValid ? renderWidth : tableContainerWidth;
         } else {
@@ -315,9 +314,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         }
       };
       var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
-      var isCommentAppearanceAndTableAlignmentEnabled =
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      allowTableAlignment && fg('platform_editor_table_support_in_comment');
+      var isCommentAppearanceAndTableAlignmentEnabled = allowTableAlignment && fg('platform_editor_table_support_in_comment');
 
       // Logic for table alignment in renderer
       var isTableAlignStart = (isFullWidthOrFullPageAppearance(rendererAppearance) || isCommentAppearanceAndTableAlignmentEnabled) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && allowTableAlignment && fg('platform.editor.table.allow-table-alignment'); // allowTableAlignment should be used instead of fg('platform.editor.table.allow-table-alignment') after this fg cleanup
@@ -345,8 +342,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       } else {
         updatedLayout = layout;
       }
-      var finalTableContainerWidth = isTableResizingEnabled(rendererAppearance) ? tableWidth : 'inherit';
-      if (rendererAppearance === 'comment' && isTableResizingEnabled(rendererAppearance)) {
+      var finalTableContainerWidth = allowTableResizing ? tableWidth : 'inherit';
+      if (rendererAppearance === 'comment' && allowTableResizing) {
         finalTableContainerWidth = tableNode !== null && tableNode !== void 0 && tableNode.attrs.width ? tableWidth : 'inherit';
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -373,7 +370,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         columnWidths: columnWidths,
         rowHeight: this.state.headerRowHeight,
         tableNode: tableNode,
-        rendererAppearance: rendererAppearance
+        rendererAppearance: rendererAppearance,
+        allowTableResizing: allowTableResizing
       }, [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,
@@ -388,7 +386,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
         isInsideOfBlockNode: isInsideOfBlockNode,
-        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
+        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
+        allowTableResizing: allowTableResizing
       }, this.grabFirstRowRef(children)))));
     }
   }]);
@@ -468,7 +467,7 @@ var TableWithWidth = function TableWithWidth(props) {
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;
-    if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
+    if (colWidthsSum || props.allowTableResizing) {
       return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
         renderWidth: renderWidth
       }, props));

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

@@ -9,7 +9,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
@@ -70,26 +69,24 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       logException(error, {
         location: 'renderer'
       });
-      if (getBooleanFF('platform.editor.renderer-error-boundary-for-dom-errors')) {
-        var pattern = /Failed to execute.*on 'Node'.*/;
-        var matchesPattern = pattern.test(error.message);
-        if (matchesPattern) {
-          this.fireAnalyticsEvent({
-            action: ACTION.CAUGHT_DOM_ERROR,
-            actionSubject: this.props.component,
-            actionSubjectId: this.props.componentId,
-            eventType: EVENT_TYPE.OPERATIONAL,
-            attributes: {
-              platform: PLATFORM.WEB,
-              errorMessage: "".concat(additionalInfo).concat(error === null || error === void 0 ? void 0 : error.message)
-            }
-          });
-          this.setState(function () {
-            return {
-              domError: true
-            };
-          });
-        }
+      var pattern = /Failed to execute.*on 'Node'.*/;
+      var matchesPattern = pattern.test(error.message);
+      if (matchesPattern) {
+        this.fireAnalyticsEvent({
+          action: ACTION.CAUGHT_DOM_ERROR,
+          actionSubject: this.props.component,
+          actionSubjectId: this.props.componentId,
+          eventType: EVENT_TYPE.OPERATIONAL,
+          attributes: {
+            platform: PLATFORM.WEB,
+            errorMessage: "".concat(additionalInfo).concat(error === null || error === void 0 ? void 0 : error.message)
+          }
+        });
+        this.setState(function () {
+          return {
+            domError: true
+          };
+        });
       }
       if (this.hasFallback()) {
         this.setState({
@@ -104,12 +101,10 @@ export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      if (getBooleanFF('platform.editor.renderer-error-boundary-for-dom-errors')) {
-        if (this.state.domError) {
-          return /*#__PURE__*/React.createElement(React.Fragment, {
-            key: uuid()
-          }, this.props.children);
-        }
+      if (this.state.domError) {
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: uuid()
+        }, this.props.children);
       }
       if (this.shouldRecover()) {
         return this.props.fallbackComponent;

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

@@ -52,7 +52,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.50.7";
+var packageVersion = "109.51.1";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
@@ -282,7 +282,8 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
         isInsideOfInlineExtension: fg('platform.editor.inline_extension.extended_lcqdn') && props.isInsideOfInlineExtension,
         textHighlighter: props.UNSTABLE_textHighlighter,
         isCommentsOnMediaMediaInlineBugFixEnabled: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.commentsOnMediaMediaInlineBugFix,
-        allowTableAlignment: props.UNSTABLE_allowTableAlignment
+        allowTableAlignment: props.UNSTABLE_allowTableAlignment,
+        allowTableResizing: props.appearance === 'comment' && !fg('platform_editor_table_support_in_comment') ? false : props.UNSTABLE_allowTableResizing
       };
     }
   }, {
@@ -480,7 +481,8 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
     useBlockRenderForCodeBlock = props.useBlockRenderForCodeBlock,
     addTelepointer = props.addTelepointer,
     ssr = props.ssr,
-    isInsideOfInlineExtension = props.isInsideOfInlineExtension;
+    isInsideOfInlineExtension = props.isInsideOfInlineExtension,
+    allowTableResizing = props.allowTableResizing;
   var createTelepointer = function createTelepointer() {
     var telepointer = document.createElement('span');
     telepointer.textContent = "\u200B";
@@ -553,7 +555,8 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
       allowNestedHeaderLinks: allowNestedHeaderLinks,
       allowColumnSorting: !!allowColumnSorting,
       useBlockRenderForCodeBlock: useBlockRenderForCodeBlock,
-      allowAnnotations: props.allowAnnotations
+      allowAnnotations: props.allowAnnotations,
+      allowTableResizing: allowTableResizing
     })
   }, children))));
 });

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

@@ -43,6 +43,7 @@ export interface ReactSerializerInit {
     textHighlighter?: TextHighlighter;
     isCommentsOnMediaMediaInlineBugFixEnabled?: boolean;
     allowTableAlignment?: boolean;
+    allowTableResizing?: boolean;
 }
 interface ParentInfo {
     parentIsIncompleteTask: boolean;
@@ -92,6 +93,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private isCommentsOnMediaMediaInlineBugFixEnabled?;
     private textHighlighter?;
     private allowTableAlignment?;
+    private allowTableResizing?;
     constructor(init: ReactSerializerInit);
     private resetState;
     private getNodeProps;

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

@@ -25,8 +25,9 @@ type StickyTableProps = {
     renderWidth: number;
     tableNode?: PMNode;
     rendererAppearance: RendererAppearance;
+    allowTableResizing?: boolean;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, tableNode, rendererAppearance, allowTableResizing, }: StickyTableProps) => jsx.JSX.Element;
 export declare class OverflowParent {
     private ref;
     private constructor();

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

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

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

@@ -10,4 +10,5 @@ export type SharedTableProps = {
     rendererAppearance: RendererAppearance;
     isInsideOfBlockNode?: boolean;
     isinsideMultiBodiedExtension?: boolean;
+    allowTableResizing?: boolean;
 };