@atlaskit/renderer 126.12.4 → 126.13.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/renderer
 
+## 126.13.0
+
+### Minor Changes
+
+- [`c67bc7d9fda55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c67bc7d9fda55) -
+  [ux] Cleanup fg: platform_editor_expand_on_scroll_to_block
+
 ## 126.12.4
 
 ### Patch Changes

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

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.textHighlightPaddingStyles = 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");
@@ -1976,9 +1974,6 @@ 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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.12.3";
+var packageVersion = "126.12.4";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -7,7 +7,6 @@ exports.useScrollToBlock = void 0;
 var _react = require("react");
 var _browserApis = require("@atlaskit/browser-apis");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _useStableScroll2 = require("./useStableScroll");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -23,13 +22,6 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
  * which prevents issues with images loading, dynamic content, or other async operations that
  * cause layout changes.
  *
- * This hook replaces useScrollToLocalId when the platform_editor_expand_on_scroll_to_block experiment is enabled.
- *
- * When platform_editor_expand_on_scroll_to_block experiment is cleaned up:
- *       - Remove the experiment check
- *       - Delete the deprecated useScrollToLocalId hook
- *       - Make this the default scroll-to-block behavior
- *
  * @param containerRef - Optional ref to the renderer container (RendererStyleContainer)
  * @param adfDoc - The ADF document to search for nodes and expand parents
  */
@@ -46,14 +38,11 @@ var useScrollToBlock = exports.useScrollToBlock = function useScrollToBlock(cont
     if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) {
       return;
     }
-    if (!(0, _expValEquals.expValEquals)('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
 
     // Parse hash fragment for block ID (format: #block-{localId}).
     var hash = window.location.hash;
     var defaultPrefixWithHash = "#".concat(_blockMenu.DEFAULT_BLOCK_LINK_HASH_PREFIX);
-    var blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
+    var blockId = hash && hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
     if (!blockId) {
       return;
     }

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

@@ -7,11 +7,9 @@
  */
 // 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, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
@@ -2539,9 +2537,6 @@ 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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "126.12.3";
+const packageVersion = "126.12.4";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { getDocument } from '@atlaskit/browser-apis';
 import { DEFAULT_BLOCK_LINK_HASH_PREFIX, expandAllParentsThenScroll, expandElement, isExpandCollapsed, findNodeWithExpandParents, getLocalIdSelector } from '@atlaskit/editor-common/block-menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useStableScroll } from './useStableScroll';
 
 /**
@@ -15,13 +14,6 @@ import { useStableScroll } from './useStableScroll';
  * which prevents issues with images loading, dynamic content, or other async operations that
  * cause layout changes.
  *
- * This hook replaces useScrollToLocalId when the platform_editor_expand_on_scroll_to_block experiment is enabled.
- *
- * When platform_editor_expand_on_scroll_to_block experiment is cleaned up:
- *       - Remove the experiment check
- *       - Delete the deprecated useScrollToLocalId hook
- *       - Make this the default scroll-to-block behavior
- *
  * @param containerRef - Optional ref to the renderer container (RendererStyleContainer)
  * @param adfDoc - The ADF document to search for nodes and expand parents
  */
@@ -39,14 +31,11 @@ export const useScrollToBlock = (containerRef, adfDoc) => {
     if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) {
       return;
     }
-    if (!expValEquals('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
 
     // Parse hash fragment for block ID (format: #block-{localId}).
     const hash = window.location.hash;
     const defaultPrefixWithHash = `#${DEFAULT_BLOCK_LINK_HASH_PREFIX}`;
-    const blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
+    const blockId = hash && hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
     if (!blockId) {
       return;
     }

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

@@ -9,11 +9,9 @@ var _css8, _$concat3, _$concat6;
  */
 // 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, akEditorMaxWidthLayoutWidth, akEditorGutterPadding, akEditorLineHeight, akEditorSelectedNodeClassName, akEditorShadowZIndex, akEditorStickyHeaderZIndex, akEditorTableBorder, akEditorTableCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, gridMediumMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize } from '@atlaskit/editor-shared-styles';
 import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-inline';
@@ -1969,9 +1967,6 @@ 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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "126.12.3";
+var packageVersion = "126.12.4";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

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

@@ -4,7 +4,6 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { useEffect } from 'react';
 import { getDocument } from '@atlaskit/browser-apis';
 import { DEFAULT_BLOCK_LINK_HASH_PREFIX, expandAllParentsThenScroll, expandElement, isExpandCollapsed, findNodeWithExpandParents, getLocalIdSelector } from '@atlaskit/editor-common/block-menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useStableScroll } from './useStableScroll';
 
 /**
@@ -18,13 +17,6 @@ import { useStableScroll } from './useStableScroll';
  * which prevents issues with images loading, dynamic content, or other async operations that
  * cause layout changes.
  *
- * This hook replaces useScrollToLocalId when the platform_editor_expand_on_scroll_to_block experiment is enabled.
- *
- * When platform_editor_expand_on_scroll_to_block experiment is cleaned up:
- *       - Remove the experiment check
- *       - Delete the deprecated useScrollToLocalId hook
- *       - Make this the default scroll-to-block behavior
- *
  * @param containerRef - Optional ref to the renderer container (RendererStyleContainer)
  * @param adfDoc - The ADF document to search for nodes and expand parents
  */
@@ -41,14 +33,11 @@ export var useScrollToBlock = function useScrollToBlock(containerRef, adfDoc) {
     if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) {
       return;
     }
-    if (!expValEquals('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
 
     // Parse hash fragment for block ID (format: #block-{localId}).
     var hash = window.location.hash;
     var defaultPrefixWithHash = "#".concat(DEFAULT_BLOCK_LINK_HASH_PREFIX);
-    var blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
+    var blockId = hash && hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
     if (!blockId) {
       return;
     }

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

@@ -10,13 +10,6 @@ import type { DocNode } from '@atlaskit/adf-schema';
  * which prevents issues with images loading, dynamic content, or other async operations that
  * cause layout changes.
  *
- * This hook replaces useScrollToLocalId when the platform_editor_expand_on_scroll_to_block experiment is enabled.
- *
- * When platform_editor_expand_on_scroll_to_block experiment is cleaned up:
- *       - Remove the experiment check
- *       - Delete the deprecated useScrollToLocalId hook
- *       - Make this the default scroll-to-block behavior
- *
  * @param containerRef - Optional ref to the renderer container (RendererStyleContainer)
  * @param adfDoc - The ADF document to search for nodes and expand parents
  */

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

@@ -10,13 +10,6 @@ import type { DocNode } from '@atlaskit/adf-schema';
  * which prevents issues with images loading, dynamic content, or other async operations that
  * cause layout changes.
  *
- * This hook replaces useScrollToLocalId when the platform_editor_expand_on_scroll_to_block experiment is enabled.
- *
- * When platform_editor_expand_on_scroll_to_block experiment is cleaned up:
- *       - Remove the experiment check
- *       - Delete the deprecated useScrollToLocalId hook
- *       - Make this the default scroll-to-block behavior
- *
  * @param containerRef - Optional ref to the renderer container (RendererStyleContainer)
  * @param adfDoc - The ADF document to search for nodes and expand parents
  */

package/package.json

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

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

@@ -1,146 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useScrollToLocalId = void 0;
-var _react = require("react");
-var _browserApis = require("@atlaskit/browser-apis");
-var _blockMenu = require("@atlaskit/editor-common/block-menu");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-// 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;
-};
-
-/**
- * useScrollToLocalId - Handler for block link scrolling in the renderer (traditional pages)
- *
- * This hook is deprecated in favor of useScrollToBlock which supports expanding parent nodes.
- * This hook will be removed when the platform_editor_expand_on_scroll_to_block experiment is cleaned up.
- *
- * @param containerRef - Optional ref to the renderer container (RendererStyleContainer).
- * @param shouldScrollToLocalId - Whether scroll-to-block functionality should be enabled
- */
-var useScrollToLocalId = exports.useScrollToLocalId = function useScrollToLocalId(containerRef, shouldScrollToLocalId) {
-  (0, _react.useEffect)(function () {
-    var _getDocument;
-    // Only run in browser environment
-    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
-      return;
-    }
-    if ((0, _expValEquals.expValEquals)('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
-
-    // Parse hash fragment for block ID (format: #block-{localId})
-    var hash = window.location.hash;
-    var defaultPrefixWithHash = "#".concat(_blockMenu.DEFAULT_BLOCK_LINK_HASH_PREFIX);
-    var blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
-    if (!blockId) {
-      return;
-    }
-    var retryCount = 0;
-    // 5 second timeout based on dashboard showing ~4.96s TTI load time
-    var maxRetries = 20; // Maximum 20 retries (5 seconds at 250ms intervals)
-    var retryInterval = 250; // Check every 250ms
-    var intervalId = null;
-    var scrollToElement = function scrollToElement() {
-      if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-        var element = getLocalIdSelector(blockId, containerRef.current);
-        if (element) {
-          element.scrollIntoView({
-            behavior: 'smooth'
-          });
-          return true;
-        }
-      }
-      return false;
-    };
-    var attemptScroll = function attemptScroll() {
-      retryCount++;
-
-      // Try to scroll to element
-      if (scrollToElement()) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return true;
-      }
-
-      // Stop retrying if we've exceeded max retries
-      if (retryCount >= maxRetries) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return false;
-      }
-      return false;
-    };
-
-    // Try to scroll immediately
-    if (attemptScroll()) {
-      return;
-    }
-    if (((_getDocument = (0, _browserApis.getDocument)()) === null || _getDocument === void 0 ? void 0 : _getDocument.readyState) === 'complete') {
-      // Document is already ready, try a few more times with delays
-      // This handles cases where elements are added after document ready
-      intervalId = setInterval(function () {
-        attemptScroll();
-      }, retryInterval);
-    } else {
-      // Document not ready yet, wait for it and then retry
-      intervalId = setInterval(function () {
-        var _getDocument2;
-        if (((_getDocument2 = (0, _browserApis.getDocument)()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.readyState) === 'complete') {
-          attemptScroll();
-        } else if (retryCount >= maxRetries) {
-          // Stop retrying even if document isn't ready
-          if (intervalId) {
-            clearInterval(intervalId);
-            intervalId = null;
-          }
-        } else {
-          retryCount++;
-        }
-      }, retryInterval);
-    }
-
-    // Cleanup function
-    return function () {
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = null;
-      }
-    };
-  }, [containerRef, shouldScrollToLocalId]);
-};

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

