@atlaskit/smart-card 19.1.7 → 19.1.8

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 19.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`81968c216ce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81968c216ce) - Flexible UI: Fix clickableContainer not triggering analytics event
8
+
3
9
  ## 19.1.7
4
10
 
5
11
  ### Patch Changes
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "19.1.7",
3
+ "version": "19.1.8",
4
4
  "sideEffects": false
5
5
  }
@@ -109,7 +109,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
109
109
  }
110
110
  };
111
111
 
112
- var getLayeredLink = function getLayeredLink(testId, context, children) {
112
+ var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
113
113
  var _ref = context || {},
114
114
  title = _ref.title,
115
115
  _ref$url = _ref.url,
@@ -120,6 +120,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children) {
120
120
  text = _ref2.text;
121
121
 
122
122
  return (0, _core.jsx)(_layeredLink.default, {
123
+ onClick: onClick,
123
124
  target: target,
124
125
  testId: testId,
125
126
  text: text || title,
@@ -160,7 +161,7 @@ var Container = function Container(_ref3) {
160
161
  css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer),
161
162
  "data-smart-link-container": true,
162
163
  "data-testid": testId
163
- }, clickableContainer ? getLayeredLink(testId, context, children) : null, renderChildren(children, size, theme, status, retry, onClick));
164
+ }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
164
165
  };
165
166
 
166
167
  var _default = Container;
@@ -23,7 +23,8 @@ var styles = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTem
23
23
  */
24
24
 
25
25
  var LayeredLink = function LayeredLink(_ref) {
26
- var target = _ref.target,
26
+ var onClick = _ref.onClick,
27
+ target = _ref.target,
27
28
  testId = _ref.testId,
28
29
  text = _ref.text,
29
30
  url = _ref.url;
@@ -32,6 +33,7 @@ var LayeredLink = function LayeredLink(_ref) {
32
33
  css: styles,
33
34
  "data-testid": "".concat(testId, "-layered-link"),
34
35
  href: url,
36
+ onClick: onClick,
35
37
  target: target,
36
38
  tabIndex: -1 // Hide tab index and let the title link be the link.
37
39
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "19.1.7",
3
+ "version": "19.1.8",
4
4
  "sideEffects": false
5
5
  }
@@ -108,7 +108,7 @@ const getTitleBlockProps = children => {
108
108
  }
109
109
  };
110
110
 
111
- const getLayeredLink = (testId, context, children) => {
111
+ const getLayeredLink = (testId, context, children, onClick) => {
112
112
  const {
113
113
  title,
114
114
  url = ''
@@ -118,6 +118,7 @@ const getLayeredLink = (testId, context, children) => {
118
118
  text
119
119
  } = getTitleBlockProps(children) || {};
120
120
  return jsx(LayeredLink, {
121
+ onClick: onClick,
121
122
  target: target,
122
123
  testId: testId,
123
124
  text: text || title,
@@ -152,7 +153,7 @@ const Container = ({
152
153
  css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer),
153
154
  "data-smart-link-container": true,
154
155
  "data-testid": testId
155
- }, clickableContainer ? getLayeredLink(testId, context, children) : null, renderChildren(children, size, theme, status, retry, onClick));
156
+ }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
156
157
  };
157
158
 
158
159
  export default Container;
@@ -42,6 +42,7 @@ const styles = css`
42
42
  */
43
43
 
44
44
  const LayeredLink = ({
45
+ onClick,
45
46
  target,
46
47
  testId,
47
48
  text,
@@ -51,6 +52,7 @@ const LayeredLink = ({
51
52
  css: styles,
52
53
  "data-testid": `${testId}-layered-link`,
53
54
  href: url,
55
+ onClick: onClick,
54
56
  target: target,
55
57
  tabIndex: -1 // Hide tab index and let the title link be the link.
56
58
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "19.1.7",
3
+ "version": "19.1.8",
4
4
  "sideEffects": false
5
5
  }
@@ -85,7 +85,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
85
85
  }
86
86
  };
87
87
 
88
- var getLayeredLink = function getLayeredLink(testId, context, children) {
88
+ var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
89
89
  var _ref = context || {},
90
90
  title = _ref.title,
91
91
  _ref$url = _ref.url,
@@ -96,6 +96,7 @@ var getLayeredLink = function getLayeredLink(testId, context, children) {
96
96
  text = _ref2.text;
97
97
 
98
98
  return jsx(LayeredLink, {
99
+ onClick: onClick,
99
100
  target: target,
100
101
  testId: testId,
101
102
  text: text || title,
@@ -136,7 +137,7 @@ var Container = function Container(_ref3) {
136
137
  css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer),
137
138
  "data-smart-link-container": true,
138
139
  "data-testid": testId
139
- }, clickableContainer ? getLayeredLink(testId, context, children) : null, renderChildren(children, size, theme, status, retry, onClick));
140
+ }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
140
141
  };
141
142
 
142
143
  export default Container;
@@ -13,7 +13,8 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["
13
13
  */
14
14
 
15
15
  var LayeredLink = function LayeredLink(_ref) {
16
- var target = _ref.target,
16
+ var onClick = _ref.onClick,
17
+ target = _ref.target,
17
18
  testId = _ref.testId,
18
19
  text = _ref.text,
19
20
  url = _ref.url;
@@ -22,6 +23,7 @@ var LayeredLink = function LayeredLink(_ref) {
22
23
  css: styles,
23
24
  "data-testid": "".concat(testId, "-layered-link"),
24
25
  href: url,
26
+ onClick: onClick,
25
27
  target: target,
26
28
  tabIndex: -1 // Hide tab index and let the title link be the link.
27
29
 
@@ -1,4 +1,10 @@
1
+ /// <reference types="react" />
1
2
  export declare type LayeredLinkProps = {
3
+ /**
4
+ * Determines the onClick behaviour of the Link. By default used for analytics.
5
+ * @internal
6
+ */
7
+ onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
2
8
  target?: '_blank' | '_self' | '_top' | '_parent';
3
9
  testId?: string;
4
10
  text?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "19.1.7",
3
+ "version": "19.1.8",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"