@atlaskit/smart-card 23.8.0 → 23.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/i18n/cs.js +2 -0
  3. package/dist/cjs/i18n/da.js +2 -1
  4. package/dist/cjs/i18n/de.js +2 -0
  5. package/dist/cjs/i18n/en.js +1 -1
  6. package/dist/cjs/i18n/en_GB.js +1 -1
  7. package/dist/cjs/i18n/es.js +3 -0
  8. package/dist/cjs/i18n/fi.js +2 -1
  9. package/dist/cjs/i18n/fr.js +2 -1
  10. package/dist/cjs/i18n/hu.js +2 -0
  11. package/dist/cjs/i18n/it.js +2 -1
  12. package/dist/cjs/i18n/ja.js +2 -1
  13. package/dist/cjs/i18n/ko.js +2 -1
  14. package/dist/cjs/i18n/nb.js +2 -0
  15. package/dist/cjs/i18n/nl.js +2 -1
  16. package/dist/cjs/i18n/pl.js +2 -0
  17. package/dist/cjs/i18n/pt_BR.js +2 -1
  18. package/dist/cjs/i18n/ru.js +2 -1
  19. package/dist/cjs/i18n/sv.js +2 -1
  20. package/dist/cjs/i18n/th.js +2 -1
  21. package/dist/cjs/i18n/tr.js +2 -0
  22. package/dist/cjs/i18n/uk.js +2 -0
  23. package/dist/cjs/i18n/vi.js +2 -1
  24. package/dist/cjs/i18n/zh.js +2 -0
  25. package/dist/cjs/i18n/zh_TW.js +2 -0
  26. package/dist/cjs/version.json +1 -1
  27. package/dist/cjs/view/HoverCard/components/HoverCardComponent.js +3 -14
  28. package/dist/cjs/view/HoverCard/components/HoverCardContent.js +61 -36
  29. package/dist/es2019/i18n/cs.js +2 -0
  30. package/dist/es2019/i18n/da.js +2 -1
  31. package/dist/es2019/i18n/de.js +2 -0
  32. package/dist/es2019/i18n/en.js +1 -1
  33. package/dist/es2019/i18n/en_GB.js +1 -1
  34. package/dist/es2019/i18n/es.js +3 -0
  35. package/dist/es2019/i18n/fi.js +2 -1
  36. package/dist/es2019/i18n/fr.js +2 -1
  37. package/dist/es2019/i18n/hu.js +2 -0
  38. package/dist/es2019/i18n/it.js +2 -1
  39. package/dist/es2019/i18n/ja.js +2 -1
  40. package/dist/es2019/i18n/ko.js +2 -1
  41. package/dist/es2019/i18n/nb.js +2 -0
  42. package/dist/es2019/i18n/nl.js +2 -1
  43. package/dist/es2019/i18n/pl.js +2 -0
  44. package/dist/es2019/i18n/pt_BR.js +2 -1
  45. package/dist/es2019/i18n/ru.js +2 -1
  46. package/dist/es2019/i18n/sv.js +2 -1
  47. package/dist/es2019/i18n/th.js +2 -1
  48. package/dist/es2019/i18n/tr.js +2 -0
  49. package/dist/es2019/i18n/uk.js +2 -0
  50. package/dist/es2019/i18n/vi.js +2 -1
  51. package/dist/es2019/i18n/zh.js +2 -0
  52. package/dist/es2019/i18n/zh_TW.js +2 -0
  53. package/dist/es2019/version.json +1 -1
  54. package/dist/es2019/view/HoverCard/components/HoverCardComponent.js +3 -10
  55. package/dist/es2019/view/HoverCard/components/HoverCardContent.js +50 -30
  56. package/dist/esm/i18n/cs.js +2 -0
  57. package/dist/esm/i18n/da.js +2 -1
  58. package/dist/esm/i18n/de.js +2 -0
  59. package/dist/esm/i18n/en.js +1 -1
  60. package/dist/esm/i18n/en_GB.js +1 -1
  61. package/dist/esm/i18n/es.js +3 -0
  62. package/dist/esm/i18n/fi.js +2 -1
  63. package/dist/esm/i18n/fr.js +2 -1
  64. package/dist/esm/i18n/hu.js +2 -0
  65. package/dist/esm/i18n/it.js +2 -1
  66. package/dist/esm/i18n/ja.js +2 -1
  67. package/dist/esm/i18n/ko.js +2 -1
  68. package/dist/esm/i18n/nb.js +2 -0
  69. package/dist/esm/i18n/nl.js +2 -1
  70. package/dist/esm/i18n/pl.js +2 -0
  71. package/dist/esm/i18n/pt_BR.js +2 -1
  72. package/dist/esm/i18n/ru.js +2 -1
  73. package/dist/esm/i18n/sv.js +2 -1
  74. package/dist/esm/i18n/th.js +2 -1
  75. package/dist/esm/i18n/tr.js +2 -0
  76. package/dist/esm/i18n/uk.js +2 -0
  77. package/dist/esm/i18n/vi.js +2 -1
  78. package/dist/esm/i18n/zh.js +2 -0
  79. package/dist/esm/i18n/zh_TW.js +2 -0
  80. package/dist/esm/version.json +1 -1
  81. package/dist/esm/view/HoverCard/components/HoverCardComponent.js +3 -12
  82. package/dist/esm/view/HoverCard/components/HoverCardContent.js +52 -30
  83. package/dist/types/i18n/cs.d.ts +2 -0
  84. package/dist/types/i18n/da.d.ts +2 -1
  85. package/dist/types/i18n/de.d.ts +2 -0
  86. package/dist/types/i18n/en.d.ts +1 -1
  87. package/dist/types/i18n/en_GB.d.ts +1 -1
  88. package/dist/types/i18n/es.d.ts +3 -0
  89. package/dist/types/i18n/fi.d.ts +2 -1
  90. package/dist/types/i18n/fr.d.ts +2 -1
  91. package/dist/types/i18n/hu.d.ts +2 -0
  92. package/dist/types/i18n/it.d.ts +2 -1
  93. package/dist/types/i18n/ja.d.ts +2 -1
  94. package/dist/types/i18n/ko.d.ts +2 -1
  95. package/dist/types/i18n/nb.d.ts +2 -0
  96. package/dist/types/i18n/nl.d.ts +2 -1
  97. package/dist/types/i18n/pl.d.ts +2 -0
  98. package/dist/types/i18n/pt_BR.d.ts +2 -1
  99. package/dist/types/i18n/ru.d.ts +2 -1
  100. package/dist/types/i18n/sv.d.ts +2 -1
  101. package/dist/types/i18n/th.d.ts +2 -1
  102. package/dist/types/i18n/tr.d.ts +2 -0
  103. package/dist/types/i18n/uk.d.ts +2 -0
  104. package/dist/types/i18n/vi.d.ts +2 -1
  105. package/dist/types/i18n/zh.d.ts +2 -0
  106. package/dist/types/i18n/zh_TW.d.ts +2 -0
  107. package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts +0 -1
  108. package/dist/types/view/HoverCard/components/HoverCardContent.d.ts +1 -0
  109. package/dist/types/view/HoverCard/types.d.ts +3 -1
  110. package/package.json +1 -1
