@atlaskit/renderer 109.53.1 → 109.53.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/renderer
 
+## 109.53.3
+
+### Patch Changes
+
+- [#138899](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138899)
+  [`e18d6c037fd51`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e18d6c037fd51) -
+  Fix comment button disabled on triple click
+
+## 109.53.2
+
+### Patch Changes
+
+- [#139453](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139453)
+  [`6ca31cec5324f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ca31cec5324f) -
+  EDF-957 Removed renderer re-render tracking analytics.
+
 ## 109.53.1
 
 ### Patch Changes

package/dist/cjs/analytics/enums.js

@@ -14,7 +14,6 @@ var EVENT_TYPE = exports.EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
 var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["STARTED"] = "started";
   ACTION["RENDERED"] = "rendered";
-  ACTION["RE_RENDERED"] = "reRendered";
   ACTION["RENDERER_TTI"] = "tti";
   ACTION["CRASHED"] = "unhandledErrorCaught";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -57,7 +57,7 @@ var CopyButton = function CopyButton(_ref) {
       }),
       onClick: function onClick(event) {
         fireAnalyticsEvent({
-          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
           // This error was introduced after upgrading to TypeScript 5
           action: _enums.ACTION.CLICKED,
           actionSubject: _enums.ACTION_SUBJECT.BUTTON,

package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -59,7 +59,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       isSelected: wrapLongLines,
       onClick: function onClick(event) {
         fireAnalyticsEvent({
-          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
           // This error was introduced after upgrading to TypeScript 5
           action: _enums.ACTION.CLICKED,
           actionSubject: _enums.ACTION_SUBJECT.BUTTON,

package/dist/cjs/steps/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createAnnotationStep = createAnnotationStep;
 exports.getPosFromRange = getPosFromRange;
+exports.isRoot = isRoot;
 exports.resolvePos = resolvePos;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _transform = require("@atlaskit/editor-prosemirror/transform");

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

@@ -49,7 +49,6 @@ var _clickToEdit = require("./click-to-edit");
 var _rendererContext = require("../../renderer-context");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _ErrorBoundary = require("./ErrorBoundary");
-var _RenderTracking = require("../../react/utils/performance/RenderTracking");
 var _EditorMediaClientProvider = require("../../react/utils/EditorMediaClientProvider");
 var _nodes = require("../../react/nodes");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -64,7 +63,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 = "109.53.1";
+var packageVersion = "109.53.3";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -79,9 +78,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
      */
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderedMeasurementDistortedDurationMonitor", (0, _measureRender.getDistortedDurationMonitor)());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "featureFlags", (0, _memoizeOne.default)(function (featureFlags) {
-      var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags, {
-        objectFlagKeys: ['rendererRenderTracking']
-      });
+      var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(featureFlags);
       return {
         featureFlags: normalizedFeatureFlags
       };
@@ -368,7 +365,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
         }
       };
       try {
-        var _featureFlags$feature, _featureFlags$feature2;
+        var _featureFlags$feature;
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
         var _renderDocument = (0, _.renderDocument)(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
           result = _renderDocument.result,
@@ -414,17 +411,9 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
           height: maxHeight,
           fadeHeight: fadeOutHeight
         }, rendererOutput) : rendererOutput;
-        var rendererRenderTracking = featureFlags === null || featureFlags === void 0 || (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 || (_featureFlags$feature2 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature2 === void 0 ? void 0 : _featureFlags$feature2[_analytics.ACTION_SUBJECT.RENDERER];
-        var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
-          componentProps: this.props,
-          action: _analytics.ACTION.RE_RENDERED,
-          actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-          handleAnalyticsEvent: this.fireAnalyticsEvent,
-          useShallow: rendererRenderTracking.useShallow
-        });
-        return (0, _react2.jsx)(_react.Fragment, null, reRenderTracking, rendererResult);
+        return (0, _react2.jsx)(_react.Fragment, null, rendererResult);
       } catch (e) {
-        var _featureFlags$feature3;
+        var _featureFlags$feature2;
         if (onError) {
           onError(e);
         }
@@ -436,7 +425,7 @@ var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
           allowPlaceholderText: allowPlaceholderText,
           allowColumnSorting: allowColumnSorting,
           allowNestedHeaderLinks: allowNestedHeaderLinks,
-          useBlockRenderForCodeBlock: (_featureFlags$feature3 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature3 !== void 0 ? _featureFlags$feature3 : true,
+          useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
           addTelepointer: this.props.addTelepointer,
           onClick: handleWrapperOnClick
         }, (0, _react2.jsx)(_ui.UnsupportedBlock, null));

package/dist/cjs/ui/annotations/hooks/user-selection.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useUserSelectionRange = void 0;
 var _react = require("react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AnnotationRangeContext = require("../contexts/AnnotationRangeContext");
 var _utils = require("./utils");
+var _steps = require("../../../steps");
 var useUserSelectionRange = exports.useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererDOM = props.rendererRef.current;
   var selectionTimeoutRef = (0, _react.useRef)();
@@ -32,6 +34,27 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
         }
         var _range = sel.getRangeAt(0);
         if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_allow_annotation_triple_click')) {
+            var startContainer = _range.startContainer,
+              endContainer = _range.endContainer,
+              commonAncestorContainer = _range.commonAncestorContainer;
+
+            // ED-23493
+            // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
+            // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
+
+            // Triple clicks are the only case that can cause the endContainer to be a non-text node
+            // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
+            var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+
+            // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
+            // platform/packages/editor/renderer/src/steps/index.ts Line 180
+
+            // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
+            if (isTripleClick && (0, _steps.isRoot)(commonAncestorContainer)) {
+              _range.setEnd(startContainer, startContainer.length || 0);
+            }
+          }
           setRange(_range.cloneRange());
         }
       }, 250);

package/dist/es2019/analytics/enums.js

@@ -8,7 +8,6 @@ export let EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
 export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["STARTED"] = "started";
   ACTION["RENDERED"] = "rendered";
-  ACTION["RE_RENDERED"] = "reRendered";
   ACTION["RENDERER_TTI"] = "tti";
   ACTION["CRASHED"] = "unhandledErrorCaught";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -43,7 +43,7 @@ const CopyButton = ({
     }),
     onClick: event => {
       fireAnalyticsEvent({
-        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
         // This error was introduced after upgrading to TypeScript 5
         action: ACTION.CLICKED,
         actionSubject: ACTION_SUBJECT.BUTTON,

package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -52,7 +52,7 @@ const CodeBlockWrapButton = ({
     isSelected: wrapLongLines,
     onClick: event => {
       fireAnalyticsEvent({
-        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
+        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
         // This error was introduced after upgrading to TypeScript 5
         action: ACTION.CLICKED,
         actionSubject: ACTION_SUBJECT.BUTTON,

package/dist/es2019/steps/index.js

@@ -124,7 +124,7 @@ function resolveNodePos(node) {
   }
   return resolvedPos;
 }
-function isRoot(element) {
+export function isRoot(element) {
   return !!element && element.classList.contains('ak-renderer-document');
 }
 export function resolvePos(node, offset, findEnd = false) {

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

@@ -40,13 +40,12 @@ import { isInteractiveElement } from './click-to-edit';
 import { RendererContextProvider } from '../../renderer-context';
 import memoizeOne from 'memoize-one';
 import { ErrorBoundary } from './ErrorBoundary';
-import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
 import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.53.1";
+const packageVersion = "109.53.3";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {
@@ -57,9 +56,7 @@ export class Renderer extends PureComponent {
      */
     _defineProperty(this, "renderedMeasurementDistortedDurationMonitor", getDistortedDurationMonitor());
     _defineProperty(this, "featureFlags", memoizeOne(featureFlags => {
-      const normalizedFeatureFlags = normalizeFeatureFlags(featureFlags, {
-        objectFlagKeys: ['rendererRenderTracking']
-      });
+      const normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
       return {
         featureFlags: normalizedFeatureFlags
       };
@@ -346,7 +343,7 @@ export class Renderer extends PureComponent {
       }
     };
     try {
-      var _featureFlags$feature, _featureFlags$feature2, _featureFlags$feature3;
+      var _featureFlags$feature;
       const schema = this.getSchema(this.props.schema, this.props.adfStage);
       const {
         result,
@@ -391,17 +388,9 @@ export class Renderer extends PureComponent {
         height: maxHeight,
         fadeHeight: fadeOutHeight
       }, rendererOutput) : rendererOutput;
-      const rendererRenderTracking = featureFlags === null || featureFlags === void 0 ? void 0 : (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 ? void 0 : (_featureFlags$feature3 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature3 === void 0 ? void 0 : _featureFlags$feature3[ACTION_SUBJECT.RENDERER];
-      const reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && jsx(RenderTracking, {
-        componentProps: this.props,
-        action: ACTION.RE_RENDERED,
-        actionSubject: ACTION_SUBJECT.RENDERER,
-        handleAnalyticsEvent: this.fireAnalyticsEvent,
-        useShallow: rendererRenderTracking.useShallow
-      });
-      return jsx(Fragment, null, reRenderTracking, rendererResult);
+      return jsx(Fragment, null, rendererResult);
     } catch (e) {
-      var _featureFlags$feature4;
+      var _featureFlags$feature2;
       if (onError) {
         onError(e);
       }
@@ -413,7 +402,7 @@ export class Renderer extends PureComponent {
         allowPlaceholderText: allowPlaceholderText,
         allowColumnSorting: allowColumnSorting,
         allowNestedHeaderLinks: allowNestedHeaderLinks,
-        useBlockRenderForCodeBlock: (_featureFlags$feature4 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature4 !== void 0 ? _featureFlags$feature4 : true,
+        useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
         addTelepointer: this.props.addTelepointer,
         onClick: handleWrapperOnClick
       }, jsx(UnsupportedBlock, null));

package/dist/es2019/ui/annotations/hooks/user-selection.js

@@ -1,6 +1,8 @@
 import { useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { isRangeInsideOfRendererContainer } from './utils';
+import { isRoot } from '../../../steps';
 export const useUserSelectionRange = props => {
   const {
     rendererRef: {
@@ -32,6 +34,29 @@ export const useUserSelectionRange = props => {
         }
         const _range = sel.getRangeAt(0);
         if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+          if (fg('platform_editor_allow_annotation_triple_click')) {
+            const {
+              startContainer,
+              endContainer,
+              commonAncestorContainer
+            } = _range;
+
+            // ED-23493
+            // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
+            // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
+
+            // Triple clicks are the only case that can cause the endContainer to be a non-text node
+            // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
+            const isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+
+            // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
+            // platform/packages/editor/renderer/src/steps/index.ts Line 180
+
+            // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
+            if (isTripleClick && isRoot(commonAncestorContainer)) {
+              _range.setEnd(startContainer, startContainer.length || 0);
+            }
+          }
           setRange(_range.cloneRange());
         }
       }, 250);

package/dist/esm/analytics/enums.js

@@ -8,7 +8,6 @@ export var EVENT_TYPE = /*#__PURE__*/function (EVENT_TYPE) {
 export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["STARTED"] = "started";
   ACTION["RENDERED"] = "rendered";
-  ACTION["RE_RENDERED"] = "reRendered";
   ACTION["RENDERER_TTI"] = "tti";
   ACTION["CRASHED"] = "unhandledErrorCaught";
   ACTION["INVALID_PROSEMIRROR_DOCUMENT"] = "invalidProsemirrorDocument";

package/dist/esm/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -49,7 +49,7 @@ var CopyButton = function CopyButton(_ref) {
       }),
       onClick: function onClick(event) {
         fireAnalyticsEvent({
-          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
           // This error was introduced after upgrading to TypeScript 5
           action: ACTION.CLICKED,
           actionSubject: ACTION_SUBJECT.BUTTON,

package/dist/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -51,7 +51,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       isSelected: wrapLongLines,
       onClick: function onClick(event) {
         fireAnalyticsEvent({
-          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.RE_RENDERED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.EDITOR_TTI | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'
           // This error was introduced after upgrading to TypeScript 5
           action: ACTION.CLICKED,
           actionSubject: ACTION_SUBJECT.BUTTON,

package/dist/esm/steps/index.js

@@ -120,7 +120,7 @@ function resolveNodePos(node) {
   }
   return resolvedPos;
 }
-function isRoot(element) {
+export function isRoot(element) {
   return !!element && element.classList.contains('ak-renderer-document');
 }
 export function resolvePos(node, offset) {

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

@@ -50,13 +50,12 @@ import { isInteractiveElement } from './click-to-edit';
 import { RendererContextProvider } from '../../renderer-context';
 import memoizeOne from 'memoize-one';
 import { ErrorBoundary } from './ErrorBoundary';
-import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientProvider';
 import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.53.1";
+var packageVersion = "109.53.3";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
@@ -71,9 +70,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
      */
     _defineProperty(_assertThisInitialized(_this), "renderedMeasurementDistortedDurationMonitor", getDistortedDurationMonitor());
     _defineProperty(_assertThisInitialized(_this), "featureFlags", memoizeOne(function (featureFlags) {
-      var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags, {
-        objectFlagKeys: ['rendererRenderTracking']
-      });
+      var normalizedFeatureFlags = normalizeFeatureFlags(featureFlags);
       return {
         featureFlags: normalizedFeatureFlags
       };
@@ -360,7 +357,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
         }
       };
       try {
-        var _featureFlags$feature, _featureFlags$feature2;
+        var _featureFlags$feature;
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
         var _renderDocument = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
           result = _renderDocument.result,
@@ -406,17 +403,9 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
           height: maxHeight,
           fadeHeight: fadeOutHeight
         }, rendererOutput) : rendererOutput;
-        var rendererRenderTracking = featureFlags === null || featureFlags === void 0 || (_featureFlags$feature2 = featureFlags.featureFlags) === null || _featureFlags$feature2 === void 0 || (_featureFlags$feature2 = _featureFlags$feature2.rendererRenderTracking) === null || _featureFlags$feature2 === void 0 ? void 0 : _featureFlags$feature2[ACTION_SUBJECT.RENDERER];
-        var reRenderTracking = (rendererRenderTracking === null || rendererRenderTracking === void 0 ? void 0 : rendererRenderTracking.enabled) && jsx(RenderTracking, {
-          componentProps: this.props,
-          action: ACTION.RE_RENDERED,
-          actionSubject: ACTION_SUBJECT.RENDERER,
-          handleAnalyticsEvent: this.fireAnalyticsEvent,
-          useShallow: rendererRenderTracking.useShallow
-        });
-        return jsx(Fragment, null, reRenderTracking, rendererResult);
+        return jsx(Fragment, null, rendererResult);
       } catch (e) {
-        var _featureFlags$feature3;
+        var _featureFlags$feature2;
         if (onError) {
           onError(e);
         }
@@ -428,7 +417,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
           allowPlaceholderText: allowPlaceholderText,
           allowColumnSorting: allowColumnSorting,
           allowNestedHeaderLinks: allowNestedHeaderLinks,
-          useBlockRenderForCodeBlock: (_featureFlags$feature3 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature3 !== void 0 ? _featureFlags$feature3 : true,
+          useBlockRenderForCodeBlock: (_featureFlags$feature2 = featureFlags.featureFlags.useBlockRenderForCodeBlock) !== null && _featureFlags$feature2 !== void 0 ? _featureFlags$feature2 : true,
           addTelepointer: this.props.addTelepointer,
           onClick: handleWrapperOnClick
         }, jsx(UnsupportedBlock, null));

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -1,6 +1,8 @@
 import { useEffect, useRef } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnnotationRangeDispatch, useAnnotationRangeState } from '../contexts/AnnotationRangeContext';
 import { isRangeInsideOfRendererContainer } from './utils';
+import { isRoot } from '../../../steps';
 export var useUserSelectionRange = function useUserSelectionRange(props) {
   var rendererDOM = props.rendererRef.current;
   var selectionTimeoutRef = useRef();
@@ -26,6 +28,27 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
         }
         var _range = sel.getRangeAt(0);
         if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+          if (fg('platform_editor_allow_annotation_triple_click')) {
+            var startContainer = _range.startContainer,
+              endContainer = _range.endContainer,
+              commonAncestorContainer = _range.commonAncestorContainer;
+
+            // ED-23493
+            // On triple-click in Chrome and Safari, the native Selection API's range has endContainer as a non-text node
+            // and commonAncestorContainer as root level div.ak-renderer-document when the node is followed by div or hr.
+
+            // Triple clicks are the only case that can cause the endContainer to be a non-text node
+            // Same check for highlight range logic in confluence/next/packages/comments-util/src/domUtils.ts Line 180
+            var isTripleClick = endContainer.nodeType !== Node.TEXT_NODE;
+
+            // isAnnotationAllowedOnRange range validation is checking if the parent container is root element and disable the comment if it is.
+            // platform/packages/editor/renderer/src/steps/index.ts Line 180
+
+            // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
+            if (isTripleClick && isRoot(commonAncestorContainer)) {
+              _range.setEnd(startContainer, startContainer.length || 0);
+            }
+          }
           setRange(_range.cloneRange());
         }
       }, 250);

package/dist/types/analytics/enums.d.ts

@@ -7,7 +7,6 @@ export declare enum EVENT_TYPE {
 export declare enum ACTION {
     STARTED = "started",
     RENDERED = "rendered",
-    RE_RENDERED = "reRendered",
     RENDERER_TTI = "tti",
     CRASHED = "unhandledErrorCaught",
     INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",

package/dist/types/analytics/events.d.ts

@@ -1,6 +1,6 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP } from '@atlaskit/editor-common/analytics';
 import type { AEP } from './enums';
-import type { PropsDifference, SEVERITY, ShallowPropsDifference, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
+import type { SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
 import type { SortOrder } from '@atlaskit/editor-common/types';
 export declare enum PLATFORM {
@@ -23,11 +23,6 @@ type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefin
     nodes: Record<string, number>;
     severity?: SEVERITY;
 }, EVENT_TYPE.OPERATIONAL>;
-type RendererReRenderedAEP<Props> = AEP<ACTION.RE_RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
-    propsDifference: PropsDifference<Props> | ShallowPropsDifference<Props>;
-    count: number;
-    componentId?: string;
-}, EVENT_TYPE.OPERATIONAL>;
 export type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
     platform: PLATFORM.WEB;
     errorMessage?: string;
@@ -119,5 +114,6 @@ type RendererTTIAEP = AEP<ACTION.RENDERER_TTI, ACTION_SUBJECT.RENDERER, undefine
     ttiFromInvocation: number;
     canceled: boolean;
 }, EVENT_TYPE.OPERATIONAL>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | RendererReRenderedAEP<T> | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
+export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

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

@@ -1,5 +1,6 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+export declare function isRoot(element: HTMLElement | null): boolean;
 export declare function resolvePos(node: Node | null, offset: number, findEnd?: boolean): number | false;
 interface AnnotationStepOptions {
     schema: Schema;

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

@@ -13,21 +13,12 @@ import type { RenderOutputStat } from '../render-document';
 import type { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
 import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
-import type { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { TextHighlighter } from '../react/types';
 export type { NodeComponentsProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
-export interface NormalizedObjectFeatureFlags {
-    rendererRenderTracking: {
-        [ACTION_SUBJECT.RENDERER]: {
-            enabled: boolean;
-            useShallow: boolean;
-        };
-    };
-}
 export interface RendererProps {
     document: DocNode;
     dataProviders?: ProviderFactory;

package/dist/types-ts4.5/analytics/enums.d.ts

@@ -7,7 +7,6 @@ export declare enum EVENT_TYPE {
 export declare enum ACTION {
     STARTED = "started",
     RENDERED = "rendered",
-    RE_RENDERED = "reRendered",
     RENDERER_TTI = "tti",
     CRASHED = "unhandledErrorCaught",
     INVALID_PROSEMIRROR_DOCUMENT = "invalidProsemirrorDocument",

package/dist/types-ts4.5/analytics/events.d.ts

@@ -1,6 +1,6 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, OperationalAEP } from '@atlaskit/editor-common/analytics';
 import type { AEP } from './enums';
-import type { PropsDifference, SEVERITY, ShallowPropsDifference, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
+import type { SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY } from '@atlaskit/editor-common/utils';
 import type { UnsupportedContentPayload, UnsupportedContentTooltipPayload } from '@atlaskit/editor-common/utils';
 import type { SortOrder } from '@atlaskit/editor-common/types';
 export declare enum PLATFORM {
@@ -23,11 +23,6 @@ type RendererRenderedAEP = AEP<ACTION.RENDERED, ACTION_SUBJECT.RENDERER, undefin
     nodes: Record<string, number>;
     severity?: SEVERITY;
 }, EVENT_TYPE.OPERATIONAL>;
-type RendererReRenderedAEP<Props> = AEP<ACTION.RE_RENDERED, ACTION_SUBJECT.RENDERER, undefined, {
-    propsDifference: PropsDifference<Props> | ShallowPropsDifference<Props>;
-    count: number;
-    componentId?: string;
-}, EVENT_TYPE.OPERATIONAL>;
 export type ComponentCrashErrorAEP = OperationalAEP<ACTION.CRASHED, ACTION_SUBJECT.RENDERER, ACTION_SUBJECT_ID, {
     platform: PLATFORM.WEB;
     errorMessage?: string;
@@ -119,5 +114,6 @@ type RendererTTIAEP = AEP<ACTION.RENDERER_TTI, ACTION_SUBJECT.RENDERER, undefine
     ttiFromInvocation: number;
     canceled: boolean;
 }, EVENT_TYPE.OPERATIONAL>;
-export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | RendererReRenderedAEP<T> | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
+export type AnalyticsEventPayload<T = void> = RendererStartAEP | RendererRenderedAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | RendererTTIAEP;
+export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

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

@@ -1,5 +1,6 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+export declare function isRoot(element: HTMLElement | null): boolean;
 export declare function resolvePos(node: Node | null, offset: number, findEnd?: boolean): number | false;
 interface AnnotationStepOptions {
     schema: Schema;

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

@@ -13,21 +13,12 @@ import type { RenderOutputStat } from '../render-document';
 import type { RendererAppearance, StickyHeaderProps, HeadingAnchorLinksProps, NodeComponentsProps } from './Renderer/types';
 import type { MediaOptions } from '../types/mediaOptions';
 import type { SmartLinksOptions } from '../types/smartLinksOptions';
-import type { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { TextHighlighter } from '../react/types';
 export type { NodeComponentsProps } from './Renderer/types';
 interface RawObjectFeatureFlags {
     ['renderer-render-tracking']: string;
 }
-export interface NormalizedObjectFeatureFlags {
-    rendererRenderTracking: {
-        [ACTION_SUBJECT.RENDERER]: {
-            enabled: boolean;
-            useShallow: boolean;
-        };
-    };
-}
 export interface RendererProps {
     document: DocNode;
     dataProviders?: ProviderFactory;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "109.53.1",
+	"version": "109.53.3",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/media-ui": "^25.11.0",
 		"@atlaskit/media-viewer": "^48.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/smart-card": "^28.0.0",
+		"@atlaskit/smart-card": "^28.1.0",
 		"@atlaskit/status": "^1.4.0",
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/theme": "^13.0.0",
@@ -145,6 +145,9 @@
 		},
 		"platform-fix-table-ssr-resizing": {
 			"type": "boolean"
+		},
+		"platform_editor_allow_annotation_triple_click": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {

package/dist/cjs/react/utils/performance/RenderTracking.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderTracking = RenderTracking;
-var _react = require("react");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _useComponentRenderTracking = require("@atlaskit/editor-common/use-component-render-tracking");
-var _analytics = require("@atlaskit/editor-common/analytics");
-function RenderTracking(props) {
-  var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
-    return (0, _debounce.default)(props.handleAnalyticsEvent, 500);
-  }, [props.handleAnalyticsEvent]);
-  (0, _useComponentRenderTracking.useComponentRenderTracking)({
-    onRender: function onRender(_ref) {
-      var renderCount = _ref.renderCount,
-        propsDifference = _ref.propsDifference,
-        componentId = _ref.componentId;
-      if (!renderCount) {
-        return;
-      }
-      debouncedHandleAnalyticsEvent({
-        action: props.action,
-        actionSubject: props.actionSubject,
-        attributes: {
-          count: renderCount,
-          propsDifference: propsDifference,
-          componentId: componentId
-        },
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL
-      });
-    },
-    propsDiffingOptions: {
-      enabled: true,
-      props: props.componentProps,
-      propsToIgnore: props.propsToIgnore,
-      useShallow: props.useShallow
-    },
-    zeroBasedCount: true
-  });
-  return null;
-}

package/dist/es2019/react/utils/performance/RenderTracking.js

@@ -1,36 +0,0 @@
-import { useMemo } from 'react';
-import debounce from 'lodash/debounce';
-import { useComponentRenderTracking } from '@atlaskit/editor-common/use-component-render-tracking';
-import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export function RenderTracking(props) {
-  const debouncedHandleAnalyticsEvent = useMemo(() => debounce(props.handleAnalyticsEvent, 500), [props.handleAnalyticsEvent]);
-  useComponentRenderTracking({
-    onRender: ({
-      renderCount,
-      propsDifference,
-      componentId
-    }) => {
-      if (!renderCount) {
-        return;
-      }
-      debouncedHandleAnalyticsEvent({
-        action: props.action,
-        actionSubject: props.actionSubject,
-        attributes: {
-          count: renderCount,
-          propsDifference: propsDifference,
-          componentId
-        },
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    },
-    propsDiffingOptions: {
-      enabled: true,
-      props: props.componentProps,
-      propsToIgnore: props.propsToIgnore,
-      useShallow: props.useShallow
-    },
-    zeroBasedCount: true
-  });
-  return null;
-}

package/dist/esm/react/utils/performance/RenderTracking.js

@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-import debounce from 'lodash/debounce';
-import { useComponentRenderTracking } from '@atlaskit/editor-common/use-component-render-tracking';
-import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-export function RenderTracking(props) {
-  var debouncedHandleAnalyticsEvent = useMemo(function () {
-    return debounce(props.handleAnalyticsEvent, 500);
-  }, [props.handleAnalyticsEvent]);
-  useComponentRenderTracking({
-    onRender: function onRender(_ref) {
-      var renderCount = _ref.renderCount,
-        propsDifference = _ref.propsDifference,
-        componentId = _ref.componentId;
-      if (!renderCount) {
-        return;
-      }
-      debouncedHandleAnalyticsEvent({
-        action: props.action,
-        actionSubject: props.actionSubject,
-        attributes: {
-          count: renderCount,
-          propsDifference: propsDifference,
-          componentId: componentId
-        },
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    },
-    propsDiffingOptions: {
-      enabled: true,
-      props: props.componentProps,
-      propsToIgnore: props.propsToIgnore,
-      useShallow: props.useShallow
-    },
-    zeroBasedCount: true
-  });
-  return null;
-}

package/dist/types/react/utils/performance/RenderTracking.d.ts

@@ -1,15 +0,0 @@
-import type { AnalyticsEventPayload } from '../../../analytics/events';
-import { type ACTION_SUBJECT, type ACTION } from '@atlaskit/editor-common/analytics';
-export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
-type RenderActions = ACTION.RE_RENDERED;
-type RenderActionSubjects = ACTION_SUBJECT.RENDERER;
-type RenderTrackingProps<ComponentProps> = {
-    componentProps: ComponentProps;
-    action: RenderActions;
-    actionSubject: RenderActionSubjects;
-    handleAnalyticsEvent: FireAnalyticsCallback;
-    propsToIgnore?: Array<keyof ComponentProps>;
-    useShallow?: boolean;
-};
-export declare function RenderTracking<Props>(props: RenderTrackingProps<Props>): null;
-export {};

package/dist/types-ts4.5/react/utils/performance/RenderTracking.d.ts

@@ -1,15 +0,0 @@
-import type { AnalyticsEventPayload } from '../../../analytics/events';
-import { type ACTION_SUBJECT, type ACTION } from '@atlaskit/editor-common/analytics';
-export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
-type RenderActions = ACTION.RE_RENDERED;
-type RenderActionSubjects = ACTION_SUBJECT.RENDERER;
-type RenderTrackingProps<ComponentProps> = {
-    componentProps: ComponentProps;
-    action: RenderActions;
-    actionSubject: RenderActionSubjects;
-    handleAnalyticsEvent: FireAnalyticsCallback;
-    propsToIgnore?: Array<keyof ComponentProps>;
-    useShallow?: boolean;
-};
-export declare function RenderTracking<Props>(props: RenderTrackingProps<Props>): null;
-export {};