@atlaskit/renderer 128.2.2 → 128.3.0

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

@@ -43,7 +43,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       if (!providers.emojiProvider) {
         return null;
       }
-      return jsx(ResourcedEmoji, {
+      return jsx(ResourcedEmoji
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         emojiId: {
           id: id,
           fallback: fallback,
@@ -79,7 +81,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return jsx(WithProviders, {
+      return jsx(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['emojiProvider'],
         providerFactory: this.providerFactory,
         renderNode: this.renderWithProvider

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

@@ -45,7 +45,9 @@ function WrappedHeadingAnchor(_ref) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
     return jsx(HeadingAnchor, {
       enableNestedHeaderLinks: enableNestedHeaderLinks,
-      level: level,
+      level: level
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onCopyText: function onCopyText() {
         fireAnalyticsEvent({
           action: ACTION.CLICKED,

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

@@ -101,7 +101,9 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
     url: url,
     compactPadding: rendererAppearance === 'comment',
     showPanelButton: showPanelButton,
-    showPanelButtonIcon: showPanelButtonIcon,
+    showPanelButtonIcon: showPanelButtonIcon
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: function onClick(event) {
       if (isPreviewPanelAvailable) {
         var _extractSmartLinkEmbe;
@@ -203,7 +205,9 @@ var InlineCard = function InlineCard(props) {
         appearance: SMART_LINK_APPEARANCE.INLINE,
         source: SMART_LINK_DRAG_TYPES.RENDERER
       }, jsx("span", _extends({
-        "data-inline-card": true,
+        "data-inline-card": true
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+        ,
         "data-card-data": data ? JSON.stringify(data) : undefined,
         "data-card-url": url
         // Ignored via go/ees005
@@ -242,7 +246,9 @@ var InlineCard = function InlineCard(props) {
         appearance: SMART_LINK_APPEARANCE.INLINE,
         source: SMART_LINK_DRAG_TYPES.RENDERER
       }, jsx("span", {
-        "data-inline-card": true,
+        "data-inline-card": true
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+        ,
         "data-card-data": data ? JSON.stringify(data) : undefined,
         "data-card-url": url,
         "data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
@@ -262,7 +268,9 @@ var InlineCard = function InlineCard(props) {
         url: url,
         showHoverPreview: !hideHoverPreview,
         actionOptions: actionOptions,
-        onClick: onClick,
+        onClick: onClick
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+        ,
         onResolve: function onResolve(data) {
           if (!data.url || !data.title) {
             return;
@@ -292,7 +300,9 @@ var InlineCard = function InlineCard(props) {
       url: url,
       showHoverPreview: !hideHoverPreview,
       actionOptions: actionOptions,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onResolve: function onResolve(data) {
         if (!data.url || !data.title) {
           return;
@@ -313,7 +323,9 @@ var InlineCard = function InlineCard(props) {
   }, jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx("span", _extends({
-    "data-inline-card": true,
+    "data-inline-card": true
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    ,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
     // Ignored via go/ees005
@@ -336,6 +348,7 @@ var InlineCard = function InlineCard(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     onResolve: function onResolve(data) {
       if (!data.url || !data.title) {
         return;

package/dist/esm/react/nodes/media/index.js

@@ -107,12 +107,15 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
   }
   return jsx(AnnotationComponent, {
     id: mark.attrs.id,
-    annotationType: mark.attrs.annotationType,
+    annotationType: mark.attrs.annotationType
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     dataAttributes: {
       'data-renderer-mark': true,
       'data-block-mark': true
     }
     // This should be fine being empty [] since the serializer serializeFragmentChild getMarkProps call always passes
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     annotationParentIds: [],
     allowAnnotations: true,
@@ -201,10 +204,14 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
       });
     }
   };
-  return jsx(CommentBadgeNext, _extends({
+  return jsx(CommentBadgeNext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , _extends({
     onMouseEnter: function onMouseEnter() {
       return setEntered(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: function onMouseLeave() {
       return setEntered(false);
     },
@@ -254,7 +261,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         marks: annotationMarks
       }, jsx(MediaBorder, {
         mark: borderMark
-      }, jsx(AnalyticsContext, {
+      }, jsx(AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: _defineProperty({}, MEDIA_CONTEXT, {
           border: !!borderMark
         })
@@ -322,7 +331,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       if (!providers) {
         return this.renderCard();
       }
-      return jsx(WithProviders, {
+      return jsx(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providers,
         renderNode: this.renderCard
@@ -350,10 +361,14 @@ var MediaWithDraftAnnotation = function MediaWithDraftAnnotation(props) {
     }
     var posToCheck = ((_draftPosition$from = draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.from) !== null && _draftPosition$from !== void 0 ? _draftPosition$from : 0) + 1;
     if (draftPosition !== null && posToCheck === pos) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setShouldApplyDraftAnnotation(true);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setPosition(posToCheck);
     } else if (draftPosition === null && shouldApplyDraftAnnotation) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setShouldApplyDraftAnnotation(false);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setPosition(undefined);
     }
   }, [draftPosition, pos, shouldApplyDraftAnnotation]);

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

@@ -91,6 +91,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
   }, [identifier, collectionName]);
   useEffect(function () {
     var id = clipboardAttrs.id;
+    // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
     id && updateFileState(id);
   }, [contextIdentifier, clipboardAttrs, updateFileState]);
 
@@ -181,7 +182,9 @@ var MediaInline = function MediaInline(props) {
       alt: alt,
       width: width,
       height: height,
-      ssr: ssr,
+      ssr: ssr
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       border: {
         borderSize: borderSize,
         borderColor: borderColor

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -237,7 +237,9 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
       width: width,
       height: height,
       lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
-      containerWidth: containerWidth,
+      containerWidth: containerWidth
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       size: {
         width: widthAttr,
         widthType: widthType

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

@@ -12,7 +12,9 @@ export default /*#__PURE__*/memo(function Status(props) {
   if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         userContext: 'document'
       }
@@ -24,7 +26,9 @@ export default /*#__PURE__*/memo(function Status(props) {
       isBold: fg('platform-component-visual-refresh')
     })));
   }
-  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     data: {
       userContext: 'document'
     }

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

@@ -92,8 +92,7 @@ export var shouldHeaderPinBottom = function shouldHeaderPinBottom(scrollTop, tab
   return tableBottom - rowHeight <= scrollTop && !(tableBottom < scrollTop);
 };
 export var addSortableColumn = function addSortableColumn(rows, tableOrderStatus, onSorting
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-explicit-any
 ) {
   return React.Children.map(rows, function (row, index) {
     if (index === 0) {
@@ -704,7 +703,9 @@ var TableWithShadows = overflowShadow(TableProcessor, {
 var TableWithWidth = function TableWithWidth(props) {
   if (fg('platform-ssr-table-resize')) {
     var _props$columnWidths;
-    var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
+    var colWidthsSum =
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;
     if (colWidthsSum || props.allowTableResizing) {
@@ -721,7 +722,9 @@ var TableWithWidth = function TableWithWidth(props) {
       var _props$columnWidths2;
       var width = _ref3.width;
       var renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
-      var colWidthsSum = ((_props$columnWidths2 = props.columnWidths) === null || _props$columnWidths2 === void 0 ? void 0 : _props$columnWidths2.reduce(function (total, val) {
+      var colWidthsSum =
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+      ((_props$columnWidths2 = props.columnWidths) === null || _props$columnWidths2 === void 0 ? void 0 : _props$columnWidths2.reduce(function (total, val) {
         return total + val;
       }, 0)) || 0;
       if (colWidthsSum || props.allowTableResizing) {

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

@@ -36,7 +36,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
       if (rendererContext) {
         objectAri = rendererContext.objectAri || '';
       }
-      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+      return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: {
           userContext: 'document'
         }
@@ -52,7 +54,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
           disableOnChange: disableOnChange,
           taskDecisionProvider: taskDecisionProvider,
           contextIdentifierProvider: contextIdentifierProvider,
-          dataAttributes: dataAttributes,
+          dataAttributes: dataAttributes
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onChange: function onChange(_, isChecked) {
             dispatch(isChecked);
           }
@@ -75,7 +79,9 @@ var TaskItem = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['taskDecisionProvider', 'contextIdentifierProvider'],
         providerFactory: this.providerFactory,
         renderNode: this.renderWithProvider

package/dist/esm/ui/Expand.js

@@ -228,14 +228,18 @@ function Expand(_ref2) {
     expanded: expanded,
     focused: focused
   }, nestedHeaderIds && nestedHeaderIds.length > 0 ? jsx(ActiveHeaderIdConsumer, {
-    nestedHeaderIds: nestedHeaderIds,
+    nestedHeaderIds: nestedHeaderIds
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onNestedHeaderIdMatch: function onNestedHeaderIdMatch() {
       if (!hasLoadedChildren) {
         setHasLoadedChildren(true);
       }
       setExpanded(true);
     }
-  }) : null, jsx(TitleContainer, {
+  }) : null, jsx(TitleContainer
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     onClick: function onClick(e) {
       e.preventDefault();
       e.stopPropagation();

package/dist/esm/ui/ExtensionRenderer.js

@@ -130,7 +130,9 @@ export default function ExtensionRenderer(props) {
   if (!props.providers) {
     return setupAndRenderExtensionNode({});
   }
-  return jsx(WithProviders, {
+  return jsx(WithProviders
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     providers: ['extensionProvider'],
     providerFactory: props.providers,
     renderNode: setupAndRenderExtensionNode

package/dist/esm/ui/MediaCard.js

@@ -299,7 +299,8 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         mediaClient = _this$props7.mediaClient,
         dataAttributes = _this$props7.dataAttributes,
         enableSyncMediaCard = _this$props7.enableSyncMediaCard,
-        localId = _this$props7.localId;
+        localId = _this$props7.localId,
+        mediaViewerExtensions = _this$props7.mediaViewerExtensions;
       var isMobile = false;
       var shouldPlayInline = useInlinePlayer !== undefined ? useInlinePlayer : true;
       var isInlinePlayer = isMobile ? false : shouldPlayInline;
@@ -360,6 +361,7 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
         shouldHideTooltip: isMobile,
+        mediaViewerExtensions: mediaViewerExtensions,
         onError: expValEquals('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }));
     }

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "128.2.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -447,6 +447,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
     }, jsx(ActiveHeaderIdProvider, {
       value: getActiveHeadingId(props.allowHeadingAnchorLinks)
     }, jsx(AnalyticsContext.Provider, {
+      // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       value: {
         fireAnalyticsEvent: function fireAnalyticsEvent(event) {
           return _fireAnalyticsEvent(event);
@@ -466,7 +467,9 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowPlaceholderText: props.allowPlaceholderText,
       useBlockRenderForCodeBlock: (_rendererContext$feat = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat !== void 0 ? _rendererContext$feat : true,
       addTelepointer: props.addTelepointer,
-      innerRef: editorRef,
+      innerRef: editorRef
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onClick: function onClick(event) {
         return handleWrapperOnClick(event, props, mouseDownSelection);
       },
@@ -503,7 +506,9 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       allowColumnSorting: props.allowColumnSorting,
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       useBlockRenderForCodeBlock: (_rendererContext$feat2 = rendererContext.featureFlags.useBlockRenderForCodeBlock) !== null && _rendererContext$feat2 !== void 0 ? _rendererContext$feat2 : true,
-      addTelepointer: props.addTelepointer,
+      addTelepointer: props.addTelepointer
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onClick: function onClick(event) {
         return handleWrapperOnClick(event, props, mouseDownSelection);
       },
@@ -560,7 +565,9 @@ export function Renderer(props) {
 // Used by Confluence for View page renderer
 // For the nested renderers - see RendererWithAnnotationSelection.
 export var RendererWithAnalytics = /*#__PURE__*/React.memo(function (props) {
-  return jsx(FabricEditorAnalyticsContext, {
+  return jsx(FabricEditorAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+  , {
     data: {
       appearance: getAnalyticsAppearance(props.appearance),
       packageName: packageName,
@@ -569,7 +576,9 @@ export var RendererWithAnalytics = /*#__PURE__*/React.memo(function (props) {
       // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       editorSessionId: uuid()
     }
-  }, jsx(WithCreateAnalyticsEvent, {
+  }, jsx(WithCreateAnalyticsEvent
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+  , {
     render: function render(createAnalyticsEvent) {
       // `IntlErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
       return jsx(ErrorBoundary, {
@@ -767,11 +776,14 @@ function RendererActionsInternalUpdater(_ref2) {
     };
   }, [actions, schema, _doc, onAnalyticsEvent]);
   if (editorExperiment('comment_on_bodied_extensions', true)) {
-    return jsx(RootRendererContext.Provider, {
-      value: {
-        doc: _doc
-      }
-    }, children);
+    return (
+      // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      jsx(RootRendererContext.Provider, {
+        value: {
+          doc: _doc
+        }
+      }, children)
+    );
   }
   return children;
 }

package/dist/types/types/mediaOptions.d.ts

@@ -1,5 +1,6 @@
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer';
 export type MediaSSR = {
     config: MediaClientConfig;
     mode: SSR;
@@ -10,5 +11,7 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     enableSyncMediaCard?: boolean;
     featureFlags?: MediaFeatureFlags;
+    /** Extensions for the media viewer header (e.g. comment navigation button). */
+    mediaViewerExtensions?: MediaViewerExtensions;
     ssr?: MediaSSR;
 }

package/dist/types/ui/MediaCard.d.ts

@@ -10,6 +10,7 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererAppearance } from './Renderer/types';
 import type { RendererContext } from '../react/types';
 import type { MediaSSR } from '../types/mediaOptions';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer';
 import type { AnalyticsEventPayload } from '../analytics/events';
 export type MediaProvider = {
     viewMediaClientConfig: MediaClientConfig;
@@ -32,6 +33,8 @@ export interface MediaCardProps {
     id?: string;
     imageStatus?: ImageStatus;
     localId?: string;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    mediaViewerExtensions?: MediaViewerExtensions;
     /**
      * Indicates if media node is nested under a bodiedSyncBlock
      */

package/dist/types-ts4.5/types/mediaOptions.d.ts

@@ -1,5 +1,6 @@
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer';
 export type MediaSSR = {
     config: MediaClientConfig;
     mode: SSR;
@@ -10,5 +11,7 @@ export interface MediaOptions {
     enableDownloadButton?: boolean;
     enableSyncMediaCard?: boolean;
     featureFlags?: MediaFeatureFlags;
+    /** Extensions for the media viewer header (e.g. comment navigation button). */
+    mediaViewerExtensions?: MediaViewerExtensions;
     ssr?: MediaSSR;
 }

package/dist/types-ts4.5/ui/MediaCard.d.ts

@@ -10,6 +10,7 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererAppearance } from './Renderer/types';
 import type { RendererContext } from '../react/types';
 import type { MediaSSR } from '../types/mediaOptions';
+import type { MediaViewerExtensions } from '@atlaskit/media-viewer';
 import type { AnalyticsEventPayload } from '../analytics/events';
 export type MediaProvider = {
     viewMediaClientConfig: MediaClientConfig;
@@ -32,6 +33,8 @@ export interface MediaCardProps {
     id?: string;
     imageStatus?: ImageStatus;
     localId?: string;
+    /** Extensions for the media viewer (e.g. comment button in header). */
+    mediaViewerExtensions?: MediaViewerExtensions;
     /**
      * Indicates if media node is nested under a bodiedSyncBlock
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "128.2.2",
+	"version": "128.3.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,22 +44,22 @@
 		"@atlaskit/link-datasource": "^4.34.0",
 		"@atlaskit/link-extractors": "^2.4.0",
 		"@atlaskit/linking-common": "^9.10.0",
-		"@atlaskit/media-card": "^79.15.0",
+		"@atlaskit/media-card": "^79.16.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-common": "^13.0.0",
 		"@atlaskit/media-filmstrip": "^51.2.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.8.0",
+		"@atlaskit/media-viewer": "^52.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/react-ufo": "^5.4.0",
-		"@atlaskit/smart-card": "^43.26.0",
+		"@atlaskit/smart-card": "^43.27.0",
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^42.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -89,7 +89,7 @@
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^40.0.0",
-		"@atlaskit/mention": "^24.5.0",
+		"@atlaskit/mention": "^24.6.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
 		"@atlaskit/profilecard": "^24.44.0",