@atlaskit/navigation-system 2.14.0 → 2.14.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlassian/navigation-system
 
+## 2.14.2
+
+### Patch Changes
+
+- [`c2a513589de1c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c2a513589de1c) -
+  Pass isTooltipDisabled as prop when render IconButton
+- Updated dependencies
+
+## 2.14.1
+
+### Patch Changes
+
+- [`2ee88aea34e7c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2ee88aea34e7c) -
+  Internal refactor of logo components
+
 ## 2.14.0
 
 ### Minor Changes

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

@@ -50,6 +50,8 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     collapseLabel = _ref.collapseLabel,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     onClick = _ref.onClick,
     shortcut = _ref.shortcut;
   var _useSideNavVisibility = (0, _useSideNavVisibility2.useSideNavVisibility)({
@@ -129,7 +131,7 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
     ref: (0, _platformFeatureFlags.fg)('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     tooltip: tooltipProps

package/dist/cjs/ui/top-nav-items/app-switcher.js

@@ -27,6 +27,8 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
     onMouseEnter = _ref.onMouseEnter,
     interactionName = _ref.interactionName,
     isSelected = _ref.isSelected,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'];
@@ -41,7 +43,7 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     interactionName: interactionName,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     tooltip: toggleButtonTooltipOptions,
     isSelected: isSelected
   });

package/dist/cjs/ui/top-nav-items/end-item.js

@@ -24,6 +24,8 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     isSelected = _ref.isSelected,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
@@ -38,7 +40,7 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

package/dist/cjs/ui/top-nav-items/help.js

@@ -30,7 +30,8 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
     testId = _ref.testId,
     interactionName = _ref.interactionName,
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   var sharedProps = {
     icon: _questionCircle.default,
     label: label,
@@ -39,7 +40,8 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
     isSelected: isSelected,
     testId: testId,
     interactionName: interactionName,
-    ref: ref
+    ref: ref,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/_react.default.createElement(_endItem.EndItem, (0, _extends2.default)({}, sharedProps, {

package/dist/cjs/ui/top-nav-items/notifications.js

@@ -28,7 +28,8 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   return /*#__PURE__*/_react.default.createElement(_badgeContainer.BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
     badge: badge
@@ -50,6 +51,7 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

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

@@ -36,6 +36,7 @@ export const SideNavToggleButton = ({
   collapseLabel,
   testId,
   interactionName,
+  UNSAFE_isTooltipDisabled = false,
   onClick,
   shortcut
 }) => {
@@ -114,7 +115,7 @@ export const SideNavToggleButton = ({
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
     ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     tooltip: tooltipProps

package/dist/es2019/ui/top-nav-items/app-switcher.js

@@ -18,6 +18,7 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
   onMouseEnter,
   interactionName,
   isSelected,
+  UNSAFE_isTooltipDisabled = false,
   'aria-controls': ariaControls,
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup
@@ -32,7 +33,7 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
   onClick: onClick,
   onMouseEnter: onMouseEnter,
   interactionName: interactionName,
-  isTooltipDisabled: false,
+  isTooltipDisabled: UNSAFE_isTooltipDisabled,
   tooltip: toggleButtonTooltipOptions,
   isSelected: isSelected
 }));

package/dist/es2019/ui/top-nav-items/end-item.js

@@ -16,6 +16,7 @@ export const EndItem = /*#__PURE__*/forwardRef(({
   isSelected,
   testId,
   interactionName,
+  UNSAFE_isTooltipDisabled = false,
   'aria-controls': ariaControls,
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup,
@@ -30,7 +31,7 @@ export const EndItem = /*#__PURE__*/forwardRef(({
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

package/dist/es2019/ui/top-nav-items/help.js

@@ -20,7 +20,8 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
   testId,
   interactionName,
   isListItem,
-  badge
+  badge,
+  UNSAFE_isTooltipDisabled
 }, ref) {
   const sharedProps = {
     icon: HelpIcon,
@@ -30,7 +31,8 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
     isSelected,
     testId,
     interactionName,
-    ref
+    ref,
+    UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {

package/dist/es2019/ui/top-nav-items/notifications.js

@@ -19,7 +19,8 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup,
   isListItem,
-  badge
+  badge,
+  UNSAFE_isTooltipDisabled
 }, ref) {
   return /*#__PURE__*/React.createElement(BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
@@ -42,6 +43,7 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

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

@@ -41,6 +41,8 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
     collapseLabel = _ref.collapseLabel,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     onClick = _ref.onClick,
     shortcut = _ref.shortcut;
   var _useSideNavVisibility = useSideNavVisibility({
@@ -120,7 +122,7 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
     ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     tooltip: tooltipProps

package/dist/esm/ui/top-nav-items/app-switcher.js

@@ -18,6 +18,8 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onMouseEnter = _ref.onMouseEnter,
     interactionName = _ref.interactionName,
     isSelected = _ref.isSelected,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'];
@@ -32,7 +34,7 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     interactionName: interactionName,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     tooltip: toggleButtonTooltipOptions,
     isSelected: isSelected
   });

package/dist/esm/ui/top-nav-items/end-item.js

@@ -16,6 +16,8 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     isSelected = _ref.isSelected,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
@@ -30,7 +32,7 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

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

@@ -20,7 +20,8 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
     testId = _ref.testId,
     interactionName = _ref.interactionName,
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   var sharedProps = {
     icon: HelpIcon,
     label: label,
@@ -29,7 +30,8 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
     isSelected: isSelected,
     testId: testId,
     interactionName: interactionName,
-    ref: ref
+    ref: ref,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {

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

@@ -19,7 +19,8 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   return /*#__PURE__*/React.createElement(BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
     badge: badge
@@ -41,6 +42,7 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

package/dist/types/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, shortcut, }: {
+export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, UNSAFE_isTooltipDisabled, onClick, shortcut, }: {
     /**
      * @deprecated
      *
@@ -45,6 +45,11 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * The callback function that is called when the toggle button is clicked.
      */

package/dist/types/ui/top-nav-items/app-switcher.d.ts

@@ -22,6 +22,11 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
      * Indicates that the button is selected.
      */
     isSelected?: boolean;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __App switcher__

package/dist/types/ui/top-nav-items/end-item.d.ts

@@ -35,6 +35,11 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * Can be used to disable the default `listitem` role.
      *

package/dist/types/ui/top-nav-items/help.d.ts

@@ -9,6 +9,11 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge?: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Help__

package/dist/types/ui/top-nav-items/notifications.d.ts

@@ -6,6 +6,11 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Notifications__

package/dist/types/ui/top-nav-items/settings.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { type EndItemProps } from './end-item';
 interface SettingsProps extends Omit<EndItemProps, 'icon'> {
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Settings__

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, shortcut, }: {
+export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, UNSAFE_isTooltipDisabled, onClick, shortcut, }: {
     /**
      * @deprecated
      *
@@ -45,6 +45,11 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * The callback function that is called when the toggle button is clicked.
      */

package/dist/types-ts4.5/ui/top-nav-items/app-switcher.d.ts

@@ -22,6 +22,11 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
      * Indicates that the button is selected.
      */
     isSelected?: boolean;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __App switcher__

package/dist/types-ts4.5/ui/top-nav-items/end-item.d.ts

@@ -35,6 +35,11 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * Can be used to disable the default `listitem` role.
      *

package/dist/types-ts4.5/ui/top-nav-items/help.d.ts

@@ -9,6 +9,11 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge?: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Help__

package/dist/types-ts4.5/ui/top-nav-items/notifications.d.ts

@@ -6,6 +6,11 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Notifications__

package/dist/types-ts4.5/ui/top-nav-items/settings.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { type EndItemProps } from './end-item';
 interface SettingsProps extends Omit<EndItemProps, 'icon'> {
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Settings__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.14.0",
+	"version": "2.14.2",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -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.13.0",
+		"@atlaskit/temp-nav-app-icons": "^0.14.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@atlassian/gemini": "^1.20.0",