@atlaskit/rovo-agent-components 1.12.2 → 1.13.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/rovo-agent-components
 
+## 1.13.0
+
+### Minor Changes
+
+- [#163149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163149)
+  [`a70d55df6a66b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a70d55df6a66b) -
+  Added new UI for empty state in chat
+
+## 1.12.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.12.2
 
 ### Patch Changes

package/dist/cjs/common/ui/chat-pill/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChatPill = exports.BrowseAgentsPill = void 0;
+exports.ConversationStarterPill = exports.ChatPill = exports.BrowseAgentsPill = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -13,7 +13,29 @@ var _aiAgent = _interopRequireDefault(require("@atlaskit/icon/core/ai-agent"));
 var _primitives = require("@atlaskit/primitives");
 var _chatIcon = require("../chat-icon");
 var _messages = _interopRequireDefault(require("./messages"));
-var _excluded = ["children", "whiteSpacePreWrap"];
+var _excluded = ["children", "whiteSpacePreWrap"],
+  _excluded2 = ["children", "whiteSpacePreWrap"];
+var conversationStarterPillStyles = (0, _primitives.xcss)({
+  color: 'color.text',
+  padding: 'space.100',
+  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
+  borderRadius: 'border.radius.200',
+  borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  lineHeight: '16px',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  flexShrink: 1,
+  background: 'none',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'color.background.neutral.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.pressed'
+  }
+});
 var buttonStyles = (0, _primitives.xcss)({
   color: 'color.text',
   padding: 'space.100',
@@ -75,4 +97,20 @@ var BrowseAgentsPill = exports.BrowseAgentsPill = /*#__PURE__*/_react.default.fo
   }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: queryTextStyles
   }, formatMessage(_messages.default.browseAgentsPillLabel))));
+});
+var ConversationStarterPill = exports.ConversationStarterPill = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    _ref2$whiteSpacePreWr = _ref2.whiteSpacePreWrap,
+    whiteSpacePreWrap = _ref2$whiteSpacePreWr === void 0 ? true : _ref2$whiteSpacePreWr,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
+    ref: ref
+  }, props, {
+    xcss: conversationStarterPillStyles
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    space: "space.050",
+    xcss: buttonInlineStyles
+  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
+  }, children)));
 });

package/dist/cjs/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "ChatPillIcon", {
     return _chatIcon.ChatPillIcon;
   }
 });
+Object.defineProperty(exports, "ConversationStarterPill", {
+  enumerable: true,
+  get: function get() {
+    return _chatPill.ConversationStarterPill;
+  }
+});
 Object.defineProperty(exports, "ConversationStarters", {
   enumerable: true,
   get: function get() {

package/dist/es2019/common/ui/chat-pill/index.js

@@ -5,6 +5,27 @@ import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
 import { ChatPillIcon } from '../chat-icon';
 import messages from './messages';
+const conversationStarterPillStyles = xcss({
+  color: 'color.text',
+  padding: 'space.100',
+  border: `1px solid ${"var(--ds-border, #091E4224)"}`,
+  borderRadius: 'border.radius.200',
+  borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  lineHeight: '16px',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  flexShrink: 1,
+  background: 'none',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'color.background.neutral.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.pressed'
+  }
+});
 const buttonStyles = xcss({
   color: 'color.text',
   padding: 'space.100',
@@ -65,4 +86,18 @@ export const BrowseAgentsPill = /*#__PURE__*/React.forwardRef((props, ref) => {
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: queryTextStyles
   }, formatMessage(messages.browseAgentsPillLabel))));
-});
+});
+export const ConversationStarterPill = /*#__PURE__*/React.forwardRef(({
+  children,
+  whiteSpacePreWrap = true,
+  ...props
+}, ref) => /*#__PURE__*/React.createElement(Pressable, _extends({
+  ref: ref
+}, props, {
+  xcss: conversationStarterPillStyles
+}), /*#__PURE__*/React.createElement(Inline, {
+  space: "space.050",
+  xcss: buttonInlineStyles
+}, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
+  xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
+}, children))));

package/dist/es2019/index.js

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
-export { ChatPill, BrowseAgentsPill } from './common/ui/chat-pill';
+export { ChatPill, BrowseAgentsPill, ConversationStarterPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/esm/common/ui/chat-pill/index.js

@@ -1,12 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "whiteSpacePreWrap"];
+var _excluded = ["children", "whiteSpacePreWrap"],
+  _excluded2 = ["children", "whiteSpacePreWrap"];
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import AgentIcon from '@atlaskit/icon/core/ai-agent';
 import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
 import { ChatPillIcon } from '../chat-icon';
 import messages from './messages';
+var conversationStarterPillStyles = xcss({
+  color: 'color.text',
+  padding: 'space.100',
+  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
+  borderRadius: 'border.radius.200',
+  borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  lineHeight: '16px',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  flexShrink: 1,
+  background: 'none',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'color.background.neutral.hovered'
+  },
+  ':active': {
+    backgroundColor: 'color.background.neutral.pressed'
+  }
+});
 var buttonStyles = xcss({
   color: 'color.text',
   padding: 'space.100',
@@ -68,4 +90,20 @@ export var BrowseAgentsPill = /*#__PURE__*/React.forwardRef(function (props, ref
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: queryTextStyles
   }, formatMessage(messages.browseAgentsPillLabel))));
+});
+export var ConversationStarterPill = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    _ref2$whiteSpacePreWr = _ref2.whiteSpacePreWrap,
+    whiteSpacePreWrap = _ref2$whiteSpacePreWr === void 0 ? true : _ref2$whiteSpacePreWr,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    ref: ref
+  }, props, {
+    xcss: conversationStarterPillStyles
+  }), /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    xcss: buttonInlineStyles
+  }, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
+    xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
+  }, children)));
 });

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, getConversationStarters } from './ui/agent-conversation-starters';
-export { ChatPill, BrowseAgentsPill } from './common/ui/chat-pill';
+export { ChatPill, BrowseAgentsPill, ConversationStarterPill } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';
 export { HiddenIcon } from './common/ui/hidden-icon';

package/dist/types/common/ui/chat-pill/index.d.ts

@@ -8,3 +8,6 @@ export declare const ChatPill: React.ForwardRefExoticComponent<Omit<ButtonProps,
 } & React.RefAttributes<HTMLButtonElement>>;
 export type BrowseAgentsPillProps = Omit<ButtonProps, 'iconBefore' | 'children'>;
 export declare const BrowseAgentsPill: React.ForwardRefExoticComponent<BrowseAgentsPillProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ConversationStarterPill: React.ForwardRefExoticComponent<Omit<ButtonProps, "iconBefore"> & {
+    whiteSpacePreWrap?: boolean | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, type ConversationStarter, type StaticAgentConversationStarter, type ConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
-export { ChatPill, type ChatPillProps, BrowseAgentsPill } from './common/ui/chat-pill';
+export { ChatPill, type ChatPillProps, BrowseAgentsPill, ConversationStarterPill, } from './common/ui/chat-pill';
 export type { BrowseAgentsPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';

package/dist/types-ts4.5/common/ui/chat-pill/index.d.ts

@@ -8,3 +8,6 @@ export declare const ChatPill: React.ForwardRefExoticComponent<Omit<ButtonProps,
 } & React.RefAttributes<HTMLButtonElement>>;
 export type BrowseAgentsPillProps = Omit<ButtonProps, 'iconBefore' | 'children'>;
 export declare const BrowseAgentsPill: React.ForwardRefExoticComponent<BrowseAgentsPillProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ConversationStarterPill: React.ForwardRefExoticComponent<Omit<ButtonProps, "iconBefore"> & {
+    whiteSpacePreWrap?: boolean | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types-ts4.5/index.d.ts

@@ -1,7 +1,7 @@
 export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';
 export { AgentConversationStarters, ConversationStarters, type AgentConversationStartersProps, type ConversationStarter, type StaticAgentConversationStarter, type ConversationStartersProps, getConversationStarters, } from './ui/agent-conversation-starters';
-export { ChatPill, type ChatPillProps, BrowseAgentsPill } from './common/ui/chat-pill';
+export { ChatPill, type ChatPillProps, BrowseAgentsPill, ConversationStarterPill, } from './common/ui/chat-pill';
 export type { BrowseAgentsPillProps } from './common/ui/chat-pill';
 export { ChatPillIcon } from './common/ui/chat-icon';
 export { ShowIcon } from './common/ui/show-icon';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "1.12.2",
+	"version": "1.13.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",
@@ -42,10 +42,10 @@
 		"@atlaskit/dropdown-menu": "^12.22.0",
 		"@atlaskit/heading": "^2.4.3",
 		"@atlaskit/icon": "^22.24.0",
-		"@atlaskit/legacy-custom-icons": "^0.15.0",
+		"@atlaskit/legacy-custom-icons": "^0.16.0",
 		"@atlaskit/logo": "^14.3.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.1.0",
+		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/skeleton": "^0.5.0",
 		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.9.0",