@atlaskit/renderer 119.0.0 → 119.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 119.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 119.0.0
 
 ### Patch Changes

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,7 +117,7 @@ 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(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);

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.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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/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,7 +126,7 @@ 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(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);

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.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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/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,7 +108,7 @@ 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(mode, Number(node.dataset.width) || null,
             // Ignored via go/ees005
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             renderer.offsetWidth);

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.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "119.0.0",
+	"version": "119.0.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,12 +52,12 @@
 		"@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.0.0",
+		"@atlaskit/tokens": "^5.3.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"
 		},