@atlaskit/smart-card 26.50.3 → 26.50.5
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 +13 -0
- package/dist/cjs/messages.js +10 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js +17 -7
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/common/ai-summary/index.js +5 -3
- package/dist/cjs/view/common/ai-summary/ulist.js +25 -0
- package/dist/es2019/messages.js +10 -0
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js +17 -7
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/common/ai-summary/index.js +5 -3
- package/dist/es2019/view/common/ai-summary/ulist.js +15 -0
- package/dist/esm/messages.js +10 -0
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js +17 -7
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/common/ai-summary/index.js +5 -3
- package/dist/esm/view/common/ai-summary/ulist.js +18 -0
- package/dist/types/messages.d.ts +1 -1
- package/dist/types/view/common/ai-summary/ulist.d.ts +4 -0
- package/dist/types-ts4.5/messages.d.ts +1 -1
- package/dist/types-ts4.5/view/common/ai-summary/ulist.d.ts +4 -0
- package/package.json +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 26.50.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#82264](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82264) [`8c6674a35d91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8c6674a35d91) - AI summary: Reduce list indentation inside summary
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
10
|
+
## 26.50.4
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#81775](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81775) [`c4ccaeb02473`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c4ccaeb02473) - Add beta tag to AI summary
|
|
15
|
+
|
|
3
16
|
## 26.50.3
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/cjs/messages.js
CHANGED
|
@@ -26,6 +26,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
26
26
|
defaultMessage: 'Summarized by Atlassian Intelligence',
|
|
27
27
|
description: 'Shown with the content summarised by AI.'
|
|
28
28
|
},
|
|
29
|
+
ai_summarized_abbreviation: {
|
|
30
|
+
id: 'fabric.linking.ai_summarized_abbreviation',
|
|
31
|
+
defaultMessage: 'Summarized by AI',
|
|
32
|
+
description: 'Shown with the content summarised by AI. AI is in abbreviation form to reduce space.'
|
|
33
|
+
},
|
|
29
34
|
ai_summarized_info: {
|
|
30
35
|
id: 'fabric.linking.ai_summarized_info',
|
|
31
36
|
defaultMessage: 'Information quality may vary. <a>Learn more</a>',
|
|
@@ -51,6 +56,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
51
56
|
defaultMessage: 'Cancel',
|
|
52
57
|
description: 'cancel'
|
|
53
58
|
},
|
|
59
|
+
beta: {
|
|
60
|
+
id: 'fabric.linking.beta',
|
|
61
|
+
defaultMessage: 'Beta',
|
|
62
|
+
description: 'Indicates a beta phase of the feature.'
|
|
63
|
+
},
|
|
54
64
|
cannot_connect: {
|
|
55
65
|
id: 'fabric.linking.cannot_connect',
|
|
56
66
|
defaultMessage: "Can't connect, try again",
|
|
@@ -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.50.
|
|
25
|
+
packageVersion: "26.50.5"
|
|
26
26
|
};
|
|
27
27
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
28
28
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -10,7 +10,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _panel = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/panel"));
|
|
13
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
13
14
|
var _primitives = require("@atlaskit/primitives");
|
|
15
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
16
|
var _messages = require("../../../../../../messages");
|
|
15
17
|
var _aiIcon = _interopRequireDefault(require("../../../../../common/ai-icon"));
|
|
16
18
|
var _aiIndicatorTooltip = _interopRequireDefault(require("./ai-indicator-tooltip"));
|
|
@@ -60,6 +62,14 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
60
62
|
size: "small",
|
|
61
63
|
testId: "".concat(testId, "-done-icon")
|
|
62
64
|
});
|
|
65
|
+
var title = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? (0, _react2.jsx)(_primitives.Box, {
|
|
66
|
+
testId: "".concat(testId, "-done-message")
|
|
67
|
+
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
|
|
68
|
+
testId: "".concat(testId, "-done-message")
|
|
69
|
+
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized_abbreviation)), (0, _react2.jsx)(_primitives.Box, null, (0, _react2.jsx)(_lozenge.default, {
|
|
70
|
+
appearance: "new",
|
|
71
|
+
testId: "".concat(testId, "-beta")
|
|
72
|
+
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.beta))));
|
|
63
73
|
switch (appearance) {
|
|
64
74
|
case 'icon-only':
|
|
65
75
|
return (0, _react2.jsx)(_aiIndicatorTooltip.default, {
|
|
@@ -70,10 +80,12 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
70
80
|
label: "AI",
|
|
71
81
|
size: "medium",
|
|
72
82
|
testId: "".concat(testId, "-done-tooltip-icon")
|
|
73
|
-
}), (0, _react2.jsx)(_primitives.Stack, null, (0, _react2.jsx)(_primitives.
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
83
|
+
}), (0, _react2.jsx)(_primitives.Stack, null, (0, _react2.jsx)(_primitives.Inline, {
|
|
84
|
+
alignBlock: "center",
|
|
85
|
+
alignInline: "start",
|
|
86
|
+
space: "space.050",
|
|
87
|
+
xcss: iconTooltipTitleStyles
|
|
88
|
+
}, title), (0, _react2.jsx)(_primitives.Box, {
|
|
77
89
|
xcss: iconTooltipDescStyles
|
|
78
90
|
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages.ai_summarized_info, {
|
|
79
91
|
values: {
|
|
@@ -94,9 +106,7 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
94
106
|
alignBlock: "center",
|
|
95
107
|
alignInline: "start",
|
|
96
108
|
space: "space.050"
|
|
97
|
-
}, (0, _react2.jsx)(
|
|
98
|
-
testId: "".concat(testId, "-done-message")
|
|
99
|
-
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized)), (0, _react2.jsx)(_aiIndicatorTooltip.default, {
|
|
109
|
+
}, title, (0, _react2.jsx)(_aiIndicatorTooltip.default, {
|
|
100
110
|
content: (0, _react2.jsx)(_primitives.Box, {
|
|
101
111
|
xcss: tooltipMsgStyles,
|
|
102
112
|
testId: "".concat(testId, "-done-tooltip")
|
|
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
|
|
|
17
17
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
18
18
|
var PACKAGE_DATA = {
|
|
19
19
|
packageName: "@atlaskit/smart-card",
|
|
20
|
-
packageVersion: "26.50.
|
|
20
|
+
packageVersion: "26.50.5",
|
|
21
21
|
componentName: 'linkUrl'
|
|
22
22
|
};
|
|
23
23
|
var Link = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _aiStateIndicator = _interopRequireDefault(require("../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator"));
|
|
12
|
+
var _ulist = _interopRequireDefault(require("./ulist"));
|
|
12
13
|
/** @jsx jsx */
|
|
13
14
|
|
|
14
15
|
var AITooltipIcon = function AITooltipIcon() {
|
|
@@ -18,7 +19,7 @@ var AITooltipIcon = function AITooltipIcon() {
|
|
|
18
19
|
testId: "ai-tooltip"
|
|
19
20
|
});
|
|
20
21
|
};
|
|
21
|
-
var
|
|
22
|
+
var AISummaryCSSStyles = (0, _react2.css)({
|
|
22
23
|
fontSize: '0.75rem',
|
|
23
24
|
lineHeight: '1rem',
|
|
24
25
|
wordWrap: 'break-word',
|
|
@@ -46,12 +47,13 @@ var AISummary = function AISummary(_ref) {
|
|
|
46
47
|
}
|
|
47
48
|
return (0, _react2.jsx)(_markdownToJsx.default, {
|
|
48
49
|
"data-testid": testId,
|
|
49
|
-
css: [
|
|
50
|
+
css: [AISummaryCSSStyles, overrideCss],
|
|
50
51
|
children: showIcon ? "".concat(content, " <Icon />") : content,
|
|
51
52
|
options: {
|
|
52
53
|
forceWrapper: true,
|
|
53
54
|
overrides: {
|
|
54
|
-
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
|
|
55
|
+
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
|
|
56
|
+
ul: _ulist.default
|
|
55
57
|
}
|
|
56
58
|
},
|
|
57
59
|
style: {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _react2 = require("@emotion/react");
|
|
12
|
+
var _excluded = ["children"];
|
|
13
|
+
/** @jsx jsx */
|
|
14
|
+
var listStyles = (0, _react2.css)({
|
|
15
|
+
paddingLeft: "var(--ds-space-250, 20px)",
|
|
16
|
+
paddingInlineStart: "var(--ds-space-250, 20px)"
|
|
17
|
+
});
|
|
18
|
+
var UList = function UList(_ref) {
|
|
19
|
+
var children = _ref.children,
|
|
20
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
21
|
+
return (0, _react2.jsx)("ul", (0, _extends2.default)({
|
|
22
|
+
css: listStyles
|
|
23
|
+
}, props), children);
|
|
24
|
+
};
|
|
25
|
+
var _default = exports.default = UList;
|
package/dist/es2019/messages.js
CHANGED
|
@@ -20,6 +20,11 @@ export const messages = defineMessages({
|
|
|
20
20
|
defaultMessage: 'Summarized by Atlassian Intelligence',
|
|
21
21
|
description: 'Shown with the content summarised by AI.'
|
|
22
22
|
},
|
|
23
|
+
ai_summarized_abbreviation: {
|
|
24
|
+
id: 'fabric.linking.ai_summarized_abbreviation',
|
|
25
|
+
defaultMessage: 'Summarized by AI',
|
|
26
|
+
description: 'Shown with the content summarised by AI. AI is in abbreviation form to reduce space.'
|
|
27
|
+
},
|
|
23
28
|
ai_summarized_info: {
|
|
24
29
|
id: 'fabric.linking.ai_summarized_info',
|
|
25
30
|
defaultMessage: 'Information quality may vary. <a>Learn more</a>',
|
|
@@ -45,6 +50,11 @@ export const messages = defineMessages({
|
|
|
45
50
|
defaultMessage: 'Cancel',
|
|
46
51
|
description: 'cancel'
|
|
47
52
|
},
|
|
53
|
+
beta: {
|
|
54
|
+
id: 'fabric.linking.beta',
|
|
55
|
+
defaultMessage: 'Beta',
|
|
56
|
+
description: 'Indicates a beta phase of the feature.'
|
|
57
|
+
},
|
|
48
58
|
cannot_connect: {
|
|
49
59
|
id: 'fabric.linking.cannot_connect',
|
|
50
60
|
defaultMessage: "Can't connect, try again",
|
|
@@ -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.50.
|
|
7
|
+
packageVersion: "26.50.5"
|
|
8
8
|
};
|
|
9
9
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -4,7 +4,9 @@ import React from 'react';
|
|
|
4
4
|
import { FormattedMessage } from 'react-intl-next';
|
|
5
5
|
import { css, jsx } from '@emotion/react';
|
|
6
6
|
import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge';
|
|
7
8
|
import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
9
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { messages } from '../../../../../../messages';
|
|
9
11
|
import AIIcon from '../../../../../common/ai-icon';
|
|
10
12
|
import AIIndicatorTooltip from './ai-indicator-tooltip';
|
|
@@ -53,6 +55,14 @@ const AIStateDone = ({
|
|
|
53
55
|
size: "small",
|
|
54
56
|
testId: `${testId}-done-icon`
|
|
55
57
|
});
|
|
58
|
+
const title = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
|
|
59
|
+
testId: `${testId}-done-message`
|
|
60
|
+
}, jsx(FormattedMessage, messages.ai_summarized)) : jsx(React.Fragment, null, jsx(Box, {
|
|
61
|
+
testId: `${testId}-done-message`
|
|
62
|
+
}, jsx(FormattedMessage, messages.ai_summarized_abbreviation)), jsx(Box, null, jsx(Lozenge, {
|
|
63
|
+
appearance: "new",
|
|
64
|
+
testId: `${testId}-beta`
|
|
65
|
+
}, jsx(FormattedMessage, messages.beta))));
|
|
56
66
|
switch (appearance) {
|
|
57
67
|
case 'icon-only':
|
|
58
68
|
return jsx(AIIndicatorTooltip, {
|
|
@@ -63,10 +73,12 @@ const AIStateDone = ({
|
|
|
63
73
|
label: "AI",
|
|
64
74
|
size: "medium",
|
|
65
75
|
testId: `${testId}-done-tooltip-icon`
|
|
66
|
-
}), jsx(Stack, null, jsx(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
}), jsx(Stack, null, jsx(Inline, {
|
|
77
|
+
alignBlock: "center",
|
|
78
|
+
alignInline: "start",
|
|
79
|
+
space: "space.050",
|
|
80
|
+
xcss: iconTooltipTitleStyles
|
|
81
|
+
}, title), jsx(Box, {
|
|
70
82
|
xcss: iconTooltipDescStyles
|
|
71
83
|
}, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
|
|
72
84
|
values: {
|
|
@@ -85,9 +97,7 @@ const AIStateDone = ({
|
|
|
85
97
|
alignBlock: "center",
|
|
86
98
|
alignInline: "start",
|
|
87
99
|
space: "space.050"
|
|
88
|
-
}, jsx(
|
|
89
|
-
testId: `${testId}-done-message`
|
|
90
|
-
}, jsx(FormattedMessage, messages.ai_summarized)), jsx(AIIndicatorTooltip, {
|
|
100
|
+
}, title, jsx(AIIndicatorTooltip, {
|
|
91
101
|
content: jsx(Box, {
|
|
92
102
|
xcss: tooltipMsgStyles,
|
|
93
103
|
testId: `${testId}-done-tooltip`
|
|
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
7
7
|
import LinkWarningModal from './LinkWarningModal';
|
|
8
8
|
const PACKAGE_DATA = {
|
|
9
9
|
packageName: "@atlaskit/smart-card",
|
|
10
|
-
packageVersion: "26.50.
|
|
10
|
+
packageVersion: "26.50.5",
|
|
11
11
|
componentName: 'linkUrl'
|
|
12
12
|
};
|
|
13
13
|
const Link = withLinkClickedEvent('a');
|
|
@@ -3,12 +3,13 @@ import React from 'react';
|
|
|
3
3
|
import Markdown from 'markdown-to-jsx';
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
|
|
6
|
+
import UList from './ulist';
|
|
6
7
|
const AITooltipIcon = () => jsx(AIStateIndicator, {
|
|
7
8
|
appearance: "icon-only",
|
|
8
9
|
state: "done",
|
|
9
10
|
testId: "ai-tooltip"
|
|
10
11
|
});
|
|
11
|
-
const
|
|
12
|
+
const AISummaryCSSStyles = css({
|
|
12
13
|
fontSize: '0.75rem',
|
|
13
14
|
lineHeight: '1rem',
|
|
14
15
|
wordWrap: 'break-word',
|
|
@@ -33,12 +34,13 @@ const AISummary = ({
|
|
|
33
34
|
}
|
|
34
35
|
return jsx(Markdown, {
|
|
35
36
|
"data-testid": testId,
|
|
36
|
-
css: [
|
|
37
|
+
css: [AISummaryCSSStyles, overrideCss],
|
|
37
38
|
children: showIcon ? `${content} <Icon />` : content,
|
|
38
39
|
options: {
|
|
39
40
|
forceWrapper: true,
|
|
40
41
|
overrides: {
|
|
41
|
-
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
|
|
42
|
+
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
|
|
43
|
+
ul: UList
|
|
42
44
|
}
|
|
43
45
|
},
|
|
44
46
|
style: {
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/** @jsx jsx */
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { css, jsx } from '@emotion/react';
|
|
5
|
+
const listStyles = css({
|
|
6
|
+
paddingLeft: "var(--ds-space-250, 20px)",
|
|
7
|
+
paddingInlineStart: "var(--ds-space-250, 20px)"
|
|
8
|
+
});
|
|
9
|
+
const UList = ({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}) => jsx("ul", _extends({
|
|
13
|
+
css: listStyles
|
|
14
|
+
}, props), children);
|
|
15
|
+
export default UList;
|
package/dist/esm/messages.js
CHANGED
|
@@ -20,6 +20,11 @@ export var messages = defineMessages({
|
|
|
20
20
|
defaultMessage: 'Summarized by Atlassian Intelligence',
|
|
21
21
|
description: 'Shown with the content summarised by AI.'
|
|
22
22
|
},
|
|
23
|
+
ai_summarized_abbreviation: {
|
|
24
|
+
id: 'fabric.linking.ai_summarized_abbreviation',
|
|
25
|
+
defaultMessage: 'Summarized by AI',
|
|
26
|
+
description: 'Shown with the content summarised by AI. AI is in abbreviation form to reduce space.'
|
|
27
|
+
},
|
|
23
28
|
ai_summarized_info: {
|
|
24
29
|
id: 'fabric.linking.ai_summarized_info',
|
|
25
30
|
defaultMessage: 'Information quality may vary. <a>Learn more</a>',
|
|
@@ -45,6 +50,11 @@ export var messages = defineMessages({
|
|
|
45
50
|
defaultMessage: 'Cancel',
|
|
46
51
|
description: 'cancel'
|
|
47
52
|
},
|
|
53
|
+
beta: {
|
|
54
|
+
id: 'fabric.linking.beta',
|
|
55
|
+
defaultMessage: 'Beta',
|
|
56
|
+
description: 'Indicates a beta phase of the feature.'
|
|
57
|
+
},
|
|
48
58
|
cannot_connect: {
|
|
49
59
|
id: 'fabric.linking.cannot_connect',
|
|
50
60
|
defaultMessage: "Can't connect, try again",
|
|
@@ -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.50.
|
|
18
|
+
packageVersion: "26.50.5"
|
|
19
19
|
};
|
|
20
20
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
21
21
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -4,7 +4,9 @@ import React from 'react';
|
|
|
4
4
|
import { FormattedMessage } from 'react-intl-next';
|
|
5
5
|
import { css, jsx } from '@emotion/react';
|
|
6
6
|
import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge';
|
|
7
8
|
import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
|
|
9
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
8
10
|
import { messages } from '../../../../../../messages';
|
|
9
11
|
import AIIcon from '../../../../../common/ai-icon';
|
|
10
12
|
import AIIndicatorTooltip from './ai-indicator-tooltip';
|
|
@@ -52,6 +54,14 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
52
54
|
size: "small",
|
|
53
55
|
testId: "".concat(testId, "-done-icon")
|
|
54
56
|
});
|
|
57
|
+
var title = getBooleanFF('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? jsx(Box, {
|
|
58
|
+
testId: "".concat(testId, "-done-message")
|
|
59
|
+
}, jsx(FormattedMessage, messages.ai_summarized)) : jsx(React.Fragment, null, jsx(Box, {
|
|
60
|
+
testId: "".concat(testId, "-done-message")
|
|
61
|
+
}, jsx(FormattedMessage, messages.ai_summarized_abbreviation)), jsx(Box, null, jsx(Lozenge, {
|
|
62
|
+
appearance: "new",
|
|
63
|
+
testId: "".concat(testId, "-beta")
|
|
64
|
+
}, jsx(FormattedMessage, messages.beta))));
|
|
55
65
|
switch (appearance) {
|
|
56
66
|
case 'icon-only':
|
|
57
67
|
return jsx(AIIndicatorTooltip, {
|
|
@@ -62,10 +72,12 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
62
72
|
label: "AI",
|
|
63
73
|
size: "medium",
|
|
64
74
|
testId: "".concat(testId, "-done-tooltip-icon")
|
|
65
|
-
}), jsx(Stack, null, jsx(
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
75
|
+
}), jsx(Stack, null, jsx(Inline, {
|
|
76
|
+
alignBlock: "center",
|
|
77
|
+
alignInline: "start",
|
|
78
|
+
space: "space.050",
|
|
79
|
+
xcss: iconTooltipTitleStyles
|
|
80
|
+
}, title), jsx(Box, {
|
|
69
81
|
xcss: iconTooltipDescStyles
|
|
70
82
|
}, jsx(FormattedMessage, _extends({}, messages.ai_summarized_info, {
|
|
71
83
|
values: {
|
|
@@ -86,9 +98,7 @@ var AIStateDone = function AIStateDone(_ref) {
|
|
|
86
98
|
alignBlock: "center",
|
|
87
99
|
alignInline: "start",
|
|
88
100
|
space: "space.050"
|
|
89
|
-
}, jsx(
|
|
90
|
-
testId: "".concat(testId, "-done-message")
|
|
91
|
-
}, jsx(FormattedMessage, messages.ai_summarized)), jsx(AIIndicatorTooltip, {
|
|
101
|
+
}, title, jsx(AIIndicatorTooltip, {
|
|
92
102
|
content: jsx(Box, {
|
|
93
103
|
xcss: tooltipMsgStyles,
|
|
94
104
|
testId: "".concat(testId, "-done-tooltip")
|
|
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
|
|
|
10
10
|
import LinkWarningModal from './LinkWarningModal';
|
|
11
11
|
var PACKAGE_DATA = {
|
|
12
12
|
packageName: "@atlaskit/smart-card",
|
|
13
|
-
packageVersion: "26.50.
|
|
13
|
+
packageVersion: "26.50.5",
|
|
14
14
|
componentName: 'linkUrl'
|
|
15
15
|
};
|
|
16
16
|
var Link = withLinkClickedEvent('a');
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import Markdown from 'markdown-to-jsx';
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
|
|
6
|
+
import UList from './ulist';
|
|
6
7
|
var AITooltipIcon = function AITooltipIcon() {
|
|
7
8
|
return jsx(AIStateIndicator, {
|
|
8
9
|
appearance: "icon-only",
|
|
@@ -10,7 +11,7 @@ var AITooltipIcon = function AITooltipIcon() {
|
|
|
10
11
|
testId: "ai-tooltip"
|
|
11
12
|
});
|
|
12
13
|
};
|
|
13
|
-
var
|
|
14
|
+
var AISummaryCSSStyles = css({
|
|
14
15
|
fontSize: '0.75rem',
|
|
15
16
|
lineHeight: '1rem',
|
|
16
17
|
wordWrap: 'break-word',
|
|
@@ -38,12 +39,13 @@ var AISummary = function AISummary(_ref) {
|
|
|
38
39
|
}
|
|
39
40
|
return jsx(Markdown, {
|
|
40
41
|
"data-testid": testId,
|
|
41
|
-
css: [
|
|
42
|
+
css: [AISummaryCSSStyles, overrideCss],
|
|
42
43
|
children: showIcon ? "".concat(content, " <Icon />") : content,
|
|
43
44
|
options: {
|
|
44
45
|
forceWrapper: true,
|
|
45
46
|
overrides: {
|
|
46
|
-
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
|
|
47
|
+
Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
|
|
48
|
+
ul: UList
|
|
47
49
|
}
|
|
48
50
|
},
|
|
49
51
|
style: {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["children"];
|
|
4
|
+
/** @jsx jsx */
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { css, jsx } from '@emotion/react';
|
|
7
|
+
var listStyles = css({
|
|
8
|
+
paddingLeft: "var(--ds-space-250, 20px)",
|
|
9
|
+
paddingInlineStart: "var(--ds-space-250, 20px)"
|
|
10
|
+
});
|
|
11
|
+
var UList = function UList(_ref) {
|
|
12
|
+
var children = _ref.children,
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
return jsx("ul", _extends({
|
|
15
|
+
css: listStyles
|
|
16
|
+
}, props), children);
|
|
17
|
+
};
|
|
18
|
+
export default UList;
|
package/dist/types/messages.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
|
|
3
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
|
|
3
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MessageDescriptor } from 'react-intl-next';
|
|
2
2
|
export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
|
|
3
|
-
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
|
|
3
|
+
export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarizing' | 'ai_summary_error_generic' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'follow' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related_work_items_not_found' | 'last_mentioned_in' | 'related' | 'generic_error_message';
|
|
4
4
|
type Messages = {
|
|
5
5
|
[K in MessageKey]: MessageDescriptor;
|
|
6
6
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "26.50.
|
|
3
|
+
"version": "26.50.5",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
52
52
|
"@atlaskit/platform-feature-flags": "^0.2.1",
|
|
53
53
|
"@atlaskit/popup": "^1.13.0",
|
|
54
|
-
"@atlaskit/primitives": "^5.
|
|
54
|
+
"@atlaskit/primitives": "^5.1.0",
|
|
55
55
|
"@atlaskit/spinner": "^16.0.0",
|
|
56
56
|
"@atlaskit/theme": "^12.6.0",
|
|
57
|
-
"@atlaskit/tokens": "^1.
|
|
57
|
+
"@atlaskit/tokens": "^1.42.0",
|
|
58
58
|
"@atlaskit/tooltip": "^18.1.0",
|
|
59
59
|
"@atlaskit/ufo": "^0.2.0",
|
|
60
60
|
"@babel/runtime": "^7.0.0",
|
|
@@ -161,6 +161,9 @@
|
|
|
161
161
|
"platform.linking-platform.smart-card.hover-card-ai-summaries": {
|
|
162
162
|
"type": "boolean"
|
|
163
163
|
},
|
|
164
|
+
"platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable": {
|
|
165
|
+
"type": "boolean"
|
|
166
|
+
},
|
|
164
167
|
"platform.linking-platform.smart-card.fix-intersection-observer": {
|
|
165
168
|
"type": "boolean"
|
|
166
169
|
},
|
|
@@ -169,4 +172,4 @@
|
|
|
169
172
|
}
|
|
170
173
|
},
|
|
171
174
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
172
|
-
}
|
|
175
|
+
}
|