@@ -9,9 +9,8 @@ import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkA
9
9
  import { useSmartLinkRenderers } from '../../../state/renderers';
10
10
  import { useSmartCardState as useLinkState } from '../../../state/store';
11
11
  import HoverCardContent from '../components/HoverCardContent';
12
- import { HoverCardContainer, CARD_GAP_PX } from '../styled';
12
+ import { CARD_GAP_PX } from '../styled';
13
13
  import { CardDisplay } from '../../../constants';
14
- export var hoverCardClassName = 'smart-links-hover-preview';
15
14
  export var HoverCardComponent = function HoverCardComponent(_ref) {
16
15
  var children = _ref.children,
17
16
  url = _ref.url,
@@ -110,9 +109,6 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
110
109
  }
111
110
  }, [hideCard]); // Stop hover preview content to propagate event to parent.
112
111
 
113
- var onClick = useCallback(function (e) {
114
- return e.stopPropagation();
115
- }, []);
116
112
  return jsx(Popup, {
117
113
  testId: "hover-card",
118
114
  isOpen: isOpen,
@@ -122,14 +118,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
122
118
  autoFocus: false,
123
119
  content: function content(_ref2) {
124
120
  var update = _ref2.update;
125
- return jsx("div", {
121
+ return jsx(HoverCardContent, {
126
122
  onMouseEnter: initShowCard,
127
123
  onMouseLeave: initHideCard,
128
- onClick: onClick,
129
- css: HoverCardContainer // class name for trello to exclude click events
130
- ,
131
- className: hoverCardClassName
132
- }, jsx(HoverCardContent, {
133
124
  analytics: analytics,
134
125
  cardActions: linkActions,
135
126
  cardState: linkState,
@@ -137,7 +128,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
137
128
  onResolve: update,
138
129
  renderers: renderers,
139
130
  url: url
140
- }));
131
+ });
141
132
  },
142
133
  trigger: function trigger(triggerProps) {
143
134
  return jsx("span", {
@@ -1,3 +1,5 @@
1
+ /** @jsx jsx */
2
+ import { jsx } from '@emotion/react';
1
3
  import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
2
4
  import { extractType } from '@atlaskit/linking-common/extractors';
3
5
  import React, { useCallback, useMemo } from 'react';
@@ -5,17 +7,18 @@ import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../..
5
7
  import { extractMetadata } from '../../../extractors/hover/extractMetadata';
6
8
  import { getExtensionKey } from '../../../state/helpers';
7
9
  import { isSpecialEvent } from '../../../utils';
8
- import { flexibleUiOptions, titleBlockCss } from '../styled';
10
+ import { HoverCardContainer, flexibleUiOptions, titleBlockCss } from '../styled';
9
11
  import { getSimulatedMetadata } from '../utils';
10
12
  import HoverCardLoadingView from './views/resolving';
11
13
  import HoverCardUnauthorisedView from './views/unauthorised';
12
14
  import HoverCardResolvedView from './views/resolved';
13
15
  import { FormattedMessage } from 'react-intl-next';
14
16
  import { messages } from '../../../messages';
17
+ export var hoverCardClassName = 'smart-links-hover-preview';
15
18
  export var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
16
19
  return {
17
20
  name: ActionName.CustomAction,
18
- icon: /*#__PURE__*/React.createElement(ShortcutIcon, {
21
+ icon: jsx(ShortcutIcon, {
19
22
  label: "open in new tab",
20
23
  size: "medium"
21
24
  }),
@@ -30,7 +33,7 @@ export var getOpenAction = function getOpenAction(url, analytics, onActionClick)
30
33
  previewDisplay: 'card'
31
34
  });
32
35
  },
33
- tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, messages.open_link_in_a_new_tab),
36
+ tooltipMessage: jsx(FormattedMessage, messages.open_link_in_a_new_tab),
34
37
  testId: 'hover-card-open-button'
35
38
  };
36
39
  };
@@ -47,7 +50,9 @@ var HoverCardContent = function HoverCardContent(_ref) {
47
50
  onActionClick = _ref.onActionClick,
48
51
  onResolve = _ref.onResolve,
49
52
  renderers = _ref.renderers,
50
- url = _ref.url;
53
+ url = _ref.url,
54
+ onMouseEnter = _ref.onMouseEnter,
55
+ onMouseLeave = _ref.onMouseLeave;
51
56
  var extensionKey = useMemo(function () {
52
57
  return getExtensionKey(cardState.details);
53
58
  }, [cardState.details]);
@@ -88,36 +93,53 @@ var HoverCardContent = function HoverCardContent(_ref) {
88
93
  url: url,
89
94
  children: {}
90
95
  };
96
+ var onClickStopPropagation = useCallback(function (e) {
97
+ return e.stopPropagation();
98
+ }, []);
91
99
 
92
- if (cardState.metadataStatus === 'pending') {
93
- return /*#__PURE__*/React.createElement(HoverCardLoadingView, {
94
- flexibleCardProps: flexibleCardProps,
95
- titleBlockProps: titleBlockProps
96
- });
97
- }
100
+ var getCardView = function getCardView(cardState) {
101
+ if (cardState.metadataStatus === 'pending') {
102
+ return jsx(HoverCardLoadingView, {
103
+ flexibleCardProps: flexibleCardProps,
104
+ titleBlockProps: titleBlockProps
105
+ });
106
+ }
98
107
 
99
- if (cardState.status === 'unauthorized') {
100
- return /*#__PURE__*/React.createElement(HoverCardUnauthorisedView, {
101
- analytics: analytics,
102
- extensionKey: extensionKey,
103
- id: id,
104
- flexibleCardProps: flexibleCardProps,
105
- url: url
106
- });
107
- } // if metadataStatus is 'errored' simply render using data available (normal path)
108
+ if (cardState.status === 'unauthorized') {
109
+ return jsx(HoverCardUnauthorisedView, {
110
+ analytics: analytics,
111
+ extensionKey: extensionKey,
112
+ id: id,
113
+ flexibleCardProps: flexibleCardProps,
114
+ url: url
115
+ });
116
+ }
108
117
 
118
+ if (cardState.status === 'resolved') {
119
+ return jsx(HoverCardResolvedView, {
120
+ id: id,
121
+ url: url,
122
+ extensionKey: extensionKey,
123
+ analytics: analytics,
124
+ cardActions: cardActions,
125
+ cardState: cardState,
126
+ flexibleCardProps: flexibleCardProps,
127
+ onActionClick: onActionClick,
128
+ titleBlockProps: titleBlockProps
129
+ });
130
+ }
109
131
 
110
- return /*#__PURE__*/React.createElement(HoverCardResolvedView, {
111
- id: id,
112
- url: url,
113
- extensionKey: extensionKey,
114
- analytics: analytics,
115
- cardActions: cardActions,
116
- cardState: cardState,
117
- flexibleCardProps: flexibleCardProps,
118
- onActionClick: onActionClick,
119
- titleBlockProps: titleBlockProps
120
- });
132
+ return null;
133
+ };
134
+
135
+ var cardView = getCardView(cardState);
136
+ return cardView ? jsx("div", {
137
+ onMouseEnter: onMouseEnter,
138
+ onMouseLeave: onMouseLeave,
139
+ onClick: onClickStopPropagation,
140
+ className: hoverCardClassName,
141
+ css: HoverCardContainer
142
+ }, cardView) : null;
121
143
  };
122
144
 
123
145
  export default HoverCardContent;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -27,7 +27,7 @@ declare const _default: {
27
27
  'fabric.linking.invalid_permissions': string;
28
28
  'fabric.linking.invalid_permissions_description': string;
29
29
  'fabric.linking.join_to_view': string;
30
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
31
31
  'fabric.linking.loading': string;
32
32
  'fabric.linking.modified_on_absolute': string;
33
33
  'fabric.linking.modified_on_relative': string;
@@ -27,7 +27,7 @@ declare const _default: {
27
27
  'fabric.linking.invalid_permissions': string;
28
28
  'fabric.linking.invalid_permissions_description': string;
29
29
  'fabric.linking.join_to_view': string;
30
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
31
31
  'fabric.linking.loading': string;
32
32
  'fabric.linking.modified_on_absolute': string;
33
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,12 +27,14 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
32
34
  'fabric.linking.more_actions': string;
33
35
  'fabric.linking.not_found_description': string;
34
36
  'fabric.linking.not_found_title': string;
37
+ 'fabric.linking.open_link_in_a_new_tab': string;
35
38
  'fabric.linking.pending_request': string;
36
39
  'fabric.linking.preview': string;
37
40
  'fabric.linking.preview_close': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,7 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
29
- 'fabric.linking.learn_more_about_smart_links_security': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
30
31
  'fabric.linking.loading': string;
31
32
  'fabric.linking.modified_on_absolute': string;
32
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  'fabric.linking.connect_link_account_card_view_name': string;
15
15
  'fabric.linking.connect_to': string;
16
16
  'fabric.linking.connect_unauthorised_account_action': string;
17
+ 'fabric.linking.connect_unauthorised_account_description': string;
17
18
  'fabric.linking.couldnt_load_link': string;
18
19
  'fabric.linking.create_on_absolute': string;
19
20
  'fabric.linking.create_on_relative': string;
@@ -26,6 +27,7 @@ declare const _default: {
26
27
  'fabric.linking.invalid_permissions': string;
27
28
  'fabric.linking.invalid_permissions_description': string;
28
29
  'fabric.linking.join_to_view': string;
30
+ 'fabric.linking.learn_more_about_smart_links': string;
29
31
  'fabric.linking.loading': string;
30
32
  'fabric.linking.modified_on_absolute': string;
31
33
  'fabric.linking.modified_on_relative': string;
@@ -1,4 +1,3 @@
1
1
  import { FC } from 'react';
2
2
  import { HoverCardComponentProps } from '../types';
3
- export declare const hoverCardClassName = "smart-links-hover-preview";
4
3
  export declare const HoverCardComponent: FC<HoverCardComponentProps>;
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { AnalyticsFacade } from '../../../state/analytics';
3
3
  import { ActionItem } from '../../FlexibleCard/components/blocks/types';
4
4
  import { HoverCardContentProps } from '../types';
5
+ export declare const hoverCardClassName = "smart-links-hover-preview";
5
6
  export declare const getOpenAction: (url: string, analytics: AnalyticsFacade, onActionClick?: ((actionId: string) => void) | undefined) => ActionItem;
6
7
  declare const HoverCardContent: React.FC<HoverCardContentProps>;
7
8
  export default HoverCardContent;
@@ -5,7 +5,7 @@ import { LinkAction } from '../../state/hooks-external/useSmartLinkActions';
5
5
  import { CardState } from '@atlaskit/linking-common';
6
6
  import { CardProviderRenderers } from '@atlaskit/link-provider';
7
7
  import { AnalyticsHandler } from '../../utils/types';
8
- import { ReactElement } from 'react';
8
+ import { ReactElement, MouseEventHandler } from 'react';
9
9
  import { JsonLd } from 'json-ld-types';
10
10
  export interface HoverCardProps extends WithAnalyticsEventsProps {
11
11
  id?: string;
@@ -33,6 +33,8 @@ export declare type HoverCardContentProps = {
33
33
  onActionClick: (actionId: string) => void;
34
34
  onResolve: () => void;
35
35
  url: string;
36
+ onMouseEnter?: MouseEventHandler;
37
+ onMouseLeave?: MouseEventHandler;
36
38
  };
37
39
  export declare type SnippetOrPreviewProps = {
38
40
  data: JsonLd.Data.BaseData;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "23.8.0",
3
+ "version": "23.8.2",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"