@atlaskit/rovo-agent-components 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/rovo-agent-components
 
+## 2.11.0
+
+### Minor Changes
+
+- [#154751](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154751)
+  [`f5a3bbc2a8649`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5a3bbc2a8649) -
+  Fix A11Y-16540, A11Y-16500, A11Y-16543, A11Y-16545, A11Y-16592, A11Y-17302, A11Y-17303, A11Y-16603
+
 ## 2.10.0
 
 ### Minor Changes

package/dist/cjs/ui/agent-conversation-starters/index.compiled.css

@@ -0,0 +1,5 @@
+
+._qtt8glyw{list-style:none}._19bvidpf{padding-left:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

package/dist/cjs/ui/agent-conversation-starters/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,19 +7,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getConversationStarters = exports.ConversationStarters = exports.AgentConversationStarters = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _chatPill = require("../../common/ui/chat-pill");
 var _messages = require("./messages");
 var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = {
+  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
+};
 var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
     isAgentDefault = _ref.isAgentDefault;
@@ -83,7 +90,7 @@ var AgentConversationStarters = exports.AgentConversationStarters = function Age
       };
     });
   }, [combinedConversationStarters, formatMessage]);
-  return /*#__PURE__*/_react.default.createElement(ConversationStarters, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(ConversationStarters, (0, _extends2.default)({
     starters: starters
   }, props));
 };
@@ -95,27 +102,36 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
     onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
     onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, starters.map(function (starter, index) {
+  return /*#__PURE__*/React.createElement(_compiled.Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: styles.conversationStartersList
+  }, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
-    var chatPill = /*#__PURE__*/_react.default.createElement(_chatPill.ChatPill, {
+    var chatPill = /*#__PURE__*/React.createElement(_compiled.Box, {
+      as: "li",
+      key: starter.message
+    }, /*#__PURE__*/React.createElement(_chatPill.ChatPill, {
       testId: "conversation-starter",
       key: starter.message,
       onClick: function onClick() {
         return onConversationStarterClick(starter);
       }
-    }, starter.message);
-    return isLastStarter && showReloadButton ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    }, starter.message));
+    return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(_compiled.Inline, {
       space: "space.050",
       grow: "fill",
       alignInline: "end",
       key: starter.message
-    }, chatPill, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+    }, chatPill, /*#__PURE__*/React.createElement(_new.IconButton, {
       icon: _retry.default,
       onClick: onReloadButtonClick,
       appearance: "subtle",
       label: ""
     })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/_react.default.createElement(_chatPill.BrowseAgentsPill, {
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(_compiled.Box, {
+    as: "li"
+  }, /*#__PURE__*/React.createElement(_chatPill.BrowseAgentsPill, {
     onClick: onBrowseAgentsClick
-  }));
+  })));
 };

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

@@ -114,10 +114,11 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     xcss: styles.name,
     space: "space.100",
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.headingWrapper
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    xcss: styles.headingWrapper,
+    alignBlock: "end"
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
-    as: "span",
+    as: "h2",
     size: "xlarge"
   }, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.tooltipWrapper

package/dist/es2019/ui/agent-conversation-starters/index.compiled.css

@@ -0,0 +1,5 @@
+
+._qtt8glyw{list-style:none}._19bvidpf{padding-left:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

package/dist/es2019/ui/agent-conversation-starters/index.js

@@ -1,11 +1,18 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useMemo } from 'react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
-import { Inline } from '@atlaskit/primitives';
+import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
+const styles = {
+  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
+};
 export const getConversationStarters = ({
   userDefinedConversationStarters: userDefinedConversationStartersParam,
   isAgentDefault
@@ -79,13 +86,20 @@ export const ConversationStarters = ({
   onReloadButtonClick = () => {},
   onBrowseAgentsClick
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, starters.map((starter, index) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: styles.conversationStartersList
+  }, starters.map((starter, index) => {
     const isLastStarter = index === starters.length - 1;
-    const chatPill = /*#__PURE__*/React.createElement(ChatPill, {
+    const chatPill = /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      key: starter.message
+    }, /*#__PURE__*/React.createElement(ChatPill, {
       testId: "conversation-starter",
       key: starter.message,
       onClick: () => onConversationStarterClick(starter)
-    }, starter.message);
+    }, starter.message));
     return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
       space: "space.050",
       grow: "fill",
@@ -97,7 +111,9 @@ export const ConversationStarters = ({
       appearance: "subtle",
       label: ""
     })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
+    as: "li"
+  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
     onClick: onBrowseAgentsClick
-  }));
+  })));
 };

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

