@atlaskit/renderer 122.1.0 → 122.3.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/renderer
 
+## 122.3.0
+
+### Minor Changes
+
+- [`d352feb9b2d97`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d352feb9b2d97) -
+  [ux] NO-ISSUE Change blocktaskItem enablement experiment to a new tenantId based experiment
+- [`b7f7b3822d9ed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7f7b3822d9ed) -
+  Add data-local-id on node components and scroll to block under platform_editor_block_menu FG
+
+### Patch Changes
+
+- Updated dependencies
+
+## 122.2.0
+
+### Minor Changes
+
+- [`1659bfa496416`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1659bfa496416) -
+  Fix for preview panels hover on Smartlinks for shortened confluence urls
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 122.1.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -67,10 +67,10 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         parentInfo = _ref.parentInfo;
       var pos = _this.startPos;
       var currentPath = parentInfo && parentInfo.path || [];
-      var parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
+      var parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
       // If blockTaskItem is in the schema, check if the parent of the current node
       // is an incomplete task item, because blockTaskItems can have nested nodes
-      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node', 'isEnabled', true);
+      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && (0, _expValEquals.expValEquals)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true);
       var nodeKey = "".concat(node.type.name, "__").concat(_this.startPos);
       var serializedContent = _this.serializeFragment(node.content, _this.getNodeProps(node, parentInfo), (0, _nodes.toReact)(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,

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

@@ -7,5 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Blockquote;
 var _react = _interopRequireDefault(require("react"));
 function Blockquote(props) {
-  return /*#__PURE__*/_react.default.createElement("blockquote", null, props.children);
+  return /*#__PURE__*/_react.default.createElement("blockquote", {
+    "data-local-id": props.localId
+  }, props.children);
 }

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

@@ -12,6 +12,7 @@ function BulletList(props) {
   return /*#__PURE__*/_react.default.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _adfSchema.bulletListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1
   }, props.children);
 }

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

@@ -27,7 +27,8 @@ function CodeBlock(props) {
     allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
-    codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
+    codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
+    localId = props.localId;
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
   var className = [_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
   var _useState = (0, _react.useState)(false),
@@ -40,6 +41,7 @@ function CodeBlock(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
+    localId: localId,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

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

@@ -44,12 +44,14 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
     children = _ref.children,
     className = _ref.className,
+    localId = _ref.localId,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
   return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
+    "data-local-id": localId,
     css: codeBlockStyleOverrides
   }, (0, _react.jsx)(_codeBlockButtonContainer.default, {
     allowCopyToClipboard: allowCopyToClipboard,

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

@@ -56,7 +56,8 @@ function Heading(props) {
     dataAttributes = props.dataAttributes,
     allowHeadingAnchorLinks = props.allowHeadingAnchorLinks,
     marks = props.marks,
-    invisible = props.invisible;
+    invisible = props.invisible,
+    localId = props.localId;
   var HX = "h".concat(props.level);
   var mouseEntered = _react.default.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
@@ -74,6 +75,7 @@ function Heading(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(HX, {
     id: headingIdToUse,
+    "data-local-id": localId,
     "data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
     onMouseEnter: mouseEnterHandler
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/_react.default.createElement(WrappedHeadingAnchor, {

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

@@ -18,6 +18,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _fallback = require("./fallback");
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
@@ -60,6 +61,13 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
   var ari = (0, _smartCard.getObjectAri)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var name = (0, _smartCard.getObjectName)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var iconUrl = (0, _smartCard.getObjectIconUrl)(cardState === null || cardState === void 0 ? void 0 : cardState.details);
+  // Get resolved URL from card state, fallback to original URL if not available
+  var resolvedUrl = url;
+  if ((0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test')) {
+    var _cardState$details;
+    var cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
+    resolvedUrl = cardStateUrl || url;
+  }
   var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
     ari: ari
   }));
@@ -81,7 +89,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
         // When glance panel is available, let openPreviewPanel handle it
         event.preventDefault();
         openPreviewPanel === null || openPreviewPanel === void 0 || openPreviewPanel({
-          url: url || '',
+          url: resolvedUrl || '',
           ari: ari || '',
           name: name || '',
           iconUrl: iconUrl

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

@@ -13,11 +13,13 @@ function LayoutSection(props) {
   /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   _react.default.createElement("div", {
-    className: "layout-section-container"
+    className: "layout-section-container",
+    "data-local-id": props.localId
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-layout-section": true,
     "data-layout-columns": props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   }, props.children)) : /*#__PURE__*/_react.default.createElement("div", {
-    "data-layout-section": true
+    "data-layout-section": true,
+    "data-local-id": props.localId
   }, props.children);
 }

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

@@ -27,6 +27,7 @@ function OrderedList(props) {
   return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: _adfSchema.orderedListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? (0, _lists.getListIndentLevel)(props.path) : 1,
     start: props.start
     // Ignored via go/ees005

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

@@ -203,7 +203,8 @@ var Panel = function Panel(props) {
     panelIconId = props.panelIconId,
     panelIconText = props.panelIconText,
     providers = props.providers,
-    children = props.children;
+    children = props.children,
+    localId = props.localId;
   // only allow custom panel type if flag is set
   // otherwise fall back to info if custom panel is given
   var panelType = allowCustomPanels ? type : type === _adfSchema.PanelType.CUSTOM ? _adfSchema.PanelType.INFO : type;
@@ -237,6 +238,7 @@ var Panel = function Panel(props) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: _panel.PanelSharedCssClassName.prefix,
+    "data-local-id": localId,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
     "data-panel-icon": panelIcon,

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

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Paragraph;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _inline = _interopRequireDefault(require("./inline"));
 function Paragraph(_ref) {
   var children = _ref.children,
-    dataAttributes = _ref.dataAttributes;
+    dataAttributes = _ref.dataAttributes,
+    localId = _ref.localId;
   return (
     /*#__PURE__*/
     // ignore the eslint warning Text primitive does not support dataAttributes
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/use-primitives-text
-    _react.default.createElement("p", dataAttributes, /*#__PURE__*/_react.default.createElement(_inline.default, null, children))
+    _react.default.createElement("p", (0, _extends2.default)({}, dataAttributes, {
+      "data-local-id": localId
+    }), /*#__PURE__*/_react.default.createElement(_inline.default, null, children))
   );
 }

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

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.RendererStyleContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _useScrollToLocalId = require("../hooks/useScrollToLocalId");
 var _colors = require("@atlaskit/theme/colors");
 var _style = require("./style");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _consts = require("../../consts");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mediaInline = require("@atlaskit/editor-common/media-inline");
@@ -1480,6 +1482,9 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
     children = props.children,
     innerRef = props.innerRef,
     testId = props.testId;
+
+  // Scroll to localId functionality
+  (0, _useScrollToLocalId.useScrollToLocalId)(innerRef, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true));
   var isAdvancedLayoutsOn = (0, _experiments.editorExperiment)('advanced_layouts', true);
   var isPreviewPanelResponsivenessOn = (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "122.0.2";
+var packageVersion = "122.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/cjs/ui/hooks/useScrollToLocalId.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollToLocalId = void 0;
+var _react = require("react");
+// Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
+var getLocalIdSelector = function getLocalIdSelector(localId, container) {
+  // Check if the element with data-local-id exists
+  var element = container.querySelector("[data-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for decision lists and task lists which already have localId
+  element = container.querySelector("[data-decision-list-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+  element = container.querySelector("[data-task-list-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for tables which use data-table-local-id
+  element = container.querySelector("[data-table-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for extension, smart cards and media which use lowercase localid
+  element = container.querySelector("[localid=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+  return null;
+};
+var useScrollToLocalId = exports.useScrollToLocalId = function useScrollToLocalId(containerRef, shouldScrollToLocalId) {
+  (0, _react.useEffect)(function () {
+    // Only run in browser environment
+    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
+      return;
+    }
+
+    // Parse URL parameters for block ID
+    var urlParams = new URLSearchParams(window.location.search);
+    var blockId = urlParams.get('block');
+    if (blockId) {
+      // Search within the renderer container using the selector function
+      var element = getLocalIdSelector(blockId, containerRef.current);
+      if (element) {
+        element.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+    }
+  }, [containerRef, shouldScrollToLocalId]);
+};

package/dist/es2019/react/index.js

@@ -52,10 +52,10 @@ export default class ReactSerializer {
     }) => {
       const pos = this.startPos;
       const currentPath = parentInfo && parentInfo.path || [];
-      const parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
+      const parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
       // If blockTaskItem is in the schema, check if the parent of the current node
       // is an incomplete task item, because blockTaskItems can have nested nodes
-      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true);
+      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && expValEquals('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true);
       const nodeKey = `${node.type.name}__${this.startPos}`;
       const serializedContent = this.serializeFragment(node.content, this.getNodeProps(node, parentInfo), toReact(node, {
         allowSelectAllTrap: this.allowSelectAllTrap,

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

@@ -1,4 +1,6 @@
 import React from 'react';
 export default function Blockquote(props) {
-  return /*#__PURE__*/React.createElement("blockquote", null, props.children);
+  return /*#__PURE__*/React.createElement("blockquote", {
+    "data-local-id": props.localId
+  }, props.children);
 }

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

@@ -5,6 +5,7 @@ export default function BulletList(props) {
   return /*#__PURE__*/React.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: bulletListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1
   }, props.children);
 }

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

@@ -16,7 +16,8 @@ function CodeBlock(props) {
     language,
     allowCopyToClipboard = false,
     allowWrapCodeBlock = false,
-    codeBidiWarningTooltipEnabled
+    codeBidiWarningTooltipEnabled,
+    localId
   } = props;
   const codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   const className = [CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
@@ -27,6 +28,7 @@ function CodeBlock(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
+    localId: localId,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

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

@@ -69,6 +69,7 @@ const CodeBlockContainer = ({
   allowWrapCodeBlock,
   children,
   className,
+  localId,
   setWrapLongLines,
   text,
   wrapLongLines
@@ -76,6 +77,7 @@ const CodeBlockContainer = ({
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
+    "data-local-id": localId,
     css: codeBlockStyleOverrides
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,

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

@@ -47,7 +47,8 @@ function Heading(props) {
     dataAttributes,
     allowHeadingAnchorLinks,
     marks,
-    invisible
+    invisible,
+    localId
   } = props;
   const HX = `h${props.level}`;
   const mouseEntered = React.useRef(false);
@@ -66,6 +67,7 @@ function Heading(props) {
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HX, {
     id: headingIdToUse,
+    "data-local-id": localId,
     "data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
     onMouseEnter: mouseEnterHandler
   }, /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {

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

@@ -15,6 +15,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -43,6 +44,13 @@ const OverlayWithCardContext = ({
   const ari = getObjectAri(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   const name = getObjectName(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   const iconUrl = getObjectIconUrl(cardState === null || cardState === void 0 ? void 0 : cardState.details);
+  // Get resolved URL from card state, fallback to original URL if not available
+  let resolvedUrl = url;
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+    var _cardState$details;
+    const cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
+    resolvedUrl = cardStateUrl || url;
+  }
   const isPanelAvailable = ari && (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
     ari
   }));
@@ -64,7 +72,7 @@ const OverlayWithCardContext = ({
         // When glance panel is available, let openPreviewPanel handle it
         event.preventDefault();
         openPreviewPanel === null || openPreviewPanel === void 0 ? void 0 : openPreviewPanel({
-          url: url || '',
+          url: resolvedUrl || '',
           ari: ari || '',
           name: name || '',
           iconUrl

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

@@ -6,11 +6,13 @@ export default function LayoutSection(props) {
   /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   React.createElement("div", {
-    className: "layout-section-container"
+    className: "layout-section-container",
+    "data-local-id": props.localId
   }, /*#__PURE__*/React.createElement("div", {
     "data-layout-section": true,
     "data-layout-columns": props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   }, props.children)) : /*#__PURE__*/React.createElement("div", {
-    "data-layout-section": true
+    "data-layout-section": true,
+    "data-local-id": props.localId
   }, props.children);
 }

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

@@ -20,6 +20,7 @@ export default function OrderedList(props) {
   return /*#__PURE__*/React.createElement("ol", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: orderedListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1,
     start: props.start
     // Ignored via go/ees005

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

@@ -196,7 +196,8 @@ const Panel = props => {
     panelIconId,
     panelIconText,
     providers,
-    children
+    children,
+    localId
   } = props;
   // only allow custom panel type if flag is set
   // otherwise fall back to info if custom panel is given
@@ -231,6 +232,7 @@ const Panel = props => {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: PanelSharedCssClassName.prefix,
+    "data-local-id": localId,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
     "data-panel-icon": panelIcon,

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

@@ -1,8 +1,10 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Inline from './inline';
 export default function Paragraph({
   children,
-  dataAttributes
+  dataAttributes,
+  localId
 }) {
   return (
     /*#__PURE__*/
@@ -10,6 +12,8 @@ export default function Paragraph({
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/use-primitives-text
-    React.createElement("p", dataAttributes, /*#__PURE__*/React.createElement(Inline, null, children))
+    React.createElement("p", _extends({}, dataAttributes, {
+      "data-local-id": localId
+    }), /*#__PURE__*/React.createElement(Inline, null, children))
   );
 }

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

@@ -7,9 +7,11 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
+import { useScrollToLocalId } from '../hooks/useScrollToLocalId';
 import { B300, B400, B500, N20, N200, N30A, N40A, N60A, N800, R50, R500, Y300, Y75 } from '@atlaskit/theme/colors';
 import { FullPagePadding } from './style';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { RendererCssClassName } from '../../consts';
 import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
@@ -1881,6 +1883,9 @@ export const RendererStyleContainer = props => {
     innerRef,
     testId
   } = props;
+
+  // Scroll to localId functionality
+  useScrollToLocalId(innerRef, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true));
   const isAdvancedLayoutsOn = editorExperiment('advanced_layouts', true);
   const isPreviewPanelResponsivenessOn = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "122.0.2";
+const packageVersion = "122.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/hooks/useScrollToLocalId.js

@@ -0,0 +1,54 @@
+import { useEffect } from 'react';
+
+// Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
+const getLocalIdSelector = (localId, container) => {
+  // Check if the element with data-local-id exists
+  let element = container.querySelector(`[data-local-id="${localId}"]`);
+  if (element) {
+    return element;
+  }
+
+  // Special case for decision lists and task lists which already have localId
+  element = container.querySelector(`[data-decision-list-local-id="${localId}"]`);
+  if (element) {
+    return element;
+  }
+  element = container.querySelector(`[data-task-list-local-id="${localId}"]`);
+  if (element) {
+    return element;
+  }
+
+  // Special case for tables which use data-table-local-id
+  element = container.querySelector(`[data-table-local-id="${localId}"]`);
+  if (element) {
+    return element;
+  }
+
+  // Special case for extension, smart cards and media which use lowercase localid
+  element = container.querySelector(`[localid="${localId}"]`);
+  if (element) {
+    return element;
+  }
+  return null;
+};
+export const useScrollToLocalId = (containerRef, shouldScrollToLocalId) => {
+  useEffect(() => {
+    // Only run in browser environment
+    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
+      return;
+    }
+
+    // Parse URL parameters for block ID
+    const urlParams = new URLSearchParams(window.location.search);
+    const blockId = urlParams.get('block');
+    if (blockId) {
+      // Search within the renderer container using the selector function
+      const element = getLocalIdSelector(blockId, containerRef.current);
+      if (element) {
+        element.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+    }
+  }, [containerRef, shouldScrollToLocalId]);
+};

package/dist/esm/react/index.js

@@ -60,10 +60,10 @@ var ReactSerializer = /*#__PURE__*/function () {
         parentInfo = _ref.parentInfo;
       var pos = _this.startPos;
       var currentPath = parentInfo && parentInfo.path || [];
-      var parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
+      var parentIsIncompleteTask = (node.type.name === 'taskItem' || node.type.name === 'blockTaskItem' && expValEquals('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true)) && node.attrs.state !== 'DONE' ||
       // If blockTaskItem is in the schema, check if the parent of the current node
       // is an incomplete task item, because blockTaskItems can have nested nodes
-      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && expValEquals('platform_editor_blocktaskitem_node', 'isEnabled', true);
+      node.type.schema.nodes.blockTaskItem && (parentInfo === null || parentInfo === void 0 ? void 0 : parentInfo.parentIsIncompleteTask) === true && expValEquals('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true);
       var nodeKey = "".concat(node.type.name, "__").concat(_this.startPos);
       var serializedContent = _this.serializeFragment(node.content, _this.getNodeProps(node, parentInfo), toReact(node, {
         allowSelectAllTrap: _this.allowSelectAllTrap,

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

@@ -1,4 +1,6 @@
 import React from 'react';
 export default function Blockquote(props) {
-  return /*#__PURE__*/React.createElement("blockquote", null, props.children);
+  return /*#__PURE__*/React.createElement("blockquote", {
+    "data-local-id": props.localId
+  }, props.children);
 }

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

@@ -5,6 +5,7 @@ export default function BulletList(props) {
   return /*#__PURE__*/React.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: bulletListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1
   }, props.children);
 }

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

@@ -18,7 +18,8 @@ function CodeBlock(props) {
     allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
-    codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
+    codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
+    localId = props.localId;
   var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   var className = [CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
   var _useState = useState(false),
@@ -31,6 +32,7 @@ function CodeBlock(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,
+    localId: localId,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

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

@@ -36,12 +36,14 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
     children = _ref.children,
     className = _ref.className,
+    localId = _ref.localId,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
+    "data-local-id": localId,
     css: codeBlockStyleOverrides
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,

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

@@ -49,7 +49,8 @@ function Heading(props) {
     dataAttributes = props.dataAttributes,
     allowHeadingAnchorLinks = props.allowHeadingAnchorLinks,
     marks = props.marks,
-    invisible = props.invisible;
+    invisible = props.invisible,
+    localId = props.localId;
   var HX = "h".concat(props.level);
   var mouseEntered = React.useRef(false);
   var showAnchorLink = !!props.showAnchorLink;
@@ -67,6 +68,7 @@ function Heading(props) {
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HX, {
     id: headingIdToUse,
+    "data-local-id": localId,
     "data-renderer-start-pos": dataAttributes['data-renderer-start-pos'],
     onMouseEnter: mouseEnterHandler
   }, /*#__PURE__*/React.createElement(React.Fragment, null, showAnchorLink && headingId && isRightAligned && /*#__PURE__*/React.createElement(WrappedHeadingAnchor, {

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

@@ -16,6 +16,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -51,6 +52,13 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
   var ari = getObjectAri(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var name = getObjectName(cardState === null || cardState === void 0 ? void 0 : cardState.details);
   var iconUrl = getObjectIconUrl(cardState === null || cardState === void 0 ? void 0 : cardState.details);
+  // Get resolved URL from card state, fallback to original URL if not available
+  var resolvedUrl = url;
+  if (expValEquals('platform_hover_card_preview_panel', 'cohort', 'test')) {
+    var _cardState$details;
+    var cardStateUrl = cardState !== null && cardState !== void 0 && (_cardState$details = cardState.details) !== null && _cardState$details !== void 0 && _cardState$details.data && 'url' in cardState.details.data ? cardState.details.data.url : undefined;
+    resolvedUrl = cardStateUrl || url;
+  }
   var isPanelAvailable = ari && (cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 || (_cardContext$value2$i = _cardContext$value2.isPreviewPanelAvailable) === null || _cardContext$value2$i === void 0 ? void 0 : _cardContext$value2$i.call(_cardContext$value2, {
     ari: ari
   }));
@@ -72,7 +80,7 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
         // When glance panel is available, let openPreviewPanel handle it
         event.preventDefault();
         openPreviewPanel === null || openPreviewPanel === void 0 || openPreviewPanel({
-          url: url || '',
+          url: resolvedUrl || '',
           ari: ari || '',
           name: name || '',
           iconUrl: iconUrl

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

@@ -6,11 +6,13 @@ export default function LayoutSection(props) {
   /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   React.createElement("div", {
-    className: "layout-section-container"
+    className: "layout-section-container",
+    "data-local-id": props.localId
   }, /*#__PURE__*/React.createElement("div", {
     "data-layout-section": true,
     "data-layout-columns": props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
   }, props.children)) : /*#__PURE__*/React.createElement("div", {
-    "data-layout-section": true
+    "data-layout-section": true,
+    "data-local-id": props.localId
   }, props.children);
 }

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

@@ -20,6 +20,7 @@ export default function OrderedList(props) {
   return /*#__PURE__*/React.createElement("ol", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: orderedListSelector.substr(1),
+    "data-local-id": props.localId,
     "data-indent-level": props.path ? getListIndentLevel(props.path) : 1,
     start: props.start
     // Ignored via go/ees005

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

@@ -196,7 +196,8 @@ var Panel = function Panel(props) {
     panelIconId = props.panelIconId,
     panelIconText = props.panelIconText,
     providers = props.providers,
-    children = props.children;
+    children = props.children,
+    localId = props.localId;
   // only allow custom panel type if flag is set
   // otherwise fall back to info if custom panel is given
   var panelType = allowCustomPanels ? type : type === PanelType.CUSTOM ? PanelType.INFO : type;
@@ -230,6 +231,7 @@ var Panel = function Panel(props) {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: PanelSharedCssClassName.prefix,
+    "data-local-id": localId,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
     "data-panel-icon": panelIcon,

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

@@ -1,14 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Inline from './inline';
 export default function Paragraph(_ref) {
   var children = _ref.children,
-    dataAttributes = _ref.dataAttributes;
+    dataAttributes = _ref.dataAttributes,
+    localId = _ref.localId;
   return (
     /*#__PURE__*/
     // ignore the eslint warning Text primitive does not support dataAttributes
     // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/use-primitives-text
-    React.createElement("p", dataAttributes, /*#__PURE__*/React.createElement(Inline, null, children))
+    React.createElement("p", _extends({}, dataAttributes, {
+      "data-local-id": localId
+    }), /*#__PURE__*/React.createElement(Inline, null, children))
   );
 }

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

@@ -9,9 +9,11 @@ var _css, _css8;
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
+import { useScrollToLocalId } from '../hooks/useScrollToLocalId';
 import { B300, B400, B500, N20, N200, N30A, N40A, N60A, N800, R50, R500, Y300, Y75 } from '@atlaskit/theme/colors';
 import { FullPagePadding } from './style';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { RendererCssClassName } from '../../consts';
 import { akEditorBlockquoteBorderColor, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorFullPageNarrowBreakout, akEditorGutterPaddingReduced, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
@@ -1473,6 +1475,9 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
     children = props.children,
     innerRef = props.innerRef,
     testId = props.testId;
+
+  // Scroll to localId functionality
+  useScrollToLocalId(innerRef, expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true));
   var isAdvancedLayoutsOn = editorExperiment('advanced_layouts', true);
   var isPreviewPanelResponsivenessOn = editorExperiment('platform_editor_preview_panel_responsiveness', true, {
     exposure: true

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "122.0.2";
+var packageVersion = "122.2.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/hooks/useScrollToLocalId.js

@@ -0,0 +1,54 @@
+import { useEffect } from 'react';
+
+// Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
+var getLocalIdSelector = function getLocalIdSelector(localId, container) {
+  // Check if the element with data-local-id exists
+  var element = container.querySelector("[data-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for decision lists and task lists which already have localId
+  element = container.querySelector("[data-decision-list-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+  element = container.querySelector("[data-task-list-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for tables which use data-table-local-id
+  element = container.querySelector("[data-table-local-id=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+
+  // Special case for extension, smart cards and media which use lowercase localid
+  element = container.querySelector("[localid=\"".concat(localId, "\"]"));
+  if (element) {
+    return element;
+  }
+  return null;
+};
+export var useScrollToLocalId = function useScrollToLocalId(containerRef, shouldScrollToLocalId) {
+  useEffect(function () {
+    // Only run in browser environment
+    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
+      return;
+    }
+
+    // Parse URL parameters for block ID
+    var urlParams = new URLSearchParams(window.location.search);
+    var blockId = urlParams.get('block');
+    if (blockId) {
+      // Search within the renderer container using the selector function
+      var element = getLocalIdSelector(blockId, containerRef.current);
+      if (element) {
+        element.scrollIntoView({
+          behavior: 'smooth'
+        });
+      }
+    }
+  }, [containerRef, shouldScrollToLocalId]);
+};

package/dist/types/react/nodes/blockquote.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export default function Blockquote(props: React.PropsWithChildren<unknown>): React.JSX.Element;
+export default function Blockquote(props: React.PropsWithChildren<{
+    localId?: string;
+}>): React.JSX.Element;

package/dist/types/react/nodes/bulletList.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 export default function BulletList(props: React.PropsWithChildren<{
+    localId?: string;
     path?: Node[];
 }>): React.JSX.Element;

package/dist/types/react/nodes/codeBlock/codeBlock.d.ts

@@ -6,6 +6,7 @@ export interface Props {
     className?: string;
     codeBidiWarningTooltipEnabled: boolean;
     language: SupportedLanguages;
+    localId?: string;
     text: string;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/dist/types/react/nodes/codeBlock/components/codeBlockContainer.d.ts

@@ -8,6 +8,7 @@ import type { CodeBlockButtonContainerProps } from './codeBlockButtonContainer';
 interface ContainerProps extends CodeBlockButtonContainerProps {
     children: ReactNode;
     className?: string;
+    localId?: string;
 }
-declare const CodeBlockContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, children, className, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
+declare const CodeBlockContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, children, className, localId, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
 export default CodeBlockContainer;

package/dist/types/react/nodes/heading.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type NodeProps } from '../types';
+import type { NodeProps } from '../types';
 import { type HeadingAnchorLinksProps } from '../../ui/Renderer/types';
 export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
 declare function Heading(props: NodeProps<{
@@ -8,6 +8,7 @@ declare function Heading(props: NodeProps<{
     headingId?: string;
     invisible?: boolean;
     level: HeadingLevels;
+    localId?: string;
     marks?: PMNode['marks'];
     showAnchorLink?: boolean;
 }>): React.JSX.Element;

package/dist/types/react/nodes/layoutSection.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export default function LayoutSection(props: React.PropsWithChildren<{
     content?: PMNode[];
+    localId?: string;
 }>): React.JSX.Element;

package/dist/types/react/nodes/orderedList.d.ts

@@ -3,6 +3,7 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 export default function OrderedList(props: {
     children: React.ReactNode;
     content?: Node[];
+    localId?: string;
     order?: number;
     path?: Node[];
     start?: number;

package/dist/types/react/nodes/panel.d.ts

@@ -9,6 +9,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
     allowCustomPanels?: boolean;
     children?: React.ReactNode;
+    localId?: string;
     panelColor?: string;
     panelIcon?: string;
     panelIconId?: string;

package/dist/types/react/nodes/paragraph.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type NodeProps } from '../types';
-export default function Paragraph({ children, dataAttributes }: NodeProps): React.JSX.Element;
+export default function Paragraph({ children, dataAttributes, localId }: NodeProps): React.JSX.Element;

package/dist/types/ui/hooks/useScrollToLocalId.d.ts

@@ -0,0 +1 @@
+export declare const useScrollToLocalId: (containerRef?: React.RefObject<HTMLDivElement>, shouldScrollToLocalId?: boolean) => void;

package/dist/types-ts4.5/react/nodes/blockquote.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export default function Blockquote(props: React.PropsWithChildren<unknown>): React.JSX.Element;
+export default function Blockquote(props: React.PropsWithChildren<{
+    localId?: string;
+}>): React.JSX.Element;

package/dist/types-ts4.5/react/nodes/bulletList.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
 export default function BulletList(props: React.PropsWithChildren<{
+    localId?: string;
     path?: Node[];
 }>): React.JSX.Element;

package/dist/types-ts4.5/react/nodes/codeBlock/codeBlock.d.ts

@@ -6,6 +6,7 @@ export interface Props {
     className?: string;
     codeBidiWarningTooltipEnabled: boolean;
     language: SupportedLanguages;
+    localId?: string;
     text: string;
 }
 declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {

package/dist/types-ts4.5/react/nodes/codeBlock/components/codeBlockContainer.d.ts

@@ -8,6 +8,7 @@ import type { CodeBlockButtonContainerProps } from './codeBlockButtonContainer';
 interface ContainerProps extends CodeBlockButtonContainerProps {
     children: ReactNode;
     className?: string;
+    localId?: string;
 }
-declare const CodeBlockContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, children, className, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
+declare const CodeBlockContainer: ({ allowCopyToClipboard, allowWrapCodeBlock, children, className, localId, setWrapLongLines, text, wrapLongLines, }: ContainerProps) => jsx.JSX.Element;
 export default CodeBlockContainer;

package/dist/types-ts4.5/react/nodes/heading.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type NodeProps } from '../types';
+import type { NodeProps } from '../types';
 import { type HeadingAnchorLinksProps } from '../../ui/Renderer/types';
 export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
 declare function Heading(props: NodeProps<{
@@ -8,6 +8,7 @@ declare function Heading(props: NodeProps<{
     headingId?: string;
     invisible?: boolean;
     level: HeadingLevels;
+    localId?: string;
     marks?: PMNode['marks'];
     showAnchorLink?: boolean;
 }>): React.JSX.Element;

package/dist/types-ts4.5/react/nodes/layoutSection.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export default function LayoutSection(props: React.PropsWithChildren<{
     content?: PMNode[];
+    localId?: string;
 }>): React.JSX.Element;

package/dist/types-ts4.5/react/nodes/orderedList.d.ts

@@ -3,6 +3,7 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 export default function OrderedList(props: {
     children: React.ReactNode;
     content?: Node[];
+    localId?: string;
     order?: number;
     path?: Node[];
     start?: number;

package/dist/types-ts4.5/react/nodes/panel.d.ts

@@ -9,6 +9,7 @@ import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 export interface Props {
     allowCustomPanels?: boolean;
     children?: React.ReactNode;
+    localId?: string;
     panelColor?: string;
     panelIcon?: string;
     panelIconId?: string;

package/dist/types-ts4.5/react/nodes/paragraph.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type NodeProps } from '../types';
-export default function Paragraph({ children, dataAttributes }: NodeProps): React.JSX.Element;
+export default function Paragraph({ children, dataAttributes, localId }: NodeProps): React.JSX.Element;

package/dist/types-ts4.5/ui/hooks/useScrollToLocalId.d.ts

@@ -0,0 +1 @@
+export declare const useScrollToLocalId: (containerRef?: React.RefObject<HTMLDivElement>, shouldScrollToLocalId?: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "122.1.0",
+	"version": "122.3.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.14.0",
+		"@atlaskit/tmp-editor-statsig": "^12.16.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -89,7 +89,7 @@
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.12.0",
+		"@atlaskit/profilecard": "^24.13.0",
 		"@atlaskit/util-data-test": "^18.2.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",