@atlaskit/smart-card 43.17.1 → 43.17.3
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 +27 -0
- package/dist/cjs/extractors/action/extract-invoke-preview-action.js +2 -3
- package/dist/cjs/extractors/constants.js +1 -1
- package/dist/cjs/messages.js +5 -0
- package/dist/cjs/view/EmbedModal/components/link-info/index.js +5 -4
- package/dist/cjs/view/FlexibleCard/components/container/index.js +8 -3
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +6 -0
- package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +18 -8
- package/dist/cjs/view/HoverCard/components/HoverCardContent.js +4 -1
- package/dist/cjs/view/InlineCard/common/inline-lozenge/index.js +1 -1
- package/dist/es2019/extractors/action/extract-invoke-preview-action.js +2 -3
- package/dist/es2019/extractors/constants.js +1 -1
- package/dist/es2019/messages.js +5 -0
- package/dist/es2019/view/EmbedModal/components/link-info/index.js +5 -4
- package/dist/es2019/view/FlexibleCard/components/container/index.js +8 -3
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +6 -0
- package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +18 -8
- package/dist/es2019/view/HoverCard/components/HoverCardContent.js +4 -1
- package/dist/es2019/view/InlineCard/common/inline-lozenge/index.js +1 -1
- package/dist/esm/extractors/action/extract-invoke-preview-action.js +2 -3
- package/dist/esm/extractors/constants.js +1 -1
- package/dist/esm/messages.js +5 -0
- package/dist/esm/view/EmbedModal/components/link-info/index.js +5 -4
- package/dist/esm/view/FlexibleCard/components/container/index.js +8 -3
- package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +6 -0
- package/dist/esm/view/HoverCard/components/HoverCardComponent.js +18 -8
- package/dist/esm/view/HoverCard/components/HoverCardContent.js +4 -1
- package/dist/esm/view/InlineCard/common/inline-lozenge/index.js +1 -1
- package/dist/types/messages.d.ts +1 -1
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.17.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`2dcded6de1dbd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2dcded6de1dbd) -
|
|
8
|
+
Fix standalone HoverCard not showing available unresolved view when there were no active
|
|
9
|
+
Card/CardSSR of the same url within the same SmartCardProvider, behind fg
|
|
10
|
+
navx-2478-sl-fix-hover-card-unresolved-view
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 43.17.2
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`53aef9589ca55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/53aef9589ca55) -
|
|
18
|
+
[EDITOR-3786] Make sure that for any check of `cc_editor_ai_content_mode` &&
|
|
19
|
+
`platform_editor_content_mode_button_mvp` in the code we are also checking
|
|
20
|
+
`confluence_compact_text_format`
|
|
21
|
+
- [`91416449bc93e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/91416449bc93e) -
|
|
22
|
+
Removed feature flag linking_platform_hide_preview_action_blanket_prop
|
|
23
|
+
- [`0692ceeae7098`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0692ceeae7098) -
|
|
24
|
+
Add aria-label to status dropdown in flex card
|
|
25
|
+
- [`61261257a7653`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/61261257a7653) -
|
|
26
|
+
Remove embed modal unnecessary textual description on the icon button. Behind fg
|
|
27
|
+
platform_navx_flex_card_status_dropdown_a11y_fix
|
|
28
|
+
- Updated dependencies
|
|
29
|
+
|
|
3
30
|
## 43.17.1
|
|
4
31
|
|
|
5
32
|
### Patch Changes
|
|
@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
10
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
11
|
var _linkExtractors = require("@atlaskit/link-extractors");
|
|
12
12
|
var _utils = require("@atlaskit/linking-common/utils");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
14
|
var _index = require("../../index");
|
|
16
15
|
var _helpers = require("../../state/helpers");
|
|
@@ -117,8 +116,8 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
|
|
|
117
116
|
src: (_extractSmartLinkEmbe2 = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
|
|
118
117
|
title: (0, _linkExtractors.extractSmartLinkTitle)(response),
|
|
119
118
|
url: url,
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
size: actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size,
|
|
120
|
+
isBlanketHidden: actionOptions === null || actionOptions === void 0 || (_actionOptions$previe2 = actionOptions.previewAction) === null || _actionOptions$previe2 === void 0 ? void 0 : _actionOptions$previe2.hideBlanket
|
|
122
121
|
}, (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel', 'cohort', 'test') && {
|
|
123
122
|
isInPreviewPanel: isInPreviewPanel
|
|
124
123
|
}));
|
|
@@ -19,4 +19,4 @@ var JIRA_PROBLEM = exports.JIRA_PROBLEM = 'JiraProblem';
|
|
|
19
19
|
var JIRA_CUSTOM_TASK_TYPE = exports.JIRA_CUSTOM_TASK_TYPE = 'JiraCustomTaskType';
|
|
20
20
|
|
|
21
21
|
//List of provider keys that support theme modes for the embedded content.
|
|
22
|
-
var PROVIDER_KEYS_WITH_THEMING = exports.PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider'];
|
|
22
|
+
var PROVIDER_KEYS_WITH_THEMING = exports.PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider', 'avpviz-object-provider'];
|
package/dist/cjs/messages.js
CHANGED
|
@@ -71,6 +71,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
71
71
|
defaultMessage: 'Assigned to {context}',
|
|
72
72
|
description: 'Indicates the person or entity that the resource is assigned to.'
|
|
73
73
|
},
|
|
74
|
+
change_status: {
|
|
75
|
+
id: 'fabric.linking.change_status',
|
|
76
|
+
defaultMessage: 'Change status: {status}',
|
|
77
|
+
description: 'Aria label for the button to change the status of a linked resource.'
|
|
78
|
+
},
|
|
74
79
|
automation_action_title: {
|
|
75
80
|
id: 'fabric.linking.automation-action.title',
|
|
76
81
|
defaultMessage: 'View automation rules',
|
|
@@ -17,6 +17,7 @@ var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fulls
|
|
|
17
17
|
var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-exit"));
|
|
18
18
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
19
19
|
var _modalDialog = require("@atlaskit/modal-dialog");
|
|
20
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
21
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
21
22
|
var _messages = require("../../../../messages");
|
|
22
23
|
var _Icon = require("../../../common/Icon");
|
|
@@ -51,7 +52,7 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
51
52
|
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
|
|
52
53
|
icon: function icon() {
|
|
53
54
|
return /*#__PURE__*/_react.default.createElement(_download.default, {
|
|
54
|
-
label: _messages.messages.download.defaultMessage,
|
|
55
|
+
label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : _messages.messages.download.defaultMessage,
|
|
55
56
|
spacing: "spacious",
|
|
56
57
|
color: "currentColor"
|
|
57
58
|
});
|
|
@@ -69,7 +70,7 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
69
70
|
content: content,
|
|
70
71
|
icon: function icon() {
|
|
71
72
|
return /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
|
|
72
|
-
label: _messages.messages.viewOriginal.defaultMessage,
|
|
73
|
+
label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : _messages.messages.viewOriginal.defaultMessage,
|
|
73
74
|
spacing: "spacious",
|
|
74
75
|
color: "currentColor"
|
|
75
76
|
});
|
|
@@ -84,11 +85,11 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
84
85
|
var isFullScreen = size === _constants.MAX_MODAL_SIZE;
|
|
85
86
|
var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
|
|
86
87
|
var _icon = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
|
|
87
|
-
label: message.defaultMessage,
|
|
88
|
+
label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
88
89
|
spacing: "spacious",
|
|
89
90
|
color: "currentColor"
|
|
90
91
|
}) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
|
|
91
|
-
label: message.defaultMessage,
|
|
92
|
+
label: (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
92
93
|
spacing: "spacious",
|
|
93
94
|
color: "currentColor"
|
|
94
95
|
});
|
|
@@ -12,6 +12,7 @@ require("./index.compiled.css");
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _reactMagneticDi = require("react-magnetic-di");
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
16
|
var _constants = require("../../../../constants");
|
|
16
17
|
var _flexibleUiContext = require("../../../../state/flexible-ui-context");
|
|
17
18
|
var _utils = require("../../../../state/flexible-ui-context/utils");
|
|
@@ -195,6 +196,10 @@ var Container = function Container(_ref3) {
|
|
|
195
196
|
// `retry` object contains action that can be performed on
|
|
196
197
|
// unresolved link (unauthorized, forbidden, not found, etc.)
|
|
197
198
|
var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
|
|
199
|
+
var isResolved = status === 'resolved';
|
|
200
|
+
var isUnresolvedWithAuthFlow = status !== 'resolved' && retry !== undefined;
|
|
201
|
+
var hasHoverCardOverride = (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined;
|
|
202
|
+
var canShowHoverCard = showHoverPreview && (isResolved || isUnresolvedWithAuthFlow || hasHoverCardOverride);
|
|
198
203
|
var containerPaddingStyles = null;
|
|
199
204
|
var container = /*#__PURE__*/_react.default.createElement("div", {
|
|
200
205
|
"data-smart-link-container": true,
|
|
@@ -206,10 +211,10 @@ var Container = function Container(_ref3) {
|
|
|
206
211
|
"--_12k13bg": (0, _runtime.ix)(previewOnRight ? gap : padding)
|
|
207
212
|
}
|
|
208
213
|
}, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
|
|
209
|
-
if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
|
|
214
|
+
if (context !== null && context !== void 0 && context.url && ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
|
|
210
215
|
return /*#__PURE__*/_react.default.createElement(_hoverCardControl.default, {
|
|
211
|
-
isHoverPreview: canShowHoverPreview,
|
|
212
|
-
isAuthTooltip: canShowAuthTooltip,
|
|
216
|
+
isHoverPreview: (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
|
|
217
|
+
isAuthTooltip: (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
|
|
213
218
|
actionOptions: actionOptions,
|
|
214
219
|
testId: testId,
|
|
215
220
|
url: context.url,
|
|
@@ -15,10 +15,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
17
|
var _react2 = require("@compiled/react");
|
|
18
|
+
var _reactIntlNext = require("react-intl-next");
|
|
18
19
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
|
|
19
20
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
20
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
23
|
+
var _messages = require("../../../../../../../../messages");
|
|
22
24
|
var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
|
|
23
25
|
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
24
26
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -36,6 +38,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
|
|
|
36
38
|
text = _ref.text,
|
|
37
39
|
triggerRef = _ref.triggerRef,
|
|
38
40
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
41
|
+
var intl = (0, _reactIntlNext.useIntl)();
|
|
39
42
|
var _useState = (0, _react.useState)(false),
|
|
40
43
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
41
44
|
isHovering = _useState2[0],
|
|
@@ -123,6 +126,9 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
|
|
|
123
126
|
onKeyDown: onMouseOrKeyDown,
|
|
124
127
|
onKeyUp: onMouseOrKeyUp,
|
|
125
128
|
ref: triggerRef,
|
|
129
|
+
"aria-label": (0, _platformFeatureFlags.fg)('platform_navx_flex_card_status_dropdown_a11y_fix') ? intl.formatMessage(_messages.messages.change_status, {
|
|
130
|
+
status: text
|
|
131
|
+
}) : undefined,
|
|
126
132
|
className: (0, _runtime.ax)(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas1qi0 _19h61qi0 _1d391qi0 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
|
|
127
133
|
}), lozenge);
|
|
128
134
|
};
|
|
@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
14
|
var _popup = _interopRequireDefault(require("@atlaskit/popup"));
|
|
14
15
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
15
16
|
var _constants = require("../../../constants");
|
|
@@ -69,7 +70,8 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
69
70
|
onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(isOpen);
|
|
70
71
|
}, [onVisibilityChange]);
|
|
71
72
|
var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url),
|
|
72
|
-
loadMetadata = _useSmartCardActions.loadMetadata
|
|
73
|
+
loadMetadata = _useSmartCardActions.loadMetadata,
|
|
74
|
+
register = _useSmartCardActions.register;
|
|
73
75
|
var setMousePosition = (0, _react.useCallback)(function (event) {
|
|
74
76
|
if (isOpen && canOpen) {
|
|
75
77
|
return;
|
|
@@ -145,10 +147,20 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
145
147
|
var isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
|
|
146
148
|
if (!resolveTimeOutId.current && isLinkUnresolved) {
|
|
147
149
|
resolveTimeOutId.current = setTimeout(function () {
|
|
148
|
-
|
|
150
|
+
if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
151
|
+
if (linkState.status === 'pending') {
|
|
152
|
+
// Link hasn't been registered yet. Register and resolve link.
|
|
153
|
+
register();
|
|
154
|
+
} else {
|
|
155
|
+
// Link has been already been partially resolved. Load metadata.
|
|
156
|
+
loadMetadata();
|
|
157
|
+
}
|
|
158
|
+
} else {
|
|
159
|
+
loadMetadata();
|
|
160
|
+
}
|
|
149
161
|
}, RESOLVE_DELAY);
|
|
150
162
|
}
|
|
151
|
-
}, [linkState.metadataStatus, linkState.status, loadMetadata]);
|
|
163
|
+
}, [linkState.metadataStatus, linkState.status, loadMetadata, register]);
|
|
152
164
|
var initShowCard = (0, _react.useCallback)(function (event) {
|
|
153
165
|
// clearing out fadeOutTimeoutId in case it's already counting down to hide the card
|
|
154
166
|
if (fadeOutTimeoutId.current) {
|
|
@@ -221,11 +233,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
221
233
|
source: HOVER_CARD_SOURCE
|
|
222
234
|
}, /*#__PURE__*/_react.default.createElement(_HoverCardContent.default, hoverCardContentProps));
|
|
223
235
|
}, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
|
|
224
|
-
var trigger = (0, _react.useCallback)(
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
var ariaHasPopup = _ref3['aria-haspopup'],
|
|
228
|
-
ariaExpanded = _ref3['aria-expanded'],
|
|
236
|
+
var trigger = (0, _react.useCallback)(function (_ref3) {
|
|
237
|
+
var _ariaHasPopup = _ref3['aria-haspopup'],
|
|
238
|
+
_ariaExpanded = _ref3['aria-expanded'],
|
|
229
239
|
triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
230
240
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
231
241
|
ref: parentSpan
|
|
@@ -148,7 +148,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
148
148
|
if (overrideView) {
|
|
149
149
|
return overrideView;
|
|
150
150
|
}
|
|
151
|
-
if (cardState.
|
|
151
|
+
if (cardState.status === 'errored' && (0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
152
|
+
return null;
|
|
153
|
+
}
|
|
154
|
+
if ((0, _platformFeatureFlags.fg)('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
|
|
152
155
|
return /*#__PURE__*/_react.default.createElement(_resolving.default, {
|
|
153
156
|
flexibleCardProps: flexibleCardProps,
|
|
154
157
|
titleBlockProps: titleBlockProps
|
|
@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
18
18
|
var wrapperStylesOld = null;
|
|
19
19
|
var wrapperStylesNew = null;
|
|
20
20
|
var InlineLozenge = function InlineLozenge(props) {
|
|
21
|
-
var shouldAddLozengeAttribute = (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp');
|
|
21
|
+
var shouldAddLozengeAttribute = (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp');
|
|
22
22
|
if ((0, _platformFeatureFlags.fg)('jfp-magma-platform-lozenge-jump-fix')) {
|
|
23
23
|
return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, shouldAddLozengeAttribute && {
|
|
24
24
|
'data-inline-card-lozenge': true
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
|
|
2
2
|
import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
5
4
|
import { ActionName, CardAction } from '../../index';
|
|
6
5
|
import { getExtensionKey } from '../../state/helpers';
|
|
@@ -99,8 +98,8 @@ export const extractInvokePreviewAction = param => {
|
|
|
99
98
|
src: (_extractSmartLinkEmbe2 = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
|
|
100
99
|
title: extractSmartLinkTitle(response),
|
|
101
100
|
url,
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
size: actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size,
|
|
102
|
+
isBlanketHidden: actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe2 = actionOptions.previewAction) === null || _actionOptions$previe2 === void 0 ? void 0 : _actionOptions$previe2.hideBlanket,
|
|
104
103
|
...(expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
|
|
105
104
|
isInPreviewPanel
|
|
106
105
|
})
|
|
@@ -13,4 +13,4 @@ export const JIRA_PROBLEM = 'JiraProblem';
|
|
|
13
13
|
export const JIRA_CUSTOM_TASK_TYPE = 'JiraCustomTaskType';
|
|
14
14
|
|
|
15
15
|
//List of provider keys that support theme modes for the embedded content.
|
|
16
|
-
export const PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider'];
|
|
16
|
+
export const PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider', 'avpviz-object-provider'];
|
package/dist/es2019/messages.js
CHANGED
|
@@ -65,6 +65,11 @@ export const messages = defineMessages({
|
|
|
65
65
|
defaultMessage: 'Assigned to {context}',
|
|
66
66
|
description: 'Indicates the person or entity that the resource is assigned to.'
|
|
67
67
|
},
|
|
68
|
+
change_status: {
|
|
69
|
+
id: 'fabric.linking.change_status',
|
|
70
|
+
defaultMessage: 'Change status: {status}',
|
|
71
|
+
description: 'Aria label for the button to change the status of a linked resource.'
|
|
72
|
+
},
|
|
68
73
|
automation_action_title: {
|
|
69
74
|
id: 'fabric.linking.automation-action.title',
|
|
70
75
|
defaultMessage: 'View automation rules',
|
|
@@ -9,6 +9,7 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
|
|
|
9
9
|
import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
|
|
10
10
|
import ShortcutIcon from '@atlaskit/icon/core/link-external';
|
|
11
11
|
import { CloseButton, useModal } from '@atlaskit/modal-dialog';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
import Tooltip from '@atlaskit/tooltip';
|
|
13
14
|
import { messages } from '../../../../messages';
|
|
14
15
|
import { Icon } from '../../../common/Icon';
|
|
@@ -44,7 +45,7 @@ const LinkInfo = ({
|
|
|
44
45
|
return /*#__PURE__*/React.createElement(LinkInfoButton, {
|
|
45
46
|
content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
|
|
46
47
|
icon: () => /*#__PURE__*/React.createElement(DownloadIcon, {
|
|
47
|
-
label: messages.download.defaultMessage,
|
|
48
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
|
|
48
49
|
spacing: "spacious",
|
|
49
50
|
color: "currentColor"
|
|
50
51
|
}),
|
|
@@ -60,7 +61,7 @@ const LinkInfo = ({
|
|
|
60
61
|
return /*#__PURE__*/React.createElement(LinkInfoButton, {
|
|
61
62
|
content: content,
|
|
62
63
|
icon: () => /*#__PURE__*/React.createElement(ShortcutIcon, {
|
|
63
|
-
label: messages.viewOriginal.defaultMessage,
|
|
64
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
|
|
64
65
|
spacing: "spacious",
|
|
65
66
|
color: "currentColor"
|
|
66
67
|
}),
|
|
@@ -74,11 +75,11 @@ const LinkInfo = ({
|
|
|
74
75
|
const isFullScreen = size === MAX_MODAL_SIZE;
|
|
75
76
|
const message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
|
|
76
77
|
const icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
|
|
77
|
-
label: message.defaultMessage,
|
|
78
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
78
79
|
spacing: "spacious",
|
|
79
80
|
color: "currentColor"
|
|
80
81
|
}) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
|
|
81
|
-
label: message.defaultMessage,
|
|
82
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
82
83
|
spacing: "spacious",
|
|
83
84
|
color: "currentColor"
|
|
84
85
|
});
|
|
@@ -5,6 +5,7 @@ import "./index.compiled.css";
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import React from 'react';
|
|
7
7
|
import { di } from 'react-magnetic-di';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
9
|
import { MediaPlacement, SmartLinkSize } from '../../../../constants';
|
|
9
10
|
import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
|
|
10
11
|
import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
|
|
@@ -179,6 +180,10 @@ const Container = ({
|
|
|
179
180
|
// `retry` object contains action that can be performed on
|
|
180
181
|
// unresolved link (unauthorized, forbidden, not found, etc.)
|
|
181
182
|
const canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
|
|
183
|
+
const isResolved = status === 'resolved';
|
|
184
|
+
const isUnresolvedWithAuthFlow = status !== 'resolved' && retry !== undefined;
|
|
185
|
+
const hasHoverCardOverride = (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined;
|
|
186
|
+
const canShowHoverCard = showHoverPreview && (isResolved || isUnresolvedWithAuthFlow || hasHoverCardOverride);
|
|
182
187
|
const containerPaddingStyles = null;
|
|
183
188
|
const container = /*#__PURE__*/React.createElement("div", {
|
|
184
189
|
"data-smart-link-container": true,
|
|
@@ -190,10 +195,10 @@ const Container = ({
|
|
|
190
195
|
"--_12k13bg": ix(previewOnRight ? gap : padding)
|
|
191
196
|
}
|
|
192
197
|
}, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
|
|
193
|
-
if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
|
|
198
|
+
if (context !== null && context !== void 0 && context.url && (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
|
|
194
199
|
return /*#__PURE__*/React.createElement(HoverCardControl, {
|
|
195
|
-
isHoverPreview: canShowHoverPreview,
|
|
196
|
-
isAuthTooltip: canShowAuthTooltip,
|
|
200
|
+
isHoverPreview: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
|
|
201
|
+
isAuthTooltip: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
|
|
197
202
|
actionOptions: actionOptions,
|
|
198
203
|
testId: testId,
|
|
199
204
|
url: context.url,
|
|
@@ -7,10 +7,12 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
|
|
8
8
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
9
9
|
import { cx } from '@compiled/react';
|
|
10
|
+
import { useIntl } from 'react-intl-next';
|
|
10
11
|
import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
|
|
11
12
|
import Lozenge from '@atlaskit/lozenge';
|
|
12
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
14
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
15
|
+
import { messages } from '../../../../../../../../messages';
|
|
14
16
|
const styles = {
|
|
15
17
|
chevronDown: "_18u012x7 _1e0c1txw",
|
|
16
18
|
lozengeContainer: "_kkk2n7od _2rko12b0 _1dqonqa1 _189ee4h9 _1h6d1j28 _bfhk1j28 _1e0c1txw _4cvr1h6o _4t3i7vkz",
|
|
@@ -26,6 +28,7 @@ const LozengeActionTrigger = ({
|
|
|
26
28
|
triggerRef,
|
|
27
29
|
...props
|
|
28
30
|
}) => {
|
|
31
|
+
const intl = useIntl();
|
|
29
32
|
const [isHovering, setIsHovering] = useState(false);
|
|
30
33
|
const [isPressing, setIsPressing] = useState(false);
|
|
31
34
|
const [lozengeBackgroundColor, setLozengeBackgroundColor] = useState(undefined);
|
|
@@ -93,6 +96,9 @@ const LozengeActionTrigger = ({
|
|
|
93
96
|
onKeyDown: onMouseOrKeyDown,
|
|
94
97
|
onKeyUp: onMouseOrKeyUp,
|
|
95
98
|
ref: triggerRef,
|
|
99
|
+
"aria-label": fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? intl.formatMessage(messages.change_status, {
|
|
100
|
+
status: text
|
|
101
|
+
}) : undefined,
|
|
96
102
|
className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas1qi0 _19h61qi0 _1d391qi0 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
|
|
97
103
|
}), lozenge);
|
|
98
104
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useCallback, useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
4
|
import Popup from '@atlaskit/popup';
|
|
4
5
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
5
6
|
import { ActionName, CardDisplay } from '../../../constants';
|
|
@@ -48,7 +49,8 @@ export const HoverCardComponent = ({
|
|
|
48
49
|
onVisibilityChange === null || onVisibilityChange === void 0 ? void 0 : onVisibilityChange(isOpen);
|
|
49
50
|
}, [onVisibilityChange]);
|
|
50
51
|
const {
|
|
51
|
-
loadMetadata
|
|
52
|
+
loadMetadata,
|
|
53
|
+
register
|
|
52
54
|
} = useSmartCardActions(id, url);
|
|
53
55
|
const setMousePosition = useCallback(event => {
|
|
54
56
|
if (isOpen && canOpen) {
|
|
@@ -122,10 +124,20 @@ export const HoverCardComponent = ({
|
|
|
122
124
|
const isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
|
|
123
125
|
if (!resolveTimeOutId.current && isLinkUnresolved) {
|
|
124
126
|
resolveTimeOutId.current = setTimeout(() => {
|
|
125
|
-
|
|
127
|
+
if (fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
128
|
+
if (linkState.status === 'pending') {
|
|
129
|
+
// Link hasn't been registered yet. Register and resolve link.
|
|
130
|
+
register();
|
|
131
|
+
} else {
|
|
132
|
+
// Link has been already been partially resolved. Load metadata.
|
|
133
|
+
loadMetadata();
|
|
134
|
+
}
|
|
135
|
+
} else {
|
|
136
|
+
loadMetadata();
|
|
137
|
+
}
|
|
126
138
|
}, RESOLVE_DELAY);
|
|
127
139
|
}
|
|
128
|
-
}, [linkState.metadataStatus, linkState.status, loadMetadata]);
|
|
140
|
+
}, [linkState.metadataStatus, linkState.status, loadMetadata, register]);
|
|
129
141
|
const initShowCard = useCallback(event => {
|
|
130
142
|
// clearing out fadeOutTimeoutId in case it's already counting down to hide the card
|
|
131
143
|
if (fadeOutTimeoutId.current) {
|
|
@@ -195,11 +207,9 @@ export const HoverCardComponent = ({
|
|
|
195
207
|
source: HOVER_CARD_SOURCE
|
|
196
208
|
}, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
|
|
197
209
|
}, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
|
|
198
|
-
const trigger = useCallback(
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
'aria-haspopup': ariaHasPopup,
|
|
202
|
-
'aria-expanded': ariaExpanded,
|
|
210
|
+
const trigger = useCallback(({
|
|
211
|
+
'aria-haspopup': _ariaHasPopup,
|
|
212
|
+
'aria-expanded': _ariaExpanded,
|
|
203
213
|
...triggerProps
|
|
204
214
|
}) => /*#__PURE__*/React.createElement("span", {
|
|
205
215
|
ref: parentSpan
|
|
@@ -135,7 +135,10 @@ const HoverCardContent = ({
|
|
|
135
135
|
if (overrideView) {
|
|
136
136
|
return overrideView;
|
|
137
137
|
}
|
|
138
|
-
if (cardState.
|
|
138
|
+
if (cardState.status === 'errored' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
139
|
+
return null;
|
|
140
|
+
}
|
|
141
|
+
if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
|
|
139
142
|
return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
|
|
140
143
|
flexibleCardProps: flexibleCardProps,
|
|
141
144
|
titleBlockProps: titleBlockProps
|
|
@@ -9,7 +9,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
|
9
9
|
const wrapperStylesOld = null;
|
|
10
10
|
const wrapperStylesNew = null;
|
|
11
11
|
const InlineLozenge = props => {
|
|
12
|
-
const shouldAddLozengeAttribute = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
12
|
+
const shouldAddLozengeAttribute = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
13
13
|
if (fg('jfp-magma-platform-lozenge-jump-fix')) {
|
|
14
14
|
return /*#__PURE__*/React.createElement("span", _extends({}, shouldAddLozengeAttribute && {
|
|
15
15
|
'data-inline-card-lozenge': true
|
|
@@ -5,7 +5,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
|
|
7
7
|
import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
9
|
import { ActionName, CardAction } from '../../index';
|
|
11
10
|
import { getExtensionKey } from '../../state/helpers';
|
|
@@ -110,8 +109,8 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
|
|
|
110
109
|
src: (_extractSmartLinkEmbe2 = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe2 === void 0 ? void 0 : _extractSmartLinkEmbe2.src,
|
|
111
110
|
title: extractSmartLinkTitle(response),
|
|
112
111
|
url: url,
|
|
113
|
-
|
|
114
|
-
|
|
112
|
+
size: actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size,
|
|
113
|
+
isBlanketHidden: actionOptions === null || actionOptions === void 0 || (_actionOptions$previe2 = actionOptions.previewAction) === null || _actionOptions$previe2 === void 0 ? void 0 : _actionOptions$previe2.hideBlanket
|
|
115
114
|
}, expValEquals('platform_hover_card_preview_panel', 'cohort', 'test') && {
|
|
116
115
|
isInPreviewPanel: isInPreviewPanel
|
|
117
116
|
}));
|
|
@@ -13,4 +13,4 @@ export var JIRA_PROBLEM = 'JiraProblem';
|
|
|
13
13
|
export var JIRA_CUSTOM_TASK_TYPE = 'JiraCustomTaskType';
|
|
14
14
|
|
|
15
15
|
//List of provider keys that support theme modes for the embedded content.
|
|
16
|
-
export var PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider'];
|
|
16
|
+
export var PROVIDER_KEYS_WITH_THEMING = ['jira-object-provider', 'confluence-object-provider', 'watermelon-object-provider', 'legion-object-provider', 'avpviz-object-provider'];
|
package/dist/esm/messages.js
CHANGED
|
@@ -65,6 +65,11 @@ export var messages = defineMessages({
|
|
|
65
65
|
defaultMessage: 'Assigned to {context}',
|
|
66
66
|
description: 'Indicates the person or entity that the resource is assigned to.'
|
|
67
67
|
},
|
|
68
|
+
change_status: {
|
|
69
|
+
id: 'fabric.linking.change_status',
|
|
70
|
+
defaultMessage: 'Change status: {status}',
|
|
71
|
+
description: 'Aria label for the button to change the status of a linked resource.'
|
|
72
|
+
},
|
|
68
73
|
automation_action_title: {
|
|
69
74
|
id: 'fabric.linking.automation-action.title',
|
|
70
75
|
defaultMessage: 'View automation rules',
|
|
@@ -9,6 +9,7 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
|
|
|
9
9
|
import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
|
|
10
10
|
import ShortcutIcon from '@atlaskit/icon/core/link-external';
|
|
11
11
|
import { CloseButton, useModal } from '@atlaskit/modal-dialog';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
import Tooltip from '@atlaskit/tooltip';
|
|
13
14
|
import { messages } from '../../../../messages';
|
|
14
15
|
import { Icon } from '../../../common/Icon';
|
|
@@ -42,7 +43,7 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
42
43
|
content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
|
|
43
44
|
icon: function icon() {
|
|
44
45
|
return /*#__PURE__*/React.createElement(DownloadIcon, {
|
|
45
|
-
label: messages.download.defaultMessage,
|
|
46
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.download.defaultMessage,
|
|
46
47
|
spacing: "spacious",
|
|
47
48
|
color: "currentColor"
|
|
48
49
|
});
|
|
@@ -60,7 +61,7 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
60
61
|
content: content,
|
|
61
62
|
icon: function icon() {
|
|
62
63
|
return /*#__PURE__*/React.createElement(ShortcutIcon, {
|
|
63
|
-
label: messages.viewOriginal.defaultMessage,
|
|
64
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : messages.viewOriginal.defaultMessage,
|
|
64
65
|
spacing: "spacious",
|
|
65
66
|
color: "currentColor"
|
|
66
67
|
});
|
|
@@ -75,11 +76,11 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
75
76
|
var isFullScreen = size === MAX_MODAL_SIZE;
|
|
76
77
|
var message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
|
|
77
78
|
var _icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
|
|
78
|
-
label: message.defaultMessage,
|
|
79
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
79
80
|
spacing: "spacious",
|
|
80
81
|
color: "currentColor"
|
|
81
82
|
}) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
|
|
82
|
-
label: message.defaultMessage,
|
|
83
|
+
label: fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? '' : message.defaultMessage,
|
|
83
84
|
spacing: "spacious",
|
|
84
85
|
color: "currentColor"
|
|
85
86
|
});
|
|
@@ -5,6 +5,7 @@ import "./index.compiled.css";
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import React from 'react';
|
|
7
7
|
import { di } from 'react-magnetic-di';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
9
|
import { MediaPlacement, SmartLinkSize } from '../../../../constants';
|
|
9
10
|
import { useFlexibleUiContext } from '../../../../state/flexible-ui-context';
|
|
10
11
|
import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
|
|
@@ -189,6 +190,10 @@ var Container = function Container(_ref3) {
|
|
|
189
190
|
// `retry` object contains action that can be performed on
|
|
190
191
|
// unresolved link (unauthorized, forbidden, not found, etc.)
|
|
191
192
|
var canShowAuthTooltip = showHoverPreview && status === 'unauthorized' && retry !== undefined;
|
|
193
|
+
var isResolved = status === 'resolved';
|
|
194
|
+
var isUnresolvedWithAuthFlow = status !== 'resolved' && retry !== undefined;
|
|
195
|
+
var hasHoverCardOverride = (hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.render) !== undefined;
|
|
196
|
+
var canShowHoverCard = showHoverPreview && (isResolved || isUnresolvedWithAuthFlow || hasHoverCardOverride);
|
|
192
197
|
var containerPaddingStyles = null;
|
|
193
198
|
var container = /*#__PURE__*/React.createElement("div", {
|
|
194
199
|
"data-smart-link-container": true,
|
|
@@ -200,10 +205,10 @@ var Container = function Container(_ref3) {
|
|
|
200
205
|
"--_12k13bg": ix(previewOnRight ? gap : padding)
|
|
201
206
|
}
|
|
202
207
|
}, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
|
|
203
|
-
if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
|
|
208
|
+
if (context !== null && context !== void 0 && context.url && (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? canShowHoverCard : canShowHoverPreview || canShowAuthTooltip)) {
|
|
204
209
|
return /*#__PURE__*/React.createElement(HoverCardControl, {
|
|
205
|
-
isHoverPreview: canShowHoverPreview,
|
|
206
|
-
isAuthTooltip: canShowAuthTooltip,
|
|
210
|
+
isHoverPreview: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isResolved || hasHoverCardOverride : canShowHoverPreview,
|
|
211
|
+
isAuthTooltip: fg('navx-2478-sl-fix-hover-card-unresolved-view') ? isUnresolvedWithAuthFlow : canShowAuthTooltip,
|
|
207
212
|
actionOptions: actionOptions,
|
|
208
213
|
testId: testId,
|
|
209
214
|
url: context.url,
|
|
@@ -10,10 +10,12 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
10
10
|
|
|
11
11
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
12
12
|
import { cx } from '@compiled/react';
|
|
13
|
+
import { useIntl } from 'react-intl-next';
|
|
13
14
|
import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down';
|
|
14
15
|
import Lozenge from '@atlaskit/lozenge';
|
|
15
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
17
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
18
|
+
import { messages } from '../../../../../../../../messages';
|
|
17
19
|
var styles = {
|
|
18
20
|
chevronDown: "_18u012x7 _1e0c1txw",
|
|
19
21
|
lozengeContainer: "_kkk2n7od _2rko12b0 _1dqonqa1 _189ee4h9 _1h6d1j28 _bfhk1j28 _1e0c1txw _4cvr1h6o _4t3i7vkz",
|
|
@@ -28,6 +30,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
|
|
|
28
30
|
text = _ref.text,
|
|
29
31
|
triggerRef = _ref.triggerRef,
|
|
30
32
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
var intl = useIntl();
|
|
31
34
|
var _useState = useState(false),
|
|
32
35
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
36
|
isHovering = _useState2[0],
|
|
@@ -115,6 +118,9 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
|
|
|
115
118
|
onKeyDown: onMouseOrKeyDown,
|
|
116
119
|
onKeyUp: onMouseOrKeyUp,
|
|
117
120
|
ref: triggerRef,
|
|
121
|
+
"aria-label": fg('platform_navx_flex_card_status_dropdown_a11y_fix') ? intl.formatMessage(messages.change_status, {
|
|
122
|
+
status: text
|
|
123
|
+
}) : undefined,
|
|
118
124
|
className: ax(["_kkk2n7od _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _15vhn7od _1dqonqa1 _189e1dm9 _1h6d1j28 _bfhk1j28 _syazn7od _80omtlke _ect4n7od _1wybn7od _zg8ln7od _k48pn7od _vwz4idpf _1p1dn7od _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _mizu1r31 _1guj1r31 _p8tl1r31 _ra3xglyw _pbhaglyw _1q2vglyw _128m1o36 _11ow1o36 _j8b81o36 _1bas1qi0 _19h61qi0 _1d391qi0 _1ejj1vm4 _1u6l1vm4 _6ssh1vm4"])
|
|
119
125
|
}), lozenge);
|
|
120
126
|
};
|
|
@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
var _excluded = ["aria-haspopup", "aria-expanded"];
|
|
5
5
|
import React, { useCallback, useEffect, useMemo, useRef } from 'react';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
7
|
import Popup from '@atlaskit/popup';
|
|
7
8
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
9
|
import { ActionName, CardDisplay } from '../../../constants';
|
|
@@ -60,7 +61,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
60
61
|
onVisibilityChange === null || onVisibilityChange === void 0 || onVisibilityChange(isOpen);
|
|
61
62
|
}, [onVisibilityChange]);
|
|
62
63
|
var _useSmartCardActions = useSmartCardActions(id, url),
|
|
63
|
-
loadMetadata = _useSmartCardActions.loadMetadata
|
|
64
|
+
loadMetadata = _useSmartCardActions.loadMetadata,
|
|
65
|
+
register = _useSmartCardActions.register;
|
|
64
66
|
var setMousePosition = useCallback(function (event) {
|
|
65
67
|
if (isOpen && canOpen) {
|
|
66
68
|
return;
|
|
@@ -136,10 +138,20 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
136
138
|
var isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
|
|
137
139
|
if (!resolveTimeOutId.current && isLinkUnresolved) {
|
|
138
140
|
resolveTimeOutId.current = setTimeout(function () {
|
|
139
|
-
|
|
141
|
+
if (fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
142
|
+
if (linkState.status === 'pending') {
|
|
143
|
+
// Link hasn't been registered yet. Register and resolve link.
|
|
144
|
+
register();
|
|
145
|
+
} else {
|
|
146
|
+
// Link has been already been partially resolved. Load metadata.
|
|
147
|
+
loadMetadata();
|
|
148
|
+
}
|
|
149
|
+
} else {
|
|
150
|
+
loadMetadata();
|
|
151
|
+
}
|
|
140
152
|
}, RESOLVE_DELAY);
|
|
141
153
|
}
|
|
142
|
-
}, [linkState.metadataStatus, linkState.status, loadMetadata]);
|
|
154
|
+
}, [linkState.metadataStatus, linkState.status, loadMetadata, register]);
|
|
143
155
|
var initShowCard = useCallback(function (event) {
|
|
144
156
|
// clearing out fadeOutTimeoutId in case it's already counting down to hide the card
|
|
145
157
|
if (fadeOutTimeoutId.current) {
|
|
@@ -212,11 +224,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
212
224
|
source: HOVER_CARD_SOURCE
|
|
213
225
|
}, /*#__PURE__*/React.createElement(HoverCardContent, hoverCardContentProps));
|
|
214
226
|
}, [initShowCard, initHideCard, linkState, onActionClick, renderers, actionOptions, url, id, hoverPreviewOptions]);
|
|
215
|
-
var trigger = useCallback(
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
var ariaHasPopup = _ref3['aria-haspopup'],
|
|
219
|
-
ariaExpanded = _ref3['aria-expanded'],
|
|
227
|
+
var trigger = useCallback(function (_ref3) {
|
|
228
|
+
var _ariaHasPopup = _ref3['aria-haspopup'],
|
|
229
|
+
_ariaExpanded = _ref3['aria-expanded'],
|
|
220
230
|
triggerProps = _objectWithoutProperties(_ref3, _excluded);
|
|
221
231
|
return /*#__PURE__*/React.createElement("span", {
|
|
222
232
|
ref: parentSpan
|
|
@@ -139,7 +139,10 @@ var HoverCardContent = function HoverCardContent(_ref) {
|
|
|
139
139
|
if (overrideView) {
|
|
140
140
|
return overrideView;
|
|
141
141
|
}
|
|
142
|
-
if (cardState.
|
|
142
|
+
if (cardState.status === 'errored' && fg('navx-2478-sl-fix-hover-card-unresolved-view')) {
|
|
143
|
+
return null;
|
|
144
|
+
}
|
|
145
|
+
if (fg('navx-2478-sl-fix-hover-card-unresolved-view') ? cardState.status === 'resolving' || cardState.metadataStatus === 'pending' : cardState.metadataStatus === 'pending') {
|
|
143
146
|
return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
|
|
144
147
|
flexibleCardProps: flexibleCardProps,
|
|
145
148
|
titleBlockProps: titleBlockProps
|
|
@@ -9,7 +9,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
|
9
9
|
var wrapperStylesOld = null;
|
|
10
10
|
var wrapperStylesNew = null;
|
|
11
11
|
var InlineLozenge = function InlineLozenge(props) {
|
|
12
|
-
var shouldAddLozengeAttribute = expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
12
|
+
var shouldAddLozengeAttribute = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
|
|
13
13
|
if (fg('jfp-magma-platform-lozenge-jump-fix')) {
|
|
14
14
|
return /*#__PURE__*/React.createElement("span", _extends({}, shouldAddLozengeAttribute && {
|
|
15
15
|
'data-inline-card-lozenge': true
|
package/dist/types/messages.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
|
|
3
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify';
|
|
3
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
|
|
3
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify';
|
|
3
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'change_status' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'compass_applied_components_count' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project_descriptionGalaxia' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_project_errorGalaxia' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'owned_by_override' | 'preview_description' | 'preview_improved' | 'preview_modal' | 'preview_panel' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project_descriptionGalaxia' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_project_errorGalaxia' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'user_attributes' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_title' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'team_members_count' | 'status_change_permission_errorIssueTermRefresh' | 'connect_unauthorised_account_description_appify' | 'connect_unauthorised_account_description_no_provider_appify' | 'learn_more_about_connecting_account_experiment_shorter' | 'learn_more_about_connecting_account_appify';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "43.17.
|
|
3
|
+
"version": "43.17.3",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@atlaskit/avatar": "^25.6.0",
|
|
34
34
|
"@atlaskit/avatar-group": "^12.4.0",
|
|
35
35
|
"@atlaskit/badge": "^18.3.0",
|
|
36
|
-
"@atlaskit/button": "^23.
|
|
36
|
+
"@atlaskit/button": "^23.9.0",
|
|
37
37
|
"@atlaskit/checkbox": "^17.2.0",
|
|
38
38
|
"@atlaskit/css": "^0.18.0",
|
|
39
39
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"@atlaskit/textfield": "^8.2.0",
|
|
72
72
|
"@atlaskit/theme": "^21.0.0",
|
|
73
73
|
"@atlaskit/tile": "^1.0.0",
|
|
74
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
74
|
+
"@atlaskit/tmp-editor-statsig": "^16.0.0",
|
|
75
75
|
"@atlaskit/tokens": "^8.6.0",
|
|
76
76
|
"@atlaskit/tooltip": "^20.11.0",
|
|
77
77
|
"@atlaskit/ufo": "^0.4.0",
|
|
@@ -162,9 +162,6 @@
|
|
|
162
162
|
}
|
|
163
163
|
},
|
|
164
164
|
"platform-feature-flags": {
|
|
165
|
-
"linking_platform_hide_preview_action_blanket_prop": {
|
|
166
|
-
"type": "boolean"
|
|
167
|
-
},
|
|
168
165
|
"platform-visual-refresh-icons": {
|
|
169
166
|
"type": "boolean"
|
|
170
167
|
},
|
|
@@ -225,9 +222,15 @@
|
|
|
225
222
|
"townsquare-same-tab-alignment-gcko-849": {
|
|
226
223
|
"type": "boolean"
|
|
227
224
|
},
|
|
225
|
+
"navx-2478-sl-fix-hover-card-unresolved-view": {
|
|
226
|
+
"type": "boolean"
|
|
227
|
+
},
|
|
228
228
|
"platform-linking-smart-card-layered-link-a11y": {
|
|
229
229
|
"type": "boolean"
|
|
230
230
|
},
|
|
231
|
+
"platform_navx_flex_card_status_dropdown_a11y_fix": {
|
|
232
|
+
"type": "boolean"
|
|
233
|
+
},
|
|
231
234
|
"navx-2825-eslint-translation-fix-linking-platform": {
|
|
232
235
|
"type": "boolean"
|
|
233
236
|
},
|