@atlaskit/smart-card 26.50.7 → 26.50.9

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.
Files changed (33) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/state/analytics/ufoExperiences.js +1 -1
  3. package/dist/cjs/state/hooks/use-ai-summary/index.js +2 -3
  4. package/dist/cjs/utils/analytics/analytics.js +1 -1
  5. package/dist/cjs/view/CardWithUrl/component.js +2 -1
  6. package/dist/cjs/view/EmbedCard/components/styled.js +8 -9
  7. package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
  8. package/dist/cjs/view/HoverCard/components/HoverCardContent.js +1 -1
  9. package/dist/cjs/view/HoverCard/components/views/resolved/index.js +10 -5
  10. package/dist/cjs/view/LinkUrl/index.js +1 -1
  11. package/dist/es2019/state/analytics/ufoExperiences.js +1 -1
  12. package/dist/es2019/state/hooks/use-ai-summary/index.js +2 -2
  13. package/dist/es2019/utils/analytics/analytics.js +1 -1
  14. package/dist/es2019/view/CardWithUrl/component.js +2 -1
  15. package/dist/es2019/view/EmbedCard/components/styled.js +3 -5
  16. package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
  17. package/dist/es2019/view/HoverCard/components/HoverCardContent.js +1 -1
  18. package/dist/es2019/view/HoverCard/components/views/resolved/index.js +10 -3
  19. package/dist/es2019/view/LinkUrl/index.js +1 -1
  20. package/dist/esm/state/analytics/ufoExperiences.js +1 -1
  21. package/dist/esm/state/hooks/use-ai-summary/index.js +2 -3
  22. package/dist/esm/utils/analytics/analytics.js +1 -1
  23. package/dist/esm/view/CardWithUrl/component.js +2 -1
  24. package/dist/esm/view/EmbedCard/components/styled.js +8 -9
  25. package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/resolved/index.js +4 -1
  26. package/dist/esm/view/HoverCard/components/HoverCardContent.js +1 -1
  27. package/dist/esm/view/HoverCard/components/views/resolved/index.js +10 -5
  28. package/dist/esm/view/LinkUrl/index.js +1 -1
  29. package/dist/types/view/EmbedCard/components/styled.d.ts +1 -1
  30. package/dist/types/view/HoverCard/components/HoverCardContent.d.ts +3 -2
  31. package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts +1 -1
  32. package/dist/types-ts4.5/view/HoverCard/components/HoverCardContent.d.ts +3 -2
  33. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 26.50.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [#82969](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82969) [`cae58d4129ff`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cae58d4129ff) - Display the AI Summary component only when there is summary content available
8
+ - [#83188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83188) [`cd5d06cd3329`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cd5d06cd3329) - Minor adjustments to improve compatibility with React 18
9
+
10
+ ## 26.50.8
11
+
12
+ ### Patch Changes
13
+
14
+ - [#82741](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82741) [`2acb6d77c0a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2acb6d77c0a6) - Update UFO experience type for Smart link AI summary
15
+
3
16
  ## 26.50.7
4
17
 
5
18
  ### Patch Changes
@@ -24,7 +24,7 @@ var aiExperience = {
24
24
  component: 'smart-links'
25
25
  },
26
26
  type: _ufo.ExperienceTypes.Experience,
27
- performanceType: _ufo.ExperiencePerformanceTypes.PageSegmentLoad
27
+ performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
28
28
  };
29
29
  var ufoExperiences = {
30
30
  'smart-link-rendered': new _ufo.ConcurrentExperience('smart-link-rendered', renderExperience),
@@ -34,10 +34,9 @@ var useAISummary = exports.useAISummary = function useAISummary(props) {
34
34
  fireEvent('operational.summary.success', {});
35
35
  (0, _analytics.succeedUfoExperience)(EXPERIENCE_NAME, id);
36
36
  }, [fireEvent]);
37
- var onError = (0, _react.useCallback)(function (id) {
38
- var reason = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
37
+ var onError = (0, _react.useCallback)(function (id, reason) {
39
38
  fireEvent('operational.summary.failed', {
40
- reason: reason
39
+ reason: reason || null
41
40
  });
42
41
  (0, _analytics.failUfoExperience)(EXPERIENCE_NAME, id);
43
42
  }, [fireEvent]);
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
22
22
  var context = exports.context = {
23
23
  componentName: 'smart-cards',
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "26.50.7"
25
+ packageVersion: "26.50.9"
26
26
  };
27
27
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
28
28
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -125,12 +125,13 @@ function Component(_ref) {
125
125
  (0, _react.useEffect)(function () {
126
126
  measure.mark(id, state.status);
127
127
  if (state.status !== 'pending' && state.status !== 'resolving') {
128
+ var _state$error;
128
129
  measure.create(id, state.status);
129
130
  analytics.operational.instrument({
130
131
  id: id,
131
132
  status: state.status,
132
133
  definitionId: definitionId,
133
- extensionKey: extensionKey,
134
+ extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
134
135
  resourceType: resourceType,
135
136
  error: state.error
136
137
  });
@@ -183,15 +183,14 @@ var Description = exports.Description = _styled.default.div({
183
183
  var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.div({
184
184
  marginTop: "var(--ds-space-050, 4px)"
185
185
  });
186
- var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), {
187
- float: 'right',
188
- margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
189
- backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
190
- backgroundImage: "url(".concat(function (_ref15) {
191
- var src = _ref15.src;
192
- return src;
193
- }, ")"),
194
- backgroundSize: 'cover'
186
+ var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), function (props) {
187
+ return {
188
+ float: 'right',
189
+ margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
190
+ backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
191
+ backgroundImage: "url(".concat(props.src, ")"),
192
+ backgroundSize: 'cover'
193
+ };
195
194
  });
196
195
  var UsersWrapper = exports.UsersWrapper = _styled.default.div({
197
196
  marginTop: "var(--ds-space-100, 8px)"
@@ -49,7 +49,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
49
49
  _useAISummary$state = _useAISummary.state,
50
50
  content = _useAISummary$state.content,
51
51
  status = _useAISummary$state.status;
52
- var showAISummary = status !== 'ready' && status !== 'error';
52
+ var showAISummary = status === 'done' ||
53
+ // We want to display the AI Summary component only when there is content available during the loading process.
54
+ status === 'loading' && !!content;
53
55
  var isSummarisedOnMountRef = (0, _react.useRef)(status === 'done');
54
56
  var isErroredOnMountRef = (0, _react.useRef)(status === 'error');
55
57
  var _useState = (0, _react.useState)(false),
@@ -95,6 +97,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
95
97
  }), status === 'done' && /*#__PURE__*/_react.default.createElement(_aiEventSummaryViewed.default, {
96
98
  fromCache: isSummarisedOnMountRef.current
97
99
  }), showAISummary && /*#__PURE__*/_react.default.createElement(_aiSummary.default, {
100
+ testId: "".concat(testId, "-ai-summary"),
98
101
  minHeight: aiSummaryMinHeight,
99
102
  content: content,
100
103
  showIcon: isSummarisedOnMountRef.current
@@ -162,7 +162,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
162
162
  actionOptions: actionOptions,
163
163
  ui: _styled.flexibleUiOptions,
164
164
  url: url,
165
- children: {},
165
+ children: null,
166
166
  analytics: analytics
167
167
  };
168
168
  var onClickStopPropagation = (0, _react2.useCallback)(function (e) {
@@ -64,12 +64,17 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
64
64
  var bottomPrimary = _ref.bottomPrimary,
65
65
  imagePreview = _ref.imagePreview,
66
66
  url = _ref.url;
67
- var aiSummary = (0, _useAiSummary.useAISummary)({
68
- url: url
69
- });
70
- var aiStatus = aiSummary.state.status;
71
- var showData = aiStatus === 'ready' || aiStatus === 'error';
67
+ var _useAISummary = (0, _useAiSummary.useAISummary)({
68
+ url: url
69
+ }),
70
+ _useAISummary$state = _useAISummary.state,
71
+ status = _useAISummary$state.status,
72
+ content = _useAISummary$state.content;
73
+ var showData = status === 'ready' || status === 'error' ||
74
+ // Description & bottom metadata should only disappear when we start getting summary content
75
+ !content && status === 'loading';
72
76
  return showData ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !imagePreview && /*#__PURE__*/_react.default.createElement(_blocks.SnippetBlock, {
77
+ testId: 'connected-AI',
73
78
  status: _constants.SmartLinkStatus.Resolved
74
79
  }), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
75
80
  primary: bottomPrimary,
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
17
17
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
18
18
  var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/smart-card",
20
- packageVersion: "26.50.7",
20
+ packageVersion: "26.50.9",
21
21
  componentName: 'linkUrl'
22
22
  };
23
23
  var Link = (0, _click.withLinkClickedEvent)('a');
@@ -18,7 +18,7 @@ const aiExperience = {
18
18
  component: 'smart-links'
19
19
  },
20
20
  type: ExperienceTypes.Experience,
21
- performanceType: ExperiencePerformanceTypes.PageSegmentLoad
21
+ performanceType: ExperiencePerformanceTypes.InlineResult
22
22
  };
23
23
  const ufoExperiences = {
24
24
  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
@@ -26,9 +26,9 @@ export const useAISummary = props => {
26
26
  fireEvent('operational.summary.success', {});
27
27
  succeedUfoExperience(EXPERIENCE_NAME, id);
28
28
  }, [fireEvent]);
29
- const onError = useCallback((id, reason = null) => {
29
+ const onError = useCallback((id, reason) => {
30
30
  fireEvent('operational.summary.failed', {
31
- reason
31
+ reason: reason || null
32
32
  });
33
33
  failUfoExperience(EXPERIENCE_NAME, id);
34
34
  }, [fireEvent]);
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
4
4
  export const context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "26.50.7"
7
+ packageVersion: "26.50.9"
8
8
  };
9
9
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -112,12 +112,13 @@ function Component({
112
112
  useEffect(() => {
113
113
  measure.mark(id, state.status);
114
114
  if (state.status !== 'pending' && state.status !== 'resolving') {
115
+ var _state$error;
115
116
  measure.create(id, state.status);
116
117
  analytics.operational.instrument({
117
118
  id,
118
119
  status: state.status,
119
120
  definitionId,
120
- extensionKey,
121
+ extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
121
122
  resourceType,
122
123
  error: state.error
123
124
  });
@@ -281,15 +281,13 @@ export const Description = styled.div({
281
281
  export const ResolvedViewIconWrapper = styled.div({
282
282
  marginTop: "var(--ds-space-050, 4px)"
283
283
  });
284
- export const Thumbnail = styled.div(borderRadius, csssize(48), {
284
+ export const Thumbnail = styled.div(borderRadius, csssize(48), props => ({
285
285
  float: 'right',
286
286
  margin: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`,
287
287
  backgroundColor: `var(--ds-skeleton, ${colors.N30})`,
288
- backgroundImage: `url(${({
289
- src
290
- }) => src})`,
288
+ backgroundImage: `url(${props.src})`,
291
289
  backgroundSize: 'cover'
292
- });
290
+ }));
293
291
  export const UsersWrapper = styled.div({
294
292
  marginTop: "var(--ds-space-100, 8px)"
295
293
  });
@@ -40,7 +40,9 @@ const AISummaryBlockResolvedView = props => {
40
40
  } = useAISummary({
41
41
  url
42
42
  });
43
- const showAISummary = status !== 'ready' && status !== 'error';
43
+ const showAISummary = status === 'done' ||
44
+ // We want to display the AI Summary component only when there is content available during the loading process.
45
+ status === 'loading' && !!content;
44
46
  const isSummarisedOnMountRef = useRef(status === 'done');
45
47
  let isErroredOnMountRef = useRef(status === 'error');
46
48
  const [showAISummaryErrorMessage, setShowAISummaryErrorMessage] = useState(false);
@@ -83,6 +85,7 @@ const AISummaryBlockResolvedView = props => {
83
85
  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
84
86
  fromCache: isSummarisedOnMountRef.current
85
87
  }), showAISummary && /*#__PURE__*/React.createElement(AISummary, {
88
+ testId: `${testId}-ai-summary`,
86
89
  minHeight: aiSummaryMinHeight,
87
90
  content: content,
88
91
  showIcon: isSummarisedOnMountRef.current
@@ -126,7 +126,7 @@ const HoverCardContent = ({
126
126
  actionOptions,
127
127
  ui: flexibleUiOptions,
128
128
  url: url,
129
- children: {},
129
+ children: null,
130
130
  analytics
131
131
  };
132
132
  const onClickStopPropagation = useCallback(e => e.stopPropagation(), []);
@@ -55,12 +55,19 @@ const ConnectedAIBlock = ({
55
55
  imagePreview,
56
56
  url
57
57
  }) => {
58
- const aiSummary = useAISummary({
58
+ const {
59
+ state: {
60
+ status,
61
+ content
62
+ }
63
+ } = useAISummary({
59
64
  url
60
65
  });
61
- const aiStatus = aiSummary.state.status;
62
- const showData = aiStatus === 'ready' || aiStatus === 'error';
66
+ const showData = status === 'ready' || status === 'error' ||
67
+ // Description & bottom metadata should only disappear when we start getting summary content
68
+ !content && status === 'loading';
63
69
  return showData ? /*#__PURE__*/React.createElement(React.Fragment, null, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
70
+ testId: 'connected-AI',
64
71
  status: SmartLinkStatus.Resolved
65
72
  }), /*#__PURE__*/React.createElement(MetadataBlock, {
66
73
  primary: bottomPrimary,
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
7
7
  import LinkWarningModal from './LinkWarningModal';
8
8
  const PACKAGE_DATA = {
9
9
  packageName: "@atlaskit/smart-card",
10
- packageVersion: "26.50.7",
10
+ packageVersion: "26.50.9",
11
11
  componentName: 'linkUrl'
12
12
  };
13
13
  const Link = withLinkClickedEvent('a');
@@ -18,7 +18,7 @@ var aiExperience = {
18
18
  component: 'smart-links'
19
19
  },
20
20
  type: ExperienceTypes.Experience,
21
- performanceType: ExperiencePerformanceTypes.PageSegmentLoad
21
+ performanceType: ExperiencePerformanceTypes.InlineResult
22
22
  };
23
23
  var ufoExperiences = {
24
24
  'smart-link-rendered': new ConcurrentExperience('smart-link-rendered', renderExperience),
@@ -27,10 +27,9 @@ export var useAISummary = function useAISummary(props) {
27
27
  fireEvent('operational.summary.success', {});
28
28
  succeedUfoExperience(EXPERIENCE_NAME, id);
29
29
  }, [fireEvent]);
30
- var onError = useCallback(function (id) {
31
- var reason = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
30
+ var onError = useCallback(function (id, reason) {
32
31
  fireEvent('operational.summary.failed', {
33
- reason: reason
32
+ reason: reason || null
34
33
  });
35
34
  failUfoExperience(EXPERIENCE_NAME, id);
36
35
  }, [fireEvent]);
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
15
15
  export var context = {
16
16
  componentName: 'smart-cards',
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "26.50.7"
18
+ packageVersion: "26.50.9"
19
19
  };
20
20
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
21
21
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -115,12 +115,13 @@ function Component(_ref) {
115
115
  useEffect(function () {
116
116
  measure.mark(id, state.status);
117
117
  if (state.status !== 'pending' && state.status !== 'resolving') {
118
+ var _state$error;
118
119
  measure.create(id, state.status);
119
120
  analytics.operational.instrument({
120
121
  id: id,
121
122
  status: state.status,
122
123
  definitionId: definitionId,
123
- extensionKey: extensionKey,
124
+ extensionKey: extensionKey !== null && extensionKey !== void 0 ? extensionKey : (_state$error = state.error) === null || _state$error === void 0 ? void 0 : _state$error.extensionKey,
124
125
  resourceType: resourceType,
125
126
  error: state.error
126
127
  });
@@ -173,15 +173,14 @@ export var Description = styled.div({
173
173
  export var ResolvedViewIconWrapper = styled.div({
174
174
  marginTop: "var(--ds-space-050, 4px)"
175
175
  });
176
- export var Thumbnail = styled.div(borderRadius, csssize(48), {
177
- float: 'right',
178
- margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
179
- backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
180
- backgroundImage: "url(".concat(function (_ref15) {
181
- var src = _ref15.src;
182
- return src;
183
- }, ")"),
184
- backgroundSize: 'cover'
176
+ export var Thumbnail = styled.div(borderRadius, csssize(48), function (props) {
177
+ return {
178
+ float: 'right',
179
+ margin: "var(--ds-space-050, 4px)".concat(" 0 ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)"),
180
+ backgroundColor: "var(--ds-skeleton, ".concat(colors.N30, ")"),
181
+ backgroundImage: "url(".concat(props.src, ")"),
182
+ backgroundSize: 'cover'
183
+ };
185
184
  });
186
185
  export var UsersWrapper = styled.div({
187
186
  marginTop: "var(--ds-space-100, 8px)"
@@ -39,7 +39,9 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
39
39
  _useAISummary$state = _useAISummary.state,
40
40
  content = _useAISummary$state.content,
41
41
  status = _useAISummary$state.status;
42
- var showAISummary = status !== 'ready' && status !== 'error';
42
+ var showAISummary = status === 'done' ||
43
+ // We want to display the AI Summary component only when there is content available during the loading process.
44
+ status === 'loading' && !!content;
43
45
  var isSummarisedOnMountRef = useRef(status === 'done');
44
46
  var isErroredOnMountRef = useRef(status === 'error');
45
47
  var _useState = useState(false),
@@ -85,6 +87,7 @@ var AISummaryBlockResolvedView = function AISummaryBlockResolvedView(props) {
85
87
  }), status === 'done' && /*#__PURE__*/React.createElement(AIEventSummaryViewed, {
86
88
  fromCache: isSummarisedOnMountRef.current
87
89
  }), showAISummary && /*#__PURE__*/React.createElement(AISummary, {
90
+ testId: "".concat(testId, "-ai-summary"),
88
91
  minHeight: aiSummaryMinHeight,
89
92
  content: content,
90
93
  showIcon: isSummarisedOnMountRef.current
@@ -151,7 +151,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
151
151
  actionOptions: actionOptions,
152
152
  ui: flexibleUiOptions,
153
153
  url: url,
154
- children: {},
154
+ children: null,
155
155
  analytics: analytics
156
156
  };
157
157
  var onClickStopPropagation = useCallback(function (e) {
@@ -55,12 +55,17 @@ var ConnectedAIBlock = function ConnectedAIBlock(_ref) {
55
55
  var bottomPrimary = _ref.bottomPrimary,
56
56
  imagePreview = _ref.imagePreview,
57
57
  url = _ref.url;
58
- var aiSummary = useAISummary({
59
- url: url
60
- });
61
- var aiStatus = aiSummary.state.status;
62
- var showData = aiStatus === 'ready' || aiStatus === 'error';
58
+ var _useAISummary = useAISummary({
59
+ url: url
60
+ }),
61
+ _useAISummary$state = _useAISummary.state,
62
+ status = _useAISummary$state.status,
63
+ content = _useAISummary$state.content;
64
+ var showData = status === 'ready' || status === 'error' ||
65
+ // Description & bottom metadata should only disappear when we start getting summary content
66
+ !content && status === 'loading';
63
67
  return showData ? /*#__PURE__*/React.createElement(React.Fragment, null, !imagePreview && /*#__PURE__*/React.createElement(SnippetBlock, {
68
+ testId: 'connected-AI',
64
69
  status: SmartLinkStatus.Resolved
65
70
  }), /*#__PURE__*/React.createElement(MetadataBlock, {
66
71
  primary: bottomPrimary,
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
10
10
  import LinkWarningModal from './LinkWarningModal';
11
11
  var PACKAGE_DATA = {
12
12
  packageName: "@atlaskit/smart-card",
13
- packageVersion: "26.50.7",
13
+ packageVersion: "26.50.9",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  var Link = withLinkClickedEvent('a');
@@ -86,7 +86,7 @@ export interface ThumbnailProps {
86
86
  export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
87
87
  theme?: import("@emotion/react").Theme | undefined;
88
88
  as?: import("react").ElementType<any> | undefined;
89
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
89
+ } & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
90
90
  export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
91
91
  theme?: import("@emotion/react").Theme | undefined;
92
92
  as?: import("react").ElementType<any> | undefined;
@@ -1,7 +1,8 @@
1
- import React from 'react';
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
2
3
  import { ActionItem } from '../../FlexibleCard/components/blocks/types';
3
4
  import { HoverCardContentProps } from '../types';
4
5
  export declare const hoverCardClassName = "smart-links-hover-preview";
5
6
  export declare const getCopyAction: (url: string) => ActionItem;
6
- declare const HoverCardContent: React.FC<HoverCardContentProps>;
7
+ declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;
7
8
  export default HoverCardContent;
@@ -86,7 +86,7 @@ export interface ThumbnailProps {
86
86
  export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
87
87
  theme?: import("@emotion/react").Theme | undefined;
88
88
  as?: import("react").ElementType<any> | undefined;
89
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
89
+ } & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
90
90
  export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
91
91
  theme?: import("@emotion/react").Theme | undefined;
92
92
  as?: import("react").ElementType<any> | undefined;
@@ -1,7 +1,8 @@
1
- import React from 'react';
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
2
3
  import { ActionItem } from '../../FlexibleCard/components/blocks/types';
3
4
  import { HoverCardContentProps } from '../types';
4
5
  export declare const hoverCardClassName = "smart-links-hover-preview";
5
6
  export declare const getCopyAction: (url: string) => ActionItem;
6
- declare const HoverCardContent: React.FC<HoverCardContentProps>;
7
+ declare const HoverCardContent: ({ id, analytics: _analytics, cardActions, cardState, onActionClick, onResolve, renderers, url, onMouseEnter, onMouseLeave, actionOptions, }: HoverCardContentProps) => jsx.JSX.Element | null;
7
8
  export default HoverCardContent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.50.7",
3
+ "version": "26.50.9",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/link-analytics": "^8.3.0",
44
44
  "@atlaskit/link-client-extension": "^1.8.0",
45
45
  "@atlaskit/link-extractors": "^1.2.0",
46
- "@atlaskit/linking-common": "^5.5.0",
46
+ "@atlaskit/linking-common": "^5.6.0",
47
47
  "@atlaskit/linking-types": "^8.7.0",
48
48
  "@atlaskit/logo": "^13.15.0",
49
49
  "@atlaskit/lozenge": "^11.6.0",
@@ -74,7 +74,7 @@
74
74
  "uuid": "^3.1.0"
75
75
  },
76
76
  "peerDependencies": {
77
- "@atlaskit/link-provider": "^1.8.0",
77
+ "@atlaskit/link-provider": "^1.9.0",
78
78
  "react": "^16.8.0",
79
79
  "react-dom": "^16.8.0",
80
80
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -84,7 +84,7 @@
84
84
  "@af/visual-regression": "*",
85
85
  "@atlaskit/analytics-listeners": "^8.9.0",
86
86
  "@atlaskit/css-reset": "^6.7.0",
87
- "@atlaskit/link-test-helpers": "^6.2.0",
87
+ "@atlaskit/link-test-helpers": "^7.0.0",
88
88
  "@atlaskit/media-test-helpers": "^33.0.0",
89
89
  "@atlaskit/ssr": "*",
90
90
  "@atlaskit/visual-regression": "*",