@atlaskit/renderer 119.0.0 → 119.0.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 119.0.2
+
+### Patch Changes
+
+- [#174381](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174381)
+  [`eed4c1f1ccffd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eed4c1f1ccffd) -
+  Allows the isTopLevelRenderer prop to be passed from the ReactRenderer component to the underlying
+  Renderer coponent
+- Updated dependencies
+
+## 119.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 119.0.0
 
 ### Patch Changes

package/dist/cjs/i18n/sr_YR.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+var _default = exports.default = {
+  'fabric.editor.headingLink.ascSortingLabel': 'растући',
+  'fabric.editor.headingLink.copied': 'Копирано!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
+  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
+  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
+  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
+  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
+  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
+  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
+};

package/dist/cjs/react/marks/breakout.js

@@ -30,10 +30,10 @@ var getWidth = function getWidth(width, mode) {
     return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
   } else {
     if (mode === 'full-width') {
-      return "max(".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px, min(").concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))))");
+      return "max(".concat(_editorSharedStyles.akEditorDefaultLayoutWidth, "px, min(").concat(_editorSharedStyles.akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width)))");
     }
     if (mode === 'wide') {
-      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))";
+      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width))";
     }
   }
 };

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

@@ -33,19 +33,23 @@ function BreakoutSSRInlineScript(_ref) {
     }
   }
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
+  var shouldSkipScript = {
+    table: (0, _platformFeatureFlags.fg)('platform-ssr-table-resize'),
+    breakout: (0, _platformFeatureFlags.fg)('platform_breakout_cls')
+  };
   return /*#__PURE__*/_react.default.createElement("script", {
     "data-breakout-script-id": id
     // To investigate if we can replace this.
     // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
-      __html: (0, _platformFeatureFlags.fg)('platform-ssr-table-resize') || (0, _platformFeatureFlags.fg)('platform_breakout_cls') ? createBreakoutInlineScript(id, true) : createBreakoutInlineScript(id)
+      __html: createBreakoutInlineScript(id, shouldSkipScript)
     },
     "data-testid": "breakout-ssr-inline-script"
   });
 }
 function createBreakoutInlineScript(id, shouldSkipScript) {
-  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(shouldSkipScript !== null && shouldSkipScript !== void 0 ? shouldSkipScript : false, ");\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(JSON.stringify(shouldSkipScript), ");\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");
 
@@ -98,10 +102,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           }
 
           // When flag is on we are using CSS to calculate the table width thus don't need logic below to set the width and left.
-          if (shouldSkipBreakoutScript && node.classList.contains('pm-table-container')) {
+          if (shouldSkipBreakoutScript.table && node.classList.contains('pm-table-container')) {
             return;
           }
-          if (shouldSkipBreakoutScript && node.classList.contains('fabric-editor-breakout-mark')) {
+          if (shouldSkipBreakoutScript.breakout && node.classList.contains('fabric-editor-breakout-mark')) {
             return;
           }
 
@@ -113,14 +117,14 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
             var effectiveWidth = rendererWidth - breakoutConsts.padding;
             width = "".concat(Math.min(parseInt(node.style.width), effectiveWidth), "px");
           } else if (resizedBreakout) {
-            width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null,
+            width = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts)(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);
           } else {
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
+            width = breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, renderer.offsetWidth);
           }
           if (node.style.width === width) {
             return;
@@ -134,7 +138,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           // Ignored via go/ees005
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           !renderer.classList.contains('is-full-width')) {
-            var lineLength = breakoutConsts.calcLineLength();
+            var lineLength = breakoutConsts.calcLineLength(breakoutConsts)();
             var left = lineLength / 2 - parseInt(width) / 2;
             if (left < 0 && parseInt(width) > lineLength) {
               node.style.left = left + 'px';
@@ -210,4 +214,4 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   window.addEventListener('load', _disconnect);
 }
-var calcLineLength = exports.calcLineLength = _utils.breakoutConsts.calcLineLength;
+var calcLineLength = exports.calcLineLength = _utils.breakoutConsts.calcLineLength(_utils.breakoutConsts);

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

@@ -62,7 +62,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.7.1";
+var packageVersion = "119.0.1";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -484,6 +484,7 @@ var getRendererComponent = function getRendererComponent(nodeComponents) {
  * @example
  */
 function Renderer(props) {
+  var _props$isTopLevelRend;
   var _React$useContext = _react.default.useContext(_annotations.AnnotationsPositionContext),
     startPos = _React$useContext.startPos;
   var _useRendererContext = (0, _rendererContext.useRendererContext)(),
@@ -502,7 +503,9 @@ function Renderer(props) {
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {
     startPos: startPos,
-    isTopLevelRenderer: isTopLevelRenderer,
+    isTopLevelRenderer:
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    (0, _platformFeatureFlags.fg)('issue_table_single_line_row_height_fast_follows') ? (_props$isTopLevelRend = props.isTopLevelRenderer) !== null && _props$isTopLevelRend !== void 0 ? _props$isTopLevelRend : isTopLevelRenderer : isTopLevelRenderer,
     skipValidation: skipValidation,
     validationOverrides: (0, _platformFeatureFlags.fg)('cc_complexit_fe_reduce_rerender_2') ? validationOverrides : {
       allowNestedTables: allowNestedTables

package/dist/cjs/ui/annotations/hover/mounter.js

@@ -12,6 +12,7 @@ var _types = require("@atlaskit/analytics-listeners/types");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _RendererActionsContext = require("../../RendererActionsContext");
 var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Mounter = exports.Mounter = /*#__PURE__*/_react.default.memo(function (props) {
   var Component = props.component,
@@ -67,7 +68,10 @@ var Mounter = exports.Mounter = /*#__PURE__*/_react.default.memo(function (props
           action: _analytics.ACTION.CREATE_NOT_ALLOWED,
           actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            documentPosition: documentPosition,
+            isAnnotationAllowed: isAnnotationAllowed
+          },
           eventType: _analytics.EVENT_TYPE.TRACK
         }).fire(_types.FabricChannel.editor);
       }
@@ -98,6 +102,21 @@ var Mounter = exports.Mounter = /*#__PURE__*/_react.default.memo(function (props
     });
     var positionToAnnotate = hoverDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if ((0, _platformFeatureFlags.fg)('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: _analytics.ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate: positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: _analytics.EVENT_TYPE.TRACK
+          }).fire(_types.FabricChannel.editor);
+        }
+      }
       return false;
     }
     var annotation = {

package/dist/cjs/ui/annotations/selection/mounter.js

@@ -113,7 +113,9 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
           actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
           attributes: {
-            inlineNodeNames: inlineNodeTypes
+            inlineNodeNames: inlineNodeTypes,
+            documentPosition: documentPosition,
+            isAnnotationAllowed: isAnnotationAllowed
           },
           eventType: _analytics.EVENT_TYPE.TRACK
         }).fire(_types.FabricChannel.editor);
@@ -151,6 +153,21 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
     // use platform_editor_comments_api_manager here so we can clear the code path when the flag is removed
     var positionToAnnotate = (0, _platformFeatureFlags.fg)('platform_editor_comments_api_manager') ? documentPosition : selectionDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if ((0, _platformFeatureFlags.fg)('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: _analytics.ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate: positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: _analytics.EVENT_TYPE.TRACK
+          }).fire(_types.FabricChannel.editor);
+        }
+      }
       return false;
     }
     var annotation = {

package/dist/es2019/i18n/sr_YR.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'растући',
+  'fabric.editor.headingLink.copied': 'Копирано!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
+  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
+  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
+  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
+  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
+  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
+  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
+};

package/dist/es2019/react/marks/breakout.js

@@ -22,10 +22,10 @@ const getWidth = (width, mode) => {
     return `min(${width}px, var(--ak-editor--breakout-container-without-gutter-width))`;
   } else {
     if (mode === 'full-width') {
-      return `max(${akEditorDefaultLayoutWidth}px, min(${akEditorFullWidthLayoutWidth}px, var(--ak-editor--breakout-container-without-gutter-width))))`;
+      return `max(${akEditorDefaultLayoutWidth}px, min(${akEditorFullWidthLayoutWidth}px, var(--ak-editor--breakout-container-without-gutter-width)))`;
     }
     if (mode === 'wide') {
-      return `min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))`;
+      return `min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width))`;
     }
   }
 };

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

@@ -25,13 +25,17 @@ export function BreakoutSSRInlineScript({
     }
   }
   const id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
+  const shouldSkipScript = {
+    table: fg('platform-ssr-table-resize'),
+    breakout: fg('platform_breakout_cls')
+  };
   return /*#__PURE__*/React.createElement("script", {
     "data-breakout-script-id": id
     // To investigate if we can replace this.
     // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
-      __html: fg('platform-ssr-table-resize') || fg('platform_breakout_cls') ? createBreakoutInlineScript(id, true) : createBreakoutInlineScript(id)
+      __html: createBreakoutInlineScript(id, shouldSkipScript)
     },
     "data-testid": "breakout-ssr-inline-script"
   });
@@ -43,7 +47,7 @@ export function createBreakoutInlineScript(id, shouldSkipScript) {
 			return;
 		}
     ${breakoutInlineScriptContext};
-    (${applyBreakoutAfterSSR.toString()})("${id}", breakoutConsts, ${shouldSkipScript !== null && shouldSkipScript !== void 0 ? shouldSkipScript : false});
+    (${applyBreakoutAfterSSR.toString()})("${id}", breakoutConsts, ${JSON.stringify(shouldSkipScript)});
   })(window);
 `;
 }
