@atlaskit/renderer 132.0.4 → 132.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/renderer
 
+## 132.1.0
+
+### Minor Changes
+
+- [`3b2848cddfcb6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b2848cddfcb6) -
+  [ux] update heading link focus logic
+
+### Patch Changes
+
+- [`b108dbe3ff3fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b108dbe3ff3fa) -
+  Return destination url from smart link onClick callback.
+- Updated dependencies
+
 ## 132.0.4
 
 ### Patch Changes

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

@@ -12,13 +12,14 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _fallback = require("./fallback");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
+var _utils = require("../../utils");
 var _inlineCard = _interopRequireDefault(require("./inlineCard"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _consts = require("../../consts");
 /**
@@ -66,7 +67,12 @@ function BlockCard(props) {
   var portal = (0, _PortalContext.usePortal)(props);
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
   var platform = 'web';
   var cardProps = {
     url: url,
@@ -95,7 +101,7 @@ function BlockCard(props) {
     var tableView = views.find(function (view) {
       return view.type === 'table';
     });
-    var shouldRenderDatasource = tableView && (0, _utils.canRenderDatasource)(props.datasource.id);
+    var shouldRenderDatasource = tableView && (0, _utils2.canRenderDatasource)(props.datasource.id);
     if (shouldRenderDatasource) {
       var _tableView$properties;
       var columns = (_tableView$properties = tableView.properties) === null || _tableView$properties === void 0 ? void 0 : _tableView$properties.columns;
@@ -130,7 +136,9 @@ function BlockCard(props) {
         onSetLinkTarget: onSetLinkTarget
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref5) {
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         var useStickySafeCentering = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
         var useCenterWrapper = !isNodeNested && useStickySafeCentering;
@@ -140,7 +148,7 @@ function BlockCard(props) {
           "data-local-id": localId,
           style: {
             // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-            width: isNodeNested ? '100%' : (0, _utils.calcBreakoutWidth)(layout, width)
+            width: isNodeNested ? '100%' : (0, _utils2.calcBreakoutWidth)(layout, width)
           }
         }, (0, _react.jsx)(_linkDatasource.DatasourceTableView, {
           datasourceId: datasource.id,
@@ -213,5 +221,7 @@ function BlockCard(props) {
     onSetLinkTarget: onSetLinkTarget
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, cardProps), cardComponent))));
+  }, cardProps, {
+    onClick: onConsumerClick
+  }), cardComponent))));
 }

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

@@ -23,6 +23,7 @@ var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable")
 var _consts = require("../../consts");
 var _style = require("../../ui/Renderer/style");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
+var _utils = require("../../utils");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _blockCard = _interopRequireDefault(require("./blockCard"));
@@ -73,7 +74,11 @@ function EmbedCardInternal(props) {
     onSetLinkTarget = props.onSetLinkTarget;
   var portal = (0, _PortalContext.usePortal)(props);
   var embedIframeRef = (0, _react2.useRef)(null);
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
   var platform = 'web';
@@ -210,7 +215,9 @@ function EmbedCardInternal(props) {
         unsupportedComponent: _ui.UnsupportedBlock,
         onSetLinkTarget: onSetLinkTarget
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), (0, _react.jsx)(_smartCard.EmbedResizeMessageListener, {
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), (0, _react.jsx)(_smartCard.EmbedResizeMessageListener, {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, function () {

package/dist/cjs/react/nodes/heading-anchor.js

@@ -60,12 +60,24 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       tooltipMessage: '',
       isClicked: false
     });
+    // Stable reference for Tooltip content prop to avoid recreating on each render
+    (0, _defineProperty2.default)(_this, "renderTooltipContent", function (_ref) {
+      var update = _ref.update;
+      _this._tooltipUpdate = update;
+      return _this.state.tooltipMessage;
+    });
     (0, _defineProperty2.default)(_this, "setTooltipState", function (message) {
       var isClicked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       _this.setState({
         // TODO: ED-14403 - investigate why this does not translate
         tooltipMessage: _this.props.intl.formatMessage(message),
         isClicked: isClicked
+      }, function () {
+        // Reposition tooltip after content change (replaces the key-based remount)
+        if ((0, _expValEquals.expValEquals)('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+          var _this$_tooltipUpdate, _this2;
+          (_this$_tooltipUpdate = (_this2 = _this)._tooltipUpdate) === null || _this$_tooltipUpdate === void 0 || _this$_tooltipUpdate.call(_this2);
+        }
       });
     });
     (0, _defineProperty2.default)(_this, "getCopyAriaLabel", function () {
@@ -73,7 +85,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       return _this.props.intl.formatMessage(copyAriaLabel);
     });
     (0, _defineProperty2.default)(_this, "copyToClipboard", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
         var copiedHeadingLinkToClipboard, failedToCopyHeadingLink, _t;
         return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -98,7 +110,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         }, _callee, null, [[1, 3]]);
       }));
       return function (_x) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)(_this, "resetMessage", function () {
@@ -146,6 +158,21 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var tooltipMessage = this.state.tooltipMessage;
       if (tooltipMessage) {
+        if ((0, _expValEquals.expValEquals)('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+          // Fix for A11Y-30972: Use content as a function with update callback so
+          // the Tooltip repositions without unmounting (which caused focus loss).
+          // @see https://hello.jira.atlassian.cloud/browse/A11Y-30972
+          return (0, _react2.jsx)(_tooltip.default
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          , {
+            tag: CopyAnchorWrapperWithRef,
+            content: this.renderTooltipContent,
+            position: "top",
+            delay: 0,
+            isScreenReaderAnnouncementDisabled: (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? true : false
+          }, this.renderAnchorButton());
+        }
+
         // We set the key to the message to ensure it remounts when the message
         // changes, so that it correctly repositions.
         // @see https://ecosystem.atlassian.net/projects/AK/queues/issue/AK-6548

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

@@ -26,6 +26,7 @@ var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _fallback = require("./fallback");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
+var _utils2 = require("../../utils");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _linkExtractors = require("@atlaskit/link-extractors");
@@ -174,7 +175,12 @@ var InlineCard = function InlineCard(props) {
     isResolvedViewRendered = _useState2[0],
     setIsResolvedViewRendered = _useState2[1];
   var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils2.getEventHandler)(eventHandlers, 'smartCard') : onClick;
   var cardProps = {
     url: url,
     data: data,
@@ -367,6 +373,7 @@ var InlineCard = function InlineCard(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
+    onClick: onConsumerClick,
     onSetLinkTarget: onSetLinkTarget
   }), (0, _react2.jsx)(MaybeOverlay, {
     url: url || '',

package/dist/cjs/react/utils/getCardClickHandler.js

@@ -4,11 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCardClickHandler = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
-var getCardClickHandler = exports.getCardClickHandler = function getCardClickHandler(eventHandlers, url
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-) {
+var getCardClickHandler = exports.getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
   var handler = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
+  if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+    return handler ? function (e, data) {
+      var _ref, _data$destinationUrl;
+      return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
+    } : undefined;
+  }
   return handler ? function (e) {
     return handler(e, url);
   } : undefined;

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

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

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

@@ -10,6 +10,7 @@ import { UnsupportedBlock, UnsupportedInline, WidthConsumer } from '@atlaskit/ed
 import { CardErrorBoundary } from './fallback';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import InlineCard from './inlineCard';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
@@ -61,7 +62,12 @@ export default function BlockCard(props) {
   const {
     actionOptions
   } = smartLinks || {};
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   const onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  const onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   const platform = 'web';
   const cardProps = {
     url,
@@ -118,7 +124,9 @@ export default function BlockCard(props) {
         onSetLinkTarget: onSetLinkTarget
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), jsx(WidthConsumer, null, ({
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), jsx(WidthConsumer, null, ({
         width
       }) => {
         const useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
@@ -202,5 +210,7 @@ export default function BlockCard(props) {
     onSetLinkTarget: onSetLinkTarget
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, cardProps), cardComponent))));
+  }, cardProps, {
+    onClick: onConsumerClick
+  }), cardComponent))));
 }

package/dist/es2019/react/nodes/embedCard.js

@@ -21,6 +21,7 @@ import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from
 import { RendererCssClassName } from '../../consts';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import BlockCard from './blockCard';
@@ -66,7 +67,11 @@ function EmbedCardInternal(props) {
   } = props;
   const portal = usePortal(props);
   const embedIframeRef = useRef(null);
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   const onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  const onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   const {
     actionOptions
   } = smartLinks || {};
@@ -198,7 +203,9 @@ function EmbedCardInternal(props) {
         unsupportedComponent: UnsupportedBlock,
         onSetLinkTarget: onSetLinkTarget
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), jsx(EmbedResizeMessageListener, {
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), jsx(EmbedResizeMessageListener, {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, (() => {

package/dist/es2019/react/nodes/heading-anchor.js

@@ -43,11 +43,24 @@ class HeadingAnchor extends React.PureComponent {
       tooltipMessage: '',
       isClicked: false
     });
+    // Stable reference for Tooltip content prop to avoid recreating on each render
+    _defineProperty(this, "renderTooltipContent", ({
+      update
+    }) => {
+      this._tooltipUpdate = update;
+      return this.state.tooltipMessage;
+    });
     _defineProperty(this, "setTooltipState", (message, isClicked = false) => {
       this.setState({
         // TODO: ED-14403 - investigate why this does not translate
         tooltipMessage: this.props.intl.formatMessage(message),
         isClicked
+      }, () => {
+        // Reposition tooltip after content change (replaces the key-based remount)
+        if (expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+          var _this$_tooltipUpdate;
+          (_this$_tooltipUpdate = this._tooltipUpdate) === null || _this$_tooltipUpdate === void 0 ? void 0 : _this$_tooltipUpdate.call(this);
+        }
       });
     });
     _defineProperty(this, "getCopyAriaLabel", () => {
@@ -110,6 +123,21 @@ class HeadingAnchor extends React.PureComponent {
       tooltipMessage
     } = this.state;
     if (tooltipMessage) {
+      if (expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+        // Fix for A11Y-30972: Use content as a function with update callback so
+        // the Tooltip repositions without unmounting (which caused focus loss).
+        // @see https://hello.jira.atlassian.cloud/browse/A11Y-30972
+        return jsx(Tooltip
+        // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+        , {
+          tag: CopyAnchorWrapperWithRef,
+          content: this.renderTooltipContent,
+          position: "top",
+          delay: 0,
+          isScreenReaderAnnouncementDisabled: expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? true : false
+        }, this.renderAnchorButton());
+      }
+
       // We set the key to the message to ensure it remounts when the message
       // changes, so that it correctly repositions.
       // @see https://ecosystem.atlassian.net/projects/AK/queues/issue/AK-6548

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

@@ -24,6 +24,7 @@ import { useProvider } from '@atlaskit/editor-common/provider-factory';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
@@ -157,7 +158,12 @@ const InlineCard = props => {
   } = (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value5 = cardContext.value) === null || _cardContext$value5 === void 0 ? void 0 : _cardContext$value5.store) || {};
   const [isResolvedViewRendered, setIsResolvedViewRendered] = useState(false);
   const cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   const onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  const onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   const cardProps = {
     url,
     data,
@@ -352,6 +358,7 @@ const InlineCard = props => {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
+    onClick: onConsumerClick,
     onSetLinkTarget: onSetLinkTarget
   }), jsx(MaybeOverlay, {
     url: url || '',

package/dist/es2019/react/utils/getCardClickHandler.js

@@ -1,7 +1,12 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
-export const getCardClickHandler = (eventHandlers, url
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-) => {
+export const getCardClickHandler = (eventHandlers, url) => {
   const handler = getEventHandler(eventHandlers, 'smartCard');
+  if (fg('platform_smartlink_xpc_url_wrapping')) {
+    return handler ? (e, data) => {
+      var _ref, _data$destinationUrl;
+      return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
+    } : undefined;
+  }
   return handler ? e => handler(e, url) : undefined;
 };

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

@@ -58,7 +58,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 = "132.0.3";
+const packageVersion = "132.0.4";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -10,6 +10,7 @@ import { UnsupportedBlock, UnsupportedInline, WidthConsumer } from '@atlaskit/ed
 import { CardErrorBoundary } from './fallback';
 import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import InlineCard from './inlineCard';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
@@ -58,7 +59,12 @@ export default function BlockCard(props) {
   var portal = usePortal(props);
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   var platform = 'web';
   var cardProps = {
     url: url,
@@ -122,7 +128,9 @@ export default function BlockCard(props) {
         onSetLinkTarget: onSetLinkTarget
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), jsx(WidthConsumer, null, function (_ref5) {
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), jsx(WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
         var useStickySafeCentering = expValEquals('platform_editor_flex_based_centering', 'isEnabled', true);
         var useCenterWrapper = !isNodeNested && useStickySafeCentering;
@@ -205,5 +213,7 @@ export default function BlockCard(props) {
     onSetLinkTarget: onSetLinkTarget
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, cardProps), cardComponent))));
+  }, cardProps, {
+    onClick: onConsumerClick
+  }), cardComponent))));
 }

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

@@ -22,6 +22,7 @@ import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from
 import { RendererCssClassName } from '../../consts';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import BlockCard from './blockCard';
@@ -65,7 +66,11 @@ function EmbedCardInternal(props) {
     onSetLinkTarget = props.onSetLinkTarget;
   var portal = usePortal(props);
   var embedIframeRef = useRef(null);
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
   var platform = 'web';
@@ -202,7 +207,9 @@ function EmbedCardInternal(props) {
         unsupportedComponent: UnsupportedBlock,
         onSetLinkTarget: onSetLinkTarget
         // eslint-disable-next-line react/jsx-props-no-spreading
-      }, cardProps), jsx(EmbedResizeMessageListener, {
+      }, cardProps, {
+        onClick: onConsumerClick
+      }), jsx(EmbedResizeMessageListener, {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, function () {

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

@@ -54,12 +54,24 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       tooltipMessage: '',
       isClicked: false
     });
+    // Stable reference for Tooltip content prop to avoid recreating on each render
+    _defineProperty(_this, "renderTooltipContent", function (_ref) {
+      var update = _ref.update;
+      _this._tooltipUpdate = update;
+      return _this.state.tooltipMessage;
+    });
     _defineProperty(_this, "setTooltipState", function (message) {
       var isClicked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       _this.setState({
         // TODO: ED-14403 - investigate why this does not translate
         tooltipMessage: _this.props.intl.formatMessage(message),
         isClicked: isClicked
+      }, function () {
+        // Reposition tooltip after content change (replaces the key-based remount)
+        if (expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+          var _this$_tooltipUpdate, _this2;
+          (_this$_tooltipUpdate = (_this2 = _this)._tooltipUpdate) === null || _this$_tooltipUpdate === void 0 || _this$_tooltipUpdate.call(_this2);
+        }
       });
     });
     _defineProperty(_this, "getCopyAriaLabel", function () {
@@ -67,7 +79,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       return _this.props.intl.formatMessage(copyAriaLabel);
     });
     _defineProperty(_this, "copyToClipboard", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
         var copiedHeadingLinkToClipboard, failedToCopyHeadingLink, _t;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -92,7 +104,7 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         }, _callee, null, [[1, 3]]);
       }));
       return function (_x) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     _defineProperty(_this, "resetMessage", function () {
@@ -140,6 +152,21 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var tooltipMessage = this.state.tooltipMessage;
       if (tooltipMessage) {
+        if (expValEquals('a11y-fixes-week4-may-2026', 'isEnabled', true)) {
+          // Fix for A11Y-30972: Use content as a function with update callback so
+          // the Tooltip repositions without unmounting (which caused focus loss).
+          // @see https://hello.jira.atlassian.cloud/browse/A11Y-30972
+          return jsx(Tooltip
+          // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+          , {
+            tag: CopyAnchorWrapperWithRef,
+            content: this.renderTooltipContent,
+            position: "top",
+            delay: 0,
+            isScreenReaderAnnouncementDisabled: expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? true : false
+          }, this.renderAnchorButton());
+        }
+
         // We set the key to the message to ensure it remounts when the message
         // changes, so that it correctly repositions.
         // @see https://ecosystem.atlassian.net/projects/AK/queues/issue/AK-6548

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

@@ -25,6 +25,7 @@ import { useProvider } from '@atlaskit/editor-common/provider-factory';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
+import { getEventHandler } from '../../utils';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
@@ -165,7 +166,12 @@ var InlineCard = function InlineCard(props) {
     isResolvedViewRendered = _useState2[0],
     setIsResolvedViewRendered = _useState2[1];
   var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
+
+  // Card/CardSSR's onClick — (e, { destinationUrl?, url? })
   var onClick = getCardClickHandler(eventHandlers, url);
+  // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
+  // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
+  var onConsumerClick = fg('platform_smartlink_xpc_url_wrapping') ? getEventHandler(eventHandlers, 'smartCard') : onClick;
   var cardProps = {
     url: url,
     data: data,
@@ -358,6 +364,7 @@ var InlineCard = function InlineCard(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
+    onClick: onConsumerClick,
     onSetLinkTarget: onSetLinkTarget
   }), jsx(MaybeOverlay, {
     url: url || '',

package/dist/esm/react/utils/getCardClickHandler.js

@@ -1,8 +1,13 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
-export var getCardClickHandler = function getCardClickHandler(eventHandlers, url
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-) {
+export var getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
   var handler = getEventHandler(eventHandlers, 'smartCard');
+  if (fg('platform_smartlink_xpc_url_wrapping')) {
+    return handler ? function (e, data) {
+      var _ref, _data$destinationUrl;
+      return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);
+    } : undefined;
+  }
   return handler ? function (e) {
     return handler(e, url);
   } : undefined;

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

@@ -63,7 +63,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 = "132.0.3";
+var packageVersion = "132.0.4";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/react/utils/getCardClickHandler.d.ts

@@ -1,2 +1,3 @@
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => ((e: React.MouseEvent<HTMLElement>) => any) | undefined;
+import type { CardProps } from '@atlaskit/smart-card';
+export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps["onClick"] | undefined;

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

@@ -1,2 +1,3 @@
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => ((e: React.MouseEvent<HTMLElement>) => any) | undefined;
+import type { CardProps } from '@atlaskit/smart-card';
+export declare const getCardClickHandler: (eventHandlers?: EventHandlers, url?: string) => CardProps["onClick"] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "132.0.4",
+	"version": "132.1.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -62,11 +62,11 @@
 		"@atlaskit/platform-feature-flags-react": "^0.5.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/react-ufo": "^6.7.0",
-		"@atlaskit/smart-card": "^44.23.0",
+		"@atlaskit/smart-card": "^44.24.0",
 		"@atlaskit/status": "^4.1.0",
 		"@atlaskit/task-decision": "^20.1.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^90.1.0",
+		"@atlaskit/tmp-editor-statsig": "^91.0.0",
 		"@atlaskit/tokens": "^13.3.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -254,6 +254,10 @@
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
 		},
+		"platform_smartlink_xpc_url_wrapping": {
+			"type": "boolean",
+			"referenceOnly": true
+		},
 		"platform_nested_table_style_override": {
 			"type": "boolean"
 		}