@atlaskit/renderer 133.7.2 → 133.7.5

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/renderer
 
+## 133.7.5
+
+### Patch Changes
+
+- [`d4cb3caca585e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4cb3caca585e) -
+  De-enroll these packages from `isReactCompilerActivePlatform` to fix React Compiler runtime
+  failures behind the `confluence_enable_react-compiler-runtime-platform` experiment (HOT-303951):
+  the comment-add page freeze (renderer and its smart-card dependency) and smart answers / SAIN
+  crashes (search-page).
+- Updated dependencies
+
+## 133.7.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 133.7.3
+
+### Patch Changes
+
+- [`d4d3ad611bb7b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4d3ad611bb7b) -
+  Add multi-bodied extension action analytics for active child changes and parameter updates.
+- Updated dependencies
+
 ## 133.7.2
 
 ### Patch Changes

package/compass.yml

@@ -0,0 +1,38 @@
+configVersion: 1
+id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/c73df476-7db7-4d73-a890-6b5f5da75d92
+name: '@atlaskit/renderer'
+ownerId: ari:cloud:identity::team/og-da2205cb-ea5e-4059-9215-30c9b26c971f # Fabric - Editor
+labels:
+  - platform-code
+  - platform-afm
+typeId: OTHER
+fields:
+  tier: 4
+  lifecycle: Active
+  isMonorepoProject: true
+links:
+  - name: Root Repository
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
+  - name: Slack Channel
+    type: CHAT_CHANNEL
+    url: https://atlassian.enterprise.slack.com/archives/CFG3PSQ9E # #help-editor
+  - name: Renderer
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/renderer
+customFields:
+  - name: Department
+    type: text
+    value: Eng - Editor Frontend Platform
+  - name: Technical Owner
+    type: user
+    value: ari:cloud:identity::user/612646c53fe26c00694fbe6a # Chris Kimber
+  - name: Required Reviewers Opt In
+    type: boolean
+    value: true
+  - name: Reviewer Selection Mechanism
+    type: text
+    value: random(2)
+  - name: Required Reviewer Approvals
+    type: number
+    value: 1

package/dist/cjs/react/nodes/multiBodiedExtension/actions.js

@@ -6,11 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMultiBodiedExtensionActions = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,
     children = _ref.children,
     allowBodiedOverride = _ref.allowBodiedOverride,
-    childrenContainer = _ref.childrenContainer;
+    childrenContainer = _ref.childrenContainer,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
+    _ref$extensionType = _ref.extensionType,
+    extensionType = _ref$extensionType === void 0 ? '' : _ref$extensionType,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
   return _react.default.useMemo(function () {
     return {
       changeActive: function changeActive(index) {
@@ -18,6 +25,17 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
           return false;
         }
         updateActiveChild(index);
+        if ((0, _platformFeatureFlags.fg)('confluence_frontend_native_tabs_extension')) {
+          fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
+            action: _analytics.ACTION.CHANGE_ACTIVE,
+            actionSubject: _analytics.ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+            attributes: {
+              extensionType: extensionType,
+              extensionKey: extensionKey
+            },
+            eventType: _analytics.EVENT_TYPE.TRACK
+          });
+        }
         return true;
       },
       addChild: function addChild() {
@@ -45,5 +63,5 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
         return allowBodiedOverride ? childrenContainer : null;
       }
     };
-  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
+  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
 };

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

@@ -17,6 +17,7 @@ var _actions = require("./multiBodiedExtension/actions");
 var _context = require("./multiBodiedExtension/context");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _breakout = require("../utils/breakout");
+var _analyticsContext = _interopRequireDefault(require("../../analytics/analyticsContext"));
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/prefer-primitives, @atlaskit/design-system/consistent-css-prop-usage */
 /**
@@ -126,6 +127,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     activeChildIndex = _useState2[0],
     setActiveChildIndex = _useState2[1];
+  var _useContext = (0, _react2.useContext)(_analyticsContext.default),
+    fireAnalyticsEvent = _useContext.fireAnalyticsEvent;
   var _useMultiBodiedExtens = (0, _context.useMultiBodiedExtensionContext)({
       extensionHandlers: extensionHandlers,
       extensionType: extensionType,
@@ -137,7 +140,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
     updateActiveChild: setActiveChildIndex,
     children: children,
     childrenContainer: (0, _react.jsx)(MultiBodiedExtensionChildrenContainer, null, children),
-    allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
+    allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
+    extensionKey: extensionKey,
+    extensionType: extensionType,
+    fireAnalyticsEvent: fireAnalyticsEvent
   });
   var renderContent = _react2.default.useCallback(function () {
     var _marks$find;

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

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

package/dist/es2019/react/nodes/multiBodiedExtension/actions.js

@@ -1,9 +1,14 @@
 import React from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const useMultiBodiedExtensionActions = ({
   updateActiveChild,
   children,
   allowBodiedOverride,
-  childrenContainer
+  childrenContainer,
+  extensionKey = '',
+  extensionType = '',
+  fireAnalyticsEvent
 }) => {
   return React.useMemo(() => {
     return {
@@ -12,6 +17,17 @@ export const useMultiBodiedExtensionActions = ({
           return false;
         }
         updateActiveChild(index);
+        if (fg('confluence_frontend_native_tabs_extension')) {
+          fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 ? void 0 : fireAnalyticsEvent({
+            action: ACTION.CHANGE_ACTIVE,
+            actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+            attributes: {
+              extensionType,
+              extensionKey
+            },
+            eventType: EVENT_TYPE.TRACK
+          });
+        }
         return true;
       },
       addChild() {
@@ -39,5 +55,5 @@ export const useMultiBodiedExtensionActions = ({
         return allowBodiedOverride ? childrenContainer : null;
       }
     };
-  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
+  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
 };

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

@@ -7,7 +7,7 @@
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { RendererCssClassName } from '../../consts';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
@@ -15,6 +15,7 @@ import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
 import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import AnalyticsContext from '../../analytics/analyticsContext';
 const containerStyles = css({
   // Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
@@ -116,6 +117,9 @@ const MultiBodiedExtension = props => {
     rendererAppearance
   } = props;
   const [activeChildIndex, setActiveChildIndex] = useState(0);
+  const {
+    fireAnalyticsEvent
+  } = useContext(AnalyticsContext);
   const {
     loading,
     extensionContext
@@ -128,7 +132,10 @@ const MultiBodiedExtension = props => {
     updateActiveChild: setActiveChildIndex,
     children,
     childrenContainer: jsx(MultiBodiedExtensionChildrenContainer, null, children),
-    allowBodiedOverride: extensionContext === null || extensionContext === void 0 ? void 0 : (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
+    allowBodiedOverride: extensionContext === null || extensionContext === void 0 ? void 0 : (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
+    extensionKey,
+    extensionType,
+    fireAnalyticsEvent
   });
   const renderContent = React.useCallback(() => {
     var _marks$find, _marks$find$attrs;

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

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

package/dist/esm/react/nodes/multiBodiedExtension/actions.js

@@ -1,9 +1,16 @@
 import React from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
   var updateActiveChild = _ref.updateActiveChild,
     children = _ref.children,
     allowBodiedOverride = _ref.allowBodiedOverride,
-    childrenContainer = _ref.childrenContainer;
+    childrenContainer = _ref.childrenContainer,
+    _ref$extensionKey = _ref.extensionKey,
+    extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
+    _ref$extensionType = _ref.extensionType,
+    extensionType = _ref$extensionType === void 0 ? '' : _ref$extensionType,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
   return React.useMemo(function () {
     return {
       changeActive: function changeActive(index) {
@@ -11,6 +18,17 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
           return false;
         }
         updateActiveChild(index);
+        if (fg('confluence_frontend_native_tabs_extension')) {
+          fireAnalyticsEvent === null || fireAnalyticsEvent === void 0 || fireAnalyticsEvent({
+            action: ACTION.CHANGE_ACTIVE,
+            actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+            attributes: {
+              extensionType: extensionType,
+              extensionKey: extensionKey
+            },
+            eventType: EVENT_TYPE.TRACK
+          });
+        }
         return true;
       },
       addChild: function addChild() {
@@ -38,5 +56,5 @@ export var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActi
         return allowBodiedOverride ? childrenContainer : null;
       }
     };
-  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer]);
+  }, [updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent]);
 };

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

@@ -10,7 +10,7 @@ var _templateObject;
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { RendererCssClassName } from '../../consts';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
@@ -18,6 +18,7 @@ import { useMultiBodiedExtensionActions } from './multiBodiedExtension/actions';
 import { useMultiBodiedExtensionContext } from './multiBodiedExtension/context';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { calcBreakoutWidthCss } from '../utils/breakout';
+import AnalyticsContext from '../../analytics/analyticsContext';
 var containerStyles = css({
   // Remove top margin if MBE is the first on the doc/page (MBE can only be on the first level)
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
@@ -118,6 +119,8 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
     _useState2 = _slicedToArray(_useState, 2),
     activeChildIndex = _useState2[0],
     setActiveChildIndex = _useState2[1];
+  var _useContext = useContext(AnalyticsContext),
+    fireAnalyticsEvent = _useContext.fireAnalyticsEvent;
   var _useMultiBodiedExtens = useMultiBodiedExtensionContext({
       extensionHandlers: extensionHandlers,
       extensionType: extensionType,
@@ -129,7 +132,10 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
     updateActiveChild: setActiveChildIndex,
     children: children,
     childrenContainer: jsx(MultiBodiedExtensionChildrenContainer, null, children),
-    allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride
+    allowBodiedOverride: extensionContext === null || extensionContext === void 0 || (_extensionContext$pri = extensionContext.privateProps) === null || _extensionContext$pri === void 0 ? void 0 : _extensionContext$pri.__allowBodiedOverride,
+    extensionKey: extensionKey,
+    extensionType: extensionType,
+    fireAnalyticsEvent: fireAnalyticsEvent
   });
   var renderContent = React.useCallback(function () {
     var _marks$find;

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

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

package/dist/types/analytics/events.d.ts

@@ -179,6 +179,10 @@ type ExtensionRenderedAsInlineAEP = OperationalAEP<ACTION.RENDERED, ACTION_SUBJE
     extensionKey: string;
     extensionType: string;
 }>;
-export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | ExtensionRenderedAsInlineAEP;
+export type MBEChangeActiveAnalyticsEvent = AEP<ACTION.CHANGE_ACTIVE, ACTION_SUBJECT.MULTI_BODIED_EXTENSION, undefined, {
+    extensionKey: string;
+    extensionType: string;
+}, EVENT_TYPE.TRACK>;
+export type AnalyticsEventPayload<_T = void> = RendererStartAEP | RendererRenderedAEP | RendererRenderedSampledAEP | ComponentCrashErrorAEP | RendererUnsupportedContentLevelsTrackingSucceeded | RendererUnsupportedContentLevelsTrackingErrored | RendererSelectAllCaughtAEP | RendererSelectAllEscapedAEP | CodeBlockCopyAEP | CodeBlockWrapAEP | HeadingAnchorLinkButtonAEP | HoverLabelAEP | AnchorLinkAEP | TableSortColumnNotAllowedAEP | TableSortColumnAEP | TableWidthInfoAEP | TableRendererHeightInfoAEP | VisitLinkAEP | VisitMediaLinkAEP | ExpandAEP | UnsupportedContentPayload | UnsupportedContentTooltipPayload | AnnotationAEP | AnnotationDeleteAEP | MediaLnkTransformedAEP | InvalidProsemirrorDocumentErrorAEP | NestedTableTransformedAEP | ContainerNodeTransformedAEP | NativeEmbedsTransformedAEP | MediaRenderErrorEvent | SyncedBlockFetchErrorAEP | SyncedBlockGetSourceInfoErrorAEP | SyncedBlockSSRErrorAEP | ReferenceSyncedBlockUpdateErrorAEP | SyncedBlockFetchSuccessAEP | ExperienceEventPayload | ExtensionRenderedAsInlineAEP | MBEChangeActiveAnalyticsEvent;
 export type FireAnalyticsCallback = <T = void>(payload: AnalyticsEventPayload<T>) => void | undefined;
 export {};

package/dist/types/react/nodes/multiBodiedExtension/actions.d.ts

@@ -1,10 +1,14 @@
 import React from 'react';
 import type { MultiBodiedExtensionActions } from '@atlaskit/editor-common/extensions';
+import type { MBEChangeActiveAnalyticsEvent } from '../../../analytics/events';
 type ActionsProps = {
     allowBodiedOverride: boolean;
     children: React.ReactNode;
     childrenContainer: React.ReactNode;
+    extensionKey?: string;
+    extensionType?: string;
+    fireAnalyticsEvent?: (event: MBEChangeActiveAnalyticsEvent) => void;
     updateActiveChild: (index: number) => void;
 };
-export declare const useMultiBodiedExtensionActions: ({ updateActiveChild, children, allowBodiedOverride, childrenContainer, }: ActionsProps) => MultiBodiedExtensionActions;
+export declare const useMultiBodiedExtensionActions: ({ updateActiveChild, children, allowBodiedOverride, childrenContainer, extensionKey, extensionType, fireAnalyticsEvent, }: ActionsProps) => MultiBodiedExtensionActions;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "133.7.2",
+	"version": "133.7.5",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -18,7 +18,7 @@
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"react-compiler": {
-			"enabled": true,
+			"enabled": false,
 			"gating": {
 				"source": "@atlaskit/react-compiler-gating",
 				"importSpecifierName": "isReactCompilerActivePlatform"
@@ -31,7 +31,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^56.0.0",
-		"@atlaskit/adf-utils": "^20.0.0",
+		"@atlaskit/adf-utils": "^20.1.0",
 		"@atlaskit/afm-i18n-platform-editor-renderer": "2.168.0",
 		"@atlaskit/analytics-listeners": "^11.1.0",
 		"@atlaskit/analytics-namespaced-context": "^8.1.0",
@@ -67,8 +67,8 @@
 		"@atlaskit/status": "^5.4.0",
 		"@atlaskit/task-decision": "^21.4.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^115.0.0",
-		"@atlaskit/tokens": "^15.2.0",
+		"@atlaskit/tmp-editor-statsig": "^117.0.0",
+		"@atlaskit/tokens": "^15.3.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -82,7 +82,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.17.0",
+		"@atlaskit/editor-common": "^116.18.0",
 		"@atlaskit/link-provider": "^5.1.0",
 		"@atlaskit/media-core": "^38.0.0",
 		"react": "^18.2.0",
@@ -102,8 +102,8 @@
 		"@atlaskit/media-test-helpers": "^42.1.0",
 		"@atlaskit/mention": "^27.5.0",
 		"@atlaskit/modal-dialog": "^16.1.0",
-		"@atlaskit/navigation-system": "^10.1.0",
-		"@atlaskit/profilecard": "^26.4.0",
+		"@atlaskit/navigation-system": "^10.2.0",
+		"@atlaskit/profilecard": "^26.5.0",
 		"@atlaskit/side-nav-items": "^2.2.0",
 		"@atlaskit/util-data-test": "^19.1.0",
 		"@atlassian/a11y-jest-testing": "^0.13.0",