@@ -1,141 +0,0 @@
-import { useEffect } from 'react';
-import { getDocument } from '@atlaskit/browser-apis';
-import { DEFAULT_BLOCK_LINK_HASH_PREFIX } from '@atlaskit/editor-common/block-menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-
-// 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;
-};
-
-/**
- * useScrollToLocalId - Handler for block link scrolling in the renderer (traditional pages)
- *
- * This hook is deprecated in favor of useScrollToBlock which supports expanding parent nodes.
- * This hook will be removed when the platform_editor_expand_on_scroll_to_block experiment is cleaned up.
- *
- * @param containerRef - Optional ref to the renderer container (RendererStyleContainer).
- * @param shouldScrollToLocalId - Whether scroll-to-block functionality should be enabled
- */
-export const useScrollToLocalId = (containerRef, shouldScrollToLocalId) => {
-  useEffect(() => {
-    var _getDocument;
-    // Only run in browser environment
-    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
-      return;
-    }
-    if (expValEquals('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
-
-    // Parse hash fragment for block ID (format: #block-{localId})
-    const hash = window.location.hash;
-    const defaultPrefixWithHash = `#${DEFAULT_BLOCK_LINK_HASH_PREFIX}`;
-    const blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
-    if (!blockId) {
-      return;
-    }
-    let retryCount = 0;
-    // 5 second timeout based on dashboard showing ~4.96s TTI load time
-    const maxRetries = 20; // Maximum 20 retries (5 seconds at 250ms intervals)
-    const retryInterval = 250; // Check every 250ms
-    let intervalId = null;
-    const scrollToElement = () => {
-      if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-        const element = getLocalIdSelector(blockId, containerRef.current);
-        if (element) {
-          element.scrollIntoView({
-            behavior: 'smooth'
-          });
-          return true;
-        }
-      }
-      return false;
-    };
-    const attemptScroll = () => {
-      retryCount++;
-
-      // Try to scroll to element
-      if (scrollToElement()) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return true;
-      }
-
-      // Stop retrying if we've exceeded max retries
-      if (retryCount >= maxRetries) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return false;
-      }
-      return false;
-    };
-
-    // Try to scroll immediately
-    if (attemptScroll()) {
-      return;
-    }
-    if (((_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.readyState) === 'complete') {
-      // Document is already ready, try a few more times with delays
-      // This handles cases where elements are added after document ready
-      intervalId = setInterval(() => {
-        attemptScroll();
-      }, retryInterval);
-    } else {
-      // Document not ready yet, wait for it and then retry
-      intervalId = setInterval(() => {
-        var _getDocument2;
-        if (((_getDocument2 = getDocument()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.readyState) === 'complete') {
-          attemptScroll();
-        } else if (retryCount >= maxRetries) {
-          // Stop retrying even if document isn't ready
-          if (intervalId) {
-            clearInterval(intervalId);
-            intervalId = null;
-          }
-        } else {
-          retryCount++;
-        }
-      }, retryInterval);
-    }
-
-    // Cleanup function
-    return () => {
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = null;
-      }
-    };
-  }, [containerRef, shouldScrollToLocalId]);
-};

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

