@atlaskit/smart-card 23.13.1 → 23.13.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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js +17 -0
- package/dist/cjs/view/LinkUrl/index.js +11 -1
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js +16 -0
- package/dist/es2019/view/LinkUrl/index.js +8 -1
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js +15 -0
- package/dist/esm/view/LinkUrl/index.js +8 -1
- package/dist/types/view/LinkUrl/index.d.ts +4 -2
- package/dist/types/view/LinkUrl/types.d.ts +5 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 23.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`465e0f001fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/465e0f001fb) - Operational analytics event added to the LinkUrl component. It fires when Link Safety Warning message shown.
|
|
8
|
+
|
|
3
9
|
## 23.13.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
|
@@ -13,6 +13,10 @@ var _react = require("react");
|
|
|
13
13
|
|
|
14
14
|
var _url = require("@atlaskit/linking-common/url");
|
|
15
15
|
|
|
16
|
+
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
17
|
+
|
|
18
|
+
var _analytics = require("../../../../utils/analytics");
|
|
19
|
+
|
|
16
20
|
var useLinkWarningModal = function useLinkWarningModal() {
|
|
17
21
|
var _useState = (0, _react.useState)(null),
|
|
18
22
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -28,6 +32,18 @@ var useLinkWarningModal = function useLinkWarningModal() {
|
|
|
28
32
|
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
29
33
|
isOpen = _useState6[0],
|
|
30
34
|
setIsOpen = _useState6[1];
|
|
35
|
+
|
|
36
|
+
var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
|
|
37
|
+
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
38
|
+
|
|
39
|
+
var sendAnalyticsEvent = function sendAnalyticsEvent() {
|
|
40
|
+
createAnalyticsEvent({
|
|
41
|
+
action: 'shown',
|
|
42
|
+
actionSubject: 'warningModal',
|
|
43
|
+
actionSubjectId: 'linkSafetyWarning',
|
|
44
|
+
eventType: 'operational'
|
|
45
|
+
}).fire(_analytics.ANALYTICS_CHANNEL);
|
|
46
|
+
};
|
|
31
47
|
/**
|
|
32
48
|
* It checks and warns if a link text is a URL and different from an actual link destination
|
|
33
49
|
*/
|
|
@@ -49,6 +65,7 @@ var useLinkWarningModal = function useLinkWarningModal() {
|
|
|
49
65
|
setUnsafeLinkText(linkText);
|
|
50
66
|
href && setUrl(href);
|
|
51
67
|
setIsOpen(true);
|
|
68
|
+
sendAnalyticsEvent();
|
|
52
69
|
}
|
|
53
70
|
};
|
|
54
71
|
|
|
@@ -17,8 +17,17 @@ var _useLinkWarningModal2 = require("./LinkWarningModal/hooks/use-link-warning-m
|
|
|
17
17
|
|
|
18
18
|
var _LinkWarningModal = _interopRequireDefault(require("./LinkWarningModal"));
|
|
19
19
|
|
|
20
|
+
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
21
|
+
|
|
22
|
+
var _version = require("../../version.json");
|
|
23
|
+
|
|
20
24
|
var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
21
25
|
_excluded2 = ["checkLinkSafety"];
|
|
26
|
+
var PACKAGE_DATA = {
|
|
27
|
+
packageName: _version.name,
|
|
28
|
+
packageVersion: _version.version,
|
|
29
|
+
componentName: 'linkUrl'
|
|
30
|
+
};
|
|
22
31
|
|
|
23
32
|
var LinkUrl = function LinkUrl(_ref) {
|
|
24
33
|
var href = _ref.href,
|
|
@@ -44,5 +53,6 @@ var LinkUrl = function LinkUrl(_ref) {
|
|
|
44
53
|
}, props), children), checkSafety && /*#__PURE__*/_react.default.createElement(_LinkWarningModal.default, linkWarningModalProps));
|
|
45
54
|
};
|
|
46
55
|
|
|
47
|
-
var _default = LinkUrl;
|
|
56
|
+
var _default = (0, _analyticsNext.withAnalyticsContext)(PACKAGE_DATA)(LinkUrl);
|
|
57
|
+
|
|
48
58
|
exports.default = _default;
|
package/dist/es2019/version.json
CHANGED
|
@@ -1,13 +1,28 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { normalizeUrl } from '@atlaskit/linking-common/url';
|
|
3
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
|
+
import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
|
|
3
5
|
export const useLinkWarningModal = () => {
|
|
4
6
|
const [unsafeLinkText, setUnsafeLinkText] = useState(null);
|
|
5
7
|
const [url, setUrl] = useState(null);
|
|
6
8
|
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
+
const {
|
|
10
|
+
createAnalyticsEvent
|
|
11
|
+
} = useAnalyticsEvents();
|
|
12
|
+
|
|
13
|
+
const sendAnalyticsEvent = () => {
|
|
14
|
+
createAnalyticsEvent({
|
|
15
|
+
action: 'shown',
|
|
16
|
+
actionSubject: 'warningModal',
|
|
17
|
+
actionSubjectId: 'linkSafetyWarning',
|
|
18
|
+
eventType: 'operational'
|
|
19
|
+
}).fire(ANALYTICS_CHANNEL);
|
|
20
|
+
};
|
|
7
21
|
/**
|
|
8
22
|
* It checks and warns if a link text is a URL and different from an actual link destination
|
|
9
23
|
*/
|
|
10
24
|
|
|
25
|
+
|
|
11
26
|
const checkLinkSafety = (event, href) => {
|
|
12
27
|
const linkText = event.currentTarget.innerText;
|
|
13
28
|
const anchorLinkRegex = new RegExp(/^#/im);
|
|
@@ -24,6 +39,7 @@ export const useLinkWarningModal = () => {
|
|
|
24
39
|
setUnsafeLinkText(linkText);
|
|
25
40
|
href && setUrl(href);
|
|
26
41
|
setIsOpen(true);
|
|
42
|
+
sendAnalyticsEvent();
|
|
27
43
|
}
|
|
28
44
|
};
|
|
29
45
|
|
|
@@ -2,6 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
4
4
|
import LinkWarningModal from './LinkWarningModal';
|
|
5
|
+
import { withAnalyticsContext } from '@atlaskit/analytics-next';
|
|
6
|
+
import { name as packageName, version as packageVersion } from '../../version.json';
|
|
7
|
+
const PACKAGE_DATA = {
|
|
8
|
+
packageName,
|
|
9
|
+
packageVersion,
|
|
10
|
+
componentName: 'linkUrl'
|
|
11
|
+
};
|
|
5
12
|
|
|
6
13
|
const LinkUrl = ({
|
|
7
14
|
href,
|
|
@@ -25,4 +32,4 @@ const LinkUrl = ({
|
|
|
25
32
|
}, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
|
|
26
33
|
};
|
|
27
34
|
|
|
28
|
-
export default LinkUrl;
|
|
35
|
+
export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);
|
package/dist/esm/version.json
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { normalizeUrl } from '@atlaskit/linking-common/url';
|
|
4
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
5
|
+
import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
|
|
4
6
|
export var useLinkWarningModal = function useLinkWarningModal() {
|
|
5
7
|
var _useState = useState(null),
|
|
6
8
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -16,6 +18,18 @@ export var useLinkWarningModal = function useLinkWarningModal() {
|
|
|
16
18
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
17
19
|
isOpen = _useState6[0],
|
|
18
20
|
setIsOpen = _useState6[1];
|
|
21
|
+
|
|
22
|
+
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
23
|
+
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
24
|
+
|
|
25
|
+
var sendAnalyticsEvent = function sendAnalyticsEvent() {
|
|
26
|
+
createAnalyticsEvent({
|
|
27
|
+
action: 'shown',
|
|
28
|
+
actionSubject: 'warningModal',
|
|
29
|
+
actionSubjectId: 'linkSafetyWarning',
|
|
30
|
+
eventType: 'operational'
|
|
31
|
+
}).fire(ANALYTICS_CHANNEL);
|
|
32
|
+
};
|
|
19
33
|
/**
|
|
20
34
|
* It checks and warns if a link text is a URL and different from an actual link destination
|
|
21
35
|
*/
|
|
@@ -37,6 +51,7 @@ export var useLinkWarningModal = function useLinkWarningModal() {
|
|
|
37
51
|
setUnsafeLinkText(linkText);
|
|
38
52
|
href && setUrl(href);
|
|
39
53
|
setIsOpen(true);
|
|
54
|
+
sendAnalyticsEvent();
|
|
40
55
|
}
|
|
41
56
|
};
|
|
42
57
|
|
|
@@ -5,6 +5,13 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
7
7
|
import LinkWarningModal from './LinkWarningModal';
|
|
8
|
+
import { withAnalyticsContext } from '@atlaskit/analytics-next';
|
|
9
|
+
import { name as packageName, version as packageVersion } from '../../version.json';
|
|
10
|
+
var PACKAGE_DATA = {
|
|
11
|
+
packageName: packageName,
|
|
12
|
+
packageVersion: packageVersion,
|
|
13
|
+
componentName: 'linkUrl'
|
|
14
|
+
};
|
|
8
15
|
|
|
9
16
|
var LinkUrl = function LinkUrl(_ref) {
|
|
10
17
|
var href = _ref.href,
|
|
@@ -30,4 +37,4 @@ var LinkUrl = function LinkUrl(_ref) {
|
|
|
30
37
|
}, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
|
|
31
38
|
};
|
|
32
39
|
|
|
33
|
-
export default LinkUrl;
|
|
40
|
+
export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { LinkUrlProps } from './types';
|
|
3
|
-
declare const
|
|
4
|
-
|
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<LinkUrlProps & {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>;
|
|
6
|
+
export default _default;
|
|
@@ -6,3 +6,8 @@ export interface LinkUrlProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
|
|
|
6
6
|
checkSafety?: boolean;
|
|
7
7
|
testId?: string;
|
|
8
8
|
}
|
|
9
|
+
export declare type PackageDataType = {
|
|
10
|
+
packageName: '@atlaskit/smart-card';
|
|
11
|
+
packageVersion: string;
|
|
12
|
+
componentName: 'linkUrl';
|
|
13
|
+
};
|