@@ -107,10 +111,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           }
 
           // When flag is on we are using CSS to calculate the table width thus don't need logic below to set the width and left.
-          if (shouldSkipBreakoutScript && node.classList.contains('pm-table-container')) {
+          if (shouldSkipBreakoutScript.table && node.classList.contains('pm-table-container')) {
             return;
           }
-          if (shouldSkipBreakoutScript && node.classList.contains('fabric-editor-breakout-mark')) {
+          if (shouldSkipBreakoutScript.breakout && node.classList.contains('fabric-editor-breakout-mark')) {
             return;
           }
 
@@ -122,14 +126,14 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
             const effectiveWidth = rendererWidth - breakoutConsts.padding;
             width = `${Math.min(parseInt(node.style.width), effectiveWidth)}px`;
           } else if (resizedBreakout) {
-            width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null,
+            width = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts)(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);
           } else {
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
+            width = breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, renderer.offsetWidth);
           }
           if (node.style.width === width) {
             return;
@@ -143,7 +147,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           // Ignored via go/ees005
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           !renderer.classList.contains('is-full-width')) {
-            const lineLength = breakoutConsts.calcLineLength();
+            const lineLength = breakoutConsts.calcLineLength(breakoutConsts)();
             const left = lineLength / 2 - parseInt(width) / 2;
             if (left < 0 && parseInt(width) > lineLength) {
               node.style.left = left + 'px';
@@ -217,4 +221,4 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   window.addEventListener('load', disconnect);
 }
-export const calcLineLength = breakoutConsts.calcLineLength;
+export const calcLineLength = breakoutConsts.calcLineLength(breakoutConsts);

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

@@ -48,7 +48,7 @@ import { PortalContext } from './PortalContext';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "118.7.1";
+const packageVersion = "119.0.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -469,6 +469,7 @@ const getRendererComponent = nodeComponents => {
  * @example
  */
 export function Renderer(props) {
+  var _props$isTopLevelRend;
   const {
     startPos
   } = React.useContext(AnnotationsPositionContext);
@@ -488,7 +489,9 @@ export function Renderer(props) {
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {
     startPos: startPos,
-    isTopLevelRenderer: isTopLevelRenderer,
+    isTopLevelRenderer:
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    fg('issue_table_single_line_row_height_fast_follows') ? (_props$isTopLevelRend = props.isTopLevelRenderer) !== null && _props$isTopLevelRend !== void 0 ? _props$isTopLevelRend : isTopLevelRenderer : isTopLevelRenderer,
     skipValidation: skipValidation,
     validationOverrides: fg('cc_complexit_fe_reduce_rerender_2') ? validationOverrides : {
       allowNestedTables

package/dist/es2019/ui/annotations/hover/mounter.js

@@ -5,6 +5,7 @@ import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const Mounter = /*#__PURE__*/React.memo(props => {
   const {
     component: Component,
@@ -63,7 +64,10 @@ export const Mounter = /*#__PURE__*/React.memo(props => {
           action: ACTION.CREATE_NOT_ALLOWED,
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            documentPosition,
+            isAnnotationAllowed: isAnnotationAllowed
+          },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
@@ -94,6 +98,21 @@ export const Mounter = /*#__PURE__*/React.memo(props => {
     });
     const positionToAnnotate = hoverDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if (fg('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: EVENT_TYPE.TRACK
+          }).fire(FabricChannel.editor);
+        }
+      }
       return false;
     }
     const annotation = {

package/dist/es2019/ui/annotations/selection/mounter.js

@@ -110,7 +110,9 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
           attributes: {
-            inlineNodeNames: inlineNodeTypes
+            inlineNodeNames: inlineNodeTypes,
+            documentPosition,
+            isAnnotationAllowed
           },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
@@ -148,6 +150,21 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
     // use platform_editor_comments_api_manager here so we can clear the code path when the flag is removed
     const positionToAnnotate = fg('platform_editor_comments_api_manager') ? documentPosition : selectionDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if (fg('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: EVENT_TYPE.TRACK
+          }).fire(FabricChannel.editor);
+        }
+      }
       return false;
     }
     const annotation = {

package/dist/esm/i18n/sr_YR.js

@@ -0,0 +1,19 @@
+/* prettier-ignore */
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//Serbian (Cyrillic) [sr-YR]
+export default {
+  'fabric.editor.headingLink.ascSortingLabel': 'растући',
+  'fabric.editor.headingLink.copied': 'Копирано!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
+  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
+  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
+  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
+  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
+  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
+  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
+};

package/dist/esm/react/marks/breakout.js

@@ -22,10 +22,10 @@ var getWidth = function getWidth(width, mode) {
     return "min(".concat(width, "px, var(--ak-editor--breakout-container-without-gutter-width))");
   } else {
     if (mode === 'full-width') {
-      return "max(".concat(akEditorDefaultLayoutWidth, "px, min(").concat(akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width))))");
+      return "max(".concat(akEditorDefaultLayoutWidth, "px, min(").concat(akEditorFullWidthLayoutWidth, "px, var(--ak-editor--breakout-container-without-gutter-width)))");
     }
     if (mode === 'wide') {
-      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width)))";
+      return "min(var(--ak-editor--breakout-wide-layout-width), var(--ak-editor--breakout-container-without-gutter-width))";
     }
   }
 };

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