@@ -1,141 +0,0 @@
-import { useEffect } from 'react';
-import { getDocument } from '@atlaskit/browser-apis';
-import { DEFAULT_BLOCK_LINK_HASH_PREFIX } from '@atlaskit/editor-common/block-menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-
-// 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;
-};
-
-/**
- * useScrollToLocalId - Handler for block link scrolling in the renderer (traditional pages)
- *
- * This hook is deprecated in favor of useScrollToBlock which supports expanding parent nodes.
- * This hook will be removed when the platform_editor_expand_on_scroll_to_block experiment is cleaned up.
- *
- * @param containerRef - Optional ref to the renderer container (RendererStyleContainer).
- * @param shouldScrollToLocalId - Whether scroll-to-block functionality should be enabled
- */
-export var useScrollToLocalId = function useScrollToLocalId(containerRef, shouldScrollToLocalId) {
-  useEffect(function () {
-    var _getDocument;
-    // Only run in browser environment
-    if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
-      return;
-    }
-    if (expValEquals('platform_editor_expand_on_scroll_to_block', 'isEnabled', true)) {
-      return;
-    }
-
-    // Parse hash fragment for block ID (format: #block-{localId})
-    var hash = window.location.hash;
-    var defaultPrefixWithHash = "#".concat(DEFAULT_BLOCK_LINK_HASH_PREFIX);
-    var blockId = hash.startsWith(defaultPrefixWithHash) ? hash.slice(defaultPrefixWithHash.length) : null;
-    if (!blockId) {
-      return;
-    }
-    var retryCount = 0;
-    // 5 second timeout based on dashboard showing ~4.96s TTI load time
-    var maxRetries = 20; // Maximum 20 retries (5 seconds at 250ms intervals)
-    var retryInterval = 250; // Check every 250ms
-    var intervalId = null;
-    var scrollToElement = function scrollToElement() {
-      if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
-        var element = getLocalIdSelector(blockId, containerRef.current);
-        if (element) {
-          element.scrollIntoView({
-            behavior: 'smooth'
-          });
-          return true;
-        }
-      }
-      return false;
-    };
-    var attemptScroll = function attemptScroll() {
-      retryCount++;
-
-      // Try to scroll to element
-      if (scrollToElement()) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return true;
-      }
-
-      // Stop retrying if we've exceeded max retries
-      if (retryCount >= maxRetries) {
-        if (intervalId) {
-          clearInterval(intervalId);
-          intervalId = null;
-        }
-        return false;
-      }
-      return false;
-    };
-
-    // Try to scroll immediately
-    if (attemptScroll()) {
-      return;
-    }
-    if (((_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.readyState) === 'complete') {
-      // Document is already ready, try a few more times with delays
-      // This handles cases where elements are added after document ready
-      intervalId = setInterval(function () {
-        attemptScroll();
-      }, retryInterval);
-    } else {
-      // Document not ready yet, wait for it and then retry
-      intervalId = setInterval(function () {
-        var _getDocument2;
-        if (((_getDocument2 = getDocument()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.readyState) === 'complete') {
-          attemptScroll();
-        } else if (retryCount >= maxRetries) {
-          // Stop retrying even if document isn't ready
-          if (intervalId) {
-            clearInterval(intervalId);
-            intervalId = null;
-          }
-        } else {
-          retryCount++;
-        }
-      }, retryInterval);
-    }
-
-    // Cleanup function
-    return function () {
-      if (intervalId) {
-        clearInterval(intervalId);
-        intervalId = null;
-      }
-    };
-  }, [containerRef, shouldScrollToLocalId]);
-};

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

