@atlaskit/navigation-system 5.40.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @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

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/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/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';

package/dist/types/index.d.ts

@@ -1,15 +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, ExpandableMenuItemTrigger, type ExpandableMenuItemTriggerProps, ExpandableMenuItemContent, type ExpandableMenuItemContentProps, useIsExpanded, } from '@atlaskit/side-nav-items/expandable-menu-item';
-export { FlyoutMenuItem, type FlyoutMenuItemProps, FlyoutMenuItemContent, type FlyoutMenuItemContentProps, FlyoutMenuItemTrigger, type FlyoutMenuItemTriggerProps, } from '@atlaskit/side-nav-items/flyout-menu-item';
-export { ButtonMenuItem, type ButtonMenuItemProps, COLLAPSE_ELEM_BEFORE, } from '@atlaskit/side-nav-items/button-menu-item';
-export { LinkMenuItem, type LinkMenuItemProps } from '@atlaskit/side-nav-items/link-menu-item';
-export { MenuListItem } from '@atlaskit/side-nav-items/menu-list-item';
-export { ContainerAvatar, type ContainerAvatarProps, } 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/types-ts4.5/index.d.ts

@@ -1,15 +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, ExpandableMenuItemTrigger, type ExpandableMenuItemTriggerProps, ExpandableMenuItemContent, type ExpandableMenuItemContentProps, useIsExpanded, } from '@atlaskit/side-nav-items/expandable-menu-item';
-export { FlyoutMenuItem, type FlyoutMenuItemProps, FlyoutMenuItemContent, type FlyoutMenuItemContentProps, FlyoutMenuItemTrigger, type FlyoutMenuItemTriggerProps, } from '@atlaskit/side-nav-items/flyout-menu-item';
-export { ButtonMenuItem, type ButtonMenuItemProps, COLLAPSE_ELEM_BEFORE, } from '@atlaskit/side-nav-items/button-menu-item';
-export { LinkMenuItem, type LinkMenuItemProps } from '@atlaskit/side-nav-items/link-menu-item';
-export { MenuListItem } from '@atlaskit/side-nav-items/menu-list-item';
-export { ContainerAvatar, type ContainerAvatarProps, } 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "5.40.0",
+	"version": "6.0.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -43,9 +43,6 @@
 				{
 					"title": "Side nav items",
 					"id": "side-nav-items",
-					"status": {
-						"type": "beta"
-					},
 					"sortKey": 2
 				},
 				{
@@ -78,7 +75,7 @@
 		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/side-nav-items": "^1.7.0",
+		"@atlaskit/side-nav-items": "^1.8.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -116,7 +113,7 @@
 		"@atlaskit/skeleton": "^2.1.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.34.0",
+		"@atlassian/gemini": "^1.35.0",
 		"@atlassian/search-dialog": "^9.15.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.0.0",

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

@@ -1,89 +0,0 @@
----
-title: Side nav items
-description: Menu items and elements for the side nav area.
-order: 3
-props:
-  packageName: '@atlaskit/navigation-system'
-  exports:
-    - LinkMenuItem
-    - ButtonMenuItem
-    - ExpandableMenuItem
-    - ExpandableMenuItemTrigger
-    - ExpandableMenuItemContent
-    - FlyoutMenuItem
-    - FlyoutMenuItemTrigger
-    - FlyoutMenuItemContent
-    - MenuSection
-    - MenuSectionHeading
-    - ContainerAvatar
----
-
-## Props
-
-### LinkMenuItem
-
-A menu item link.
-
-<TSMorphProps exportName="LinkMenuItem" packageName="@atlaskit/navigation-system" />
-
-### ButtonMenuItem
-
-A menu item button.
-
-<TSMorphProps exportName="ButtonMenuItem" packageName="@atlaskit/navigation-system" />
-
-### ExpandableMenuItem
-
-A composable component for nested menu items that can be revealed and hidden by interacting witih
-the parent menu item.
-
-<TSMorphProps exportName="ExpandableMenuItem" packageName="@atlaskit/navigation-system" />
-
-### ExpandableMenuItemTrigger
-
-The trigger component for an `ExpandableMenuItem`.
-
-<TSMorphProps exportName="ExpandableMenuItemTrigger" packageName="@atlaskit/navigation-system" />
-
-### ExpandableMenuItemContent
-
-The expandable and collapsable section of the expandable menu item.
-
-<TSMorphProps exportName="ExpandableMenuItemContent" packageName="@atlaskit/navigation-system" />
-
-### FlyoutMenuItem
-
-A composable component for displaying content in a flyout menu, triggered by a button.
-
-<TSMorphProps exportName="FlyoutMenuItem" packageName="@atlaskit/navigation-system" />
-
-### FlyoutMenuItemTrigger
-
-The trigger component for a `FlyoutMenuItem`.
-
-<TSMorphProps exportName="FlyoutMenuItemTrigger" packageName="@atlaskit/navigation-system" />
-
-### FlyoutMenuItemContent
-
-The content that appears when the flyout menu is open.
-
-<TSMorphProps exportName="FlyoutMenuItemContent" packageName="@atlaskit/navigation-system" />
-
-### MenuSection
-
-A composable component for grouping menu items, along with a heading (`MenuSectionHeading`).
-
-<TSMorphProps exportName="MenuSection" packageName="@atlaskit/navigation-system" />
-
-### MenuSectionHeading
-
-The label for the menu section group.
-
-<TSMorphProps exportName="MenuSectionHeading" packageName="@atlaskit/navigation-system" />
-
-### ContainerAvatar
-
-A container for displaying images that are styled to look like an avatar, with the correct sizes for
-the sidebar menu items.
-
-<TSMorphProps exportName="ContainerAvatar" packageName="@atlaskit/navigation-system" />