@atlaskit/renderer 111.2.8 → 111.3.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/renderer
 
+## 111.3.0
+
+### Minor Changes
+
+- [#156093](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/156093)
+  [`a5156f7d85a6d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a5156f7d85a6d) -
+  Changes related to the nested renderer causing multiple callback binding to the annotation click
+
+### Patch Changes
+
+- Updated dependencies
+
+## 111.2.9
+
+### Patch Changes
+
+- [#155853](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155853)
+  [`1986c9bd0cc15`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1986c9bd0cc15) -
+  [ux] ED-25409 Support comments on media for external images in renderer
+- [#155735](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155735)
+  [`1beeeda29023a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1beeeda29023a) -
+  Upgrades editor packages to react 18
+- Updated dependencies
+
 ## 111.2.8
 
 ### Patch Changes

package/dist/cjs/ui/MediaCard.js

@@ -21,6 +21,7 @@ var _traverse = require("@atlaskit/adf-utils/traverse");
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -215,7 +216,8 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         alt = _this$props4.alt,
         featureFlags = _this$props4.featureFlags,
         ssr = _this$props4.ssr,
-        mediaClient = _this$props4.mediaClient;
+        mediaClient = _this$props4.mediaClient,
+        dataAttributes = _this$props4.dataAttributes;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -227,23 +229,45 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-      return /*#__PURE__*/_react.default.createElement(_mediaCard.Card
-      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-      // context is not really used when the type is external and we want to render the component asap
-      , {
-        mediaClientConfig: mediaClientConfig,
-        alt: alt,
-        identifier: identifier,
-        dimensions: cardDimensions,
-        appearance: appearance,
-        resizeMode: resizeMode,
-        disableOverlay: disableOverlay,
-        shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-        featureFlags: featureFlags,
-        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-        shouldHideTooltip: false
-      });
+      if ((0, _platformFeatureFlags.fg)('platform_editor_external_media_comment_bugfix')) {
+        return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dataAttributes, {
+          "data-node-type": "media"
+        }), /*#__PURE__*/_react.default.createElement(_mediaCard.Card
+        // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+        // context is not really used when the type is external and we want to render the component asap
+        , {
+          mediaClientConfig: mediaClientConfig,
+          alt: alt,
+          identifier: identifier,
+          dimensions: cardDimensions,
+          appearance: appearance,
+          resizeMode: resizeMode,
+          disableOverlay: disableOverlay,
+          shouldOpenMediaViewer: shouldOpenMediaViewer,
+          mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+          featureFlags: featureFlags,
+          ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+          shouldHideTooltip: false
+        }));
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_mediaCard.Card
+        // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+        // context is not really used when the type is external and we want to render the component asap
+        , {
+          mediaClientConfig: mediaClientConfig,
+          alt: alt,
+          identifier: identifier,
+          dimensions: cardDimensions,
+          appearance: appearance,
+          resizeMode: resizeMode,
+          disableOverlay: disableOverlay,
+          shouldOpenMediaViewer: shouldOpenMediaViewer,
+          mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+          featureFlags: featureFlags,
+          ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+          shouldHideTooltip: false
+        });
+      }
     }
   }, {
     key: "render",

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

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

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

@@ -83,10 +83,11 @@ var useAnnotationClickEvent = exports.useAnnotationClickEvent = function useAnno
     annotationClickEvent = _useState6[0],
     setAnnotationClickEvent = _useState6[1];
   var updateSubscriber = props.updateSubscriber,
-    createAnalyticsEvent = props.createAnalyticsEvent;
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    isNestedRender = props.isNestedRender;
   var isInlineCommentsKbAccessible = _featureGateJsClient.default.checkGate('inline_comments_keyboard_accessible_renderer');
   (0, _react.useLayoutEffect)(function () {
-    if (!updateSubscriber) {
+    if (!updateSubscriber || isNestedRender) {
       return;
     }
     var clickCb = function clickCb(_ref3) {
@@ -135,6 +136,6 @@ var useAnnotationClickEvent = exports.useAnnotationClickEvent = function useAnno
       updateSubscriber.off(_types.AnnotationUpdateEvent.ON_ANNOTATION_CLICK, clickCb);
       updateSubscriber.off(_types.AnnotationUpdateEvent.DESELECT_ANNOTATIONS, deselectCb);
     };
-  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible]);
+  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible, isNestedRender]);
   return annotationClickEvent;
 };

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

@@ -73,6 +73,7 @@ var AnnotationsWrapper = exports.AnnotationsWrapper = function AnnotationsWrappe
     adfDocument: adfDocument,
     isNestedRender: isNestedRender
   }), /*#__PURE__*/_react.default.createElement(_view.AnnotationView, {
+    isNestedRender: isNestedRender,
     createAnalyticsEvent: createAnalyticsEvent
   }), children)))));
 };

