@atlaskit/navigation-system 10.5.0 → 10.5.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlassian/navigation-system
 
+## 10.5.2
+
+### Patch Changes
+
+- [`c84bd629439e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c84bd629439e0) -
+  Opt `IconRenderer` out of React Compiler memoization (`'use no memo'`). This file is a copy of
+  `@atlaskit/button`'s `IconRenderer`, sharing the same `isIconRenderProp()` heuristic that
+  misclassifies icon components missing a `displayName` as render-props and invokes them as plain
+  functions instead of JSX. Under React Compiler, memoization of this render could skip re-invoking
+  an already-compiled icon component on some renders, dropping a hook call and causing a hook-count
+  mismatch (React error #300).
+- Updated dependencies
+
+## 10.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.5.0
 
 ### Minor Changes

package/dist/cjs/ui/top-nav-items/icon-renderer.js

@@ -28,6 +28,9 @@ function isIconRenderProp(func) {
  *
  */
 var IconRenderer = function IconRenderer(_ref) {
+  // React Compiler opt-out: RC-incompatible (memoization breaks runtime behaviour).
+  'use no memo';
+
   var Icon = _ref.icon;
   var isRenderProp = isIconRenderProp(Icon);
   var iconProps = {

package/dist/es2019/ui/top-nav-items/icon-renderer.js

@@ -23,6 +23,9 @@ function isIconRenderProp(func) {
 const IconRenderer = ({
   icon: Icon
 }) => {
+  // React Compiler opt-out: RC-incompatible (memoization breaks runtime behaviour).
+  'use no memo';
+
   const isRenderProp = isIconRenderProp(Icon);
   let iconProps = {
     label: '',

package/dist/esm/ui/top-nav-items/icon-renderer.js

@@ -21,6 +21,9 @@ function isIconRenderProp(func) {
  *
  */
 var IconRenderer = function IconRenderer(_ref) {
+  // React Compiler opt-out: RC-incompatible (memoization breaks runtime behaviour).
+  'use no memo';
+
   var Icon = _ref.icon;
   var isRenderProp = isIconRenderProp(Icon);
   var iconProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "10.5.0",
+	"version": "10.5.2",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -11,7 +11,9 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"sideEffects": ["*.compiled.css"],
+	"sideEffects": [
+		"*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"react-compiler": {
@@ -44,27 +46,30 @@
 			]
 		},
 		"integrationTests": {
-			"additionalBrowsers": ["desktop-firefox", "desktop-webkit"]
+			"additionalBrowsers": [
+				"desktop-firefox",
+				"desktop-webkit"
+			]
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.2.0",
+		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/app-provider": "^5.1.0",
 		"@atlaskit/avatar": "^26.1.0",
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^36.2.0",
+		"@atlaskit/icon": "^37.0.0",
 		"@atlaskit/layering": "^4.1.0",
 		"@atlaskit/logo": "^21.4.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/popup": "^5.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^20.5.0",
+		"@atlaskit/primitives": "^20.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.2.0",
-		"@atlaskit/tokens": "^15.5.0",
+		"@atlaskit/tokens": "^15.6.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -83,7 +88,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/badge": "^19.1.0",
 		"@atlaskit/banner": "^15.1.0",
-		"@atlaskit/breadcrumbs": "^17.3.0",
+		"@atlaskit/breadcrumbs": "^17.4.0",
 		"@atlaskit/dropdown-menu": "^17.1.0",
 		"@atlaskit/flag": "^18.1.0",
 		"@atlaskit/form": "^16.1.0",
@@ -91,24 +96,24 @@
 		"@atlaskit/inline-dialog": "^19.1.0",
 		"@atlaskit/link": "^4.1.0",
 		"@atlaskit/lozenge": "^14.1.0",
-		"@atlaskit/menu": "^9.1.0",
+		"@atlaskit/menu": "^9.2.0",
 		"@atlaskit/modal-dialog": "^16.1.0",
 		"@atlaskit/onboarding": "^15.1.0",
 		"@atlaskit/page-header": "^13.1.0",
 		"@atlaskit/page-layout": "^5.2.0",
-		"@atlaskit/popper": "^8.2.0",
+		"@atlaskit/popper": "^8.3.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
-		"@atlaskit/select": "^22.4.0",
-		"@atlaskit/skeleton": "^4.1.0",
+		"@atlaskit/select": "^22.5.0",
+		"@atlaskit/skeleton": "^4.2.0",
 		"@atlaskit/spotlight": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/top-layer": "^1.5.0",
-		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/gemini": "^1.48.0",
+		"@atlaskit/top-layer": "^1.6.0",
+		"@atlassian/feature-flags-test-utils": "^1.2.0",
+		"@atlassian/gemini": "^1.49.0",
 		"@atlassian/search-dialog": "^10.5.0",
 		"@atlassian/ssr-tests": "workspace:^",
-		"@atlassian/test-utils": "^1.0.0",
-		"@atlassian/testing-library": "^0.10.0",
+		"@atlassian/test-utils": "^1.1.0",
+		"@atlassian/testing-library": "^0.11.0",
 		"@axe-core/playwright": "^4.11.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -122,10 +127,17 @@
 		},
 		"@repo/internal": {
 			"dom-events": "use-bind-event-listener",
-			"design-tokens": ["color", "spacing"],
+			"design-tokens": [
+				"color",
+				"spacing"
+			],
 			"deprecation": "no-deprecated-imports",
-			"imports": ["import-no-extraneous-disable-for-examples-and-docs"],
-			"styling": ["emotion"]
+			"imports": [
+				"import-no-extraneous-disable-for-examples-and-docs"
+			],
+			"styling": [
+				"emotion"
+			]
 		}
 	},
 	"platform-feature-flags": {