@atlaskit/smart-card 30.4.2 → 31.0.1
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 +23 -0
- package/dist/cjs/messages.js +0 -10
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/BlockCard/views/ResolvingView.js +4 -3
- package/dist/cjs/view/CardWithUrl/component.js +1 -2
- package/dist/cjs/view/CardWithUrl/loader.js +0 -2
- package/dist/cjs/view/EmbedCard/views/ErroredView.js +10 -3
- package/dist/cjs/view/FlexibleCard/components/actions/automation-action/index.js +6 -3
- package/dist/cjs/view/FlexibleCard/components/blocks/index.js +0 -7
- package/dist/cjs/view/FlexibleCard/components/blocks/title-block/errored/index.js +16 -8
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/messages.js +0 -10
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/BlockCard/views/ResolvingView.js +4 -3
- package/dist/es2019/view/CardWithUrl/component.js +1 -2
- package/dist/es2019/view/CardWithUrl/loader.js +0 -2
- package/dist/es2019/view/EmbedCard/views/ErroredView.js +10 -3
- package/dist/es2019/view/FlexibleCard/components/actions/automation-action/index.js +5 -2
- package/dist/es2019/view/FlexibleCard/components/blocks/index.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/title-block/errored/index.js +16 -8
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/messages.js +0 -10
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/BlockCard/views/ResolvingView.js +4 -3
- package/dist/esm/view/CardWithUrl/component.js +1 -2
- package/dist/esm/view/CardWithUrl/loader.js +0 -2
- package/dist/esm/view/EmbedCard/views/ErroredView.js +10 -3
- package/dist/esm/view/FlexibleCard/components/actions/automation-action/index.js +5 -2
- package/dist/esm/view/FlexibleCard/components/blocks/index.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/title-block/errored/index.js +16 -8
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/messages.d.ts +1 -1
- package/dist/types/view/BlockCard/views/ResolvingView.d.ts +1 -1
- package/dist/types/view/Card/index.d.ts +1 -1
- package/dist/types/view/Card/types.d.ts +0 -7
- package/dist/types/view/CardWithUrl/types.d.ts +0 -1
- package/dist/types/view/FlexibleCard/components/blocks/index.d.ts +0 -1
- package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts +1 -1
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/dist/types-ts4.5/view/BlockCard/views/ResolvingView.d.ts +1 -1
- package/dist/types-ts4.5/view/Card/index.d.ts +1 -1
- package/dist/types-ts4.5/view/Card/types.d.ts +0 -7
- package/dist/types-ts4.5/view/CardWithUrl/types.d.ts +0 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/index.d.ts +0 -1
- package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts +1 -1
- package/package.json +2 -2
- package/dist/cjs/state/hooks/use-related-urls/index.js +0 -37
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/analytics.js +0 -30
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/errored/index.js +0 -25
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/errored/types.js +0 -5
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/index.js +0 -110
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.js +0 -30
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +0 -80
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.js +0 -51
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.js +0 -5
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/analytics.js +0 -51
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js +0 -56
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/types.js +0 -5
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.js +0 -5
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.js +0 -5
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.js +0 -23
- package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/types.js +0 -1
- package/dist/es2019/state/hooks/use-related-urls/index.js +0 -13
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/analytics.js +0 -19
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/errored/index.js +0 -15
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/errored/types.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/index.js +0 -69
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.js +0 -24
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +0 -65
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.js +0 -41
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/analytics.js +0 -42
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js +0 -46
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/types.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.js +0 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.js +0 -13
- package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/types.js +0 -0
- package/dist/esm/state/hooks/use-related-urls/index.js +0 -30
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/analytics.js +0 -23
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/errored/index.js +0 -18
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/errored/types.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/index.js +0 -102
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.js +0 -23
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +0 -70
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.js +0 -41
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/analytics.js +0 -44
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js +0 -46
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/types.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.js +0 -1
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.js +0 -16
- package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/types.js +0 -0
- package/dist/types/state/hooks/use-related-urls/index.d.ts +0 -6
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/analytics.d.ts +0 -3
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/errored/index.d.ts +0 -3
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/errored/types.d.ts +0 -4
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/index.d.ts +0 -13
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.d.ts +0 -3
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.d.ts +0 -4
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.d.ts +0 -4
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.d.ts +0 -7
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/analytics.d.ts +0 -11
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.d.ts +0 -4
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/types.d.ts +0 -10
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.d.ts +0 -10
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.d.ts +0 -8
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.d.ts +0 -5
- package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/types.d.ts +0 -3
- package/dist/types-ts4.5/state/hooks/use-related-urls/index.d.ts +0 -6
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/analytics.d.ts +0 -3
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/errored/index.d.ts +0 -3
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/errored/types.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/index.d.ts +0 -13
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.d.ts +0 -3
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/types.d.ts +0 -7
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/analytics.d.ts +0 -11
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/types.d.ts +0 -10
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/types.d.ts +0 -10
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolved/types.d.ts +0 -8
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.d.ts +0 -5
- package/dist/types-ts4.5/view/FlexibleCard/components/blocks/related-urls-block/types.d.ts +0 -3
- /package/dist/cjs/view/FlexibleCard/components/actions/automation-action/{manaul-triggers-icon → manual-triggers-icon}/index.js +0 -0
- /package/dist/es2019/view/FlexibleCard/components/actions/automation-action/{manaul-triggers-icon → manual-triggers-icon}/index.js +0 -0
- /package/dist/esm/view/FlexibleCard/components/actions/automation-action/{manaul-triggers-icon → manual-triggers-icon}/index.js +0 -0
- /package/dist/types/view/FlexibleCard/components/actions/automation-action/{manaul-triggers-icon → manual-triggers-icon}/index.d.ts +0 -0
- /package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/{manaul-triggers-icon → manual-triggers-icon}/index.d.ts +0 -0
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
12
|
-
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
|
|
14
|
-
var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up"));
|
|
15
|
-
var _primitives = require("@atlaskit/primitives");
|
|
16
|
-
var _messages = require("../../../../../../../messages");
|
|
17
|
-
var _utils = require("../../../../../components/utils");
|
|
18
|
-
var _text = _interopRequireDefault(require("../../../../elements/text"));
|
|
19
|
-
var _resolvedResultStack = _interopRequireDefault(require("./resolved-result-stack"));
|
|
20
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
23
|
-
|
|
24
|
-
var RelatedUrlList = function RelatedUrlList(_ref) {
|
|
25
|
-
var resolvedResults = _ref.resolvedResults,
|
|
26
|
-
title = _ref.title,
|
|
27
|
-
renderers = _ref.renderers,
|
|
28
|
-
testId = _ref.testId,
|
|
29
|
-
initializeOpened = _ref.initializeOpened;
|
|
30
|
-
var _useState = (0, _react.useState)(initializeOpened),
|
|
31
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
32
|
-
isOpen = _useState2[0],
|
|
33
|
-
setIsOpen = _useState2[1];
|
|
34
|
-
var chevronClickHandler = (0, _react.useCallback)(function () {
|
|
35
|
-
return setIsOpen(!isOpen);
|
|
36
|
-
}, [isOpen]);
|
|
37
|
-
var ChevronComponent = isOpen ? _chevronUp.default : _chevronDown.default;
|
|
38
|
-
var intl = (0, _reactIntlNext.useIntl)();
|
|
39
|
-
return resolvedResults.length > 0 ?
|
|
40
|
-
/*#__PURE__*/
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
42
|
-
_react.default.createElement(_primitives.Stack, {
|
|
43
|
-
testId: testId,
|
|
44
|
-
xcss: (0, _primitives.xcss)({
|
|
45
|
-
width: '100%'
|
|
46
|
-
})
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
48
|
-
onClick: chevronClickHandler,
|
|
49
|
-
testId: "".concat(testId, "-expand-title"),
|
|
50
|
-
backgroundColor: "color.background.neutral.subtle",
|
|
51
|
-
"aria-expanded": !!isOpen,
|
|
52
|
-
padding: "space.0",
|
|
53
|
-
paddingInlineEnd: "space.050"
|
|
54
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
55
|
-
alignBlock: "center",
|
|
56
|
-
space: "space.050",
|
|
57
|
-
spread: "space-between"
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
59
|
-
overrideCss: (0, _react2.css)({
|
|
60
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
61
|
-
}),
|
|
62
|
-
message: {
|
|
63
|
-
descriptor: title
|
|
64
|
-
}
|
|
65
|
-
}), /*#__PURE__*/_react.default.createElement(ChevronComponent, {
|
|
66
|
-
LEGACY_margin: "0 -4px",
|
|
67
|
-
label: (0, _utils.getFormattedMessageAsString)(intl, title),
|
|
68
|
-
color: "currentColor"
|
|
69
|
-
}))), isOpen && /*#__PURE__*/_react.default.createElement(_resolvedResultStack.default, {
|
|
70
|
-
resolvedResults: resolvedResults,
|
|
71
|
-
testId: testId,
|
|
72
|
-
renderers: renderers
|
|
73
|
-
})) : /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
74
|
-
testId: testId,
|
|
75
|
-
message: {
|
|
76
|
-
descriptor: _messages.messages.related_work_items_not_found
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
var _default = exports.default = RelatedUrlList;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
12
|
-
var _primitives = require("@atlaskit/primitives");
|
|
13
|
-
var _constants = require("../../../../../../../../constants");
|
|
14
|
-
var _flexible = _interopRequireDefault(require("../../../../../../../../extractors/flexible"));
|
|
15
|
-
var _click = require("../../../../../../../../utils/analytics/click");
|
|
16
|
-
var _icon = _interopRequireDefault(require("../../../../../elements/icon"));
|
|
17
|
-
var _link = _interopRequireDefault(require("../../../../../elements/link"));
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
var RelatedUrlItem = function RelatedUrlItem(_ref) {
|
|
21
|
-
var results = _ref.results,
|
|
22
|
-
renderers = _ref.renderers,
|
|
23
|
-
testId = _ref.testId;
|
|
24
|
-
var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
|
|
25
|
-
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
26
|
-
var flexibleDataContext = (0, _react.useMemo)(function () {
|
|
27
|
-
return (0, _flexible.default)({
|
|
28
|
-
response: results,
|
|
29
|
-
renderers: renderers
|
|
30
|
-
});
|
|
31
|
-
}, [renderers, results]);
|
|
32
|
-
var onClick = (0, _react.useCallback)(function (event) {
|
|
33
|
-
(0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
|
|
34
|
-
}, [createAnalyticsEvent]);
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
|
|
36
|
-
alignBlock: "center",
|
|
37
|
-
space: "space.050",
|
|
38
|
-
testId: testId
|
|
39
|
-
}, /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({}, flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.linkIcon, {
|
|
40
|
-
testId: "".concat(testId, "-icon"),
|
|
41
|
-
size: _constants.SmartLinkSize.Small
|
|
42
|
-
})), /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
43
|
-
testId: "".concat(testId, "-link"),
|
|
44
|
-
text: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.title,
|
|
45
|
-
url: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.url,
|
|
46
|
-
size: _constants.SmartLinkSize.Small,
|
|
47
|
-
maxLines: 1,
|
|
48
|
-
onClick: onClick
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
|
-
var _default = exports.default = RelatedUrlItem;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.fireRelatedLinksViewedEvent = exports.RelatedUrlItemAnalyticsContext = void 0;
|
|
8
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
11
|
-
var _resolvedAttributes = require("@atlaskit/link-analytics/resolved-attributes");
|
|
12
|
-
var _analytics = require("../../../../../../../../utils/analytics");
|
|
13
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
|
-
var createUiRelatedLinksViewedEventPayload = function createUiRelatedLinksViewedEventPayload(_ref) {
|
|
16
|
-
var relatedLinksCount = _ref.relatedLinksCount;
|
|
17
|
-
return {
|
|
18
|
-
action: 'viewed',
|
|
19
|
-
actionSubject: 'relatedLinks',
|
|
20
|
-
eventType: 'ui',
|
|
21
|
-
attributes: {
|
|
22
|
-
relatedLinksCount: relatedLinksCount
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
var fireRelatedLinksViewedEvent = exports.fireRelatedLinksViewedEvent = function fireRelatedLinksViewedEvent(createAnalyticsEvent) {
|
|
27
|
-
return function (attributes) {
|
|
28
|
-
var payload = createUiRelatedLinksViewedEventPayload(attributes);
|
|
29
|
-
if (payload) {
|
|
30
|
-
createAnalyticsEvent(_objectSpread({}, payload)).fire(_analytics.ANALYTICS_CHANNEL);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
var RelatedUrlItemAnalyticsContext = exports.RelatedUrlItemAnalyticsContext = function RelatedUrlItemAnalyticsContext(props) {
|
|
35
|
-
var children = props.children,
|
|
36
|
-
details = props.details;
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* We don't really need the `url` to get the attributes here so set
|
|
40
|
-
* it to an empty string to just make typescript happy
|
|
41
|
-
*/
|
|
42
|
-
var attributes = (0, _resolvedAttributes.getResolvedAttributes)({
|
|
43
|
-
url: ''
|
|
44
|
-
}, details);
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
46
|
-
data: {
|
|
47
|
-
attributes: attributes,
|
|
48
|
-
component: 'relatedLink'
|
|
49
|
-
}
|
|
50
|
-
}, children);
|
|
51
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
11
|
-
var _primitives = require("@atlaskit/primitives");
|
|
12
|
-
var _relatedUrlItem = _interopRequireDefault(require("../related-url-item"));
|
|
13
|
-
var _analytics = require("./analytics");
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
-
var ResolvedResultsStack = function ResolvedResultsStack(_ref) {
|
|
17
|
-
var resolvedResults = _ref.resolvedResults,
|
|
18
|
-
testId = _ref.testId,
|
|
19
|
-
renderers = _ref.renderers;
|
|
20
|
-
var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
|
|
21
|
-
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
22
|
-
(0, _react.useEffect)(function () {
|
|
23
|
-
// This event will fire each time the component is loaded
|
|
24
|
-
(0, _analytics.fireRelatedLinksViewedEvent)(createAnalyticsEvent)({
|
|
25
|
-
relatedLinksCount: resolvedResults.length
|
|
26
|
-
});
|
|
27
|
-
}, [resolvedResults.length, createAnalyticsEvent]);
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
|
|
29
|
-
space: "space.050",
|
|
30
|
-
testId: "".concat(testId, "-items-wrapper"),
|
|
31
|
-
as: "ul"
|
|
32
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
33
|
-
,
|
|
34
|
-
xcss: (0, _primitives.xcss)({
|
|
35
|
-
paddingLeft: 'space.0',
|
|
36
|
-
marginTop: 'space.0'
|
|
37
|
-
})
|
|
38
|
-
}, resolvedResults.map(function (resolvedResults, idx) {
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(_analytics.RelatedUrlItemAnalyticsContext, {
|
|
40
|
-
details: resolvedResults,
|
|
41
|
-
key: idx
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement(_relatedUrlItem.default, {
|
|
43
|
-
testId: "".concat(testId, "-item"),
|
|
44
|
-
results: resolvedResults,
|
|
45
|
-
renderers: renderers
|
|
46
|
-
}));
|
|
47
|
-
}));
|
|
48
|
-
};
|
|
49
|
-
var ResolvedResultsStackWithAnalytics = function ResolvedResultsStackWithAnalytics(props) {
|
|
50
|
-
return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
51
|
-
data: {
|
|
52
|
-
component: 'relatedLinksSection'
|
|
53
|
-
}
|
|
54
|
-
}, /*#__PURE__*/_react.default.createElement(ResolvedResultsStack, props));
|
|
55
|
-
};
|
|
56
|
-
var _default = exports.default = ResolvedResultsStackWithAnalytics;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.RelatedUrlsBlockResolvingView = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
|
|
12
|
-
var _block = _interopRequireDefault(require("../../block"));
|
|
13
|
-
var _excluded = ["testId"];
|
|
14
|
-
var RelatedUrlsBlockResolvingView = exports.RelatedUrlsBlockResolvingView = function RelatedUrlsBlockResolvingView(_ref) {
|
|
15
|
-
var testId = _ref.testId,
|
|
16
|
-
blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
17
|
-
return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
|
|
18
|
-
testId: testId
|
|
19
|
-
}), /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
|
|
20
|
-
height: 1.55,
|
|
21
|
-
width: 22
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
2
|
-
import { useSmartLinkClientExtension } from '@atlaskit/link-client-extension';
|
|
3
|
-
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
4
|
-
const useRelatedUrls = () => {
|
|
5
|
-
const {
|
|
6
|
-
connections
|
|
7
|
-
} = useSmartLinkContext();
|
|
8
|
-
const clientExt = useSmartLinkClientExtension(connections.client);
|
|
9
|
-
return useCallback(async url => {
|
|
10
|
-
return await clientExt.relatedUrls(url);
|
|
11
|
-
}, [clientExt]);
|
|
12
|
-
};
|
|
13
|
-
export default useRelatedUrls;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ANALYTICS_CHANNEL } from '../../../../../utils/analytics';
|
|
2
|
-
const createTrackRelatedLinksLoadedEventPayload = ({
|
|
3
|
-
relatedLinksCount
|
|
4
|
-
}) => ({
|
|
5
|
-
action: 'loaded',
|
|
6
|
-
actionSubject: 'relatedLinks',
|
|
7
|
-
eventType: 'track',
|
|
8
|
-
attributes: {
|
|
9
|
-
relatedLinksCount
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
export const fireRelatedLinksLoadedEvent = createAnalyticsEvent => attributes => {
|
|
13
|
-
const payload = createTrackRelatedLinksLoadedEventPayload(attributes);
|
|
14
|
-
if (payload) {
|
|
15
|
-
createAnalyticsEvent({
|
|
16
|
-
...payload
|
|
17
|
-
}).fire(ANALYTICS_CHANNEL);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { messages } from '../../../../../../messages';
|
|
4
|
-
import Text from '../../../elements/text';
|
|
5
|
-
import Block from '../../block';
|
|
6
|
-
export const RelatedUrlsBlockErroredView = ({
|
|
7
|
-
testId,
|
|
8
|
-
...blockProps
|
|
9
|
-
}) => /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
|
|
10
|
-
testId: testId
|
|
11
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
12
|
-
message: {
|
|
13
|
-
descriptor: messages.generic_error_message
|
|
14
|
-
}
|
|
15
|
-
}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
import { di } from 'react-magnetic-di';
|
|
7
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
8
|
-
import useRelatedUrls from '../../../../../state/hooks/use-related-urls';
|
|
9
|
-
import { fireRelatedLinksLoadedEvent } from './analytics';
|
|
10
|
-
import { RelatedUrlsBlockErroredView } from './errored';
|
|
11
|
-
import { RelatedUrlsResolvedView } from './resolved';
|
|
12
|
-
import { RelatedUrlsBlockResolvingView } from './resolving';
|
|
13
|
-
/**
|
|
14
|
-
* Represents a block to display related resources of a url
|
|
15
|
-
*/
|
|
16
|
-
const RelatedUrlsBlock = ({
|
|
17
|
-
testId = 'smart-block-related-urls',
|
|
18
|
-
url,
|
|
19
|
-
renderers,
|
|
20
|
-
...blockProps
|
|
21
|
-
}) => {
|
|
22
|
-
const {
|
|
23
|
-
createAnalyticsEvent
|
|
24
|
-
} = useAnalyticsEvents();
|
|
25
|
-
const [loadingRelatedUrls, setLoadingRelatedUrls] = useState(true);
|
|
26
|
-
const [err, setErr] = useState();
|
|
27
|
-
const [relatedUrls, setRelatedUrls] = useState();
|
|
28
|
-
const getRelatedUrls = useRelatedUrls();
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
const fetchRelatedUrls = async () => {
|
|
31
|
-
try {
|
|
32
|
-
var _relUrls$resolvedResu, _relUrls$resolvedResu2;
|
|
33
|
-
const relUrls = await getRelatedUrls(url);
|
|
34
|
-
setRelatedUrls(relUrls);
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Fire TrackRelatedLinksLoadedEvent
|
|
38
|
-
*/
|
|
39
|
-
fireRelatedLinksLoadedEvent(createAnalyticsEvent)({
|
|
40
|
-
relatedLinksCount: (_relUrls$resolvedResu = (_relUrls$resolvedResu2 = relUrls.resolvedResults) === null || _relUrls$resolvedResu2 === void 0 ? void 0 : _relUrls$resolvedResu2.length) !== null && _relUrls$resolvedResu !== void 0 ? _relUrls$resolvedResu : 0
|
|
41
|
-
});
|
|
42
|
-
} catch (error) {
|
|
43
|
-
setErr(error);
|
|
44
|
-
}
|
|
45
|
-
setLoadingRelatedUrls(false);
|
|
46
|
-
};
|
|
47
|
-
fetchRelatedUrls();
|
|
48
|
-
}, [createAnalyticsEvent, getRelatedUrls, url]);
|
|
49
|
-
if (loadingRelatedUrls) {
|
|
50
|
-
return /*#__PURE__*/React.createElement(RelatedUrlsBlockResolvingView, _extends({
|
|
51
|
-
testId: `${testId}-resolving-view`
|
|
52
|
-
}, blockProps));
|
|
53
|
-
}
|
|
54
|
-
if (relatedUrls) {
|
|
55
|
-
return /*#__PURE__*/React.createElement(RelatedUrlsResolvedView, _extends({
|
|
56
|
-
renderers: renderers,
|
|
57
|
-
overrideCss: css({
|
|
58
|
-
minHeight: '1.55rem'
|
|
59
|
-
}),
|
|
60
|
-
testId: `${testId}-resolved-view`,
|
|
61
|
-
relatedUrlsResponse: relatedUrls
|
|
62
|
-
}, blockProps));
|
|
63
|
-
}
|
|
64
|
-
return /*#__PURE__*/React.createElement(RelatedUrlsBlockErroredView, _extends({
|
|
65
|
-
err: err,
|
|
66
|
-
testId: `${testId}-errored-view`
|
|
67
|
-
}, blockProps));
|
|
68
|
-
};
|
|
69
|
-
export default RelatedUrlsBlock;
|
package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { messages } from '../../../../../../messages';
|
|
4
|
-
import Block from '../../block';
|
|
5
|
-
import RelatedUrlsList from './related-url-list';
|
|
6
|
-
export const RelatedUrlsResolvedView = ({
|
|
7
|
-
relatedUrlsResponse: {
|
|
8
|
-
resolvedResults
|
|
9
|
-
},
|
|
10
|
-
renderers,
|
|
11
|
-
testId,
|
|
12
|
-
initializeOpened,
|
|
13
|
-
...blockProps
|
|
14
|
-
}) => {
|
|
15
|
-
return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
|
|
16
|
-
testId: testId
|
|
17
|
-
}), resolvedResults && /*#__PURE__*/React.createElement(RelatedUrlsList, {
|
|
18
|
-
testId: `${testId}-list`,
|
|
19
|
-
renderers: renderers,
|
|
20
|
-
initializeOpened: initializeOpened,
|
|
21
|
-
title: messages.last_mentioned_in,
|
|
22
|
-
resolvedResults: resolvedResults
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useState } from 'react';
|
|
2
|
-
|
|
3
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
|
-
import { css } from '@emotion/react';
|
|
5
|
-
import { useIntl } from 'react-intl-next';
|
|
6
|
-
import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
|
|
7
|
-
import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up';
|
|
8
|
-
import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
|
|
9
|
-
import { messages } from '../../../../../../../messages';
|
|
10
|
-
import { getFormattedMessageAsString } from '../../../../../components/utils';
|
|
11
|
-
import Text from '../../../../elements/text';
|
|
12
|
-
import ResolvedResultsStack from './resolved-result-stack';
|
|
13
|
-
const RelatedUrlList = ({
|
|
14
|
-
resolvedResults,
|
|
15
|
-
title,
|
|
16
|
-
renderers,
|
|
17
|
-
testId,
|
|
18
|
-
initializeOpened
|
|
19
|
-
}) => {
|
|
20
|
-
const [isOpen, setIsOpen] = useState(initializeOpened);
|
|
21
|
-
const chevronClickHandler = useCallback(() => setIsOpen(!isOpen), [isOpen]);
|
|
22
|
-
const ChevronComponent = isOpen ? ChevronUpIcon : ChevronDownIcon;
|
|
23
|
-
const intl = useIntl();
|
|
24
|
-
return resolvedResults.length > 0 ?
|
|
25
|
-
/*#__PURE__*/
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
27
|
-
React.createElement(Stack, {
|
|
28
|
-
testId: testId,
|
|
29
|
-
xcss: xcss({
|
|
30
|
-
width: '100%'
|
|
31
|
-
})
|
|
32
|
-
}, /*#__PURE__*/React.createElement(Pressable, {
|
|
33
|
-
onClick: chevronClickHandler,
|
|
34
|
-
testId: `${testId}-expand-title`,
|
|
35
|
-
backgroundColor: "color.background.neutral.subtle",
|
|
36
|
-
"aria-expanded": !!isOpen,
|
|
37
|
-
padding: "space.0",
|
|
38
|
-
paddingInlineEnd: "space.050"
|
|
39
|
-
}, /*#__PURE__*/React.createElement(Inline, {
|
|
40
|
-
alignBlock: "center",
|
|
41
|
-
space: "space.050",
|
|
42
|
-
spread: "space-between"
|
|
43
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
44
|
-
overrideCss: css({
|
|
45
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
46
|
-
}),
|
|
47
|
-
message: {
|
|
48
|
-
descriptor: title
|
|
49
|
-
}
|
|
50
|
-
}), /*#__PURE__*/React.createElement(ChevronComponent, {
|
|
51
|
-
LEGACY_margin: "0 -4px",
|
|
52
|
-
label: getFormattedMessageAsString(intl, title),
|
|
53
|
-
color: "currentColor"
|
|
54
|
-
}))), isOpen && /*#__PURE__*/React.createElement(ResolvedResultsStack, {
|
|
55
|
-
resolvedResults: resolvedResults,
|
|
56
|
-
testId: testId,
|
|
57
|
-
renderers: renderers
|
|
58
|
-
})) : /*#__PURE__*/React.createElement(Text, {
|
|
59
|
-
testId: testId,
|
|
60
|
-
message: {
|
|
61
|
-
descriptor: messages.related_work_items_not_found
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
export default RelatedUrlList;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
4
|
-
import { Inline } from '@atlaskit/primitives';
|
|
5
|
-
import { SmartLinkSize } from '../../../../../../../../constants';
|
|
6
|
-
import extractFlexibleUiContext from '../../../../../../../../extractors/flexible';
|
|
7
|
-
import { fireLinkClickedEvent } from '../../../../../../../../utils/analytics/click';
|
|
8
|
-
import Icon from '../../../../../elements/icon';
|
|
9
|
-
import Link from '../../../../../elements/link';
|
|
10
|
-
const RelatedUrlItem = ({
|
|
11
|
-
results,
|
|
12
|
-
renderers,
|
|
13
|
-
testId
|
|
14
|
-
}) => {
|
|
15
|
-
const {
|
|
16
|
-
createAnalyticsEvent
|
|
17
|
-
} = useAnalyticsEvents();
|
|
18
|
-
const flexibleDataContext = useMemo(() => extractFlexibleUiContext({
|
|
19
|
-
response: results,
|
|
20
|
-
renderers
|
|
21
|
-
}), [renderers, results]);
|
|
22
|
-
const onClick = useCallback(event => {
|
|
23
|
-
fireLinkClickedEvent(createAnalyticsEvent)(event);
|
|
24
|
-
}, [createAnalyticsEvent]);
|
|
25
|
-
return /*#__PURE__*/React.createElement(Inline, {
|
|
26
|
-
alignBlock: "center",
|
|
27
|
-
space: "space.050",
|
|
28
|
-
testId: testId
|
|
29
|
-
}, /*#__PURE__*/React.createElement(Icon, _extends({}, flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.linkIcon, {
|
|
30
|
-
testId: `${testId}-icon`,
|
|
31
|
-
size: SmartLinkSize.Small
|
|
32
|
-
})), /*#__PURE__*/React.createElement(Link, {
|
|
33
|
-
testId: `${testId}-link`,
|
|
34
|
-
text: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.title,
|
|
35
|
-
url: flexibleDataContext === null || flexibleDataContext === void 0 ? void 0 : flexibleDataContext.url,
|
|
36
|
-
size: SmartLinkSize.Small,
|
|
37
|
-
maxLines: 1,
|
|
38
|
-
onClick: onClick
|
|
39
|
-
}));
|
|
40
|
-
};
|
|
41
|
-
export default RelatedUrlItem;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
3
|
-
import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
|
|
4
|
-
import { ANALYTICS_CHANNEL } from '../../../../../../../../utils/analytics';
|
|
5
|
-
const createUiRelatedLinksViewedEventPayload = ({
|
|
6
|
-
relatedLinksCount
|
|
7
|
-
}) => ({
|
|
8
|
-
action: 'viewed',
|
|
9
|
-
actionSubject: 'relatedLinks',
|
|
10
|
-
eventType: 'ui',
|
|
11
|
-
attributes: {
|
|
12
|
-
relatedLinksCount
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
export const fireRelatedLinksViewedEvent = createAnalyticsEvent => attributes => {
|
|
16
|
-
const payload = createUiRelatedLinksViewedEventPayload(attributes);
|
|
17
|
-
if (payload) {
|
|
18
|
-
createAnalyticsEvent({
|
|
19
|
-
...payload
|
|
20
|
-
}).fire(ANALYTICS_CHANNEL);
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
export const RelatedUrlItemAnalyticsContext = props => {
|
|
24
|
-
const {
|
|
25
|
-
children,
|
|
26
|
-
details
|
|
27
|
-
} = props;
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* We don't really need the `url` to get the attributes here so set
|
|
31
|
-
* it to an empty string to just make typescript happy
|
|
32
|
-
*/
|
|
33
|
-
const attributes = getResolvedAttributes({
|
|
34
|
-
url: ''
|
|
35
|
-
}, details);
|
|
36
|
-
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
37
|
-
data: {
|
|
38
|
-
attributes,
|
|
39
|
-
component: 'relatedLink'
|
|
40
|
-
}
|
|
41
|
-
}, children);
|
|
42
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React, { useEffect } from 'react';
|
|
2
|
-
import { AnalyticsContext, useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
3
|
-
import { Stack, xcss } from '@atlaskit/primitives';
|
|
4
|
-
import RelatedUrlItem from '../related-url-item';
|
|
5
|
-
import { fireRelatedLinksViewedEvent, RelatedUrlItemAnalyticsContext } from './analytics';
|
|
6
|
-
const ResolvedResultsStack = ({
|
|
7
|
-
resolvedResults,
|
|
8
|
-
testId,
|
|
9
|
-
renderers
|
|
10
|
-
}) => {
|
|
11
|
-
const {
|
|
12
|
-
createAnalyticsEvent
|
|
13
|
-
} = useAnalyticsEvents();
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
// This event will fire each time the component is loaded
|
|
16
|
-
fireRelatedLinksViewedEvent(createAnalyticsEvent)({
|
|
17
|
-
relatedLinksCount: resolvedResults.length
|
|
18
|
-
});
|
|
19
|
-
}, [resolvedResults.length, createAnalyticsEvent]);
|
|
20
|
-
return /*#__PURE__*/React.createElement(Stack, {
|
|
21
|
-
space: "space.050",
|
|
22
|
-
testId: `${testId}-items-wrapper`,
|
|
23
|
-
as: "ul"
|
|
24
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
25
|
-
,
|
|
26
|
-
xcss: xcss({
|
|
27
|
-
paddingLeft: 'space.0',
|
|
28
|
-
marginTop: 'space.0'
|
|
29
|
-
})
|
|
30
|
-
}, resolvedResults.map((resolvedResults, idx) => /*#__PURE__*/React.createElement(RelatedUrlItemAnalyticsContext, {
|
|
31
|
-
details: resolvedResults,
|
|
32
|
-
key: idx
|
|
33
|
-
}, /*#__PURE__*/React.createElement(RelatedUrlItem, {
|
|
34
|
-
testId: `${testId}-item`,
|
|
35
|
-
results: resolvedResults,
|
|
36
|
-
renderers: renderers
|
|
37
|
-
}))));
|
|
38
|
-
};
|
|
39
|
-
const ResolvedResultsStackWithAnalytics = props => {
|
|
40
|
-
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
41
|
-
data: {
|
|
42
|
-
component: 'relatedLinksSection'
|
|
43
|
-
}
|
|
44
|
-
}, /*#__PURE__*/React.createElement(ResolvedResultsStack, props));
|
|
45
|
-
};
|
|
46
|
-
export default ResolvedResultsStackWithAnalytics;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|