@@ -107,10 +107,11 @@ export const AgentProfileInfo = ({
     xcss: styles.name,
     space: "space.100",
     alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.headingWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    xcss: styles.headingWrapper,
+    alignBlock: "end"
   }, /*#__PURE__*/React.createElement(Heading, {
-    as: "span",
+    as: "h2",
     size: "xlarge"
   }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.tooltipWrapper

package/dist/esm/ui/agent-conversation-starters/index.compiled.css

@@ -0,0 +1,5 @@
+
+._qtt8glyw{list-style:none}._19bvidpf{padding-left:0}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._u5f3idpf{padding-right:0}

package/dist/esm/ui/agent-conversation-starters/index.js

@@ -1,14 +1,21 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
-import React, { useMemo } from 'react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
 import RetryIcon from '@atlaskit/icon/core/retry';
-import { Inline } from '@atlaskit/primitives';
+import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { BrowseAgentsPill, ChatPill } from '../../common/ui/chat-pill';
 import { messages } from './messages';
+var styles = {
+  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"
+};
 export var getConversationStarters = function getConversationStarters(_ref) {
   var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
     isAgentDefault = _ref.isAgentDefault;
@@ -85,15 +92,22 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
     _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
     onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
     onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, starters.map(function (starter, index) {
+  return /*#__PURE__*/React.createElement(Stack, {
+    as: "ul",
+    space: "space.050",
+    xcss: styles.conversationStartersList
+  }, starters.map(function (starter, index) {
     var isLastStarter = index === starters.length - 1;
-    var chatPill = /*#__PURE__*/React.createElement(ChatPill, {
+    var chatPill = /*#__PURE__*/React.createElement(Box, {
+      as: "li",
+      key: starter.message
+    }, /*#__PURE__*/React.createElement(ChatPill, {
       testId: "conversation-starter",
       key: starter.message,
       onClick: function onClick() {
         return onConversationStarterClick(starter);
       }
-    }, starter.message);
+    }, starter.message));
     return isLastStarter && showReloadButton ? /*#__PURE__*/React.createElement(Inline, {
       space: "space.050",
       grow: "fill",
@@ -105,7 +119,9 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
       appearance: "subtle",
       label: ""
     })) : chatPill;
-  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(BrowseAgentsPill, {
+  }), !!onBrowseAgentsClick && /*#__PURE__*/React.createElement(Box, {
+    as: "li"
+  }, /*#__PURE__*/React.createElement(BrowseAgentsPill, {
     onClick: onBrowseAgentsClick
-  }));
+  })));
 };

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

@@ -107,10 +107,11 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref2) {
     xcss: styles.name,
     space: "space.100",
     alignBlock: "center"
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.headingWrapper
+  }, /*#__PURE__*/React.createElement(Inline, {
+    xcss: styles.headingWrapper,
+    alignBlock: "end"
   }, /*#__PURE__*/React.createElement(Heading, {
-    as: "span",
+    as: "h2",
     size: "xlarge"
   }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.tooltipWrapper

package/dist/types/ui/agent-conversation-starters/index.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
 import { type MessageDescriptor } from 'react-intl-next';
 export type ConversationStarter = {
     message: string;
@@ -24,7 +28,7 @@ export type AgentConversationStartersProps = {
     userDefinedConversationStarters?: GetConversationStartersParams['userDefinedConversationStarters'];
     isAgentDefault: GetConversationStartersParams['isAgentDefault'];
 } & Omit<ConversationStartersProps, 'starters'>;
-export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
+export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => JSX.Element;
 export type ConversationStartersProps = {
     starters: ConversationStarter[];
     onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
@@ -32,5 +36,5 @@ export type ConversationStartersProps = {
     onReloadButtonClick?: () => void;
     onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
 import { type MessageDescriptor } from 'react-intl-next';
 export type ConversationStarter = {
     message: string;
@@ -24,7 +28,7 @@ export type AgentConversationStartersProps = {
     userDefinedConversationStarters?: GetConversationStartersParams['userDefinedConversationStarters'];
     isAgentDefault: GetConversationStartersParams['isAgentDefault'];
 } & Omit<ConversationStartersProps, 'starters'>;
-export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
+export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => JSX.Element;
 export type ConversationStartersProps = {
     starters: ConversationStarter[];
     onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
@@ -32,5 +36,5 @@ export type ConversationStartersProps = {
     onReloadButtonClick?: () => void;
     onBrowseAgentsClick?: () => void;
 };
-export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
+export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "2.10.0",
+	"version": "2.11.0",
 	"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",