@atlaskit/navigation-system 5.39.1 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @atlassian/navigation-system
 
+## 6.0.0
+
+### Major Changes
+
+- [`929ebbf40230e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/929ebbf40230e) -
+  The re-exports of side nav item components has been removed. The components must now be imported
+  from `@atlaskit/side-nav-items`.
+
+  This includes all exports from the previous entrypoints beginning with
+  `@atlaskit/navigation-system/side-nav-items/`:
+  - ContainerAvatar
+  - ExpandableMenuItem, ExpandableMenuItemTrigger, ExpandableMenuItemContentg
+  - FlyoutMenuItem, FlyoutMenuItemTrigger, FlyoutMenuItemContent, FlyoutHeader, FlyoutBody,
+    FlyoutFooter
+  - ButtonMenuItem
+  - LinkMenuItem
+  - MenuList
+  - MenuListItem
+  - MenuSection, MenuSectionHeading, Divider
+  - TopLevelSpacer
+  - LazyDragHandle, DragPreview, DropIndicator, GroupDropIndicator, useMenuItemDragAndDrop
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.40.0
+
+### Minor Changes
+
+- [`d181fe4b076de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d181fe4b076de) -
+  Tidies the `platform_dst_nav4_fhs_instrumentation_1` feature gate. Analytics events for
+  `sideNavMenu viewedOnLoad` + `sideNavButton hovered` + `sideNav expanded` + `sideNav collapsed`
+  are now always fired.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.39.1
 
 ### Patch Changes

package/constellation/side-nav-items/index.mdx

@@ -0,0 +1,17 @@
+---
+title: Side nav items
+description: Menu items and elements for the side nav area.
+order: 1
+---
+
+import SectionMessage from '@atlaskit/section-message';
+import Link from '@atlaskit/link';
+import { Code } from '@atlaskit/code';
+
+<SectionMessage title="Moved" appearance="information">
+	Side nav items have been moved to the package <Code>@atlaskit/side-nav-items</Code>. This package
+	is now documented on the{' '}
+	<Link target="_blank" href="https://atlaskit.atlassian.com/packages/navigation/side-nav-items">
+		Atlaskit website
+	</Link>
+</SectionMessage>

package/dist/cjs/index.js

@@ -27,30 +27,12 @@ Object.defineProperty(exports, "Banner", {
     return _banner.Banner;
   }
 });
-Object.defineProperty(exports, "ButtonMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _buttonMenuItem.ButtonMenuItem;
-  }
-});
-Object.defineProperty(exports, "COLLAPSE_ELEM_BEFORE", {
-  enumerable: true,
-  get: function get() {
-    return _buttonMenuItem.COLLAPSE_ELEM_BEFORE;
-  }
-});
 Object.defineProperty(exports, "ChatButton", {
   enumerable: true,
   get: function get() {
     return _chatButton.ChatButton;
   }
 });
-Object.defineProperty(exports, "ContainerAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _containerAvatar.ContainerAvatar;
-  }
-});
 Object.defineProperty(exports, "CreateButton", {
   enumerable: true,
   get: function get() {
@@ -63,54 +45,12 @@ Object.defineProperty(exports, "CustomLogo", {
     return _customLogo.CustomLogo;
   }
 });
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.Divider;
-  }
-});
 Object.defineProperty(exports, "EndItem", {
   enumerable: true,
   get: function get() {
     return _endItem.EndItem;
   }
 });