package/dist/cjs/ui/annotations/view/index.js

@@ -18,7 +18,8 @@ var AnnotationView = exports.AnnotationView = function AnnotationView(props) {
   var updateSubscriber = inlineCommentProvider && inlineCommentProvider.updateSubscriber || null;
   var viewComponentProps = (0, _hooks.useAnnotationClickEvent)({
     updateSubscriber: updateSubscriber,
-    createAnalyticsEvent: props.createAnalyticsEvent
+    createAnalyticsEvent: props.createAnalyticsEvent,
+    isNestedRender: props.isNestedRender
   });
   var ViewComponent = inlineCommentProvider && inlineCommentProvider.viewComponent;
   var deleteAnnotation = (0, _react.useMemo)(function () {

package/dist/es2019/ui/MediaCard.js

@@ -5,6 +5,7 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
@@ -147,7 +148,8 @@ export class MediaCardView extends Component {
       alt,
       featureFlags,
       ssr,
-      mediaClient
+      mediaClient,
+      dataAttributes
     } = this.props;
     if (imageStatus === 'loading' || !url) {
       return this.renderLoadingCard();
@@ -160,23 +162,45 @@ export class MediaCardView extends Component {
 
     // we need this statement for the mandatory mediaClientConfig below
     const mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-    return /*#__PURE__*/React.createElement(Card
-    // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-    // context is not really used when the type is external and we want to render the component asap
-    , {
-      mediaClientConfig: mediaClientConfig,
-      alt: alt,
-      identifier: identifier,
-      dimensions: cardDimensions,
-      appearance: appearance,
-      resizeMode: resizeMode,
-      disableOverlay: disableOverlay,
-      shouldOpenMediaViewer: shouldOpenMediaViewer,
-      mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-      featureFlags: featureFlags,
-      ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-      shouldHideTooltip: false
-    });
+    if (fg('platform_editor_external_media_comment_bugfix')) {
+      return /*#__PURE__*/React.createElement("div", _extends({}, dataAttributes, {
+        "data-node-type": "media"
+      }), /*#__PURE__*/React.createElement(Card
+      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+      // context is not really used when the type is external and we want to render the component asap
+      , {
+        mediaClientConfig: mediaClientConfig,
+        alt: alt,
+        identifier: identifier,
+        dimensions: cardDimensions,
+        appearance: appearance,
+        resizeMode: resizeMode,
+        disableOverlay: disableOverlay,
+        shouldOpenMediaViewer: shouldOpenMediaViewer,
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+        featureFlags: featureFlags,
+        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+        shouldHideTooltip: false
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement(Card
+      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+      // context is not really used when the type is external and we want to render the component asap
+      , {
+        mediaClientConfig: mediaClientConfig,
+        alt: alt,
+        identifier: identifier,
+        dimensions: cardDimensions,
+        appearance: appearance,
+        resizeMode: resizeMode,
+        disableOverlay: disableOverlay,
+        shouldOpenMediaViewer: shouldOpenMediaViewer,
+        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+        featureFlags: featureFlags,
+        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+        shouldHideTooltip: false
+      });
+    }
   }
   render() {
     const {

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

@@ -45,7 +45,7 @@ import { countNodes } from './count-nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "111.2.8";
+const packageVersion = "111.3.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

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

@@ -72,11 +72,12 @@ export const useAnnotationClickEvent = props => {
   const [annotationClickEvent, setAnnotationClickEvent] = useState(null);
   const {
     updateSubscriber,
-    createAnalyticsEvent
+    createAnalyticsEvent,
+    isNestedRender
   } = props;
   const isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
   useLayoutEffect(() => {
-    if (!updateSubscriber) {
+    if (!updateSubscriber || isNestedRender) {
       return;
     }
     const clickCb = ({
@@ -122,6 +123,6 @@ export const useAnnotationClickEvent = props => {
       updateSubscriber.off(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, clickCb);
       updateSubscriber.off(AnnotationUpdateEvent.DESELECT_ANNOTATIONS, deselectCb);
     };
-  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible]);
+  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible, isNestedRender]);
   return annotationClickEvent;
 };

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

@@ -56,6 +56,7 @@ export const AnnotationsWrapper = props => {
     adfDocument: adfDocument,
     isNestedRender: isNestedRender
   }), /*#__PURE__*/React.createElement(AnnotationView, {
+    isNestedRender: isNestedRender,
     createAnalyticsEvent: createAnalyticsEvent
   }), children)))));
 };

package/dist/es2019/ui/annotations/view/index.js

@@ -9,7 +9,8 @@ const AnnotationView = props => {
   const updateSubscriber = inlineCommentProvider && inlineCommentProvider.updateSubscriber || null;
   const viewComponentProps = useAnnotationClickEvent({
     updateSubscriber,
-    createAnalyticsEvent: props.createAnalyticsEvent
+    createAnalyticsEvent: props.createAnalyticsEvent,
+    isNestedRender: props.isNestedRender
   });
   const ViewComponent = inlineCommentProvider && inlineCommentProvider.viewComponent;
   const deleteAnnotation = useMemo(() => annotationInfo => actionContext.deleteAnnotation(annotationInfo.id, annotationInfo.type), [actionContext]);

package/dist/esm/ui/MediaCard.js

@@ -17,6 +17,7 @@ import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
@@ -205,7 +206,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         alt = _this$props4.alt,
         featureFlags = _this$props4.featureFlags,
         ssr = _this$props4.ssr,
-        mediaClient = _this$props4.mediaClient;
+        mediaClient = _this$props4.mediaClient,
+        dataAttributes = _this$props4.dataAttributes;
       if (imageStatus === 'loading' || !url) {
         return this.renderLoadingCard();
       }
@@ -217,23 +219,45 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
 
       // we need this statement for the mandatory mediaClientConfig below
       var mediaClientConfig = mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig;
-      return /*#__PURE__*/React.createElement(Card
-      // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
-      // context is not really used when the type is external and we want to render the component asap
-      , {
-        mediaClientConfig: mediaClientConfig,
-        alt: alt,
-        identifier: identifier,
-        dimensions: cardDimensions,
-        appearance: appearance,
-        resizeMode: resizeMode,
-        disableOverlay: disableOverlay,
-        shouldOpenMediaViewer: shouldOpenMediaViewer,
-        mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-        featureFlags: featureFlags,
-        ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
-        shouldHideTooltip: false
-      });
+      if (fg('platform_editor_external_media_comment_bugfix')) {
+        return /*#__PURE__*/React.createElement("div", _extends({}, dataAttributes, {
+          "data-node-type": "media"
+        }), /*#__PURE__*/React.createElement(Card
+        // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+        // context is not really used when the type is external and we want to render the component asap
+        , {
+          mediaClientConfig: mediaClientConfig,
+          alt: alt,
+          identifier: identifier,
+          dimensions: cardDimensions,
+          appearance: appearance,
+          resizeMode: resizeMode,
+          disableOverlay: disableOverlay,
+          shouldOpenMediaViewer: shouldOpenMediaViewer,
+          mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+          featureFlags: featureFlags,
+          ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+          shouldHideTooltip: false
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement(Card
+        // TODO MPT-315: clean up after we move mediaClientConfig into FileIdentifier
+        // context is not really used when the type is external and we want to render the component asap
+        , {
+          mediaClientConfig: mediaClientConfig,
+          alt: alt,
+          identifier: identifier,
+          dimensions: cardDimensions,
+          appearance: appearance,
+          resizeMode: resizeMode,
+          disableOverlay: disableOverlay,
+          shouldOpenMediaViewer: shouldOpenMediaViewer,
+          mediaViewerItems: Array.from(mediaIdentifierMap.values()),
+          featureFlags: featureFlags,
+          ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+          shouldHideTooltip: false
+        });
+      }
     }
   }, {
     key: "render",

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

@@ -55,7 +55,7 @@ import { countNodes } from './count-nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "111.2.8";
+var packageVersion = "111.3.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

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

@@ -76,10 +76,11 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
     annotationClickEvent = _useState6[0],
     setAnnotationClickEvent = _useState6[1];
   var updateSubscriber = props.updateSubscriber,
-    createAnalyticsEvent = props.createAnalyticsEvent;
+    createAnalyticsEvent = props.createAnalyticsEvent,
+    isNestedRender = props.isNestedRender;
   var isInlineCommentsKbAccessible = FeatureGates.checkGate('inline_comments_keyboard_accessible_renderer');
   useLayoutEffect(function () {
-    if (!updateSubscriber) {
+    if (!updateSubscriber || isNestedRender) {
       return;
     }
     var clickCb = function clickCb(_ref3) {
@@ -128,6 +129,6 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
       updateSubscriber.off(AnnotationUpdateEvent.ON_ANNOTATION_CLICK, clickCb);
       updateSubscriber.off(AnnotationUpdateEvent.DESELECT_ANNOTATIONS, deselectCb);
     };
-  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible]);
+  }, [updateSubscriber, createAnalyticsEvent, isInlineCommentsKbAccessible, isNestedRender]);
   return annotationClickEvent;
 };

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

@@ -52,6 +52,7 @@ export var AnnotationsWrapper = function AnnotationsWrapper(props) {
     adfDocument: adfDocument,
     isNestedRender: isNestedRender
   }), /*#__PURE__*/React.createElement(AnnotationView, {
+    isNestedRender: isNestedRender,
     createAnalyticsEvent: createAnalyticsEvent
   }), children)))));
 };

