@atlaskit/smart-card 40.4.1 → 40.4.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 +8 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/elements/comment-count-element/index.js +3 -9
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-badge-element/index.js +1 -2
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-date-time-element/index.js +2 -2
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-text-element/index.js +5 -16
- package/dist/cjs/view/FlexibleCard/components/elements/modified-on-element/index.js +3 -8
- package/dist/cjs/view/FlexibleCard/components/elements/owned-by-element/index.js +3 -8
- package/dist/cjs/view/FlexibleCard/components/elements/owned-by-group-element/index.js +3 -8
- package/dist/cjs/view/FlexibleCard/components/elements/react-count-element/index.js +3 -8
- package/dist/cjs/view/FlexibleCard/external.js +32 -53
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/elements/comment-count-element/index.js +3 -9
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js +1 -2
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/index.js +2 -2
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/index.js +5 -16
- package/dist/es2019/view/FlexibleCard/components/elements/modified-on-element/index.js +3 -8
- package/dist/es2019/view/FlexibleCard/components/elements/owned-by-element/index.js +3 -8
- package/dist/es2019/view/FlexibleCard/components/elements/owned-by-group-element/index.js +3 -8
- package/dist/es2019/view/FlexibleCard/components/elements/react-count-element/index.js +3 -8
- package/dist/es2019/view/FlexibleCard/external.js +32 -53
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/FlexibleCard/components/elements/comment-count-element/index.js +3 -9
- package/dist/esm/view/FlexibleCard/components/elements/common/base-badge-element/index.js +1 -2
- package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js +2 -2
- package/dist/esm/view/FlexibleCard/components/elements/common/base-text-element/index.js +5 -16
- package/dist/esm/view/FlexibleCard/components/elements/modified-on-element/index.js +3 -8
- package/dist/esm/view/FlexibleCard/components/elements/owned-by-element/index.js +3 -8
- package/dist/esm/view/FlexibleCard/components/elements/owned-by-group-element/index.js +3 -8
- package/dist/esm/view/FlexibleCard/components/elements/react-count-element/index.js +3 -8
- package/dist/esm/view/FlexibleCard/external.js +32 -53
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 40.4.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#187879](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187879)
|
|
8
|
+
[`59db869a4c7ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/59db869a4c7ac) -
|
|
9
|
+
clean up platform-linking-additional-flexible-element-props fg
|
|
10
|
+
|
|
3
11
|
## 40.4.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
11
11
|
var context = exports.context = {
|
|
12
12
|
componentName: 'smart-cards',
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "40.4.
|
|
14
|
+
packageVersion: "40.4.1"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -9,7 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _constants = require("../../../../../constants");
|
|
14
13
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
15
14
|
var _common = require("../common");
|
|
@@ -22,14 +21,9 @@ var CommentCountElement = function CommentCountElement(props) {
|
|
|
22
21
|
var _ref = props || {},
|
|
23
22
|
onRender = _ref.onRender,
|
|
24
23
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
29
|
-
(0, _react.useEffect)(function () {
|
|
30
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
31
|
-
}, [data, onRender]);
|
|
32
|
-
}
|
|
24
|
+
(0, _react.useEffect)(function () {
|
|
25
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
26
|
+
}, [data, onRender]);
|
|
33
27
|
return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
|
|
34
28
|
icon: _constants.IconType.Comment
|
|
35
29
|
}, data, restProps, {
|
|
@@ -11,7 +11,6 @@ require("./index.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
15
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
15
|
var _constants = require("../../../../../../constants");
|
|
17
16
|
var _messages = require("../../../../../../messages");
|
|
@@ -95,7 +94,7 @@ var BaseBadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
95
94
|
"data-testid": testId,
|
|
96
95
|
ref: ref,
|
|
97
96
|
style: {
|
|
98
|
-
color: color
|
|
97
|
+
color: color
|
|
99
98
|
},
|
|
100
99
|
className: (0, _runtime.ax)([styles.container, colorMap[appearance]])
|
|
101
100
|
}, !hideIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
package/dist/cjs/view/FlexibleCard/components/elements/common/base-date-time-element/index.js
CHANGED
|
@@ -83,7 +83,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
|
|
|
83
83
|
});
|
|
84
84
|
}
|
|
85
85
|
var content;
|
|
86
|
-
if (hideDatePrefix
|
|
86
|
+
if (hideDatePrefix) {
|
|
87
87
|
content = context;
|
|
88
88
|
} else if (text) {
|
|
89
89
|
content = "".concat(text, " ").concat(context);
|
|
@@ -96,7 +96,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
|
|
|
96
96
|
}
|
|
97
97
|
return /*#__PURE__*/React.createElement("span", {
|
|
98
98
|
style: {
|
|
99
|
-
color: color
|
|
99
|
+
color: color
|
|
100
100
|
},
|
|
101
101
|
"data-separator": true,
|
|
102
102
|
"data-smart-element": name,
|
|
@@ -42,8 +42,7 @@ var BaseTextElement = exports.BaseTextElement = function BaseTextElement(_ref) {
|
|
|
42
42
|
return null;
|
|
43
43
|
}
|
|
44
44
|
var dynamicCss = null;
|
|
45
|
-
var
|
|
46
|
-
var oldContent = (0, _utils.getFormattedMessage)(message) || content;
|
|
45
|
+
var formattedContent = hideFormat && content ? content : (0, _utils.getFormattedMessage)(message) || content;
|
|
47
46
|
return /*#__PURE__*/React.createElement("span", {
|
|
48
47
|
"data-separator": true,
|
|
49
48
|
"data-smart-element": name,
|
|
@@ -53,32 +52,22 @@ var BaseTextElement = exports.BaseTextElement = function BaseTextElement(_ref) {
|
|
|
53
52
|
,
|
|
54
53
|
className: (0, _runtime.ax)(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && (0, _platformFeatureFlags.fg)('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
|
|
55
54
|
style: {
|
|
56
|
-
color: color
|
|
55
|
+
color: color,
|
|
57
56
|
"--_1erfju8": (0, _runtime.ix)(maxLines),
|
|
58
57
|
"--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
|
|
59
58
|
}
|
|
60
|
-
},
|
|
59
|
+
}, formattedContent);
|
|
61
60
|
};
|
|
62
61
|
var _default = exports.default = BaseTextElement;
|
|
63
62
|
var toFormattedTextProps = exports.toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
|
|
64
|
-
if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
|
|
65
|
-
return context ? {
|
|
66
|
-
message: {
|
|
67
|
-
descriptor: descriptor,
|
|
68
|
-
values: {
|
|
69
|
-
context: context
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
content: context
|
|
73
|
-
} : undefined;
|
|
74
|
-
}
|
|
75
63
|
return context ? {
|
|
76
64
|
message: {
|
|
77
65
|
descriptor: descriptor,
|
|
78
66
|
values: {
|
|
79
67
|
context: context
|
|
80
68
|
}
|
|
81
|
-
}
|
|
69
|
+
},
|
|
70
|
+
content: context
|
|
82
71
|
} : undefined;
|
|
83
72
|
};
|
|
84
73
|
var toTextProps = exports.toTextProps = function toTextProps(content) {
|
|
@@ -9,7 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _constants = require("../../../../../constants");
|
|
14
13
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
15
14
|
var _common = require("../common");
|
|
@@ -21,13 +20,9 @@ var ModifiedOnElement = function ModifiedOnElement(props) {
|
|
|
21
20
|
var _ref = props || {},
|
|
22
21
|
onRender = _ref.onRender,
|
|
23
22
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(0, _react.useEffect)(function () {
|
|
28
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
29
|
-
}, [data, onRender]);
|
|
30
|
-
}
|
|
23
|
+
(0, _react.useEffect)(function () {
|
|
24
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
25
|
+
}, [data, onRender]);
|
|
31
26
|
return data ? /*#__PURE__*/_react.default.createElement(_common.BaseDateTimeElement, (0, _extends2.default)({}, data, restProps, {
|
|
32
27
|
name: _constants.ElementName.ModifiedOn
|
|
33
28
|
})) : null;
|
|
@@ -24,14 +24,9 @@ var OwnedByElement = function OwnedByElement(props) {
|
|
|
24
24
|
textPrefix = _ref$textPrefix === void 0 ? 'owned_by' : _ref$textPrefix,
|
|
25
25
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
26
26
|
var data = context ? (0, _common.toFormattedTextProps)((0, _platformFeatureFlags.fg)('bandicoots-smart-card-teamwork-context') ? _messages.messages[textPrefix] : _messages.messages.owned_by, context === null || context === void 0 ? void 0 : context.ownedBy) : null;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
31
|
-
(0, _react.useEffect)(function () {
|
|
32
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
33
|
-
}, [data, onRender]);
|
|
34
|
-
}
|
|
27
|
+
(0, _react.useEffect)(function () {
|
|
28
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
29
|
+
}, [data, onRender]);
|
|
35
30
|
return data ? /*#__PURE__*/_react.default.createElement(_common.BaseTextElement, (0, _extends2.default)({}, data, restProps, {
|
|
36
31
|
name: _constants.ElementName.OwnedBy
|
|
37
32
|
})) : null;
|
|
@@ -9,7 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _constants = require("../../../../../constants");
|
|
14
13
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
15
14
|
var _common = require("../common");
|
|
@@ -21,13 +20,9 @@ var OwnedByGroupElement = function OwnedByGroupElement(props) {
|
|
|
21
20
|
var _ref = props || {},
|
|
22
21
|
onRender = _ref.onRender,
|
|
23
22
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
(0, _react.useEffect)(function () {
|
|
28
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
29
|
-
}, [data, onRender]);
|
|
30
|
-
}
|
|
23
|
+
(0, _react.useEffect)(function () {
|
|
24
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
25
|
+
}, [data, onRender]);
|
|
31
26
|
return data ? /*#__PURE__*/_react.default.createElement(_common.BaseAvatarGroupElement, (0, _extends2.default)({}, data, restProps, {
|
|
32
27
|
name: _constants.ElementName.OwnedByGroup
|
|
33
28
|
})) : null;
|
|
@@ -9,7 +9,6 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _constants = require("../../../../../constants");
|
|
14
13
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
15
14
|
var _common = require("../common");
|
|
@@ -22,13 +21,9 @@ var ReactCountElement = function ReactCountElement(props) {
|
|
|
22
21
|
var _ref = props || {},
|
|
23
22
|
onRender = _ref.onRender,
|
|
24
23
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
(0, _react.useEffect)(function () {
|
|
29
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
30
|
-
}, [data, onRender]);
|
|
31
|
-
}
|
|
24
|
+
(0, _react.useEffect)(function () {
|
|
25
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
26
|
+
}, [data, onRender]);
|
|
32
27
|
return data ? /*#__PURE__*/_react.default.createElement(_common.BaseBadgeElement, (0, _extends2.default)({
|
|
33
28
|
icon: _constants.IconType.React
|
|
34
29
|
}, data, restProps, {
|
|
@@ -59,13 +59,10 @@ var CollaboratorGroupElement = exports.CollaboratorGroupElement = function Colla
|
|
|
59
59
|
return /*#__PURE__*/_react.default.createElement(_elements.CollaboratorGroup, null);
|
|
60
60
|
};
|
|
61
61
|
var CommentCountElement = exports.CommentCountElement = function CommentCountElement(props) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, null);
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_elements.CommentCount, {
|
|
63
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
64
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
65
|
+
});
|
|
69
66
|
};
|
|
70
67
|
var CreatedOnElement = exports.CreatedOnElement = function CreatedOnElement() {
|
|
71
68
|
return /*#__PURE__*/_react.default.createElement(_elements.CreatedOn, null);
|
|
@@ -80,13 +77,10 @@ var LatestCommitElement = exports.LatestCommitElement = function LatestCommitEle
|
|
|
80
77
|
return /*#__PURE__*/_react.default.createElement(_elements.LatestCommit, null);
|
|
81
78
|
};
|
|
82
79
|
var LinkIconElement = exports.LinkIconElement = function LinkIconElement(props) {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
|
|
80
|
+
return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
|
|
81
|
+
size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? _constants.SmartLinkSize.Large : _constants.SmartLinkSize.Medium,
|
|
82
|
+
render: props === null || props === void 0 ? void 0 : props.render
|
|
83
|
+
});
|
|
90
84
|
};
|
|
91
85
|
var LocationElement = exports.LocationElement = function LocationElement() {
|
|
92
86
|
return /*#__PURE__*/_react.default.createElement(_elements.Location, null);
|
|
@@ -95,44 +89,32 @@ var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement()
|
|
|
95
89
|
return /*#__PURE__*/_react.default.createElement(_elements.ModifiedBy, null);
|
|
96
90
|
};
|
|
97
91
|
var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(props) {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
|
|
92
|
+
return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, {
|
|
93
|
+
hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
|
|
94
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
95
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender,
|
|
96
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
97
|
+
});
|
|
107
98
|
};
|
|
108
99
|
var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
} : undefined));
|
|
118
|
-
}
|
|
119
|
-
return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
|
|
100
|
+
return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, (0, _extends2.default)({
|
|
101
|
+
hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
|
|
102
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
103
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
104
|
+
}, (0, _platformFeatureFlags.fg)('bandicoots-smart-card-teamwork-context') ? {
|
|
105
|
+
textPrefix: props === null || props === void 0 ? void 0 : props.textPrefix,
|
|
106
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
107
|
+
} : undefined));
|
|
120
108
|
};
|
|
121
109
|
var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement(props) {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, null);
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_elements.OwnedByGroup, {
|
|
111
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
112
|
+
});
|
|
128
113
|
};
|
|
129
114
|
var PreviewElement = exports.PreviewElement = function PreviewElement(props) {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
});
|
|
134
|
-
}
|
|
135
|
-
return /*#__PURE__*/_react.default.createElement(_elements.Preview, null);
|
|
115
|
+
return /*#__PURE__*/_react.default.createElement(_elements.Preview, {
|
|
116
|
+
overrideUrl: props === null || props === void 0 ? void 0 : props.url
|
|
117
|
+
});
|
|
136
118
|
};
|
|
137
119
|
var PriorityElement = exports.PriorityElement = function PriorityElement() {
|
|
138
120
|
return /*#__PURE__*/_react.default.createElement(_elements.Priority, null);
|
|
@@ -144,13 +126,10 @@ var ProviderElement = exports.ProviderElement = function ProviderElement() {
|
|
|
144
126
|
return /*#__PURE__*/_react.default.createElement(_elements.Provider, null);
|
|
145
127
|
};
|
|
146
128
|
var ReactCountElement = exports.ReactCountElement = function ReactCountElement(props) {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, null);
|
|
129
|
+
return /*#__PURE__*/_react.default.createElement(_elements.ReactCount, {
|
|
130
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
131
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
132
|
+
});
|
|
154
133
|
};
|
|
155
134
|
var ReadTimeElement = exports.ReadTimeElement = function ReadTimeElement() {
|
|
156
135
|
return /*#__PURE__*/_react.default.createElement(_elements.ReadTime, null);
|
|
@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
20
20
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
21
21
|
var PACKAGE_DATA = {
|
|
22
22
|
packageName: "@atlaskit/smart-card",
|
|
23
|
-
packageVersion: "40.4.
|
|
23
|
+
packageVersion: "40.4.1",
|
|
24
24
|
componentName: 'linkUrl'
|
|
25
25
|
};
|
|
26
26
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
2
2
|
export const context = {
|
|
3
3
|
componentName: 'smart-cards',
|
|
4
4
|
packageName: "@atlaskit/smart-card",
|
|
5
|
-
packageVersion: "40.4.
|
|
5
|
+
packageVersion: "40.4.1"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { ElementName, IconType } from '../../../../../constants';
|
|
5
4
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
6
5
|
import { BaseBadgeElement, toBadgeProps } from '../common';
|
|
@@ -12,14 +11,9 @@ const CommentCountElement = props => {
|
|
|
12
11
|
onRender,
|
|
13
12
|
...restProps
|
|
14
13
|
} = props || {};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
21
|
-
}, [data, onRender]);
|
|
22
|
-
}
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
16
|
+
}, [data, onRender]);
|
|
23
17
|
return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
|
|
24
18
|
icon: IconType.Comment
|
|
25
19
|
}, data, restProps, {
|
package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { forwardRef } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
8
7
|
import { IconType } from '../../../../../../constants';
|
|
9
8
|
import { messages } from '../../../../../../messages';
|
|
@@ -94,7 +93,7 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
|
|
|
94
93
|
"data-testid": testId,
|
|
95
94
|
ref: ref,
|
|
96
95
|
style: {
|
|
97
|
-
color
|
|
96
|
+
color
|
|
98
97
|
},
|
|
99
98
|
className: ax([styles.container, colorMap[appearance]])
|
|
100
99
|
}, !hideIcon && /*#__PURE__*/React.createElement(Box, {
|
package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/index.js
CHANGED
|
@@ -75,7 +75,7 @@ const BaseDateTimeElement = ({
|
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
let content;
|
|
78
|
-
if (hideDatePrefix
|
|
78
|
+
if (hideDatePrefix) {
|
|
79
79
|
content = context;
|
|
80
80
|
} else if (text) {
|
|
81
81
|
content = `${text} ${context}`;
|
|
@@ -88,7 +88,7 @@ const BaseDateTimeElement = ({
|
|
|
88
88
|
}
|
|
89
89
|
return /*#__PURE__*/React.createElement("span", {
|
|
90
90
|
style: {
|
|
91
|
-
color
|
|
91
|
+
color
|
|
92
92
|
},
|
|
93
93
|
"data-separator": true,
|
|
94
94
|
"data-smart-element": name,
|
|
@@ -32,8 +32,7 @@ export const BaseTextElement = ({
|
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
34
34
|
const dynamicCss = null;
|
|
35
|
-
const
|
|
36
|
-
const oldContent = getFormattedMessage(message) || content;
|
|
35
|
+
const formattedContent = hideFormat && content ? content : getFormattedMessage(message) || content;
|
|
37
36
|
return /*#__PURE__*/React.createElement("span", {
|
|
38
37
|
"data-separator": true,
|
|
39
38
|
"data-smart-element": name,
|
|
@@ -43,31 +42,21 @@ export const BaseTextElement = ({
|
|
|
43
42
|
,
|
|
44
43
|
className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102k1dud", className]),
|
|
45
44
|
style: {
|
|
46
|
-
color
|
|
45
|
+
color,
|
|
47
46
|
"--_1erfju8": ix(maxLines)
|
|
48
47
|
}
|
|
49
|
-
},
|
|
48
|
+
}, formattedContent);
|
|
50
49
|
};
|
|
51
50
|
export default BaseTextElement;
|
|
52
51
|
export const toFormattedTextProps = (descriptor, context) => {
|
|
53
|
-
if (fg('platform-linking-additional-flexible-element-props')) {
|
|
54
|
-
return context ? {
|
|
55
|
-
message: {
|
|
56
|
-
descriptor,
|
|
57
|
-
values: {
|
|
58
|
-
context
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
content: context
|
|
62
|
-
} : undefined;
|
|
63
|
-
}
|
|
64
52
|
return context ? {
|
|
65
53
|
message: {
|
|
66
54
|
descriptor,
|
|
67
55
|
values: {
|
|
68
56
|
context
|
|
69
57
|
}
|
|
70
|
-
}
|
|
58
|
+
},
|
|
59
|
+
content: context
|
|
71
60
|
} : undefined;
|
|
72
61
|
};
|
|
73
62
|
export const toTextProps = content => {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { ElementName } from '../../../../../constants';
|
|
5
4
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
6
5
|
import { BaseDateTimeElement, toDateTimeProps } from '../common';
|
|
@@ -11,13 +10,9 @@ const ModifiedOnElement = props => {
|
|
|
11
10
|
onRender,
|
|
12
11
|
...restProps
|
|
13
12
|
} = props || {};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
19
|
-
}, [data, onRender]);
|
|
20
|
-
}
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
15
|
+
}, [data, onRender]);
|
|
21
16
|
return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, restProps, {
|
|
22
17
|
name: ElementName.ModifiedOn
|
|
23
18
|
})) : null;
|
|
@@ -13,14 +13,9 @@ const OwnedByElement = props => {
|
|
|
13
13
|
...restProps
|
|
14
14
|
} = props || {};
|
|
15
15
|
const data = context ? toFormattedTextProps(fg('bandicoots-smart-card-teamwork-context') ? messages[textPrefix] : messages.owned_by, context === null || context === void 0 ? void 0 : context.ownedBy) : null;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
22
|
-
}, [data, onRender]);
|
|
23
|
-
}
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
18
|
+
}, [data, onRender]);
|
|
24
19
|
return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, restProps, {
|
|
25
20
|
name: ElementName.OwnedBy
|
|
26
21
|
})) : null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { ElementName } from '../../../../../constants';
|
|
5
4
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
6
5
|
import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
|
|
@@ -11,13 +10,9 @@ const OwnedByGroupElement = props => {
|
|
|
11
10
|
onRender,
|
|
12
11
|
...restProps
|
|
13
12
|
} = props || {};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
19
|
-
}, [data, onRender]);
|
|
20
|
-
}
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
15
|
+
}, [data, onRender]);
|
|
21
16
|
return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, restProps, {
|
|
22
17
|
name: ElementName.OwnedByGroup
|
|
23
18
|
})) : null;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
import { ElementName, IconType } from '../../../../../constants';
|
|
5
4
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
6
5
|
import { BaseBadgeElement, toBadgeProps } from '../common';
|
|
@@ -12,13 +11,9 @@ const ReactCountElement = props => {
|
|
|
12
11
|
onRender,
|
|
13
12
|
...restProps
|
|
14
13
|
} = props || {};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
20
|
-
}, [data, onRender]);
|
|
21
|
-
}
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
onRender === null || onRender === void 0 ? void 0 : onRender(!!data);
|
|
16
|
+
}, [data, onRender]);
|
|
22
17
|
return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
|
|
23
18
|
icon: IconType.React
|
|
24
19
|
}, data, restProps, {
|
|
@@ -21,80 +21,59 @@ export const AuthorGroupElement = () => /*#__PURE__*/React.createElement(AuthorG
|
|
|
21
21
|
export const ChecklistProgressElement = () => /*#__PURE__*/React.createElement(ChecklistProgress, null);
|
|
22
22
|
export const CollaboratorGroupElement = () => /*#__PURE__*/React.createElement(CollaboratorGroup, null);
|
|
23
23
|
export const CommentCountElement = props => {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
return /*#__PURE__*/React.createElement(CommentCount, null);
|
|
24
|
+
return /*#__PURE__*/React.createElement(CommentCount, {
|
|
25
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
26
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
27
|
+
});
|
|
31
28
|
};
|
|
32
29
|
export const CreatedOnElement = () => /*#__PURE__*/React.createElement(CreatedOn, null);
|
|
33
30
|
export const CreatedByElement = () => /*#__PURE__*/React.createElement(CreatedBy, null);
|
|
34
31
|
export const DueOnElement = () => /*#__PURE__*/React.createElement(DueOn, null);
|
|
35
32
|
export const LatestCommitElement = () => /*#__PURE__*/React.createElement(LatestCommit, null);
|
|
36
33
|
export const LinkIconElement = props => {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
return /*#__PURE__*/React.createElement(LinkIcon, null);
|
|
34
|
+
return /*#__PURE__*/React.createElement(LinkIcon, {
|
|
35
|
+
size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? SmartLinkSize.Large : SmartLinkSize.Medium,
|
|
36
|
+
render: props === null || props === void 0 ? void 0 : props.render
|
|
37
|
+
});
|
|
44
38
|
};
|
|
45
39
|
export const LocationElement = () => /*#__PURE__*/React.createElement(Location, null);
|
|
46
40
|
export const ModifiedByElement = () => /*#__PURE__*/React.createElement(ModifiedBy, null);
|
|
47
41
|
export const ModifiedOnElement = props => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
return /*#__PURE__*/React.createElement(ModifiedOn, null);
|
|
42
|
+
return /*#__PURE__*/React.createElement(ModifiedOn, {
|
|
43
|
+
hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
|
|
44
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
45
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender,
|
|
46
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
47
|
+
});
|
|
57
48
|
};
|
|
58
49
|
export const OwnedByElement = props => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
} : undefined));
|
|
68
|
-
}
|
|
69
|
-
return /*#__PURE__*/React.createElement(OwnedBy, null);
|
|
50
|
+
return /*#__PURE__*/React.createElement(OwnedBy, _extends({
|
|
51
|
+
hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
|
|
52
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
53
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
54
|
+
}, fg('bandicoots-smart-card-teamwork-context') ? {
|
|
55
|
+
textPrefix: props === null || props === void 0 ? void 0 : props.textPrefix,
|
|
56
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
57
|
+
} : undefined));
|
|
70
58
|
};
|
|
71
59
|
export const OwnedByGroupElement = props => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
return /*#__PURE__*/React.createElement(OwnedByGroup, null);
|
|
60
|
+
return /*#__PURE__*/React.createElement(OwnedByGroup, {
|
|
61
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
62
|
+
});
|
|
78
63
|
};
|
|
79
64
|
export const PreviewElement = props => {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
return /*#__PURE__*/React.createElement(Preview, null);
|
|
65
|
+
return /*#__PURE__*/React.createElement(Preview, {
|
|
66
|
+
overrideUrl: props === null || props === void 0 ? void 0 : props.url
|
|
67
|
+
});
|
|
86
68
|
};
|
|
87
69
|
export const PriorityElement = () => /*#__PURE__*/React.createElement(Priority, null);
|
|
88
70
|
export const ProgrammingLanguageElement = () => /*#__PURE__*/React.createElement(ProgrammingLanguage, null);
|
|
89
71
|
export const ProviderElement = () => /*#__PURE__*/React.createElement(Provider, null);
|
|
90
72
|
export const ReactCountElement = props => {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
return /*#__PURE__*/React.createElement(ReactCount, null);
|
|
73
|
+
return /*#__PURE__*/React.createElement(ReactCount, {
|
|
74
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
75
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
76
|
+
});
|
|
98
77
|
};
|
|
99
78
|
export const ReadTimeElement = () => /*#__PURE__*/React.createElement(ReadTime, null);
|
|
100
79
|
export const SentOnElement = () => /*#__PURE__*/React.createElement(SentOn, null);
|
|
@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
10
10
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
11
11
|
const PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "40.4.
|
|
13
|
+
packageVersion: "40.4.1",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export var context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "40.4.
|
|
7
|
+
packageVersion: "40.4.1"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["onRender"];
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { ElementName, IconType } from '../../../../../constants';
|
|
7
6
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
8
7
|
import { BaseBadgeElement, toBadgeProps } from '../common';
|
|
@@ -13,14 +12,9 @@ var CommentCountElement = function CommentCountElement(props) {
|
|
|
13
12
|
var _ref = props || {},
|
|
14
13
|
onRender = _ref.onRender,
|
|
15
14
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
20
|
-
useEffect(function () {
|
|
21
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
22
|
-
}, [data, onRender]);
|
|
23
|
-
}
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
17
|
+
}, [data, onRender]);
|
|
24
18
|
return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
|
|
25
19
|
icon: IconType.Comment
|
|
26
20
|
}, data, restProps, {
|
|
@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
/* eslint-disable @atlaskit/design-system/use-tokens-typography */
|
|
7
7
|
|
|
8
8
|
import React, { forwardRef } from 'react';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
10
|
import { IconType } from '../../../../../../constants';
|
|
12
11
|
import { messages } from '../../../../../../messages';
|
|
@@ -87,7 +86,7 @@ var BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
87
86
|
"data-testid": testId,
|
|
88
87
|
ref: ref,
|
|
89
88
|
style: {
|
|
90
|
-
color: color
|
|
89
|
+
color: color
|
|
91
90
|
},
|
|
92
91
|
className: ax([styles.container, colorMap[appearance]])
|
|
93
92
|
}, !hideIcon && /*#__PURE__*/React.createElement(Box, {
|
package/dist/esm/view/FlexibleCard/components/elements/common/base-date-time-element/index.js
CHANGED
|
@@ -74,7 +74,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
|
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
var content;
|
|
77
|
-
if (hideDatePrefix
|
|
77
|
+
if (hideDatePrefix) {
|
|
78
78
|
content = context;
|
|
79
79
|
} else if (text) {
|
|
80
80
|
content = "".concat(text, " ").concat(context);
|
|
@@ -87,7 +87,7 @@ var BaseDateTimeElement = function BaseDateTimeElement(_ref) {
|
|
|
87
87
|
}
|
|
88
88
|
return /*#__PURE__*/React.createElement("span", {
|
|
89
89
|
style: {
|
|
90
|
-
color: color
|
|
90
|
+
color: color
|
|
91
91
|
},
|
|
92
92
|
"data-separator": true,
|
|
93
93
|
"data-smart-element": name,
|
|
@@ -34,8 +34,7 @@ export var BaseTextElement = function BaseTextElement(_ref) {
|
|
|
34
34
|
return null;
|
|
35
35
|
}
|
|
36
36
|
var dynamicCss = null;
|
|
37
|
-
var
|
|
38
|
-
var oldContent = getFormattedMessage(message) || content;
|
|
37
|
+
var formattedContent = hideFormat && content ? content : getFormattedMessage(message) || content;
|
|
39
38
|
return /*#__PURE__*/React.createElement("span", {
|
|
40
39
|
"data-separator": true,
|
|
41
40
|
"data-smart-element": name,
|
|
@@ -45,32 +44,22 @@ export var BaseTextElement = function BaseTextElement(_ref) {
|
|
|
45
44
|
,
|
|
46
45
|
className: ax(["_11c81o8v _1reo15vq _18m915vq _syaz1gjq _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fg('bandicoots-smart-card-teamwork-context') && fontOverrideStyleMap[fontSize], "_1yyjr31u _102klxil", className]),
|
|
47
46
|
style: {
|
|
48
|
-
color: color
|
|
47
|
+
color: color,
|
|
49
48
|
"--_1erfju8": ix(maxLines),
|
|
50
49
|
"--_ohw86c": ix("calc(".concat(maxLines, " * 1rem)"))
|
|
51
50
|
}
|
|
52
|
-
},
|
|
51
|
+
}, formattedContent);
|
|
53
52
|
};
|
|
54
53
|
export default BaseTextElement;
|
|
55
54
|
export var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
|
|
56
|
-
if (fg('platform-linking-additional-flexible-element-props')) {
|
|
57
|
-
return context ? {
|
|
58
|
-
message: {
|
|
59
|
-
descriptor: descriptor,
|
|
60
|
-
values: {
|
|
61
|
-
context: context
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
content: context
|
|
65
|
-
} : undefined;
|
|
66
|
-
}
|
|
67
55
|
return context ? {
|
|
68
56
|
message: {
|
|
69
57
|
descriptor: descriptor,
|
|
70
58
|
values: {
|
|
71
59
|
context: context
|
|
72
60
|
}
|
|
73
|
-
}
|
|
61
|
+
},
|
|
62
|
+
content: context
|
|
74
63
|
} : undefined;
|
|
75
64
|
};
|
|
76
65
|
export var toTextProps = function toTextProps(content) {
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["onRender"];
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { ElementName } from '../../../../../constants';
|
|
7
6
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
8
7
|
import { BaseDateTimeElement, toDateTimeProps } from '../common';
|
|
@@ -12,13 +11,9 @@ var ModifiedOnElement = function ModifiedOnElement(props) {
|
|
|
12
11
|
var _ref = props || {},
|
|
13
12
|
onRender = _ref.onRender,
|
|
14
13
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
useEffect(function () {
|
|
19
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
20
|
-
}, [data, onRender]);
|
|
21
|
-
}
|
|
14
|
+
useEffect(function () {
|
|
15
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
16
|
+
}, [data, onRender]);
|
|
22
17
|
return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, restProps, {
|
|
23
18
|
name: ElementName.ModifiedOn
|
|
24
19
|
})) : null;
|
|
@@ -15,14 +15,9 @@ var OwnedByElement = function OwnedByElement(props) {
|
|
|
15
15
|
textPrefix = _ref$textPrefix === void 0 ? 'owned_by' : _ref$textPrefix,
|
|
16
16
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
17
17
|
var data = context ? toFormattedTextProps(fg('bandicoots-smart-card-teamwork-context') ? messages[textPrefix] : messages.owned_by, context === null || context === void 0 ? void 0 : context.ownedBy) : null;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
22
|
-
useEffect(function () {
|
|
23
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
24
|
-
}, [data, onRender]);
|
|
25
|
-
}
|
|
18
|
+
useEffect(function () {
|
|
19
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
20
|
+
}, [data, onRender]);
|
|
26
21
|
return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, restProps, {
|
|
27
22
|
name: ElementName.OwnedBy
|
|
28
23
|
})) : null;
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["onRender"];
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { ElementName } from '../../../../../constants';
|
|
7
6
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
8
7
|
import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
|
|
@@ -12,13 +11,9 @@ var OwnedByGroupElement = function OwnedByGroupElement(props) {
|
|
|
12
11
|
var _ref = props || {},
|
|
13
12
|
onRender = _ref.onRender,
|
|
14
13
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
useEffect(function () {
|
|
19
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
20
|
-
}, [data, onRender]);
|
|
21
|
-
}
|
|
14
|
+
useEffect(function () {
|
|
15
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
16
|
+
}, [data, onRender]);
|
|
22
17
|
return data ? /*#__PURE__*/React.createElement(BaseAvatarGroupElement, _extends({}, data, restProps, {
|
|
23
18
|
name: ElementName.OwnedByGroup
|
|
24
19
|
})) : null;
|
|
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["onRender"];
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { ElementName, IconType } from '../../../../../constants';
|
|
7
6
|
import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
8
7
|
import { BaseBadgeElement, toBadgeProps } from '../common';
|
|
@@ -13,13 +12,9 @@ var ReactCountElement = function ReactCountElement(props) {
|
|
|
13
12
|
var _ref = props || {},
|
|
14
13
|
onRender = _ref.onRender,
|
|
15
14
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
useEffect(function () {
|
|
20
|
-
onRender === null || onRender === void 0 || onRender(!!data);
|
|
21
|
-
}, [data, onRender]);
|
|
22
|
-
}
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
onRender === null || onRender === void 0 || onRender(!!data);
|
|
17
|
+
}, [data, onRender]);
|
|
23
18
|
return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
|
|
24
19
|
icon: IconType.React
|
|
25
20
|
}, data, restProps, {
|
|
@@ -33,13 +33,10 @@ export var CollaboratorGroupElement = function CollaboratorGroupElement() {
|
|
|
33
33
|
return /*#__PURE__*/React.createElement(CollaboratorGroup, null);
|
|
34
34
|
};
|
|
35
35
|
export var CommentCountElement = function CommentCountElement(props) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
return /*#__PURE__*/React.createElement(CommentCount, null);
|
|
36
|
+
return /*#__PURE__*/React.createElement(CommentCount, {
|
|
37
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
38
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
39
|
+
});
|
|
43
40
|
};
|
|
44
41
|
export var CreatedOnElement = function CreatedOnElement() {
|
|
45
42
|
return /*#__PURE__*/React.createElement(CreatedOn, null);
|
|
@@ -54,13 +51,10 @@ export var LatestCommitElement = function LatestCommitElement() {
|
|
|
54
51
|
return /*#__PURE__*/React.createElement(LatestCommit, null);
|
|
55
52
|
};
|
|
56
53
|
export var LinkIconElement = function LinkIconElement(props) {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
return /*#__PURE__*/React.createElement(LinkIcon, null);
|
|
54
|
+
return /*#__PURE__*/React.createElement(LinkIcon, {
|
|
55
|
+
size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? SmartLinkSize.Large : SmartLinkSize.Medium,
|
|
56
|
+
render: props === null || props === void 0 ? void 0 : props.render
|
|
57
|
+
});
|
|
64
58
|
};
|
|
65
59
|
export var LocationElement = function LocationElement() {
|
|
66
60
|
return /*#__PURE__*/React.createElement(Location, null);
|
|
@@ -69,44 +63,32 @@ export var ModifiedByElement = function ModifiedByElement() {
|
|
|
69
63
|
return /*#__PURE__*/React.createElement(ModifiedBy, null);
|
|
70
64
|
};
|
|
71
65
|
export var ModifiedOnElement = function ModifiedOnElement(props) {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
return /*#__PURE__*/React.createElement(ModifiedOn, null);
|
|
66
|
+
return /*#__PURE__*/React.createElement(ModifiedOn, {
|
|
67
|
+
hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix,
|
|
68
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
69
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender,
|
|
70
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
71
|
+
});
|
|
81
72
|
};
|
|
82
73
|
export var OwnedByElement = function OwnedByElement(props) {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
} : undefined));
|
|
92
|
-
}
|
|
93
|
-
return /*#__PURE__*/React.createElement(OwnedBy, null);
|
|
74
|
+
return /*#__PURE__*/React.createElement(OwnedBy, _extends({
|
|
75
|
+
hideFormat: props === null || props === void 0 ? void 0 : props.hideFormat,
|
|
76
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
77
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
78
|
+
}, fg('bandicoots-smart-card-teamwork-context') ? {
|
|
79
|
+
textPrefix: props === null || props === void 0 ? void 0 : props.textPrefix,
|
|
80
|
+
fontSize: props === null || props === void 0 ? void 0 : props.fontSize
|
|
81
|
+
} : undefined));
|
|
94
82
|
};
|
|
95
83
|
export var OwnedByGroupElement = function OwnedByGroupElement(props) {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
return /*#__PURE__*/React.createElement(OwnedByGroup, null);
|
|
84
|
+
return /*#__PURE__*/React.createElement(OwnedByGroup, {
|
|
85
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
86
|
+
});
|
|
102
87
|
};
|
|
103
88
|
export var PreviewElement = function PreviewElement(props) {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
return /*#__PURE__*/React.createElement(Preview, null);
|
|
89
|
+
return /*#__PURE__*/React.createElement(Preview, {
|
|
90
|
+
overrideUrl: props === null || props === void 0 ? void 0 : props.url
|
|
91
|
+
});
|
|
110
92
|
};
|
|
111
93
|
export var PriorityElement = function PriorityElement() {
|
|
112
94
|
return /*#__PURE__*/React.createElement(Priority, null);
|
|
@@ -118,13 +100,10 @@ export var ProviderElement = function ProviderElement() {
|
|
|
118
100
|
return /*#__PURE__*/React.createElement(Provider, null);
|
|
119
101
|
};
|
|
120
102
|
export var ReactCountElement = function ReactCountElement(props) {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
return /*#__PURE__*/React.createElement(ReactCount, null);
|
|
103
|
+
return /*#__PURE__*/React.createElement(ReactCount, {
|
|
104
|
+
color: props === null || props === void 0 ? void 0 : props.color,
|
|
105
|
+
onRender: props === null || props === void 0 ? void 0 : props.onRender
|
|
106
|
+
});
|
|
128
107
|
};
|
|
129
108
|
export var ReadTimeElement = function ReadTimeElement() {
|
|
130
109
|
return /*#__PURE__*/React.createElement(ReadTime, null);
|
|
@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
13
13
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
14
14
|
var PACKAGE_DATA = {
|
|
15
15
|
packageName: "@atlaskit/smart-card",
|
|
16
|
-
packageVersion: "40.4.
|
|
16
|
+
packageVersion: "40.4.1",
|
|
17
17
|
componentName: 'linkUrl'
|
|
18
18
|
};
|
|
19
19
|
var Anchor = withLinkClickedEvent('a');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "40.4.
|
|
3
|
+
"version": "40.4.2",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"@atlaskit/analytics-listeners": "^9.0.0",
|
|
97
97
|
"@atlaskit/css-reset": "^7.3.0",
|
|
98
98
|
"@atlaskit/media-test-helpers": "^37.0.0",
|
|
99
|
-
"@atlaskit/react-ufo": "^4.
|
|
99
|
+
"@atlaskit/react-ufo": "^4.1.0",
|
|
100
100
|
"@atlaskit/ssr": "workspace:^",
|
|
101
101
|
"@atlaskit/visual-regression": "workspace:^",
|
|
102
102
|
"@atlassian/analytics-tooling": "^0.5.0",
|
|
@@ -214,9 +214,6 @@
|
|
|
214
214
|
"platform-smart-card-remove-legacy-button": {
|
|
215
215
|
"type": "boolean"
|
|
216
216
|
},
|
|
217
|
-
"platform-linking-additional-flexible-element-props": {
|
|
218
|
-
"type": "boolean"
|
|
219
|
-
},
|
|
220
217
|
"platform-linking-ai-summary-migration-to-convo-ai": {
|
|
221
218
|
"type": "boolean"
|
|
222
219
|
},
|