@atlaskit/rovo-agent-components 3.44.0 → 3.46.0
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 +19 -0
- package/dist/cjs/common/ui/link-icon-button/index.js +5 -2
- package/dist/cjs/common/ui/link-icon-button/messages.js +2 -2
- package/dist/cjs/common/ui/star-icon-button/index.js +8 -3
- package/dist/cjs/common/ui/star-icon-button/messages.js +4 -4
- package/dist/cjs/ui/agent-avatar/generated-avatars/assets/rovo-agent.js +6 -19
- package/dist/cjs/ui/agent-profile-info/index.js +2 -1
- package/dist/es2019/common/ui/link-icon-button/index.js +5 -2
- package/dist/es2019/common/ui/link-icon-button/messages.js +2 -2
- package/dist/es2019/common/ui/star-icon-button/index.js +8 -3
- package/dist/es2019/common/ui/star-icon-button/messages.js +4 -4
- package/dist/es2019/ui/agent-avatar/generated-avatars/assets/rovo-agent.js +6 -19
- package/dist/es2019/ui/agent-profile-info/index.js +2 -1
- package/dist/esm/common/ui/link-icon-button/index.js +5 -2
- package/dist/esm/common/ui/link-icon-button/messages.js +2 -2
- package/dist/esm/common/ui/star-icon-button/index.js +8 -3
- package/dist/esm/common/ui/star-icon-button/messages.js +4 -4
- package/dist/esm/ui/agent-avatar/generated-avatars/assets/rovo-agent.js +6 -19
- package/dist/esm/ui/agent-profile-info/index.js +2 -1
- package/dist/types/common/ui/link-icon-button/index.d.ts +2 -1
- package/dist/types/common/ui/star-icon-button/index.d.ts +2 -1
- package/dist/types-ts4.5/common/ui/link-icon-button/index.d.ts +2 -1
- package/dist/types-ts4.5/common/ui/star-icon-button/index.d.ts +2 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/rovo-agent-components
|
|
2
2
|
|
|
3
|
+
## 3.46.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d4c66fd8ab94f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4c66fd8ab94f) -
|
|
8
|
+
Add agentName to LinkIconButton and StarIconButton labels for unique accessible names across agent
|
|
9
|
+
cards
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 3.45.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- [`4434681e268dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4434681e268dc) -
|
|
20
|
+
update rovo logo
|
|
21
|
+
|
|
3
22
|
## 3.44.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -24,7 +24,8 @@ var styles = {
|
|
|
24
24
|
var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
|
|
25
25
|
var handleCopy = _ref.handleCopy,
|
|
26
26
|
_ref$visible = _ref.visible,
|
|
27
|
-
visible = _ref$visible === void 0 ? true : _ref$visible
|
|
27
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
28
|
+
agentName = _ref.agentName;
|
|
28
29
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
29
30
|
formatMessage = _useIntl.formatMessage;
|
|
30
31
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
@@ -39,6 +40,8 @@ var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
|
|
|
39
40
|
},
|
|
40
41
|
appearance: "subtle",
|
|
41
42
|
spacing: "compact",
|
|
42
|
-
label: formatMessage(_messages.default.copyAgentLinkLabel
|
|
43
|
+
label: formatMessage(_messages.default.copyAgentLinkLabel, {
|
|
44
|
+
agentName: agentName
|
|
45
|
+
})
|
|
43
46
|
})));
|
|
44
47
|
};
|
|
@@ -8,8 +8,8 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
8
8
|
var _default_1 = (0, _reactIntlNext.defineMessages)({
|
|
9
9
|
copyAgentLinkLabel: {
|
|
10
10
|
id: 'rovo-chat.browse-agents.copy-agent-label',
|
|
11
|
-
defaultMessage: 'Copy link to
|
|
12
|
-
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
|
|
11
|
+
defaultMessage: 'Copy link to {agentName}',
|
|
12
|
+
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
15
|
var _default = exports.default = _default_1;
|
|
@@ -27,7 +27,8 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
|
|
|
27
27
|
var isStarred = _ref.isStarred,
|
|
28
28
|
handleToggle = _ref.handleToggle,
|
|
29
29
|
_ref$visible = _ref.visible,
|
|
30
|
-
visible = _ref$visible === void 0 ? true : _ref$visible
|
|
30
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
31
|
+
agentName = _ref.agentName;
|
|
31
32
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
32
33
|
formatMessage = _useIntl.formatMessage;
|
|
33
34
|
var _useState = (0, _react.useState)(false),
|
|
@@ -45,11 +46,15 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
|
|
|
45
46
|
}
|
|
46
47
|
}, isStarred || isHovered ? /*#__PURE__*/React.createElement(_starStarred.default, {
|
|
47
48
|
spacing: "spacious",
|
|
48
|
-
label: formatMessage(_messages.default.removeFromFavouritesLabel
|
|
49
|
+
label: formatMessage(_messages.default.removeFromFavouritesLabel, {
|
|
50
|
+
agentName: agentName
|
|
51
|
+
}),
|
|
49
52
|
color: "var(--ds-icon-accent-orange, #E06C00)"
|
|
50
53
|
}) : /*#__PURE__*/React.createElement(_starUnstarred.default, {
|
|
51
54
|
spacing: "spacious",
|
|
52
|
-
label: formatMessage(_messages.default.clickToFavouriteLabel
|
|
55
|
+
label: formatMessage(_messages.default.clickToFavouriteLabel, {
|
|
56
|
+
agentName: agentName
|
|
57
|
+
}),
|
|
53
58
|
color: "var(--ds-icon, #292A2E)"
|
|
54
59
|
}));
|
|
55
60
|
};
|
|
@@ -8,13 +8,13 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
8
8
|
var _default_1 = (0, _reactIntlNext.defineMessages)({
|
|
9
9
|
removeFromFavouritesLabel: {
|
|
10
10
|
id: 'rovo-chat.browse-agents.remove-from-favourites-label',
|
|
11
|
-
defaultMessage: 'Remove from favourites',
|
|
12
|
-
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
|
|
11
|
+
defaultMessage: 'Remove {agentName} from favourites',
|
|
12
|
+
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
13
13
|
},
|
|
14
14
|
clickToFavouriteLabel: {
|
|
15
15
|
id: 'rovo-chat.browse-agents.click-to-favourite-label',
|
|
16
|
-
defaultMessage: '
|
|
17
|
-
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
|
|
16
|
+
defaultMessage: 'Add {agentName} to favourites',
|
|
17
|
+
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
var _default = exports.default = _default_1;
|
|
@@ -13,33 +13,20 @@ var _default = exports.default = function _default(_ref) {
|
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14
14
|
width: size,
|
|
15
15
|
height: size,
|
|
16
|
-
viewBox: "0 0
|
|
16
|
+
viewBox: "0 0 72 72",
|
|
17
17
|
fill: "none"
|
|
18
18
|
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
19
|
-
d: "
|
|
20
|
-
fill: "#FCA700"
|
|
21
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
-
d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
|
|
23
|
-
fill: "#FCA700"
|
|
24
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
25
|
-
fillRule: "evenodd",
|
|
26
|
-
clipRule: "evenodd",
|
|
27
|
-
d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
|
|
19
|
+
d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
|
|
28
20
|
fill: "#1868DB"
|
|
29
21
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
30
22
|
fillRule: "evenodd",
|
|
31
23
|
clipRule: "evenodd",
|
|
32
|
-
d: "
|
|
33
|
-
fill: "
|
|
34
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
35
|
-
fillRule: "evenodd",
|
|
36
|
-
clipRule: "evenodd",
|
|
37
|
-
d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
|
|
38
|
-
fill: "#AF59E0"
|
|
24
|
+
d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
|
|
25
|
+
fill: "white"
|
|
39
26
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
40
27
|
fillRule: "evenodd",
|
|
41
28
|
clipRule: "evenodd",
|
|
42
|
-
d: "
|
|
43
|
-
fill: "
|
|
29
|
+
d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
|
|
30
|
+
fill: "white"
|
|
44
31
|
}));
|
|
45
32
|
};
|
|
@@ -180,7 +180,8 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
|
|
|
180
180
|
label: formatMessage(_messages.messages.hiddenIcon)
|
|
181
181
|
})))), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
|
|
182
182
|
isStarred: isStarred,
|
|
183
|
-
handleToggle: onStarToggle
|
|
183
|
+
handleToggle: onStarToggle,
|
|
184
|
+
agentName: agentName
|
|
184
185
|
})), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
185
186
|
xcss: styles.description,
|
|
186
187
|
as: "p"
|
|
@@ -14,7 +14,8 @@ const styles = {
|
|
|
14
14
|
};
|
|
15
15
|
export const LinkIconButton = ({
|
|
16
16
|
handleCopy,
|
|
17
|
-
visible = true
|
|
17
|
+
visible = true,
|
|
18
|
+
agentName
|
|
18
19
|
}) => {
|
|
19
20
|
const {
|
|
20
21
|
formatMessage
|
|
@@ -29,6 +30,8 @@ export const LinkIconButton = ({
|
|
|
29
30
|
})),
|
|
30
31
|
appearance: "subtle",
|
|
31
32
|
spacing: "compact",
|
|
32
|
-
label: formatMessage(messages.copyAgentLinkLabel
|
|
33
|
+
label: formatMessage(messages.copyAgentLinkLabel, {
|
|
34
|
+
agentName
|
|
35
|
+
})
|
|
33
36
|
})));
|
|
34
37
|
};
|
|
@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
|
|
|
2
2
|
const _default_1 = defineMessages({
|
|
3
3
|
copyAgentLinkLabel: {
|
|
4
4
|
id: 'rovo-chat.browse-agents.copy-agent-label',
|
|
5
|
-
defaultMessage: 'Copy link to
|
|
6
|
-
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
|
|
5
|
+
defaultMessage: 'Copy link to {agentName}',
|
|
6
|
+
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
|
|
7
7
|
}
|
|
8
8
|
});
|
|
9
9
|
export default _default_1;
|
|
@@ -16,7 +16,8 @@ const styles = {
|
|
|
16
16
|
export const StarIconButton = ({
|
|
17
17
|
isStarred,
|
|
18
18
|
handleToggle,
|
|
19
|
-
visible = true
|
|
19
|
+
visible = true,
|
|
20
|
+
agentName
|
|
20
21
|
}) => {
|
|
21
22
|
const {
|
|
22
23
|
formatMessage
|
|
@@ -29,11 +30,15 @@ export const StarIconButton = ({
|
|
|
29
30
|
onMouseLeave: () => setIsHovered(false)
|
|
30
31
|
}, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
|
|
31
32
|
spacing: "spacious",
|
|
32
|
-
label: formatMessage(messages.removeFromFavouritesLabel
|
|
33
|
+
label: formatMessage(messages.removeFromFavouritesLabel, {
|
|
34
|
+
agentName
|
|
35
|
+
}),
|
|
33
36
|
color: "var(--ds-icon-accent-orange, #E06C00)"
|
|
34
37
|
}) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
|
|
35
38
|
spacing: "spacious",
|
|
36
|
-
label: formatMessage(messages.clickToFavouriteLabel
|
|
39
|
+
label: formatMessage(messages.clickToFavouriteLabel, {
|
|
40
|
+
agentName
|
|
41
|
+
}),
|
|
37
42
|
color: "var(--ds-icon, #292A2E)"
|
|
38
43
|
}));
|
|
39
44
|
};
|
|
@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
|
|
|
2
2
|
const _default_1 = defineMessages({
|
|
3
3
|
removeFromFavouritesLabel: {
|
|
4
4
|
id: 'rovo-chat.browse-agents.remove-from-favourites-label',
|
|
5
|
-
defaultMessage: 'Remove from favourites',
|
|
6
|
-
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
|
|
5
|
+
defaultMessage: 'Remove {agentName} from favourites',
|
|
6
|
+
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
7
7
|
},
|
|
8
8
|
clickToFavouriteLabel: {
|
|
9
9
|
id: 'rovo-chat.browse-agents.click-to-favourite-label',
|
|
10
|
-
defaultMessage: '
|
|
11
|
-
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
|
|
10
|
+
defaultMessage: 'Add {agentName} to favourites',
|
|
11
|
+
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
export default _default_1;
|
|
@@ -6,32 +6,19 @@ export default (({
|
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: size,
|
|
8
8
|
height: size,
|
|
9
|
-
viewBox: "0 0
|
|
9
|
+
viewBox: "0 0 72 72",
|
|
10
10
|
fill: "none"
|
|
11
11
|
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
-
d: "
|
|
13
|
-
fill: "#FCA700"
|
|
14
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
15
|
-
d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
|
|
16
|
-
fill: "#FCA700"
|
|
17
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
|
|
12
|
+
d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
|
|
21
13
|
fill: "#1868DB"
|
|
22
14
|
}), /*#__PURE__*/React.createElement("path", {
|
|
23
15
|
fillRule: "evenodd",
|
|
24
16
|
clipRule: "evenodd",
|
|
25
|
-
d: "
|
|
26
|
-
fill: "
|
|
27
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
28
|
-
fillRule: "evenodd",
|
|
29
|
-
clipRule: "evenodd",
|
|
30
|
-
d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
|
|
31
|
-
fill: "#AF59E0"
|
|
17
|
+
d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
|
|
18
|
+
fill: "white"
|
|
32
19
|
}), /*#__PURE__*/React.createElement("path", {
|
|
33
20
|
fillRule: "evenodd",
|
|
34
21
|
clipRule: "evenodd",
|
|
35
|
-
d: "
|
|
36
|
-
fill: "
|
|
22
|
+
d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
|
|
23
|
+
fill: "white"
|
|
37
24
|
})));
|
|
@@ -173,7 +173,8 @@ export const AgentProfileInfo = ({
|
|
|
173
173
|
label: formatMessage(messages.hiddenIcon)
|
|
174
174
|
})))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
|
|
175
175
|
isStarred: isStarred,
|
|
176
|
-
handleToggle: onStarToggle
|
|
176
|
+
handleToggle: onStarToggle,
|
|
177
|
+
agentName: agentName
|
|
177
178
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
178
179
|
xcss: styles.description,
|
|
179
180
|
as: "p"
|
|
@@ -15,7 +15,8 @@ var styles = {
|
|
|
15
15
|
export var LinkIconButton = function LinkIconButton(_ref) {
|
|
16
16
|
var handleCopy = _ref.handleCopy,
|
|
17
17
|
_ref$visible = _ref.visible,
|
|
18
|
-
visible = _ref$visible === void 0 ? true : _ref$visible
|
|
18
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
19
|
+
agentName = _ref.agentName;
|
|
19
20
|
var _useIntl = useIntl(),
|
|
20
21
|
formatMessage = _useIntl.formatMessage;
|
|
21
22
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
|
|
@@ -30,6 +31,8 @@ export var LinkIconButton = function LinkIconButton(_ref) {
|
|
|
30
31
|
},
|
|
31
32
|
appearance: "subtle",
|
|
32
33
|
spacing: "compact",
|
|
33
|
-
label: formatMessage(messages.copyAgentLinkLabel
|
|
34
|
+
label: formatMessage(messages.copyAgentLinkLabel, {
|
|
35
|
+
agentName: agentName
|
|
36
|
+
})
|
|
34
37
|
})));
|
|
35
38
|
};
|
|
@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
|
|
|
2
2
|
var _default_1 = defineMessages({
|
|
3
3
|
copyAgentLinkLabel: {
|
|
4
4
|
id: 'rovo-chat.browse-agents.copy-agent-label',
|
|
5
|
-
defaultMessage: 'Copy link to
|
|
6
|
-
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
|
|
5
|
+
defaultMessage: 'Copy link to {agentName}',
|
|
6
|
+
description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard. The {agentName} placeholder is replaced with the agent's name for unique accessible labels."
|
|
7
7
|
}
|
|
8
8
|
});
|
|
9
9
|
export default _default_1;
|
|
@@ -18,7 +18,8 @@ export var StarIconButton = function StarIconButton(_ref) {
|
|
|
18
18
|
var isStarred = _ref.isStarred,
|
|
19
19
|
handleToggle = _ref.handleToggle,
|
|
20
20
|
_ref$visible = _ref.visible,
|
|
21
|
-
visible = _ref$visible === void 0 ? true : _ref$visible
|
|
21
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
22
|
+
agentName = _ref.agentName;
|
|
22
23
|
var _useIntl = useIntl(),
|
|
23
24
|
formatMessage = _useIntl.formatMessage;
|
|
24
25
|
var _useState = useState(false),
|
|
@@ -36,11 +37,15 @@ export var StarIconButton = function StarIconButton(_ref) {
|
|
|
36
37
|
}
|
|
37
38
|
}, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
|
|
38
39
|
spacing: "spacious",
|
|
39
|
-
label: formatMessage(messages.removeFromFavouritesLabel
|
|
40
|
+
label: formatMessage(messages.removeFromFavouritesLabel, {
|
|
41
|
+
agentName: agentName
|
|
42
|
+
}),
|
|
40
43
|
color: "var(--ds-icon-accent-orange, #E06C00)"
|
|
41
44
|
}) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
|
|
42
45
|
spacing: "spacious",
|
|
43
|
-
label: formatMessage(messages.clickToFavouriteLabel
|
|
46
|
+
label: formatMessage(messages.clickToFavouriteLabel, {
|
|
47
|
+
agentName: agentName
|
|
48
|
+
}),
|
|
44
49
|
color: "var(--ds-icon, #292A2E)"
|
|
45
50
|
}));
|
|
46
51
|
};
|
|
@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
|
|
|
2
2
|
var _default_1 = defineMessages({
|
|
3
3
|
removeFromFavouritesLabel: {
|
|
4
4
|
id: 'rovo-chat.browse-agents.remove-from-favourites-label',
|
|
5
|
-
defaultMessage: 'Remove from favourites',
|
|
6
|
-
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
|
|
5
|
+
defaultMessage: 'Remove {agentName} from favourites',
|
|
6
|
+
description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
7
7
|
},
|
|
8
8
|
clickToFavouriteLabel: {
|
|
9
9
|
id: 'rovo-chat.browse-agents.click-to-favourite-label',
|
|
10
|
-
defaultMessage: '
|
|
11
|
-
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
|
|
10
|
+
defaultMessage: 'Add {agentName} to favourites',
|
|
11
|
+
description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites. The {agentName} placeholder is replaced with the agent name for unique accessible labels.'
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
export default _default_1;
|
|
@@ -6,33 +6,20 @@ export default (function (_ref) {
|
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: size,
|
|
8
8
|
height: size,
|
|
9
|
-
viewBox: "0 0
|
|
9
|
+
viewBox: "0 0 72 72",
|
|
10
10
|
fill: "none"
|
|
11
11
|
}, /*#__PURE__*/React.createElement("path", {
|
|
12
|
-
d: "
|
|
13
|
-
fill: "#FCA700"
|
|
14
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
15
|
-
d: "M19.97 3.4944L6.12029 11.485C4.1863 12.5961 3 14.6495 3 16.8802V38.1404C3 40.3623 4.19329 42.4247 6.12155 43.5363L9.40529 45.4309L24.5462 54.1664C26.44 55.2581 28.7704 55.2776 30.6796 54.2245C30.7142 54.1977 30.751 54.1729 30.79 54.1504C32.1504 53.3661 33.1453 52.1083 33.6131 50.6554C33.8035 50.0547 33.9041 49.4201 33.9041 48.7705V40.5352L25.89 35.9134L23.5806 34.5817C21.0455 33.1246 19.4899 30.4307 19.4899 27.5103V6.25013C19.4899 5.39096 19.6258 4.55039 19.8822 3.75482C19.91 3.66745 19.9393 3.58063 19.97 3.4944Z",
|
|
16
|
-
fill: "#FCA700"
|
|
17
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
fillRule: "evenodd",
|
|
19
|
-
clipRule: "evenodd",
|
|
20
|
-
d: "M25.89 35.9134L9.40529 45.4309L6.12155 43.5363C4.19329 42.4247 3 40.3623 3 38.1404V16.8802C3 14.6495 4.1863 12.5961 6.12029 11.485L19.97 3.4944C19.9393 3.58063 19.91 3.66745 19.8822 3.75482C19.6258 4.55039 19.4899 5.39096 19.4899 6.25013V27.5103C19.4899 30.4307 21.0455 33.1246 23.5806 34.5817L25.89 35.9134Z",
|
|
12
|
+
d: "M32.0974 1.10445C34.6491 -0.368149 37.793 -0.368151 40.3447 1.10445L64.3927 14.9826C66.9444 16.4552 68.5163 19.1767 68.5163 22.1219V49.8781C68.5163 52.8233 66.9444 55.5448 64.3927 57.0174L40.3447 70.8955C37.793 72.3681 34.6491 72.3682 32.0974 70.8956L8.04942 57.0174C5.4977 55.5448 3.92578 52.8233 3.92578 49.8781V22.1219C3.92578 19.1767 5.4977 16.4552 8.04942 14.9826L32.0974 1.10445Z",
|
|
21
13
|
fill: "#1868DB"
|
|
22
14
|
}), /*#__PURE__*/React.createElement("path", {
|
|
23
15
|
fillRule: "evenodd",
|
|
24
16
|
clipRule: "evenodd",
|
|
25
|
-
d: "
|
|
26
|
-
fill: "
|
|
27
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
28
|
-
fillRule: "evenodd",
|
|
29
|
-
clipRule: "evenodd",
|
|
30
|
-
d: "M49.2164 11.4636L45.6848 9.42602L29.2001 18.9435L31.7582 20.4188C34.2938 21.8758 35.8483 24.5691 35.8483 27.4898V48.7499C35.8483 49.6103 35.712 50.452 35.455 51.2486C35.4274 51.3348 35.3985 51.4205 35.3682 51.5057L49.2179 43.5151C51.1519 42.404 52.3382 40.3506 52.3382 38.1199V16.8597C52.3382 14.6378 51.1447 12.5753 49.2164 11.4636Z",
|
|
31
|
-
fill: "#AF59E0"
|
|
17
|
+
d: "M30.5426 18.2876L20.3285 24.1834C18.9022 25.0033 18.0273 26.5184 18.0273 28.1643V43.8512C18.0273 45.4906 18.9074 47.0123 20.3295 47.8326L22.7512 49.2305L33.9176 55.676C35.3142 56.4815 37.0329 56.4958 38.4409 55.7188C38.4664 55.699 38.4936 55.6808 38.5223 55.6642C39.5257 55.0854 40.2594 54.1574 40.6044 53.0854C40.7448 52.6422 40.819 52.1739 40.819 51.6946V45.6181L34.9086 42.208L33.2055 41.2254C31.3358 40.1502 30.1886 38.1625 30.1886 36.0077V20.3209C30.1886 19.687 30.2888 19.0667 30.4779 18.4797C30.4984 18.4153 30.52 18.3512 30.5426 18.2876Z",
|
|
18
|
+
fill: "white"
|
|
32
19
|
}), /*#__PURE__*/React.createElement("path", {
|
|
33
20
|
fillRule: "evenodd",
|
|
34
21
|
clipRule: "evenodd",
|
|
35
|
-
d: "
|
|
36
|
-
fill: "
|
|
22
|
+
d: "M38.5238 16.3243C37.1271 15.5187 35.4085 15.5044 34.0004 16.2815C33.9749 16.3013 33.9446 16.3214 33.9158 16.338C32.9136 16.9171 32.181 17.8448 31.8365 18.9164C31.6964 19.3592 31.6224 19.827 31.6224 20.3058V26.3822L37.3498 29.6867L39.2364 30.7752C41.1063 31.8503 42.2528 33.8376 42.2528 35.9926V51.6794C42.2528 52.3143 42.1523 52.9353 41.9627 53.5231C41.9424 53.5867 41.9211 53.6499 41.8987 53.7128L52.1128 47.8169C53.5391 46.9971 54.414 45.4819 54.414 43.836V28.1492C54.414 26.5097 53.5338 24.9879 52.1117 24.1676L49.5072 22.6642L38.5238 16.3243Z",
|
|
23
|
+
fill: "white"
|
|
37
24
|
}));
|
|
38
25
|
});
|
|
@@ -173,7 +173,8 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
|
|
|
173
173
|
label: formatMessage(messages.hiddenIcon)
|
|
174
174
|
})))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
|
|
175
175
|
isStarred: isStarred,
|
|
176
|
-
handleToggle: onStarToggle
|
|
176
|
+
handleToggle: onStarToggle,
|
|
177
|
+
agentName: agentName
|
|
177
178
|
})), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
|
|
178
179
|
xcss: styles.description,
|
|
179
180
|
as: "p"
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
* @jsxFrag jsx
|
|
5
5
|
*/
|
|
6
6
|
import { type KeyboardEvent, type MouseEvent } from 'react';
|
|
7
|
-
export declare const LinkIconButton: ({ handleCopy, visible, }: {
|
|
7
|
+
export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
|
|
8
8
|
handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
|
|
9
9
|
visible?: boolean;
|
|
10
|
+
agentName: string;
|
|
10
11
|
}) => JSX.Element;
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type KeyboardEvent, type MouseEvent } from 'react';
|
|
6
|
-
export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
|
|
6
|
+
export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
|
|
7
7
|
isStarred: boolean;
|
|
8
8
|
handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
|
|
9
9
|
visible?: boolean;
|
|
10
|
+
agentName: string;
|
|
10
11
|
}) => JSX.Element;
|
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
* @jsxFrag jsx
|
|
5
5
|
*/
|
|
6
6
|
import { type KeyboardEvent, type MouseEvent } from 'react';
|
|
7
|
-
export declare const LinkIconButton: ({ handleCopy, visible, }: {
|
|
7
|
+
export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
|
|
8
8
|
handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
|
|
9
9
|
visible?: boolean;
|
|
10
|
+
agentName: string;
|
|
10
11
|
}) => JSX.Element;
|
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type KeyboardEvent, type MouseEvent } from 'react';
|
|
6
|
-
export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
|
|
6
|
+
export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
|
|
7
7
|
isStarred: boolean;
|
|
8
8
|
handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
|
|
9
9
|
visible?: boolean;
|
|
10
|
+
agentName: string;
|
|
10
11
|
}) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/rovo-agent-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.46.0",
|
|
4
4
|
"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
|
|
36
36
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
37
|
-
"@atlaskit/avatar": "^25.
|
|
37
|
+
"@atlaskit/avatar": "^25.9.0",
|
|
38
38
|
"@atlaskit/button": "^23.10.0",
|
|
39
39
|
"@atlaskit/css": "^0.19.0",
|
|
40
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
40
|
+
"@atlaskit/dropdown-menu": "^16.7.0",
|
|
41
41
|
"@atlaskit/flag": "^17.8.0",
|
|
42
42
|
"@atlaskit/heading": "^5.3.0",
|
|
43
|
-
"@atlaskit/icon": "^32.
|
|
43
|
+
"@atlaskit/icon": "^32.1.0",
|
|
44
44
|
"@atlaskit/link": "^3.3.0",
|
|
45
45
|
"@atlaskit/logo": "^19.10.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|