@atlaskit/renderer 124.16.4 → 124.16.6

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 124.16.6
+
+### Patch Changes
+
+- [`e1fb8551a5f6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e1fb8551a5f6a) -
+  ED-29571: Update renderer with support for hash link to block
+- [`f910a750d2d52`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f910a750d2d52) -
+  Moving all references to aifc_create_enabled FG over to a new seperately controlled
+  platform_editor_ai_aifc_streaming gate
+- Updated dependencies
+
+## 124.16.5
+
+### Patch Changes
+
+- [`0eb9453d515b3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0eb9453d515b3) -
+  Added the ability to override the codeBlock and windowedCodeBlock nodes.
+- Updated dependencies
+
 ## 124.16.4
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -53,9 +53,6 @@
 		{
 			"path": "../../editor-shared-styles/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../editor-tables/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../../elements/emoji/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -53,9 +53,6 @@
 		{
 			"path": "../../editor-shared-styles/afm-jira/tsconfig.json"
 		},
-		{
-			"path": "../../editor-tables/afm-jira/tsconfig.json"
-		},
 		{
 			"path": "../../../elements/emoji/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -53,9 +53,6 @@
 		{
 			"path": "../../editor-shared-styles/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../editor-tables/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../../elements/emoji/afm-products/tsconfig.json"
 		},

package/dist/cjs/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -28,6 +28,8 @@ var _Expand = _interopRequireDefault(require("../../ui/Expand"));
  */
 var nodeToReact = {
   codeBlock: _codeBlock.default,
+  windowedCodeBlock: _codeBlock.default,
+  // CodeBlock is similar to windowedCodeBlock, just with sync loading and without the isInViewport check.
   date: _date.default,
   decisionList: _decisionList.default,
   decisionItem: _decisionItem.default,

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

@@ -514,15 +514,27 @@ var toReact = exports.toReact = function toReact(node, flags, nodeComponents
   if (node.type.name === 'doc' && (flags === null || flags === void 0 ? void 0 : flags.allowSelectAllTrap) === true) {
     return _doc.DocWithSelectAllTrap;
   }
-  if (node.type.name === 'codeBlock') {
-    if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
-      return WindowedCodeBlock;
+  if (!(0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        return WindowedCodeBlock;
+      }
+      return CodeBlock;
     }
-    return CodeBlock;
   }
 
   // Allowing custom components to override those provided in nodeToReact
   var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
+  if ((0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      var _nodes$codeBlock;
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        var _nodes$windowedCodeBl;
+        return (_nodes$windowedCodeBl = nodes.windowedCodeBlock) !== null && _nodes$windowedCodeBl !== void 0 ? _nodes$windowedCodeBl : WindowedCodeBlock;
+      }
+      return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
+    }
+  }
   nodes['multiBodiedExtension'] = (0, _platformFeatureFlags.fg)('platform_editor_multi_body_extension_extensibility') ? _multiBodiedExtension.default : _multiBodiedExtensionOld.default;
   return nodes[node.type.name];
 };

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

@@ -1655,7 +1655,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
         '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
         '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true)) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !(0, _platformFeatureFlags.fg)('aifc_create_enabled') && telepointerStyles, (0, _platformFeatureFlags.fg)('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true)) && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !(0, _platformFeatureFlags.fg)('platform_editor_ai_aifc_streaming') && telepointerStyles, (0, _platformFeatureFlags.fg)('platform_editor_ai_aifc_streaming') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, (0, _expValEquals.expValEquals)('platform_editor_text_highlight_padding', 'isEnabled', true) &&
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -69,7 +69,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.16.5";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -782,7 +782,9 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
   var innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' && (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' &&
+  // @ts-expect-error - false is not allowed as an expected value
+  (0, _expValEquals.expValEquals)('editor_tinymce_full_width_mode', 'isEnabled', false)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useScrollToLocalId = void 0;
 var _react = require("react");
 var _browserApis = require("@atlaskit/browser-apis");
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
 // 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
@@ -45,9 +46,10 @@ var useScrollToLocalId = exports.useScrollToLocalId = function useScrollToLocalI
       return;
     }
 
-    // Parse URL parameters for block ID
-    var urlParams = new URLSearchParams(window.location.search);
-    var blockId = urlParams.get('block');
+    // 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;
     }

