@atlaskit/navigation-system 5.5.1 → 5.7.0

package/dist/esm/ui/top-nav-items/search.js

@@ -6,6 +6,7 @@ import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
+import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/migration';
 var styles = {
   root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
@@ -28,6 +29,9 @@ export var Search = function Search(_ref) {
     elemAfter = _ref.elemAfter,
     interactionName = _ref.interactionName,
     ariaHaspopup = _ref['aria-haspopup'];
+  var isFhsEnabled = fg('navx-2566-implement-fhs-rollout') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useIsFhsEnabled() : fg('navx-full-height-sidebar');
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
     style: {
       // To win the specificity war against Emotion we move this into inline styles
@@ -37,7 +41,7 @@ export var Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: cx(styles.root, fg('navx-full-height-sidebar') && styles.fullHeightSidebar),
+    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {

package/dist/types/entry-points/fhs-rollout.d.ts

@@ -0,0 +1,3 @@
+export { IsFhsEnabledContext } from '../ui/fhs-rollout/is-fhs-enabled-context';
+export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from '../ui/fhs-rollout/is-fhs-enabled-provider';
+export { useIsFhsEnabled } from '../ui/fhs-rollout/use-is-fhs-enabled';

package/dist/types/index.d.ts

@@ -1,3 +1,6 @@
+export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
+export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from './ui/fhs-rollout/is-fhs-enabled-provider';
+export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
 export { ExpandableMenuItem, type ExpandableMenuItemProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item';
 export { ExpandableMenuItemTrigger, type ExpandableMenuItemTriggerProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-trigger';
 export { ExpandableMenuItemContent, type ExpandableMenuItemContentProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-content';

package/dist/types/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * __Is custom is fhs enabled context__
+ *
+ * Tracks if a custom value has been provided for `IsFhsEnabledContext`.
+ * Used to prevent nesting of the `IsFhsEnabledProvider`.
+ */
+export declare const IsCustomIsFhsEnabledContext: import("react").Context<boolean>;

package/dist/types/ui/fhs-rollout/is-fhs-enabled-context.d.ts

@@ -0,0 +1,8 @@
+import type { Get } from './types';
+/**
+ * __Is fhs enabled context__
+ *
+ * Tracks is FHS enabled.
+ * Defaults to feature gate 'navx-full-height-sidebar'.
+ */
+export declare const IsFhsEnabledContext: import("react").Context<boolean | Get<boolean>>;

package/dist/types/ui/fhs-rollout/is-fhs-enabled-provider.d.ts

@@ -0,0 +1,10 @@
+import React, { type PropsWithChildren } from 'react';
+/**
+ * __Is fhs enabled provider__
+ *
+ * Used to provide a custom value for is FHS enabled.
+ */
+export declare const IsFhsEnabledProvider: ({ children, value }: IsFhsEnabledProviderProps) => React.JSX.Element;
+export type IsFhsEnabledProviderProps = PropsWithChildren<{
+    value: boolean;
+}>;

package/dist/types/ui/fhs-rollout/types.d.ts

@@ -0,0 +1 @@
+export type Get<T> = () => T;

package/dist/types/ui/fhs-rollout/use-is-fhs-enabled.d.ts

@@ -0,0 +1,6 @@
+/**
+ * __Use is fhs enabled__
+ *
+ * Retrieves is FHS enabled.
+ */
+export declare const useIsFhsEnabled: () => boolean;

package/dist/types/ui/page-layout/panel-splitter/panel-splitter.d.ts

@@ -29,7 +29,7 @@ export type PanelSplitterProps = {
      * The `tooltipContent` will not be announced by screen readers because it pertains to the draggable element, which lacks keyboard functionality.
      * Use the `label` prop to provide accessible information about the panel splitter.
      *
-     * Only used if the `navx-full-height-sidebar` feature flag is enabled.
+     * Only used if `useIsFhsEnabled` is true.
      */
     tooltipContent?: TooltipProps['content'];
 };

package/dist/types/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts

@@ -17,7 +17,7 @@ type SideNavPanelSplitterProps = Omit<PanelSplitterProps, 'onDoubleClick' | 'too
      *
      * If the `isSideNavShortcutEnabled` prop is enabled on `<Root />`, the built-in keyboard shortcut will be displayed with the tooltip.
      *
-     * Only used if the `navx-full-height-sidebar` feature flag is enabled.
+     * Only used if `useIsFhsEnabled` is true.
      */
     tooltipContent?: PanelSplitterProps['tooltipContent'];
 };

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

@@ -61,7 +61,7 @@ export declare function Root({ children, xcss, UNSAFE_dangerouslyHoistSlotSizes,
      * is pressed, before the SideNav is toggled. You can use this to conditionally disable the shortcut based on your
      * your own custom checks, e.g. if there is a legacy dialog open.
      *
-     * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
+     * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
      */
     isSideNavShortcutEnabled?: boolean;
 }): JSX.Element;

package/dist/types/ui/page-layout/side-nav/side-nav.d.ts

@@ -72,7 +72,7 @@ type SideNavProps = CommonSlotProps & {
      *
      * The shortcut key is `Ctrl` + `[`.
      *
-     * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
+     * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
      */
     canToggleWithShortcut?: () => boolean;
 };

package/dist/types-ts4.5/entry-points/fhs-rollout.d.ts

@@ -0,0 +1,3 @@
+export { IsFhsEnabledContext } from '../ui/fhs-rollout/is-fhs-enabled-context';
+export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from '../ui/fhs-rollout/is-fhs-enabled-provider';
+export { useIsFhsEnabled } from '../ui/fhs-rollout/use-is-fhs-enabled';

package/dist/types-ts4.5/index.d.ts

@@ -1,3 +1,6 @@
+export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
+export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from './ui/fhs-rollout/is-fhs-enabled-provider';
+export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
 export { ExpandableMenuItem, type ExpandableMenuItemProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item';
 export { ExpandableMenuItemTrigger, type ExpandableMenuItemTriggerProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-trigger';
 export { ExpandableMenuItemContent, type ExpandableMenuItemContentProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-content';

package/dist/types-ts4.5/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts

@@ -0,0 +1,7 @@
+/**
+ * __Is custom is fhs enabled context__
+ *
+ * Tracks if a custom value has been provided for `IsFhsEnabledContext`.
+ * Used to prevent nesting of the `IsFhsEnabledProvider`.
+ */
+export declare const IsCustomIsFhsEnabledContext: import("react").Context<boolean>;

package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-context.d.ts

@@ -0,0 +1,8 @@
+import type { Get } from './types';
+/**
+ * __Is fhs enabled context__
+ *
+ * Tracks is FHS enabled.
+ * Defaults to feature gate 'navx-full-height-sidebar'.
+ */
+export declare const IsFhsEnabledContext: import("react").Context<boolean | Get<boolean>>;

package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-provider.d.ts

@@ -0,0 +1,10 @@
+import React, { type PropsWithChildren } from 'react';
+/**
+ * __Is fhs enabled provider__
+ *
+ * Used to provide a custom value for is FHS enabled.
+ */
+export declare const IsFhsEnabledProvider: ({ children, value }: IsFhsEnabledProviderProps) => React.JSX.Element;
+export type IsFhsEnabledProviderProps = PropsWithChildren<{
+    value: boolean;
+}>;

package/dist/types-ts4.5/ui/fhs-rollout/types.d.ts

@@ -0,0 +1 @@
+export type Get<T> = () => T;

package/dist/types-ts4.5/ui/fhs-rollout/use-is-fhs-enabled.d.ts

@@ -0,0 +1,6 @@
+/**
+ * __Use is fhs enabled__
+ *
+ * Retrieves is FHS enabled.
+ */
+export declare const useIsFhsEnabled: () => boolean;

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

@@ -29,7 +29,7 @@ export type PanelSplitterProps = {
      * The `tooltipContent` will not be announced by screen readers because it pertains to the draggable element, which lacks keyboard functionality.
      * Use the `label` prop to provide accessible information about the panel splitter.
      *
-     * Only used if the `navx-full-height-sidebar` feature flag is enabled.
+     * Only used if `useIsFhsEnabled` is true.
      */
     tooltipContent?: TooltipProps['content'];
 };

package/dist/types-ts4.5/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts

@@ -17,7 +17,7 @@ type SideNavPanelSplitterProps = Omit<PanelSplitterProps, 'onDoubleClick' | 'too
      *
      * If the `isSideNavShortcutEnabled` prop is enabled on `<Root />`, the built-in keyboard shortcut will be displayed with the tooltip.
      *
-     * Only used if the `navx-full-height-sidebar` feature flag is enabled.
+     * Only used if `useIsFhsEnabled` is true.
      */
     tooltipContent?: PanelSplitterProps['tooltipContent'];
 };

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

@@ -61,7 +61,7 @@ export declare function Root({ children, xcss, UNSAFE_dangerouslyHoistSlotSizes,
      * is pressed, before the SideNav is toggled. You can use this to conditionally disable the shortcut based on your
      * your own custom checks, e.g. if there is a legacy dialog open.
      *
-     * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
+     * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
      */
     isSideNavShortcutEnabled?: boolean;
 }): JSX.Element;

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

@@ -72,7 +72,7 @@ type SideNavProps = CommonSlotProps & {
      *
      * The shortcut key is `Ctrl` + `[`.
      *
-     * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
+     * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
      */
     canToggleWithShortcut?: () => boolean;
 };

package/fhs-rollout/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/navigation-system/fhs-rollout",
+  "main": "../dist/cjs/entry-points/fhs-rollout.js",
+  "module": "../dist/esm/entry-points/fhs-rollout.js",
+  "module:es2019": "../dist/es2019/entry-points/fhs-rollout.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/fhs-rollout.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/fhs-rollout.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "5.5.1",
+	"version": "5.7.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -72,7 +72,7 @@
 		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/ds-lib": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
-		"@atlaskit/layering": "^3.3.0",
+		"@atlaskit/layering": "^3.4.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.6.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tooltip": "^20.9.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -116,7 +116,7 @@
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.20.0",
+		"@atlassian/gemini": "^1.21.0",
 		"@atlassian/search-dialog": "^9.9.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.0.0",
@@ -176,6 +176,9 @@
 		"navx-full-height-sidebar": {
 			"type": "boolean"
 		},
+		"navx-2566-implement-fhs-rollout": {
+			"type": "boolean"
+		},
 		"team25-eu-jira-logo-updates-csm-jsm": {
 			"type": "boolean"
 		},