@atlaskit/smart-card 38.13.1 → 38.13.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 +18 -0
- package/dist/cjs/messages.js +0 -8
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/EmbedModal/components/embed-content/index.js +3 -4
- package/dist/cjs/view/EmbedModal/index.js +3 -5
- package/dist/cjs/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js +1 -9
- package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +3 -11
- package/dist/cjs/view/InlineCard/ResolvedView/index.js +2 -4
- package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js +1 -9
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/messages.js +0 -8
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/EmbedModal/components/embed-content/index.js +3 -4
- package/dist/es2019/view/EmbedModal/index.js +3 -5
- package/dist/es2019/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js +1 -9
- package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +3 -11
- package/dist/es2019/view/InlineCard/ResolvedView/index.js +2 -4
- package/dist/es2019/view/LinkUrl/LinkWarningModal/index.js +1 -9
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/messages.js +0 -8
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/EmbedModal/components/embed-content/index.js +3 -4
- package/dist/esm/view/EmbedModal/index.js +3 -5
- package/dist/esm/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.js +1 -9
- package/dist/esm/view/HoverCard/components/HoverCardComponent.js +3 -11
- package/dist/esm/view/InlineCard/ResolvedView/index.js +2 -4
- package/dist/esm/view/LinkUrl/LinkWarningModal/index.js +1 -9
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/messages.d.ts +1 -1
- package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts +1 -1
- package/dist/types/view/HoverCard/types.d.ts +0 -5
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/dist/types-ts4.5/view/HoverCard/components/HoverCardComponent.d.ts +1 -1
- package/dist/types-ts4.5/view/HoverCard/types.d.ts +0 -5
- package/package.json +2 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 38.13.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#163479](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/163479)
|
|
8
|
+
[`3b6570ecd2555`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b6570ecd2555) -
|
|
9
|
+
Clean up FG platform_bandicoots-smart-card-disable-aria
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 38.13.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#174646](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174646)
|
|
17
|
+
[`90061d11aac8b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90061d11aac8b) -
|
|
18
|
+
EDM-12573 cleaning up platform-linking-fix-a11y-in-smart-card
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 38.13.1
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/dist/cjs/messages.js
CHANGED
|
@@ -360,14 +360,6 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
360
360
|
defaultMessage: 'More actions',
|
|
361
361
|
description: 'Allows the users to see more link actions'
|
|
362
362
|
},
|
|
363
|
-
/**
|
|
364
|
-
* @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
|
|
365
|
-
*/
|
|
366
|
-
more_information_about_this_work_item: {
|
|
367
|
-
id: 'fabric.linking.more_information_about_this_work_item',
|
|
368
|
-
defaultMessage: 'More information about this work item',
|
|
369
|
-
description: 'Allows the users to see more about the work item'
|
|
370
|
-
},
|
|
371
363
|
open_issue_in_jira: {
|
|
372
364
|
id: 'fabric.linking.open_issue_in_jira',
|
|
373
365
|
defaultMessage: 'Open issue in Jira',
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "38.13.
|
|
14
|
+
packageVersion: "38.13.2"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
14
|
var _reactMagneticDi = require("react-magnetic-di");
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _utils = require("../../../../utils");
|
|
17
16
|
var _IFrame = require("../../../EmbedCard/components/IFrame");
|
|
18
17
|
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); }
|
|
@@ -31,9 +30,9 @@ var EmbedContent = function EmbedContent(_ref) {
|
|
|
31
30
|
src: src,
|
|
32
31
|
'data-testid': "".concat(testId, "-embed")
|
|
33
32
|
};
|
|
34
|
-
return /*#__PURE__*/React.createElement(_IFrame.IFrame, (0, _extends2.default)({
|
|
35
|
-
|
|
36
|
-
}
|
|
33
|
+
return /*#__PURE__*/React.createElement(_IFrame.IFrame, (0, _extends2.default)({
|
|
34
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
|
|
35
|
+
}, props, {
|
|
37
36
|
className: (0, _runtime.ax)(["_1bsb1osq _4t3i815d"])
|
|
38
37
|
}));
|
|
39
38
|
};
|
|
@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _tokens = require("@atlaskit/tokens");
|
|
15
14
|
var _constants = require("../../constants");
|
|
16
15
|
var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
|
|
@@ -102,16 +101,15 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
102
101
|
if (previewUrl && isSupportTheming) {
|
|
103
102
|
previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
|
|
104
103
|
}
|
|
105
|
-
return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default,
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
|
|
106
105
|
height: "100%",
|
|
107
106
|
onClose: handleOnClose,
|
|
108
107
|
onCloseComplete: handleOnCloseComplete,
|
|
109
108
|
onOpenComplete: handleOnOpenComplete,
|
|
110
109
|
testId: testId,
|
|
111
|
-
width: width
|
|
112
|
-
}, (0, _platformFeatureFlags.fg)('platform-linking-fix-a11y-in-smart-card') ? {
|
|
110
|
+
width: width,
|
|
113
111
|
label: title
|
|
114
|
-
}
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
|
|
115
113
|
icon: linkIcon && {
|
|
116
114
|
icon: /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIcon, {
|
|
117
115
|
size: _constants.SmartLinkSize.Large
|
|
@@ -9,20 +9,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _link = _interopRequireDefault(require("@atlaskit/link"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _constants = require("../../../../../constants");
|
|
14
13
|
var _excluded = ["children"];
|
|
15
14
|
var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
|
|
16
15
|
var children = _ref.children,
|
|
17
16
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
18
|
-
return
|
|
19
|
-
href: _constants.CONTENT_URL_AI,
|
|
20
|
-
target: "_blank",
|
|
21
|
-
rel: "noopener noreferrer"
|
|
22
|
-
}, props), children) :
|
|
23
|
-
/*#__PURE__*/
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
25
|
-
_react.default.createElement("a", (0, _extends2.default)({
|
|
17
|
+
return /*#__PURE__*/_react.default.createElement(_link.default, (0, _extends2.default)({
|
|
26
18
|
href: _constants.CONTENT_URL_AI,
|
|
27
19
|
target: "_blank",
|
|
28
20
|
rel: "noopener noreferrer"
|
|
@@ -10,11 +10,9 @@ 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 _reactIntlNext = require("react-intl-next");
|
|
14
13
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
14
|
var _popup = _interopRequireDefault(require("@atlaskit/popup"));
|
|
16
15
|
var _constants = require("../../../constants");
|
|
17
|
-
var _messages = require("../../../messages");
|
|
18
16
|
var _actions = require("../../../state/actions");
|
|
19
17
|
var _renderers = require("../../../state/renderers");
|
|
20
18
|
var _store = require("../../../state/store");
|
|
@@ -48,9 +46,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
48
46
|
hoverPreviewOptions = _ref.hoverPreviewOptions,
|
|
49
47
|
role = _ref.role,
|
|
50
48
|
label = _ref.label,
|
|
51
|
-
titleId = _ref.titleId
|
|
52
|
-
_ref$showLabel = _ref.showLabel,
|
|
53
|
-
showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel;
|
|
49
|
+
titleId = _ref.titleId;
|
|
54
50
|
var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
|
|
55
51
|
var _React$useState = _react.default.useState(false),
|
|
56
52
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
@@ -62,8 +58,6 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
62
58
|
var mousePos = (0, _react.useRef)();
|
|
63
59
|
var popupOffset = (0, _react.useRef)();
|
|
64
60
|
var parentSpan = (0, _react.useRef)(null);
|
|
65
|
-
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
66
|
-
formatMessage = _useIntl.formatMessage;
|
|
67
61
|
var renderers = (0, _renderers.useSmartLinkRenderers)();
|
|
68
62
|
var linkState = (0, _store.useSmartCardState)(url);
|
|
69
63
|
var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url),
|
|
@@ -220,12 +214,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
|
|
|
220
214
|
onClick: onChildClick,
|
|
221
215
|
onContextMenu: onContextMenuClick,
|
|
222
216
|
"data-testid": "hover-card-trigger-wrapper"
|
|
223
|
-
},
|
|
224
|
-
'aria-label': showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
|
|
225
|
-
} : {}, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
217
|
+
}, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
226
218
|
role: 'button'
|
|
227
219
|
} : {}), children));
|
|
228
|
-
}, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition
|
|
220
|
+
}, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
|
|
229
221
|
return /*#__PURE__*/_react.default.createElement(_popup.default, {
|
|
230
222
|
testId: "hover-card",
|
|
231
223
|
isOpen: isOpen && canOpen,
|
|
@@ -93,14 +93,12 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
|
|
|
93
93
|
type: type
|
|
94
94
|
})), this.renderLozenge());
|
|
95
95
|
if (showHoverPreview && link) {
|
|
96
|
-
return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard,
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
|
|
97
97
|
id: id,
|
|
98
98
|
url: link,
|
|
99
99
|
actionOptions: actionOptions,
|
|
100
100
|
hoverPreviewOptions: hoverPreviewOptions
|
|
101
|
-
},
|
|
102
|
-
showLabel: false
|
|
103
|
-
} : {}), inlineCardResolvedView);
|
|
101
|
+
}, inlineCardResolvedView);
|
|
104
102
|
}
|
|
105
103
|
return inlineCardResolvedView;
|
|
106
104
|
}
|
|
@@ -15,7 +15,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
15
15
|
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
16
16
|
var _link = _interopRequireDefault(require("@atlaskit/link"));
|
|
17
17
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _messages = require("../../../messages");
|
|
20
19
|
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); }
|
|
21
20
|
var breakWordsCss = null;
|
|
@@ -37,14 +36,7 @@ var WarningModal = function WarningModal(props) {
|
|
|
37
36
|
values: {
|
|
38
37
|
unsafeLinkText: unsafeLinkText,
|
|
39
38
|
a: function a() {
|
|
40
|
-
return
|
|
41
|
-
href: url,
|
|
42
|
-
target: "_blank",
|
|
43
|
-
rel: "noopener noreferrer"
|
|
44
|
-
}, url) :
|
|
45
|
-
/*#__PURE__*/
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
47
|
-
React.createElement("a", {
|
|
39
|
+
return /*#__PURE__*/React.createElement(_link.default, {
|
|
48
40
|
href: url,
|
|
49
41
|
target: "_blank",
|
|
50
42
|
rel: "noopener noreferrer"
|
|
@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
20
20
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
21
21
|
var PACKAGE_DATA = {
|
|
22
22
|
packageName: "@atlaskit/smart-card",
|
|
23
|
-
packageVersion: "38.13.
|
|
23
|
+
packageVersion: "38.13.2",
|
|
24
24
|
componentName: 'linkUrl'
|
|
25
25
|
};
|
|
26
26
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
package/dist/es2019/messages.js
CHANGED
|
@@ -354,14 +354,6 @@ export const messages = defineMessages({
|
|
|
354
354
|
defaultMessage: 'More actions',
|
|
355
355
|
description: 'Allows the users to see more link actions'
|
|
356
356
|
},
|
|
357
|
-
/**
|
|
358
|
-
* @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
|
|
359
|
-
*/
|
|
360
|
-
more_information_about_this_work_item: {
|
|
361
|
-
id: 'fabric.linking.more_information_about_this_work_item',
|
|
362
|
-
defaultMessage: 'More information about this work item',
|
|
363
|
-
description: 'Allows the users to see more about the work item'
|
|
364
|
-
},
|
|
365
357
|
open_issue_in_jira: {
|
|
366
358
|
id: 'fabric.linking.open_issue_in_jira',
|
|
367
359
|
defaultMessage: 'Open issue in Jira',
|
|
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
2
2
|
export const context = {
|
|
3
3
|
componentName: 'smart-cards',
|
|
4
4
|
packageName: "@atlaskit/smart-card",
|
|
5
|
-
packageVersion: "38.13.
|
|
5
|
+
packageVersion: "38.13.2"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -4,7 +4,6 @@ import "./index.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { di } from 'react-magnetic-di';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { getIframeSandboxAttribute } from '../../../../utils';
|
|
9
8
|
import { IFrame } from '../../../EmbedCard/components/IFrame';
|
|
10
9
|
const iframeCss = null;
|
|
@@ -23,9 +22,9 @@ const EmbedContent = ({
|
|
|
23
22
|
src,
|
|
24
23
|
'data-testid': `${testId}-embed`
|
|
25
24
|
};
|
|
26
|
-
return /*#__PURE__*/React.createElement(IFrame, _extends({
|
|
27
|
-
|
|
28
|
-
}
|
|
25
|
+
return /*#__PURE__*/React.createElement(IFrame, _extends({
|
|
26
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : `${testId}-embed`
|
|
27
|
+
}, props, {
|
|
29
28
|
className: ax(["_1bsb1osq _4t3i815d"])
|
|
30
29
|
}));
|
|
31
30
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useCallback, useRef, useState } from 'react';
|
|
3
3
|
import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
6
5
|
import { SmartLinkSize } from '../../constants';
|
|
7
6
|
import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
|
|
@@ -78,16 +77,15 @@ const EmbedModal = ({
|
|
|
78
77
|
if (previewUrl && isSupportTheming) {
|
|
79
78
|
previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
|
|
80
79
|
}
|
|
81
|
-
return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog,
|
|
80
|
+
return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
|
|
82
81
|
height: "100%",
|
|
83
82
|
onClose: handleOnClose,
|
|
84
83
|
onCloseComplete: handleOnCloseComplete,
|
|
85
84
|
onOpenComplete: handleOnOpenComplete,
|
|
86
85
|
testId: testId,
|
|
87
|
-
width: width
|
|
88
|
-
}, fg('platform-linking-fix-a11y-in-smart-card') ? {
|
|
86
|
+
width: width,
|
|
89
87
|
label: title
|
|
90
|
-
}
|
|
88
|
+
}, /*#__PURE__*/React.createElement(LinkInfo, {
|
|
91
89
|
icon: linkIcon && {
|
|
92
90
|
icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
|
|
93
91
|
size: SmartLinkSize.Large
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import Link from '@atlaskit/link';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { CONTENT_URL_AI } from '../../../../../constants';
|
|
6
5
|
const AILearnMoreAnchor = ({
|
|
7
6
|
children,
|
|
8
7
|
...props
|
|
9
|
-
}) =>
|
|
10
|
-
href: CONTENT_URL_AI,
|
|
11
|
-
target: "_blank",
|
|
12
|
-
rel: "noopener noreferrer"
|
|
13
|
-
}, props), children) :
|
|
14
|
-
/*#__PURE__*/
|
|
15
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
16
|
-
React.createElement("a", _extends({
|
|
8
|
+
}) => /*#__PURE__*/React.createElement(Link, _extends({
|
|
17
9
|
href: CONTENT_URL_AI,
|
|
18
10
|
target: "_blank",
|
|
19
11
|
rel: "noopener noreferrer"
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useCallback, useEffect, useRef } from 'react';
|
|
3
|
-
import { useIntl } from 'react-intl-next';
|
|
4
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import Popup from '@atlaskit/popup';
|
|
6
5
|
import { ActionName, CardDisplay } from '../../../constants';
|
|
7
|
-
import { messages } from '../../../messages';
|
|
8
6
|
import { useSmartCardActions } from '../../../state/actions';
|
|
9
7
|
import { useSmartLinkRenderers } from '../../../state/renderers';
|
|
10
8
|
import { useSmartCardState as useLinkState } from '../../../state/store';
|
|
@@ -29,8 +27,7 @@ export const HoverCardComponent = ({
|
|
|
29
27
|
hoverPreviewOptions,
|
|
30
28
|
role,
|
|
31
29
|
label,
|
|
32
|
-
titleId
|
|
33
|
-
showLabel = true
|
|
30
|
+
titleId
|
|
34
31
|
}) => {
|
|
35
32
|
var _hoverPreviewOptions$;
|
|
36
33
|
const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
|
|
@@ -41,9 +38,6 @@ export const HoverCardComponent = ({
|
|
|
41
38
|
const mousePos = useRef();
|
|
42
39
|
const popupOffset = useRef();
|
|
43
40
|
const parentSpan = useRef(null);
|
|
44
|
-
const {
|
|
45
|
-
formatMessage
|
|
46
|
-
} = useIntl();
|
|
47
41
|
const renderers = useSmartLinkRenderers();
|
|
48
42
|
const linkState = useLinkState(url);
|
|
49
43
|
const {
|
|
@@ -197,11 +191,9 @@ export const HoverCardComponent = ({
|
|
|
197
191
|
onClick: onChildClick,
|
|
198
192
|
onContextMenu: onContextMenuClick,
|
|
199
193
|
"data-testid": "hover-card-trigger-wrapper"
|
|
200
|
-
},
|
|
201
|
-
'aria-label': showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
|
|
202
|
-
} : {}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
194
|
+
}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
203
195
|
role: 'button'
|
|
204
|
-
} : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition
|
|
196
|
+
} : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
|
|
205
197
|
return /*#__PURE__*/React.createElement(Popup, {
|
|
206
198
|
testId: "hover-card",
|
|
207
199
|
isOpen: isOpen && canOpen,
|
|
@@ -70,14 +70,12 @@ export class InlineCardResolvedView extends React.Component {
|
|
|
70
70
|
type
|
|
71
71
|
})), this.renderLozenge());
|
|
72
72
|
if (showHoverPreview && link) {
|
|
73
|
-
return /*#__PURE__*/React.createElement(HoverCard,
|
|
73
|
+
return /*#__PURE__*/React.createElement(HoverCard, {
|
|
74
74
|
id: id,
|
|
75
75
|
url: link,
|
|
76
76
|
actionOptions: actionOptions,
|
|
77
77
|
hoverPreviewOptions: hoverPreviewOptions
|
|
78
|
-
},
|
|
79
|
-
showLabel: false
|
|
80
|
-
} : {}), inlineCardResolvedView);
|
|
78
|
+
}, inlineCardResolvedView);
|
|
81
79
|
}
|
|
82
80
|
return inlineCardResolvedView;
|
|
83
81
|
}
|
|
@@ -7,7 +7,6 @@ import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
|
|
|
7
7
|
import Button from '@atlaskit/button/standard-button';
|
|
8
8
|
import Link from '@atlaskit/link';
|
|
9
9
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { messages } from '../../../messages';
|
|
12
11
|
const breakWordsCss = null;
|
|
13
12
|
const WarningModal = props => {
|
|
@@ -29,14 +28,7 @@ const WarningModal = props => {
|
|
|
29
28
|
}, url && unsafeLinkText && /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.link_safety_warning_message, {
|
|
30
29
|
values: {
|
|
31
30
|
unsafeLinkText: unsafeLinkText,
|
|
32
|
-
a: () =>
|
|
33
|
-
href: url,
|
|
34
|
-
target: "_blank",
|
|
35
|
-
rel: "noopener noreferrer"
|
|
36
|
-
}, url) :
|
|
37
|
-
/*#__PURE__*/
|
|
38
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
39
|
-
React.createElement("a", {
|
|
31
|
+
a: () => /*#__PURE__*/React.createElement(Link, {
|
|
40
32
|
href: url,
|
|
41
33
|
target: "_blank",
|
|
42
34
|
rel: "noopener noreferrer"
|
|
@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
10
10
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
11
11
|
const PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "38.13.
|
|
13
|
+
packageVersion: "38.13.2",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
const Anchor = withLinkClickedEvent('a');
|
package/dist/esm/messages.js
CHANGED
|
@@ -354,14 +354,6 @@ export var messages = defineMessages({
|
|
|
354
354
|
defaultMessage: 'More actions',
|
|
355
355
|
description: 'Allows the users to see more link actions'
|
|
356
356
|
},
|
|
357
|
-
/**
|
|
358
|
-
* @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
|
|
359
|
-
*/
|
|
360
|
-
more_information_about_this_work_item: {
|
|
361
|
-
id: 'fabric.linking.more_information_about_this_work_item',
|
|
362
|
-
defaultMessage: 'More information about this work item',
|
|
363
|
-
description: 'Allows the users to see more about the work item'
|
|
364
|
-
},
|
|
365
357
|
open_issue_in_jira: {
|
|
366
358
|
id: 'fabric.linking.open_issue_in_jira',
|
|
367
359
|
defaultMessage: 'Open issue in Jira',
|
|
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export var context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "38.13.
|
|
7
|
+
packageVersion: "38.13.2"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -4,7 +4,6 @@ import "./index.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { di } from 'react-magnetic-di';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { getIframeSandboxAttribute } from '../../../../utils';
|
|
9
8
|
import { IFrame } from '../../../EmbedCard/components/IFrame';
|
|
10
9
|
var iframeCss = null;
|
|
@@ -22,9 +21,9 @@ var EmbedContent = function EmbedContent(_ref) {
|
|
|
22
21
|
src: src,
|
|
23
22
|
'data-testid': "".concat(testId, "-embed")
|
|
24
23
|
};
|
|
25
|
-
return /*#__PURE__*/React.createElement(IFrame, _extends({
|
|
26
|
-
|
|
27
|
-
}
|
|
24
|
+
return /*#__PURE__*/React.createElement(IFrame, _extends({
|
|
25
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "".concat(testId, "-embed")
|
|
26
|
+
}, props, {
|
|
28
27
|
className: ax(["_1bsb1osq _4t3i815d"])
|
|
29
28
|
}));
|
|
30
29
|
};
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import React, { useCallback, useRef, useState } from 'react';
|
|
4
4
|
import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
7
6
|
import { SmartLinkSize } from '../../constants';
|
|
8
7
|
import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
|
|
@@ -93,16 +92,15 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
93
92
|
if (previewUrl && isSupportTheming) {
|
|
94
93
|
previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
|
|
95
94
|
}
|
|
96
|
-
return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog,
|
|
95
|
+
return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
|
|
97
96
|
height: "100%",
|
|
98
97
|
onClose: handleOnClose,
|
|
99
98
|
onCloseComplete: handleOnCloseComplete,
|
|
100
99
|
onOpenComplete: handleOnOpenComplete,
|
|
101
100
|
testId: testId,
|
|
102
|
-
width: width
|
|
103
|
-
}, fg('platform-linking-fix-a11y-in-smart-card') ? {
|
|
101
|
+
width: width,
|
|
104
102
|
label: title
|
|
105
|
-
}
|
|
103
|
+
}, /*#__PURE__*/React.createElement(LinkInfo, {
|
|
106
104
|
icon: linkIcon && {
|
|
107
105
|
icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
|
|
108
106
|
size: SmartLinkSize.Large
|
|
@@ -3,19 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["children"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Link from '@atlaskit/link';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { CONTENT_URL_AI } from '../../../../../constants';
|
|
8
7
|
var AILearnMoreAnchor = function AILearnMoreAnchor(_ref) {
|
|
9
8
|
var children = _ref.children,
|
|
10
9
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
return
|
|
12
|
-
href: CONTENT_URL_AI,
|
|
13
|
-
target: "_blank",
|
|
14
|
-
rel: "noopener noreferrer"
|
|
15
|
-
}, props), children) :
|
|
16
|
-
/*#__PURE__*/
|
|
17
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
18
|
-
React.createElement("a", _extends({
|
|
10
|
+
return /*#__PURE__*/React.createElement(Link, _extends({
|
|
19
11
|
href: CONTENT_URL_AI,
|
|
20
12
|
target: "_blank",
|
|
21
13
|
rel: "noopener noreferrer"
|
|
@@ -3,11 +3,9 @@ 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, useRef } from 'react';
|
|
6
|
-
import { useIntl } from 'react-intl-next';
|
|
7
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import Popup from '@atlaskit/popup';
|
|
9
8
|
import { ActionName, CardDisplay } from '../../../constants';
|
|
10
|
-
import { messages } from '../../../messages';
|
|
11
9
|
import { useSmartCardActions } from '../../../state/actions';
|
|
12
10
|
import { useSmartLinkRenderers } from '../../../state/renderers';
|
|
13
11
|
import { useSmartCardState as useLinkState } from '../../../state/store';
|
|
@@ -39,9 +37,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
39
37
|
hoverPreviewOptions = _ref.hoverPreviewOptions,
|
|
40
38
|
role = _ref.role,
|
|
41
39
|
label = _ref.label,
|
|
42
|
-
titleId = _ref.titleId
|
|
43
|
-
_ref$showLabel = _ref.showLabel,
|
|
44
|
-
showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel;
|
|
40
|
+
titleId = _ref.titleId;
|
|
45
41
|
var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
|
|
46
42
|
var _React$useState = React.useState(false),
|
|
47
43
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -53,8 +49,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
53
49
|
var mousePos = useRef();
|
|
54
50
|
var popupOffset = useRef();
|
|
55
51
|
var parentSpan = useRef(null);
|
|
56
|
-
var _useIntl = useIntl(),
|
|
57
|
-
formatMessage = _useIntl.formatMessage;
|
|
58
52
|
var renderers = useSmartLinkRenderers();
|
|
59
53
|
var linkState = useLinkState(url);
|
|
60
54
|
var _useSmartCardActions = useSmartCardActions(id, url),
|
|
@@ -211,12 +205,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
211
205
|
onClick: onChildClick,
|
|
212
206
|
onContextMenu: onContextMenuClick,
|
|
213
207
|
"data-testid": "hover-card-trigger-wrapper"
|
|
214
|
-
},
|
|
215
|
-
'aria-label': showLabel ? formatMessage(messages.more_information_about_this_work_item) : undefined
|
|
216
|
-
} : {}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
208
|
+
}, fg('fix_a11y_violation_in_hover_card_trigger') ? {
|
|
217
209
|
role: 'button'
|
|
218
210
|
} : {}), children));
|
|
219
|
-
}, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition
|
|
211
|
+
}, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
|
|
220
212
|
return /*#__PURE__*/React.createElement(Popup, {
|
|
221
213
|
testId: "hover-card",
|
|
222
214
|
isOpen: isOpen && canOpen,
|
|
@@ -86,14 +86,12 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
|
|
|
86
86
|
type: type
|
|
87
87
|
})), this.renderLozenge());
|
|
88
88
|
if (showHoverPreview && link) {
|
|
89
|
-
return /*#__PURE__*/React.createElement(HoverCard,
|
|
89
|
+
return /*#__PURE__*/React.createElement(HoverCard, {
|
|
90
90
|
id: id,
|
|
91
91
|
url: link,
|
|
92
92
|
actionOptions: actionOptions,
|
|
93
93
|
hoverPreviewOptions: hoverPreviewOptions
|
|
94
|
-
},
|
|
95
|
-
showLabel: false
|
|
96
|
-
} : {}), inlineCardResolvedView);
|
|
94
|
+
}, inlineCardResolvedView);
|
|
97
95
|
}
|
|
98
96
|
return inlineCardResolvedView;
|
|
99
97
|
}
|
|
@@ -7,7 +7,6 @@ import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
|
|
|
7
7
|
import Button from '@atlaskit/button/standard-button';
|
|
8
8
|
import Link from '@atlaskit/link';
|
|
9
9
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { messages } from '../../../messages';
|
|
12
11
|
var breakWordsCss = null;
|
|
13
12
|
var WarningModal = function WarningModal(props) {
|
|
@@ -28,14 +27,7 @@ var WarningModal = function WarningModal(props) {
|
|
|
28
27
|
values: {
|
|
29
28
|
unsafeLinkText: unsafeLinkText,
|
|
30
29
|
a: function a() {
|
|
31
|
-
return
|
|
32
|
-
href: url,
|
|
33
|
-
target: "_blank",
|
|
34
|
-
rel: "noopener noreferrer"
|
|
35
|
-
}, url) :
|
|
36
|
-
/*#__PURE__*/
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
38
|
-
React.createElement("a", {
|
|
30
|
+
return /*#__PURE__*/React.createElement(Link, {
|
|
39
31
|
href: url,
|
|
40
32
|
target: "_blank",
|
|
41
33
|
rel: "noopener noreferrer"
|
|
@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
13
13
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
14
14
|
var PACKAGE_DATA = {
|
|
15
15
|
packageName: "@atlaskit/smart-card",
|
|
16
|
-
packageVersion: "38.13.
|
|
16
|
+
packageVersion: "38.13.2",
|
|
17
17
|
componentName: 'linkUrl'
|
|
18
18
|
};
|
|
19
19
|
var Anchor = withLinkClickedEvent('a');
|
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' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | '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' | '
|
|
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' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | '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' | 'preview_description' | 'preview_improved' | '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' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | '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_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type HoverCardComponentProps } from '../types';
|
|
3
3
|
export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
|
|
4
|
-
export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId,
|
|
4
|
+
export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => React.JSX.Element;
|
|
@@ -74,11 +74,6 @@ export interface HoverCardInternalProps {
|
|
|
74
74
|
* Suspend hover card UI delays (fade-in, fade-out) for VR testing purposes.
|
|
75
75
|
*/
|
|
76
76
|
noFadeDelay?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* A flag to determine whether to show aria-label
|
|
79
|
-
* @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
|
|
80
|
-
*/
|
|
81
|
-
showLabel?: boolean;
|
|
82
77
|
}
|
|
83
78
|
export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
|
|
84
79
|
analyticsHandler?: AnalyticsHandler;
|
|
@@ -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' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | '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' | '
|
|
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' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | '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' | 'preview_description' | 'preview_improved' | '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' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | '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_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type HoverCardComponentProps } from '../types';
|
|
3
3
|
export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
|
|
4
|
-
export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId,
|
|
4
|
+
export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, }: HoverCardComponentProps) => React.JSX.Element;
|
|
@@ -74,11 +74,6 @@ export interface HoverCardInternalProps {
|
|
|
74
74
|
* Suspend hover card UI delays (fade-in, fade-out) for VR testing purposes.
|
|
75
75
|
*/
|
|
76
76
|
noFadeDelay?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* A flag to determine whether to show aria-label
|
|
79
|
-
* @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
|
|
80
|
-
*/
|
|
81
|
-
showLabel?: boolean;
|
|
82
77
|
}
|
|
83
78
|
export interface HoverCardComponentProps extends HoverCardProps, HoverCardInternalProps {
|
|
84
79
|
analyticsHandler?: AnalyticsHandler;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "38.13.
|
|
3
|
+
"version": "38.13.3",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@atlaskit/form": "^12.0.0",
|
|
40
40
|
"@atlaskit/frontend-utilities": "^3.0.0",
|
|
41
41
|
"@atlaskit/heading": "^5.2.0",
|
|
42
|
-
"@atlaskit/icon": "^27.
|
|
42
|
+
"@atlaskit/icon": "^27.1.0",
|
|
43
43
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
44
44
|
"@atlaskit/icon-lab": "^5.0.0",
|
|
45
45
|
"@atlaskit/icon-object": "^7.1.0",
|
|
@@ -209,9 +209,6 @@
|
|
|
209
209
|
"fix_a11y_violation_in_hover_card_trigger": {
|
|
210
210
|
"type": "boolean"
|
|
211
211
|
},
|
|
212
|
-
"platform_bandicoots-smart-card-disable-aria": {
|
|
213
|
-
"type": "boolean"
|
|
214
|
-
},
|
|
215
212
|
"platform_smart_links_controlled_dsp_export_view": {
|
|
216
213
|
"type": "boolean"
|
|
217
214
|
},
|
|
@@ -234,9 +231,6 @@
|
|
|
234
231
|
"platform-linking-additional-flexible-element-props": {
|
|
235
232
|
"type": "boolean"
|
|
236
233
|
},
|
|
237
|
-
"platform-linking-fix-a11y-in-smart-card": {
|
|
238
|
-
"type": "boolean"
|
|
239
|
-
},
|
|
240
234
|
"platform-linking-flexible-card-context": {
|
|
241
235
|
"type": "boolean"
|
|
242
236
|
},
|