@atlaskit/smart-card 19.1.26 → 19.1.29
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 +22 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/CardWithUrl/component.js +9 -1
- package/dist/cjs/view/FlexibleCard/components/blocks/utils.js +2 -1
- package/dist/cjs/view/FlexibleCard/components/elements/index.js +30 -30
- package/dist/cjs/view/HoverCard/index.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/CardWithUrl/component.js +8 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/utils.js +2 -1
- package/dist/es2019/view/FlexibleCard/components/elements/index.js +23 -23
- package/dist/es2019/view/HoverCard/index.js +1 -1
- package/dist/esm/state/actions/index.js +1 -1
- package/dist/esm/state/hooks/usePrefetch.js +1 -1
- package/dist/esm/utils/mocks.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/BlockCard/actions/DownloadAction.js +1 -1
- package/dist/esm/view/BlockCard/actions/PreviewAction.js +1 -1
- package/dist/esm/view/BlockCard/actions/RetryAction.js +1 -1
- package/dist/esm/view/BlockCard/actions/ViewAction.js +1 -1
- package/dist/esm/view/CardWithUrl/component.js +8 -1
- package/dist/esm/view/FlexibleCard/components/blocks/utils.js +2 -1
- package/dist/esm/view/FlexibleCard/components/elements/index.js +23 -23
- package/dist/esm/view/HoverCard/index.js +1 -1
- package/dist/types/extractors/common/__mocks__/jsonld.d.ts +10 -6
- package/dist/types/view/FlexibleCard/components/blocks/types.d.ts +156 -6
- package/dist/types/view/FlexibleCard/components/elements/index.d.ts +20 -20
- package/package.json +2 -2
- package/report.api.md +501 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 19.1.29
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`acfb4cbb01f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acfb4cbb01f) - set hover card z-index to 511 to go over issue view modal
|
|
8
|
+
|
|
9
|
+
## 19.1.28
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`455538b6a3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/455538b6a3f) - use useFeatureFlag hook to get hover preview FF
|
|
14
|
+
|
|
15
|
+
## 19.1.27
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- [`98d3f88e428`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98d3f88e428) - This PR adds external element typings for Flexible UI metadata.
|
|
20
|
+
This means code completion will now be available when an element has a prop that can be overridden.
|
|
21
|
+
As of this PR, these are the `CreatedOn` and `ModifiedOn` elements, which now accept some `text` which will override the existing text.
|
|
22
|
+
|
|
23
|
+
This PR also exposes the overrideCss prop, allowing integrators to supply any CSS for their elements.
|
|
24
|
+
|
|
3
25
|
## 19.1.26
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/dist/cjs/version.json
CHANGED
|
@@ -11,6 +11,8 @@ exports.CardWithUrlContent = CardWithUrlContent;
|
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
|
+
var _linkProvider = require("@atlaskit/link-provider");
|
|
15
|
+
|
|
14
16
|
var _utils = require("../../utils");
|
|
15
17
|
|
|
16
18
|
var measure = _interopRequireWildcard(require("../../utils/performance"));
|
|
@@ -73,7 +75,13 @@ function CardWithUrlContent(_ref) {
|
|
|
73
75
|
var services = (0, _helpers.getServices)(state.details);
|
|
74
76
|
var isFlexibleUi = (0, _react.useMemo)(function () {
|
|
75
77
|
return (0, _flexible.isFlexibleUiCard)(children);
|
|
76
|
-
}, [children]);
|
|
78
|
+
}, [children]);
|
|
79
|
+
var showHoverPreviewFlag = (0, _linkProvider.useFeatureFlag)('showHoverPreview');
|
|
80
|
+
|
|
81
|
+
if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
|
|
82
|
+
showHoverPreview = showHoverPreviewFlag;
|
|
83
|
+
} // Setup UI handlers.
|
|
84
|
+
|
|
77
85
|
|
|
78
86
|
var handleClick = (0, _react.useCallback)(function (event) {
|
|
79
87
|
var clickUrl = (0, _helpers.getClickUrl)(url, state.details);
|
|
@@ -128,11 +128,12 @@ var renderElementItems = function renderElementItems() {
|
|
|
128
128
|
var name = curr.name,
|
|
129
129
|
props = (0, _objectWithoutProperties2.default)(curr, _excluded);
|
|
130
130
|
var Element = Elements[name];
|
|
131
|
+
var typedProps = props;
|
|
131
132
|
|
|
132
133
|
if (Element && isElementDisplayValid(name, display)) {
|
|
133
134
|
var element = /*#__PURE__*/_react.default.createElement(Element, (0, _extends2.default)({
|
|
134
135
|
key: idx
|
|
135
|
-
},
|
|
136
|
+
}, typedProps));
|
|
136
137
|
|
|
137
138
|
if (!isElementNull(element)) {
|
|
138
139
|
return [].concat((0, _toConsumableArray2.default)(acc), [element]);
|
|
@@ -33,45 +33,24 @@ var CollaboratorGroup = (0, _utils.createElement)(_constants.ElementName.Collabo
|
|
|
33
33
|
exports.CollaboratorGroup = CollaboratorGroup;
|
|
34
34
|
var CommentCount = (0, _utils.createElement)(_constants.ElementName.CommentCount);
|
|
35
35
|
/**
|
|
36
|
-
* Creates a
|
|
37
|
-
* @see
|
|
36
|
+
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
37
|
+
* @see DateTime
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
40
|
exports.CommentCount = CommentCount;
|
|
41
|
-
var
|
|
42
|
-
/**
|
|
43
|
-
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
44
|
-
* @see Badge
|
|
45
|
-
*/
|
|
46
|
-
|
|
47
|
-
exports.ViewCount = ViewCount;
|
|
48
|
-
var ReactCount = (0, _utils.createElement)(_constants.ElementName.ReactCount);
|
|
49
|
-
/**
|
|
50
|
-
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
51
|
-
* @see Badge
|
|
52
|
-
*/
|
|
53
|
-
|
|
54
|
-
exports.ReactCount = ReactCount;
|
|
55
|
-
var VoteCount = (0, _utils.createElement)(_constants.ElementName.VoteCount);
|
|
41
|
+
var CreatedOn = (0, _utils.createElement)(_constants.ElementName.CreatedOn);
|
|
56
42
|
/**
|
|
57
43
|
* Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
|
|
58
44
|
* @see Text
|
|
59
45
|
*/
|
|
60
46
|
|
|
61
|
-
exports.
|
|
47
|
+
exports.CreatedOn = CreatedOn;
|
|
62
48
|
var CreatedBy = (0, _utils.createElement)(_constants.ElementName.CreatedBy);
|
|
63
|
-
/**
|
|
64
|
-
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
65
|
-
* @see DateTime
|
|
66
|
-
*/
|
|
67
|
-
|
|
68
|
-
exports.CreatedBy = CreatedBy;
|
|
69
|
-
var CreatedOn = (0, _utils.createElement)(_constants.ElementName.CreatedOn);
|
|
70
49
|
/**
|
|
71
50
|
* Creates an element that contains Last Commit hash
|
|
72
51
|
*/
|
|
73
52
|
|
|
74
|
-
exports.
|
|
53
|
+
exports.CreatedBy = CreatedBy;
|
|
75
54
|
var LatestCommit = (0, _utils.createElement)(_constants.ElementName.LatestCommit);
|
|
76
55
|
/**
|
|
77
56
|
* Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
|
|
@@ -115,12 +94,26 @@ var Priority = (0, _utils.createElement)(_constants.ElementName.Priority);
|
|
|
115
94
|
|
|
116
95
|
exports.Priority = Priority;
|
|
117
96
|
var ProgrammingLanguage = (0, _utils.createElement)(_constants.ElementName.ProgrammingLanguage);
|
|
97
|
+
/**
|
|
98
|
+
* Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
|
|
99
|
+
* @see Badge
|
|
100
|
+
*/
|
|
101
|
+
|
|
102
|
+
exports.ProgrammingLanguage = ProgrammingLanguage;
|
|
103
|
+
var Provider = (0, _utils.createElement)(_constants.ElementName.Provider);
|
|
104
|
+
/**
|
|
105
|
+
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
106
|
+
* @see Badge
|
|
107
|
+
*/
|
|
108
|
+
|
|
109
|
+
exports.Provider = Provider;
|
|
110
|
+
var ReactCount = (0, _utils.createElement)(_constants.ElementName.ReactCount);
|
|
118
111
|
/**
|
|
119
112
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
120
113
|
* @see Text
|
|
121
114
|
*/
|
|
122
115
|
|
|
123
|
-
exports.
|
|
116
|
+
exports.ReactCount = ReactCount;
|
|
124
117
|
var Snippet = (0, _utils.createElement)(_constants.ElementName.Snippet);
|
|
125
118
|
/**
|
|
126
119
|
* Creates a State Lozenge element using the data from State in the Flexible UI Context.
|
|
@@ -145,10 +138,17 @@ var SubscriberCount = (0, _utils.createElement)(_constants.ElementName.Subscribe
|
|
|
145
138
|
exports.SubscriberCount = SubscriberCount;
|
|
146
139
|
var Title = (0, _utils.createElement)(_constants.ElementName.Title);
|
|
147
140
|
/**
|
|
148
|
-
* Creates a
|
|
141
|
+
* Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
|
|
149
142
|
* @see Badge
|
|
150
143
|
*/
|
|
151
144
|
|
|
152
145
|
exports.Title = Title;
|
|
153
|
-
var
|
|
154
|
-
|
|
146
|
+
var ViewCount = (0, _utils.createElement)(_constants.ElementName.ViewCount);
|
|
147
|
+
/**
|
|
148
|
+
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
149
|
+
* @see Badge
|
|
150
|
+
*/
|
|
151
|
+
|
|
152
|
+
exports.ViewCount = ViewCount;
|
|
153
|
+
var VoteCount = (0, _utils.createElement)(_constants.ElementName.VoteCount);
|
|
154
|
+
exports.VoteCount = VoteCount;
|
|
@@ -127,7 +127,7 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
127
127
|
onMouseLeave: initHideCard
|
|
128
128
|
}), children);
|
|
129
129
|
},
|
|
130
|
-
zIndex:
|
|
130
|
+
zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
|
|
131
131
|
|
|
132
132
|
});
|
|
133
133
|
};
|
package/dist/es2019/version.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useCallback, useMemo } from 'react';
|
|
2
|
+
import { useFeatureFlag } from '@atlaskit/link-provider';
|
|
2
3
|
import { isSpecialEvent } from '../../utils';
|
|
3
4
|
import * as measure from '../../utils/performance';
|
|
4
5
|
import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
|
|
@@ -45,7 +46,13 @@ export function CardWithUrlContent({
|
|
|
45
46
|
const product = getProduct(state.details);
|
|
46
47
|
const subproduct = getSubproduct(state.details);
|
|
47
48
|
const services = getServices(state.details);
|
|
48
|
-
let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
|
|
49
|
+
let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
|
|
50
|
+
const showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
|
|
51
|
+
|
|
52
|
+
if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
|
|
53
|
+
showHoverPreview = showHoverPreviewFlag;
|
|
54
|
+
} // Setup UI handlers.
|
|
55
|
+
|
|
49
56
|
|
|
50
57
|
const handleClick = useCallback(event => {
|
|
51
58
|
const clickUrl = getClickUrl(url, state.details);
|
|
@@ -116,11 +116,12 @@ export const renderElementItems = (items = [], display = 'inline') => {
|
|
|
116
116
|
...props
|
|
117
117
|
} = curr;
|
|
118
118
|
const Element = Elements[name];
|
|
119
|
+
const typedProps = props;
|
|
119
120
|
|
|
120
121
|
if (Element && isElementDisplayValid(name, display)) {
|
|
121
122
|
const element = /*#__PURE__*/React.createElement(Element, _extends({
|
|
122
123
|
key: idx
|
|
123
|
-
},
|
|
124
|
+
}, typedProps));
|
|
124
125
|
|
|
125
126
|
if (!isElementNull(element)) {
|
|
126
127
|
return [...acc, element];
|
|
@@ -22,35 +22,17 @@ export const CollaboratorGroup = createElement(ElementName.CollaboratorGroup);
|
|
|
22
22
|
|
|
23
23
|
export const CommentCount = createElement(ElementName.CommentCount);
|
|
24
24
|
/**
|
|
25
|
-
* Creates a
|
|
26
|
-
* @see
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
export const ViewCount = createElement(ElementName.ViewCount);
|
|
30
|
-
/**
|
|
31
|
-
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
32
|
-
* @see Badge
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
export const ReactCount = createElement(ElementName.ReactCount);
|
|
36
|
-
/**
|
|
37
|
-
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
38
|
-
* @see Badge
|
|
25
|
+
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
26
|
+
* @see DateTime
|
|
39
27
|
*/
|
|
40
28
|
|
|
41
|
-
export const
|
|
29
|
+
export const CreatedOn = createElement(ElementName.CreatedOn);
|
|
42
30
|
/**
|
|
43
31
|
* Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
|
|
44
32
|
* @see Text
|
|
45
33
|
*/
|
|
46
34
|
|
|
47
35
|
export const CreatedBy = createElement(ElementName.CreatedBy);
|
|
48
|
-
/**
|
|
49
|
-
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
50
|
-
* @see DateTime
|
|
51
|
-
*/
|
|
52
|
-
|
|
53
|
-
export const CreatedOn = createElement(ElementName.CreatedOn);
|
|
54
36
|
/**
|
|
55
37
|
* Creates an element that contains Last Commit hash
|
|
56
38
|
*/
|
|
@@ -92,6 +74,18 @@ export const Priority = createElement(ElementName.Priority);
|
|
|
92
74
|
*/
|
|
93
75
|
|
|
94
76
|
export const ProgrammingLanguage = createElement(ElementName.ProgrammingLanguage);
|
|
77
|
+
/**
|
|
78
|
+
* Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
|
|
79
|
+
* @see Badge
|
|
80
|
+
*/
|
|
81
|
+
|
|
82
|
+
export const Provider = createElement(ElementName.Provider);
|
|
83
|
+
/**
|
|
84
|
+
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
85
|
+
* @see Badge
|
|
86
|
+
*/
|
|
87
|
+
|
|
88
|
+
export const ReactCount = createElement(ElementName.ReactCount);
|
|
95
89
|
/**
|
|
96
90
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
97
91
|
* @see Text
|
|
@@ -118,8 +112,14 @@ export const SubscriberCount = createElement(ElementName.SubscriberCount);
|
|
|
118
112
|
|
|
119
113
|
export const Title = createElement(ElementName.Title);
|
|
120
114
|
/**
|
|
121
|
-
* Creates a
|
|
115
|
+
* Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
|
|
116
|
+
* @see Badge
|
|
117
|
+
*/
|
|
118
|
+
|
|
119
|
+
export const ViewCount = createElement(ElementName.ViewCount);
|
|
120
|
+
/**
|
|
121
|
+
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
122
122
|
* @see Badge
|
|
123
123
|
*/
|
|
124
124
|
|
|
125
|
-
export const
|
|
125
|
+
export const VoteCount = createElement(ElementName.VoteCount);
|
|
@@ -89,7 +89,7 @@ export const HoverCardComponent = ({
|
|
|
89
89
|
onMouseEnter: initShowCard,
|
|
90
90
|
onMouseLeave: initHideCard
|
|
91
91
|
}), children),
|
|
92
|
-
zIndex:
|
|
92
|
+
zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
|
|
93
93
|
|
|
94
94
|
});
|
|
95
95
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import { useMemo, useCallback } from 'react';
|
|
4
4
|
import { auth } from '@atlaskit/outbound-auth-flow-client';
|
|
5
5
|
import { APIError } from '@atlaskit/linking-common';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import { useCallback } from 'react';
|
|
4
4
|
import { useSmartLinkContext } from '@atlaskit/link-provider';
|
|
5
5
|
export function usePrefetch(url) {
|
package/dist/esm/utils/mocks.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
5
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
5
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
6
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
8
8
|
|
|
9
9
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
10
10
|
|
package/dist/esm/version.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { FormattedMessage } from 'react-intl-next';
|
|
5
5
|
import { downloadUrl } from '@atlaskit/media-common';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
4
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
6
5
|
var _excluded = ["popupMountPointId", "onClose"],
|
|
7
6
|
_excluded2 = ["details"];
|
|
7
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
8
8
|
|
|
9
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10
10
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { FormattedMessage } from 'react-intl-next';
|
|
5
5
|
import { messages } from '../../../messages';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
2
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { FormattedMessage } from 'react-intl-next';
|
|
5
5
|
import { messages } from '../../../messages';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useCallback, useMemo } from 'react';
|
|
2
|
+
import { useFeatureFlag } from '@atlaskit/link-provider';
|
|
2
3
|
import { isSpecialEvent } from '../../utils';
|
|
3
4
|
import * as measure from '../../utils/performance';
|
|
4
5
|
import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
|
|
@@ -47,7 +48,13 @@ export function CardWithUrlContent(_ref) {
|
|
|
47
48
|
var services = getServices(state.details);
|
|
48
49
|
var isFlexibleUi = useMemo(function () {
|
|
49
50
|
return isFlexibleUiCard(children);
|
|
50
|
-
}, [children]);
|
|
51
|
+
}, [children]);
|
|
52
|
+
var showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
|
|
53
|
+
|
|
54
|
+
if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
|
|
55
|
+
showHoverPreview = showHoverPreviewFlag;
|
|
56
|
+
} // Setup UI handlers.
|
|
57
|
+
|
|
51
58
|
|
|
52
59
|
var handleClick = useCallback(function (event) {
|
|
53
60
|
var clickUrl = getClickUrl(url, state.details);
|
|
@@ -92,11 +92,12 @@ export var renderElementItems = function renderElementItems() {
|
|
|
92
92
|
props = _objectWithoutProperties(curr, _excluded);
|
|
93
93
|
|
|
94
94
|
var Element = Elements[name];
|
|
95
|
+
var typedProps = props;
|
|
95
96
|
|
|
96
97
|
if (Element && isElementDisplayValid(name, display)) {
|
|
97
98
|
var element = /*#__PURE__*/React.createElement(Element, _extends({
|
|
98
99
|
key: idx
|
|
99
|
-
},
|
|
100
|
+
}, typedProps));
|
|
100
101
|
|
|
101
102
|
if (!isElementNull(element)) {
|
|
102
103
|
return [].concat(_toConsumableArray(acc), [element]);
|
|
@@ -22,35 +22,17 @@ export var CollaboratorGroup = createElement(ElementName.CollaboratorGroup);
|
|
|
22
22
|
|
|
23
23
|
export var CommentCount = createElement(ElementName.CommentCount);
|
|
24
24
|
/**
|
|
25
|
-
* Creates a
|
|
26
|
-
* @see
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
export var ViewCount = createElement(ElementName.ViewCount);
|
|
30
|
-
/**
|
|
31
|
-
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
32
|
-
* @see Badge
|
|
33
|
-
*/
|
|
34
|
-
|
|
35
|
-
export var ReactCount = createElement(ElementName.ReactCount);
|
|
36
|
-
/**
|
|
37
|
-
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
38
|
-
* @see Badge
|
|
25
|
+
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
26
|
+
* @see DateTime
|
|
39
27
|
*/
|
|
40
28
|
|
|
41
|
-
export var
|
|
29
|
+
export var CreatedOn = createElement(ElementName.CreatedOn);
|
|
42
30
|
/**
|
|
43
31
|
* Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
|
|
44
32
|
* @see Text
|
|
45
33
|
*/
|
|
46
34
|
|
|
47
35
|
export var CreatedBy = createElement(ElementName.CreatedBy);
|
|
48
|
-
/**
|
|
49
|
-
* Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
|
|
50
|
-
* @see DateTime
|
|
51
|
-
*/
|
|
52
|
-
|
|
53
|
-
export var CreatedOn = createElement(ElementName.CreatedOn);
|
|
54
36
|
/**
|
|
55
37
|
* Creates an element that contains Last Commit hash
|
|
56
38
|
*/
|
|
@@ -92,6 +74,18 @@ export var Priority = createElement(ElementName.Priority);
|
|
|
92
74
|
*/
|
|
93
75
|
|
|
94
76
|
export var ProgrammingLanguage = createElement(ElementName.ProgrammingLanguage);
|
|
77
|
+
/**
|
|
78
|
+
* Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
|
|
79
|
+
* @see Badge
|
|
80
|
+
*/
|
|
81
|
+
|
|
82
|
+
export var Provider = createElement(ElementName.Provider);
|
|
83
|
+
/**
|
|
84
|
+
* Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
|
|
85
|
+
* @see Badge
|
|
86
|
+
*/
|
|
87
|
+
|
|
88
|
+
export var ReactCount = createElement(ElementName.ReactCount);
|
|
95
89
|
/**
|
|
96
90
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
97
91
|
* @see Text
|
|
@@ -118,8 +112,14 @@ export var SubscriberCount = createElement(ElementName.SubscriberCount);
|
|
|
118
112
|
|
|
119
113
|
export var Title = createElement(ElementName.Title);
|
|
120
114
|
/**
|
|
121
|
-
* Creates a
|
|
115
|
+
* Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
|
|
116
|
+
* @see Badge
|
|
117
|
+
*/
|
|
118
|
+
|
|
119
|
+
export var ViewCount = createElement(ElementName.ViewCount);
|
|
120
|
+
/**
|
|
121
|
+
* Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
|
|
122
122
|
* @see Badge
|
|
123
123
|
*/
|
|
124
124
|
|
|
125
|
-
export var
|
|
125
|
+
export var VoteCount = createElement(ElementName.VoteCount);
|
|
@@ -99,7 +99,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
|
|
|
99
99
|
onMouseLeave: initHideCard
|
|
100
100
|
}), children);
|
|
101
101
|
},
|
|
102
|
-
zIndex:
|
|
102
|
+
zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
|
|
103
103
|
|
|
104
104
|
});
|
|
105
105
|
};
|
|
@@ -30,19 +30,19 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
|
|
|
30
30
|
'@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
|
|
31
31
|
'schema:fileFormat'?: string | undefined;
|
|
32
32
|
'atlassian:fileSize'?: number | undefined;
|
|
33
|
-
'schema:dateCreated'?: string | undefined;
|
|
34
|
-
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
|
|
35
33
|
'schema:commentCount'?: number | undefined;
|
|
36
34
|
'atlassian:isDeleted'?: boolean | undefined;
|
|
37
35
|
'atlassian:dateViewed'?: string | undefined;
|
|
38
36
|
'atlassian:reactCount'?: number | undefined;
|
|
39
|
-
'atlassian:state'?: string | undefined;
|
|
37
|
+
'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
|
|
40
38
|
'atlassian:viewCount'?: number | undefined;
|
|
41
39
|
'atlassian:voteCount'?: number | undefined;
|
|
42
40
|
'@context': JsonLd.Primitives.Context;
|
|
43
41
|
'atlassian:downloadUrl'?: string | undefined;
|
|
44
42
|
'atlassian:visitUrl'?: string | undefined;
|
|
45
43
|
'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
|
|
44
|
+
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
|
|
45
|
+
'schema:dateCreated'?: string | undefined;
|
|
46
46
|
'@id'?: string | undefined;
|
|
47
47
|
attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
|
|
48
48
|
attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
|
|
@@ -85,20 +85,20 @@ export declare const TEST_DOCUMENT_WITH_PREVIEW: {
|
|
|
85
85
|
'@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
|
|
86
86
|
'schema:fileFormat'?: string | undefined;
|
|
87
87
|
'atlassian:fileSize'?: number | undefined;
|
|
88
|
-
'schema:dateCreated'?: string | undefined;
|
|
89
|
-
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
|
|
90
88
|
'schema:commentCount'?: number | undefined;
|
|
91
89
|
'atlassian:isDeleted'?: boolean | undefined;
|
|
92
90
|
'schema:potentialAction'?: JsonLd.Primitives.Property<JsonLd.Data.DocumentAction> | undefined;
|
|
93
91
|
'atlassian:dateViewed'?: string | undefined;
|
|
94
92
|
'atlassian:reactCount'?: number | undefined;
|
|
95
|
-
'atlassian:state'?: string | undefined;
|
|
93
|
+
'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
|
|
96
94
|
'atlassian:viewCount'?: number | undefined;
|
|
97
95
|
'atlassian:voteCount'?: number | undefined;
|
|
98
96
|
'@context': JsonLd.Primitives.Context;
|
|
99
97
|
'atlassian:downloadUrl'?: string | undefined;
|
|
100
98
|
'atlassian:visitUrl'?: string | undefined;
|
|
101
99
|
'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
|
|
100
|
+
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
|
|
101
|
+
'schema:dateCreated'?: string | undefined;
|
|
102
102
|
'@id'?: string | undefined;
|
|
103
103
|
attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
|
|
104
104
|
attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
|
|
@@ -145,6 +145,8 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: {
|
|
|
145
145
|
'atlassian:downloadUrl'?: string | undefined;
|
|
146
146
|
'atlassian:visitUrl'?: string | undefined;
|
|
147
147
|
'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
|
|
148
|
+
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
|
|
149
|
+
'schema:dateCreated'?: string | undefined;
|
|
148
150
|
'@id'?: string | undefined;
|
|
149
151
|
attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
|
|
150
152
|
attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
|
|
@@ -189,6 +191,8 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: {
|
|
|
189
191
|
'atlassian:downloadUrl'?: string | undefined;
|
|
190
192
|
'atlassian:visitUrl'?: string | undefined;
|
|
191
193
|
'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
|
|
194
|
+
'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
|
|
195
|
+
'schema:dateCreated'?: string | undefined;
|
|
192
196
|
'@id'?: string | undefined;
|
|
193
197
|
attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
|
|
194
198
|
attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
|