@atlaskit/smart-card 38.9.0 → 38.9.2
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 +17 -0
- package/dist/cjs/extractors/common/context/index.js +2 -1
- package/dist/cjs/extractors/embed/index.js +4 -16
- package/dist/cjs/extractors/flexible/extract-link-title.js +2 -4
- package/dist/cjs/extractors/flexible/index.js +12 -14
- package/dist/cjs/extractors/inline/index.js +7 -18
- package/dist/cjs/state/hooks/use-resolve/index.js +1 -2
- package/dist/cjs/state/hooks/useSmartLink.js +4 -4
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/BlockCard/views/ForbiddenView.js +1 -1
- package/dist/cjs/view/BlockCard/views/NotFoundView.js +1 -1
- package/dist/cjs/view/BlockCard/views/UnauthorisedView.js +2 -3
- package/dist/cjs/view/CardWithUrl/component.js +10 -9
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js +2 -7
- package/dist/cjs/view/FlexibleCard/components/elements/index.js +225 -189
- package/dist/cjs/view/FlexibleCard/utils.js +5 -8
- package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +1 -2
- package/dist/cjs/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/cjs/view/HoverCard/components/views/forbidden/index.js +3 -4
- package/dist/cjs/view/HoverCard/components/views/unauthorised/index.js +2 -3
- package/dist/cjs/view/InlineCard/index.js +3 -5
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/extractors/common/context/index.js +2 -1
- package/dist/es2019/extractors/embed/index.js +6 -19
- package/dist/es2019/extractors/flexible/extract-link-title.js +3 -5
- package/dist/es2019/extractors/flexible/index.js +15 -15
- package/dist/es2019/extractors/inline/index.js +8 -22
- package/dist/es2019/state/hooks/use-resolve/index.js +1 -2
- package/dist/es2019/state/hooks/useSmartLink.js +4 -4
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/BlockCard/views/ForbiddenView.js +2 -2
- package/dist/es2019/view/BlockCard/views/NotFoundView.js +2 -2
- package/dist/es2019/view/BlockCard/views/UnauthorisedView.js +3 -4
- package/dist/es2019/view/CardWithUrl/component.js +10 -9
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js +2 -7
- package/dist/es2019/view/FlexibleCard/components/elements/index.js +32 -183
- package/dist/es2019/view/FlexibleCard/utils.js +7 -8
- package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +1 -2
- package/dist/es2019/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/es2019/view/HoverCard/components/views/forbidden/index.js +4 -5
- package/dist/es2019/view/HoverCard/components/views/unauthorised/index.js +3 -4
- package/dist/es2019/view/InlineCard/index.js +5 -7
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/extractors/common/context/index.js +2 -1
- package/dist/esm/extractors/embed/index.js +6 -18
- package/dist/esm/extractors/flexible/extract-link-title.js +3 -5
- package/dist/esm/extractors/flexible/index.js +15 -15
- package/dist/esm/extractors/inline/index.js +8 -21
- package/dist/esm/state/hooks/use-resolve/index.js +1 -2
- package/dist/esm/state/hooks/useSmartLink.js +4 -4
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/BlockCard/views/ForbiddenView.js +2 -2
- package/dist/esm/view/BlockCard/views/NotFoundView.js +2 -2
- package/dist/esm/view/BlockCard/views/UnauthorisedView.js +3 -4
- package/dist/esm/view/CardWithUrl/component.js +10 -9
- package/dist/esm/view/FlexibleCard/components/elements/common/base-badge-element/index.js +2 -7
- package/dist/esm/view/FlexibleCard/components/elements/index.js +32 -183
- package/dist/esm/view/FlexibleCard/utils.js +7 -8
- package/dist/esm/view/HoverCard/components/HoverCardComponent.js +1 -2
- package/dist/esm/view/HoverCard/components/ImagePreview.js +2 -15
- package/dist/esm/view/HoverCard/components/views/forbidden/index.js +4 -5
- package/dist/esm/view/HoverCard/components/views/unauthorised/index.js +3 -4
- package/dist/esm/view/InlineCard/index.js +5 -7
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/extractors/flexible/extract-link-title.d.ts +2 -2
- package/dist/types/state/hooks/useSmartLink.d.ts +3 -3
- package/dist/types/utils/analytics/types.d.ts +1 -1
- package/dist/types/view/Card/types.d.ts +1 -0
- package/dist/types/view/FlexibleCard/components/elements/attachment-count-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/index.d.ts +32 -176
- package/dist/types/view/FlexibleCard/components/elements/programming-language-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/provider-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/view-count-element/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/external.d.ts +2 -2
- package/dist/types-ts4.5/extractors/flexible/extract-link-title.d.ts +2 -2
- package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts +3 -3
- package/dist/types-ts4.5/utils/analytics/types.d.ts +1 -1
- package/dist/types-ts4.5/view/Card/types.d.ts +1 -0
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/attachment-count-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/index.d.ts +32 -176
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/programming-language-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/provider-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/view-count-element/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/external.d.ts +2 -2
- package/package.json +3 -6
- package/dist/cjs/view/FlexibleCard/components/elements/utils.js +0 -302
- package/dist/es2019/view/FlexibleCard/components/elements/utils.js +0 -327
- package/dist/esm/view/FlexibleCard/components/elements/utils.js +0 -294
- package/dist/types/view/FlexibleCard/components/elements/utils.d.ts +0 -6
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/utils.d.ts +0 -6
|
@@ -1,186 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
export
|
|
18
|
-
// For example, this should be replaced with
|
|
19
|
-
// export { default * AssignedTo } from "./assigned-to-element"
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
|
|
23
|
-
* @see AvatarGroup
|
|
24
|
-
*/
|
|
25
|
-
export var AssignedToGroup = createElement(ElementName.AssignedToGroup);
|
|
26
|
-
/**
|
|
27
|
-
* Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
|
|
28
|
-
* @see Badge
|
|
29
|
-
*/
|
|
30
|
-
export var AttachmentCount = createElement(ElementName.AttachmentCount);
|
|
31
|
-
/**
|
|
32
|
-
* An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
|
|
33
|
-
* @see AvatarGroup
|
|
34
|
-
*/
|
|
35
|
-
export var AuthorGroup = createElement(ElementName.AuthorGroup);
|
|
36
|
-
/**
|
|
37
|
-
* Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
|
|
38
|
-
* @see Badge
|
|
39
|
-
*/
|
|
40
|
-
export var ChecklistProgress = createElement(ElementName.ChecklistProgress);
|
|
41
|
-
/**
|
|
42
|
-
* An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
|
|
43
|
-
* @see AvatarGroup
|
|
44
|
-
*/
|
|
45
|
-
export var CollaboratorGroup = createElement(ElementName.CollaboratorGroup);
|
|
46
|
-
/**
|
|
47
|
-
* Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
|
|
48
|
-
* @see Badge
|
|
49
|
-
*/
|
|
50
|
-
export var CommentCount = createElement(ElementName.CommentCount);
|
|
51
|
-
/**
|
|
52
|
-
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
53
|
-
* @see DateTime
|
|
54
|
-
*/
|
|
55
|
-
export var CreatedOn = createElement(ElementName.CreatedOn);
|
|
56
|
-
/**
|
|
57
|
-
* Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
|
|
58
|
-
* @see Text
|
|
59
|
-
*/
|
|
60
|
-
export var CreatedBy = createElement(ElementName.CreatedBy);
|
|
61
|
-
/**
|
|
62
|
-
* Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
|
|
63
|
-
* @see Lozenge
|
|
64
|
-
*/
|
|
65
|
-
export var DueOn = createElement(ElementName.DueOn);
|
|
66
|
-
/**
|
|
67
|
-
* Creates an element that contains Last Commit hash
|
|
68
|
-
*/
|
|
69
|
-
export var LatestCommit = createElement(ElementName.LatestCommit);
|
|
70
|
-
/**
|
|
71
|
-
* Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
|
|
72
|
-
* @see Icon
|
|
73
|
-
*/
|
|
74
|
-
export var LinkIcon = createElement(ElementName.LinkIcon);
|
|
75
|
-
/**
|
|
76
|
-
* Creates a Location Link element.
|
|
77
|
-
* This represents the location or container of the resource.
|
|
78
|
-
* @see Link
|
|
79
|
-
*/
|
|
80
|
-
export var Location = createElement(ElementName.Location);
|
|
81
|
-
/**
|
|
82
|
-
* Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
|
|
83
|
-
* @see Text
|
|
84
|
-
*/
|
|
85
|
-
export var ModifiedBy = createElement(ElementName.ModifiedBy);
|
|
86
|
-
/**
|
|
87
|
-
* Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
|
|
88
|
-
* @see DateTime
|
|
89
|
-
*/
|
|
90
|
-
export var ModifiedOn = createElement(ElementName.ModifiedOn);
|
|
91
|
-
/**
|
|
92
|
-
* Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
|
|
93
|
-
* @see Text
|
|
94
|
-
*/
|
|
95
|
-
export var OwnedBy = createElement(ElementName.OwnedBy);
|
|
96
|
-
/**
|
|
97
|
-
* An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
|
|
98
|
-
* @see AvatarGroup
|
|
99
|
-
*/
|
|
100
|
-
export var OwnedByGroup = createElement(ElementName.OwnedByGroup);
|
|
101
|
-
/**
|
|
102
|
-
* Creates a Preview element using the data from Preview in the Flexible UI Context.
|
|
103
|
-
* @see Preview
|
|
104
|
-
*/
|
|
1
|
+
export { default as AssignedTo } from './assigned-to-element';
|
|
2
|
+
export { default as AssignedToGroup } from './assigned-to-group-element';
|
|
3
|
+
export { default as AttachmentCount } from './attachment-count-element';
|
|
4
|
+
export { default as AuthorGroup } from './author-group-element';
|
|
5
|
+
export { default as ChecklistProgress } from './checklist-progress-element';
|
|
6
|
+
export { default as CollaboratorGroup } from './collaborator-group-element';
|
|
7
|
+
export { default as CommentCount } from './comment-count-element';
|
|
8
|
+
export { default as CreatedOn } from './created-on-element';
|
|
9
|
+
export { default as CreatedBy } from './created-by-element';
|
|
10
|
+
export { default as DueOn } from './due-on-element';
|
|
11
|
+
export { default as LatestCommit } from './latest-commit-element';
|
|
12
|
+
export { default as LinkIcon } from './link-icon-element';
|
|
13
|
+
export { default as Location } from './location-element';
|
|
14
|
+
export { default as ModifiedBy } from './modified-by-element';
|
|
15
|
+
export { default as ModifiedOn } from './modified-on-element';
|
|
16
|
+
export { default as OwnedBy } from './owned-by-element';
|
|
17
|
+
export { default as OwnedByGroup } from './owned-by-group-element';
|
|
105
18
|
export { default as Preview } from './preview-element';
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
export
|
|
111
|
-
|
|
112
|
-
* Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
|
|
113
|
-
* @see Badge
|
|
114
|
-
*/
|
|
115
|
-
export var ProgrammingLanguage = createElement(ElementName.ProgrammingLanguage);
|
|
116
|
-
/**
|
|
117
|
-
* Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
|
|
118
|
-
* @see Badge
|
|
119
|
-
*/
|
|
120
|
-
export var Provider = createElement(ElementName.Provider);
|
|
121
|
-
/**
|
|
122
|
-
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
123
|
-
* @see Badge
|
|
124
|
-
*/
|
|
125
|
-
export var ReactCount = createElement(ElementName.ReactCount);
|
|
126
|
-
/**
|
|
127
|
-
* Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
|
|
128
|
-
*/
|
|
129
|
-
export var ReadTime = createElement(ElementName.ReadTime);
|
|
130
|
-
/**
|
|
131
|
-
* Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
|
|
132
|
-
* @see DateTime
|
|
133
|
-
*/
|
|
134
|
-
export var SentOn = createElement(ElementName.SentOn);
|
|
135
|
-
/**
|
|
136
|
-
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
137
|
-
* @see Text
|
|
138
|
-
*/
|
|
19
|
+
export { default as Priority } from './priority-element';
|
|
20
|
+
export { default as ProgrammingLanguage } from './programming-language-element';
|
|
21
|
+
export { default as Provider } from './provider-element';
|
|
22
|
+
export { default as ReactCount } from './react-count-element';
|
|
23
|
+
export { default as ReadTime } from './read-time-element';
|
|
24
|
+
export { default as SentOn } from './sent-on-element';
|
|
139
25
|
export { default as Snippet } from './snippet-element';
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
export
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
export var State = createElement(ElementName.State);
|
|
150
|
-
/**
|
|
151
|
-
* Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
|
|
152
|
-
* @see Badge
|
|
153
|
-
*/
|
|
154
|
-
export var SubscriberCount = createElement(ElementName.SubscriberCount);
|
|
155
|
-
/**
|
|
156
|
-
* Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
|
|
157
|
-
* @see Badge
|
|
158
|
-
*/
|
|
159
|
-
export var SubTasksProgress = createElement(ElementName.SubTasksProgress);
|
|
160
|
-
/**
|
|
161
|
-
* Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
|
|
162
|
-
* @see AtlaskitBadge
|
|
163
|
-
*/
|
|
164
|
-
export var StoryPoints = createElement(ElementName.StoryPoints);
|
|
165
|
-
/**
|
|
166
|
-
* Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
|
|
167
|
-
* @see Text
|
|
168
|
-
*/
|
|
169
|
-
export var TargetBranch = createElement(ElementName.TargetBranch);
|
|
170
|
-
/**
|
|
171
|
-
* Creates a Title Link element using the data from Title in the Flexible UI Context.
|
|
172
|
-
* This represents the main link text within the Smart Link.
|
|
173
|
-
* @see Link
|
|
174
|
-
*/
|
|
175
|
-
export var Title = createElement(ElementName.Title);
|
|
176
|
-
/**
|
|
177
|
-
* Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
|
|
178
|
-
* @see Badge
|
|
179
|
-
*/
|
|
180
|
-
export var ViewCount = createElement(ElementName.ViewCount);
|
|
181
|
-
/**
|
|
182
|
-
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
183
|
-
* @see Badge
|
|
184
|
-
*/
|
|
185
|
-
export var VoteCount = createElement(ElementName.VoteCount);
|
|
26
|
+
export { default as SourceBranch } from './source-branch-element';
|
|
27
|
+
export { default as State } from './state-element';
|
|
28
|
+
export { default as SubscriberCount } from './subscriber-count-element';
|
|
29
|
+
export { default as SubTasksProgress } from './sub-tasks-progress-element';
|
|
30
|
+
export { default as StoryPoints } from './story-points-element';
|
|
31
|
+
export { default as TargetBranch } from './target-branch-element';
|
|
32
|
+
export { default as Title } from './title-element';
|
|
33
|
+
export { default as ViewCount } from './view-count-element';
|
|
34
|
+
export { default as VoteCount } from './vote-count-element';
|
|
186
35
|
export { default as AppliedToComponentsCount } from './applied-to-components-count-element';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import {
|
|
2
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
4
|
import { InternalActionName, SmartLinkStatus } from '../../constants';
|
|
5
5
|
import { extractRequestAccessContextImproved } from '../../extractors/common/context';
|
|
6
6
|
import extractFlexibleUiContext from '../../extractors/flexible';
|
|
7
7
|
import extractLinkTitle from '../../extractors/flexible/extract-link-title';
|
|
8
|
-
import
|
|
8
|
+
import { extractSmartLinkPreviewImage } from '../../extractors/flexible/extract-preview';
|
|
9
9
|
import { extractErrorIcon } from '../../extractors/flexible/icon';
|
|
10
|
-
import
|
|
10
|
+
import { extractSmartLinkProviderIcon } from '../../extractors/flexible/icon/extract-provider-icon';
|
|
11
11
|
import { messages } from '../../messages';
|
|
12
12
|
import { handleOnClick } from '../../utils';
|
|
13
|
-
import {
|
|
13
|
+
import { getForbiddenJsonLd } from '../../utils/jsonld';
|
|
14
14
|
export var getContextByStatus = function getContextByStatus(params) {
|
|
15
15
|
var _ref = params !== null && params !== void 0 ? params : {},
|
|
16
16
|
onClick = _ref.onClick,
|
|
@@ -40,8 +40,8 @@ export var getContextByStatus = function getContextByStatus(params) {
|
|
|
40
40
|
title: fg('platform-linking-flexible-card-context') ? undefined : url,
|
|
41
41
|
linkIcon: extractErrorIcon(response, status),
|
|
42
42
|
linkTitle: fg('platform-linking-flexible-card-context') ? extractLinkTitle(status, url, response, onClick) : undefined,
|
|
43
|
-
preview:
|
|
44
|
-
provider:
|
|
43
|
+
preview: extractSmartLinkPreviewImage(response),
|
|
44
|
+
provider: extractSmartLinkProviderIcon(response),
|
|
45
45
|
actions: fg('platform-linking-flexible-card-unresolved-action') ? _defineProperty({}, InternalActionName.UnresolvedAction, getRetryOptions(url, status, response, params.onAuthorize)) : undefined
|
|
46
46
|
};
|
|
47
47
|
}
|
|
@@ -66,8 +66,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
|
|
|
66
66
|
};
|
|
67
67
|
export var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
|
|
68
68
|
var _response$meta, _access$action, _access$buttonDisable;
|
|
69
|
-
var
|
|
70
|
-
var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(response) : extractProvider(data);
|
|
69
|
+
var provider = extractSmartLinkProvider(response);
|
|
71
70
|
var context = provider === null || provider === void 0 ? void 0 : provider.text;
|
|
72
71
|
var values = context ? {
|
|
73
72
|
context: context
|
|
@@ -232,7 +232,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
232
232
|
label: label
|
|
233
233
|
// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
|
|
234
234
|
,
|
|
235
|
-
popupComponent: CustomPopupContainer
|
|
236
|
-
shouldRenderToParent: fg('should-render-to-parent-should-be-true-linking-pla')
|
|
235
|
+
popupComponent: CustomPopupContainer
|
|
237
236
|
});
|
|
238
237
|
};
|
|
@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
4
4
|
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; }
|
|
5
5
|
import React, { useCallback, useRef, useState } from 'react';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
-
import
|
|
7
|
+
import { extractSmartLinkPreviewImage } from '../../../extractors/flexible/extract-preview';
|
|
8
8
|
import { PreviewBlock } from '../../FlexibleCard/components/blocks';
|
|
9
9
|
var ImagePreview = function ImagePreview(_ref) {
|
|
10
10
|
var fallbackElementHeight = _ref.fallbackElementHeight,
|
|
@@ -19,7 +19,6 @@ var ImagePreview = function ImagePreview(_ref) {
|
|
|
19
19
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
20
20
|
dynamicStyles = _useState4[0],
|
|
21
21
|
setDynamicStyles = _useState4[1];
|
|
22
|
-
var data = response === null || response === void 0 ? void 0 : response.data;
|
|
23
22
|
|
|
24
23
|
// Set Preview to a fixed height to enable transitions
|
|
25
24
|
var onPreviewRender = useCallback(function () {
|
|
@@ -49,19 +48,7 @@ var ImagePreview = function ImagePreview(_ref) {
|
|
|
49
48
|
var onPreviewTransitionEnd = useCallback(function () {
|
|
50
49
|
setShowPreview(false);
|
|
51
50
|
}, []);
|
|
52
|
-
|
|
53
|
-
return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
54
|
-
onError: onPreviewError,
|
|
55
|
-
ignoreContainerPadding: true,
|
|
56
|
-
onTransitionEnd: onPreviewTransitionEnd,
|
|
57
|
-
blockRef: previewBlockRef,
|
|
58
|
-
onRender: onPreviewRender
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
60
|
-
,
|
|
61
|
-
style: dynamicStyles
|
|
62
|
-
}) : null;
|
|
63
|
-
}
|
|
64
|
-
return showPreview && data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
51
|
+
return showPreview && extractSmartLinkPreviewImage(response) ? /*#__PURE__*/React.createElement(PreviewBlock, {
|
|
65
52
|
onError: onPreviewError,
|
|
66
53
|
ignoreContainerPadding: true,
|
|
67
54
|
onTransitionEnd: onPreviewTransitionEnd,
|
|
@@ -7,7 +7,7 @@ import { FormattedMessage } from 'react-intl-next';
|
|
|
7
7
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
8
|
import ButtonOld from '@atlaskit/button';
|
|
9
9
|
import Button from '@atlaskit/button/new';
|
|
10
|
-
import {
|
|
10
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
import { SmartLinkStatus } from '../../../../../constants';
|
|
13
13
|
import { extractRequestAccessContextImproved } from '../../../../../extractors/common/context/extractAccessContext';
|
|
@@ -24,7 +24,7 @@ var connectButtonStyles = null;
|
|
|
24
24
|
var basePreviewStylesOld = null;
|
|
25
25
|
var basePreviewStyles = null;
|
|
26
26
|
var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
|
|
27
|
-
var _cardState$details,
|
|
27
|
+
var _cardState$details, _extractSmartLinkProv, _extractSmartLinkProv2, _extractRequestAccess;
|
|
28
28
|
var flexibleCardProps = _ref.flexibleCardProps,
|
|
29
29
|
_ref$testId = _ref.testId,
|
|
30
30
|
testId = _ref$testId === void 0 ? 'hover-card-forbidden-view' : _ref$testId;
|
|
@@ -32,9 +32,8 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
|
|
|
32
32
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
33
33
|
var cardState = flexibleCardProps.cardState,
|
|
34
34
|
url = flexibleCardProps.url;
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var product = fg('smart_links_noun_support') ? (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '' : (_extractProvider$text = (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text) !== null && _extractProvider$text !== void 0 ? _extractProvider$text : '';
|
|
35
|
+
var meta = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.meta;
|
|
36
|
+
var product = (_extractSmartLinkProv = (_extractSmartLinkProv2 = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv2 === void 0 ? void 0 : _extractSmartLinkProv2.text) !== null && _extractSmartLinkProv !== void 0 ? _extractSmartLinkProv : '';
|
|
38
37
|
var hostname = /*#__PURE__*/React.createElement("b", null, extractHostname(url));
|
|
39
38
|
var _ref2 = (_extractRequestAccess = extractRequestAccessContextImproved({
|
|
40
39
|
jsonLd: meta,
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { useCallback, useMemo } from 'react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
|
-
import {
|
|
8
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
10
|
import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
|
|
11
11
|
import { ActionName, CardDisplay } from '../../../../../constants';
|
|
@@ -24,7 +24,7 @@ var titleBlockStyles = null;
|
|
|
24
24
|
var mainTextStylesOld = null;
|
|
25
25
|
var mainTextStyles = null;
|
|
26
26
|
var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
|
|
27
|
-
var
|
|
27
|
+
var _extractSmartLinkProv;
|
|
28
28
|
var _ref$id = _ref.id,
|
|
29
29
|
id = _ref$id === void 0 ? '' : _ref$id,
|
|
30
30
|
flexibleCardProps = _ref.flexibleCardProps,
|
|
@@ -32,8 +32,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
|
|
|
32
32
|
testId = _ref$testId === void 0 ? 'hover-card-unauthorised-view' : _ref$testId,
|
|
33
33
|
url = _ref.url;
|
|
34
34
|
var cardState = flexibleCardProps.cardState;
|
|
35
|
-
var
|
|
36
|
-
var providerName = fg('smart_links_noun_support') ? (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text : (_extractProvider = extractProvider(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
|
|
35
|
+
var providerName = (_extractSmartLinkProv = extractSmartLinkProvider(cardState.details)) === null || _extractSmartLinkProv === void 0 ? void 0 : _extractSmartLinkProv.text;
|
|
37
36
|
var isProductIntegrationSupported = hasAuthScopeOverrides(cardState.details);
|
|
38
37
|
var _useSmartCardActions = useSmartCardActions(id, url),
|
|
39
38
|
authorize = _useSmartCardActions.authorize;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
|
-
import {
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
+
import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
|
|
6
5
|
import { SmartLinkStatus } from '../../constants';
|
|
7
6
|
import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
|
|
8
7
|
import { extractInlineProps } from '../../extractors/inline';
|
|
9
8
|
import { getExtensionKey } from '../../state/helpers';
|
|
10
|
-
import {
|
|
9
|
+
import { getForbiddenJsonLd } from '../../utils/jsonld';
|
|
11
10
|
import { CardLinkView } from '../LinkView';
|
|
12
11
|
import { InlineCardErroredView } from './ErroredView';
|
|
13
12
|
import { InlineCardForbiddenView } from './ForbiddenView';
|
|
@@ -39,7 +38,6 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
39
38
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
40
39
|
var status = cardState.status,
|
|
41
40
|
details = cardState.details;
|
|
42
|
-
var cardDetails = details && details.data || getEmptyJsonLd();
|
|
43
41
|
var extensionKey = getExtensionKey(details);
|
|
44
42
|
var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
|
|
45
43
|
var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(details, renderers, removeTextHighlightingFromTitle, false) : {};
|
|
@@ -91,7 +89,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
91
89
|
truncateInline: truncateInline
|
|
92
90
|
}));
|
|
93
91
|
case 'unauthorized':
|
|
94
|
-
var provider =
|
|
92
|
+
var provider = extractSmartLinkProvider(details);
|
|
95
93
|
return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
|
|
96
94
|
icon: provider && provider.icon,
|
|
97
95
|
context: provider && provider.text,
|
|
@@ -106,7 +104,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
106
104
|
truncateInline: truncateInline
|
|
107
105
|
});
|
|
108
106
|
case 'forbidden':
|
|
109
|
-
var providerForbidden =
|
|
107
|
+
var providerForbidden = extractSmartLinkProvider(details);
|
|
110
108
|
var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
|
|
111
109
|
var requestAccessContext = extractRequestAccessContextImproved({
|
|
112
110
|
jsonLd: cardMetadata,
|
|
@@ -127,7 +125,7 @@ export var InlineCard = function InlineCard(_ref) {
|
|
|
127
125
|
truncateInline: truncateInline
|
|
128
126
|
});
|
|
129
127
|
case 'not_found':
|
|
130
|
-
var providerNotFound =
|
|
128
|
+
var providerNotFound = extractSmartLinkProvider(details);
|
|
131
129
|
return /*#__PURE__*/React.createElement(InlineCardErroredView, {
|
|
132
130
|
url: url,
|
|
133
131
|
icon: providerNotFound && providerNotFound.icon,
|
|
@@ -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.9.
|
|
16
|
+
packageVersion: "38.9.2",
|
|
17
17
|
componentName: 'linkUrl'
|
|
18
18
|
};
|
|
19
19
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LinkTitle } from '../../state/flexible-ui-context/types';
|
|
1
|
+
import type { SmartLinkResponse } from '@atlaskit/linking-types';
|
|
2
|
+
import type { LinkTitle } from '../../state/flexible-ui-context/types';
|
|
3
3
|
declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>) => LinkTitle | undefined;
|
|
4
4
|
export default extractLinkTitle;
|
|
@@ -10,13 +10,13 @@ export declare function useSmartLink(id: string, url: string): {
|
|
|
10
10
|
config: import("@atlaskit/link-provider").CardAuthFlowOpts | undefined;
|
|
11
11
|
renderers: import("@atlaskit/link-provider").CardProviderRenderers | undefined;
|
|
12
12
|
error: Error | null;
|
|
13
|
-
|
|
13
|
+
isPreviewPanelAvailable: ((props: {
|
|
14
14
|
ari: string;
|
|
15
15
|
}) => boolean) | undefined;
|
|
16
|
-
|
|
16
|
+
openPreviewPanel: ((props: {
|
|
17
17
|
url: string;
|
|
18
18
|
ari: string;
|
|
19
|
-
name: string
|
|
19
|
+
name: string;
|
|
20
20
|
iconUrl: string | undefined;
|
|
21
21
|
}) => void) | undefined;
|
|
22
22
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export type DestinationProduct = 'jira' | 'confluence' | 'bitbucket' | 'trello';
|
|
2
2
|
export type DestinationSubproduct = 'core' | 'software' | 'servicedesk';
|
|
3
3
|
export type ClickType = 'left' | 'middle' | 'right' | 'keyboard' | 'none';
|
|
4
|
-
export type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | '
|
|
4
|
+
export type ClickOutcome = 'prevented' | 'clickThrough' | 'clickThroughNewTabOrWindow' | 'contextMenu' | 'alt' | 'contentEditable' | 'previewPanel' | 'unknown';
|
|
5
5
|
export type UiLinkClickedEventProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the click occurred with the left, middle or right mouse button
|
|
@@ -170,6 +170,7 @@ export interface EmbedProps {
|
|
|
170
170
|
* Informs Smart Link of the device it is rendered in. Available values are `web` and `mobile`.
|
|
171
171
|
* It is used together with link response `data.preview["atlassian:supportedPlatforms"]`.
|
|
172
172
|
* To make embed content available on all supported urls, use `web`.
|
|
173
|
+
* @deprecated The support for platform prop will be removed and `web` used as default
|
|
173
174
|
*/
|
|
174
175
|
platform?: CardPlatform;
|
|
175
176
|
}
|
package/dist/types/view/FlexibleCard/components/elements/attachment-count-element/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BaseBadgeElementProps } from '../common';
|
|
2
|
+
import { type BaseBadgeElementProps } from '../common';
|
|
3
3
|
export type AttachmentCountElementProps = BaseBadgeElementProps;
|
|
4
4
|
declare const AttachmentCountElement: (props: AttachmentCountElementProps) => JSX.Element | null;
|
|
5
5
|
export default AttachmentCountElement;
|
package/dist/types/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MessageDescriptor } from 'react-intl-next';
|
|
2
|
+
import type { MessageDescriptor } from 'react-intl-next';
|
|
3
3
|
import type { MessageProps } from '../../../types';
|
|
4
4
|
import { type ElementProps } from '../../index';
|
|
5
5
|
export type BaseTextElementProps = ElementProps & {
|