@atlaskit/rovo-agent-components 5.1.0 → 5.2.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/ui/agent-conversation-starters/index.compiled.css +2 -0
  3. package/dist/cjs/ui/agent-conversation-starters/index.js +9 -3
  4. package/dist/es2019/ui/agent-conversation-starters/index.compiled.css +2 -0
  5. package/dist/es2019/ui/agent-conversation-starters/index.js +8 -3
  6. package/dist/esm/ui/agent-conversation-starters/index.compiled.css +2 -0
  7. package/dist/esm/ui/agent-conversation-starters/index.js +9 -3
  8. package/dist/types/ui/agent-conversation-starters/index.d.ts +2 -1
  9. package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts +2 -1
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 5.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`77d13ee041600`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77d13ee041600) -
8
+ [ux] Update agent profile card design
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
3
14
  ## 5.1.0
4
15
 
5
16
  ### Minor Changes
package/dist/cjs/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -4,6 +4,7 @@
4
4
  ._18m915vq{overflow-y:hidden}
5
5
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
6
  ._19bvidpf{padding-left:0}
7
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
7
8
  ._1bsb1osq{width:100%}
8
9
  ._1bto1l2s{text-overflow:ellipsis}
9
10
  ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
13
14
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
15
  ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
15
16
  ._ca0qidpf{padding-top:0}
17
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
16
18
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
19
  ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
18
20
  ._n3tdidpf{padding-bottom:0}
package/dist/cjs/ui/agent-conversation-starters/index.js CHANGED
@@ -15,6 +15,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
15
15
  var _react = _interopRequireWildcard(require("react"));
16
16
  var _reactIntl = require("react-intl");
17
17
  var _new = require("@atlaskit/button/new");
18
+ var _css = require("@atlaskit/css");
18
19
  var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
19
20
  var _compiled = require("@atlaskit/primitives/compiled");
20
21
  var _agentChatIcon = require("../../common/ui/agent-chat-icon");
