@atlaskit/renderer 112.8.11 → 112.9.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 112.9.1
+
+### Patch Changes
+
+- [#98097](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98097)
+  [`087604ddd0822`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/087604ddd0822) -
+  Update the SSR inline script to be included on client on hydrateRoot for confluence but don't
+  execute the the script on client
+
+## 112.9.0
+
+### Minor Changes
+
+- [#104091](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104091)
+  [`633ced5621b07`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/633ced5621b07) -
+  [ux] Calling callback even for pages without comments in order to clear comment data
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 112.8.11
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -38,8 +38,6 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
   }
 
   //#region private
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   return (0, _createClass2.default)(RendererActions, [{
     key: "_privateRegisterRenderer",
     value: function _privateRegisterRenderer(ref, doc, schema, onAnalyticsEvent) {

package/dist/cjs/actions/matches-utils.js

@@ -8,8 +8,6 @@ exports.getIndexMatch = getIndexMatch;
 // getIndexMatch finds the position of a given string within a given document, in accordance to the Confluence Annotation backend
 // The document is serialised into one large string, excluding any nodes that can not have annotations (eg: emojis, media).
 // Finds where the given query string is relative to the serialised partial document
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function getIndexMatch(doc, schema, selectedText, startIndex) {
   var textContent = '';
   var matchIndex = 0;

package/dist/cjs/react/index.js

@@ -257,9 +257,6 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
           return this.getProps(node, path);
       }
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "serializeFragment",
     value: function serializeFragment(fragment) {
@@ -347,9 +344,6 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var segments = (0, _segmentText.segmentText)(mark.text, this.textHighlighter);
       return (0, _renderTextSegments.renderTextSegments)(segments, this.textHighlighter, mark.marks, startPos);
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "renderNode",
     value: function renderNode(
@@ -371,9 +365,6 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         }, props), content)
       );
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "renderMark",
     value: function renderMark(

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

@@ -13,10 +13,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _consts = require("../../consts");
 var renderExtension = exports.renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var removeOverflow
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 3 ? arguments[3] : undefined;
+  var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
   var overflowContainerClass = !removeOverflow ? _consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
   // by default, we assume the extension is at top level, (direct child of doc node)

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

@@ -28,10 +28,7 @@ var isTableColumnResized = function isTableColumnResized(columnWidths) {
   });
   return !!filteredWidths.length;
 };
-var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) {
   if (columnWidth === 0) {
     return columnWidth;
   }

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

@@ -44,10 +44,7 @@ var isStickyScrollbarEnabled = exports.isStickyScrollbarEnabled = function isSti
     exposure: true
   });
 };
-var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === _types.SortOrder.NO_ORDER) {
     return children;
   }