package/dist/esm/ui/annotations/view/index.js

@@ -9,7 +9,8 @@ var AnnotationView = function AnnotationView(props) {
   var updateSubscriber = inlineCommentProvider && inlineCommentProvider.updateSubscriber || null;
   var viewComponentProps = useAnnotationClickEvent({
     updateSubscriber: updateSubscriber,
-    createAnalyticsEvent: props.createAnalyticsEvent
+    createAnalyticsEvent: props.createAnalyticsEvent,
+    isNestedRender: props.isNestedRender
   });
   var ViewComponent = inlineCommentProvider && inlineCommentProvider.viewComponent;
   var deleteAnnotation = useMemo(function () {

package/dist/types/ui/annotations/hooks/use-events.d.ts

@@ -6,6 +6,7 @@ type ListenEventProps = {
     id: AnnotationId;
     updateSubscriber: AnnotationUpdateEmitter | null;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    isNestedRender?: boolean;
 };
 type UseAnnotationUpdateSatteByEventProps = {
     type: AnnotationTypes;
@@ -14,5 +15,5 @@ type UseAnnotationUpdateSatteByEventProps = {
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
 export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => boolean;
 type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
-export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent'>) => AnnotationsWithClickTarget;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
 export {};

package/dist/types/ui/annotations/view/index.d.ts

@@ -2,6 +2,7 @@
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 type Props = {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    isNestedRender: boolean;
 };
 declare const AnnotationView: (props: Props) => JSX.Element | null;
 export { AnnotationView };

package/dist/types-ts4.5/ui/annotations/hooks/use-events.d.ts

@@ -6,6 +6,7 @@ type ListenEventProps = {
     id: AnnotationId;
     updateSubscriber: AnnotationUpdateEmitter | null;
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    isNestedRender?: boolean;
 };
 type UseAnnotationUpdateSatteByEventProps = {
     type: AnnotationTypes;
@@ -14,5 +15,5 @@ type UseAnnotationUpdateSatteByEventProps = {
 export declare const useAnnotationStateByTypeEvent: ({ type, updateSubscriber, }: UseAnnotationUpdateSatteByEventProps) => Record<string, AnnotationMarkStates | null>;
 export declare const useHasFocusEvent: ({ id, updateSubscriber }: ListenEventProps) => boolean;
 type AnnotationsWithClickTarget = Pick<InlineCommentViewComponentProps, 'annotations' | 'clickElementTarget'> | null;
-export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent'>) => AnnotationsWithClickTarget;
+export declare const useAnnotationClickEvent: (props: Pick<ListenEventProps, 'updateSubscriber' | 'createAnalyticsEvent' | 'isNestedRender'>) => AnnotationsWithClickTarget;
 export {};

package/dist/types-ts4.5/ui/annotations/view/index.d.ts

@@ -2,6 +2,7 @@
 import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 type Props = {
     createAnalyticsEvent?: CreateUIAnalyticsEvent;
+    isNestedRender: boolean;
 };
 declare const AnnotationView: (props: Props) => JSX.Element | null;
 export { AnnotationView };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "111.2.8",
+	"version": "111.3.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,25 +23,25 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^42.3.1",
-		"@atlaskit/adf-utils": "^19.9.0",
+		"@atlaskit/adf-utils": "^19.10.0",
 		"@atlaskit/analytics-listeners": "^8.11.0",
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/code": "^15.6.0",
-		"@atlaskit/editor-common": "^94.2.0",
+		"@atlaskit/editor-common": "^94.3.0",
 		"@atlaskit/editor-json-transformer": "^8.20.0",
-		"@atlaskit/editor-palette": "1.6.1",
+		"@atlaskit/editor-palette": "1.6.2",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/feature-gate-js-client": "^4.20.0",
-		"@atlaskit/icon": "^22.23.0",
+		"@atlaskit/icon": "^22.24.0",
 		"@atlaskit/link-datasource": "^3.6.0",
-		"@atlaskit/media-card": "^78.7.0",
+		"@atlaskit/media-card": "^78.8.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
-		"@atlaskit/media-common": "^11.6.0",
+		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-filmstrip": "^47.4.0",
 		"@atlaskit/media-ui": "^25.16.0",
 		"@atlaskit/media-viewer": "^49.2.0",
@@ -93,8 +93,6 @@
 		"jsdom": "^22.0.0",
 		"mockdate": "^3.0.5",
 		"puppeteer": "13.7.0",
-		"react": "^16.8.0",
-		"react-dom": "^16.8.0",
 		"react-live-clock": "^5.0.0",
 		"react-magnetic-di": "^3.1.4",
 		"react-moment": "^1.1.2",
@@ -136,6 +134,9 @@
 		},
 		"platform-datasources-enable-two-way-sync": {
 			"type": "boolean"
+		},
+		"platform_editor_external_media_comment_bugfix": {
+			"type": "boolean"
 		}
 	},
 	"af:exports": {