-Object.defineProperty(exports, "ExpandableMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItem;
-  }
-});
-Object.defineProperty(exports, "ExpandableMenuItemContent", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItemContent;
-  }
-});
-Object.defineProperty(exports, "ExpandableMenuItemTrigger", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.ExpandableMenuItemTrigger;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItem;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItemContent", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItemContent;
-  }
-});
-Object.defineProperty(exports, "FlyoutMenuItemTrigger", {
-  enumerable: true,
-  get: function get() {
-    return _flyoutMenuItem.FlyoutMenuItemTrigger;
-  }
-});
 Object.defineProperty(exports, "Help", {
   enumerable: true,
   get: function get() {
@@ -129,12 +69,6 @@ Object.defineProperty(exports, "IsFhsEnabledProvider", {
     return _isFhsEnabledProvider.IsFhsEnabledProvider;
   }
 });
-Object.defineProperty(exports, "LinkMenuItem", {
-  enumerable: true,
-  get: function get() {
-    return _linkMenuItem.LinkMenuItem;
-  }
-});
 Object.defineProperty(exports, "LogIn", {
   enumerable: true,
   get: function get() {
@@ -153,30 +87,6 @@ Object.defineProperty(exports, "MainStickyHeader", {
     return _mainStickyHeader.MainStickyHeader;
   }
 });
-Object.defineProperty(exports, "MenuList", {
-  enumerable: true,
-  get: function get() {
-    return _menuList.MenuList;
-  }
-});
-Object.defineProperty(exports, "MenuListItem", {
-  enumerable: true,
-  get: function get() {
-    return _menuListItem.MenuListItem;
-  }
-});
-Object.defineProperty(exports, "MenuSection", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.MenuSection;
-  }
-});
-Object.defineProperty(exports, "MenuSectionHeading", {
-  enumerable: true,
-  get: function get() {
-    return _menuSection.MenuSectionHeading;
-  }
-});
 Object.defineProperty(exports, "Notifications", {
   enumerable: true,
   get: function get() {
@@ -255,12 +165,6 @@ Object.defineProperty(exports, "SideNavToggleButton", {
     return _toggleButton.SideNavToggleButton;
   }
 });
-Object.defineProperty(exports, "TopLevelSpacer", {
-  enumerable: true,
-  get: function get() {
-    return _topLevelSpacer.TopLevelSpacer;
-  }
-});
 Object.defineProperty(exports, "TopNav", {
   enumerable: true,
   get: function get() {
@@ -285,12 +189,6 @@ Object.defineProperty(exports, "TopNavStart", {
     return _topNavStart.TopNavStart;
   }
 });
-Object.defineProperty(exports, "useIsExpanded", {
-  enumerable: true,
-  get: function get() {
-    return _expandableMenuItem.useIsExpanded;
-  }
-});
 Object.defineProperty(exports, "useIsFhsEnabled", {
   enumerable: true,
   get: function get() {
@@ -306,15 +204,6 @@ Object.defineProperty(exports, "useToggleSideNav", {
 var _isFhsEnabledContext = require("./ui/fhs-rollout/is-fhs-enabled-context");
 var _isFhsEnabledProvider = require("./ui/fhs-rollout/is-fhs-enabled-provider");
 var _useIsFhsEnabled = require("./ui/fhs-rollout/use-is-fhs-enabled");
-var _expandableMenuItem = require("@atlaskit/side-nav-items/expandable-menu-item");
-var _flyoutMenuItem = require("@atlaskit/side-nav-items/flyout-menu-item");
-var _buttonMenuItem = require("@atlaskit/side-nav-items/button-menu-item");
-var _linkMenuItem = require("@atlaskit/side-nav-items/link-menu-item");
-var _menuListItem = require("@atlaskit/side-nav-items/menu-list-item");
-var _containerAvatar = require("@atlaskit/side-nav-items/container-avatar");
-var _menuList = require("@atlaskit/side-nav-items/menu-list");
-var _topLevelSpacer = require("@atlaskit/side-nav-items/top-level-spacer");
-var _menuSection = require("@atlaskit/side-nav-items/menu-section");
 var _aside = require("./ui/page-layout/aside");
 var _banner = require("./ui/page-layout/banner");
 var _main = require("./ui/page-layout/main/main");

package/dist/cjs/ui/page-layout/side-nav/side-nav.js

@@ -163,7 +163,7 @@ function SideNavInternal(_ref) {
    * Only firing on desktop because the nav is never open by default on mobile.
    */
   (0, _react.useEffect)(function () {
-    if (initialIsExpandedOnDesktop && (0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
+    if (initialIsExpandedOnDesktop) {
       var isDesktop = window.matchMedia('(min-width: 64rem)').matches;
       if (isDesktop) {
         var navigationAnalyticsEvent = createAnalyticsEvent({
@@ -368,26 +368,20 @@ function SideNavInternal(_ref) {
   var handleExpand = (0, _react.useCallback)(function (_ref2) {
     var screen = _ref2.screen,
       trigger = _ref2.trigger;
-    if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-      onExpand === null || onExpand === void 0 || onExpand({
-        screen: screen,
+    onExpand === null || onExpand === void 0 || onExpand({
+      screen: screen,
+      trigger: trigger
+    });
+    var navigationAnalyticsEvent = createAnalyticsEvent({
+      source: 'topNav',
+      actionSubject: 'sideNav',
+      action: 'expanded',
+      actionSubjectId: 'sideNavMenu',
+      attributes: {
         trigger: trigger
-      });
-      var navigationAnalyticsEvent = createAnalyticsEvent({
-        source: 'topNav',
-        actionSubject: 'sideNav',
-        action: 'expanded',
-        actionSubjectId: 'sideNavMenu',
-        attributes: {
-          trigger: trigger
-        }
-      });
-      navigationAnalyticsEvent.fire('navigation');
-    } else {
-      onExpand === null || onExpand === void 0 || onExpand({
-        screen: screen
-      });
-    }
+      }
+    });
+    navigationAnalyticsEvent.fire('navigation');
 
     // When the side nav gets expanded, we close the flyout to reset it.
     // This prevents the flyout from staying open and ensures we are respecting the user's intent to expand.
@@ -396,26 +390,20 @@ function SideNavInternal(_ref) {
   var handleCollapse = (0, _react.useCallback)(function (_ref3) {
     var screen = _ref3.screen,
       trigger = _ref3.trigger;
-    if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-      onCollapse === null || onCollapse === void 0 || onCollapse({
-        screen: screen,
+    onCollapse === null || onCollapse === void 0 || onCollapse({
+      screen: screen,
+      trigger: trigger
+    });
+    var navigationAnalyticsEvent = createAnalyticsEvent({
+      source: 'topNav',
+      actionSubject: 'sideNav',
+      action: 'collapsed',
+      actionSubjectId: 'sideNavMenu',
+      attributes: {
         trigger: trigger
-      });
-      var navigationAnalyticsEvent = createAnalyticsEvent({
-        source: 'topNav',
-        actionSubject: 'sideNav',
-        action: 'collapsed',
-        actionSubjectId: 'sideNavMenu',
-        attributes: {
-          trigger: trigger
-        }
-      });
-      navigationAnalyticsEvent.fire('navigation');
-    } else {
-      onCollapse === null || onCollapse === void 0 || onCollapse({
-        screen: screen
-      });
-    }
+      }
+    });
+    navigationAnalyticsEvent.fire('navigation');
 
     // When the side nav gets collapsed, we close the flyout to reset it.
     // This prevents the flyout from staying open and ensures we are respecting the user's intent to collapse.

package/dist/cjs/ui/page-layout/side-nav/toggle-button.js

@@ -17,7 +17,6 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _sidebarCollapse = _interopRequireDefault(require("@atlaskit/icon/core/sidebar-collapse"));
 var _sidebarExpand = _interopRequireDefault(require("@atlaskit/icon/core/sidebar-expand"));
 var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _migration = require("../../top-nav-items/themed/migration");
 var _isSideNavShortcutEnabledContext = require("./is-side-nav-shortcut-enabled-context");
@@ -113,10 +112,6 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     }
   }, [isFhsEnabled, isSideNavExpanded, onClick, openLayerObserver, toggleVisibility]);
   var handlePointerEnter = (0, _react.useCallback)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-      return;
-    }
-
     // Hovers don't do anything on mobile, so not capturing
     var isDesktop = window.matchMedia('(min-width: 64rem)').matches;
     if (!isDesktop) {

package/dist/cjs/ui/page-layout/side-nav/use-side-nav-visibility-callbacks.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSideNavVisibilityCallbacks = useSideNavVisibilityCallbacks;
 var _react = require("react");
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * Calls the `onExpand` and `onCollapse` callbacks as required.
  * This is used for both user-provided callbacks, as well as internal callbacks to respond to visibility state changes.
@@ -38,31 +37,17 @@ function useSideNavVisibilityCallbacks(_ref) {
       return;
     }
     if (isExpandedOnDesktop) {
-      if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onExpandRef$current;
-        (_onExpandRef$current = onExpandRef.current) === null || _onExpandRef$current === void 0 || _onExpandRef$current.call(onExpandRef, {
-          screen: 'desktop',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onExpandRef$current2;
-        (_onExpandRef$current2 = onExpandRef.current) === null || _onExpandRef$current2 === void 0 || _onExpandRef$current2.call(onExpandRef, {
-          screen: 'desktop'
-        });
-      }
+      var _onExpandRef$current;
+      (_onExpandRef$current = onExpandRef.current) === null || _onExpandRef$current === void 0 || _onExpandRef$current.call(onExpandRef, {
+        screen: 'desktop',
+        trigger: lastTrigger
+      });
     } else {
-      if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onCollapseRef$curren;
-        (_onCollapseRef$curren = onCollapseRef.current) === null || _onCollapseRef$curren === void 0 || _onCollapseRef$curren.call(onCollapseRef, {
-          screen: 'desktop',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onCollapseRef$curren2;
-        (_onCollapseRef$curren2 = onCollapseRef.current) === null || _onCollapseRef$curren2 === void 0 || _onCollapseRef$curren2.call(onCollapseRef, {
-          screen: 'desktop'
-        });
-      }
+      var _onCollapseRef$curren;
+      (_onCollapseRef$curren = onCollapseRef.current) === null || _onCollapseRef$curren === void 0 || _onCollapseRef$curren.call(onCollapseRef, {
+        screen: 'desktop',
+        trigger: lastTrigger
+      });
     }
   }, [previousIsExpandedOnDesktop, isExpandedOnDesktop, lastTrigger]);
   var previousIsExpandedOnMobile = (0, _usePreviousValue.default)(isExpandedOnMobile);
@@ -78,31 +63,17 @@ function useSideNavVisibilityCallbacks(_ref) {
       return;
     }
     if (isExpandedOnMobile) {
-      if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onExpandRef$current3;
-        (_onExpandRef$current3 = onExpandRef.current) === null || _onExpandRef$current3 === void 0 || _onExpandRef$current3.call(onExpandRef, {
-          screen: 'mobile',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onExpandRef$current4;
-        (_onExpandRef$current4 = onExpandRef.current) === null || _onExpandRef$current4 === void 0 || _onExpandRef$current4.call(onExpandRef, {
-          screen: 'mobile'
-        });
-      }
+      var _onExpandRef$current2;
+      (_onExpandRef$current2 = onExpandRef.current) === null || _onExpandRef$current2 === void 0 || _onExpandRef$current2.call(onExpandRef, {
+        screen: 'mobile',
+        trigger: lastTrigger
+      });
     } else {
-      if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onCollapseRef$curren3;
-        (_onCollapseRef$curren3 = onCollapseRef.current) === null || _onCollapseRef$curren3 === void 0 || _onCollapseRef$curren3.call(onCollapseRef, {
-          screen: 'mobile',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onCollapseRef$curren4;
-        (_onCollapseRef$curren4 = onCollapseRef.current) === null || _onCollapseRef$curren4 === void 0 || _onCollapseRef$curren4.call(onCollapseRef, {
-          screen: 'mobile'
-        });
-      }
+      var _onCollapseRef$curren2;
+      (_onCollapseRef$curren2 = onCollapseRef.current) === null || _onCollapseRef$curren2 === void 0 || _onCollapseRef$curren2.call(onCollapseRef, {
+        screen: 'mobile',
+        trigger: lastTrigger
+      });
     }
   }, [previousIsExpandedOnMobile, isExpandedOnMobile, lastTrigger]);
 }

package/dist/es2019/index.js

@@ -1,15 +1,6 @@
 export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
 export { IsFhsEnabledProvider } from './ui/fhs-rollout/is-fhs-enabled-provider';
 export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
-export { ExpandableMenuItem, ExpandableMenuItemTrigger, ExpandableMenuItemContent, useIsExpanded } from '@atlaskit/side-nav-items/expandable-menu-item';
-export { FlyoutMenuItem, FlyoutMenuItemContent, FlyoutMenuItemTrigger } from '@atlaskit/side-nav-items/flyout-menu-item';
-export { ButtonMenuItem, COLLAPSE_ELEM_BEFORE } from '@atlaskit/side-nav-items/button-menu-item';
-export { LinkMenuItem } from '@atlaskit/side-nav-items/link-menu-item';
-export { MenuListItem } from '@atlaskit/side-nav-items/menu-list-item';
-export { ContainerAvatar } from '@atlaskit/side-nav-items/container-avatar';
-export { MenuList } from '@atlaskit/side-nav-items/menu-list';
-export { TopLevelSpacer } from '@atlaskit/side-nav-items/top-level-spacer';
-export { MenuSection, MenuSectionHeading, Divider } from '@atlaskit/side-nav-items/menu-section';
 export { Aside } from './ui/page-layout/aside';
 export { Banner } from './ui/page-layout/banner';
 export { Main } from './ui/page-layout/main/main';

package/dist/es2019/ui/page-layout/side-nav/side-nav.js

@@ -145,7 +145,7 @@ function SideNavInternal({
    * Only firing on desktop because the nav is never open by default on mobile.
    */
   useEffect(() => {
-    if (initialIsExpandedOnDesktop && fg('platform_dst_nav4_fhs_instrumentation_1')) {
+    if (initialIsExpandedOnDesktop) {
       const isDesktop = window.matchMedia('(min-width: 64rem)').matches;
       if (isDesktop) {
         const navigationAnalyticsEvent = createAnalyticsEvent({
@@ -350,26 +350,20 @@ function SideNavInternal({
     screen,
     trigger
   }) => {
-    if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-      onExpand === null || onExpand === void 0 ? void 0 : onExpand({
-        screen,
+    onExpand === null || onExpand === void 0 ? void 0 : onExpand({
+      screen,
+      trigger
+    });
+    const navigationAnalyticsEvent = createAnalyticsEvent({
+      source: 'topNav',
+      actionSubject: 'sideNav',
+      action: 'expanded',
+      actionSubjectId: 'sideNavMenu',
+      attributes: {
         trigger
-      });
-      const navigationAnalyticsEvent = createAnalyticsEvent({
-        source: 'topNav',
-        actionSubject: 'sideNav',
-        action: 'expanded',
-        actionSubjectId: 'sideNavMenu',
-        attributes: {
-          trigger
-        }
-      });
-      navigationAnalyticsEvent.fire('navigation');
-    } else {
-      onExpand === null || onExpand === void 0 ? void 0 : onExpand({
-        screen
-      });
-    }
+      }
+    });
+    navigationAnalyticsEvent.fire('navigation');
 
     // When the side nav gets expanded, we close the flyout to reset it.
     // This prevents the flyout from staying open and ensures we are respecting the user's intent to expand.
@@ -379,26 +373,20 @@ function SideNavInternal({
     screen,
     trigger
   }) => {
-    if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-      onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse({
-        screen,
+    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse({
+      screen,
+      trigger
+    });
+    const navigationAnalyticsEvent = createAnalyticsEvent({
+      source: 'topNav',
+      actionSubject: 'sideNav',
+      action: 'collapsed',
+      actionSubjectId: 'sideNavMenu',
+      attributes: {
         trigger
-      });
-      const navigationAnalyticsEvent = createAnalyticsEvent({
-        source: 'topNav',
-        actionSubject: 'sideNav',
-        action: 'collapsed',
-        actionSubjectId: 'sideNavMenu',
-        attributes: {
-          trigger
-        }
-      });
-      navigationAnalyticsEvent.fire('navigation');
-    } else {
-      onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse({
-        screen
-      });
-    }
+      }
+    });
+    navigationAnalyticsEvent.fire('navigation');
 
     // When the side nav gets collapsed, we close the flyout to reset it.
     // This prevents the flyout from staying open and ensures we are respecting the user's intent to collapse.

package/dist/es2019/ui/page-layout/side-nav/toggle-button.js

@@ -7,7 +7,6 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import SidebarCollapseIcon from '@atlaskit/icon/core/sidebar-collapse';
 import SidebarExpandIcon from '@atlaskit/icon/core/sidebar-expand';
 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';
 import { IconButton } from '../../top-nav-items/themed/migration';
 import { useIsSideNavShortcutEnabled } from './is-side-nav-shortcut-enabled-context';
@@ -97,10 +96,6 @@ export const SideNavToggleButton = ({
     }
   }, [isFhsEnabled, isSideNavExpanded, onClick, openLayerObserver, toggleVisibility]);
   const handlePointerEnter = useCallback(() => {
-    if (!fg('platform_dst_nav4_fhs_instrumentation_1')) {
-      return;
-    }
-
     // Hovers don't do anything on mobile, so not capturing
     const isDesktop = window.matchMedia('(min-width: 64rem)').matches;
     if (!isDesktop) {

package/dist/es2019/ui/page-layout/side-nav/use-side-nav-visibility-callbacks.js

@@ -1,6 +1,5 @@
 import { useEffect, useRef } from 'react';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
-import { fg } from '@atlaskit/platform-feature-flags';
 /**
  * Calls the `onExpand` and `onCollapse` callbacks as required.
  * This is used for both user-provided callbacks, as well as internal callbacks to respond to visibility state changes.
@@ -32,31 +31,17 @@ export function useSideNavVisibilityCallbacks({
       return;
     }
     if (isExpandedOnDesktop) {
-      if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onExpandRef$current;
-        (_onExpandRef$current = onExpandRef.current) === null || _onExpandRef$current === void 0 ? void 0 : _onExpandRef$current.call(onExpandRef, {
-          screen: 'desktop',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onExpandRef$current2;
-        (_onExpandRef$current2 = onExpandRef.current) === null || _onExpandRef$current2 === void 0 ? void 0 : _onExpandRef$current2.call(onExpandRef, {
-          screen: 'desktop'
-        });
-      }
+      var _onExpandRef$current;
+      (_onExpandRef$current = onExpandRef.current) === null || _onExpandRef$current === void 0 ? void 0 : _onExpandRef$current.call(onExpandRef, {
+        screen: 'desktop',
+        trigger: lastTrigger
+      });
     } else {
-      if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onCollapseRef$curren;
-        (_onCollapseRef$curren = onCollapseRef.current) === null || _onCollapseRef$curren === void 0 ? void 0 : _onCollapseRef$curren.call(onCollapseRef, {
-          screen: 'desktop',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onCollapseRef$curren2;
-        (_onCollapseRef$curren2 = onCollapseRef.current) === null || _onCollapseRef$curren2 === void 0 ? void 0 : _onCollapseRef$curren2.call(onCollapseRef, {
-          screen: 'desktop'
-        });
-      }
+      var _onCollapseRef$curren;
+      (_onCollapseRef$curren = onCollapseRef.current) === null || _onCollapseRef$curren === void 0 ? void 0 : _onCollapseRef$curren.call(onCollapseRef, {
+        screen: 'desktop',
+        trigger: lastTrigger
+      });
     }
   }, [previousIsExpandedOnDesktop, isExpandedOnDesktop, lastTrigger]);
   const previousIsExpandedOnMobile = usePreviousValue(isExpandedOnMobile);
@@ -72,31 +57,17 @@ export function useSideNavVisibilityCallbacks({
       return;
     }
     if (isExpandedOnMobile) {
-      if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onExpandRef$current3;
-        (_onExpandRef$current3 = onExpandRef.current) === null || _onExpandRef$current3 === void 0 ? void 0 : _onExpandRef$current3.call(onExpandRef, {
-          screen: 'mobile',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onExpandRef$current4;
-        (_onExpandRef$current4 = onExpandRef.current) === null || _onExpandRef$current4 === void 0 ? void 0 : _onExpandRef$current4.call(onExpandRef, {
-          screen: 'mobile'
-        });
-      }
+      var _onExpandRef$current2;
+      (_onExpandRef$current2 = onExpandRef.current) === null || _onExpandRef$current2 === void 0 ? void 0 : _onExpandRef$current2.call(onExpandRef, {
+        screen: 'mobile',
+        trigger: lastTrigger
+      });
     } else {
-      if (fg('platform_dst_nav4_fhs_instrumentation_1')) {
-        var _onCollapseRef$curren3;
-        (_onCollapseRef$curren3 = onCollapseRef.current) === null || _onCollapseRef$curren3 === void 0 ? void 0 : _onCollapseRef$curren3.call(onCollapseRef, {
-          screen: 'mobile',
-          trigger: lastTrigger
-        });
-      } else {
-        var _onCollapseRef$curren4;
-        (_onCollapseRef$curren4 = onCollapseRef.current) === null || _onCollapseRef$curren4 === void 0 ? void 0 : _onCollapseRef$curren4.call(onCollapseRef, {
-          screen: 'mobile'
-        });
-      }
+      var _onCollapseRef$curren2;
+      (_onCollapseRef$curren2 = onCollapseRef.current) === null || _onCollapseRef$curren2 === void 0 ? void 0 : _onCollapseRef$curren2.call(onCollapseRef, {
+        screen: 'mobile',
+        trigger: lastTrigger
+      });
     }
   }, [previousIsExpandedOnMobile, isExpandedOnMobile, lastTrigger]);
 }

package/dist/esm/index.js

@@ -1,15 +1,6 @@
 export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
 export { IsFhsEnabledProvider } from './ui/fhs-rollout/is-fhs-enabled-provider';
 export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
-export { ExpandableMenuItem, ExpandableMenuItemTrigger, ExpandableMenuItemContent, useIsExpanded } from '@atlaskit/side-nav-items/expandable-menu-item';
-export { FlyoutMenuItem, FlyoutMenuItemContent, FlyoutMenuItemTrigger } from '@atlaskit/side-nav-items/flyout-menu-item';
-export { ButtonMenuItem, COLLAPSE_ELEM_BEFORE } from '@atlaskit/side-nav-items/button-menu-item';
-export { LinkMenuItem } from '@atlaskit/side-nav-items/link-menu-item';
-export { MenuListItem } from '@atlaskit/side-nav-items/menu-list-item';
-export { ContainerAvatar } from '@atlaskit/side-nav-items/container-avatar';
-export { MenuList } from '@atlaskit/side-nav-items/menu-list';
-export { TopLevelSpacer } from '@atlaskit/side-nav-items/top-level-spacer';
-export { MenuSection, MenuSectionHeading, Divider } from '@atlaskit/side-nav-items/menu-section';
 export { Aside } from './ui/page-layout/aside';
 export { Banner } from './ui/page-layout/banner';
 export { Main } from './ui/page-layout/main/main';