@atlaskit/renderer 133.4.3 → 133.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 133.5.0
+
+### Minor Changes
+
+- [`404be770a2ccf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/404be770a2ccf) -
+  Update i18n NPM package versions for editor,editor-extensions,activity-platform,media,elements
+  (Group 3)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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

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/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.2";
+var packageVersion = "133.4.4";
 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/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.2";
+const packageVersion = "133.4.4";
 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/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.2";
+var packageVersion = "133.4.4";
 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.3",
+	"version": "133.5.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^56.0.0",
 		"@atlaskit/adf-utils": "^20.0.0",
-		"@atlaskit/afm-i18n-platform-editor-renderer": "2.158.0",
+		"@atlaskit/afm-i18n-platform-editor-renderer": "2.160.0",
 		"@atlaskit/analytics-listeners": "^11.0.0",
 		"@atlaskit/analytics-namespaced-context": "^8.0.0",
 		"@atlaskit/analytics-next": "^12.0.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.0.0",
-		"@atlaskit/emoji": "^71.3.0",
+		"@atlaskit/emoji": "^71.4.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/icon": "^36.0.0",
 		"@atlaskit/link": "^4.0.0",
@@ -56,15 +56,15 @@
 		"@atlaskit/media-client-react": "^6.0.0",
 		"@atlaskit/media-common": "^14.0.0",
 		"@atlaskit/media-filmstrip": "^52.1.0",
-		"@atlaskit/media-ui": "^30.1.0",
+		"@atlaskit/media-ui": "^30.2.0",
 		"@atlaskit/media-viewer": "^54.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
 		"@atlaskit/smart-card": "^45.2.0",
-		"@atlaskit/status": "^5.1.0",
-		"@atlaskit/task-decision": "^21.1.0",
+		"@atlaskit/status": "^5.2.0",
+		"@atlaskit/task-decision": "^21.2.0",
 		"@atlaskit/theme": "^26.0.0",
 		"@atlaskit/tmp-editor-statsig": "^109.0.0",
 		"@atlaskit/tokens": "^14.0.0",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.6.0",
+		"@atlaskit/editor-common": "^116.7.0",
 		"@atlaskit/link-provider": "^5.0.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -99,7 +99,7 @@
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^42.0.0",
-		"@atlaskit/mention": "^27.1.0",
+		"@atlaskit/mention": "^27.2.0",
 		"@atlaskit/modal-dialog": "^16.0.0",
 		"@atlaskit/navigation-system": "^10.0.0",
 		"@atlaskit/profilecard": "^26.1.0",