@atlaskit/navigation-system 3.1.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +1 -3
- package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +3 -4
- package/dist/cjs/ui/top-nav-items/app-switcher.js +1 -3
- package/dist/cjs/ui/top-nav-items/end-item.js +1 -3
- package/dist/cjs/ui/top-nav-items/help.js +2 -4
- package/dist/cjs/ui/top-nav-items/notifications.js +2 -4
- package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +1 -2
- package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +3 -4
- package/dist/es2019/ui/top-nav-items/app-switcher.js +1 -2
- package/dist/es2019/ui/top-nav-items/end-item.js +1 -2
- package/dist/es2019/ui/top-nav-items/help.js +2 -4
- package/dist/es2019/ui/top-nav-items/notifications.js +2 -4
- package/dist/esm/ui/page-layout/side-nav/toggle-button.js +1 -3
- package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +3 -4
- package/dist/esm/ui/top-nav-items/app-switcher.js +1 -3
- package/dist/esm/ui/top-nav-items/end-item.js +1 -3
- package/dist/esm/ui/top-nav-items/help.js +2 -4
- package/dist/esm/ui/top-nav-items/notifications.js +2 -4
- package/dist/types/ui/page-layout/side-nav/toggle-button.d.ts +1 -6
- package/dist/types/ui/top-nav-items/app-switcher.d.ts +0 -5
- package/dist/types/ui/top-nav-items/end-item.d.ts +0 -5
- package/dist/types/ui/top-nav-items/help.d.ts +0 -5
- package/dist/types/ui/top-nav-items/notifications.d.ts +0 -5
- package/dist/types/ui/top-nav-items/settings.d.ts +0 -5
- package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button.d.ts +1 -6
- package/dist/types-ts4.5/ui/top-nav-items/app-switcher.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/end-item.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/help.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/notifications.d.ts +0 -5
- package/dist/types-ts4.5/ui/top-nav-items/settings.d.ts +0 -5
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlassian/navigation-system
|
|
2
2
|
|
|
3
|
+
## 4.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`5bc3774df4b8f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5bc3774df4b8f) -
|
|
8
|
+
Remove experimental UNSAFE_isTooltipDisabled prop for top nav icons
|
|
9
|
+
|
|
10
|
+
## 3.1.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`ac431cadd9a33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac431cadd9a33) -
|
|
15
|
+
Fixes a regression when the `navx-full-height-sidebar` feature gate is enabled, where the peeking
|
|
16
|
+
side nav would close if the user mouses over the `TopNavStart` element.
|
|
17
|
+
|
|
3
18
|
## 3.1.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -44,8 +44,6 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
|
|
|
44
44
|
collapseLabel = _ref.collapseLabel,
|
|
45
45
|
testId = _ref.testId,
|
|
46
46
|
interactionName = _ref.interactionName,
|
|
47
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
48
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
49
47
|
onClick = _ref.onClick,
|
|
50
48
|
shortcut = _ref.shortcut;
|
|
51
49
|
var _useSideNavVisibility = (0, _useSideNavVisibility2.useSideNavVisibility)({
|
|
@@ -144,7 +142,7 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
|
|
|
144
142
|
icon: icon,
|
|
145
143
|
onClick: handleClick,
|
|
146
144
|
testId: testId,
|
|
147
|
-
isTooltipDisabled:
|
|
145
|
+
isTooltipDisabled: false,
|
|
148
146
|
interactionName: interactionName,
|
|
149
147
|
ref: (0, _platformFeatureFlags.fg)('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
|
|
150
148
|
tooltip: tooltipProps
|
|
@@ -49,8 +49,7 @@ var innerStyles = {
|
|
|
49
49
|
* This wrapper element is only rendered when `navx-full-height-sidebar` is enabled.
|
|
50
50
|
*/
|
|
51
51
|
var wrapperStyles = {
|
|
52
|
-
root: "_vchhusvi",
|
|
53
|
-
fullHeightSidebar: "_bozgutpp",
|
|
52
|
+
root: "_vchhusvi _bozgutpp _4t3i1osq",
|
|
54
53
|
fullHeightSidebarExpanded: "_glte93mn _exxmpxbi"
|
|
55
54
|
};
|
|
56
55
|
|
|
@@ -120,10 +119,10 @@ var TopNavStartInnerFHS = /*#__PURE__*/(0, _react.forwardRef)(function TopNavSta
|
|
|
120
119
|
}),
|
|
121
120
|
isExpandedOnDesktop = _useSideNavVisibility.isExpandedOnDesktop;
|
|
122
121
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
+
className: (0, _runtime.ax)([wrapperStyles.root, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
123
124
|
ref: ref,
|
|
124
125
|
"data-testid": testId,
|
|
125
|
-
className: (0, _runtime.ax)([wrapperStyles.root, wrapperStyles.fullHeightSidebar, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
126
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
127
126
|
className: (0, _runtime.ax)([innerStyles.root, innerStyles.fullHeightSidebar, (0, _platformFeatureFlags.fg)('team25-eu-jira-logo-updates-csm-jsm') && innerStyles.jiraProductLogoUpdate, isExpandedOnDesktop && innerStyles.fullHeightSidebarExpanded])
|
|
128
127
|
}, children));
|
|
129
128
|
});
|
|
@@ -27,8 +27,6 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
|
|
|
27
27
|
onMouseEnter = _ref.onMouseEnter,
|
|
28
28
|
interactionName = _ref.interactionName,
|
|
29
29
|
isSelected = _ref.isSelected,
|
|
30
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
31
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
32
30
|
ariaControls = _ref['aria-controls'],
|
|
33
31
|
ariaExpanded = _ref['aria-expanded'],
|
|
34
32
|
ariaHasPopup = _ref['aria-haspopup'];
|
|
@@ -43,7 +41,7 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
|
|
|
43
41
|
onClick: onClick,
|
|
44
42
|
onMouseEnter: onMouseEnter,
|
|
45
43
|
interactionName: interactionName,
|
|
46
|
-
isTooltipDisabled:
|
|
44
|
+
isTooltipDisabled: false,
|
|
47
45
|
tooltip: toggleButtonTooltipOptions,
|
|
48
46
|
isSelected: isSelected
|
|
49
47
|
});
|
|
@@ -24,8 +24,6 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
24
24
|
isSelected = _ref.isSelected,
|
|
25
25
|
testId = _ref.testId,
|
|
26
26
|
interactionName = _ref.interactionName,
|
|
27
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
28
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
29
27
|
ariaControls = _ref['aria-controls'],
|
|
30
28
|
ariaExpanded = _ref['aria-expanded'],
|
|
31
29
|
ariaHasPopup = _ref['aria-haspopup'],
|
|
@@ -40,7 +38,7 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
40
38
|
onMouseEnter: onMouseEnter,
|
|
41
39
|
appearance: "subtle",
|
|
42
40
|
isSelected: isSelected,
|
|
43
|
-
isTooltipDisabled:
|
|
41
|
+
isTooltipDisabled: false,
|
|
44
42
|
testId: testId,
|
|
45
43
|
interactionName: interactionName,
|
|
46
44
|
"aria-controls": ariaControls,
|
|
@@ -30,8 +30,7 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
|
|
|
30
30
|
testId = _ref.testId,
|
|
31
31
|
interactionName = _ref.interactionName,
|
|
32
32
|
isListItem = _ref.isListItem,
|
|
33
|
-
badge = _ref.badge
|
|
34
|
-
UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
|
|
33
|
+
badge = _ref.badge;
|
|
35
34
|
var sharedProps = {
|
|
36
35
|
icon: _questionCircle.default,
|
|
37
36
|
label: label,
|
|
@@ -40,8 +39,7 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
|
|
|
40
39
|
isSelected: isSelected,
|
|
41
40
|
testId: testId,
|
|
42
41
|
interactionName: interactionName,
|
|
43
|
-
ref: ref
|
|
44
|
-
UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
|
|
42
|
+
ref: ref
|
|
45
43
|
};
|
|
46
44
|
if (!badge) {
|
|
47
45
|
return /*#__PURE__*/_react.default.createElement(_endItem.EndItem, (0, _extends2.default)({}, sharedProps, {
|
|
@@ -28,8 +28,7 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
28
28
|
ariaExpanded = _ref['aria-expanded'],
|
|
29
29
|
ariaHasPopup = _ref['aria-haspopup'],
|
|
30
30
|
isListItem = _ref.isListItem,
|
|
31
|
-
badge = _ref.badge
|
|
32
|
-
UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
|
|
31
|
+
badge = _ref.badge;
|
|
33
32
|
return /*#__PURE__*/_react.default.createElement(_badgeContainer.BadgeContainer, {
|
|
34
33
|
id: NOTIFICATIONS_BADGE_ID,
|
|
35
34
|
badge: badge
|
|
@@ -51,7 +50,6 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
51
50
|
// We explicitly set the EndItem to not be a list item,
|
|
52
51
|
// because the BadgeContainer already has a list item role (if `isListItem` is true)
|
|
53
52
|
,
|
|
54
|
-
isListItem: false
|
|
55
|
-
UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
|
|
53
|
+
isListItem: false
|
|
56
54
|
}));
|
|
57
55
|
});
|
|
@@ -30,7 +30,6 @@ export const SideNavToggleButton = ({
|
|
|
30
30
|
collapseLabel,
|
|
31
31
|
testId,
|
|
32
32
|
interactionName,
|
|
33
|
-
UNSAFE_isTooltipDisabled = false,
|
|
34
33
|
onClick,
|
|
35
34
|
shortcut
|
|
36
35
|
}) => {
|
|
@@ -125,7 +124,7 @@ export const SideNavToggleButton = ({
|
|
|
125
124
|
icon: icon,
|
|
126
125
|
onClick: handleClick,
|
|
127
126
|
testId: testId,
|
|
128
|
-
isTooltipDisabled:
|
|
127
|
+
isTooltipDisabled: false,
|
|
129
128
|
interactionName: interactionName,
|
|
130
129
|
ref: fg('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
|
|
131
130
|
tooltip: tooltipProps
|
|
@@ -40,8 +40,7 @@ const innerStyles = {
|
|
|
40
40
|
* This wrapper element is only rendered when `navx-full-height-sidebar` is enabled.
|
|
41
41
|
*/
|
|
42
42
|
const wrapperStyles = {
|
|
43
|
-
root: "_vchhusvi",
|
|
44
|
-
fullHeightSidebar: "_bozgutpp",
|
|
43
|
+
root: "_vchhusvi _bozgutpp _4t3i1osq",
|
|
45
44
|
fullHeightSidebarExpanded: "_glte93mn _exxmpxbi"
|
|
46
45
|
};
|
|
47
46
|
|
|
@@ -114,10 +113,10 @@ const TopNavStartInnerFHS = /*#__PURE__*/forwardRef(function TopNavStartInnerFHS
|
|
|
114
113
|
defaultCollapsed: true
|
|
115
114
|
});
|
|
116
115
|
return /*#__PURE__*/React.createElement("div", {
|
|
116
|
+
className: ax([wrapperStyles.root, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
117
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
117
118
|
ref: ref,
|
|
118
119
|
"data-testid": testId,
|
|
119
|
-
className: ax([wrapperStyles.root, wrapperStyles.fullHeightSidebar, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
120
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
121
120
|
className: ax([innerStyles.root, innerStyles.fullHeightSidebar, fg('team25-eu-jira-logo-updates-csm-jsm') && innerStyles.jiraProductLogoUpdate, isExpandedOnDesktop && innerStyles.fullHeightSidebarExpanded])
|
|
122
121
|
}, children));
|
|
123
122
|
});
|
|
@@ -18,7 +18,6 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
|
|
|
18
18
|
onMouseEnter,
|
|
19
19
|
interactionName,
|
|
20
20
|
isSelected,
|
|
21
|
-
UNSAFE_isTooltipDisabled = false,
|
|
22
21
|
'aria-controls': ariaControls,
|
|
23
22
|
'aria-expanded': ariaExpanded,
|
|
24
23
|
'aria-haspopup': ariaHasPopup
|
|
@@ -33,7 +32,7 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
|
|
|
33
32
|
onClick: onClick,
|
|
34
33
|
onMouseEnter: onMouseEnter,
|
|
35
34
|
interactionName: interactionName,
|
|
36
|
-
isTooltipDisabled:
|
|
35
|
+
isTooltipDisabled: false,
|
|
37
36
|
tooltip: toggleButtonTooltipOptions,
|
|
38
37
|
isSelected: isSelected
|
|
39
38
|
}));
|
|
@@ -16,7 +16,6 @@ export const EndItem = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
isSelected,
|
|
17
17
|
testId,
|
|
18
18
|
interactionName,
|
|
19
|
-
UNSAFE_isTooltipDisabled = false,
|
|
20
19
|
'aria-controls': ariaControls,
|
|
21
20
|
'aria-expanded': ariaExpanded,
|
|
22
21
|
'aria-haspopup': ariaHasPopup,
|
|
@@ -31,7 +30,7 @@ export const EndItem = /*#__PURE__*/forwardRef(({
|
|
|
31
30
|
onMouseEnter: onMouseEnter,
|
|
32
31
|
appearance: "subtle",
|
|
33
32
|
isSelected: isSelected,
|
|
34
|
-
isTooltipDisabled:
|
|
33
|
+
isTooltipDisabled: false,
|
|
35
34
|
testId: testId,
|
|
36
35
|
interactionName: interactionName,
|
|
37
36
|
"aria-controls": ariaControls,
|
|
@@ -20,8 +20,7 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
|
|
|
20
20
|
testId,
|
|
21
21
|
interactionName,
|
|
22
22
|
isListItem,
|
|
23
|
-
badge
|
|
24
|
-
UNSAFE_isTooltipDisabled
|
|
23
|
+
badge
|
|
25
24
|
}, ref) {
|
|
26
25
|
const sharedProps = {
|
|
27
26
|
icon: HelpIcon,
|
|
@@ -31,8 +30,7 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
|
|
|
31
30
|
isSelected,
|
|
32
31
|
testId,
|
|
33
32
|
interactionName,
|
|
34
|
-
ref
|
|
35
|
-
UNSAFE_isTooltipDisabled
|
|
33
|
+
ref
|
|
36
34
|
};
|
|
37
35
|
if (!badge) {
|
|
38
36
|
return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {
|
|
@@ -19,8 +19,7 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
|
|
|
19
19
|
'aria-expanded': ariaExpanded,
|
|
20
20
|
'aria-haspopup': ariaHasPopup,
|
|
21
21
|
isListItem,
|
|
22
|
-
badge
|
|
23
|
-
UNSAFE_isTooltipDisabled
|
|
22
|
+
badge
|
|
24
23
|
}, ref) {
|
|
25
24
|
return /*#__PURE__*/React.createElement(BadgeContainer, {
|
|
26
25
|
id: NOTIFICATIONS_BADGE_ID,
|
|
@@ -43,7 +42,6 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
|
|
|
43
42
|
// We explicitly set the EndItem to not be a list item,
|
|
44
43
|
// because the BadgeContainer already has a list item role (if `isListItem` is true)
|
|
45
44
|
,
|
|
46
|
-
isListItem: false
|
|
47
|
-
UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
|
|
45
|
+
isListItem: false
|
|
48
46
|
}));
|
|
49
47
|
});
|
|
@@ -35,8 +35,6 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
|
|
|
35
35
|
collapseLabel = _ref.collapseLabel,
|
|
36
36
|
testId = _ref.testId,
|
|
37
37
|
interactionName = _ref.interactionName,
|
|
38
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
39
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
40
38
|
onClick = _ref.onClick,
|
|
41
39
|
shortcut = _ref.shortcut;
|
|
42
40
|
var _useSideNavVisibility = useSideNavVisibility({
|
|
@@ -135,7 +133,7 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
|
|
|
135
133
|
icon: icon,
|
|
136
134
|
onClick: handleClick,
|
|
137
135
|
testId: testId,
|
|
138
|
-
isTooltipDisabled:
|
|
136
|
+
isTooltipDisabled: false,
|
|
139
137
|
interactionName: interactionName,
|
|
140
138
|
ref: fg('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
|
|
141
139
|
tooltip: tooltipProps
|
|
@@ -41,8 +41,7 @@ var innerStyles = {
|
|
|
41
41
|
* This wrapper element is only rendered when `navx-full-height-sidebar` is enabled.
|
|
42
42
|
*/
|
|
43
43
|
var wrapperStyles = {
|
|
44
|
-
root: "_vchhusvi",
|
|
45
|
-
fullHeightSidebar: "_bozgutpp",
|
|
44
|
+
root: "_vchhusvi _bozgutpp _4t3i1osq",
|
|
46
45
|
fullHeightSidebarExpanded: "_glte93mn _exxmpxbi"
|
|
47
46
|
};
|
|
48
47
|
|
|
@@ -112,10 +111,10 @@ var TopNavStartInnerFHS = /*#__PURE__*/forwardRef(function TopNavStartInnerFHS(_
|
|
|
112
111
|
}),
|
|
113
112
|
isExpandedOnDesktop = _useSideNavVisibility.isExpandedOnDesktop;
|
|
114
113
|
return /*#__PURE__*/React.createElement("div", {
|
|
114
|
+
className: ax([wrapperStyles.root, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
115
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
115
116
|
ref: ref,
|
|
116
117
|
"data-testid": testId,
|
|
117
|
-
className: ax([wrapperStyles.root, wrapperStyles.fullHeightSidebar, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded])
|
|
118
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
119
118
|
className: ax([innerStyles.root, innerStyles.fullHeightSidebar, fg('team25-eu-jira-logo-updates-csm-jsm') && innerStyles.jiraProductLogoUpdate, isExpandedOnDesktop && innerStyles.fullHeightSidebarExpanded])
|
|
120
119
|
}, children));
|
|
121
120
|
});
|
|
@@ -18,8 +18,6 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
18
18
|
onMouseEnter = _ref.onMouseEnter,
|
|
19
19
|
interactionName = _ref.interactionName,
|
|
20
20
|
isSelected = _ref.isSelected,
|
|
21
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
22
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
23
21
|
ariaControls = _ref['aria-controls'],
|
|
24
22
|
ariaExpanded = _ref['aria-expanded'],
|
|
25
23
|
ariaHasPopup = _ref['aria-haspopup'];
|
|
@@ -34,7 +32,7 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
34
32
|
onClick: onClick,
|
|
35
33
|
onMouseEnter: onMouseEnter,
|
|
36
34
|
interactionName: interactionName,
|
|
37
|
-
isTooltipDisabled:
|
|
35
|
+
isTooltipDisabled: false,
|
|
38
36
|
tooltip: toggleButtonTooltipOptions,
|
|
39
37
|
isSelected: isSelected
|
|
40
38
|
});
|
|
@@ -16,8 +16,6 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
|
|
|
16
16
|
isSelected = _ref.isSelected,
|
|
17
17
|
testId = _ref.testId,
|
|
18
18
|
interactionName = _ref.interactionName,
|
|
19
|
-
_ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
|
|
20
|
-
UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
|
|
21
19
|
ariaControls = _ref['aria-controls'],
|
|
22
20
|
ariaExpanded = _ref['aria-expanded'],
|
|
23
21
|
ariaHasPopup = _ref['aria-haspopup'],
|
|
@@ -32,7 +30,7 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
|
|
|
32
30
|
onMouseEnter: onMouseEnter,
|
|
33
31
|
appearance: "subtle",
|
|
34
32
|
isSelected: isSelected,
|
|
35
|
-
isTooltipDisabled:
|
|
33
|
+
isTooltipDisabled: false,
|
|
36
34
|
testId: testId,
|
|
37
35
|
interactionName: interactionName,
|
|
38
36
|
"aria-controls": ariaControls,
|
|
@@ -20,8 +20,7 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
|
|
|
20
20
|
testId = _ref.testId,
|
|
21
21
|
interactionName = _ref.interactionName,
|
|
22
22
|
isListItem = _ref.isListItem,
|
|
23
|
-
badge = _ref.badge
|
|
24
|
-
UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
|
|
23
|
+
badge = _ref.badge;
|
|
25
24
|
var sharedProps = {
|
|
26
25
|
icon: HelpIcon,
|
|
27
26
|
label: label,
|
|
@@ -30,8 +29,7 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
|
|
|
30
29
|
isSelected: isSelected,
|
|
31
30
|
testId: testId,
|
|
32
31
|
interactionName: interactionName,
|
|
33
|
-
ref: ref
|
|
34
|
-
UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
|
|
32
|
+
ref: ref
|
|
35
33
|
};
|
|
36
34
|
if (!badge) {
|
|
37
35
|
return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {
|
|
@@ -19,8 +19,7 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
|
|
|
19
19
|
ariaExpanded = _ref['aria-expanded'],
|
|
20
20
|
ariaHasPopup = _ref['aria-haspopup'],
|
|
21
21
|
isListItem = _ref.isListItem,
|
|
22
|
-
badge = _ref.badge
|
|
23
|
-
UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
|
|
22
|
+
badge = _ref.badge;
|
|
24
23
|
return /*#__PURE__*/React.createElement(BadgeContainer, {
|
|
25
24
|
id: NOTIFICATIONS_BADGE_ID,
|
|
26
25
|
badge: badge
|
|
@@ -42,7 +41,6 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
|
|
|
42
41
|
// We explicitly set the EndItem to not be a list item,
|
|
43
42
|
// because the BadgeContainer already has a list item role (if `isListItem` is true)
|
|
44
43
|
,
|
|
45
|
-
isListItem: false
|
|
46
|
-
UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
|
|
44
|
+
isListItem: false
|
|
47
45
|
}));
|
|
48
46
|
});
|
|
@@ -12,7 +12,7 @@ export type SideNavVisibilityChangeAnalyticsAttributes = {
|
|
|
12
12
|
*
|
|
13
13
|
* Button for toggling the side nav. It should be used in the top bar.
|
|
14
14
|
*/
|
|
15
|
-
export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName,
|
|
15
|
+
export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, shortcut, }: {
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated
|
|
18
18
|
*
|
|
@@ -45,11 +45,6 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
|
|
|
45
45
|
* 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).
|
|
46
46
|
*/
|
|
47
47
|
interactionName?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Experimental, do not use. May be removed at any time.
|
|
50
|
-
* Whether the tooltip should be disabled.
|
|
51
|
-
*/
|
|
52
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
53
48
|
/**
|
|
54
49
|
* The callback function that is called when the toggle button is clicked.
|
|
55
50
|
*/
|
|
@@ -22,11 +22,6 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
|
|
|
22
22
|
* Indicates that the button is selected.
|
|
23
23
|
*/
|
|
24
24
|
isSelected?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Experimental, do not use. May be removed at any time.
|
|
27
|
-
* Whether the tooltip should be disabled.
|
|
28
|
-
*/
|
|
29
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
30
25
|
}
|
|
31
26
|
/**
|
|
32
27
|
* __App switcher__
|
|
@@ -35,11 +35,6 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
|
|
|
35
35
|
* 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).
|
|
36
36
|
*/
|
|
37
37
|
interactionName?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Experimental, do not use. May be removed at any time.
|
|
40
|
-
* Whether the tooltip should be disabled.
|
|
41
|
-
*/
|
|
42
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
43
38
|
/**
|
|
44
39
|
* Can be used to disable the default `listitem` role.
|
|
45
40
|
*
|
|
@@ -9,11 +9,6 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
|
|
|
9
9
|
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
10
10
|
*/
|
|
11
11
|
badge?: ComponentType;
|
|
12
|
-
/**
|
|
13
|
-
* Experimental, do not use. May be removed at any time.
|
|
14
|
-
* Whether the tooltip should be disabled.
|
|
15
|
-
*/
|
|
16
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
17
12
|
}
|
|
18
13
|
/**
|
|
19
14
|
* __Help__
|
|
@@ -6,11 +6,6 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
|
|
|
6
6
|
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
7
7
|
*/
|
|
8
8
|
badge: ComponentType;
|
|
9
|
-
/**
|
|
10
|
-
* Experimental, do not use. May be removed at any time.
|
|
11
|
-
* Whether the tooltip should be disabled.
|
|
12
|
-
*/
|
|
13
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
14
9
|
}
|
|
15
10
|
/**
|
|
16
11
|
* __Notifications__
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type EndItemProps } from './end-item';
|
|
3
3
|
interface SettingsProps extends Omit<EndItemProps, 'icon'> {
|
|
4
|
-
/**
|
|
5
|
-
* Experimental, do not use. May be removed at any time.
|
|
6
|
-
* Whether the tooltip should be disabled.
|
|
7
|
-
*/
|
|
8
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
9
4
|
}
|
|
10
5
|
/**
|
|
11
6
|
* __Settings__
|
|
@@ -12,7 +12,7 @@ export type SideNavVisibilityChangeAnalyticsAttributes = {
|
|
|
12
12
|
*
|
|
13
13
|
* Button for toggling the side nav. It should be used in the top bar.
|
|
14
14
|
*/
|
|
15
|
-
export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName,
|
|
15
|
+
export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, shortcut, }: {
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated
|
|
18
18
|
*
|
|
@@ -45,11 +45,6 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
|
|
|
45
45
|
* 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).
|
|
46
46
|
*/
|
|
47
47
|
interactionName?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Experimental, do not use. May be removed at any time.
|
|
50
|
-
* Whether the tooltip should be disabled.
|
|
51
|
-
*/
|
|
52
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
53
48
|
/**
|
|
54
49
|
* The callback function that is called when the toggle button is clicked.
|
|
55
50
|
*/
|
|
@@ -22,11 +22,6 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
|
|
|
22
22
|
* Indicates that the button is selected.
|
|
23
23
|
*/
|
|
24
24
|
isSelected?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Experimental, do not use. May be removed at any time.
|
|
27
|
-
* Whether the tooltip should be disabled.
|
|
28
|
-
*/
|
|
29
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
30
25
|
}
|
|
31
26
|
/**
|
|
32
27
|
* __App switcher__
|
|
@@ -35,11 +35,6 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
|
|
|
35
35
|
* 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).
|
|
36
36
|
*/
|
|
37
37
|
interactionName?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Experimental, do not use. May be removed at any time.
|
|
40
|
-
* Whether the tooltip should be disabled.
|
|
41
|
-
*/
|
|
42
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
43
38
|
/**
|
|
44
39
|
* Can be used to disable the default `listitem` role.
|
|
45
40
|
*
|
|
@@ -9,11 +9,6 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
|
|
|
9
9
|
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
10
10
|
*/
|
|
11
11
|
badge?: ComponentType;
|
|
12
|
-
/**
|
|
13
|
-
* Experimental, do not use. May be removed at any time.
|
|
14
|
-
* Whether the tooltip should be disabled.
|
|
15
|
-
*/
|
|
16
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
17
12
|
}
|
|
18
13
|
/**
|
|
19
14
|
* __Help__
|
|
@@ -6,11 +6,6 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
|
|
|
6
6
|
* You are recommended to use the Badge component from `@atlaskit/badge`.
|
|
7
7
|
*/
|
|
8
8
|
badge: ComponentType;
|
|
9
|
-
/**
|
|
10
|
-
* Experimental, do not use. May be removed at any time.
|
|
11
|
-
* Whether the tooltip should be disabled.
|
|
12
|
-
*/
|
|
13
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
14
9
|
}
|
|
15
10
|
/**
|
|
16
11
|
* __Notifications__
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type EndItemProps } from './end-item';
|
|
3
3
|
interface SettingsProps extends Omit<EndItemProps, 'icon'> {
|
|
4
|
-
/**
|
|
5
|
-
* Experimental, do not use. May be removed at any time.
|
|
6
|
-
* Whether the tooltip should be disabled.
|
|
7
|
-
*/
|
|
8
|
-
UNSAFE_isTooltipDisabled?: boolean;
|
|
9
4
|
}
|
|
10
5
|
/**
|
|
11
6
|
* __Settings__
|
package/package.json
CHANGED