@atlaskit/smart-card 26.41.0 → 26.41.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 +6 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/elements/index.js +10 -2
- package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js +39 -0
- package/dist/cjs/view/FlexibleCard/components/elements/text/index.js +2 -3
- package/dist/cjs/view/FlexibleCard/components/elements/utils.js +1 -12
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/snippet-block/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/elements/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js +25 -0
- package/dist/es2019/view/FlexibleCard/components/elements/text/index.js +2 -3
- package/dist/es2019/view/FlexibleCard/components/elements/utils.js +0 -13
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/FlexibleCard/components/blocks/snippet-block/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/elements/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/elements/snippet-element/index.js +29 -0
- package/dist/esm/view/FlexibleCard/components/elements/text/index.js +2 -3
- package/dist/esm/view/FlexibleCard/components/elements/utils.js +1 -12
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/FlexibleCard/components/elements/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/elements/snippet-element/index.d.ts +4 -0
- package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/snippet-element/index.d.ts +4 -0
- package/dist/types-ts4.5/view/FlexibleCard/components/elements/text/types.d.ts +0 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 26.41.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#42443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42443) [`220a7a76105`](https://bitbucket.org/atlassian/atlassian-frontend/commits/220a7a76105) - Display override content on Snippet element without link data
|
|
8
|
+
|
|
3
9
|
## 26.41.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
|
|
|
22
22
|
var context = exports.context = {
|
|
23
23
|
componentName: 'smart-cards',
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "26.41.
|
|
25
|
+
packageVersion: "26.41.1"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -40,7 +40,7 @@ var SnippetBlock = function SnippetBlock(_ref) {
|
|
|
40
40
|
testId: "".concat(testId, "-resolved-view")
|
|
41
41
|
}), /*#__PURE__*/_react.default.createElement(_elements.Snippet, {
|
|
42
42
|
maxLines: snippetMaxLines,
|
|
43
|
-
|
|
43
|
+
content: text
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
46
46
|
var _default = exports.default = SnippetBlock;
|
|
@@ -11,10 +11,18 @@ Object.defineProperty(exports, "Preview", {
|
|
|
11
11
|
return _preview.default;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
-
exports.
|
|
14
|
+
exports.SentOn = exports.ReadTime = exports.ReactCount = exports.Provider = exports.ProgrammingLanguage = exports.Priority = void 0;
|
|
15
|
+
Object.defineProperty(exports, "Snippet", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function get() {
|
|
18
|
+
return _snippetElement.default;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
exports.VoteCount = exports.ViewCount = exports.Title = exports.TargetBranch = exports.SubscriberCount = exports.SubTasksProgress = exports.StoryPoints = exports.State = exports.SourceBranch = void 0;
|
|
15
22
|
var _utils = require("./utils");
|
|
16
23
|
var _constants = require("../../../../constants");
|
|
17
24
|
var _preview = _interopRequireDefault(require("./preview"));
|
|
25
|
+
var _snippetElement = _interopRequireDefault(require("./snippet-element"));
|
|
18
26
|
// Attention: Keep the export name and element name the same.
|
|
19
27
|
// This will help reducing the code for mapping elements inside
|
|
20
28
|
// createElement and renderElementItems
|
|
@@ -141,7 +149,7 @@ var SentOn = exports.SentOn = (0, _utils.createElement)(_constants.ElementName.S
|
|
|
141
149
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
142
150
|
* @see Text
|
|
143
151
|
*/
|
|
144
|
-
|
|
152
|
+
|
|
145
153
|
/**
|
|
146
154
|
* Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
|
|
147
155
|
* @see Text
|
|
@@ -0,0 +1,39 @@
|
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
12
|
+
var _react = require("@emotion/react");
|
|
13
|
+
var _react2 = _interopRequireWildcard(require("react"));
|
|
14
|
+
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
15
|
+
var _text = _interopRequireDefault(require("../text"));
|
|
16
|
+
var _excluded = ["content", "maxLines", "overrideCss"];
|
|
17
|
+
var _templateObject;
|
|
18
|
+
/** @jsx jsx */
|
|
19
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
var SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
22
|
+
var getSnippetStyles = function getSnippetStyles(overrideCss) {
|
|
23
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n ", ";\n"])), "var(--ds-text, #172B4D)", overrideCss);
|
|
24
|
+
};
|
|
25
|
+
var SnippetElement = function SnippetElement() {
|
|
26
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
27
|
+
var overrideContent = _ref.content,
|
|
28
|
+
_ref$maxLines = _ref.maxLines,
|
|
29
|
+
maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
|
|
30
|
+
overrideCss = _ref.overrideCss,
|
|
31
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
32
|
+
var context = (0, _react2.useContext)(_flexibleUiContext.FlexibleUiContext);
|
|
33
|
+
return (0, _react.jsx)(_text.default, (0, _extends2.default)({
|
|
34
|
+
content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
|
|
35
|
+
maxLines: maxLines,
|
|
36
|
+
overrideCss: getSnippetStyles(overrideCss)
|
|
37
|
+
}, props));
|
|
38
|
+
};
|
|
39
|
+
var _default = exports.default = SnippetElement;
|
|
@@ -30,8 +30,7 @@ var Text = function Text(_ref) {
|
|
|
30
30
|
name = _ref.name,
|
|
31
31
|
overrideCss = _ref.overrideCss,
|
|
32
32
|
_ref$testId = _ref.testId,
|
|
33
|
-
testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId
|
|
34
|
-
text = _ref.text;
|
|
33
|
+
testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
|
|
35
34
|
if (!message && !content) {
|
|
36
35
|
return null;
|
|
37
36
|
}
|
|
@@ -41,6 +40,6 @@ var Text = function Text(_ref) {
|
|
|
41
40
|
"data-smart-element": name,
|
|
42
41
|
"data-smart-element-text": true,
|
|
43
42
|
"data-testid": testId
|
|
44
|
-
},
|
|
43
|
+
}, (0, _utils.getFormattedMessage)(message) || content);
|
|
45
44
|
};
|
|
46
45
|
var _default = exports.default = Text;
|
|
@@ -9,10 +9,8 @@ exports.createElement = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
13
|
var _reactIntlNext = require("react-intl-next");
|
|
15
|
-
var _react2 = require("@emotion/react");
|
|
16
14
|
var _constants = require("../../../../constants");
|
|
17
15
|
var _icon = _interopRequireDefault(require("./icon"));
|
|
18
16
|
var _link = _interopRequireDefault(require("./link"));
|
|
@@ -24,12 +22,10 @@ var _media = _interopRequireDefault(require("./media"));
|
|
|
24
22
|
var _text = _interopRequireDefault(require("./text"));
|
|
25
23
|
var _messages = require("../../../../messages");
|
|
26
24
|
var _dateTime = _interopRequireDefault(require("./date-time"));
|
|
27
|
-
var _token = require("../../../../utils/token");
|
|
28
25
|
var _atlaskitBadge = _interopRequireDefault(require("./atlaskit-badge"));
|
|
29
|
-
var
|
|
26
|
+
var _elementMappings;
|
|
30
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
|
-
var SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
33
29
|
var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AttachmentCount, {
|
|
34
30
|
component: _badge.default,
|
|
35
31
|
props: {
|
|
@@ -104,12 +100,6 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
|
|
|
104
100
|
component: _text.default
|
|
105
101
|
}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.SentOn, {
|
|
106
102
|
component: _dateTime.default
|
|
107
|
-
}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Snippet, {
|
|
108
|
-
component: _text.default,
|
|
109
|
-
props: {
|
|
110
|
-
maxLines: SNIPPET_DEFAULT_MAX_LINES,
|
|
111
|
-
overrideCss: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n "])), _token.tokens.snippet)
|
|
112
|
-
}
|
|
113
103
|
}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.SourceBranch, {
|
|
114
104
|
component: _text.default
|
|
115
105
|
}), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.State, {
|
|
@@ -185,7 +175,6 @@ var getData = function getData(elementName, contextKey, context) {
|
|
|
185
175
|
return toDateTimeProps('sent', context.sentOn);
|
|
186
176
|
case _constants.ElementName.ReadTime:
|
|
187
177
|
return toFormattedTextProps(_messages.messages.read_time, data);
|
|
188
|
-
case _constants.ElementName.Snippet:
|
|
189
178
|
case _constants.ElementName.SourceBranch:
|
|
190
179
|
case _constants.ElementName.TargetBranch:
|
|
191
180
|
return toTextProps(data);
|
|
@@ -18,7 +18,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
18
18
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
19
19
|
var PACKAGE_DATA = {
|
|
20
20
|
packageName: "@atlaskit/smart-card",
|
|
21
|
-
packageVersion: "26.41.
|
|
21
|
+
packageVersion: "26.41.1",
|
|
22
22
|
componentName: 'linkUrl'
|
|
23
23
|
};
|
|
24
24
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
|
|
|
4
4
|
export const context = {
|
|
5
5
|
componentName: 'smart-cards',
|
|
6
6
|
packageName: "@atlaskit/smart-card",
|
|
7
|
-
packageVersion: "26.41.
|
|
7
|
+
packageVersion: "26.41.1"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -126,7 +126,7 @@ export const SentOn = createElement(ElementName.SentOn);
|
|
|
126
126
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
127
127
|
* @see Text
|
|
128
128
|
*/
|
|
129
|
-
export
|
|
129
|
+
export { default as Snippet } from './snippet-element';
|
|
130
130
|
/**
|
|
131
131
|
* Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
|
|
132
132
|
* @see Text
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/** @jsx jsx */
|
|
3
|
+
import { css, jsx } from '@emotion/react';
|
|
4
|
+
import React, { useContext } from 'react';
|
|
5
|
+
import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
6
|
+
import Text from '../text';
|
|
7
|
+
const SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
8
|
+
const getSnippetStyles = overrideCss => css`
|
|
9
|
+
color: ${"var(--ds-text, #172B4D)"};
|
|
10
|
+
${overrideCss};
|
|
11
|
+
`;
|
|
12
|
+
const SnippetElement = ({
|
|
13
|
+
content: overrideContent,
|
|
14
|
+
maxLines = SNIPPET_DEFAULT_MAX_LINES,
|
|
15
|
+
overrideCss,
|
|
16
|
+
...props
|
|
17
|
+
} = {}) => {
|
|
18
|
+
const context = useContext(FlexibleUiContext);
|
|
19
|
+
return jsx(Text, _extends({
|
|
20
|
+
content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
|
|
21
|
+
maxLines: maxLines,
|
|
22
|
+
overrideCss: getSnippetStyles(overrideCss)
|
|
23
|
+
}, props));
|
|
24
|
+
};
|
|
25
|
+
export default SnippetElement;
|
|
@@ -23,8 +23,7 @@ const Text = ({
|
|
|
23
23
|
message,
|
|
24
24
|
name,
|
|
25
25
|
overrideCss,
|
|
26
|
-
testId = 'smart-element-text'
|
|
27
|
-
text
|
|
26
|
+
testId = 'smart-element-text'
|
|
28
27
|
}) => {
|
|
29
28
|
if (!message && !content) {
|
|
30
29
|
return null;
|
|
@@ -35,6 +34,6 @@ const Text = ({
|
|
|
35
34
|
"data-smart-element": name,
|
|
36
35
|
"data-smart-element-text": true,
|
|
37
36
|
"data-testid": testId
|
|
38
|
-
},
|
|
37
|
+
}, getFormattedMessage(message) || content);
|
|
39
38
|
};
|
|
40
39
|
export default Text;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useContext } from 'react';
|
|
3
3
|
import { FormattedDate } from 'react-intl-next';
|
|
4
|
-
import { css } from '@emotion/react';
|
|
5
4
|
import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
|
|
6
5
|
import Icon from './icon';
|
|
7
6
|
import Link from './link';
|
|
@@ -13,9 +12,7 @@ import Media from './media';
|
|
|
13
12
|
import Text from './text';
|
|
14
13
|
import { messages } from '../../../../messages';
|
|
15
14
|
import DateTime from './date-time';
|
|
16
|
-
import { tokens } from '../../../../utils/token';
|
|
17
15
|
import AtlaskitBadge from './atlaskit-badge';
|
|
18
|
-
const SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
19
16
|
const elementMappings = {
|
|
20
17
|
[ElementName.AttachmentCount]: {
|
|
21
18
|
component: Badge,
|
|
@@ -116,15 +113,6 @@ const elementMappings = {
|
|
|
116
113
|
[ElementName.SentOn]: {
|
|
117
114
|
component: DateTime
|
|
118
115
|
},
|
|
119
|
-
[ElementName.Snippet]: {
|
|
120
|
-
component: Text,
|
|
121
|
-
props: {
|
|
122
|
-
maxLines: SNIPPET_DEFAULT_MAX_LINES,
|
|
123
|
-
overrideCss: css`
|
|
124
|
-
color: ${tokens.snippet};
|
|
125
|
-
`
|
|
126
|
-
}
|
|
127
|
-
},
|
|
128
116
|
[ElementName.SourceBranch]: {
|
|
129
117
|
component: Text
|
|
130
118
|
},
|
|
@@ -208,7 +196,6 @@ const getData = (elementName, contextKey, context) => {
|
|
|
208
196
|
return toDateTimeProps('sent', context.sentOn);
|
|
209
197
|
case ElementName.ReadTime:
|
|
210
198
|
return toFormattedTextProps(messages.read_time, data);
|
|
211
|
-
case ElementName.Snippet:
|
|
212
199
|
case ElementName.SourceBranch:
|
|
213
200
|
case ElementName.TargetBranch:
|
|
214
201
|
return toTextProps(data);
|
|
@@ -8,7 +8,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
8
8
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
const PACKAGE_DATA = {
|
|
10
10
|
packageName: "@atlaskit/smart-card",
|
|
11
|
-
packageVersion: "26.41.
|
|
11
|
+
packageVersion: "26.41.1",
|
|
12
12
|
componentName: 'linkUrl'
|
|
13
13
|
};
|
|
14
14
|
const Link = withLinkClickedEvent('a');
|
|
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
|
|
|
15
15
|
export var context = {
|
|
16
16
|
componentName: 'smart-cards',
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "26.41.
|
|
18
|
+
packageVersion: "26.41.1"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -126,7 +126,7 @@ export var SentOn = createElement(ElementName.SentOn);
|
|
|
126
126
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
127
127
|
* @see Text
|
|
128
128
|
*/
|
|
129
|
-
export
|
|
129
|
+
export { default as Snippet } from './snippet-element';
|
|
130
130
|
/**
|
|
131
131
|
* Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
|
|
132
132
|
* @see Text
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
|
+
var _excluded = ["content", "maxLines", "overrideCss"];
|
|
5
|
+
var _templateObject;
|
|
6
|
+
/** @jsx jsx */
|
|
7
|
+
import { css, jsx } from '@emotion/react';
|
|
8
|
+
import React, { useContext } from 'react';
|
|
9
|
+
import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
|
|
10
|
+
import Text from '../text';
|
|
11
|
+
var SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
12
|
+
var getSnippetStyles = function getSnippetStyles(overrideCss) {
|
|
13
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n ", ";\n"])), "var(--ds-text, #172B4D)", overrideCss);
|
|
14
|
+
};
|
|
15
|
+
var SnippetElement = function SnippetElement() {
|
|
16
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
17
|
+
var overrideContent = _ref.content,
|
|
18
|
+
_ref$maxLines = _ref.maxLines,
|
|
19
|
+
maxLines = _ref$maxLines === void 0 ? SNIPPET_DEFAULT_MAX_LINES : _ref$maxLines,
|
|
20
|
+
overrideCss = _ref.overrideCss,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
+
var context = useContext(FlexibleUiContext);
|
|
23
|
+
return jsx(Text, _extends({
|
|
24
|
+
content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
|
|
25
|
+
maxLines: maxLines,
|
|
26
|
+
overrideCss: getSnippetStyles(overrideCss)
|
|
27
|
+
}, props));
|
|
28
|
+
};
|
|
29
|
+
export default SnippetElement;
|
|
@@ -23,8 +23,7 @@ var Text = function Text(_ref) {
|
|
|
23
23
|
name = _ref.name,
|
|
24
24
|
overrideCss = _ref.overrideCss,
|
|
25
25
|
_ref$testId = _ref.testId,
|
|
26
|
-
testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId
|
|
27
|
-
text = _ref.text;
|
|
26
|
+
testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
|
|
28
27
|
if (!message && !content) {
|
|
29
28
|
return null;
|
|
30
29
|
}
|
|
@@ -34,6 +33,6 @@ var Text = function Text(_ref) {
|
|
|
34
33
|
"data-smart-element": name,
|
|
35
34
|
"data-smart-element-text": true,
|
|
36
35
|
"data-testid": testId
|
|
37
|
-
},
|
|
36
|
+
}, getFormattedMessage(message) || content);
|
|
38
37
|
};
|
|
39
38
|
export default Text;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
|
|
5
|
-
var _templateObject, _elementMappings;
|
|
4
|
+
var _elementMappings;
|
|
6
5
|
import React, { useContext } from 'react';
|
|
7
6
|
import { FormattedDate } from 'react-intl-next';
|
|
8
|
-
import { css } from '@emotion/react';
|
|
9
7
|
import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
|
|
10
8
|
import Icon from './icon';
|
|
11
9
|
import Link from './link';
|
|
@@ -17,9 +15,7 @@ import Media from './media';
|
|
|
17
15
|
import Text from './text';
|
|
18
16
|
import { messages } from '../../../../messages';
|
|
19
17
|
import DateTime from './date-time';
|
|
20
|
-
import { tokens } from '../../../../utils/token';
|
|
21
18
|
import AtlaskitBadge from './atlaskit-badge';
|
|
22
|
-
var SNIPPET_DEFAULT_MAX_LINES = 3;
|
|
23
19
|
var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings, ElementName.AttachmentCount, {
|
|
24
20
|
component: Badge,
|
|
25
21
|
props: {
|
|
@@ -94,12 +90,6 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
|
|
|
94
90
|
component: Text
|
|
95
91
|
}), _defineProperty(_elementMappings, ElementName.SentOn, {
|
|
96
92
|
component: DateTime
|
|
97
|
-
}), _defineProperty(_elementMappings, ElementName.Snippet, {
|
|
98
|
-
component: Text,
|
|
99
|
-
props: {
|
|
100
|
-
maxLines: SNIPPET_DEFAULT_MAX_LINES,
|
|
101
|
-
overrideCss: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n "])), tokens.snippet)
|
|
102
|
-
}
|
|
103
93
|
}), _defineProperty(_elementMappings, ElementName.SourceBranch, {
|
|
104
94
|
component: Text
|
|
105
95
|
}), _defineProperty(_elementMappings, ElementName.State, {
|
|
@@ -175,7 +165,6 @@ var getData = function getData(elementName, contextKey, context) {
|
|
|
175
165
|
return toDateTimeProps('sent', context.sentOn);
|
|
176
166
|
case ElementName.ReadTime:
|
|
177
167
|
return toFormattedTextProps(messages.read_time, data);
|
|
178
|
-
case ElementName.Snippet:
|
|
179
168
|
case ElementName.SourceBranch:
|
|
180
169
|
case ElementName.TargetBranch:
|
|
181
170
|
return toTextProps(data);
|
|
@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
11
11
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
12
12
|
var PACKAGE_DATA = {
|
|
13
13
|
packageName: "@atlaskit/smart-card",
|
|
14
|
-
packageVersion: "26.41.
|
|
14
|
+
packageVersion: "26.41.1",
|
|
15
15
|
componentName: 'linkUrl'
|
|
16
16
|
};
|
|
17
17
|
var Link = withLinkClickedEvent('a');
|
|
@@ -130,7 +130,7 @@ export declare const SentOn: import("react").FC<DateTimeProps>;
|
|
|
130
130
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
131
131
|
* @see Text
|
|
132
132
|
*/
|
|
133
|
-
export
|
|
133
|
+
export { default as Snippet } from './snippet-element';
|
|
134
134
|
/**
|
|
135
135
|
* Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
|
|
136
136
|
* @see Text
|
|
@@ -130,7 +130,7 @@ export declare const SentOn: import("react").FC<DateTimeProps>;
|
|
|
130
130
|
* Creates a Snippet element using the data from Snippet in the Flexible UI Context.
|
|
131
131
|
* @see Text
|
|
132
132
|
*/
|
|
133
|
-
export
|
|
133
|
+
export { default as Snippet } from './snippet-element';
|
|
134
134
|
/**
|
|
135
135
|
* Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
|
|
136
136
|
* @see Text
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "26.41.
|
|
3
|
+
"version": "26.41.1",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@atlaskit/link-analytics": "^8.3.0",
|
|
39
39
|
"@atlaskit/link-client-extension": "^1.8.0",
|
|
40
40
|
"@atlaskit/link-extractors": "^1.2.0",
|
|
41
|
-
"@atlaskit/linking-common": "^4.
|
|
41
|
+
"@atlaskit/linking-common": "^4.13.0",
|
|
42
42
|
"@atlaskit/linking-types": "^8.4.0",
|
|
43
43
|
"@atlaskit/logo": "^13.14.0",
|
|
44
44
|
"@atlaskit/lozenge": "^11.4.0",
|