@@ -24,6 +25,8 @@ var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
24
25
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
25
26
  var styles = {
26
27
  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
28
+ conversationStartersListWithRefreshDesign: "_19pkze3t",
29
+ conversationStaterItem: "_ca0qze3t",
27
30
  conversationStarterIcon: "_1o9zidpf",
28
31
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
29
32
  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -103,16 +106,19 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
103
106
  showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
104
107
  _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
105
108
  onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
106
- onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
109
+ onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
110
+ _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
111
+ refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
107
112
  return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
108
113
  as: "ul",
109
114
  space: "space.050",
110
- xcss: styles.conversationStartersList
115
+ xcss: (0, _css.cx)(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
111
116
  }, starters.map(function (starter, index) {
112
117
  var isLastStarter = index === starters.length - 1;
113
118
  var chatPill = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
114
119
  as: "li",
115
- key: starter.message
120
+ key: starter.message,
121
+ xcss: refreshDesignEnabled && styles.conversationStaterItem
116
122
  }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
117
123
  xcss: styles.button,
118
124
  onClick: function onClick() {
package/dist/es2019/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -4,6 +4,7 @@
4
4
  ._18m915vq{overflow-y:hidden}
5
5
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
6
  ._19bvidpf{padding-left:0}
7
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
7
8
  ._1bsb1osq{width:100%}
8
9
  ._1bto1l2s{text-overflow:ellipsis}
9
10
  ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
13
14
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
15
  ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
15
16
  ._ca0qidpf{padding-top:0}
17
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
16
18
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
19
  ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
18
20
  ._n3tdidpf{padding-bottom:0}
package/dist/es2019/ui/agent-conversation-starters/index.js CHANGED
@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import React, { useMemo } from 'react';
6
6
  import { useIntl } from 'react-intl';
7
7
  import { IconButton } from '@atlaskit/button/new';
8
+ import { cx } from '@atlaskit/css';
8
9
  import RetryIcon from '@atlaskit/icon/core/retry';
9
10
  import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
10
11
  import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
@@ -12,6 +13,8 @@ import { BrowseAgentsPill } from '../../common/ui/chat-pill';
12
13
  import { messages } from './messages';
13
14
  const styles = {
14
15
  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
16
+ conversationStartersListWithRefreshDesign: "_19pkze3t",
17
+ conversationStaterItem: "_ca0qze3t",
15
18
  conversationStarterIcon: "_1o9zidpf",
16
19
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
17
20
  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -87,17 +90,19 @@ export const ConversationStarters = ({
87
90
  onConversationStarterClick,
88
91
  showReloadButton = false,
89
92
  onReloadButtonClick = () => {},
90
- onBrowseAgentsClick
93
+ onBrowseAgentsClick,
94
+ refreshDesignEnabled = false
91
95
  }) => {
92
96
  return /*#__PURE__*/React.createElement(Stack, {
93
97
  as: "ul",
94
98
  space: "space.050",
95
- xcss: styles.conversationStartersList
99
+ xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
96
100
  }, starters.map((starter, index) => {
97
101
  const isLastStarter = index === starters.length - 1;
98
102
  const chatPill = /*#__PURE__*/React.createElement(Box, {
99
103
  as: "li",
100
- key: starter.message
104
+ key: starter.message,
105
+ xcss: refreshDesignEnabled && styles.conversationStaterItem
101
106
  }, /*#__PURE__*/React.createElement(Pressable, {
102
107
  xcss: styles.button,
103
108
  onClick: () => onConversationStarterClick(starter),
package/dist/esm/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -4,6 +4,7 @@
4
4
  ._18m915vq{overflow-y:hidden}
5
5
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
6
  ._19bvidpf{padding-left:0}
7
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
7
8
  ._1bsb1osq{width:100%}
8
9
  ._1bto1l2s{text-overflow:ellipsis}
9
10
  ._1o9zidpf{flex-shrink:0}
@@ -13,6 +14,7 @@
13
14
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
14
15
  ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
15
16
  ._ca0qidpf{padding-top:0}
17
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
16
18
  ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
17
19
  ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
18
20
  ._n3tdidpf{padding-bottom:0}
package/dist/esm/ui/agent-conversation-starters/index.js CHANGED
@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import React, { useMemo } from 'react';
9
9
  import { useIntl } from 'react-intl';
10
10
  import { IconButton } from '@atlaskit/button/new';
11
+ import { cx } from '@atlaskit/css';
11
12
  import RetryIcon from '@atlaskit/icon/core/retry';
12
13
  import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
13
14
  import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
@@ -15,6 +16,8 @@ import { BrowseAgentsPill } from '../../common/ui/chat-pill';
15
16
  import { messages } from './messages';
16
17
  var styles = {
17
18
  conversationStartersList: "_qtt8glyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq",
19
+ conversationStartersListWithRefreshDesign: "_19pkze3t",
20
+ conversationStaterItem: "_ca0qze3t",
18
21
  conversationStarterIcon: "_1o9zidpf",
19
22
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
20
23
  button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
@@ -94,16 +97,19 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
94
97
  showReloadButton = _ref3$showReloadButto === void 0 ? false : _ref3$showReloadButto,
95
98
  _ref3$onReloadButtonC = _ref3.onReloadButtonClick,
96
99
  onReloadButtonClick = _ref3$onReloadButtonC === void 0 ? function () {} : _ref3$onReloadButtonC,
97
- onBrowseAgentsClick = _ref3.onBrowseAgentsClick;
100
+ onBrowseAgentsClick = _ref3.onBrowseAgentsClick,
101
+ _ref3$refreshDesignEn = _ref3.refreshDesignEnabled,
102
+ refreshDesignEnabled = _ref3$refreshDesignEn === void 0 ? false : _ref3$refreshDesignEn;
98
103
  return /*#__PURE__*/React.createElement(Stack, {
99
104
  as: "ul",
100
105
  space: "space.050",
101
- xcss: styles.conversationStartersList
106
+ xcss: cx(styles.conversationStartersList, refreshDesignEnabled && styles.conversationStartersListWithRefreshDesign)
102
107
  }, starters.map(function (starter, index) {
103
108
  var isLastStarter = index === starters.length - 1;
104
109
  var chatPill = /*#__PURE__*/React.createElement(Box, {
105
110
  as: "li",
106
- key: starter.message
111
+ key: starter.message,
112
+ xcss: refreshDesignEnabled && styles.conversationStaterItem
107
113
  }, /*#__PURE__*/React.createElement(Pressable, {
108
114
  xcss: styles.button,
109
115
  onClick: function onClick() {
package/dist/types/ui/agent-conversation-starters/index.d.ts CHANGED
@@ -26,11 +26,12 @@ export type AgentConversationStartersProps = {
26
26
  } & Omit<ConversationStartersProps, 'starters'>;
27
27
  export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
28
28
  export type ConversationStartersProps = {
29
+ refreshDesignEnabled?: boolean;
29
30
  starters: ConversationStarter[];
30
31
  onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
31
32
  showReloadButton?: boolean;
32
33
  onReloadButtonClick?: () => void;
33
34
  onBrowseAgentsClick?: () => void;
34
35
  };
35
- export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
36
+ export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, refreshDesignEnabled, }: ConversationStartersProps) => React.JSX.Element;
36
37
  export {};
package/dist/types-ts4.5/ui/agent-conversation-starters/index.d.ts CHANGED
@@ -26,11 +26,12 @@ export type AgentConversationStartersProps = {
26
26
  } & Omit<ConversationStartersProps, 'starters'>;
27
27
  export declare const AgentConversationStarters: ({ userDefinedConversationStarters, isAgentDefault, ...props }: AgentConversationStartersProps) => React.JSX.Element;
28
28
  export type ConversationStartersProps = {
29
+ refreshDesignEnabled?: boolean;
29
30
  starters: ConversationStarter[];
30
31
  onConversationStarterClick: (conversationStarter: ConversationStarter) => void;
31
32
  showReloadButton?: boolean;
32
33
  onReloadButtonClick?: () => void;
33
34
  onBrowseAgentsClick?: () => void;
34
35
  };
35
- export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, }: ConversationStartersProps) => React.JSX.Element;
36
+ export declare const ConversationStarters: ({ starters, onConversationStarterClick, showReloadButton, onReloadButtonClick, onBrowseAgentsClick, refreshDesignEnabled, }: ConversationStartersProps) => React.JSX.Element;
36
37
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "5.1.0",
3
+ "version": "5.2.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
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
6
6
  "atlassian": {
@@ -40,23 +40,23 @@
40
40
  ],
41
41
  "dependencies": {
42
42
  "@atlaskit/afm-i18n-platform-ai-mate-rovo-agent-components": "2.10.0",
43
- "@atlaskit/analytics-next": "^11.2.0",
43
+ "@atlaskit/analytics-next": "^11.3.0",
44
44
  "@atlaskit/avatar": "^25.15.0",
45
45
  "@atlaskit/button": "^23.11.0",
46
46
  "@atlaskit/css": "^0.19.0",
47
47
  "@atlaskit/dropdown-menu": "^16.10.0",
48
48
  "@atlaskit/flag": "^17.12.0",
49
49
  "@atlaskit/heading": "^5.4.0",
50
- "@atlaskit/icon": "^35.3.0",
50
+ "@atlaskit/icon": "^35.4.0",
51
51
  "@atlaskit/link": "^3.4.0",
52
52
  "@atlaskit/logo": "^20.1.0",
53
53
  "@atlaskit/platform-feature-flags": "^1.1.0",
54
54
  "@atlaskit/primitives": "^19.0.0",
55
- "@atlaskit/rovo-agent-analytics": "^2.0.0",
55
+ "@atlaskit/rovo-agent-analytics": "^2.1.0",
56
56
  "@atlaskit/skeleton": "^2.1.0",
57
57
  "@atlaskit/spinner": "^19.1.0",
58
58
  "@atlaskit/tokens": "^13.1.0",
59
- "@atlaskit/tooltip": "^22.5.0",
59
+ "@atlaskit/tooltip": "^22.6.0",
60
60
  "@babel/runtime": "^7.0.0",
61
61
  "@compiled/react": "^0.20.0",
62
62
  "react-dom": "^18.2.0",