@atlaskit/smart-card 44.14.1 → 44.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +4 -0
- package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js +4 -0
- package/dist/cjs/view/EmbedCard/index.js +14 -2
- package/dist/cjs/view/EmbedCard/views/ResolvedView.js +4 -0
- 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 +4 -0
- package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js +4 -0
- package/dist/es2019/view/EmbedCard/index.js +14 -2
- package/dist/es2019/view/EmbedCard/views/ResolvedView.js +4 -0
- 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 +4 -0
- package/dist/esm/view/EmbedCard/components/ExpandedFrame.js +4 -0
- package/dist/esm/view/EmbedCard/index.js +14 -2
- package/dist/esm/view/EmbedCard/views/ResolvedView.js +4 -0
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts +5 -1
- package/dist/types/view/EmbedCard/types.d.ts +4 -0
- package/dist/types/view/EmbedCard/views/ResolvedView.d.ts +4 -0
- package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts +5 -1
- package/dist/types-ts4.5/view/EmbedCard/types.d.ts +4 -0
- package/dist/types-ts4.5/view/EmbedCard/views/ResolvedView.d.ts +4 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 44.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`1dc73be916b1f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1dc73be916b1f) -
|
|
8
|
+
Track middle- and right-clicks on resolved third-party Smart Links rendered by FlexCard. Fires
|
|
9
|
+
fire3PClickEvent({isAuxClick}) / fire3PClickEvent({isContextMenu}). Gated by
|
|
10
|
+
linking_platform_track_non_primary_3p_clicks experiment.
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
16
|
+
## 44.15.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- [`fa8f6894161e0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa8f6894161e0) -
|
|
21
|
+
Track middle- and right-clicks on resolved third-party Smart Links rendered by EmbedCard. Fires
|
|
22
|
+
fire3PClickEvent({isAuxClick}) / fire3PClickEvent({isContextMenu}). Gated by
|
|
23
|
+
linking_platform_track_non_primary_3p_clicks experiment.
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
3
29
|
## 44.14.1
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
|
@@ -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: "44.
|
|
14
|
+
packageVersion: "44.15.0" || ''
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -311,6 +311,8 @@ function Component(_ref) {
|
|
|
311
311
|
placeholderData: placeholderData,
|
|
312
312
|
onAuthorize: services.length && handleAuthorize || undefined,
|
|
313
313
|
onClick: handleClickWrapper,
|
|
314
|
+
onAuxClick: handleFrameAuxClick,
|
|
315
|
+
onContextMenu: handleFrameContextMenu,
|
|
314
316
|
origin: "smartLinkCard",
|
|
315
317
|
renderers: renderers,
|
|
316
318
|
ui: ui,
|
|
@@ -382,6 +384,8 @@ function Component(_ref) {
|
|
|
382
384
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
383
385
|
handleErrorRetry: handleRetry,
|
|
384
386
|
handleFrameClick: handleClickWrapper,
|
|
387
|
+
handleFrameAuxClick: handleFrameAuxClick,
|
|
388
|
+
handleFrameContextMenu: handleFrameContextMenu,
|
|
385
389
|
handleInvoke: handleInvoke,
|
|
386
390
|
isSelected: isSelected,
|
|
387
391
|
frameStyle: frameStyle,
|
|
@@ -37,6 +37,8 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
|
|
|
37
37
|
isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
|
|
38
38
|
children = _ref.children,
|
|
39
39
|
onClick = _ref.onClick,
|
|
40
|
+
onAuxClick = _ref.onAuxClick,
|
|
41
|
+
onContextMenu = _ref.onContextMenu,
|
|
40
42
|
icon = _ref.icon,
|
|
41
43
|
text = _ref.text,
|
|
42
44
|
isSelected = _ref.isSelected,
|
|
@@ -81,6 +83,8 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
|
|
|
81
83
|
}, /*#__PURE__*/React.createElement("a", {
|
|
82
84
|
href: href,
|
|
83
85
|
onClick: handleClick,
|
|
86
|
+
onAuxClick: onAuxClick,
|
|
87
|
+
onContextMenu: onContextMenu,
|
|
84
88
|
onMouseDown: handleMouseDown,
|
|
85
89
|
className: (0, _runtime.ax)([styles.headerAnchor])
|
|
86
90
|
}, text)))), CompetitorPromptComponent);
|
|
@@ -36,6 +36,8 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
|
|
|
36
36
|
handleAuthorize = _ref2.handleAuthorize,
|
|
37
37
|
handleErrorRetry = _ref2.handleErrorRetry,
|
|
38
38
|
handleFrameClick = _ref2.handleFrameClick,
|
|
39
|
+
handleFrameAuxClick = _ref2.handleFrameAuxClick,
|
|
40
|
+
handleFrameContextMenu = _ref2.handleFrameContextMenu,
|
|
39
41
|
isSelected = _ref2.isSelected,
|
|
40
42
|
frameStyle = _ref2.frameStyle,
|
|
41
43
|
platform = _ref2.platform,
|
|
@@ -105,7 +107,12 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
|
|
|
105
107
|
isSelected: isSelected,
|
|
106
108
|
frameStyle: frameStyle,
|
|
107
109
|
inheritDimensions: inheritDimensions,
|
|
108
|
-
onClick: handleFrameClick
|
|
110
|
+
onClick: handleFrameClick
|
|
111
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
112
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
113
|
+
,
|
|
114
|
+
onAuxClick: handleFrameAuxClick,
|
|
115
|
+
onContextMenu: handleFrameContextMenu,
|
|
109
116
|
ref: iframeRef,
|
|
110
117
|
onIframeDwell: onIframeDwell,
|
|
111
118
|
onIframeFocus: onIframeFocus,
|
|
@@ -128,7 +135,12 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/_react.default.forwardRef(funct
|
|
|
128
135
|
return /*#__PURE__*/_react.default.createElement(_ResolvedView.default, {
|
|
129
136
|
url: url,
|
|
130
137
|
cardState: cardState,
|
|
131
|
-
onClick: handleFrameClick
|
|
138
|
+
onClick: handleFrameClick
|
|
139
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
140
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
141
|
+
,
|
|
142
|
+
onAuxClick: handleFrameAuxClick,
|
|
143
|
+
onContextMenu: handleFrameContextMenu,
|
|
132
144
|
onError: onError,
|
|
133
145
|
onResolve: onResolve,
|
|
134
146
|
renderers: renderers,
|
|
@@ -20,6 +20,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
|
|
|
20
20
|
var link = _ref.link,
|
|
21
21
|
context = _ref.context,
|
|
22
22
|
onClick = _ref.onClick,
|
|
23
|
+
onAuxClick = _ref.onAuxClick,
|
|
24
|
+
onContextMenu = _ref.onContextMenu,
|
|
23
25
|
isSelected = _ref.isSelected,
|
|
24
26
|
frameStyle = _ref.frameStyle,
|
|
25
27
|
preview = _ref.preview,
|
|
@@ -83,6 +85,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react.
|
|
|
83
85
|
icon: icon,
|
|
84
86
|
text: text,
|
|
85
87
|
onClick: onClick,
|
|
88
|
+
onAuxClick: onAuxClick,
|
|
89
|
+
onContextMenu: onContextMenu,
|
|
86
90
|
inheritDimensions: inheritDimensions,
|
|
87
91
|
setOverflow: false,
|
|
88
92
|
CompetitorPrompt: CompetitorPrompt,
|
|
@@ -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: "44.
|
|
22
|
+
packageVersion: "44.15.0",
|
|
23
23
|
componentName: 'linkUrl'
|
|
24
24
|
};
|
|
25
25
|
var LinkUrl = function LinkUrl(_ref) {
|
|
@@ -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: "44.
|
|
5
|
+
packageVersion: "44.15.0" || ''
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -300,6 +300,8 @@ function Component({
|
|
|
300
300
|
placeholderData: placeholderData,
|
|
301
301
|
onAuthorize: services.length && handleAuthorize || undefined,
|
|
302
302
|
onClick: handleClickWrapper,
|
|
303
|
+
onAuxClick: handleFrameAuxClick,
|
|
304
|
+
onContextMenu: handleFrameContextMenu,
|
|
303
305
|
origin: "smartLinkCard",
|
|
304
306
|
renderers: renderers,
|
|
305
307
|
ui: ui,
|
|
@@ -371,6 +373,8 @@ function Component({
|
|
|
371
373
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
372
374
|
handleErrorRetry: handleRetry,
|
|
373
375
|
handleFrameClick: handleClickWrapper,
|
|
376
|
+
handleFrameAuxClick: handleFrameAuxClick,
|
|
377
|
+
handleFrameContextMenu: handleFrameContextMenu,
|
|
374
378
|
handleInvoke: handleInvoke,
|
|
375
379
|
isSelected: isSelected,
|
|
376
380
|
frameStyle: frameStyle,
|
|
@@ -28,6 +28,8 @@ export const ExpandedFrame = ({
|
|
|
28
28
|
isPlaceholder = false,
|
|
29
29
|
children,
|
|
30
30
|
onClick,
|
|
31
|
+
onAuxClick,
|
|
32
|
+
onContextMenu,
|
|
31
33
|
icon,
|
|
32
34
|
text,
|
|
33
35
|
isSelected,
|
|
@@ -65,6 +67,8 @@ export const ExpandedFrame = ({
|
|
|
65
67
|
}, /*#__PURE__*/React.createElement("a", {
|
|
66
68
|
href: href,
|
|
67
69
|
onClick: handleClick,
|
|
70
|
+
onAuxClick: onAuxClick,
|
|
71
|
+
onContextMenu: onContextMenu,
|
|
68
72
|
onMouseDown: handleMouseDown,
|
|
69
73
|
className: ax([styles.headerAnchor])
|
|
70
74
|
}, text)))), CompetitorPromptComponent);
|
|
@@ -27,6 +27,8 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
|
|
|
27
27
|
handleAuthorize,
|
|
28
28
|
handleErrorRetry,
|
|
29
29
|
handleFrameClick,
|
|
30
|
+
handleFrameAuxClick,
|
|
31
|
+
handleFrameContextMenu,
|
|
30
32
|
isSelected,
|
|
31
33
|
frameStyle,
|
|
32
34
|
platform,
|
|
@@ -101,7 +103,12 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
|
|
|
101
103
|
isSelected: isSelected,
|
|
102
104
|
frameStyle: frameStyle,
|
|
103
105
|
inheritDimensions: inheritDimensions,
|
|
104
|
-
onClick: handleFrameClick
|
|
106
|
+
onClick: handleFrameClick
|
|
107
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
108
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
109
|
+
,
|
|
110
|
+
onAuxClick: handleFrameAuxClick,
|
|
111
|
+
onContextMenu: handleFrameContextMenu,
|
|
105
112
|
ref: iframeRef,
|
|
106
113
|
onIframeDwell: onIframeDwell,
|
|
107
114
|
onIframeFocus: onIframeFocus,
|
|
@@ -124,7 +131,12 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
|
|
|
124
131
|
return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
|
|
125
132
|
url: url,
|
|
126
133
|
cardState: cardState,
|
|
127
|
-
onClick: handleFrameClick
|
|
134
|
+
onClick: handleFrameClick
|
|
135
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
136
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
137
|
+
,
|
|
138
|
+
onAuxClick: handleFrameAuxClick,
|
|
139
|
+
onContextMenu: handleFrameContextMenu,
|
|
128
140
|
onError: onError,
|
|
129
141
|
onResolve: onResolve,
|
|
130
142
|
renderers: renderers,
|
|
@@ -12,6 +12,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
|
|
|
12
12
|
link,
|
|
13
13
|
context,
|
|
14
14
|
onClick,
|
|
15
|
+
onAuxClick,
|
|
16
|
+
onContextMenu,
|
|
15
17
|
isSelected,
|
|
16
18
|
frameStyle,
|
|
17
19
|
preview,
|
|
@@ -70,6 +72,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
|
|
|
70
72
|
icon: icon,
|
|
71
73
|
text: text,
|
|
72
74
|
onClick: onClick,
|
|
75
|
+
onAuxClick: onAuxClick,
|
|
76
|
+
onContextMenu: onContextMenu,
|
|
73
77
|
inheritDimensions: inheritDimensions,
|
|
74
78
|
setOverflow: false,
|
|
75
79
|
CompetitorPrompt: CompetitorPrompt,
|
|
@@ -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: "44.
|
|
12
|
+
packageVersion: "44.15.0",
|
|
13
13
|
componentName: 'linkUrl'
|
|
14
14
|
};
|
|
15
15
|
const LinkUrl = ({
|
|
@@ -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: "44.
|
|
7
|
+
packageVersion: "44.15.0" || ''
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -302,6 +302,8 @@ function Component(_ref) {
|
|
|
302
302
|
placeholderData: placeholderData,
|
|
303
303
|
onAuthorize: services.length && handleAuthorize || undefined,
|
|
304
304
|
onClick: handleClickWrapper,
|
|
305
|
+
onAuxClick: handleFrameAuxClick,
|
|
306
|
+
onContextMenu: handleFrameContextMenu,
|
|
305
307
|
origin: "smartLinkCard",
|
|
306
308
|
renderers: renderers,
|
|
307
309
|
ui: ui,
|
|
@@ -373,6 +375,8 @@ function Component(_ref) {
|
|
|
373
375
|
handleAuthorize: services.length && handleAuthorize || undefined,
|
|
374
376
|
handleErrorRetry: handleRetry,
|
|
375
377
|
handleFrameClick: handleClickWrapper,
|
|
378
|
+
handleFrameAuxClick: handleFrameAuxClick,
|
|
379
|
+
handleFrameContextMenu: handleFrameContextMenu,
|
|
376
380
|
handleInvoke: handleInvoke,
|
|
377
381
|
isSelected: isSelected,
|
|
378
382
|
frameStyle: frameStyle,
|
|
@@ -29,6 +29,8 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
|
|
|
29
29
|
isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
|
|
30
30
|
children = _ref.children,
|
|
31
31
|
onClick = _ref.onClick,
|
|
32
|
+
onAuxClick = _ref.onAuxClick,
|
|
33
|
+
onContextMenu = _ref.onContextMenu,
|
|
32
34
|
icon = _ref.icon,
|
|
33
35
|
text = _ref.text,
|
|
34
36
|
isSelected = _ref.isSelected,
|
|
@@ -73,6 +75,8 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
|
|
|
73
75
|
}, /*#__PURE__*/React.createElement("a", {
|
|
74
76
|
href: href,
|
|
75
77
|
onClick: handleClick,
|
|
78
|
+
onAuxClick: onAuxClick,
|
|
79
|
+
onContextMenu: onContextMenu,
|
|
76
80
|
onMouseDown: handleMouseDown,
|
|
77
81
|
className: ax([styles.headerAnchor])
|
|
78
82
|
}, text)))), CompetitorPromptComponent);
|
|
@@ -29,6 +29,8 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
|
|
|
29
29
|
handleAuthorize = _ref2.handleAuthorize,
|
|
30
30
|
handleErrorRetry = _ref2.handleErrorRetry,
|
|
31
31
|
handleFrameClick = _ref2.handleFrameClick,
|
|
32
|
+
handleFrameAuxClick = _ref2.handleFrameAuxClick,
|
|
33
|
+
handleFrameContextMenu = _ref2.handleFrameContextMenu,
|
|
32
34
|
isSelected = _ref2.isSelected,
|
|
33
35
|
frameStyle = _ref2.frameStyle,
|
|
34
36
|
platform = _ref2.platform,
|
|
@@ -98,7 +100,12 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
|
|
|
98
100
|
isSelected: isSelected,
|
|
99
101
|
frameStyle: frameStyle,
|
|
100
102
|
inheritDimensions: inheritDimensions,
|
|
101
|
-
onClick: handleFrameClick
|
|
103
|
+
onClick: handleFrameClick
|
|
104
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
105
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
106
|
+
,
|
|
107
|
+
onAuxClick: handleFrameAuxClick,
|
|
108
|
+
onContextMenu: handleFrameContextMenu,
|
|
102
109
|
ref: iframeRef,
|
|
103
110
|
onIframeDwell: onIframeDwell,
|
|
104
111
|
onIframeFocus: onIframeFocus,
|
|
@@ -121,7 +128,12 @@ export var EmbedCard = /*#__PURE__*/React.forwardRef(function (_ref2, iframeRef)
|
|
|
121
128
|
return /*#__PURE__*/React.createElement(BlockCardResolvedView, {
|
|
122
129
|
url: url,
|
|
123
130
|
cardState: cardState,
|
|
124
|
-
onClick: handleFrameClick
|
|
131
|
+
onClick: handleFrameClick
|
|
132
|
+
// Support middle-/right-clicks for "resolved" only — the vast majority of clicks happen here.
|
|
133
|
+
// Other states (e.g. "resolving") could be added later for completeness.
|
|
134
|
+
,
|
|
135
|
+
onAuxClick: handleFrameAuxClick,
|
|
136
|
+
onContextMenu: handleFrameContextMenu,
|
|
125
137
|
onError: onError,
|
|
126
138
|
onResolve: onResolve,
|
|
127
139
|
renderers: renderers,
|
|
@@ -13,6 +13,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
|
|
|
13
13
|
var link = _ref.link,
|
|
14
14
|
context = _ref.context,
|
|
15
15
|
onClick = _ref.onClick,
|
|
16
|
+
onAuxClick = _ref.onAuxClick,
|
|
17
|
+
onContextMenu = _ref.onContextMenu,
|
|
16
18
|
isSelected = _ref.isSelected,
|
|
17
19
|
frameStyle = _ref.frameStyle,
|
|
18
20
|
preview = _ref.preview,
|
|
@@ -76,6 +78,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
|
|
|
76
78
|
icon: icon,
|
|
77
79
|
text: text,
|
|
78
80
|
onClick: onClick,
|
|
81
|
+
onAuxClick: onAuxClick,
|
|
82
|
+
onContextMenu: onContextMenu,
|
|
79
83
|
inheritDimensions: inheritDimensions,
|
|
80
84
|
setOverflow: false,
|
|
81
85
|
CompetitorPrompt: CompetitorPrompt,
|
|
@@ -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: "44.
|
|
15
|
+
packageVersion: "44.15.0",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
var LinkUrl = function LinkUrl(_ref) {
|
|
@@ -25,8 +25,12 @@ export interface ExpandedFrameProps {
|
|
|
25
25
|
isSelected?: boolean;
|
|
26
26
|
maxWidth?: number;
|
|
27
27
|
minWidth?: number;
|
|
28
|
+
/** Optional middle-click handler. */
|
|
29
|
+
onAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
28
30
|
/** The optional click handler */
|
|
29
31
|
onClick?: (evt: React.MouseEvent) => void;
|
|
32
|
+
/** Optional right-click handler. */
|
|
33
|
+
onContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
30
34
|
/** Callback for when mouse enters the content wrapper - for dwell tracking */
|
|
31
35
|
onContentMouseEnter?: () => void;
|
|
32
36
|
/** Callback for when mouse leaves the content wrapper - for dwell tracking */
|
|
@@ -45,4 +49,4 @@ export interface ExpandedFrameProps {
|
|
|
45
49
|
testId?: string;
|
|
46
50
|
text?: React.ReactNode;
|
|
47
51
|
}
|
|
48
|
-
export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, onContentMouseEnter, onContentMouseLeave, }: ExpandedFrameProps) => React.JSX.Element;
|
|
52
|
+
export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, onAuxClick, onContextMenu, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, onContentMouseEnter, onContentMouseLeave, }: ExpandedFrameProps) => React.JSX.Element;
|
|
@@ -14,7 +14,11 @@ export type EmbedCardProps = {
|
|
|
14
14
|
frameStyle?: FrameStyle;
|
|
15
15
|
handleAuthorize: (() => void) | undefined;
|
|
16
16
|
handleErrorRetry: () => void;
|
|
17
|
+
/** Optional middle-click handler. */
|
|
18
|
+
handleFrameAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
17
19
|
handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
|
|
20
|
+
/** Optional right-click handler. */
|
|
21
|
+
handleFrameContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
18
22
|
handleInvoke: InvokeHandler;
|
|
19
23
|
hideIconLoadingSkeleton?: boolean;
|
|
20
24
|
id?: string;
|
|
@@ -22,8 +22,12 @@ export interface EmbedCardResolvedViewProps {
|
|
|
22
22
|
isTrusted?: boolean;
|
|
23
23
|
/** The link to display */
|
|
24
24
|
link: string;
|
|
25
|
+
/** Optional middle-click handler. */
|
|
26
|
+
onAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
25
27
|
/** The optional click handler */
|
|
26
28
|
onClick?: (evt: React.MouseEvent) => void;
|
|
29
|
+
/** Optional right-click handler. */
|
|
30
|
+
onContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
27
31
|
/** Optional callback for when user dwells cursor over iframe - for analytics **/
|
|
28
32
|
onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
|
|
29
33
|
/** Optional callback for when user navigates into an iframe - for analytics **/
|
|
@@ -25,8 +25,12 @@ export interface ExpandedFrameProps {
|
|
|
25
25
|
isSelected?: boolean;
|
|
26
26
|
maxWidth?: number;
|
|
27
27
|
minWidth?: number;
|
|
28
|
+
/** Optional middle-click handler. */
|
|
29
|
+
onAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
28
30
|
/** The optional click handler */
|
|
29
31
|
onClick?: (evt: React.MouseEvent) => void;
|
|
32
|
+
/** Optional right-click handler. */
|
|
33
|
+
onContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
30
34
|
/** Callback for when mouse enters the content wrapper - for dwell tracking */
|
|
31
35
|
onContentMouseEnter?: () => void;
|
|
32
36
|
/** Callback for when mouse leaves the content wrapper - for dwell tracking */
|
|
@@ -45,4 +49,4 @@ export interface ExpandedFrameProps {
|
|
|
45
49
|
testId?: string;
|
|
46
50
|
text?: React.ReactNode;
|
|
47
51
|
}
|
|
48
|
-
export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, onContentMouseEnter, onContentMouseLeave, }: ExpandedFrameProps) => React.JSX.Element;
|
|
52
|
+
export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, onAuxClick, onContextMenu, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, onContentMouseEnter, onContentMouseLeave, }: ExpandedFrameProps) => React.JSX.Element;
|
|
@@ -14,7 +14,11 @@ export type EmbedCardProps = {
|
|
|
14
14
|
frameStyle?: FrameStyle;
|
|
15
15
|
handleAuthorize: (() => void) | undefined;
|
|
16
16
|
handleErrorRetry: () => void;
|
|
17
|
+
/** Optional middle-click handler. */
|
|
18
|
+
handleFrameAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
17
19
|
handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
|
|
20
|
+
/** Optional right-click handler. */
|
|
21
|
+
handleFrameContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
18
22
|
handleInvoke: InvokeHandler;
|
|
19
23
|
hideIconLoadingSkeleton?: boolean;
|
|
20
24
|
id?: string;
|
|
@@ -22,8 +22,12 @@ export interface EmbedCardResolvedViewProps {
|
|
|
22
22
|
isTrusted?: boolean;
|
|
23
23
|
/** The link to display */
|
|
24
24
|
link: string;
|
|
25
|
+
/** Optional middle-click handler. */
|
|
26
|
+
onAuxClick?: React.EventHandler<React.MouseEvent>;
|
|
25
27
|
/** The optional click handler */
|
|
26
28
|
onClick?: (evt: React.MouseEvent) => void;
|
|
29
|
+
/** Optional right-click handler. */
|
|
30
|
+
onContextMenu?: React.EventHandler<React.MouseEvent>;
|
|
27
31
|
/** Optional callback for when user dwells cursor over iframe - for analytics **/
|
|
28
32
|
onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
|
|
29
33
|
/** Optional callback for when user navigates into an iframe - for analytics **/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "44.
|
|
3
|
+
"version": "44.16.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"@atlaskit/link-analytics": "^11.1.0",
|
|
63
63
|
"@atlaskit/link-client-extension": "^6.1.0",
|
|
64
64
|
"@atlaskit/link-extractors": "^2.6.0",
|
|
65
|
-
"@atlaskit/link-test-helpers": "^10.
|
|
65
|
+
"@atlaskit/link-test-helpers": "^10.3.0",
|
|
66
66
|
"@atlaskit/linking-common": "^9.11.0",
|
|
67
67
|
"@atlaskit/linking-types": "^14.4.0",
|
|
68
68
|
"@atlaskit/logo": "^20.1.0",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"@atlaskit/textfield": "^8.3.0",
|
|
87
87
|
"@atlaskit/theme": "^24.0.0",
|
|
88
88
|
"@atlaskit/tile": "^1.1.0",
|
|
89
|
-
"@atlaskit/tmp-editor-statsig": "^82.
|
|
89
|
+
"@atlaskit/tmp-editor-statsig": "^82.4.0",
|
|
90
90
|
"@atlaskit/tokens": "^13.0.0",
|
|
91
91
|
"@atlaskit/tooltip": "^22.2.0",
|
|
92
92
|
"@atlaskit/ufo": "^0.5.0",
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
"@atlassian/a11y-jest-testing": "^0.11.0",
|
|
122
122
|
"@atlassian/analytics-tooling": "workspace:^",
|
|
123
123
|
"@atlassian/feature-flags-test-utils": "^1.1.0",
|
|
124
|
-
"@atlassian/gemini": "^1.
|
|
124
|
+
"@atlassian/gemini": "^1.46.0",
|
|
125
125
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
126
126
|
"@atlassian/structured-docs-types": "workspace:^",
|
|
127
127
|
"@atlassian/testing-library": "^0.6.0",
|