@atlaskit/renderer 128.2.3 → 128.3.1

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "128.3.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -447,6 +447,7 @@ export const RendererFunctionalComponent = props => {
     }, 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: event => fireAnalyticsEvent(event)
       }
@@ -464,7 +465,9 @@ export const RendererFunctionalComponent = props => {
       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: event => handleWrapperOnClick(event, props, mouseDownSelection),
       onMouseDown: onMouseDownEditView,
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
@@ -499,7 +502,9 @@ export const RendererFunctionalComponent = props => {
       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: event => handleWrapperOnClick(event, props, mouseDownSelection),
       isTopLevelRenderer: rendererContext.isTopLevelRenderer,
       allowRendererContainerStyles: props.allowRendererContainerStyles
@@ -556,7 +561,9 @@ export function Renderer(props) {
 // Usage notes:
 // Used by Confluence for View page renderer
 // For the nested renderers - see RendererWithAnnotationSelection.
-export const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(FabricEditorAnalyticsContext, {
+export const RendererWithAnalytics = /*#__PURE__*/React.memo(props => 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,
@@ -565,7 +572,9 @@ export const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(Fabric
     // 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: createAnalyticsEvent => {
     // `IntlErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
     return jsx(ErrorBoundary, {
@@ -761,11 +770,14 @@ function RendererActionsInternalUpdater({
     return () => actions._privateUnregisterRenderer();
   }, [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/es2019/ui/Renderer/truncated-wrapper.js

@@ -18,7 +18,8 @@ const fadeOutStyles = (maxHeight, top, backgroundColor) => css({
     bottom: 0,
     left: 0,
     right: 0,
-    backgroundImage: `linear-gradient( ${"var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0))"}, ${backgroundColor} )`
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    backgroundImage: `linear-gradient( ${"var(--ds-background-neutral-subtle, #00000000)"}, ${backgroundColor} )`
   }
 });
 const FadeOut = props => {
@@ -48,7 +49,7 @@ export class TruncatedWrapper extends Component {
     const {
       height = 95,
       fadeHeight = 24,
-      backgroundColor = "var(--ds-surface, white)",
+      backgroundColor = "var(--ds-surface, #FFFFFF)",
       children
     } = this.props;
     return jsx(FadeOut, {

package/dist/esm/react/index.js

@@ -485,7 +485,8 @@ var ReactSerializer = /*#__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,
@@ -520,6 +521,7 @@ var ReactSerializer = /*#__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
       });
     }
@@ -572,21 +574,21 @@ var ReactSerializer = /*#__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/esm/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) {
   var 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

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

@@ -6,7 +6,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
@@ -14,13 +13,13 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 var anchorStyles = css({
-  color: "var(--ds-link, ".concat(B400, ")"),
+  color: "var(--ds-link, #1868DB)",
   '&:hover': {
-    color: "var(--ds-link, ".concat(B300, ")"),
+    color: "var(--ds-link, #1868DB)",
     textDecoration: 'underline'
   },
   '&:active': {
-    color: "var(--ds-link-pressed, ".concat(B500, ")")
+    color: "var(--ds-link-pressed, #1558BC)"
   }
 });
 export default function Link(props) {
@@ -36,7 +35,7 @@ export default 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
     }
   }
@@ -62,7 +61,9 @@ export default function Link(props) {
   return jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx(LinkUrl, _extends({
-    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/esm/react/nodes/blockCard.js

@@ -16,37 +16,36 @@ import { DatasourceTableView } from '@atlaskit/link-datasource';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { N40 } from '@atlaskit/theme/colors';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import { RendererCssClassName } from '../../consts';
 var datasourceCenterWrapperStyles = css({
-  marginTop: "var(--ds-space-150, 0.75rem)",
-  marginBottom: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)",
+  marginBottom: "var(--ds-space-150, 12px)"
 });
 var datasourceContainerStyleWithMarginTop = css({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden',
-  marginTop: "var(--ds-space-150, 0.75rem)",
-  marginBottom: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)",
+  marginBottom: "var(--ds-space-150, 12px)"
 });
 
 // No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse). Styles from datasourceContainerStyleLegacy
 var datasourceContainerStyleNoVerticalMargin = css({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden'
 });
 var datasourceContainerStyleLegacy = css({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
-  marginBottom: "var(--ds-space-150, 0.75rem)",
+  marginBottom: "var(--ds-space-150, 12px)",
   transform: 'translateX(-50%)',
-  marginTop: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)"
 });
 export default function BlockCard(props) {
   var url = props.url,
@@ -96,6 +95,8 @@ export default 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) {
@@ -104,6 +105,8 @@ export default 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) {
@@ -191,7 +194,9 @@ export default function BlockCard(props) {
   }, 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/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -6,11 +6,10 @@
 import { jsx, css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
 import CodeWrapButton from './codeBlockWrapButton';
-import { N0, N20, N30, N700 } from '@atlaskit/theme/colors';
 var codeBlockButtonsWrapper = css({
   position: 'sticky',
   top: '0px',
-  background: "".concat("var(--ds-surface, ".concat(N20, ")"))
+  background: "var(--ds-surface, #FFFFFF)"
 });
 var codeBlockButtonsStyle = css({
   display: 'flex',
@@ -25,24 +24,24 @@ var codeBlockButtonsStyle = css({
   button: {
     height: '32px',
     width: '32px',
-    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N0, ")")),
+    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",
-    background: "".concat("var(--ds-surface-overlay, ".concat(N20, ")")),
-    color: "var(--ds-icon, rgb(66, 82, 110))",
+    background: "var(--ds-surface-overlay, #FFFFFF)",
+    color: "var(--ds-icon, #292A2E)",
     '&:hover': {
       borderWidth: "var(--ds-border-width-selected, 2px)",
-      backgroundColor: "".concat("var(--ds-surface-overlay-hovered, ".concat(N30, ")")),
+      backgroundColor: "var(--ds-surface-overlay-hovered, #F0F1F2)",
       height: '32px',
       width: '32px'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
-      backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(N700, ")")),
+      backgroundColor: "var(--ds-background-neutral-bold-pressed, #505258)",
       borderRadius: "var(--ds-radius-small, 4px)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-      color: "".concat("var(--ds-icon-inverse, ".concat(N0, ")"), " !important")
+      color: "var(--ds-icon-inverse, #FFFFFF)".concat(" !important")
     }
   }
 });

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

@@ -5,14 +5,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { N20 } from '@atlaskit/theme/colors';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 var codeBlockStyleOverrides = css(_defineProperty({
   tabSize: 4,
-  backgroundColor: "var(--ds-surface-raised, ".concat(N20, ")"),
+  backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   button: {
     opacity: 0,

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

@@ -48,7 +48,9 @@ var CopyButton = function CopyButton(_ref) {
       className: className,
       iconBefore: jsx(CopyIcon, {
         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/esm/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -32,7 +32,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       iconBefore: jsx(TextWrapIcon, {
         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/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -111,7 +111,7 @@ var codeBlockSharedStyles = css(_defineProperty(_defineProperty(_defineProperty(
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.5rem',
   textAlign: 'right',
-  color: "var(--ds-text-subtlest, #505F79)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   boxSizing: 'content-box'
 })));
 var lightWeightCodeBlockStyles = css(_defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {

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