package/dist/es2019/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -22,6 +22,8 @@ import Expand from '../../ui/Expand';
  */
 const nodeToReact = {
   codeBlock: CodeBlock,
+  windowedCodeBlock: CodeBlock,
+  // CodeBlock is similar to windowedCodeBlock, just with sync loading and without the isInViewport check.
   date: Date,
   decisionList: DecisionList,
   decisionItem: DecisionItem,

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

@@ -190,11 +190,13 @@ export const toReact = (node, flags, nodeComponents
   if (node.type.name === 'doc' && (flags === null || flags === void 0 ? void 0 : flags.allowSelectAllTrap) === true) {
     return DocWithSelectAllTrap;
   }
-  if (node.type.name === 'codeBlock') {
-    if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
-      return WindowedCodeBlock;
+  if (!fg('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        return WindowedCodeBlock;
+      }
+      return CodeBlock;
     }
-    return CodeBlock;
   }
 
   // Allowing custom components to override those provided in nodeToReact
@@ -202,6 +204,16 @@ export const toReact = (node, flags, nodeComponents
     ...nodeToReact,
     ...nodeComponents
   };
+  if (fg('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      var _nodes$codeBlock;
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        var _nodes$windowedCodeBl;
+        return (_nodes$windowedCodeBl = nodes.windowedCodeBlock) !== null && _nodes$windowedCodeBl !== void 0 ? _nodes$windowedCodeBl : WindowedCodeBlock;
+      }
+      return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
+    }
+  }
   nodes['multiBodiedExtension'] = fg('platform_editor_multi_body_extension_extensibility') ? MultiBodiedExtension : MultiBodiedExtensionOld;
   return nodes[node.type.name];
 };

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

