@atlaskit/renderer 109.6.0 → 109.6.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 109.6.2
+
+### Patch Changes
+
+- [#75568](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75568) [`cf557c64b311`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cf557c64b311) - Updated CardErrorBoundary to pass error and datasourceId to LazyLoadedDatasourceRenderFailedAnalyticsWrapper
+- Updated dependencies
+
+## 109.6.1
+
+### Patch Changes
+
+- [#75436](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75436) [`bfcf32bb4fa3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bfcf32bb4fa3) - [ux] ED-21941 Disable resize/layout options for table, media and extension when added to MBE. Table rendering fixed for Confluence editor
+
 ## 109.6.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -343,12 +343,14 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       // TODO: https://product-fabric.atlassian.net/browse/CEMS-1048
       var stickyHeaders = !(0, _rendererNode.insideBreakoutLayout)(path) ? this.stickyHeaders : undefined;
       var isInsideOfBlockNode = (0, _rendererNode.insideBlockNode)(path, node.type.schema);
+      var isinsideMultiBodiedExtension = (0, _rendererNode.insideMultiBodiedExtension)(path, node.type.schema);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: (0, _utils.calcTableColumnWidths)(node),
         tableNode: node,
         stickyHeaders: stickyHeaders,
-        isInsideOfBlockNode: isInsideOfBlockNode
+        isInsideOfBlockNode: isInsideOfBlockNode,
+        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
       });
     }
   }, {

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

@@ -92,7 +92,8 @@ function BlockCard(props) {
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: analyticsData
       }, (0, _react2.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
-        unsupportedComponent: _ui.UnsupportedInline
+        unsupportedComponent: _ui.UnsupportedInline,
+        datasourceId: props.datasource.id
       }, cardProps), (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return (0, _react2.jsx)("div", {

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

@@ -29,7 +29,8 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isError: false
+      isError: false,
+      error: null
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickFallback", function (e) {
       var _this$props = _this.props,
@@ -49,7 +50,8 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
         var _this$props2 = this.props,
           _url = _this$props2.url,
           isDatasource = _this$props2.isDatasource,
-          UnsupportedComponent = _this$props2.unsupportedComponent;
+          UnsupportedComponent = _this$props2.unsupportedComponent,
+          datasourceId = _this$props2.datasourceId;
         if (_url) {
           var fallback = /*#__PURE__*/_react.default.createElement("a", {
             href: _url,
@@ -57,9 +59,15 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
           }, _url);
           if (isDatasource) {
             if ((0, _adfSchema.isSafeUrl)(_url)) {
-              return /*#__PURE__*/_react.default.createElement(_linkDatasource.LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/_react.default.createElement(_.InlineCard, this.props));
+              return /*#__PURE__*/_react.default.createElement(_linkDatasource.LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+                datasourceId: datasourceId,
+                error: this.state.error
+              }, /*#__PURE__*/_react.default.createElement(_.InlineCard, this.props));
             } else {
-              return /*#__PURE__*/_react.default.createElement(_linkDatasource.LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, fallback);
+              return /*#__PURE__*/_react.default.createElement(_linkDatasource.LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+                datasourceId: datasourceId,
+                error: this.state.error
+              }, fallback);
             }
           } else {
             return fallback;
@@ -74,14 +82,16 @@ var CardErrorBoundary = exports.CardErrorBoundary = /*#__PURE__*/function (_Reac
     key: "componentDidCatch",
     value: function componentDidCatch(_error) {
       this.setState({
-        isError: true
+        isError: true,
+        error: _error
       });
     }
   }], [{
     key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError() {
+    value: function getDerivedStateFromError(error) {
       return {
-        isError: true
+        isError: true,
+        error: error
       };
     }
   }]);

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

@@ -59,7 +59,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     renderWidth = props.renderWidth,
     tableNode = props.tableNode,
     rendererAppearance = props.rendererAppearance,
-    isInsideOfBlockNode = props.isInsideOfBlockNode;
+    isInsideOfBlockNode = props.isInsideOfBlockNode,
+    isinsideMultiBodiedExtension = props.isinsideMultiBodiedExtension;
   if (!columnWidths) {
     return [];
   }
@@ -72,7 +73,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if ((0, _table.isTableResizingEnabled)(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
+  if ((0, _table.isTableResizingEnabled)(rendererAppearance) && !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 - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;

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

@@ -18,7 +18,8 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     children = _ref.children,
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
-    isInsideOfBlockNode = _ref.isInsideOfBlockNode;
+    isInsideOfBlockNode = _ref.isInsideOfBlockNode,
+    isinsideMultiBodiedExtension = _ref.isinsideMultiBodiedExtension;
   var tableWidth = tableNode ? (0, _nodeWidth.getTableContainerWidth)(tableNode) : _editorSharedStyles.akEditorDefaultLayoutWidth;
   return /*#__PURE__*/_react.default.createElement("table", {
     "data-testid": "renderer-table",
@@ -32,6 +33,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     renderWidth: renderWidth,
     tableNode: tableNode,
     rendererAppearance: rendererAppearance,
-    isInsideOfBlockNode: isInsideOfBlockNode
+    isInsideOfBlockNode: isInsideOfBlockNode,
+    isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
   }), /*#__PURE__*/_react.default.createElement("tbody", null, children));
 });

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

@@ -295,7 +295,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         stickyHeaders = _this$props.stickyHeaders,
         tableNode = _this$props.tableNode,
         rendererAppearance = _this$props.rendererAppearance,
-        isInsideOfBlockNode = _this$props.isInsideOfBlockNode;
+        isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
+        isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension;
       var stickyMode = this.state.stickyMode;
       var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var tableWidth;
@@ -386,7 +387,8 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         renderWidth: renderWidth,
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
-        isInsideOfBlockNode: isInsideOfBlockNode
+        isInsideOfBlockNode: isInsideOfBlockNode,
+        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
       }, this.grabFirstRowRef(children)))));
     }
   }]);

package/dist/cjs/react/renderer-node.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isLayoutNode = exports.insideBreakoutLayout = exports.insideBlockNode = exports.hasBreakOutMark = void 0;
+exports.isLayoutNode = exports.insideMultiBodiedExtension = exports.insideBreakoutLayout = exports.insideBlockNode = exports.hasBreakOutMark = void 0;
 var isLayoutNode = exports.isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
@@ -30,4 +30,10 @@ var insideBlockNode = exports.insideBlockNode = function insideBlockNode(path, s
   return path && path.some(function (n) {
     return n.type && blockNodeNames.indexOf(n.type.name) > -1;
   });
+};
+var insideMultiBodiedExtension = exports.insideMultiBodiedExtension = function insideMultiBodiedExtension(path, schema) {
+  var multiBodiedExtension = schema.nodes.multiBodiedExtension;
+  return path.some(function (n) {
+    return n.type === multiBodiedExtension;
+  });
 };

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

@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.6.0";
+var packageVersion = "109.6.2";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/index.js

@@ -10,7 +10,7 @@ import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { getText } from '../utils';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { insideBlockNode, insideBreakoutLayout } from './renderer-node';
+import { insideBlockNode, insideBreakoutLayout, insideMultiBodiedExtension } from './renderer-node';
 import { isCodeMark } from './marks/code';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce((acc, markOrNode) => {
@@ -303,13 +303,15 @@ export default class ReactSerializer {
     // TODO: https://product-fabric.atlassian.net/browse/CEMS-1048
     const stickyHeaders = !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
     const isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
+    const isinsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
     return {
       ...this.getProps(node),
       allowColumnSorting: this.allowColumnSorting,
       columnWidths: calcTableColumnWidths(node),
       tableNode: node,
       stickyHeaders,
-      isInsideOfBlockNode
+      isInsideOfBlockNode,
+      isinsideMultiBodiedExtension
     };
   }
   getDateProps(node, parentInfo) {

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

@@ -83,7 +83,8 @@ export default function BlockCard(props) {
       return jsx(AnalyticsContext, {
         data: analyticsData
       }, jsx(CardErrorBoundary, _extends({
-        unsupportedComponent: UnsupportedInline
+        unsupportedComponent: UnsupportedInline,
+        datasourceId: props.datasource.id
       }, cardProps), jsx(WidthConsumer, null, ({
         width
       }) => jsx("div", {

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

@@ -7,7 +7,8 @@ export class CardErrorBoundary extends React.PureComponent {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
-      isError: false
+      isError: false,
+      error: null
     });
     _defineProperty(this, "onClickFallback", e => {
       const {
@@ -20,9 +21,10 @@ export class CardErrorBoundary extends React.PureComponent {
       }
     });
   }
-  static getDerivedStateFromError() {
+  static getDerivedStateFromError(error) {
     return {
-      isError: true
+      isError: true,
+      error
     };
   }
   render() {
@@ -30,7 +32,8 @@ export class CardErrorBoundary extends React.PureComponent {
       const {
         url,
         isDatasource,
-        unsupportedComponent: UnsupportedComponent
+        unsupportedComponent: UnsupportedComponent,
+        datasourceId
       } = this.props;
       if (url) {
         const fallback = /*#__PURE__*/React.createElement("a", {
@@ -39,9 +42,15 @@ export class CardErrorBoundary extends React.PureComponent {
         }, url);
         if (isDatasource) {
           if (isSafeUrl(url)) {
-            return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(InlineCard, this.props));
+            return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+              datasourceId: datasourceId,
+              error: this.state.error
+            }, /*#__PURE__*/React.createElement(InlineCard, this.props));
           } else {
-            return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, fallback);
+            return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+              datasourceId: datasourceId,
+              error: this.state.error
+            }, fallback);
           }
         } else {
           return fallback;
@@ -54,7 +63,8 @@ export class CardErrorBoundary extends React.PureComponent {
   }
   componentDidCatch(_error) {
     this.setState({
-      isError: true
+      isError: true,
+      error: _error
     });
   }
 }

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

@@ -53,7 +53,8 @@ const renderScaleDownColgroup = props => {
     renderWidth,
     tableNode,
     rendererAppearance,
-    isInsideOfBlockNode
+    isInsideOfBlockNode,
+    isinsideMultiBodiedExtension
   } = props;
   if (!columnWidths) {
     return [];
@@ -67,7 +68,7 @@ const renderScaleDownColgroup = props => {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
+  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !isinsideMultiBodiedExtension && !tableResized) {
     // for tables with no column widths defined, assume that the real table width
     // is defined by node.attrs.width
     const tableWidth = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;

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

@@ -11,7 +11,8 @@ export const Table = /*#__PURE__*/React.memo(({
   children,
   tableNode,
   rendererAppearance,
-  isInsideOfBlockNode
+  isInsideOfBlockNode,
+  isinsideMultiBodiedExtension
 }) => {
   const tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
   return /*#__PURE__*/React.createElement("table", {
@@ -26,6 +27,7 @@ export const Table = /*#__PURE__*/React.memo(({
     renderWidth: renderWidth,
     tableNode: tableNode,
     rendererAppearance: rendererAppearance,
-    isInsideOfBlockNode: isInsideOfBlockNode
+    isInsideOfBlockNode: isInsideOfBlockNode,
+    isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

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

@@ -239,7 +239,8 @@ export class TableContainer extends React.Component {
       stickyHeaders,
       tableNode,
       rendererAppearance,
-      isInsideOfBlockNode
+      isInsideOfBlockNode,
+      isinsideMultiBodiedExtension
     } = this.props;
     const {
       stickyMode
@@ -333,7 +334,8 @@ export class TableContainer extends React.Component {
       renderWidth: renderWidth,
       tableNode: tableNode,
       rendererAppearance: rendererAppearance,
-      isInsideOfBlockNode: isInsideOfBlockNode
+      isInsideOfBlockNode: isInsideOfBlockNode,
+      isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
     }, this.grabFirstRowRef(children)))));
   }
 }

package/dist/es2019/react/renderer-node.js

@@ -11,4 +11,12 @@ export const insideBlockNode = (path, schema) => {
   } = schema;
   const blockNodeNames = [expand, nestedExpand, layoutColumn].filter(node => Boolean(node)).map(node => node.name);
   return path && path.some(n => n.type && blockNodeNames.indexOf(n.type.name) > -1);
+};
+export const insideMultiBodiedExtension = (path, schema) => {
+  const {
+    nodes: {
+      multiBodiedExtension
+    }
+  } = schema;
+  return path.some(n => n.type === multiBodiedExtension);
 };

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

@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.6.0";
+const packageVersion = "109.6.2";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/index.js

@@ -17,7 +17,7 @@ import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
 import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { getText } from '../utils';
 import { findChildrenByType } from '@atlaskit/editor-prosemirror/utils';
-import { insideBlockNode, insideBreakoutLayout } from './renderer-node';
+import { insideBlockNode, insideBreakoutLayout, insideMultiBodiedExtension } from './renderer-node';
 import { isCodeMark } from './marks/code';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
@@ -336,12 +336,14 @@ var ReactSerializer = /*#__PURE__*/function () {
       // TODO: https://product-fabric.atlassian.net/browse/CEMS-1048
       var stickyHeaders = !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
       var isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
+      var isinsideMultiBodiedExtension = insideMultiBodiedExtension(path, node.type.schema);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: calcTableColumnWidths(node),
         tableNode: node,
         stickyHeaders: stickyHeaders,
-        isInsideOfBlockNode: isInsideOfBlockNode
+        isInsideOfBlockNode: isInsideOfBlockNode,
+        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
       });
     }
   }, {

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

@@ -85,7 +85,8 @@ export default function BlockCard(props) {
       return jsx(AnalyticsContext, {
         data: analyticsData
       }, jsx(CardErrorBoundary, _extends({
-        unsupportedComponent: UnsupportedInline
+        unsupportedComponent: UnsupportedInline,
+        datasourceId: props.datasource.id
       }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         return jsx("div", {

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

@@ -22,7 +22,8 @@ export var CardErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isError: false
+      isError: false,
+      error: null
     });
     _defineProperty(_assertThisInitialized(_this), "onClickFallback", function (e) {
       var _this$props = _this.props,
@@ -42,7 +43,8 @@ export var CardErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
         var _this$props2 = this.props,
           _url = _this$props2.url,
           isDatasource = _this$props2.isDatasource,
-          UnsupportedComponent = _this$props2.unsupportedComponent;
+          UnsupportedComponent = _this$props2.unsupportedComponent,
+          datasourceId = _this$props2.datasourceId;
         if (_url) {
           var fallback = /*#__PURE__*/React.createElement("a", {
             href: _url,
@@ -50,9 +52,15 @@ export var CardErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
           }, _url);
           if (isDatasource) {
             if (isSafeUrl(_url)) {
-              return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, /*#__PURE__*/React.createElement(InlineCard, this.props));
+              return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+                datasourceId: datasourceId,
+                error: this.state.error
+              }, /*#__PURE__*/React.createElement(InlineCard, this.props));
             } else {
-              return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, null, fallback);
+              return /*#__PURE__*/React.createElement(LazyLoadedDatasourceRenderFailedAnalyticsWrapper, {
+                datasourceId: datasourceId,
+                error: this.state.error
+              }, fallback);
             }
           } else {
             return fallback;
@@ -67,14 +75,16 @@ export var CardErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
     key: "componentDidCatch",
     value: function componentDidCatch(_error) {
       this.setState({
-        isError: true
+        isError: true,
+        error: _error
       });
     }
   }], [{
     key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError() {
+    value: function getDerivedStateFromError(error) {
       return {
-        isError: true
+        isError: true,
+        error: error
       };
     }
   }]);

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

@@ -53,7 +53,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     renderWidth = props.renderWidth,
     tableNode = props.tableNode,
     rendererAppearance = props.rendererAppearance,
-    isInsideOfBlockNode = props.isInsideOfBlockNode;
+    isInsideOfBlockNode = props.isInsideOfBlockNode,
+    isinsideMultiBodiedExtension = props.isinsideMultiBodiedExtension;
   if (!columnWidths) {
     return [];
   }
@@ -66,7 +67,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
+  if (isTableResizingEnabled(rendererAppearance) && !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/table.js

@@ -11,7 +11,8 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     children = _ref.children,
     tableNode = _ref.tableNode,
     rendererAppearance = _ref.rendererAppearance,
-    isInsideOfBlockNode = _ref.isInsideOfBlockNode;
+    isInsideOfBlockNode = _ref.isInsideOfBlockNode,
+    isinsideMultiBodiedExtension = _ref.isinsideMultiBodiedExtension;
   var tableWidth = tableNode ? getTableContainerWidth(tableNode) : akEditorDefaultLayoutWidth;
   return /*#__PURE__*/React.createElement("table", {
     "data-testid": "renderer-table",
@@ -25,6 +26,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     renderWidth: renderWidth,
     tableNode: tableNode,
     rendererAppearance: rendererAppearance,
-    isInsideOfBlockNode: isInsideOfBlockNode
+    isInsideOfBlockNode: isInsideOfBlockNode,
+    isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

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

@@ -288,7 +288,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         stickyHeaders = _this$props.stickyHeaders,
         tableNode = _this$props.tableNode,
         rendererAppearance = _this$props.rendererAppearance,
-        isInsideOfBlockNode = _this$props.isInsideOfBlockNode;
+        isInsideOfBlockNode = _this$props.isInsideOfBlockNode,
+        isinsideMultiBodiedExtension = _this$props.isinsideMultiBodiedExtension;
       var stickyMode = this.state.stickyMode;
       var lineLength = akEditorDefaultLayoutWidth;
       var tableWidth;
@@ -379,7 +380,8 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         renderWidth: renderWidth,
         tableNode: tableNode,
         rendererAppearance: rendererAppearance,
-        isInsideOfBlockNode: isInsideOfBlockNode
+        isInsideOfBlockNode: isInsideOfBlockNode,
+        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension
       }, this.grabFirstRowRef(children)))));
     }
   }]);

package/dist/esm/react/renderer-node.js

@@ -24,4 +24,10 @@ export var insideBlockNode = function insideBlockNode(path, schema) {
   return path && path.some(function (n) {
     return n.type && blockNodeNames.indexOf(n.type.name) > -1;
   });
+};
+export var insideMultiBodiedExtension = function insideMultiBodiedExtension(path, schema) {
+  var multiBodiedExtension = schema.nodes.multiBodiedExtension;
+  return path.some(function (n) {
+    return n.type === multiBodiedExtension;
+  });
 };

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

@@ -45,7 +45,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.6.0";
+var packageVersion = "109.6.2";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

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

@@ -7,13 +7,16 @@ export declare class CardErrorBoundary extends React.PureComponent<{
     onClick?: (e: React.MouseEvent<HTMLElement>, url?: string) => void;
     isDatasource?: boolean;
     children?: React.ReactNode;
+    datasourceId?: string;
 } & CardErrorBoundaryProps> {
     state: {
         isError: boolean;
+        error: null;
     };
     onClickFallback: (e: React.MouseEvent<HTMLElement>) => void;
-    static getDerivedStateFromError(): {
+    static getDerivedStateFromError(error: Error): {
         isError: boolean;
+        error: Error;
     };
     render(): React.ReactNode;
     componentDidCatch(_error: Error): void;

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

@@ -4,4 +4,4 @@ export 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, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isinsideMultiBodiedExtension, }: TableProps) => JSX.Element>;

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

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

package/dist/types/react/renderer-node.d.ts

@@ -3,3 +3,4 @@ export declare const isLayoutNode: (node: Node) => boolean;
 export declare const hasBreakOutMark: (node: Node) => boolean;
 export declare const insideBreakoutLayout: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
+export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;

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

@@ -7,13 +7,16 @@ export declare class CardErrorBoundary extends React.PureComponent<{
     onClick?: (e: React.MouseEvent<HTMLElement>, url?: string) => void;
     isDatasource?: boolean;
     children?: React.ReactNode;
+    datasourceId?: string;
 } & CardErrorBoundaryProps> {
     state: {
         isError: boolean;
+        error: null;
     };
     onClickFallback: (e: React.MouseEvent<HTMLElement>) => void;
-    static getDerivedStateFromError(): {
+    static getDerivedStateFromError(error: Error): {
         isError: boolean;
+        error: Error;
     };
     render(): React.ReactNode;
     componentDidCatch(_error: Error): void;

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

@@ -4,4 +4,4 @@ export 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, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, isinsideMultiBodiedExtension, }: TableProps) => JSX.Element>;

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

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

package/dist/types-ts4.5/react/renderer-node.d.ts

@@ -3,3 +3,4 @@ export declare const isLayoutNode: (node: Node) => boolean;
 export declare const hasBreakOutMark: (node: Node) => boolean;
 export declare const insideBreakoutLayout: (path: Node[]) => boolean;
 export declare const insideBlockNode: (path: Node[], schema: Schema) => boolean;
+export declare const insideMultiBodiedExtension: (path: Node[], schema: Schema) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.6.0",
+  "version": "109.6.2",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,23 +29,23 @@
     "@atlaskit/analytics-listeners": "^8.9.0",
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/button": "^17.4.0",
+    "@atlaskit/button": "^17.6.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/editor-common": "^78.6.0",
+    "@atlaskit/editor-common": "^78.9.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-shared-styles": "^2.9.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/link-datasource": "^1.22.0",
+    "@atlaskit/link-datasource": "^1.23.0",
     "@atlaskit/media-card": "^77.10.0",
     "@atlaskit/media-client": "^26.2.0",
     "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
-    "@atlaskit/media-ui": "^25.1.0",
-    "@atlaskit/media-viewer": "^48.2.0",
+    "@atlaskit/media-ui": "^25.3.0",
+    "@atlaskit/media-viewer": "^48.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/smart-card": "^26.48.0",
     "@atlaskit/status": "^1.4.0",
@@ -74,6 +74,7 @@
     "@atlaskit/css-reset": "^6.6.0",
     "@atlaskit/link-provider": "^1.7.0",
     "@atlaskit/link-test-helpers": "^6.2.0",
+    "@atlaskit/linking-common": "^5.3.0",
     "@atlaskit/media-core": "^34.2.0",
     "@atlaskit/media-integration-test-helpers": "^3.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",