@@ -91,10 +88,7 @@ var hasRowspan = function hasRowspan(row) {
 var getRefTop = function getRefTop(refElement) {
   return Math.round(refElement.getBoundingClientRect().top);
 };
-var shouldHeaderStick = function shouldHeaderStick(scrollTop, tableTop, tableBottom, rowHeight
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var shouldHeaderStick = function shouldHeaderStick(scrollTop, tableTop, tableBottom, rowHeight) {
   return tableTop <= scrollTop && !(tableBottom - rowHeight <= scrollTop);
 };
 var shouldHeaderPinBottom = function shouldHeaderPinBottom(scrollTop, tableBottom, rowHeight) {

package/dist/cjs/react/utils/render-text-segments.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderTextSegments = renderTextSegments;
 var _react = _interopRequireDefault(require("react"));
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function renderTextSegments(segments, textHighlighter, marksList, startPos) {
   var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
   var marks = new Set(marksList.map(function (m) {

package/dist/cjs/render-document.js

@@ -30,10 +30,7 @@ var withStopwatch = function withStopwatch(cb) {
     time: time
   };
 };
-var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation) {
   var result;
   if (useSpecBasedValidator) {
     // link mark on mediaSingle is deprecated, need to move link mark to child media node
@@ -187,10 +184,7 @@ var renderDocument = exports.renderDocument = function renderDocument(doc, seria
   var unsupportedContentLevelsTracking = arguments.length > 7 ? arguments[7] : undefined;
   var appearance = arguments.length > 8 ? arguments[8] : undefined;
   var includeNodesCountInStats = arguments.length > 9 ? arguments[9] : undefined;
-  var skipValidation
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 10 ? arguments[10] : undefined;
+  var skipValidation = arguments.length > 10 ? arguments[10] : undefined;
   var stat = {
     sanitizeTime: 0
   };

package/dist/cjs/ui/Renderer/breakout-ssr.js

@@ -17,13 +17,21 @@ var _style = require("./style");
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-function BreakoutSSRInlineScript() {
+function BreakoutSSRInlineScript(_ref) {
+  var noOpSSRInlineScript = _ref.noOpSSRInlineScript;
   /**
    * Should only inline this script while SSR,
    * not needed on the client side.
    */
+  // For hydrateRoot there is a mismatch on client for this script.
+  // So we want to add the script on client side but guard it with check to
+  // not execute logic
   if (typeof window !== 'undefined' && !window.navigator.userAgent.includes('jsdom')) {
-    return null;
+    if (!noOpSSRInlineScript) {
+      return null;
+    } else {
+      window.__RENDERER_BYPASS_BREAKOUT_SSR__ = true;
+    }
   }
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
   var context = createBreakoutInlineScript(id);
@@ -34,11 +42,12 @@ function BreakoutSSRInlineScript() {
     ,
     dangerouslySetInnerHTML: {
       __html: context
-    }
+    },
+    "data-testid": "breakout-ssr-inline-script"
   });
 }
 function createBreakoutInlineScript(id) {
-  return "\n  (function(window){\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean((0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing')), ");\n  })(window);\n");
+  return "\n\t (function(window){\n\t\tif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) {\n\t\t\treturn;\n\t\t}\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean((0, _platformFeatureFlags.fg)('platform-fix-table-ssr-resizing')), ");\n  })(window);\n");
 }
 var breakoutInlineScriptContext = exports.breakoutInlineScriptContext = "\n  var breakoutConsts = ".concat(JSON.stringify(_utils.breakoutConsts), ";\n  breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(_utils.breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n  breakoutConsts.getBreakpoint = ").concat(_utils.breakoutConsts.getBreakpoint.toString(), ";\n  breakoutConsts.calcBreakoutWidth = ").concat(_utils.breakoutConsts.calcBreakoutWidth.toString(), ";\n  breakoutConsts.calcBreakoutWithCustomWidth = ").concat(_utils.breakoutConsts.calcBreakoutWithCustomWidth.toString(), ";\n  breakoutConsts.calcLineLength = ").concat(_utils.breakoutConsts.calcLineLength.toString(), ";\n  breakoutConsts.calcWideWidth = ").concat(_utils.breakoutConsts.calcWideWidth.toString(), ";\n  breakoutConsts.FullPagePadding = ").concat(_style.FullPagePadding.toString(), ";\n");
 

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

@@ -64,7 +64,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.8.11";
+var packageVersion = "112.9.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -322,6 +322,7 @@ var __RendererClassComponent = exports.__RendererClassComponent = /*#__PURE__*/f
         maxHeight = _this$props.maxHeight,
         fadeOutHeight = _this$props.fadeOutHeight,
         enableSsrInlineScripts = _this$props.enableSsrInlineScripts,
+        noOpSSRInlineScript = _this$props.noOpSSRInlineScript,
         allowHeadingAnchorLinks = _this$props.allowHeadingAnchorLinks,
         allowPlaceholderText = _this$props.allowPlaceholderText,
         allowColumnSorting = _this$props.allowColumnSorting,
@@ -421,7 +422,9 @@ var __RendererClassComponent = exports.__RendererClassComponent = /*#__PURE__*/f
           ssr: media === null || media === void 0 ? void 0 : media.ssr,
           isInsideOfInlineExtension: this.props.isInsideOfInlineExtension,
           isTopLevelRenderer: rendererContext.isTopLevelRenderer
-        }, enableSsrInlineScripts ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, null) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
+        }, enableSsrInlineScripts || noOpSSRInlineScript ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, {
+          noOpSSRInlineScript: Boolean(noOpSSRInlineScript)
+        }) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
           doc: pmDoc,
           schema: schema,
           onAnalyticsEvent: this.fireAnalyticsEvent
@@ -792,7 +795,9 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
       isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