@@ -2078,7 +2078,7 @@ export const RendererStyleContainer = props => {
         '--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
         '--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !fg('platform_editor_ai_aifc_streaming') && telepointerStyles, fg('platform_editor_ai_aifc_streaming') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -55,7 +55,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 const TABLE_INFO_TIMEOUT = 10000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "0.0.0-development";
+const packageVersion = "124.16.5";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -769,7 +769,9 @@ const RendererWithAnnotationSelection = props => {
   const innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' &&
+  // @ts-expect-error - false is not allowed as an expected value
+  expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

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

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 import { getDocument } from '@atlaskit/browser-apis';
+import { DEFAULT_BLOCK_LINK_HASH_PREFIX } from '@atlaskit/editor-common/block-menu';
 
 // Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
 const getLocalIdSelector = (localId, container) => {
@@ -40,9 +41,10 @@ export const useScrollToLocalId = (containerRef, shouldScrollToLocalId) => {
       return;
     }
 
-    // Parse URL parameters for block ID
-    const urlParams = new URLSearchParams(window.location.search);
-    const blockId = urlParams.get('block');
+    // 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;
     }

package/dist/esm/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -22,6 +22,8 @@ import Expand from '../../ui/Expand';
  */
 var nodeToReact = {
   codeBlock: CodeBlock,
+  windowedCodeBlock: CodeBlock,
+  // CodeBlock is similar to windowedCodeBlock, just with sync loading and without the isInViewport check.
   date: Date,
   decisionList: DecisionList,
   decisionItem: DecisionItem,

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

@@ -319,15 +319,27 @@ export var toReact = function toReact(node, flags, nodeComponents
   if (node.type.name === 'doc' && (flags === null || flags === void 0 ? void 0 : flags.allowSelectAllTrap) === true) {
     return DocWithSelectAllTrap;
   }
-  if (node.type.name === 'codeBlock') {
-    if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
-      return WindowedCodeBlock;
+  if (!fg('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        return WindowedCodeBlock;
+      }
+      return CodeBlock;
     }
-    return CodeBlock;
   }
 
   // Allowing custom components to override those provided in nodeToReact
   var nodes = _objectSpread(_objectSpread({}, nodeToReact), nodeComponents);
+  if (fg('jfp-magma-ssr-iv-editor-codeblock')) {
+    if (node.type.name === 'codeBlock') {
+      var _nodes$codeBlock;
+      if ((flags === null || flags === void 0 ? void 0 : flags.allowWindowedCodeBlock) === true) {
+        var _nodes$windowedCodeBl;
+        return (_nodes$windowedCodeBl = nodes.windowedCodeBlock) !== null && _nodes$windowedCodeBl !== void 0 ? _nodes$windowedCodeBl : WindowedCodeBlock;
+      }
+      return (_nodes$codeBlock = nodes.codeBlock) !== null && _nodes$codeBlock !== void 0 ? _nodes$codeBlock : CodeBlock;
+    }
+  }
   nodes['multiBodiedExtension'] = fg('platform_editor_multi_body_extension_extensibility') ? MultiBodiedExtension : MultiBodiedExtensionOld;
   return nodes[node.type.name];
 };

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

@@ -1648,7 +1648,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
         '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
         '--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !fg('aifc_create_enabled') && telepointerStyles, fg('aifc_create_enabled') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, (appearance === 'full-width' || appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true)) && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) && rendererMaxWidthStyles, !fg('platform_editor_ai_aifc_streaming') && telepointerStyles, fg('platform_editor_ai_aifc_streaming') && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (contentMode === 'compact' || contentMode === 'dense') && isCompactModeSupported && extensionStyle, fg('platform_editor_typography_ugc') ? isCompactModeSupported ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC : isCompactModeSupported ? paragraphSharedStyleScaledMargin : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, expValEquals('platform_editor_text_highlight_padding', 'isEnabled', true) &&
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
       textHighlightPaddingStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, editorExperiment('platform_editor_preview_panel_linking_exp', true) && headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -60,7 +60,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 // we want to calculate all the table widths (which causes reflows) after the renderer has finished loading to mitigate performance impact
 var TABLE_INFO_TIMEOUT = 10000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "124.16.5";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -773,7 +773,9 @@ var RendererWithAnnotationSelection = function RendererWithAnnotationSelection(p
   var innerRef = props.innerRef || localRef;
 
   // @see https://hello.jira.atlassian.cloud/browse/EDITOR-3389
-  if (props.appearance === 'max' && expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
+  if (props.appearance === 'max' &&
+  // @ts-expect-error - false is not allowed as an expected value
+  expValEquals('editor_tinymce_full_width_mode', 'isEnabled', false)) {
     props.appearance = 'full-width';
   }
   if (!allowAnnotations) {

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

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 import { getDocument } from '@atlaskit/browser-apis';
+import { DEFAULT_BLOCK_LINK_HASH_PREFIX } from '@atlaskit/editor-common/block-menu';
 
 // Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
 var getLocalIdSelector = function getLocalIdSelector(localId, container) {
@@ -40,9 +41,10 @@ export var useScrollToLocalId = function useScrollToLocalId(containerRef, should
       return;
     }
 
-    // Parse URL parameters for block ID
-    var urlParams = new URLSearchParams(window.location.search);
-    var blockId = urlParams.get('block');
+    // 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;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "124.16.4",
+	"version": "124.16.6",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,6 @@
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
-		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/emoji": "^69.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^29.0.0",
@@ -54,12 +53,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^4.15.0",
-		"@atlaskit/smart-card": "^43.10.0",
+		"@atlaskit/smart-card": "^43.11.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.42.0",
-		"@atlaskit/tokens": "^8.3.0",
+		"@atlaskit/tmp-editor-statsig": "^14.0.0",
+		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -72,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.34.0",
+		"@atlaskit/editor-common": "^110.36.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -83,7 +82,6 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/css-reset": "^7.3.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/link-test-helpers": "^8.5.0",
 		"@atlaskit/media-core": "^37.0.0",
@@ -92,7 +90,7 @@
 		"@atlaskit/mention": "^24.4.0",
 		"@atlaskit/modal-dialog": "^14.7.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.21.0",
+		"@atlaskit/profilecard": "^24.22.0",
 		"@atlaskit/util-data-test": "^18.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^13.4.0",
@@ -134,7 +132,7 @@
 		"platform-ssr-table-resize": {
 			"type": "boolean"
 		},
-		"aifc_create_enabled": {
+		"platform_editor_ai_aifc_streaming": {
 			"type": "boolean"
 		},
 		"platform_fix_nested_num_column_scaling": {
@@ -244,6 +242,9 @@
 		},
 		"platform_editor_ai_adf_prompts_in_all_products": {
 			"type": "boolean"
+		},
+		"jfp-magma-ssr-iv-editor-codeblock": {
+			"type": "boolean"
 		}
 	}
 }