@atlaskit/navigation-system 5.17.0 → 5.18.1

package/dist/esm/ui/page-layout/use-open-layer-count.js

@@ -0,0 +1,53 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useEffect, useState } from 'react';
+import { useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
+
+/**
+ * Returns whether there are any open layers across the specified namespaces, optionally filtered by type.
+ */
+export function useHasOpenLayers(_ref) {
+  var namespaces = _ref.namespaces,
+    type = _ref.type;
+  var isFhsEnabled = useIsFhsEnabled();
+  var openLayerObserver = useOpenLayerObserver();
+  // Setting the initial state to false, as it is unlikely that there would be any open layers when the app starts.
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasOpenLayers = _useState2[0],
+    setHasOpenLayers = _useState2[1];
+  useEffect(function () {
+    if (!openLayerObserver || !isFhsEnabled || !fg('platform-dst-side-nav-layering-fixes')) {
+      return;
+    }
+    function updateState() {
+      if (!openLayerObserver) {
+        return;
+      }
+      var hasAnyOpenLayers = namespaces.some(function (namespace) {
+        return openLayerObserver.getCount({
+          namespace: namespace,
+          type: type
+        }) > 0;
+      });
+      setHasOpenLayers(hasAnyOpenLayers);
+    }
+
+    // Initial check
+    updateState();
+
+    // Subscribe to each namespace
+    var cleanups = namespaces.map(function (namespace) {
+      return openLayerObserver.onChange(updateState, {
+        namespace: namespace
+      });
+    });
+    return function cleanupHook() {
+      cleanups.forEach(function (cleanup) {
+        return cleanup();
+      });
+    };
+  }, [isFhsEnabled, openLayerObserver, namespaces, type]);
+  return hasOpenLayers;
+}

package/dist/types/ui/page-layout/constants.d.ts

@@ -42,7 +42,9 @@ export declare const localSlotLayers: {
     panelSmallViewports: number;
 };
 export declare const openLayerObserverSideNavNamespace = "side-nav";
-export declare const openLayerObserverTopNavNamespace = "top-nav";
+export declare const openLayerObserverTopNavStartNamespace = "top-nav-start";
+export declare const openLayerObserverTopNavMiddleNamespace = "top-nav-middle";
+export declare const openLayerObserverTopNavEndNamespace = "top-nav-end";
 /**
  * CSS scroll timeline variable for the side nav content scroll indicator.
  * The scroll timeline is created in SideNavContent, and then used by TopNavStart to apply the scroll indicator line.

package/dist/types/ui/page-layout/use-open-layer-count.d.ts

@@ -0,0 +1,8 @@
+import { type LayerType } from '@atlaskit/layering/experimental/open-layer-observer';
+/**
+ * Returns whether there are any open layers across the specified namespaces, optionally filtered by type.
+ */
+export declare function useHasOpenLayers({ namespaces, type, }: {
+    namespaces: string[];
+    type?: LayerType;
+}): boolean;

package/dist/types-ts4.5/ui/page-layout/constants.d.ts

@@ -42,7 +42,9 @@ export declare const localSlotLayers: {
     panelSmallViewports: number;
 };
 export declare const openLayerObserverSideNavNamespace = "side-nav";
-export declare const openLayerObserverTopNavNamespace = "top-nav";
+export declare const openLayerObserverTopNavStartNamespace = "top-nav-start";
+export declare const openLayerObserverTopNavMiddleNamespace = "top-nav-middle";
+export declare const openLayerObserverTopNavEndNamespace = "top-nav-end";
 /**
  * CSS scroll timeline variable for the side nav content scroll indicator.
  * The scroll timeline is created in SideNavContent, and then used by TopNavStart to apply the scroll indicator line.

package/dist/types-ts4.5/ui/page-layout/use-open-layer-count.d.ts

@@ -0,0 +1,8 @@
+import { type LayerType } from '@atlaskit/layering/experimental/open-layer-observer';
+/**
+ * Returns whether there are any open layers across the specified namespaces, optionally filtered by type.
+ */
+export declare function useHasOpenLayers({ namespaces, type, }: {
+    namespaces: string[];
+    type?: LayerType;
+}): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "5.17.0",
+	"version": "5.18.1",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -73,15 +73,15 @@
 		"@atlaskit/ds-lib": "^5.3.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.3.0",
-		"@atlaskit/layering": "^3.5.0",
+		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.11.0",
+		"@atlaskit/popup": "^4.12.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -148,6 +148,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_dst_nav4_side_nav_resize_tooltip_feedback": {
+			"type": "boolean"
+		},
 		"platform_dst_nav4_fhs_instrumentation_1": {
 			"type": "boolean"
 		},
@@ -173,9 +176,6 @@
 		"navx-full-height-sidebar": {
 			"type": "boolean"
 		},
-		"team25-eu-jira-logo-updates-csm-jsm": {
-			"type": "boolean"
-		},
 		"platform_themed_button_use_icon_renderer": {
 			"type": "boolean"
 		},