-    }, props.enableSsrInlineScripts ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, null) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
+    }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, {
+      noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
+    }) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {
       doc: pmDoc,
       schema: schema,
       onAnalyticsEvent: _fireAnalyticsEvent

package/dist/cjs/ui/annotations/hooks/use-load-annotations.js

@@ -8,6 +8,7 @@ exports.useLoadAnnotations = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _types = require("@atlaskit/editor-common/types");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _context = require("../context");
 var _RendererActionsContext = require("../../RendererActionsContext");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -28,6 +29,10 @@ var useLoadAnnotations = exports.useLoadAnnotations = function useLoadAnnotation
     var annotations = actions.getAnnotationMarks();
     // we don't want to request integrators for state with an empty list of ids.
     if (!annotations.length) {
+      if ((0, _platformFeatureFlags.fg)('use_comments_data_annotation_updater')) {
+        // inlineCommentGetState handles empty lists gracefully. It has a side-effect of clearing state, which is why this call is needed
+        inlineCommentGetState([], isNestedRender);
+      }
       onLoadComplete && onLoadComplete({
         numberOfUnresolvedInlineComments: 0
       });

package/dist/es2019/actions/index.js

@@ -24,8 +24,6 @@ export default class RendererActions {
   }
 
   //#region private
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   _privateRegisterRenderer(ref, doc, schema, onAnalyticsEvent) {
     if (!this.initFromContext) {
       return;

package/dist/es2019/actions/matches-utils.js

@@ -1,8 +1,6 @@
 // getIndexMatch finds the position of a given string within a given document, in accordance to the Confluence Annotation backend
 // The document is serialised into one large string, excluding any nodes that can not have annotations (eg: emojis, media).
 // Finds where the given query string is relative to the serialised partial document
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function getIndexMatch(doc, schema, selectedText, startIndex) {
   let textContent = '';
   let matchIndex = 0;

package/dist/es2019/react/index.js

@@ -239,9 +239,6 @@ export default class ReactSerializer {
         return this.getProps(node, path);
     }
   }
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   serializeFragment(fragment,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -322,9 +319,6 @@ export default class ReactSerializer {
     const segments = segmentText(mark.text, this.textHighlighter);
     return renderTextSegments(segments, this.textHighlighter, mark.marks, startPos);
   }
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   renderNode(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -344,9 +338,6 @@ export default class ReactSerializer {
       }, props), content)
     );
   }
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   renderMark(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -4,10 +4,7 @@ import ExtensionRenderer from '../../ui/ExtensionRenderer';
 import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
-export const renderExtension = (content, layout, options = {}, removeOverflow
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const renderExtension = (content, layout, options = {}, removeOverflow) => {
   const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
   // by default, we assume the extension is at top level, (direct child of doc node)

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

@@ -17,10 +17,7 @@ const isTableColumnResized = columnWidths => {
   const filteredWidths = columnWidths.filter(width => width !== 0);
   return !!filteredWidths.length;
 };
-const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) => {
   if (columnWidth === 0) {
     return columnWidth;
   }

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

@@ -22,10 +22,7 @@ export const isTableResizingEnabled = appearance => isFullWidthOrFullPageAppeara
 export const isStickyScrollbarEnabled = appearance => isFullWidthOrFullPageAppearance(appearance) && editorExperiment('platform_renderer_table_sticky_scrollbar', true, {
   exposure: true
 });
-const orderChildren = (children, tableNode, smartCardStorage, tableOrderStatus
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const orderChildren = (children, tableNode, smartCardStorage, tableOrderStatus) => {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
     return children;
   }
@@ -64,10 +61,7 @@ const hasRowspan = row => {
 const getRefTop = refElement => {
   return Math.round(refElement.getBoundingClientRect().top);
 };
-const shouldHeaderStick = (scrollTop, tableTop, tableBottom, rowHeight
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => tableTop <= scrollTop && !(tableBottom - rowHeight <= scrollTop);
+const shouldHeaderStick = (scrollTop, tableTop, tableBottom, rowHeight) => tableTop <= scrollTop && !(tableBottom - rowHeight <= scrollTop);
 const shouldHeaderPinBottom = (scrollTop, tableBottom, rowHeight) => tableBottom - rowHeight <= scrollTop && !(tableBottom < scrollTop);
 const addSortableColumn = (rows, tableOrderStatus, onSorting) => {
   return React.Children.map(rows, (row, index) => {

package/dist/es2019/react/utils/render-text-segments.js

@@ -1,6 +1,4 @@
 import React from 'react';
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function renderTextSegments(segments, textHighlighter, marksList, startPos) {
   const Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
   const marks = new Set(marksList.map(m => m.type.name));

package/dist/es2019/render-document.js

@@ -22,10 +22,7 @@ const withStopwatch = cb => {
     time
   };
 };
-const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation) => {
   let result;
   if (useSpecBasedValidator) {
     // link mark on mediaSingle is deprecated, need to move link mark to child media node
@@ -154,10 +151,7 @@ const memoCreateNodeAndCheck = memoizeOne(_createNodeAndCheck, (newArgs, lastArg
   const [oldSchema, oldDoc] = lastArgs;
   return newSchema === oldSchema && areDocsEqual(newDoc, oldDoc);
 });
-export const renderDocument = (doc, serializer, schema = defaultSchema, adfStage = 'final', useSpecBasedValidator = false, rendererId = 'noid', dispatchAnalyticsEvent, unsupportedContentLevelsTracking, appearance, includeNodesCountInStats, skipValidation
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const renderDocument = (doc, serializer, schema = defaultSchema, adfStage = 'final', useSpecBasedValidator = false, rendererId = 'noid', dispatchAnalyticsEvent, unsupportedContentLevelsTracking, appearance, includeNodesCountInStats, skipValidation) => {
   const stat = {
     sanitizeTime: 0
   };

package/dist/es2019/ui/Renderer/breakout-ssr.js

@@ -2,20 +2,28 @@ import React from 'react';
 import { breakoutConsts } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from './style';
-
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export function BreakoutSSRInlineScript() {
+export function BreakoutSSRInlineScript({
+  noOpSSRInlineScript
+}) {
   /**
    * Should only inline this script while SSR,
    * not needed on the client side.
    */
+  // For hydrateRoot there is a mismatch on client for this script.
+  // So we want to add the script on client side but guard it with check to
+  // not execute logic
   if (typeof window !== 'undefined' && !window.navigator.userAgent.includes('jsdom')) {
-    return null;
+    if (!noOpSSRInlineScript) {
+      return null;
+    } else {
+      window.__RENDERER_BYPASS_BREAKOUT_SSR__ = true;
+    }
   }
   const id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
   const context = createBreakoutInlineScript(id);
@@ -26,12 +34,16 @@ export function BreakoutSSRInlineScript() {
     ,
     dangerouslySetInnerHTML: {
       __html: context
-    }
+    },
+    "data-testid": "breakout-ssr-inline-script"
   });
 }
 export function createBreakoutInlineScript(id) {
   return `
-  (function(window){
+	 (function(window){
+		if(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) {
+			return;
+		}
     ${breakoutInlineScriptContext};
     (${applyBreakoutAfterSSR.toString()})("${id}", breakoutConsts, ${Boolean(fg('platform-fix-table-ssr-resizing'))});
   })(window);

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

@@ -45,7 +45,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "112.8.11";
+const packageVersion = "112.9.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -299,6 +299,7 @@ export class __RendererClassComponent extends PureComponent {
       maxHeight,
       fadeOutHeight,
       enableSsrInlineScripts,
+      noOpSSRInlineScript,
       allowHeadingAnchorLinks,
       allowPlaceholderText,
       allowColumnSorting,
@@ -398,7 +399,9 @@ export class __RendererClassComponent extends PureComponent {
         ssr: media === null || media === void 0 ? void 0 : media.ssr,
         isInsideOfInlineExtension: this.props.isInsideOfInlineExtension,
         isTopLevelRenderer: rendererContext.isTopLevelRenderer
-      }, enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
+      }, enableSsrInlineScripts || noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
+        noOpSSRInlineScript: Boolean(noOpSSRInlineScript)
+      }) : null, jsx(RendererActionsInternalUpdater, {
         doc: pmDoc,
         schema: schema,
         onAnalyticsEvent: this.fireAnalyticsEvent
@@ -768,7 +771,9 @@ const RendererFunctionalComponent = props => {
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
       isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
-    }, props.enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
+    }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
+      noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
+    }) : null, jsx(RendererActionsInternalUpdater, {
       doc: pmDoc,
       schema: schema,
       onAnalyticsEvent: fireAnalyticsEvent

package/dist/es2019/ui/annotations/hooks/use-load-annotations.js

@@ -1,5 +1,6 @@
 import { useContext, useEffect } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProvidersContext } from '../context';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 export const useLoadAnnotations = ({
@@ -22,6 +23,10 @@ export const useLoadAnnotations = ({
     const annotations = actions.getAnnotationMarks();
     // we don't want to request integrators for state with an empty list of ids.
     if (!annotations.length) {
+      if (fg('use_comments_data_annotation_updater')) {
+        // inlineCommentGetState handles empty lists gracefully. It has a side-effect of clearing state, which is why this call is needed
+        inlineCommentGetState([], isNestedRender);
+      }
       onLoadComplete && onLoadComplete({
         numberOfUnresolvedInlineComments: 0
       });

package/dist/esm/actions/index.js

@@ -31,8 +31,6 @@ var RendererActions = /*#__PURE__*/function () {
   }
 
   //#region private
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
   return _createClass(RendererActions, [{
     key: "_privateRegisterRenderer",
     value: function _privateRegisterRenderer(ref, doc, schema, onAnalyticsEvent) {

package/dist/esm/actions/matches-utils.js

@@ -1,8 +1,6 @@
 // getIndexMatch finds the position of a given string within a given document, in accordance to the Confluence Annotation backend
 // The document is serialised into one large string, excluding any nodes that can not have annotations (eg: emojis, media).
 // Finds where the given query string is relative to the serialised partial document
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function getIndexMatch(doc, schema, selectedText, startIndex) {
   var textContent = '';
   var matchIndex = 0;

package/dist/esm/react/index.js

@@ -250,9 +250,6 @@ var ReactSerializer = /*#__PURE__*/function () {
           return this.getProps(node, path);
       }
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "serializeFragment",
     value: function serializeFragment(fragment) {
@@ -340,9 +337,6 @@ var ReactSerializer = /*#__PURE__*/function () {
       var segments = segmentText(mark.text, this.textHighlighter);
       return renderTextSegments(segments, this.textHighlighter, mark.marks, startPos);
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "renderNode",
     value: function renderNode(
@@ -364,9 +358,6 @@ var ReactSerializer = /*#__PURE__*/function () {
         }, props), content)
       );
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
   }, {
     key: "renderMark",
     value: function renderMark(

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

@@ -6,10 +6,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { RendererCssClassName } from '../../consts';
 export var renderExtension = function renderExtension(content, layout) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var removeOverflow
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 3 ? arguments[3] : undefined;
+  var removeOverflow = arguments.length > 3 ? arguments[3] : undefined;
   var overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : '';
 
   // by default, we assume the extension is at top level, (direct child of doc node)

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

@@ -22,10 +22,7 @@ var isTableColumnResized = function isTableColumnResized(columnWidths) {
   });
   return !!filteredWidths.length;
 };
-var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) {
   if (columnWidth === 0) {
     return columnWidth;
   }

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

@@ -37,10 +37,7 @@ export var isStickyScrollbarEnabled = function isStickyScrollbarEnabled(appearan
     exposure: true
   });
 };
-var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
     return children;
   }
@@ -84,10 +81,7 @@ var hasRowspan = function hasRowspan(row) {
 var getRefTop = function getRefTop(refElement) {
   return Math.round(refElement.getBoundingClientRect().top);
 };
-var shouldHeaderStick = function shouldHeaderStick(scrollTop, tableTop, tableBottom, rowHeight
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var shouldHeaderStick = function shouldHeaderStick(scrollTop, tableTop, tableBottom, rowHeight) {
   return tableTop <= scrollTop && !(tableBottom - rowHeight <= scrollTop);
 };
 var shouldHeaderPinBottom = function shouldHeaderPinBottom(scrollTop, tableBottom, rowHeight) {

package/dist/esm/react/utils/render-text-segments.js

@@ -1,6 +1,4 @@
 import React from 'react';
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function renderTextSegments(segments, textHighlighter, marksList, startPos) {
   var Component = textHighlighter === null || textHighlighter === void 0 ? void 0 : textHighlighter.component;
   var marks = new Set(marksList.map(function (m) {

package/dist/esm/render-document.js

@@ -23,10 +23,7 @@ var withStopwatch = function withStopwatch(cb) {
     time: time
   };
 };
-var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation) {
   var result;
   if (useSpecBasedValidator) {
     // link mark on mediaSingle is deprecated, need to move link mark to child media node
@@ -180,10 +177,7 @@ export var renderDocument = function renderDocument(doc, serializer) {
   var unsupportedContentLevelsTracking = arguments.length > 7 ? arguments[7] : undefined;
   var appearance = arguments.length > 8 ? arguments[8] : undefined;
   var includeNodesCountInStats = arguments.length > 9 ? arguments[9] : undefined;
-  var skipValidation
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 10 ? arguments[10] : undefined;
+  var skipValidation = arguments.length > 10 ? arguments[10] : undefined;
   var stat = {
     sanitizeTime: 0
   };

package/dist/esm/ui/Renderer/breakout-ssr.js

@@ -2,20 +2,27 @@ import React from 'react';
 import { breakoutConsts } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from './style';
-
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export function BreakoutSSRInlineScript() {
+export function BreakoutSSRInlineScript(_ref) {
+  var noOpSSRInlineScript = _ref.noOpSSRInlineScript;
   /**
    * Should only inline this script while SSR,
    * not needed on the client side.
    */
+  // For hydrateRoot there is a mismatch on client for this script.
+  // So we want to add the script on client side but guard it with check to
+  // not execute logic
   if (typeof window !== 'undefined' && !window.navigator.userAgent.includes('jsdom')) {
-    return null;
+    if (!noOpSSRInlineScript) {
+      return null;
+    } else {
+      window.__RENDERER_BYPASS_BREAKOUT_SSR__ = true;
+    }
   }
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
   var context = createBreakoutInlineScript(id);
@@ -26,11 +33,12 @@ export function BreakoutSSRInlineScript() {
     ,
     dangerouslySetInnerHTML: {
       __html: context
-    }
+    },
+    "data-testid": "breakout-ssr-inline-script"
   });
 }
 export function createBreakoutInlineScript(id) {
-  return "\n  (function(window){\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean(fg('platform-fix-table-ssr-resizing')), ");\n  })(window);\n");
+  return "\n\t (function(window){\n\t\tif(typeof window !== 'undefined' && window.__RENDERER_BYPASS_BREAKOUT_SSR__) {\n\t\t\treturn;\n\t\t}\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts, ").concat(Boolean(fg('platform-fix-table-ssr-resizing')), ");\n  })(window);\n");
 }
 export var breakoutInlineScriptContext = "\n  var breakoutConsts = ".concat(JSON.stringify(breakoutConsts), ";\n  breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n  breakoutConsts.getBreakpoint = ").concat(breakoutConsts.getBreakpoint.toString(), ";\n  breakoutConsts.calcBreakoutWidth = ").concat(breakoutConsts.calcBreakoutWidth.toString(), ";\n  breakoutConsts.calcBreakoutWithCustomWidth = ").concat(breakoutConsts.calcBreakoutWithCustomWidth.toString(), ";\n  breakoutConsts.calcLineLength = ").concat(breakoutConsts.calcLineLength.toString(), ";\n  breakoutConsts.calcWideWidth = ").concat(breakoutConsts.calcWideWidth.toString(), ";\n  breakoutConsts.FullPagePadding = ").concat(FullPagePadding.toString(), ";\n");
 

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

@@ -54,7 +54,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "112.8.11";
+var packageVersion = "112.9.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -312,6 +312,7 @@ export var __RendererClassComponent = /*#__PURE__*/function (_PureComponent) {
         maxHeight = _this$props.maxHeight,
         fadeOutHeight = _this$props.fadeOutHeight,
         enableSsrInlineScripts = _this$props.enableSsrInlineScripts,
+        noOpSSRInlineScript = _this$props.noOpSSRInlineScript,
         allowHeadingAnchorLinks = _this$props.allowHeadingAnchorLinks,
         allowPlaceholderText = _this$props.allowPlaceholderText,
         allowColumnSorting = _this$props.allowColumnSorting,
@@ -411,7 +412,9 @@ export var __RendererClassComponent = /*#__PURE__*/function (_PureComponent) {
           ssr: media === null || media === void 0 ? void 0 : media.ssr,
           isInsideOfInlineExtension: this.props.isInsideOfInlineExtension,
           isTopLevelRenderer: rendererContext.isTopLevelRenderer
-        }, enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
+        }, enableSsrInlineScripts || noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
+          noOpSSRInlineScript: Boolean(noOpSSRInlineScript)
+        }) : null, jsx(RendererActionsInternalUpdater, {
           doc: pmDoc,
           schema: schema,
           onAnalyticsEvent: this.fireAnalyticsEvent
@@ -782,7 +785,9 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
       isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
-    }, props.enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
+    }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
+      noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
+    }) : null, jsx(RendererActionsInternalUpdater, {
       doc: pmDoc,
       schema: schema,
       onAnalyticsEvent: _fireAnalyticsEvent

package/dist/esm/ui/annotations/hooks/use-load-annotations.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useContext, useEffect } from 'react';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProvidersContext } from '../context';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 export var useLoadAnnotations = function useLoadAnnotations(_ref) {
@@ -21,6 +22,10 @@ export var useLoadAnnotations = function useLoadAnnotations(_ref) {
     var annotations = actions.getAnnotationMarks();
     // we don't want to request integrators for state with an empty list of ids.
     if (!annotations.length) {
+      if (fg('use_comments_data_annotation_updater')) {
+        // inlineCommentGetState handles empty lists gracefully. It has a side-effect of clearing state, which is why this call is needed
+        inlineCommentGetState([], isNestedRender);
+      }
       onLoadComplete && onLoadComplete({
         numberOfUnresolvedInlineComments: 0
       });

package/dist/types/ui/Renderer/breakout-ssr.d.ts

@@ -1,11 +1,18 @@
 /// <reference types="react" />
+declare global {
+    interface Window {
+        __RENDERER_BYPASS_BREAKOUT_SSR__?: boolean;
+    }
+}
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export declare function BreakoutSSRInlineScript(): JSX.Element | null;
+export declare function BreakoutSSRInlineScript({ noOpSSRInlineScript }: {
+    noOpSSRInlineScript: Boolean;
+}): JSX.Element | null;
 export declare function createBreakoutInlineScript(id: number): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: any;

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

@@ -24,6 +24,7 @@ export interface RendererProps {
     eventHandlers?: EventHandlers;
     extensionHandlers?: ExtensionHandlers;
     enableSsrInlineScripts?: boolean;
+    noOpSSRInlineScript?: boolean;
     onComplete?: (stat: RenderOutputStat) => void;
     onError?: (error: any) => void;
     portal?: HTMLElement;

package/dist/types-ts4.5/ui/Renderer/breakout-ssr.d.ts

@@ -1,11 +1,18 @@
 /// <reference types="react" />
+declare global {
+    interface Window {
+        __RENDERER_BYPASS_BREAKOUT_SSR__?: boolean;
+    }
+}
 /**
  * Inline Script that updates breakout node width on client side,
  * before main JavaScript bundle is ready.
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export declare function BreakoutSSRInlineScript(): JSX.Element | null;
+export declare function BreakoutSSRInlineScript({ noOpSSRInlineScript }: {
+    noOpSSRInlineScript: Boolean;
+}): JSX.Element | null;
 export declare function createBreakoutInlineScript(id: number): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: any;

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

@@ -24,6 +24,7 @@ export interface RendererProps {
     eventHandlers?: EventHandlers;
     extensionHandlers?: ExtensionHandlers;
     enableSsrInlineScripts?: boolean;
+    noOpSSRInlineScript?: boolean;
     onComplete?: (stat: RenderOutputStat) => void;
     onError?: (error: any) => void;
     portal?: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "112.8.11",
+	"version": "112.9.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/status": "^1.8.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.39.0",
+		"@atlaskit/tmp-editor-statsig": "^2.40.0",
 		"@atlaskit/tokens": "^3.2.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
@@ -79,7 +79,7 @@
 		"@atlaskit/media-core": "^34.4.0",
 		"@atlaskit/media-integration-test-helpers": "^3.1.0",
 		"@atlaskit/media-test-helpers": "^34.7.0",
-		"@atlaskit/mention": "^23.9.0",
+		"@atlaskit/mention": "^23.10.0",
 		"@atlaskit/navigation-next": "^9.0.0",
 		"@atlaskit/util-data-test": "^17.13.0",
 		"@atlaskit/visual-regression": "*",
@@ -181,6 +181,9 @@
 		},
 		"platform_editor_nested_tables_renderer_colgroup": {
 			"type": "boolean"
+		},
+		"use_comments_data_annotation_updater": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {