@atlaskit/rovo-agent-components 3.45.0 → 3.46.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/rovo-agent-components
 
+## 3.46.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.46.0
+
+### Minor Changes
+
+- [`d4c66fd8ab94f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4c66fd8ab94f) -
+  Add agentName to LinkIconButton and StarIconButton labels for unique accessible names across agent
+  cards
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.45.0
 
 ### Minor Changes

package/dist/cjs/common/ui/link-icon-button/index.js

@@ -24,7 +24,8 @@ var styles = {
 var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
   var handleCopy = _ref.handleCopy,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    agentName = _ref.agentName;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -39,6 +40,8 @@ var LinkIconButton = exports.LinkIconButton = function LinkIconButton(_ref) {
     },
     appearance: "subtle",
     spacing: "compact",
-    label: formatMessage(_messages.default.copyAgentLinkLabel)
+    label: formatMessage(_messages.default.copyAgentLinkLabel, {
+      agentName: agentName
+    })
   })));
 };

package/dist/cjs/common/ui/link-icon-button/messages.js

@@ -8,8 +8,8 @@ var _reactIntlNext = require("react-intl-next");
 var _default_1 = (0, _reactIntlNext.defineMessages)({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',
-    defaultMessage: 'Copy link to agent',
-    description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
+    defaultMessage: 'Copy link to {agentName}',
+    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."
   }
 });
 var _default = exports.default = _default_1;

package/dist/cjs/common/ui/star-icon-button/index.js

@@ -27,7 +27,8 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
   var isStarred = _ref.isStarred,
     handleToggle = _ref.handleToggle,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    agentName = _ref.agentName;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useState = (0, _react.useState)(false),
@@ -45,11 +46,15 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
     }
   }, isStarred || isHovered ? /*#__PURE__*/React.createElement(_starStarred.default, {
     spacing: "spacious",
-    label: formatMessage(_messages.default.removeFromFavouritesLabel),
+    label: formatMessage(_messages.default.removeFromFavouritesLabel, {
+      agentName: agentName
+    }),
     color: "var(--ds-icon-accent-orange, #E06C00)"
   }) : /*#__PURE__*/React.createElement(_starUnstarred.default, {
     spacing: "spacious",
-    label: formatMessage(_messages.default.clickToFavouriteLabel),
+    label: formatMessage(_messages.default.clickToFavouriteLabel, {
+      agentName: agentName
+    }),
     color: "var(--ds-icon, #292A2E)"
   }));
 };

package/dist/cjs/common/ui/star-icon-button/messages.js

@@ -8,13 +8,13 @@ var _reactIntlNext = require("react-intl-next");
 var _default_1 = (0, _reactIntlNext.defineMessages)({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',
-    defaultMessage: 'Remove from favourites',
-    description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
+    defaultMessage: 'Remove {agentName} from favourites',
+    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.'
   },
   clickToFavouriteLabel: {
     id: 'rovo-chat.browse-agents.click-to-favourite-label',
-    defaultMessage: 'Not favourited, click to favourite',
-    description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
+    defaultMessage: 'Add {agentName} to favourites',
+    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.'
   }
 });
 var _default = exports.default = _default_1;

package/dist/cjs/ui/agent-profile-info/index.js

@@ -180,7 +180,8 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     label: formatMessage(_messages.messages.hiddenIcon)
   })))), showStarButton && /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
-    handleToggle: onStarToggle
+    handleToggle: onStarToggle,
+    agentName: agentName
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.description,
     as: "p"

package/dist/es2019/common/ui/link-icon-button/index.js

@@ -14,7 +14,8 @@ const styles = {
 };
 export const LinkIconButton = ({
   handleCopy,
-  visible = true
+  visible = true,
+  agentName
 }) => {
   const {
     formatMessage
@@ -29,6 +30,8 @@ export const LinkIconButton = ({
     })),
     appearance: "subtle",
     spacing: "compact",
-    label: formatMessage(messages.copyAgentLinkLabel)
+    label: formatMessage(messages.copyAgentLinkLabel, {
+      agentName
+    })
   })));
 };

package/dist/es2019/common/ui/link-icon-button/messages.js

@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
 const _default_1 = defineMessages({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',
-    defaultMessage: 'Copy link to agent',
-    description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
+    defaultMessage: 'Copy link to {agentName}',
+    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."
   }
 });
 export default _default_1;

package/dist/es2019/common/ui/star-icon-button/index.js

@@ -16,7 +16,8 @@ const styles = {
 export const StarIconButton = ({
   isStarred,
   handleToggle,
-  visible = true
+  visible = true,
+  agentName
 }) => {
   const {
     formatMessage
@@ -29,11 +30,15 @@ export const StarIconButton = ({
     onMouseLeave: () => setIsHovered(false)
   }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
     spacing: "spacious",
-    label: formatMessage(messages.removeFromFavouritesLabel),
+    label: formatMessage(messages.removeFromFavouritesLabel, {
+      agentName
+    }),
     color: "var(--ds-icon-accent-orange, #E06C00)"
   }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
     spacing: "spacious",
-    label: formatMessage(messages.clickToFavouriteLabel),
+    label: formatMessage(messages.clickToFavouriteLabel, {
+      agentName
+    }),
     color: "var(--ds-icon, #292A2E)"
   }));
 };

package/dist/es2019/common/ui/star-icon-button/messages.js

@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
 const _default_1 = defineMessages({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',
-    defaultMessage: 'Remove from favourites',
-    description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
+    defaultMessage: 'Remove {agentName} from favourites',
+    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.'
   },
   clickToFavouriteLabel: {
     id: 'rovo-chat.browse-agents.click-to-favourite-label',
-    defaultMessage: 'Not favourited, click to favourite',
-    description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
+    defaultMessage: 'Add {agentName} to favourites',
+    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.'
   }
 });
 export default _default_1;

package/dist/es2019/ui/agent-profile-info/index.js

@@ -173,7 +173,8 @@ export const AgentProfileInfo = ({
     label: formatMessage(messages.hiddenIcon)
   })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
-    handleToggle: onStarToggle
+    handleToggle: onStarToggle,
+    agentName: agentName
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.description,
     as: "p"

package/dist/esm/common/ui/link-icon-button/index.js

@@ -15,7 +15,8 @@ var styles = {
 export var LinkIconButton = function LinkIconButton(_ref) {
   var handleCopy = _ref.handleCopy,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    agentName = _ref.agentName;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
@@ -30,6 +31,8 @@ export var LinkIconButton = function LinkIconButton(_ref) {
     },
     appearance: "subtle",
     spacing: "compact",
-    label: formatMessage(messages.copyAgentLinkLabel)
+    label: formatMessage(messages.copyAgentLinkLabel, {
+      agentName: agentName
+    })
   })));
 };

package/dist/esm/common/ui/link-icon-button/messages.js

@@ -2,8 +2,8 @@ import { defineMessages } from 'react-intl-next';
 var _default_1 = defineMessages({
   copyAgentLinkLabel: {
     id: 'rovo-chat.browse-agents.copy-agent-label',
-    defaultMessage: 'Copy link to agent',
-    description: "Button label/aria label for copying agent link to clipboard. When clicked, copies the agent's URL to clipboard."
+    defaultMessage: 'Copy link to {agentName}',
+    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."
   }
 });
 export default _default_1;

package/dist/esm/common/ui/star-icon-button/index.js

@@ -18,7 +18,8 @@ export var StarIconButton = function StarIconButton(_ref) {
   var isStarred = _ref.isStarred,
     handleToggle = _ref.handleToggle,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible;
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    agentName = _ref.agentName;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useState = useState(false),
@@ -36,11 +37,15 @@ export var StarIconButton = function StarIconButton(_ref) {
     }
   }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarIconMigration, {
     spacing: "spacious",
-    label: formatMessage(messages.removeFromFavouritesLabel),
+    label: formatMessage(messages.removeFromFavouritesLabel, {
+      agentName: agentName
+    }),
     color: "var(--ds-icon-accent-orange, #E06C00)"
   }) : /*#__PURE__*/React.createElement(StarUnstarredIconMigration, {
     spacing: "spacious",
-    label: formatMessage(messages.clickToFavouriteLabel),
+    label: formatMessage(messages.clickToFavouriteLabel, {
+      agentName: agentName
+    }),
     color: "var(--ds-icon, #292A2E)"
   }));
 };

package/dist/esm/common/ui/star-icon-button/messages.js

@@ -2,13 +2,13 @@ import { defineMessages } from 'react-intl-next';
 var _default_1 = defineMessages({
   removeFromFavouritesLabel: {
     id: 'rovo-chat.browse-agents.remove-from-favourites-label',
-    defaultMessage: 'Remove from favourites',
-    description: 'Button label/aria label for removing agent from favorites. Shown when agent is already favorited and button is clicked to unfavorite.'
+    defaultMessage: 'Remove {agentName} from favourites',
+    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.'
   },
   clickToFavouriteLabel: {
     id: 'rovo-chat.browse-agents.click-to-favourite-label',
-    defaultMessage: 'Not favourited, click to favourite',
-    description: 'Button label/aria label indicating agent is not favorited. Instructions to click the star button to add agent to favorites.'
+    defaultMessage: 'Add {agentName} to favourites',
+    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.'
   }
 });
 export default _default_1;

package/dist/esm/ui/agent-profile-info/index.js

@@ -173,7 +173,8 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     label: formatMessage(messages.hiddenIcon)
   })))), showStarButton && /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
-    handleToggle: onStarToggle
+    handleToggle: onStarToggle,
+    agentName: agentName
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.description,
     as: "p"

package/dist/types/common/ui/link-icon-button/index.d.ts

@@ -4,7 +4,8 @@
  * @jsxFrag jsx
  */
 import { type KeyboardEvent, type MouseEvent } from 'react';
-export declare const LinkIconButton: ({ handleCopy, visible, }: {
+export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
     handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
     visible?: boolean;
+    agentName: string;
 }) => JSX.Element;

package/dist/types/common/ui/star-icon-button/index.d.ts

@@ -3,8 +3,9 @@
  * @jsx jsx
  */
 import { type KeyboardEvent, type MouseEvent } from 'react';
-export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
+export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
     isStarred: boolean;
     handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
     visible?: boolean;
+    agentName: string;
 }) => JSX.Element;

package/dist/types-ts4.5/common/ui/link-icon-button/index.d.ts

@@ -4,7 +4,8 @@
  * @jsxFrag jsx
  */
 import { type KeyboardEvent, type MouseEvent } from 'react';
-export declare const LinkIconButton: ({ handleCopy, visible, }: {
+export declare const LinkIconButton: ({ handleCopy, visible, agentName, }: {
     handleCopy: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
     visible?: boolean;
+    agentName: string;
 }) => JSX.Element;

package/dist/types-ts4.5/common/ui/star-icon-button/index.d.ts

@@ -3,8 +3,9 @@
  * @jsx jsx
  */
 import { type KeyboardEvent, type MouseEvent } from 'react';
-export declare const StarIconButton: ({ isStarred, handleToggle, visible, }: {
+export declare const StarIconButton: ({ isStarred, handleToggle, visible, agentName, }: {
     isStarred: boolean;
     handleToggle: (e: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element>) => void;
     visible?: boolean;
+    agentName: string;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "3.45.0",
+	"version": "3.46.1",
 	"description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,13 +34,13 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/avatar": "^25.9.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/dropdown-menu": "^16.7.0",
 		"@atlaskit/flag": "^17.8.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.1.0",
+		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",