@atlaskit/renderer 128.2.3 → 128.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 128.3.0
+
+### Minor Changes
+
+- [`6e25e8bbb01c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e25e8bbb01c3) -
+  [ux] Adds mediaViewerExtensions prop to media-viewer/src/header and threads it through parents.
+  Allows callers to pass in additional buttons to the image / video preview'
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 128.2.3
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -492,7 +492,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     value: function getMediaProps(node) {
       var _this6 = this,
         _this$media,
-        _this$media2;
+        _this$media2,
+        _this$media3;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema$mar = node.type.schema.marks,
         annotation = _node$type$schema$mar.annotation,
@@ -527,6 +528,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
         allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
         enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+        mediaViewerExtensions: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.mediaViewerExtensions,
         nestedUnder: nestedUnder
       });
     }
@@ -579,21 +581,21 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
   }, {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
-      var _this$media3, _this$media4;
+      var _this$media4, _this$media5;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         shouldOpenMediaViewer: this.shouldOpenMediaViewer,
         allowAltTextOnImages: this.allowAltTextOnImages,
         featureFlags: this.media && this.media.featureFlags,
-        enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
-        ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+        enableDownloadButton: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.enableDownloadButton,
+        ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
       });
     }
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media5;
+      var _this$media6;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
-        ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
+        ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
       });
     }
   }, {

package/dist/cjs/react/marks/data-consumer.js

@@ -9,7 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 function DataConsumer(props) {
   var WrapperElement = props.isInline ? 'span' : 'div';
-  return /*#__PURE__*/_react.default.createElement(WrapperElement, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(WrapperElement
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+  , (0, _extends2.default)({
     "data-source": props.sources ? JSON.stringify(props.sources) : undefined,
     "data-mark-type": "dataConsumer"
     // Ignored via go/ees005

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

@@ -47,7 +47,7 @@ function Link(props) {
     try {
       var _onSetLinkTarget;
       actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
-    } catch (error) {
+    } catch (error) {// eslint-disable-line no-unused-vars
       // If URL parsing fails, use the original target
     }
   }
@@ -73,7 +73,9 @@ function Link(props) {
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)(_linkUrl.default, (0, _extends2.default)({
-    css: anchorStyles,
+    css: anchorStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({

package/dist/cjs/react/nodes/blockCard.js

@@ -104,6 +104,8 @@ function BlockCard(props) {
         var key = _ref3.key;
         return key;
       });
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
       var columnCustomSizesEntries = columns === null || columns === void 0 ? void 0 : columns.filter(function (c) {
         return !!c.width;
       }).map(function (_ref4) {
@@ -112,6 +114,8 @@ function BlockCard(props) {
         return [key, width];
       });
       var columnCustomSizes = columnCustomSizesEntries !== null && columnCustomSizesEntries !== void 0 && columnCustomSizesEntries.length ? Object.fromEntries(columnCustomSizesEntries) : undefined;
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
       var wrappedColumnKeys = columns === null || columns === void 0 ? void 0 : columns.filter(function (c) {
         return c.isWrapped;
       }).map(function (c) {
@@ -199,7 +203,9 @@ function BlockCard(props) {
   }, (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "blockCardView-content-wrap",
-    "data-block-card": true,
+    "data-block-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-local-id": localId

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

@@ -57,7 +57,9 @@ var CopyButton = function CopyButton(_ref) {
       className: className,
       iconBefore: (0, _react.jsx)(_copy.default, {
         label: tooltip
-      }),
+      })
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function onClick(event) {
         fireAnalyticsEvent({
           // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | 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'.

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

@@ -40,7 +40,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       iconBefore: (0, _react.jsx)(_textWrap.default, {
         label: ""
       }),
-      isSelected: wrapLongLines,
+      isSelected: wrapLongLines
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function onClick(event) {
         fireAnalyticsEvent({
           // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | 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'

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

@@ -48,7 +48,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       if (!providers.emojiProvider) {
         return null;
       }
-      return (0, _react.jsx)(_element.ResourcedEmoji, {
+      return (0, _react.jsx)(_element.ResourcedEmoji
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         emojiId: {
           id: id,
           fallback: fallback,
@@ -84,7 +86,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _react.jsx)(_providerFactory.WithProviders, {
+      return (0, _react.jsx)(_providerFactory.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/cjs/react/nodes/heading.js

@@ -54,7 +54,9 @@ function WrappedHeadingAnchor(_ref) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
     return (0, _react2.jsx)(_headingAnchor.default, {
       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: _analytics.ACTION.CLICKED,

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

@@ -110,7 +110,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;
@@ -212,7 +214,9 @@ var InlineCard = function InlineCard(props) {
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
       }, (0, _react2.jsx)("span", (0, _extends2.default)({
-        "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
@@ -251,7 +255,9 @@ var InlineCard = function InlineCard(props) {
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
       }, (0, _react2.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'],
@@ -271,7 +277,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;
@@ -301,7 +309,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;
@@ -322,7 +332,9 @@ var InlineCard = function InlineCard(props) {
   }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)("span", (0, _extends2.default)({
-    "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
@@ -345,6 +357,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/cjs/react/nodes/media/index.js

@@ -115,12 +115,15 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
   }
   return (0, _react2.jsx)(_annotation.default, {
     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,
@@ -209,10 +212,14 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
       });
     }
   };
-  return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext, (0, _extends2.default)({
+  return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , (0, _extends2.default)({
     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);
     },
@@ -262,7 +269,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         marks: annotationMarks
       }, (0, _react2.jsx)(MediaBorder, {
         mark: borderMark
-      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
           border: !!borderMark
         })
@@ -330,7 +339,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       if (!providers) {
         return this.renderCard();
       }
-      return (0, _react2.jsx)(_providerFactory.WithProviders, {
+      return (0, _react2.jsx)(_providerFactory.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
@@ -358,10 +369,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/cjs/react/nodes/mediaInline.js

@@ -100,6 +100,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
   }, [identifier, collectionName]);
   (0, _react.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]);
 
@@ -190,7 +191,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/cjs/react/nodes/mediaSingle/index.js

@@ -247,7 +247,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/cjs/react/nodes/status.js

@@ -21,7 +21,9 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
   if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+    }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         userContext: 'document'
       }
@@ -33,7 +35,9 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
       isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh')
     })));
   }
-  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     data: {
       userContext: 'document'
     }

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

@@ -99,8 +99,7 @@ var shouldHeaderPinBottom = exports.shouldHeaderPinBottom = function shouldHeade
   return tableBottom - rowHeight <= scrollTop && !(tableBottom < scrollTop);
 };
 var addSortableColumn = exports.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.default.Children.map(rows, function (row, index) {
     if (index === 0) {
@@ -709,7 +708,9 @@ var TableWithShadows = (0, _ui.overflowShadow)(TableProcessor, {
 var TableWithWidth = function TableWithWidth(props) {
   if ((0, _platformFeatureFlags.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) {
@@ -726,7 +727,9 @@ var TableWithWidth = function TableWithWidth(props) {
       var _props$columnWidths2;
       var width = _ref3.width;
       var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.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/cjs/react/nodes/taskItem.js

@@ -45,7 +45,9 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
       if (rendererContext) {
         objectAri = rendererContext.objectAri || '';
       }
-      return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+      return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: {
           userContext: 'document'
         }
@@ -61,7 +63,9 @@ var TaskItem = exports.default = /*#__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);
           }
@@ -84,7 +88,9 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.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/cjs/ui/Expand.js

@@ -239,14 +239,18 @@ function Expand(_ref2) {
     expanded: expanded,
     focused: focused
   }, nestedHeaderIds && nestedHeaderIds.length > 0 ? (0, _react.jsx)(_activeHeaderIdProvider.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, (0, _react.jsx)(TitleContainer, {
+  }) : null, (0, _react.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/cjs/ui/ExtensionRenderer.js

@@ -139,7 +139,9 @@ function ExtensionRenderer(props) {
   if (!props.providers) {
     return setupAndRenderExtensionNode({});
   }
-  return (0, _react.jsx)(_providerFactory.WithProviders, {
+  return (0, _react.jsx)(_providerFactory.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/cjs/ui/MediaCard.js

@@ -308,7 +308,8 @@ var MediaCardView = exports.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;
@@ -369,6 +370,7 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         shouldEnableDownloadButton: shouldEnableDownloadButton,
         ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
         shouldHideTooltip: isMobile,
+        mediaViewerExtensions: mediaViewerExtensions,
         onError: (0, _expValEquals.expValEquals)('platform_editor_media_error_analytics', 'isEnabled', true) ? this.onError : undefined
       }));
     }

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.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 = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -456,6 +456,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
     }, (0, _react2.jsx)(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
       value: (0, _links.getActiveHeadingId)(props.allowHeadingAnchorLinks)
     }, (0, _react2.jsx)(_analyticsContext.default.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);
@@ -475,7 +476,9 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       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);
       },
@@ -512,7 +515,9 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       allowColumnSorting: props.allowColumnSorting,
       allowNestedHeaderLinks: (0, _links.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);
       },
@@ -569,7 +574,9 @@ function Renderer(props) {
 // Used by Confluence for View page renderer
 // For the nested renderers - see RendererWithAnnotationSelection.
 var RendererWithAnalytics = exports.RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
-  return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
+  return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+  , {
     data: {
       appearance: (0, _utils.getAnalyticsAppearance)(props.appearance),
       packageName: packageName,
@@ -578,7 +585,9 @@ var RendererWithAnalytics = exports.RendererWithAnalytics = /*#__PURE__*/_react.
       // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       editorSessionId: (0, _v.default)()
     }
-  }, (0, _react2.jsx)(_ui.WithCreateAnalyticsEvent, {
+  }, (0, _react2.jsx)(_ui.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 (0, _react2.jsx)(_ErrorBoundary.ErrorBoundary, {
@@ -776,11 +785,14 @@ function RendererActionsInternalUpdater(_ref2) {
     };
   }, [actions, schema, _doc, onAnalyticsEvent]);
   if ((0, _experiments.editorExperiment)('comment_on_bodied_extensions', true)) {
-    return (0, _react2.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)
+      (0, _react2.jsx)(RootRendererContext.Provider, {
+        value: {
+          doc: _doc
+        }
+      }, children)
+    );
   }
   return children;
 }

package/dist/es2019/react/index.js

@@ -449,7 +449,7 @@ export default class ReactSerializer {
     };
   }
   getMediaProps(node, path = []) {
-    var _this$media, _this$media2;
+    var _this$media, _this$media2, _this$media3;
     const {
       marks: {
         annotation,
@@ -479,6 +479,7 @@ export default class ReactSerializer {
       // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
       allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
       enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+      mediaViewerExtensions: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.mediaViewerExtensions,
       nestedUnder
     };
   }
@@ -519,21 +520,21 @@ export default class ReactSerializer {
     };
   }
   getMediaGroupProps(node) {
-    var _this$media3, _this$media4;
+    var _this$media4, _this$media5;
     return {
       ...this.getProps(node),
       shouldOpenMediaViewer: this.shouldOpenMediaViewer,
       allowAltTextOnImages: this.allowAltTextOnImages,
       featureFlags: this.media && this.media.featureFlags,
-      enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
-      ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+      enableDownloadButton: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.enableDownloadButton,
+      ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
     };
   }
   getMediaInlineProps(node) {
-    var _this$media5;
+    var _this$media6;
     return {
       ...this.getProps(node),
-      ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
+      ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
     };
   }
   getTaskItemProps(node, path = []) {

package/dist/es2019/react/marks/data-consumer.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 export default function DataConsumer(props) {
   const WrapperElement = props.isInline ? 'span' : 'div';
-  return /*#__PURE__*/React.createElement(WrapperElement, _extends({
+  return /*#__PURE__*/React.createElement(WrapperElement
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+  , _extends({
     "data-source": props.sources ? JSON.stringify(props.sources) : undefined,
     "data-mark-type": "dataConsumer"
     // Ignored via go/ees005