@atlaskit/renderer 122.2.0 → 123.0.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/renderer
 
+## 123.0.0
+
+### Patch Changes
+
+- [`17a448dee00a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/17a448dee00a6) -
+  FD-86538 clean up fg platform_editor_renderer_table_header_styles
+- Updated dependencies
+
+## 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

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/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");
@@ -1100,7 +1102,6 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
   }
 }));
 var tableRendererHeaderStylesForTableCellOnly = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
-  // platform_editor_renderer_table_header_styles has already been launched, so assume it's on
   '> tbody > tr > th, > tbody > tr > td': {
     minWidth: "".concat(_styles.tableCellMinWidth, "px"),
     fontWeight: "var(--ds-font-weight-regular, 400)",
@@ -1480,6 +1481,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.1.0";
+var packageVersion = "122.3.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/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';
@@ -1371,7 +1373,6 @@ const tableRendererHeaderStylesForTableCellOnly = css({
   [`.${TableSharedCssClassName.TABLE_CONTAINER} > table,
 		.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
 		.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
-    // platform_editor_renderer_table_header_styles has already been launched, so assume it's on
     '> tbody > tr > th, > tbody > tr > td': {
       minWidth: `${tableCellMinWidth}px`,
       fontWeight: "var(--ds-font-weight-regular, 400)",
@@ -1881,6 +1882,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.1.0";
+const packageVersion = "122.3.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/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';
@@ -1093,7 +1095,6 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
   }
 }));
 var tableRendererHeaderStylesForTableCellOnly = css(_defineProperty({}, ".".concat(TableSharedCssClassName.TABLE_CONTAINER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_NODE_WRAPPER, " > table,\n\t\t.").concat(TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
-  // platform_editor_renderer_table_header_styles has already been launched, so assume it's on
   '> tbody > tr > th, > tbody > tr > td': {
     minWidth: "".concat(tableCellMinWidth, "px"),
     fontWeight: "var(--ds-font-weight-regular, 400)",
@@ -1473,6 +1474,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.1.0";
+var packageVersion = "122.3.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.2.0",
+	"version": "123.0.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,16 +45,16 @@
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-filmstrip": "^51.0.0",
-		"@atlaskit/media-ui": "^28.6.0",
+		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
-		"@atlaskit/react-ufo": "^4.6.0",
-		"@atlaskit/smart-card": "^40.22.0",
+		"@atlaskit/react-ufo": "^4.7.0",
+		"@atlaskit/smart-card": "^41.0.0",
 		"@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.18.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -68,8 +68,8 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.3.0",
-		"@atlaskit/link-provider": "^3.7.0",
+		"@atlaskit/editor-common": "^109.4.0",
+		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
@@ -80,7 +80,7 @@
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css-reset": "^7.3.0",
-		"@atlaskit/link-provider": "^3.7.0",
+		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/link-test-helpers": "^8.3.0",
 		"@atlaskit/linking-common": "^9.5.0",
 		"@atlaskit/media-core": "^37.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",
@@ -99,7 +99,7 @@
 		"@types/react-test-renderer": "^18.0.6",
 		"ajv": "^6.12.6",
 		"enzyme": "^3.10.0",
-		"jsdom": "root:*",
+		"jsdom": "^25.0.0",
 		"mockdate": "^3.0.5",
 		"puppeteer": "13.7.0",
 		"react-live-clock": "^5.0.0",
@@ -164,9 +164,6 @@
 		"use_comments_data_annotation_updater": {
 			"type": "boolean"
 		},
-		"platform_editor_renderer_table_header_styles": {
-			"type": "boolean"
-		},
 		"platform_editor_querySelector_fix_table_renderer": {
 			"type": "boolean"
 		},