@atlaskit/smart-card 40.7.1 → 40.7.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 +16 -0
- package/analytics.spec.yaml +129 -112
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +23 -0
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css +1 -3
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js +1 -10
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css +4 -0
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.js +12 -2
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +23 -0
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css +1 -3
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js +2 -10
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css +4 -0
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/index.js +12 -2
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +23 -0
- package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.compiled.css +1 -3
- package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js +2 -11
- package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css +4 -0
- package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.js +12 -2
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/common/analytics/generated/analytics.types.d.ts +8 -1
- package/dist/types/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts +1 -1
- package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts +8 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts +1 -1
- package/package.json +10 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 40.7.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e6f659fcbc13b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e6f659fcbc13b) -
|
|
8
|
+
Add smartlinks click analytics managed by 3P Workflows Team
|
|
9
|
+
- [`ec543e641c64f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec543e641c64f) -
|
|
10
|
+
[ux] NAVX-1064 cleaning up platform-linking-fix-smart-card-avatar-overrides
|
|
11
|
+
|
|
12
|
+
## 40.7.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`bd5987cfa6e70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd5987cfa6e70) -
|
|
17
|
+
[ux] Modify BaseLinkComponent so the black theme is consistent with the grey theme
|
|
18
|
+
|
|
3
19
|
## 40.7.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/analytics.spec.yaml
CHANGED
|
@@ -62,7 +62,7 @@ context:
|
|
|
62
62
|
values
|
|
63
63
|
required: false
|
|
64
64
|
displayCategory:
|
|
65
|
-
type: [
|
|
65
|
+
type: ['smartLink', 'link']
|
|
66
66
|
description: |
|
|
67
67
|
The overarching category of what the link is shown as.
|
|
68
68
|
`smartLink` : we are able to resolve the link and is displayed as a smart link
|
|
@@ -151,69 +151,69 @@ attributes:
|
|
|
151
151
|
]
|
|
152
152
|
description: The type of action being invoked
|
|
153
153
|
ClientActionAttributes: &ClientActionAttributes
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
154
|
+
actionType:
|
|
155
|
+
required: false
|
|
156
|
+
type: string
|
|
157
|
+
description: The type of action being invoked.
|
|
158
|
+
id:
|
|
159
|
+
required: false
|
|
160
|
+
type: string
|
|
161
|
+
description: The unique ID for this Smart Link.
|
|
162
|
+
definitionId:
|
|
163
|
+
type: string
|
|
164
|
+
required: false
|
|
165
|
+
description: The definitionId of the Smart Link resolver invoked.
|
|
166
|
+
display:
|
|
167
|
+
required: false
|
|
168
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
169
|
+
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
170
|
+
resourceType:
|
|
171
|
+
required: false
|
|
172
|
+
type: string
|
|
173
|
+
description: Type of resource the link is pointing to
|
|
174
174
|
events:
|
|
175
175
|
- button clicked (copyLink):
|
|
176
176
|
type: ui
|
|
177
177
|
description: Fired when an copy link is clicked
|
|
178
178
|
attributes:
|
|
179
|
-
|
|
179
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
180
180
|
- button clicked (downloadDocument):
|
|
181
181
|
type: ui
|
|
182
182
|
description: Fired when an download is clicked
|
|
183
183
|
attributes:
|
|
184
|
-
|
|
184
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
185
185
|
- button clicked (invokePreviewScreen):
|
|
186
186
|
type: ui
|
|
187
187
|
description: Fired when an preview is clicked
|
|
188
188
|
attributes:
|
|
189
|
-
|
|
189
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
190
190
|
- button clicked (shortcutGoToLink):
|
|
191
191
|
type: ui
|
|
192
192
|
description: Fired when an view link is clicked
|
|
193
193
|
attributes:
|
|
194
|
-
|
|
194
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
195
195
|
- button clicked (issueStatusUpdate):
|
|
196
196
|
type: ui
|
|
197
197
|
description: fires an event that represents a user clicking on the preview action button
|
|
198
198
|
attributes:
|
|
199
|
-
<<: [
|
|
199
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ClientActionAttributes]
|
|
200
200
|
- button clicked (aiSummary):
|
|
201
201
|
type: ui
|
|
202
202
|
description: fired when an ai summary is clicked
|
|
203
203
|
attributes:
|
|
204
|
-
<<: [
|
|
204
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
205
205
|
|
|
206
206
|
- button clicked (copySummary):
|
|
207
207
|
type: ui
|
|
208
208
|
description: fired when the copy ai summary button is clicked
|
|
209
209
|
attributes:
|
|
210
|
-
<<: [
|
|
210
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
211
211
|
|
|
212
212
|
- summary viewed:
|
|
213
213
|
type: ui
|
|
214
214
|
description: fired when a summary is viewed
|
|
215
215
|
attributes:
|
|
216
|
-
<<: [
|
|
216
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
217
217
|
fromCache:
|
|
218
218
|
required: false
|
|
219
219
|
type: boolean
|
|
@@ -223,19 +223,19 @@ events:
|
|
|
223
223
|
type: ui
|
|
224
224
|
description: fired when a summary error is viewed
|
|
225
225
|
attributes:
|
|
226
|
-
<<: [
|
|
226
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
227
227
|
|
|
228
228
|
- summary success:
|
|
229
229
|
type: operational
|
|
230
230
|
description: fired when a summary request finishes with a successful response
|
|
231
231
|
attributes:
|
|
232
|
-
<<: [
|
|
232
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
233
233
|
|
|
234
234
|
- summary failed:
|
|
235
235
|
type: operational
|
|
236
236
|
description: fired when a summary request finishes with a failed response
|
|
237
237
|
attributes:
|
|
238
|
-
<<: [
|
|
238
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
239
239
|
reason:
|
|
240
240
|
required: false
|
|
241
241
|
type: string
|
|
@@ -249,31 +249,31 @@ events:
|
|
|
249
249
|
type: track
|
|
250
250
|
description: fired when an explicit request is made to use an AI-powered feature
|
|
251
251
|
attributes:
|
|
252
|
-
<<: [
|
|
252
|
+
<<: [*PackageMetaDataContext, *AiInteractionAttributes]
|
|
253
253
|
|
|
254
254
|
- button clicked (automationAction):
|
|
255
255
|
type: ui
|
|
256
256
|
description: fired when the automation action button is clicked
|
|
257
257
|
attributes:
|
|
258
|
-
<<: [
|
|
258
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
259
259
|
|
|
260
260
|
- button clicked (relatedLinks):
|
|
261
261
|
type: ui
|
|
262
262
|
description: fired when the related links action button is clicked
|
|
263
263
|
attributes:
|
|
264
|
-
<<: [
|
|
264
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
265
265
|
|
|
266
266
|
- modal opened (relatedLinks):
|
|
267
267
|
type: ui
|
|
268
268
|
description: fired when related links modal is opened
|
|
269
269
|
attributes:
|
|
270
|
-
<<: [
|
|
270
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
271
271
|
|
|
272
272
|
- modal closed (relatedLinks):
|
|
273
273
|
type: ui
|
|
274
274
|
description: fired when related links modal is closed
|
|
275
275
|
attributes:
|
|
276
|
-
<<: [
|
|
276
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
277
277
|
dwellTime:
|
|
278
278
|
required: true
|
|
279
279
|
type: number
|
|
@@ -283,7 +283,7 @@ events:
|
|
|
283
283
|
type: operational
|
|
284
284
|
description: fired when related links are retrieved successfully
|
|
285
285
|
attributes:
|
|
286
|
-
<<: [
|
|
286
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
287
287
|
incomingCount:
|
|
288
288
|
type: number
|
|
289
289
|
required: true
|
|
@@ -297,7 +297,7 @@ events:
|
|
|
297
297
|
type: operational
|
|
298
298
|
description: fired when related links retrieval fails
|
|
299
299
|
attributes:
|
|
300
|
-
<<: [
|
|
300
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
301
301
|
reason:
|
|
302
302
|
required: true
|
|
303
303
|
type: string
|
|
@@ -306,14 +306,14 @@ events:
|
|
|
306
306
|
type: ui
|
|
307
307
|
description: fired when a user dwells their cursor on a Smart Link's iframe
|
|
308
308
|
attributes:
|
|
309
|
-
<<: [
|
|
309
|
+
<<: [*PackageMetaDataContext, *ResolvedContext]
|
|
310
310
|
id:
|
|
311
311
|
required: true
|
|
312
312
|
type: string
|
|
313
313
|
description: The unique ID for this Smart Link
|
|
314
314
|
display:
|
|
315
315
|
required: true
|
|
316
|
-
type: [
|
|
316
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
317
317
|
description: Whether the card was an Inline, Block, Embed or Flexible UI
|
|
318
318
|
definitionId:
|
|
319
319
|
required: false
|
|
@@ -337,7 +337,7 @@ events:
|
|
|
337
337
|
description: The unique ID for this Smart Link.
|
|
338
338
|
display:
|
|
339
339
|
required: true
|
|
340
|
-
type: [
|
|
340
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
341
341
|
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
342
342
|
definitionId:
|
|
343
343
|
required: false
|
|
@@ -347,36 +347,36 @@ events:
|
|
|
347
347
|
type: track
|
|
348
348
|
description: user connecting their account to view a Smart Link.
|
|
349
349
|
attributes:
|
|
350
|
-
<<: [
|
|
350
|
+
<<: [*PackageMetaDataContext, *CommonAttributes, *CommonContext]
|
|
351
351
|
- applicationAccount authStarted:
|
|
352
352
|
type: track
|
|
353
353
|
description: user starting the Smart Link connect account process.
|
|
354
354
|
attributes:
|
|
355
|
-
<<: [
|
|
355
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
356
356
|
- smartLinkQuickAction started:
|
|
357
357
|
type: track
|
|
358
358
|
description: fires event before an action invoke api call is made
|
|
359
359
|
attributes:
|
|
360
|
-
<<: [
|
|
360
|
+
<<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
|
|
361
361
|
- smartLinkQuickAction success:
|
|
362
362
|
type: track
|
|
363
363
|
description: fires a tracking event after an action invoke api call is successful
|
|
364
364
|
attributes:
|
|
365
|
-
<<: [
|
|
365
|
+
<<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
|
|
366
366
|
- smartLinkQuickAction failed:
|
|
367
367
|
type: track
|
|
368
368
|
description: fires a tracking event after an action invoke api call has failed
|
|
369
369
|
attributes:
|
|
370
|
-
<<: [
|
|
370
|
+
<<: [*PackageMetaDataContext, *CommonContext, *smartLinkActionTypeAttribute]
|
|
371
371
|
reason:
|
|
372
372
|
required: false
|
|
373
373
|
description: The reason for the failure
|
|
374
|
-
type: [
|
|
374
|
+
type: ['PermissionError', 'ValidationError', 'UnknownError']
|
|
375
375
|
- consentModal viewed:
|
|
376
376
|
type: screen
|
|
377
377
|
description: fires an event which represents the connect account page being opened.
|
|
378
378
|
attributes:
|
|
379
|
-
<<: [
|
|
379
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
380
380
|
definitionId:
|
|
381
381
|
required: false
|
|
382
382
|
type: string
|
|
@@ -385,21 +385,21 @@ events:
|
|
|
385
385
|
type: screen
|
|
386
386
|
description: Fires an event that represents when a user view a modal.
|
|
387
387
|
attributes:
|
|
388
|
-
<<: [
|
|
388
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
389
389
|
origin:
|
|
390
390
|
required: false
|
|
391
|
-
type: [
|
|
391
|
+
type: ['smartLinkCard', 'smartLinkEmbed', 'smartLinkInline', 'smartLinkPreviewHoverCard']
|
|
392
392
|
description: The origin of the event
|
|
393
393
|
size:
|
|
394
394
|
required: false
|
|
395
|
-
type: [
|
|
395
|
+
type: ['large', 'small']
|
|
396
396
|
description: The size of the modal
|
|
397
397
|
- smartLink connectSucceeded:
|
|
398
398
|
type: operational
|
|
399
399
|
description:
|
|
400
400
|
fires an event that represents an account successfully being connected via a Smart Link.
|
|
401
401
|
attributes:
|
|
402
|
-
<<: [
|
|
402
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
403
403
|
definitionId:
|
|
404
404
|
required: false
|
|
405
405
|
type: string
|
|
@@ -408,7 +408,7 @@ events:
|
|
|
408
408
|
type: operational
|
|
409
409
|
description: fires an event that represents an account unsuccessfully being connected.
|
|
410
410
|
attributes:
|
|
411
|
-
<<: [
|
|
411
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
412
412
|
reason:
|
|
413
413
|
required: false
|
|
414
414
|
description: The reason why the Smart Link connect account failed.
|
|
@@ -421,7 +421,7 @@ events:
|
|
|
421
421
|
type: operational
|
|
422
422
|
description: fires an event which represents a Smart Link request succeeding.
|
|
423
423
|
attributes:
|
|
424
|
-
<<: [
|
|
424
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
425
425
|
status:
|
|
426
426
|
type:
|
|
427
427
|
[
|
|
@@ -447,7 +447,7 @@ events:
|
|
|
447
447
|
type: operational
|
|
448
448
|
description: fires an event which represents a Smart Link request failing.
|
|
449
449
|
attributes:
|
|
450
|
-
<<: [
|
|
450
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
451
451
|
status:
|
|
452
452
|
type:
|
|
453
453
|
[
|
|
@@ -477,10 +477,10 @@ events:
|
|
|
477
477
|
type: operational
|
|
478
478
|
description: fires an event that represents when a Smart Link renders unsuccessfully.
|
|
479
479
|
attributes:
|
|
480
|
-
<<: [
|
|
480
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
481
481
|
display:
|
|
482
482
|
required: true
|
|
483
|
-
type: [
|
|
483
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
484
484
|
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
485
485
|
definitionId:
|
|
486
486
|
required: false
|
|
@@ -495,39 +495,39 @@ events:
|
|
|
495
495
|
description: Additional details about the error including the stack trace.
|
|
496
496
|
type: object
|
|
497
497
|
- smartLinkAction resolved:
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
498
|
+
type: operational
|
|
499
|
+
description: Fires an event when a Smart Link action is successfully resolved.
|
|
500
|
+
attributes:
|
|
501
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
502
|
+
duration:
|
|
503
|
+
required: false
|
|
504
|
+
type: number
|
|
505
|
+
description: Total time the action take to complete its invocation
|
|
506
506
|
- smartLinkAction unresolved:
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
507
|
+
type: operational
|
|
508
|
+
description: Fires an event when a Smart Link action is failed to resolved.
|
|
509
|
+
attributes:
|
|
510
|
+
<<: [*PackageMetaDataContext, *ResolvedContext, *ClientActionAttributes]
|
|
511
|
+
duration:
|
|
512
|
+
required: false
|
|
513
|
+
type: number
|
|
514
|
+
description: Total time the action take to complete its invocation
|
|
515
|
+
reason:
|
|
516
|
+
required: false
|
|
517
|
+
type: string
|
|
518
|
+
description: Failure reason
|
|
519
519
|
- smartLink clicked:
|
|
520
520
|
type: ui
|
|
521
521
|
description: fires an event that represents when a user clicks on a Smart Link.
|
|
522
522
|
attributes:
|
|
523
|
-
<<: [
|
|
523
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
|
|
524
524
|
id:
|
|
525
525
|
required: true
|
|
526
526
|
type: string
|
|
527
527
|
description: The unique ID for this Smart Link.
|
|
528
528
|
display:
|
|
529
529
|
required: true
|
|
530
|
-
type: [
|
|
530
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
531
531
|
description: Whether the card was an Inline, Block, Embed or Flexible UI
|
|
532
532
|
definitionId:
|
|
533
533
|
required: false
|
|
@@ -541,14 +541,14 @@ events:
|
|
|
541
541
|
type: ui
|
|
542
542
|
description: fires an event that represents when a user clicks on a Smart Link.
|
|
543
543
|
attributes:
|
|
544
|
-
<<: [
|
|
544
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
|
|
545
545
|
id:
|
|
546
546
|
required: true
|
|
547
547
|
type: string
|
|
548
548
|
description: The unique ID for this Smart Link.
|
|
549
549
|
display:
|
|
550
550
|
required: true
|
|
551
|
-
type: [
|
|
551
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
552
552
|
description: Whether the card was an Inline, Block, Embed or Flexible UI
|
|
553
553
|
definitionId:
|
|
554
554
|
required: false
|
|
@@ -562,13 +562,13 @@ events:
|
|
|
562
562
|
type: ui
|
|
563
563
|
description: fires an event that represents a hover preview being opened.
|
|
564
564
|
attributes:
|
|
565
|
-
<<: [
|
|
565
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
|
|
566
566
|
previewDisplay:
|
|
567
|
-
type: [
|
|
567
|
+
type: ['card', 'embed']
|
|
568
568
|
required: true
|
|
569
569
|
description: What format the preview is in.
|
|
570
570
|
previewInvokeMethod:
|
|
571
|
-
type: [
|
|
571
|
+
type: ['keyboard', 'mouse_hover', 'mouse_click']
|
|
572
572
|
required: false
|
|
573
573
|
description: How the preview was triggered.
|
|
574
574
|
definitionId:
|
|
@@ -579,9 +579,9 @@ events:
|
|
|
579
579
|
type: ui
|
|
580
580
|
description: fires an event that represents a hover preview being dismissed.
|
|
581
581
|
attributes:
|
|
582
|
-
<<: [
|
|
582
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
|
|
583
583
|
previewDisplay:
|
|
584
|
-
type: [
|
|
584
|
+
type: ['card', 'embed']
|
|
585
585
|
required: true
|
|
586
586
|
description: What format the preview is in.
|
|
587
587
|
hoverTime:
|
|
@@ -590,7 +590,7 @@ events:
|
|
|
590
590
|
description:
|
|
591
591
|
The duration that the user hovered over a Smart Link before the preview was dismissed.
|
|
592
592
|
previewInvokeMethod:
|
|
593
|
-
type: [
|
|
593
|
+
type: ['keyboard', 'mouse_hover', 'mouse_click']
|
|
594
594
|
required: false
|
|
595
595
|
description: How the preview was triggered.
|
|
596
596
|
definitionId:
|
|
@@ -603,10 +603,10 @@ events:
|
|
|
603
603
|
fires an event that represents when a user clicks on the authentication call to action with
|
|
604
604
|
no current authenticated account. (i.e. Connect to Preview).
|
|
605
605
|
attributes:
|
|
606
|
-
<<: [
|
|
606
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
607
607
|
display:
|
|
608
608
|
required: true
|
|
609
|
-
type: [
|
|
609
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
610
610
|
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
611
611
|
definitionId:
|
|
612
612
|
required: false
|
|
@@ -618,10 +618,10 @@ events:
|
|
|
618
618
|
fires an event that represents when a user clicks on the authentication call to action with
|
|
619
619
|
a forbidden authenticated account. (i.e. Try another account).
|
|
620
620
|
attributes:
|
|
621
|
-
<<: [
|
|
621
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
622
622
|
display:
|
|
623
623
|
required: true
|
|
624
|
-
type: [
|
|
624
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
625
625
|
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
626
626
|
definitionId:
|
|
627
627
|
required: false
|
|
@@ -633,10 +633,10 @@ events:
|
|
|
633
633
|
fires an event that represents when a user closed the authentication window without
|
|
634
634
|
authenticating after opening it.
|
|
635
635
|
attributes:
|
|
636
|
-
<<: [
|
|
636
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
637
637
|
display:
|
|
638
638
|
required: true
|
|
639
|
-
type: [
|
|
639
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
640
640
|
description: Whether the card was an Inline, Block, Embed or Flexible UI.
|
|
641
641
|
definitionId:
|
|
642
642
|
required: false
|
|
@@ -646,10 +646,10 @@ events:
|
|
|
646
646
|
type: ui
|
|
647
647
|
description: Fires an event that represents when a user close a modal.
|
|
648
648
|
attributes:
|
|
649
|
-
<<: [
|
|
649
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
650
650
|
origin:
|
|
651
651
|
required: false
|
|
652
|
-
type: [
|
|
652
|
+
type: ['smartLinkCard', 'smartLinkEmbed', 'smartLinkInline', 'smartLinkPreviewHoverCard']
|
|
653
653
|
description: The origin of the event
|
|
654
654
|
previewTime:
|
|
655
655
|
required: false
|
|
@@ -657,7 +657,7 @@ events:
|
|
|
657
657
|
description: Duration that user spent on the preview.
|
|
658
658
|
size:
|
|
659
659
|
required: false
|
|
660
|
-
type: [
|
|
660
|
+
type: ['large', 'small']
|
|
661
661
|
description: The size of the modal
|
|
662
662
|
- button clicked (learnMore):
|
|
663
663
|
type: ui
|
|
@@ -665,54 +665,54 @@ events:
|
|
|
665
665
|
fires an event that signifies that a "Learn More" link was clicked on an unauthenticated
|
|
666
666
|
card
|
|
667
667
|
attributes:
|
|
668
|
-
<<: [
|
|
668
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
669
669
|
- button clicked (smartLinkStatusLozenge):
|
|
670
670
|
type: ui
|
|
671
671
|
description: fires an event that represent a click was performed on a Status Lozenge
|
|
672
672
|
attributes:
|
|
673
|
-
<<: [
|
|
673
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
674
674
|
- button clicked (smartLinkStatusListItem):
|
|
675
675
|
type: ui
|
|
676
676
|
description:
|
|
677
677
|
fires an event that represent a click was performed on a Status Lozenge's dropdown item
|
|
678
678
|
attributes:
|
|
679
|
-
<<: [
|
|
679
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
680
680
|
- button clicked (smartLinkStatusOpenPreview):
|
|
681
681
|
type: ui
|
|
682
682
|
description:
|
|
683
683
|
fires an event that represent a click was performed on a Status Lozenge open preview button
|
|
684
684
|
attributes:
|
|
685
|
-
<<: [
|
|
685
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
686
686
|
- button clicked (smartLinkFollowButton):
|
|
687
687
|
type: ui
|
|
688
688
|
description: fires an event that represents a click was performed on the follow button.
|
|
689
689
|
attributes:
|
|
690
|
-
<<: [
|
|
690
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
691
691
|
- button clicked (StatusUpdateAction):
|
|
692
692
|
type: ui
|
|
693
693
|
attributes:
|
|
694
|
-
<<: [
|
|
694
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
695
695
|
- button clicked (GetStatusTransitionsAction):
|
|
696
696
|
type: ui
|
|
697
697
|
attributes:
|
|
698
|
-
<<: [
|
|
698
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
699
699
|
- button clicked (embedPreviewResize):
|
|
700
700
|
type: ui
|
|
701
701
|
description:
|
|
702
702
|
fires an event that represents a user clicking on the resize button in the embed preview
|
|
703
703
|
attributes:
|
|
704
|
-
<<: [
|
|
704
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
705
705
|
newSize:
|
|
706
706
|
required: true
|
|
707
|
-
type: [
|
|
707
|
+
type: ['large', 'small']
|
|
708
708
|
description: The new size of the embed preview
|
|
709
709
|
origin:
|
|
710
710
|
required: false
|
|
711
|
-
type: [
|
|
711
|
+
type: ['smartLinkCard', 'smartLinkEmbed', 'smartLinkInline', 'smartLinkPreviewHoverCard']
|
|
712
712
|
description: The origin of the resize event
|
|
713
713
|
previousSize:
|
|
714
714
|
required: true
|
|
715
|
-
type: [
|
|
715
|
+
type: ['large', 'small']
|
|
716
716
|
description: The previous size of the embed preview
|
|
717
717
|
- smartLink renderSuccess:
|
|
718
718
|
type: ui
|
|
@@ -720,19 +720,19 @@ events:
|
|
|
720
720
|
fires an event that represents when a Smart Link was rendered successfully (even if the
|
|
721
721
|
Smart Link errors out)
|
|
722
722
|
attributes:
|
|
723
|
-
<<: [
|
|
723
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
724
724
|
display:
|
|
725
725
|
required: true
|
|
726
|
-
type: [
|
|
726
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
727
727
|
description: Whether the card was an Inline, Block, Embed or Flexible UI
|
|
728
728
|
- smartLink renderFailed:
|
|
729
729
|
type: ui
|
|
730
730
|
description: fires an event that represents when a Smart Link renders unsuccessfully.
|
|
731
731
|
attributes:
|
|
732
|
-
<<: [
|
|
732
|
+
<<: [*PackageMetaDataContext, *CommonContext]
|
|
733
733
|
display:
|
|
734
734
|
required: true
|
|
735
|
-
type: [
|
|
735
|
+
type: ['inline', 'block', 'embed', 'embedPreview', 'flexible', 'hoverCardPreview']
|
|
736
736
|
description: Whether the card was an Inline, Block, Embed or Flexible UI
|
|
737
737
|
error:
|
|
738
738
|
required: true
|
|
@@ -746,3 +746,20 @@ events:
|
|
|
746
746
|
required: false
|
|
747
747
|
type: string
|
|
748
748
|
description: The unique ID for this Smart Link
|
|
749
|
+
- smartLink clicked (smartlinkClickAnalyticsWorkflows):
|
|
750
|
+
type: ui
|
|
751
|
+
description:
|
|
752
|
+
fires an event that represents when a user clicks on a Smart Link to track analytics for the
|
|
753
|
+
3P Workflows team
|
|
754
|
+
attributes:
|
|
755
|
+
<<: [*PackageMetaDataContext, *CommonContext, *ResolvedContext]
|
|
756
|
+
sourceURL:
|
|
757
|
+
required: true
|
|
758
|
+
type: string
|
|
759
|
+
description:
|
|
760
|
+
The first party URL for this Smart Link - this is NOT the URL the user clicked on, but
|
|
761
|
+
the URL of the page where the Smart Link is rendered
|
|
762
|
+
thirdPartyARI:
|
|
763
|
+
required: true
|
|
764
|
+
type: string
|
|
765
|
+
description: The third-party ARI for this Smart Link
|
|
@@ -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: "40.7.
|
|
14
|
+
packageVersion: "40.7.2"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -26,6 +26,7 @@ var _EmbedCard = require("../EmbedCard");
|
|
|
26
26
|
var _FlexibleCard = _interopRequireDefault(require("../FlexibleCard"));
|
|
27
27
|
var _InlineCard = require("../InlineCard");
|
|
28
28
|
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); }
|
|
29
|
+
var thirdPartyARIPrefix = 'ari:third-party';
|
|
29
30
|
function Component(_ref) {
|
|
30
31
|
var id = _ref.id,
|
|
31
32
|
url = _ref.url,
|
|
@@ -89,6 +90,28 @@ function Component(_ref) {
|
|
|
89
90
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
90
91
|
isModifierKeyPressed: isModifierKeyPressed
|
|
91
92
|
});
|
|
93
|
+
if ((0, _platformFeatureFlags.fg)('platform_smartlink_3pclick_analytics')) {
|
|
94
|
+
if (ari && ari.startsWith(thirdPartyARIPrefix)) {
|
|
95
|
+
var sourceURL = window.location.href;
|
|
96
|
+
var clickURL = (0, _helpers.getClickUrl)(url, state.details);
|
|
97
|
+
if (clickURL === url) {
|
|
98
|
+
// For questions or concerns about this event,
|
|
99
|
+
// please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
|
|
100
|
+
var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
|
|
101
|
+
action: 'clicked',
|
|
102
|
+
actionSubject: 'smartLink',
|
|
103
|
+
actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
|
|
104
|
+
eventType: 'ui',
|
|
105
|
+
attributes: {},
|
|
106
|
+
nonPrivacySafeAttributes: {
|
|
107
|
+
sourceURL: sourceURL,
|
|
108
|
+
thirdPartyARI: ari
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
smartlinkClickAnalyticsEvent.fire();
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
92
115
|
|
|
93
116
|
// If preview panel is available and the user clicked on the link,
|
|
94
117
|
// delegate the click to the preview panel handler
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
._102oidpf ul{margin-top:0}
|
|
2
2
|
._1e0c116y{display:inline-flex}
|
|
3
3
|
._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
|
|
4
|
-
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
|
5
|
-
._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
|
|
6
|
-
._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
|
|
4
|
+
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
package/dist/cjs/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js
CHANGED
|
@@ -22,14 +22,7 @@ var _utils = require("../../../utils");
|
|
|
22
22
|
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); }
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
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) { (0, _defineProperty2.default)(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; }
|
|
25
|
-
var stylesOld = null;
|
|
26
25
|
var styles = null;
|
|
27
|
-
var stylesMap = {
|
|
28
|
-
xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
29
|
-
large: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
30
|
-
medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
|
|
31
|
-
small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
|
|
32
|
-
};
|
|
33
26
|
var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {
|
|
34
27
|
switch (elementName) {
|
|
35
28
|
case _constants.ElementName.AssignedToGroup:
|
|
@@ -56,8 +49,6 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
|
|
|
56
49
|
maxCount = _ref$maxCount === void 0 ? 4 : _ref$maxCount,
|
|
57
50
|
name = _ref.name,
|
|
58
51
|
className = _ref.className,
|
|
59
|
-
_ref$size = _ref.size,
|
|
60
|
-
size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
|
|
61
52
|
_ref$testId = _ref.testId,
|
|
62
53
|
testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
|
|
63
54
|
_ref$showNamePrefix = _ref.showNamePrefix,
|
|
@@ -96,7 +87,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
|
|
|
96
87
|
"data-testid": testId
|
|
97
88
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
98
89
|
,
|
|
99
|
-
className: (0, _runtime.ax)([
|
|
90
|
+
className: (0, _runtime.ax)(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
|
|
100
91
|
}), /*#__PURE__*/React.createElement(_avatarGroup.default, {
|
|
101
92
|
maxCount: maxCount,
|
|
102
93
|
appearance: "stack",
|
package/dist/cjs/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css
CHANGED
|
@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
|
|
|
25
25
|
._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
|
|
26
26
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
27
27
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
28
|
+
._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
|
|
29
|
+
._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
|
|
28
30
|
._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
|
|
29
31
|
._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
|
|
32
|
+
._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
|
|
33
|
+
._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
|
|
30
34
|
a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
|
|
31
35
|
a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
|
|
32
36
|
a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}
|
|
@@ -11,6 +11,7 @@ require("./index.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
15
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
15
16
|
var _constants = require("../../../../../../constants");
|
|
16
17
|
var _useLinkClicked = require("../../../../../../state/analytics/useLinkClicked");
|
|
@@ -66,11 +67,20 @@ var anchorLinkLineHeight2Map = {
|
|
|
66
67
|
medium: "_102kviql",
|
|
67
68
|
small: "_102kviql"
|
|
68
69
|
};
|
|
69
|
-
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
|
|
73
|
+
*/
|
|
74
|
+
var themeStyleMapOld = {
|
|
70
75
|
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
71
76
|
black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
|
|
72
77
|
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
73
78
|
};
|
|
79
|
+
var themeStyleMap = {
|
|
80
|
+
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
81
|
+
black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
|
|
82
|
+
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
83
|
+
};
|
|
74
84
|
/**
|
|
75
85
|
* A base element that represent an anchor.
|
|
76
86
|
* @internal
|
|
@@ -108,7 +118,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
|
|
|
108
118
|
href: url
|
|
109
119
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
110
120
|
,
|
|
111
|
-
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
|
|
121
|
+
className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], (0, _platformFeatureFlags.fg)('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
|
|
112
122
|
// We do not want set the target if it is the default value of '_self'. This prevents link
|
|
113
123
|
// click issues in Confluence and Trello which rely on it not being set unless necessary.
|
|
114
124
|
}, target !== '_self' && {
|
|
@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
19
19
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
20
20
|
var PACKAGE_DATA = {
|
|
21
21
|
packageName: "@atlaskit/smart-card",
|
|
22
|
-
packageVersion: "40.7.
|
|
22
|
+
packageVersion: "40.7.2",
|
|
23
23
|
componentName: 'linkUrl'
|
|
24
24
|
};
|
|
25
25
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -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: "40.7.
|
|
5
|
+
packageVersion: "40.7.2"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -17,6 +17,7 @@ import { BlockCard } from '../BlockCard';
|
|
|
17
17
|
import { EmbedCard } from '../EmbedCard';
|
|
18
18
|
import FlexibleCard from '../FlexibleCard';
|
|
19
19
|
import { InlineCard } from '../InlineCard';
|
|
20
|
+
const thirdPartyARIPrefix = 'ari:third-party';
|
|
20
21
|
function Component({
|
|
21
22
|
id,
|
|
22
23
|
url,
|
|
@@ -82,6 +83,28 @@ function Component({
|
|
|
82
83
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
83
84
|
isModifierKeyPressed
|
|
84
85
|
});
|
|
86
|
+
if (fg('platform_smartlink_3pclick_analytics')) {
|
|
87
|
+
if (ari && ari.startsWith(thirdPartyARIPrefix)) {
|
|
88
|
+
const sourceURL = window.location.href;
|
|
89
|
+
const clickURL = getClickUrl(url, state.details);
|
|
90
|
+
if (clickURL === url) {
|
|
91
|
+
// For questions or concerns about this event,
|
|
92
|
+
// please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
|
|
93
|
+
const smartlinkClickAnalyticsEvent = createAnalyticsEvent({
|
|
94
|
+
action: 'clicked',
|
|
95
|
+
actionSubject: 'smartLink',
|
|
96
|
+
actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
|
|
97
|
+
eventType: 'ui',
|
|
98
|
+
attributes: {},
|
|
99
|
+
nonPrivacySafeAttributes: {
|
|
100
|
+
sourceURL: sourceURL,
|
|
101
|
+
thirdPartyARI: ari
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
smartlinkClickAnalyticsEvent.fire();
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
85
108
|
|
|
86
109
|
// If preview panel is available and the user clicked on the link,
|
|
87
110
|
// delegate the click to the preview panel handler
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
._102oidpf ul{margin-top:0}
|
|
2
2
|
._1e0c116y{display:inline-flex}
|
|
3
3
|
._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
|
|
4
|
-
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
|
5
|
-
._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
|
|
6
|
-
._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
|
|
4
|
+
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js
CHANGED
|
@@ -7,17 +7,10 @@ import { useMemo } from 'react';
|
|
|
7
7
|
import { useIntl } from 'react-intl-next';
|
|
8
8
|
import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
-
import { ElementName
|
|
10
|
+
import { ElementName } from '../../../../../../constants';
|
|
11
11
|
import { messages } from '../../../../../../messages';
|
|
12
12
|
import { getFormattedMessageAsString } from '../../../utils';
|
|
13
|
-
const stylesOld = null;
|
|
14
13
|
const styles = null;
|
|
15
|
-
const stylesMap = {
|
|
16
|
-
xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
17
|
-
large: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
18
|
-
medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
|
|
19
|
-
small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
|
|
20
|
-
};
|
|
21
14
|
const getPersonNameWithPrefix = (elementName, personName, intl) => {
|
|
22
15
|
switch (elementName) {
|
|
23
16
|
case ElementName.AssignedToGroup:
|
|
@@ -42,7 +35,6 @@ const BaseAvatarGroup = ({
|
|
|
42
35
|
maxCount = 4,
|
|
43
36
|
name,
|
|
44
37
|
className,
|
|
45
|
-
size = SmartLinkSize.Medium,
|
|
46
38
|
testId = 'smart-element-avatar-group',
|
|
47
39
|
showNamePrefix = false,
|
|
48
40
|
showFallbackAvatar = true
|
|
@@ -82,7 +74,7 @@ const BaseAvatarGroup = ({
|
|
|
82
74
|
"data-testid": testId
|
|
83
75
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
84
76
|
,
|
|
85
|
-
className: ax([
|
|
77
|
+
className: ax(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
|
|
86
78
|
}), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
|
|
87
79
|
maxCount: maxCount,
|
|
88
80
|
appearance: "stack",
|
|
@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
|
|
|
25
25
|
._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
|
|
26
26
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
27
27
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
28
|
+
._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
|
|
29
|
+
._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
|
|
28
30
|
._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
|
|
29
31
|
._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
|
|
32
|
+
._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
|
|
33
|
+
._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
|
|
30
34
|
a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
|
|
31
35
|
a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
|
|
32
36
|
a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}
|
|
@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
7
7
|
|
|
8
8
|
import React, { useMemo } from 'react';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
10
|
import Tooltip from '@atlaskit/tooltip';
|
|
10
11
|
import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
|
|
11
12
|
import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
|
|
@@ -56,11 +57,20 @@ const anchorLinkLineHeight2Map = {
|
|
|
56
57
|
medium: "_102kviql",
|
|
57
58
|
small: "_102kviql"
|
|
58
59
|
};
|
|
59
|
-
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
|
|
63
|
+
*/
|
|
64
|
+
const themeStyleMapOld = {
|
|
60
65
|
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
61
66
|
black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
|
|
62
67
|
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
63
68
|
};
|
|
69
|
+
const themeStyleMap = {
|
|
70
|
+
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
71
|
+
black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
|
|
72
|
+
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
73
|
+
};
|
|
64
74
|
/**
|
|
65
75
|
* A base element that represent an anchor.
|
|
66
76
|
* @internal
|
|
@@ -92,7 +102,7 @@ const BaseLinkElement = ({
|
|
|
92
102
|
href: url
|
|
93
103
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
94
104
|
,
|
|
95
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
|
|
105
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], fg('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
|
|
96
106
|
// We do not want set the target if it is the default value of '_self'. This prevents link
|
|
97
107
|
// click issues in Confluence and Trello which rely on it not being set unless necessary.
|
|
98
108
|
}, target !== '_self' && {
|
|
@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
9
9
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
10
10
|
const PACKAGE_DATA = {
|
|
11
11
|
packageName: "@atlaskit/smart-card",
|
|
12
|
-
packageVersion: "40.7.
|
|
12
|
+
packageVersion: "40.7.2",
|
|
13
13
|
componentName: 'linkUrl'
|
|
14
14
|
};
|
|
15
15
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -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: "40.7.
|
|
7
|
+
packageVersion: "40.7.2"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -17,6 +17,7 @@ import { BlockCard } from '../BlockCard';
|
|
|
17
17
|
import { EmbedCard } from '../EmbedCard';
|
|
18
18
|
import FlexibleCard from '../FlexibleCard';
|
|
19
19
|
import { InlineCard } from '../InlineCard';
|
|
20
|
+
var thirdPartyARIPrefix = 'ari:third-party';
|
|
20
21
|
function Component(_ref) {
|
|
21
22
|
var id = _ref.id,
|
|
22
23
|
url = _ref.url,
|
|
@@ -80,6 +81,28 @@ function Component(_ref) {
|
|
|
80
81
|
definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null,
|
|
81
82
|
isModifierKeyPressed: isModifierKeyPressed
|
|
82
83
|
});
|
|
84
|
+
if (fg('platform_smartlink_3pclick_analytics')) {
|
|
85
|
+
if (ari && ari.startsWith(thirdPartyARIPrefix)) {
|
|
86
|
+
var sourceURL = window.location.href;
|
|
87
|
+
var clickURL = getClickUrl(url, state.details);
|
|
88
|
+
if (clickURL === url) {
|
|
89
|
+
// For questions or concerns about this event,
|
|
90
|
+
// please reach out to the 3P Workflows Team via Slack in #help-3p-connector-workflow
|
|
91
|
+
var smartlinkClickAnalyticsEvent = createAnalyticsEvent({
|
|
92
|
+
action: 'clicked',
|
|
93
|
+
actionSubject: 'smartLink',
|
|
94
|
+
actionSubjectId: 'smartlinkClickAnalyticsWorkflows',
|
|
95
|
+
eventType: 'ui',
|
|
96
|
+
attributes: {},
|
|
97
|
+
nonPrivacySafeAttributes: {
|
|
98
|
+
sourceURL: sourceURL,
|
|
99
|
+
thirdPartyARI: ari
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
smartlinkClickAnalyticsEvent.fire();
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
83
106
|
|
|
84
107
|
// If preview panel is available and the user clicked on the link,
|
|
85
108
|
// delegate the click to the preview panel handler
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
._102oidpf ul{margin-top:0}
|
|
2
2
|
._1e0c116y{display:inline-flex}
|
|
3
3
|
._1kvxu2gc ul{margin-right:var(--ds-space-100,8px)}
|
|
4
|
-
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
|
5
|
-
._6fu61k92 li span, ._1rrq1k92 li svg{max-height:1.25rem}
|
|
6
|
-
._udwj1k92 li span, ._10pr1k92 li svg{max-width:1.25rem}
|
|
4
|
+
._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
|
package/dist/esm/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js
CHANGED
|
@@ -10,17 +10,10 @@ import { useMemo } from 'react';
|
|
|
10
10
|
import { useIntl } from 'react-intl-next';
|
|
11
11
|
import AtlaskitAvatarGroup from '@atlaskit/avatar-group';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
|
-
import { ElementName
|
|
13
|
+
import { ElementName } from '../../../../../../constants';
|
|
14
14
|
import { messages } from '../../../../../../messages';
|
|
15
15
|
import { getFormattedMessageAsString } from '../../../utils';
|
|
16
|
-
var stylesOld = null;
|
|
17
16
|
var styles = null;
|
|
18
|
-
var stylesMap = {
|
|
19
|
-
xlarge: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
20
|
-
large: "_1e0c116y _1kvxu2gc _102oidpf",
|
|
21
|
-
medium: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92",
|
|
22
|
-
small: "_1e0c116y _1kvxu2gc _102oidpf _6fu61k92 _1rrq1k92 _udwj1k92 _10pr1k92"
|
|
23
|
-
};
|
|
24
17
|
var getPersonNameWithPrefix = function getPersonNameWithPrefix(elementName, personName, intl) {
|
|
25
18
|
switch (elementName) {
|
|
26
19
|
case ElementName.AssignedToGroup:
|
|
@@ -47,8 +40,6 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
|
|
|
47
40
|
maxCount = _ref$maxCount === void 0 ? 4 : _ref$maxCount,
|
|
48
41
|
name = _ref.name,
|
|
49
42
|
className = _ref.className,
|
|
50
|
-
_ref$size = _ref.size,
|
|
51
|
-
size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
|
|
52
43
|
_ref$testId = _ref.testId,
|
|
53
44
|
testId = _ref$testId === void 0 ? 'smart-element-avatar-group' : _ref$testId,
|
|
54
45
|
_ref$showNamePrefix = _ref.showNamePrefix,
|
|
@@ -87,7 +78,7 @@ var BaseAvatarGroup = function BaseAvatarGroup(_ref) {
|
|
|
87
78
|
"data-testid": testId
|
|
88
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
89
80
|
,
|
|
90
|
-
className: ax([
|
|
81
|
+
className: ax(["_1ul91ns9 _1e0c116y _1kvxu2gc _102oidpf", className])
|
|
91
82
|
}), /*#__PURE__*/React.createElement(AtlaskitAvatarGroup, {
|
|
92
83
|
maxCount: maxCount,
|
|
93
84
|
appearance: "stack",
|
package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.compiled.css
CHANGED
|
@@ -25,8 +25,12 @@ a._ye10131l{color:var(--ds-text-subtlest,#626f86)}
|
|
|
25
25
|
._30l31gjq:hover{color:var(--ds-text-subtle,#44546f)}
|
|
26
26
|
._9oik1r31:hover{text-decoration-color:currentColor}
|
|
27
27
|
._jf4cnqa1:hover{text-decoration-style:solid}
|
|
28
|
+
._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
|
|
29
|
+
._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
|
|
28
30
|
._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
|
|
29
31
|
._9h8h1fxt:active{color:var(--ds-text,#172b4d)}
|
|
32
|
+
._9h8h1gjq:active, ._f8pj1gjq:focus, ._30l31gjq:hover, ._10531gjq:visited{color:var(--ds-text-subtle,#44546f)}
|
|
33
|
+
._c2wa8stv:active, ._4fpr8stv:focus, ._1bnx8stv:hover, ._1x288stv:visited{text-decoration-line:underline}
|
|
30
34
|
a._1ray131l:active, a._dlb7131l:focus, a._rnxt131l:hover, a._1h4d131l:visited{color:var(--ds-text-subtlest,#626f86)}
|
|
31
35
|
a._fjv61r31:active, a._93u91r31:focus, a._g2lk1r31:hover, a._pnzf1r31:visited{text-decoration-color:currentColor}
|
|
32
36
|
a._hlwq8stv:active, a._1e2m8stv:focus, a._1l4b8stv:hover, a._ue8d8stv:visited{text-decoration-line:underline}
|
|
@@ -6,6 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
7
7
|
|
|
8
8
|
import React, { useMemo } from 'react';
|
|
9
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
10
|
import Tooltip from '@atlaskit/tooltip';
|
|
10
11
|
import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
|
|
11
12
|
import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
|
|
@@ -58,11 +59,20 @@ var anchorLinkLineHeight2Map = {
|
|
|
58
59
|
medium: "_102kviql",
|
|
59
60
|
small: "_102kviql"
|
|
60
61
|
};
|
|
61
|
-
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Remove on FG clean up of twg-graphyte-smart-card-link-theme-fix
|
|
65
|
+
*/
|
|
66
|
+
var themeStyleMapOld = {
|
|
62
67
|
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
63
68
|
black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
|
|
64
69
|
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
65
70
|
};
|
|
71
|
+
var themeStyleMap = {
|
|
72
|
+
grey: "_fjv61r31 _93u91r31 _g2lk1r31 _pnzf1r31 _hlwq8stv _1e2m8stv _1l4b8stv _ue8d8stv _yni7nqa1 _1bianqa1 _93jhnqa1 _64n6nqa1 _1ray131l _dlb7131l _rnxt131l _1h4d131l _10uedcr7 _ye10131l",
|
|
73
|
+
black: "_syaz1gjq _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2wa8stv _4fpr8stv _1bnx8stv _1x288stv _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _9h8h1gjq _f8pj1gjq _30l31gjq _10531gjq",
|
|
74
|
+
link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
|
|
75
|
+
};
|
|
66
76
|
/**
|
|
67
77
|
* A base element that represent an anchor.
|
|
68
78
|
* @internal
|
|
@@ -100,7 +110,7 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
|
|
|
100
110
|
href: url
|
|
101
111
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
102
112
|
,
|
|
103
|
-
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], themeStyleMap[theme], className])
|
|
113
|
+
className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug", linkStyleSizeMap[size], anchorLineClampMap[getMaxLines(maxLines)], "_1reo15vq _18m915vq _1e0ccj1k _1bto1l2s _sudp1e54", workBreakStyleMap[hasSpace ? 'true' : 'false'], getMaxLines(maxLines) === 1 && anchorLinkLineHeight1Map[size], getMaxLines(maxLines) === 2 && anchorLinkLineHeight2Map[size], fg('twg-graphyte-smart-card-link-theme-fix') ? themeStyleMap[theme] : themeStyleMapOld[theme], className])
|
|
104
114
|
// We do not want set the target if it is the default value of '_self'. This prevents link
|
|
105
115
|
// click issues in Confluence and Trello which rely on it not being set unless necessary.
|
|
106
116
|
}, target !== '_self' && {
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
var PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "40.7.
|
|
15
|
+
packageVersion: "40.7.2",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::18e5687cdc42ba3ac58b306a03a60d9d>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
|
|
8
8
|
*/
|
|
9
9
|
export type PackageMetaDataContextType = {
|
|
@@ -230,6 +230,10 @@ export type SmartLinkRenderFailedAttributesType = {
|
|
|
230
230
|
errorInfo: Record<string, unknown>;
|
|
231
231
|
id: string | null;
|
|
232
232
|
};
|
|
233
|
+
export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
|
|
234
|
+
sourceURL: string;
|
|
235
|
+
thirdPartyARI: string;
|
|
236
|
+
};
|
|
233
237
|
export type AnalyticsEventAttributes = {
|
|
234
238
|
/**
|
|
235
239
|
* Fired when an copy link is clicked */
|
|
@@ -385,5 +389,8 @@ export type AnalyticsEventAttributes = {
|
|
|
385
389
|
/**
|
|
386
390
|
* fires an event that represents when a Smart Link renders unsuccessfully. */
|
|
387
391
|
'ui.smartLink.renderFailed': SmartLinkRenderFailedAttributesType;
|
|
392
|
+
/**
|
|
393
|
+
* fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
|
|
394
|
+
'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
|
|
388
395
|
};
|
|
389
396
|
export type EventKey = keyof AnalyticsEventAttributes;
|
package/dist/types/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts
CHANGED
|
@@ -35,6 +35,6 @@ export type BaseAvatarGroupElementProps = ElementProps & {
|
|
|
35
35
|
* @see AuthorGroup
|
|
36
36
|
* @see CollaboratorGroup
|
|
37
37
|
*/
|
|
38
|
-
declare const BaseAvatarGroup: ({ items, maxCount, name, className,
|
|
38
|
+
declare const BaseAvatarGroup: ({ items, maxCount, name, className, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
|
|
39
39
|
export default BaseAvatarGroup;
|
|
40
40
|
export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Generates Typescript types for analytics events from analytics.spec.yaml
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::18e5687cdc42ba3ac58b306a03a60d9d>>
|
|
7
7
|
* @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
|
|
8
8
|
*/
|
|
9
9
|
export type PackageMetaDataContextType = {
|
|
@@ -230,6 +230,10 @@ export type SmartLinkRenderFailedAttributesType = {
|
|
|
230
230
|
errorInfo: Record<string, unknown>;
|
|
231
231
|
id: string | null;
|
|
232
232
|
};
|
|
233
|
+
export type SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType = {
|
|
234
|
+
sourceURL: string;
|
|
235
|
+
thirdPartyARI: string;
|
|
236
|
+
};
|
|
233
237
|
export type AnalyticsEventAttributes = {
|
|
234
238
|
/**
|
|
235
239
|
* Fired when an copy link is clicked */
|
|
@@ -385,5 +389,8 @@ export type AnalyticsEventAttributes = {
|
|
|
385
389
|
/**
|
|
386
390
|
* fires an event that represents when a Smart Link renders unsuccessfully. */
|
|
387
391
|
'ui.smartLink.renderFailed': SmartLinkRenderFailedAttributesType;
|
|
392
|
+
/**
|
|
393
|
+
* fires an event that represents when a user clicks on a Smart Link to track analytics for the 3P Workflows team */
|
|
394
|
+
'ui.smartLink.clicked.smartlinkClickAnalyticsWorkflows': SmartLinkClickedSmartlinkClickAnalyticsWorkflowsAttributesType;
|
|
388
395
|
};
|
|
389
396
|
export type EventKey = keyof AnalyticsEventAttributes;
|
|
@@ -35,6 +35,6 @@ export type BaseAvatarGroupElementProps = ElementProps & {
|
|
|
35
35
|
* @see AuthorGroup
|
|
36
36
|
* @see CollaboratorGroup
|
|
37
37
|
*/
|
|
38
|
-
declare const BaseAvatarGroup: ({ items, maxCount, name, className,
|
|
38
|
+
declare const BaseAvatarGroup: ({ items, maxCount, name, className, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
|
|
39
39
|
export default BaseAvatarGroup;
|
|
40
40
|
export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "40.7.
|
|
3
|
+
"version": "40.7.3",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"@atlaskit/form": "^12.0.0",
|
|
39
39
|
"@atlaskit/frontend-utilities": "^3.1.0",
|
|
40
40
|
"@atlaskit/heading": "^5.2.0",
|
|
41
|
-
"@atlaskit/icon": "^27.
|
|
41
|
+
"@atlaskit/icon": "^27.10.0",
|
|
42
42
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
43
|
-
"@atlaskit/icon-lab": "^5.
|
|
43
|
+
"@atlaskit/icon-lab": "^5.4.0",
|
|
44
44
|
"@atlaskit/icon-object": "^7.2.0",
|
|
45
45
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
46
46
|
"@atlaskit/image": "^3.0.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
97
97
|
"@atlaskit/css-reset": "^7.3.0",
|
|
98
98
|
"@atlaskit/media-test-helpers": "^37.0.0",
|
|
99
|
-
"@atlaskit/react-ufo": "^4.
|
|
99
|
+
"@atlaskit/react-ufo": "^4.2.0",
|
|
100
100
|
"@atlaskit/ssr": "workspace:^",
|
|
101
101
|
"@atlaskit/visual-regression": "workspace:^",
|
|
102
102
|
"@atlassian/analytics-tooling": "^0.5.0",
|
|
@@ -127,7 +127,6 @@
|
|
|
127
127
|
"react-intl-next": "npm:react-intl@^5.18.1",
|
|
128
128
|
"react-test-renderer": "^18.2.0",
|
|
129
129
|
"ts-jest": "^29.2.2",
|
|
130
|
-
"typescript": "~5.4.2",
|
|
131
130
|
"xhr-mock": "^2.4.0"
|
|
132
131
|
},
|
|
133
132
|
"techstack": {
|
|
@@ -220,6 +219,9 @@
|
|
|
220
219
|
"platform_renderer_blindspots": {
|
|
221
220
|
"type": "boolean"
|
|
222
221
|
},
|
|
222
|
+
"twg-graphyte-smart-card-link-theme-fix": {
|
|
223
|
+
"type": "boolean"
|
|
224
|
+
},
|
|
223
225
|
"platform_editor_preview_panel_linking": {
|
|
224
226
|
"type": "boolean"
|
|
225
227
|
},
|
|
@@ -229,9 +231,6 @@
|
|
|
229
231
|
"platform_editor_inline_card_selected_state_fix": {
|
|
230
232
|
"type": "boolean"
|
|
231
233
|
},
|
|
232
|
-
"platform-linking-fix-smart-card-avatar-overrides": {
|
|
233
|
-
"type": "boolean"
|
|
234
|
-
},
|
|
235
234
|
"platform-linking-slack-entity-support": {
|
|
236
235
|
"type": "boolean"
|
|
237
236
|
},
|
|
@@ -240,6 +239,9 @@
|
|
|
240
239
|
},
|
|
241
240
|
"navx-1304-related-links-remove-false-autofocus": {
|
|
242
241
|
"type": "boolean"
|
|
242
|
+
},
|
|
243
|
+
"platform_smartlink_3pclick_analytics": {
|
|
244
|
+
"type": "boolean"
|
|
243
245
|
}
|
|
244
246
|
},
|
|
245
247
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"
|