@@ -1,10 +0,0 @@
-/**
- * useScrollToLocalId - Handler for block link scrolling in the renderer (traditional pages)
- *
- * This hook is deprecated in favor of useScrollToBlock which supports expanding parent nodes.
- * This hook will be removed when the platform_editor_expand_on_scroll_to_block experiment is cleaned up.
- *
- * @param containerRef - Optional ref to the renderer container (RendererStyleContainer).
- * @param shouldScrollToLocalId - Whether scroll-to-block functionality should be enabled
- */
-export declare const useScrollToLocalId: (containerRef?: React.RefObject<HTMLDivElement>, shouldScrollToLocalId?: boolean) => void;

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

@@ -1,10 +0,0 @@
-/**
- * useScrollToLocalId - Handler for block link scrolling in the renderer (traditional pages)
- *
- * This hook is deprecated in favor of useScrollToBlock which supports expanding parent nodes.
- * This hook will be removed when the platform_editor_expand_on_scroll_to_block experiment is cleaned up.
- *
- * @param containerRef - Optional ref to the renderer container (RendererStyleContainer).
- * @param shouldScrollToLocalId - Whether scroll-to-block functionality should be enabled
- */
-export declare const useScrollToLocalId: (containerRef?: React.RefObject<HTMLDivElement>, shouldScrollToLocalId?: boolean) => void;