@atlaskit/renderer 133.4.2 → 133.4.4

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 133.4.4
+
+### Patch Changes
+
+- [`29e91091708d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/29e91091708d1) -
+  Add headingIdPrefix and custom heading-link copy support for nested renderers to namespace
+  generated heading IDs and copy canonical page links.
+- Updated dependencies
+
+## 133.4.3
+
+### Patch Changes
+
+- [`db98e2e76d7f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db98e2e76d7f9) -
+  Improve code block download filename suggestion. Filenames are now derived from comment lines
+  (e.g. `# cats.py`), fence marker filenames (e.g. ` ```python cats.py `), or fall back to
+  `rovo-snippet.<ext>`.
+
 ## 133.4.2
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -195,6 +195,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     this.appearance = init.appearance;
     this.contentMode = init.contentMode;
     this.disableHeadingIDs = init.disableHeadingIDs;
+    this.headingIdPrefix = init.headingIdPrefix;
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
@@ -769,7 +770,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       if (!nodeContent) {
         return;
       }
-      return this.getUniqueHeadingId(nodeContent, headingIds);
+      var uniqueId = this.getUniqueHeadingId(nodeContent, headingIds);
+      return this.headingIdPrefix ? "".concat(this.headingIdPrefix, "-").concat(uniqueId) : uniqueId;
     }
   }, {
     key: "getUniqueHeadingId",

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

@@ -67,13 +67,32 @@ var getFileExtension = function getFileExtension(language) {
   }
   return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
 };
+var suggestBaseName = function suggestBaseName(content) {
+  var _content$split$find;
+  // eslint-disable-next-line require-unicode-regexp
+  var filenameCommentPattern = /^(?:#|\/\/|<!--)\s*([\w.\-]+)\s*(?:-->)?$/;
+  var firstMeaningfulLine = (_content$split$find = content.split('\n').find(function (l) {
+    return l.trim();
+  })) !== null && _content$split$find !== void 0 ? _content$split$find : '';
+  var filenameMatch = firstMeaningfulLine.trim().match(filenameCommentPattern);
+  if (filenameMatch) {
+    // eslint-disable-next-line require-unicode-regexp
+    return filenameMatch[1].replace(/\.[^.]+$/, '') || 'rovo-snippet';
+  }
+  var cleaned = firstMeaningfulLine
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/[^a-zA-Z0-9\s]/g, ' ').trim()
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/\s+/g, '-').toLowerCase().slice(0, 30);
+  return cleaned || 'rovo-snippet';
+};
 var triggerDownload = function triggerDownload(content, language) {
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   if (typeof document === 'undefined') {
     return;
   }
   var extension = getFileExtension(language);
-  var filename = "rovo-snippet.".concat(extension);
+  var resolvedFilename = "".concat(suggestBaseName(content), ".").concat(extension);
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   var doc = document;
   var blob = new Blob([content], {
@@ -82,7 +101,7 @@ var triggerDownload = function triggerDownload(content, language) {
   var url = URL.createObjectURL(blob);
   var anchor = doc.createElement('a');
   anchor.href = url;
-  anchor.download = filename;
+  anchor.download = resolvedFilename;
   anchor.style.display = 'none';
   doc.body.appendChild(anchor);
   anchor.dispatchEvent(new MouseEvent('click', {

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -45,8 +46,12 @@ var wrapperStyles = (0, _react2.css)({
   // last character of the heading (i.e. after the final wrapped line), so we use normal inline flow.
   display: 'block'
 });
+var getHeadingAnchorLinksConfig = function getHeadingAnchorLinksConfig(allowHeadingAnchorLinks) {
+  return (0, _typeof2.default)(allowHeadingAnchorLinks) === 'object' ? allowHeadingAnchorLinks : undefined;
+};
 function WrappedHeadingAnchor(_ref) {
   var enableNestedHeaderLinks = _ref.enableNestedHeaderLinks,
+    getHeadingLink = _ref.getHeadingLink,
     level = _ref.level,
     headingId = _ref.headingId,
     hideFromScreenReader = _ref.hideFromScreenReader;
@@ -58,13 +63,14 @@ function WrappedHeadingAnchor(_ref) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onCopyText: function onCopyText() {
+        var _getHeadingLink;
         fireAnalyticsEvent({
           action: _analytics.ACTION.CLICKED,
           actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
           eventType: _analytics.EVENT_TYPE.UI
         });
-        return (0, _clipboard.copyTextToClipboard)(getCurrentUrlWithHash(headingId));
+        return (0, _clipboard.copyTextToClipboard)((_getHeadingLink = getHeadingLink === null || getHeadingLink === void 0 ? void 0 : getHeadingLink(headingId)) !== null && _getHeadingLink !== void 0 ? _getHeadingLink : getCurrentUrlWithHash(headingId));
       },
       hideFromScreenReader: hideFromScreenReader,
       headingId: headingId
@@ -90,7 +96,9 @@ function HeadingWithDuplicateAnchor(props) {
   var mouseEntered = _react.default.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
   var isRightAligned = hasRightAlignmentMark(marks);
-  var enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  var headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  var enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  var getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   var headingIdToUse = invisible ? undefined : headingId;
   var mouseEnterHandler = function mouseEnterHandler() {
     if (showAnchorLink && !mouseEntered.current) {
@@ -111,11 +119,13 @@ function HeadingWithDuplicateAnchor(props) {
   }, (0, _react2.jsx)(_react.default.Fragment, null, showAnchorLink && headingId && isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }), props.children, showAnchorLink && headingId && !isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }))), (0, _react2.jsx)(_visuallyHidden.default, {
@@ -123,6 +133,7 @@ function HeadingWithDuplicateAnchor(props) {
   }, showAnchorLink && headingId && (0, _react2.jsx)(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId
   })));
 }
@@ -145,7 +156,9 @@ function HeadingWithWrapper(props) {
   var mouseEntered = _react.default.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
   var isRightAligned = hasRightAlignmentMark(marks);
-  var enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  var headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  var enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  var getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   var headingIdToUse = invisible ? undefined : headingId;
   var mouseEnterHandler = function mouseEnterHandler() {
     if (showAnchorLink && !mouseEntered.current) {
@@ -165,6 +178,7 @@ function HeadingWithWrapper(props) {
   }, showAnchorLink && headingId && isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }), (0, _react2.jsx)(HX, {
@@ -177,6 +191,7 @@ function HeadingWithWrapper(props) {
   }, props.children), showAnchorLink && headingId && !isRightAligned && (0, _react2.jsx)(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }));

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 = "133.4.1";
+var packageVersion = "133.4.3";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -248,6 +248,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
       contentMode: props.contentMode,
       onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
+      headingIdPrefix: props.headingIdPrefix,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,
       allowColumnSorting: props.allowColumnSorting,

package/dist/es2019/react/index.js

@@ -182,6 +182,7 @@ export default class ReactSerializer {
     this.appearance = init.appearance;
     this.contentMode = init.contentMode;
     this.disableHeadingIDs = init.disableHeadingIDs;
+    this.headingIdPrefix = init.headingIdPrefix;
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
@@ -685,7 +686,8 @@ export default class ReactSerializer {
     if (!nodeContent) {
       return;
     }
-    return this.getUniqueHeadingId(nodeContent, headingIds);
+    const uniqueId = this.getUniqueHeadingId(nodeContent, headingIds);
+    return this.headingIdPrefix ? `${this.headingIdPrefix}-${uniqueId}` : uniqueId;
   }
   getUniqueHeadingId(baseId, headingIds, counter = 0) {
     if (counter === 0 && headingIds.indexOf(baseId) === -1) {

package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -59,13 +59,30 @@ const getFileExtension = language => {
   }
   return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
 };
+const suggestBaseName = content => {
+  var _content$split$find;
+  // eslint-disable-next-line require-unicode-regexp
+  const filenameCommentPattern = /^(?:#|\/\/|<!--)\s*([\w.\-]+)\s*(?:-->)?$/;
+  const firstMeaningfulLine = (_content$split$find = content.split('\n').find(l => l.trim())) !== null && _content$split$find !== void 0 ? _content$split$find : '';
+  const filenameMatch = firstMeaningfulLine.trim().match(filenameCommentPattern);
+  if (filenameMatch) {
+    // eslint-disable-next-line require-unicode-regexp
+    return filenameMatch[1].replace(/\.[^.]+$/, '') || 'rovo-snippet';
+  }
+  const cleaned = firstMeaningfulLine
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/[^a-zA-Z0-9\s]/g, ' ').trim()
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/\s+/g, '-').toLowerCase().slice(0, 30);
+  return cleaned || 'rovo-snippet';
+};
 const triggerDownload = (content, language) => {
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   if (typeof document === 'undefined') {
     return;
   }
   const extension = getFileExtension(language);
-  const filename = `rovo-snippet.${extension}`;
+  const resolvedFilename = `${suggestBaseName(content)}.${extension}`;
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   const doc = document;
   const blob = new Blob([content], {
@@ -74,7 +91,7 @@ const triggerDownload = (content, language) => {
   const url = URL.createObjectURL(blob);
   const anchor = doc.createElement('a');
   anchor.href = url;
-  anchor.download = filename;
+  anchor.download = resolvedFilename;
   anchor.style.display = 'none';
   doc.body.appendChild(anchor);
   anchor.dispatchEvent(new MouseEvent('click', {

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

@@ -33,8 +33,10 @@ const wrapperStyles = css({
   // last character of the heading (i.e. after the final wrapped line), so we use normal inline flow.
   display: 'block'
 });
+const getHeadingAnchorLinksConfig = allowHeadingAnchorLinks => typeof allowHeadingAnchorLinks === 'object' ? allowHeadingAnchorLinks : undefined;
 function WrappedHeadingAnchor({
   enableNestedHeaderLinks,
+  getHeadingLink,
   level,
   headingId,
   hideFromScreenReader
@@ -47,13 +49,14 @@ function WrappedHeadingAnchor({
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onCopyText: () => {
+      var _getHeadingLink;
       fireAnalyticsEvent({
         action: ACTION.CLICKED,
         actionSubject: ACTION_SUBJECT.BUTTON,
         actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
         eventType: EVENT_TYPE.UI
       });
-      return copyTextToClipboard(getCurrentUrlWithHash(headingId));
+      return copyTextToClipboard((_getHeadingLink = getHeadingLink === null || getHeadingLink === void 0 ? void 0 : getHeadingLink(headingId)) !== null && _getHeadingLink !== void 0 ? _getHeadingLink : getCurrentUrlWithHash(headingId));
     },
     hideFromScreenReader: hideFromScreenReader,
     headingId: headingId
@@ -80,7 +83,9 @@ function HeadingWithDuplicateAnchor(props) {
   const mouseEntered = React.useRef(false);
   const showAnchorLink = !!props.showAnchorLink;
   const isRightAligned = hasRightAlignmentMark(marks);
-  const enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  const headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  const enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  const getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   const headingIdToUse = invisible ? undefined : headingId;
   const mouseEnterHandler = () => {
     if (showAnchorLink && !mouseEntered.current) {
@@ -101,11 +106,13 @@ function HeadingWithDuplicateAnchor(props) {
   }, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }), props.children, showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }))), jsx(VisuallyHidden, {
@@ -113,6 +120,7 @@ function HeadingWithDuplicateAnchor(props) {
   }, showAnchorLink && headingId && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId
   })));
 }
@@ -137,7 +145,9 @@ function HeadingWithWrapper(props) {
   const mouseEntered = React.useRef(false);
   const showAnchorLink = !!props.showAnchorLink;
   const isRightAligned = hasRightAlignmentMark(marks);
-  const enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  const headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  const enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  const getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   const headingIdToUse = invisible ? undefined : headingId;
   const mouseEnterHandler = () => {
     if (showAnchorLink && !mouseEntered.current) {
@@ -157,6 +167,7 @@ function HeadingWithWrapper(props) {
   }, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }), jsx(HX, {
@@ -169,6 +180,7 @@ function HeadingWithWrapper(props) {
   }, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }));

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 = "133.4.1";
+const packageVersion = "133.4.3";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -240,6 +240,7 @@ export const RendererFunctionalComponent = props => {
       contentMode: props.contentMode,
       onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
+      headingIdPrefix: props.headingIdPrefix,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,
       allowColumnSorting: props.allowColumnSorting,

package/dist/esm/react/index.js

@@ -188,6 +188,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.appearance = init.appearance;
     this.contentMode = init.contentMode;
     this.disableHeadingIDs = init.disableHeadingIDs;
+    this.headingIdPrefix = init.headingIdPrefix;
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
@@ -762,7 +763,8 @@ var ReactSerializer = /*#__PURE__*/function () {
       if (!nodeContent) {
         return;
       }
-      return this.getUniqueHeadingId(nodeContent, headingIds);
+      var uniqueId = this.getUniqueHeadingId(nodeContent, headingIds);
+      return this.headingIdPrefix ? "".concat(this.headingIdPrefix, "-").concat(uniqueId) : uniqueId;
     }
   }, {
     key: "getUniqueHeadingId",

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

@@ -59,13 +59,32 @@ var getFileExtension = function getFileExtension(language) {
   }
   return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
 };
+var suggestBaseName = function suggestBaseName(content) {
+  var _content$split$find;
+  // eslint-disable-next-line require-unicode-regexp
+  var filenameCommentPattern = /^(?:#|\/\/|<!--)\s*([\w.\-]+)\s*(?:-->)?$/;
+  var firstMeaningfulLine = (_content$split$find = content.split('\n').find(function (l) {
+    return l.trim();
+  })) !== null && _content$split$find !== void 0 ? _content$split$find : '';
+  var filenameMatch = firstMeaningfulLine.trim().match(filenameCommentPattern);
+  if (filenameMatch) {
+    // eslint-disable-next-line require-unicode-regexp
+    return filenameMatch[1].replace(/\.[^.]+$/, '') || 'rovo-snippet';
+  }
+  var cleaned = firstMeaningfulLine
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/[^a-zA-Z0-9\s]/g, ' ').trim()
+  // eslint-disable-next-line require-unicode-regexp
+  .replace(/\s+/g, '-').toLowerCase().slice(0, 30);
+  return cleaned || 'rovo-snippet';
+};
 var triggerDownload = function triggerDownload(content, language) {
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   if (typeof document === 'undefined') {
     return;
   }
   var extension = getFileExtension(language);
-  var filename = "rovo-snippet.".concat(extension);
+  var resolvedFilename = "".concat(suggestBaseName(content), ".").concat(extension);
   // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
   var doc = document;
   var blob = new Blob([content], {
@@ -74,7 +93,7 @@ var triggerDownload = function triggerDownload(content, language) {
   var url = URL.createObjectURL(blob);
   var anchor = doc.createElement('a');
   anchor.href = url;
-  anchor.download = filename;
+  anchor.download = resolvedFilename;
   anchor.style.display = 'none';
   doc.body.appendChild(anchor);
   anchor.dispatchEvent(new MouseEvent('click', {

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

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -36,8 +37,12 @@ var wrapperStyles = css({
   // last character of the heading (i.e. after the final wrapped line), so we use normal inline flow.
   display: 'block'
 });
+var getHeadingAnchorLinksConfig = function getHeadingAnchorLinksConfig(allowHeadingAnchorLinks) {
+  return _typeof(allowHeadingAnchorLinks) === 'object' ? allowHeadingAnchorLinks : undefined;
+};
 function WrappedHeadingAnchor(_ref) {
   var enableNestedHeaderLinks = _ref.enableNestedHeaderLinks,
+    getHeadingLink = _ref.getHeadingLink,
     level = _ref.level,
     headingId = _ref.headingId,
     hideFromScreenReader = _ref.hideFromScreenReader;
@@ -49,13 +54,14 @@ function WrappedHeadingAnchor(_ref) {
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onCopyText: function onCopyText() {
+        var _getHeadingLink;
         fireAnalyticsEvent({
           action: ACTION.CLICKED,
           actionSubject: ACTION_SUBJECT.BUTTON,
           actionSubjectId: ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK,
           eventType: EVENT_TYPE.UI
         });
-        return copyTextToClipboard(getCurrentUrlWithHash(headingId));
+        return copyTextToClipboard((_getHeadingLink = getHeadingLink === null || getHeadingLink === void 0 ? void 0 : getHeadingLink(headingId)) !== null && _getHeadingLink !== void 0 ? _getHeadingLink : getCurrentUrlWithHash(headingId));
       },
       hideFromScreenReader: hideFromScreenReader,
       headingId: headingId
@@ -81,7 +87,9 @@ function HeadingWithDuplicateAnchor(props) {
   var mouseEntered = React.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
   var isRightAligned = hasRightAlignmentMark(marks);
-  var enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  var headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  var enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  var getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   var headingIdToUse = invisible ? undefined : headingId;
   var mouseEnterHandler = function mouseEnterHandler() {
     if (showAnchorLink && !mouseEntered.current) {
@@ -102,11 +110,13 @@ function HeadingWithDuplicateAnchor(props) {
   }, jsx(React.Fragment, null, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }), props.children, showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: true
   }))), jsx(VisuallyHidden, {
@@ -114,6 +124,7 @@ function HeadingWithDuplicateAnchor(props) {
   }, showAnchorLink && headingId && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId
   })));
 }
@@ -136,7 +147,9 @@ function HeadingWithWrapper(props) {
   var mouseEntered = React.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
   var isRightAligned = hasRightAlignmentMark(marks);
-  var enableNestedHeaderLinks = allowHeadingAnchorLinks && allowHeadingAnchorLinks.allowNestedHeaderLinks;
+  var headingAnchorLinksConfig = getHeadingAnchorLinksConfig(allowHeadingAnchorLinks);
+  var enableNestedHeaderLinks = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.allowNestedHeaderLinks;
+  var getHeadingLink = headingAnchorLinksConfig === null || headingAnchorLinksConfig === void 0 ? void 0 : headingAnchorLinksConfig.getHeadingLink;
   var headingIdToUse = invisible ? undefined : headingId;
   var mouseEnterHandler = function mouseEnterHandler() {
     if (showAnchorLink && !mouseEntered.current) {
@@ -156,6 +169,7 @@ function HeadingWithWrapper(props) {
   }, showAnchorLink && headingId && isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }), jsx(HX, {
@@ -168,6 +182,7 @@ function HeadingWithWrapper(props) {
   }, props.children), showAnchorLink && headingId && !isRightAligned && jsx(WrappedHeadingAnchor, {
     level: props.level,
     enableNestedHeaderLinks: enableNestedHeaderLinks,
+    getHeadingLink: getHeadingLink,
     headingId: headingId,
     hideFromScreenReader: false
   }));

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 = "133.4.1";
+var packageVersion = "133.4.3";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -239,6 +239,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
       contentMode: props.contentMode,
       onSetLinkTarget: props.onSetLinkTarget,
       disableHeadingIDs: props.disableHeadingIDs,
+      headingIdPrefix: props.headingIdPrefix,
       disableActions: props.disableActions,
       allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,
       allowColumnSorting: props.allowColumnSorting,

package/dist/types/react/index.d.ts

@@ -31,6 +31,7 @@ export interface ReactSerializerInit {
     disableActions?: boolean;
     disableHeadingIDs?: boolean;
     disableTableOverflowShadow?: boolean;
+    headingIdPrefix?: string;
     emojiResourceConfig?: EmojiResourceConfig;
     eventHandlers?: EventHandlers;
     extensionHandlers?: ExtensionHandlers;
@@ -72,6 +73,7 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
     private appearance?;
     private contentMode?;
     private disableHeadingIDs?;
+    private headingIdPrefix?;
     private disableActions?;
     private headingIds;
     /**

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

@@ -29,6 +29,7 @@ export type StickyHeaderProps = boolean | ({
 export type HeadingAnchorLinksConfig = {
     activeHeadingId?: string;
     allowNestedHeaderLinks?: boolean;
+    getHeadingLink?: (headingId: string) => string;
 };
 export type NodeComponentsProps = {
     [key: string]: React.ComponentType<React.PropsWithChildren<any>>;

package/dist/types/ui/renderer-props.d.ts

@@ -76,6 +76,11 @@ export interface RendererProps {
      * of tables.
      */
     disableTableOverflowShadow?: boolean;
+    /**
+     * Optional prefix to prepend to all generated heading IDs.
+     * Used by nested renderers to namespace heading IDs and avoid collisions with the host page.
+     */
+    headingIdPrefix?: string;
     document: DocNode;
     emojiResourceConfig?: EmojiResourceConfig;
     enableSsrInlineScripts?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "133.4.2",
+	"version": "133.4.4",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"