@atlaskit/navigation-system 2.12.0 → 2.14.0

package/dist/types-ts4.5/ui/menu-item/menu-item.d.ts

@@ -4,7 +4,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { MenuItemOnClick } from './types';
+import type { MenuItemLinkOrButtonCommonProps, MenuItemOnClick } from './types';
 /**
  * This is being _internally_ exported so it can be used in other menu item wrapper components, like
  * ExpandableMenuItemTrigger.
@@ -20,28 +20,33 @@ import type { MenuItemOnClick } from './types';
  */
 export declare const nestedOpenPopupCSSSelector = "&:has([aria-expanded=\"true\"][aria-haspopup=\"true\"])";
 /**
- * __MenuItemBase__
- *
- * The base menu item component used to compose ButtonMenuItem and LinkMenuItem.
+ * Includes all props that are used by any menu item, as MenuItembase is the base component for all menu item components.
  *
- * It contains a type argument `<T>`, to specify the type of the interactive element (`button` or `a`).
- * This can be inferred from the type of the `onClick` prop.
+ * We also include additional `aria` props to support the menu item being a trigger for the FlyoutMenuItem popup and for the
+ * expanded content for ExpandableMenuItem.
  */
-export declare const MenuItemBase: <T extends HTMLAnchorElement | HTMLButtonElement>(props: import("./types").MenuItemCommonProps & import("./types").MenuItemSlots & {
-    description?: string;
-    listItemRef?: React.Ref<HTMLDivElement>;
-} & {
+type MenuItemBaseProps<T extends HTMLAnchorElement | HTMLButtonElement> = MenuItemLinkOrButtonCommonProps & {
     /**
      * ID attribute, passed to the interactive element (anchor/button). This is not publicly exposed, and is currently only
      * used internally by `ExpandableMenuItemTrigger` for the `aria-labelledby` attribute.
      */
     id?: string;
     href?: string | Record<string, any>;
-    target?: HTMLAnchorElement["target"];
+    target?: HTMLAnchorElement['target'];
     isDisabled?: boolean;
     isSelected?: boolean;
     ariaControls?: string;
     ariaExpanded?: boolean;
-    ariaHasPopup?: boolean | "dialog";
-    onClick?: MenuItemOnClick<T> | undefined;
-} & React.RefAttributes<T>) => React.ReactElement | null;
+    ariaHasPopup?: boolean | 'dialog';
+    onClick?: MenuItemOnClick<T>;
+};
+/**
+ * __MenuItemBase__
+ *
+ * The base menu item component used to compose ButtonMenuItem and LinkMenuItem.
+ *
+ * It contains a type argument `<T>`, to specify the type of the interactive element (`button` or `a`).
+ * This can be inferred from the type of the `onClick` prop.
+ */
+export declare const MenuItemBase: <T extends HTMLAnchorElement | HTMLButtonElement>(props: MenuItemBaseProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
+export {};

package/dist/types-ts4.5/ui/menu-item/menu-list-item.d.ts

@@ -1,10 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { ListItem } from '../../components/list-item';
 /**
  * __Menu list item__
  *
  * A [list item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) with visual styles removed.
  */
-export declare const MenuListItem: import("react").ForwardRefExoticComponent<{
-    children: import("react").ReactNode;
-    testId?: string;
-    xcss?: import("@atlaskit/css").StrictXCSSProp<"display" | "scrollMarginInline", never>;
-} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuListItem: typeof ListItem;

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

@@ -3,6 +3,7 @@
  * @jsx jsx
  */
 import { type ReactNode } from 'react';
+import { type TooltipProps } from '@atlaskit/tooltip';
 import type { ResizeBounds, ResizeEndCallback, ResizeStartCallback } from './types';
 export type PanelSplitterProps = {
     /**
@@ -22,6 +23,19 @@ export type PanelSplitterProps = {
      * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
      */
     testId?: string;
+    /**
+     * Displays a tooltip with the provided content.
+     * 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 `platform-dst-tooltip-shortcuts` feature flag is enabled.
+     */
+    tooltipContent?: TooltipProps['content'];
+    /**
+     * The keyboard shortcut to display in the tooltip.
+     * Only used if the `platform-dst-tooltip-shortcuts` feature flag is enabled.
+     * Note this does not handle the keyboard shortcut functionality, it only displays the shortcut in the tooltip.
+     */
+    shortcut?: TooltipProps['shortcut'];
 };
 type PanelSplitterDragData = {
     panelId: string | symbol | undefined;
@@ -46,5 +60,5 @@ export declare function isPanelSplitterDragData(data: Record<string | symbol, un
  * </SideNav>
  * ```
  */
-export declare const PanelSplitter: ({ label, onResizeStart, onResizeEnd, testId, }: PanelSplitterProps) => ReactNode;
+export declare const PanelSplitter: ({ label, onResizeStart, onResizeEnd, testId, tooltipContent, shortcut, }: PanelSplitterProps) => ReactNode;
 export {};

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

@@ -16,5 +16,5 @@ type SideNavPanelSplitterProps = Omit<PanelSplitterProps, 'onDoubleClick'> & {
  * </SideNav>
  * ```
  */
-export declare const SideNavPanelSplitter: ({ label, onResizeStart, onResizeEnd, testId, shouldCollapseOnDoubleClick, }: SideNavPanelSplitterProps) => ReactNode;
+export declare const SideNavPanelSplitter: ({ label, onResizeStart, onResizeEnd, testId, shouldCollapseOnDoubleClick, tooltipContent, shortcut, }: SideNavPanelSplitterProps) => ReactNode;
 export {};

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

@@ -12,7 +12,7 @@ export type SideNavVisibilityChangeAnalyticsAttributes = {
  *
  * Button for toggling the side nav. It should be used in the top bar.
  */
-export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, }: {
+export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, shortcut, }: {
     /**
      * @deprecated
      *
@@ -49,4 +49,10 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * The callback function that is called when the toggle button is clicked.
      */
     onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent, attributes?: SideNavVisibilityChangeAnalyticsAttributes) => void;
+    /**
+     * Display a keyboard shortcut in the tooltip.
+     * Only used if the `platform-dst-tooltip-shortcuts` feature flag is enabled.
+     * Note this does not handle the keyboard shortcut functionality, it only displays the shortcut in the tooltip.
+     */
+    shortcut?: string[];
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.12.0",
+	"version": "2.14.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -67,13 +67,13 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.2.0",
-		"@atlaskit/button": "^23.4.0",
+		"@atlaskit/avatar": "^25.3.0",
+		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/layering": "^3.0.0",
-		"@atlaskit/logo": "^19.7.0",
+		"@atlaskit/logo": "^19.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
@@ -98,7 +98,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/app-provider": "^3.2.0",
-		"@atlaskit/badge": "^18.1.0",
+		"@atlaskit/badge": "^18.2.0",
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.3.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
@@ -113,7 +113,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/temp-nav-app-icons": "^0.10.0",
+		"@atlaskit/temp-nav-app-icons": "^0.13.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/gemini": "^1.20.0",
@@ -150,9 +150,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_design_system_nav4_sidenav_border": {
-			"type": "boolean"
-		},
 		"platform-team25-app-icon-tiles": {
 			"type": "boolean"
 		},
@@ -189,6 +186,9 @@
 		"platform_dst_nav4_menu_section_heading_a11y": {
 			"type": "boolean"
 		},
+		"platform-dst-tooltip-shortcuts": {
+			"type": "boolean"
+		},
 		"platform_dst_nav4_side_nav_click_outside_fix": {
 			"type": "boolean"
 		},