@@ -24,19 +24,23 @@ export function BreakoutSSRInlineScript(_ref) {
     }
   }
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
+  var shouldSkipScript = {
+    table: fg('platform-ssr-table-resize'),
+    breakout: fg('platform_breakout_cls')
+  };
   return /*#__PURE__*/React.createElement("script", {
     "data-breakout-script-id": id
     // To investigate if we can replace this.
     // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
-      __html: fg('platform-ssr-table-resize') || fg('platform_breakout_cls') ? createBreakoutInlineScript(id, true) : createBreakoutInlineScript(id)
+      __html: createBreakoutInlineScript(id, shouldSkipScript)
     },
     "data-testid": "breakout-ssr-inline-script"
   });
 }
 export function createBreakoutInlineScript(id, shouldSkipScript) {
-  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(shouldSkipScript !== null && shouldSkipScript !== void 0 ? shouldSkipScript : false, ");\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(JSON.stringify(shouldSkipScript), ");\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");
 
@@ -89,10 +93,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           }
 
           // When flag is on we are using CSS to calculate the table width thus don't need logic below to set the width and left.
-          if (shouldSkipBreakoutScript && node.classList.contains('pm-table-container')) {
+          if (shouldSkipBreakoutScript.table && node.classList.contains('pm-table-container')) {
             return;
           }
-          if (shouldSkipBreakoutScript && node.classList.contains('fabric-editor-breakout-mark')) {
+          if (shouldSkipBreakoutScript.breakout && node.classList.contains('fabric-editor-breakout-mark')) {
             return;
           }
 
@@ -104,14 +108,14 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
             var effectiveWidth = rendererWidth - breakoutConsts.padding;
             width = "".concat(Math.min(parseInt(node.style.width), effectiveWidth), "px");
           } else if (resizedBreakout) {
-            width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null,
+            width = breakoutConsts.calcBreakoutWithCustomWidth(breakoutConsts)(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);
           } else {
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
+            width = breakoutConsts.calcBreakoutWidth(breakoutConsts)(mode, renderer.offsetWidth);
           }
           if (node.style.width === width) {
             return;
@@ -125,7 +129,7 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
           // Ignored via go/ees005
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           !renderer.classList.contains('is-full-width')) {
-            var lineLength = breakoutConsts.calcLineLength();
+            var lineLength = breakoutConsts.calcLineLength(breakoutConsts)();
             var left = lineLength / 2 - parseInt(width) / 2;
             if (left < 0 && parseInt(width) > lineLength) {
               node.style.left = left + 'px';
@@ -201,4 +205,4 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldSkipBreakoutScript) {
   // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   window.addEventListener('load', _disconnect);
 }
-export var calcLineLength = breakoutConsts.calcLineLength;
+export var calcLineLength = breakoutConsts.calcLineLength(breakoutConsts);

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

@@ -53,7 +53,7 @@ import { PortalContext } from './PortalContext';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "118.7.1";
+var packageVersion = "119.0.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -475,6 +475,7 @@ var getRendererComponent = function getRendererComponent(nodeComponents) {
  * @example
  */
 export function Renderer(props) {
+  var _props$isTopLevelRend;
   var _React$useContext = React.useContext(AnnotationsPositionContext),
     startPos = _React$useContext.startPos;
   var _useRendererContext = useRendererContext(),
@@ -493,7 +494,9 @@ export function Renderer(props) {
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {
     startPos: startPos,
-    isTopLevelRenderer: isTopLevelRenderer,
+    isTopLevelRenderer:
+    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
+    fg('issue_table_single_line_row_height_fast_follows') ? (_props$isTopLevelRend = props.isTopLevelRenderer) !== null && _props$isTopLevelRend !== void 0 ? _props$isTopLevelRend : isTopLevelRenderer : isTopLevelRenderer,
     skipValidation: skipValidation,
     validationOverrides: fg('cc_complexit_fe_reduce_rerender_2') ? validationOverrides : {
       allowNestedTables: allowNestedTables

package/dist/esm/ui/annotations/hover/mounter.js

@@ -5,6 +5,7 @@ import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var Mounter = /*#__PURE__*/React.memo(function (props) {
   var Component = props.component,
     range = props.range,
@@ -59,7 +60,10 @@ export var Mounter = /*#__PURE__*/React.memo(function (props) {
           action: ACTION.CREATE_NOT_ALLOWED,
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            documentPosition: documentPosition,
+            isAnnotationAllowed: isAnnotationAllowed
+          },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
@@ -90,6 +94,21 @@ export var Mounter = /*#__PURE__*/React.memo(function (props) {
     });
     var positionToAnnotate = hoverDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if (fg('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate: positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: EVENT_TYPE.TRACK
+          }).fire(FabricChannel.editor);
+        }
+      }
       return false;
     }
     var annotation = {

package/dist/esm/ui/annotations/selection/mounter.js

@@ -104,7 +104,9 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
           attributes: {
-            inlineNodeNames: inlineNodeTypes
+            inlineNodeNames: inlineNodeTypes,
+            documentPosition: documentPosition,
+            isAnnotationAllowed: isAnnotationAllowed
           },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
@@ -142,6 +144,21 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
     // use platform_editor_comments_api_manager here so we can clear the code path when the flag is removed
     var positionToAnnotate = fg('platform_editor_comments_api_manager') ? documentPosition : selectionDraftDocumentPosition || documentPosition;
     if (!positionToAnnotate || !applyAnnotation || !options.annotationId) {
+      if (fg('cc_comments_improve_apply_draft_errors')) {
+        if (createAnalyticsEvent) {
+          createAnalyticsEvent({
+            action: ACTION.CREATE_NOT_ALLOWED,
+            actionSubject: ACTION_SUBJECT.ANNOTATION,
+            actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
+            attributes: {
+              positionToAnnotate: positionToAnnotate,
+              applyAnnotationMissing: !applyAnnotation,
+              annotationId: options.annotationId
+            },
+            eventType: EVENT_TYPE.TRACK
+          }).fire(FabricChannel.editor);
+        }
+      }
       return false;
     }
     var annotation = {

package/dist/types/i18n/sr_YR.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

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

@@ -12,6 +12,9 @@ declare global {
 export declare function BreakoutSSRInlineScript({ noOpSSRInlineScript }: {
     noOpSSRInlineScript: Boolean;
 }): React.JSX.Element | null;
-export declare function createBreakoutInlineScript(id: number, shouldSkipScript?: boolean): string;
+export declare function createBreakoutInlineScript(id: number, shouldSkipScript: {
+    table: boolean;
+    breakout: boolean;
+}): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: () => number;

package/dist/types/ui/annotations/contexts/AnnotationManagerContext.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import { type AnnotationId, AnnotationMarkStates } from '@atlaskit/adf-schema';
 import type { AnnotationManager, ActionResult } from '@atlaskit/editor-common/annotation';
-import { AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
+import { type AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
 interface AnnotationState {
     id: AnnotationId;
     markState: AnnotationMarkStates;

package/dist/types-ts4.5/i18n/sr_YR.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+declare const _default: {
+    'fabric.editor.headingLink.ascSortingLabel': string;
+    'fabric.editor.headingLink.copied': string;
+    'fabric.editor.headingLink.copyAnchorLink': string;
+    'fabric.editor.headingLink.copyAriaLabel': string;
+    'fabric.editor.headingLink.descSortingLabel': string;
+    'fabric.editor.headingLink.failedToCopy': string;
+    'fabric.editor.headingLink.noneSortingLabel': string;
+    'fabric.editor.inlineComment.marker.end': string;
+    'fabric.editor.inlineComment.marker.start': string;
+};
+export default _default;

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

@@ -12,6 +12,9 @@ declare global {
 export declare function BreakoutSSRInlineScript({ noOpSSRInlineScript }: {
     noOpSSRInlineScript: Boolean;
 }): React.JSX.Element | null;
-export declare function createBreakoutInlineScript(id: number, shouldSkipScript?: boolean): string;
+export declare function createBreakoutInlineScript(id: number, shouldSkipScript: {
+    table: boolean;
+    breakout: boolean;
+}): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: () => number;

package/dist/types-ts4.5/ui/annotations/contexts/AnnotationManagerContext.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import { type AnnotationId, AnnotationMarkStates } from '@atlaskit/adf-schema';
 import type { AnnotationManager, ActionResult } from '@atlaskit/editor-common/annotation';
-import { AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
+import { type AnnotationUpdateEmitter } from '@atlaskit/editor-common/types';
 interface AnnotationState {
     id: AnnotationId;
     markState: AnnotationMarkStates;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "119.0.0",
+	"version": "119.0.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/code": "^17.2.0",
-		"@atlaskit/editor-common": "^107.0.0",
+		"@atlaskit/editor-common": "^107.2.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -39,25 +39,25 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.3.0",
-		"@atlaskit/icon": "^27.0.0",
+		"@atlaskit/icon": "^27.1.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.11.0",
 		"@atlaskit/media-card": "^79.3.0",
-		"@atlaskit/media-client": "^34.0.0",
+		"@atlaskit/media-client": "^34.1.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.2.0",
 		"@atlaskit/media-filmstrip": "^51.0.0",
-		"@atlaskit/media-ui": "^28.3.0",
+		"@atlaskit/media-ui": "^28.4.0",
 		"@atlaskit/media-viewer": "^52.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^3.13.0",
-		"@atlaskit/smart-card": "^38.10.0",
+		"@atlaskit/smart-card": "^38.13.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^7.1.0",
-		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tmp-editor-statsig": "^8.1.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -83,7 +83,7 @@
 		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-provider": "^3.3.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
-		"@atlaskit/linking-common": "^9.0.0",
+		"@atlaskit/linking-common": "^9.1.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^37.0.0",
@@ -130,6 +130,9 @@
 		"confluence_frontend_table_scrollbar_ttvc_fix": {
 			"type": "boolean"
 		},
+		"cc_comments_improve_apply_draft_errors": {
+			"type": "boolean"
+		},
 		"platform-ssr-table-resize": {
 			"type": "boolean"
 		},
@@ -268,6 +271,9 @@
 		},
 		"prompt_whiteboard_competitor_link_gate": {
 			"type": "boolean"
+		},
+		"issue_table_single_line_row_height_fast_follows": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {