@atlaskit/renderer 108.11.15 → 108.11.16

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 108.11.16
+
+### Patch Changes
+
+- [`b821b2d7ac1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b821b2d7ac1) - Fix issue where tables with no column widths would render at their layout value when nested inside another node, render tables with no column widths in this scenario so they scale with the parent node.
+
 ## 108.11.15
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -340,11 +340,13 @@ var ReactSerializer = /*#__PURE__*/function () {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       // 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);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: (0, _utils.calcTableColumnWidths)(node),
         tableNode: node,
-        stickyHeaders: stickyHeaders
+        stickyHeaders: stickyHeaders,
+        isInsideOfBlockNode: isInsideOfBlockNode
       });
     }
   }, {
@@ -360,21 +362,8 @@ var ReactSerializer = /*#__PURE__*/function () {
     value: function getMediaSingleProps(node) {
       var _this5 = this;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var _node$type$schema = node.type.schema,
-        _node$type$schema$nod = _node$type$schema.nodes,
-        expand = _node$type$schema$nod.expand,
-        nestedExpand = _node$type$schema$nod.nestedExpand,
-        layoutColumn = _node$type$schema$nod.layoutColumn,
-        link = _node$type$schema.marks.link;
-      var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
-        return Boolean(node);
-      }) // Check if the node exist first
-      .map(function (node) {
-        return node.name;
-      });
-      var isInsideOfBlockNode = path && path.some(function (n) {
-        return n.type && blockNodeNames.indexOf(n.type.name) > -1;
-      });
+      var link = node.type.schema.marks.link;
+      var isInsideOfBlockNode = (0, _rendererNode.insideBlockNode)(path, node.type.schema);
       var isLinkMark = function isLinkMark(mark) {
         return mark.type === link;
       };
@@ -429,19 +418,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getEmbedCardProps",
     value: function getEmbedCardProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var _node$type$schema$nod2 = node.type.schema.nodes,
-        expand = _node$type$schema$nod2.expand,
-        nestedExpand = _node$type$schema$nod2.nestedExpand,
-        layoutColumn = _node$type$schema$nod2.layoutColumn;
-      var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
-        return Boolean(node);
-      }) // Check if the node exist first
-      .map(function (node) {
-        return node.name;
-      });
-      var isInsideOfBlockNode = path && path.some(function (n) {
-        return n.type && blockNodeNames.indexOf(n.type.name) > -1;
-      });
+      var isInsideOfBlockNode = (0, _rendererNode.insideBlockNode)(path, node.type.schema);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         isInsideOfBlockNode: isInsideOfBlockNode
       });

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

@@ -60,7 +60,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     isNumberColumnEnabled = props.isNumberColumnEnabled,
     renderWidth = props.renderWidth,
     tableNode = props.tableNode,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    isInsideOfBlockNode = props.isInsideOfBlockNode;
   if (!columnWidths) {
     return [];
   }
@@ -73,12 +74,12 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if ((0, _table.isTableResizingEnabled)(rendererAppearance) && !tableResized) {
+  if ((0, _table.isTableResizingEnabled)(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
     if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width-scale-down-undefined-column_nkyvx')) {
       // 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;
-      var defaultColumnWidth = Math.floor(_tableWidth2 / noOfColumns);
+      var _tableWidth2 = (isNumberColumnEnabled ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
+      var defaultColumnWidth = _tableWidth2 / noOfColumns;
       targetWidths = new Array(noOfColumns).fill(defaultColumnWidth);
     } else {
       return new Array(noOfColumns).fill({

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

@@ -15,7 +15,8 @@ var Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     renderWidth = _ref.renderWidth,
     children = _ref.children,
     tableNode = _ref.tableNode,
-    rendererAppearance = _ref.rendererAppearance;
+    rendererAppearance = _ref.rendererAppearance,
+    isInsideOfBlockNode = _ref.isInsideOfBlockNode;
   return /*#__PURE__*/_react.default.createElement("table", {
     "data-testid": "renderer-table",
     "data-number-column": isNumberColumnEnabled,
@@ -26,7 +27,8 @@ var Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,
     tableNode: tableNode,
-    rendererAppearance: rendererAppearance
+    rendererAppearance: rendererAppearance,
+    isInsideOfBlockNode: isInsideOfBlockNode
   }), /*#__PURE__*/_react.default.createElement("tbody", null, children));
 });
 exports.Table = Table;

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

@@ -295,7 +295,8 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
         columnWidths = _this$props.columnWidths,
         stickyHeaders = _this$props.stickyHeaders,
         tableNode = _this$props.tableNode,
-        rendererAppearance = _this$props.rendererAppearance;
+        rendererAppearance = _this$props.rendererAppearance,
+        isInsideOfBlockNode = _this$props.isInsideOfBlockNode;
       var stickyMode = this.state.stickyMode;
       var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var tableWidth;
@@ -385,7 +386,8 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
         isNumberColumnEnabled: isNumberColumnEnabled,
         renderWidth: renderWidth,
         tableNode: tableNode,
-        rendererAppearance: rendererAppearance
+        rendererAppearance: rendererAppearance,
+        isInsideOfBlockNode: isInsideOfBlockNode
       }, 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.hasBreakOutMark = void 0;
+exports.isLayoutNode = exports.insideBreakoutLayout = exports.insideBlockNode = exports.hasBreakOutMark = void 0;
 var isLayoutNode = function isLayoutNode(node) {
   return node.type.name === 'layoutSection';
 };
@@ -19,4 +19,19 @@ var insideBreakoutLayout = function insideBreakoutLayout(path) {
     return isLayoutNode(item) && hasBreakOutMark(item);
   });
 };
-exports.insideBreakoutLayout = insideBreakoutLayout;
+exports.insideBreakoutLayout = insideBreakoutLayout;
+var insideBlockNode = function insideBlockNode(path, schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    nestedExpand = _schema$nodes.nestedExpand,
+    layoutColumn = _schema$nodes.layoutColumn;
+  var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
+    return Boolean(node);
+  }).map(function (node) {
+    return node.name;
+  });
+  return path && path.some(function (n) {
+    return n.type && blockNodeNames.indexOf(n.type.name) > -1;
+  });
+};
+exports.insideBlockNode = insideBlockNode;

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

@@ -55,7 +55,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.11.15";
+var packageVersion = "108.11.16";
 var 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 { insideBreakoutLayout } from './renderer-node';
+import { insideBlockNode, insideBreakoutLayout } from './renderer-node';
 import { isCodeMark } from './marks/code';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce((acc, markOrNode) => {
@@ -300,12 +300,14 @@ export default class ReactSerializer {
   getTableProps(node, path = []) {
     // TODO: https://product-fabric.atlassian.net/browse/CEMS-1048
     const stickyHeaders = !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
+    const isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
     return {
       ...this.getProps(node),
       allowColumnSorting: this.allowColumnSorting,
       columnWidths: calcTableColumnWidths(node),
       tableNode: node,
-      stickyHeaders
+      stickyHeaders,
+      isInsideOfBlockNode
     };
   }
   getDateProps(node, parentInfo) {
@@ -316,18 +318,11 @@ export default class ReactSerializer {
   }
   getMediaSingleProps(node, path = []) {
     const {
-      nodes: {
-        expand,
-        nestedExpand,
-        layoutColumn
-      },
       marks: {
         link
       }
     } = node.type.schema;
-    const blockNodeNames = [expand, nestedExpand, layoutColumn].filter(node => Boolean(node)) // Check if the node exist first
-    .map(node => node.name);
-    const isInsideOfBlockNode = path && path.some(n => n.type && blockNodeNames.indexOf(n.type.name) > -1);
+    const isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
     const isLinkMark = mark => mark.type === link;
     const childHasLink = node.firstChild && node.firstChild.marks.filter(m => isLinkMark(m) || this.allowMediaLinking === true).length;
     return {
@@ -369,16 +364,7 @@ export default class ReactSerializer {
     };
   }
   getEmbedCardProps(node, path = []) {
-    const {
-      nodes: {
-        expand,
-        nestedExpand,
-        layoutColumn
-      }
-    } = node.type.schema;
-    const blockNodeNames = [expand, nestedExpand, layoutColumn].filter(node => Boolean(node)) // Check if the node exist first
-    .map(node => node.name);
-    const isInsideOfBlockNode = path && path.some(n => n.type && blockNodeNames.indexOf(n.type.name) > -1);
+    const isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
     return {
       ...this.getProps(node),
       isInsideOfBlockNode

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

@@ -53,7 +53,8 @@ const renderScaleDownColgroup = props => {
     isNumberColumnEnabled,
     renderWidth,
     tableNode,
-    rendererAppearance
+    rendererAppearance,
+    isInsideOfBlockNode
   } = props;
   if (!columnWidths) {
     return [];
@@ -67,12 +68,12 @@ const renderScaleDownColgroup = props => {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if (isTableResizingEnabled(rendererAppearance) && !tableResized) {
+  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
     if (getBooleanFF('platform.editor.custom-table-width-scale-down-undefined-column_nkyvx')) {
       // 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;
-      const defaultColumnWidth = Math.floor(tableWidth / noOfColumns);
+      const tableWidth = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
+      const defaultColumnWidth = tableWidth / noOfColumns;
       targetWidths = new Array(noOfColumns).fill(defaultColumnWidth);
     } else {
       return new Array(noOfColumns).fill({

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

@@ -8,7 +8,8 @@ export const Table = /*#__PURE__*/React.memo(({
   renderWidth,
   children,
   tableNode,
-  rendererAppearance
+  rendererAppearance,
+  isInsideOfBlockNode
 }) => {
   return /*#__PURE__*/React.createElement("table", {
     "data-testid": "renderer-table",
@@ -20,6 +21,7 @@ export const Table = /*#__PURE__*/React.memo(({
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,
     tableNode: tableNode,
-    rendererAppearance: rendererAppearance
+    rendererAppearance: rendererAppearance,
+    isInsideOfBlockNode: isInsideOfBlockNode
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

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

@@ -238,7 +238,8 @@ export class TableContainer extends React.Component {
       columnWidths,
       stickyHeaders,
       tableNode,
-      rendererAppearance
+      rendererAppearance,
+      isInsideOfBlockNode
     } = this.props;
     const {
       stickyMode
@@ -331,7 +332,8 @@ export class TableContainer extends React.Component {
       isNumberColumnEnabled: isNumberColumnEnabled,
       renderWidth: renderWidth,
       tableNode: tableNode,
-      rendererAppearance: rendererAppearance
+      rendererAppearance: rendererAppearance,
+      isInsideOfBlockNode: isInsideOfBlockNode
     }, this.grabFirstRowRef(children)))));
   }
 }

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

@@ -1,3 +1,14 @@
 export const isLayoutNode = node => node.type.name === 'layoutSection';
 export const hasBreakOutMark = node => node.marks.some(m => m.type.name === 'breakout');
-export const insideBreakoutLayout = path => path.some(item => isLayoutNode(item) && hasBreakOutMark(item));
+export const insideBreakoutLayout = path => path.some(item => isLayoutNode(item) && hasBreakOutMark(item));
+export const insideBlockNode = (path, schema) => {
+  const {
+    nodes: {
+      expand,
+      nestedExpand,
+      layoutColumn
+    }
+  } = 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);
+};

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

@@ -35,7 +35,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.11.15";
+const packageVersion = "108.11.16";
 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 { insideBreakoutLayout } from './renderer-node';
+import { insideBlockNode, insideBreakoutLayout } from './renderer-node';
 import { isCodeMark } from './marks/code';
 function mergeMarks(marksAndNodes) {
   return marksAndNodes.reduce(function (acc, markOrNode) {
@@ -333,11 +333,13 @@ var ReactSerializer = /*#__PURE__*/function () {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       // TODO: https://product-fabric.atlassian.net/browse/CEMS-1048
       var stickyHeaders = !insideBreakoutLayout(path) ? this.stickyHeaders : undefined;
+      var isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: calcTableColumnWidths(node),
         tableNode: node,
-        stickyHeaders: stickyHeaders
+        stickyHeaders: stickyHeaders,
+        isInsideOfBlockNode: isInsideOfBlockNode
       });
     }
   }, {
@@ -353,21 +355,8 @@ var ReactSerializer = /*#__PURE__*/function () {
     value: function getMediaSingleProps(node) {
       var _this5 = this;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var _node$type$schema = node.type.schema,
-        _node$type$schema$nod = _node$type$schema.nodes,
-        expand = _node$type$schema$nod.expand,
-        nestedExpand = _node$type$schema$nod.nestedExpand,
-        layoutColumn = _node$type$schema$nod.layoutColumn,
-        link = _node$type$schema.marks.link;
-      var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
-        return Boolean(node);
-      }) // Check if the node exist first
-      .map(function (node) {
-        return node.name;
-      });
-      var isInsideOfBlockNode = path && path.some(function (n) {
-        return n.type && blockNodeNames.indexOf(n.type.name) > -1;
-      });
+      var link = node.type.schema.marks.link;
+      var isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
       var isLinkMark = function isLinkMark(mark) {
         return mark.type === link;
       };
@@ -422,19 +411,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     key: "getEmbedCardProps",
     value: function getEmbedCardProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var _node$type$schema$nod2 = node.type.schema.nodes,
-        expand = _node$type$schema$nod2.expand,
-        nestedExpand = _node$type$schema$nod2.nestedExpand,
-        layoutColumn = _node$type$schema$nod2.layoutColumn;
-      var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
-        return Boolean(node);
-      }) // Check if the node exist first
-      .map(function (node) {
-        return node.name;
-      });
-      var isInsideOfBlockNode = path && path.some(function (n) {
-        return n.type && blockNodeNames.indexOf(n.type.name) > -1;
-      });
+      var isInsideOfBlockNode = insideBlockNode(path, node.type.schema);
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         isInsideOfBlockNode: isInsideOfBlockNode
       });

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

@@ -53,7 +53,8 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     isNumberColumnEnabled = props.isNumberColumnEnabled,
     renderWidth = props.renderWidth,
     tableNode = props.tableNode,
-    rendererAppearance = props.rendererAppearance;
+    rendererAppearance = props.rendererAppearance,
+    isInsideOfBlockNode = props.isInsideOfBlockNode;
   if (!columnWidths) {
     return [];
   }
@@ -66,12 +67,12 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   } else {
     tableContainerWidth = getTableLayoutWidth(layout);
   }
-  if (isTableResizingEnabled(rendererAppearance) && !tableResized) {
+  if (isTableResizingEnabled(rendererAppearance) && !isInsideOfBlockNode && !tableResized) {
     if (getBooleanFF('platform.editor.custom-table-width-scale-down-undefined-column_nkyvx')) {
       // 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;
-      var defaultColumnWidth = Math.floor(_tableWidth2 / noOfColumns);
+      var _tableWidth2 = (isNumberColumnEnabled ? tableContainerWidth - akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
+      var defaultColumnWidth = _tableWidth2 / noOfColumns;
       targetWidths = new Array(noOfColumns).fill(defaultColumnWidth);
     } else {
       return new Array(noOfColumns).fill({

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

@@ -8,7 +8,8 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     renderWidth = _ref.renderWidth,
     children = _ref.children,
     tableNode = _ref.tableNode,
-    rendererAppearance = _ref.rendererAppearance;
+    rendererAppearance = _ref.rendererAppearance,
+    isInsideOfBlockNode = _ref.isInsideOfBlockNode;
   return /*#__PURE__*/React.createElement("table", {
     "data-testid": "renderer-table",
     "data-number-column": isNumberColumnEnabled,
@@ -19,6 +20,7 @@ export var Table = /*#__PURE__*/React.memo(function (_ref) {
     isNumberColumnEnabled: isNumberColumnEnabled,
     renderWidth: renderWidth,
     tableNode: tableNode,
-    rendererAppearance: rendererAppearance
+    rendererAppearance: rendererAppearance,
+    isInsideOfBlockNode: isInsideOfBlockNode
   }), /*#__PURE__*/React.createElement("tbody", null, children));
 });

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

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

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

@@ -10,4 +10,18 @@ export var insideBreakoutLayout = function insideBreakoutLayout(path) {
   return path.some(function (item) {
     return isLayoutNode(item) && hasBreakOutMark(item);
   });
+};
+export var insideBlockNode = function insideBlockNode(path, schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    nestedExpand = _schema$nodes.nestedExpand,
+    layoutColumn = _schema$nodes.layoutColumn;
+  var blockNodeNames = [expand, nestedExpand, layoutColumn].filter(function (node) {
+    return Boolean(node);
+  }).map(function (node) {
+    return node.name;
+  });
+  return path && path.some(function (n) {
+    return n.type && blockNodeNames.indexOf(n.type.name) > -1;
+  });
 };

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

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

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-import { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
-import { Serializer } from '../';
-import { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
-import { AnalyticsEventPayload } from '../analytics/events';
-import { TextWrapper } from './nodes';
+import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
+import type { Serializer } from '../';
+import type { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../analytics/events';
+import type { TextWrapper } from './nodes';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RendererContext } from './types';
-import { MediaOptions } from '../types/mediaOptions';
-import { SmartLinksOptions } from '../types/smartLinksOptions';
-import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
+import type { RendererContext } from './types';
+import type { MediaOptions } from '../types/mediaOptions';
+import type { SmartLinksOptions } from '../types/smartLinksOptions';
+import type { EmojiResourceConfig } from '@atlaskit/emoji/resource';
 export interface ReactSerializerInit {
     providers?: ProviderFactory;
     eventHandlers?: EventHandlers;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SharedTableProps } from './types';
+import type { SharedTableProps } from './types';
 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, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, }: TableProps) => JSX.Element>;

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

@@ -1,6 +1,6 @@
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { TableLayout } from '@atlaskit/adf-schema';
-import { RendererAppearance } from '../../../ui/Renderer/types';
+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 = {
     columnWidths?: Array<number>;
     layout: TableLayout;
@@ -8,4 +8,5 @@ export type SharedTableProps = {
     renderWidth: number;
     tableNode?: PMNode;
     rendererAppearance: RendererAppearance;
+    isInsideOfBlockNode?: boolean;
 };

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

@@ -1,4 +1,5 @@
-import { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
 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;

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-import { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
-import { Serializer } from '../';
-import { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
-import { AnalyticsEventPayload } from '../analytics/events';
-import { TextWrapper } from './nodes';
+import type { Fragment, Mark, Node } from '@atlaskit/editor-prosemirror/model';
+import type { Serializer } from '../';
+import type { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps, NodeComponentsProps } from '../ui/Renderer/types';
+import type { AnalyticsEventPayload } from '../analytics/events';
+import type { TextWrapper } from './nodes';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { RendererContext } from './types';
-import { MediaOptions } from '../types/mediaOptions';
-import { SmartLinksOptions } from '../types/smartLinksOptions';
-import { EmojiResourceConfig } from '@atlaskit/emoji/resource';
+import type { RendererContext } from './types';
+import type { MediaOptions } from '../types/mediaOptions';
+import type { SmartLinksOptions } from '../types/smartLinksOptions';
+import type { EmojiResourceConfig } from '@atlaskit/emoji/resource';
 export interface ReactSerializerInit {
     providers?: ProviderFactory;
     eventHandlers?: EventHandlers;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SharedTableProps } from './types';
+import type { SharedTableProps } from './types';
 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, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, tableNode, rendererAppearance, isInsideOfBlockNode, }: TableProps) => JSX.Element>;

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

@@ -1,6 +1,6 @@
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { TableLayout } from '@atlaskit/adf-schema';
-import { RendererAppearance } from '../../../ui/Renderer/types';
+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 = {
     columnWidths?: Array<number>;
     layout: TableLayout;
@@ -8,4 +8,5 @@ export type SharedTableProps = {
     renderWidth: number;
     tableNode?: PMNode;
     rendererAppearance: RendererAppearance;
+    isInsideOfBlockNode?: boolean;
 };

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

@@ -1,4 +1,5 @@
-import { Node } from '@atlaskit/editor-prosemirror/model';
+import type { Node, Schema } from '@atlaskit/editor-prosemirror/model';
 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.11.15",
+  "version": "108.11.16",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -30,7 +30,7 @@ import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { jsx } from '@emotion/react';
-import { Mark } from '@atlaskit/editor-prosemirror/model';
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';

package/tmp/api-report-tmp.d.ts

@@ -19,7 +19,7 @@ import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { jsx } from '@emotion/react';
-import { Mark } from '@atlaskit/editor-prosemirror/model';
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { Node as Node_2 } from '@atlaskit/editor-prosemirror/model';