@atlaskit/rovo-agent-components 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/rovo-agent-components
 
+## 0.4.2
+
+### Patch Changes
+
+- [#132411](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/132411)
+  [`097911d8bb135`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/097911d8bb135) -
+  Added hidden icon to agent profile
+
 ## 0.4.1
 
 ### Patch Changes

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

@@ -12,6 +12,8 @@ var _star = _interopRequireDefault(require("@atlaskit/icon/glyph/star"));
 var _logo = require("@atlaskit/logo");
 var _primitives = require("@atlaskit/primitives");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _hiddenIcon = require("../../common/ui/hidden-icon");
 var _starIconButton = require("../../common/ui/star-icon-button");
 var _messages = require("./messages");
 var clickableItemStyles = (0, _primitives.xcss)({
@@ -117,13 +119,25 @@ var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref2) {
 var wrapperStyles = (0, _primitives.xcss)({
   marginBottom: 'space.100'
 });
+var tooltipWrapperStyles = (0, _primitives.xcss)({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+var headingWrapperStyles = (0, _primitives.xcss)({
+  position: 'relative'
+});
 var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref3) {
   var agentName = _ref3.agentName,
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
     isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
     onStarToggle = _ref3.onStarToggle;
+  var _useIntl3 = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl3.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -131,9 +145,19 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: formatMessage(_messages.messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
+    label: formatMessage(_messages.messages.hiddenIcon)
+  })))), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {

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

@@ -15,5 +15,20 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

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

@@ -5,6 +5,8 @@ import StarIcon from '@atlaskit/icon/glyph/star';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import Skeleton from '@atlaskit/skeleton';
+import Tooltip from '@atlaskit/tooltip';
+import { HiddenIcon } from '../../common/ui/hidden-icon';
 import { StarIconButton } from '../../common/ui/star-icon-button';
 import { messages } from './messages';
 const clickableItemStyles = xcss({
@@ -112,14 +114,27 @@ export const AgentStarCount = ({
 const wrapperStyles = xcss({
   marginBottom: 'space.100'
 });
+const tooltipWrapperStyles = xcss({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+const headingWrapperStyles = xcss({
+  position: 'relative'
+});
 export const AgentProfileInfo = ({
   agentName,
   agentDescription,
   creatorRender,
   starCountRender,
   isStarred,
+  isHidden,
   onStarToggle
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -127,9 +142,19 @@ export const AgentProfileInfo = ({
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/React.createElement(Heading, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/React.createElement(StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/React.createElement(HiddenIcon, {
+    label: formatMessage(messages.hiddenIcon)
+  })))), /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

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

@@ -9,5 +9,20 @@ export const messages = defineMessages({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

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

@@ -5,6 +5,8 @@ import StarIcon from '@atlaskit/icon/glyph/star';
 import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
 import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
 import Skeleton from '@atlaskit/skeleton';
+import Tooltip from '@atlaskit/tooltip';
+import { HiddenIcon } from '../../common/ui/hidden-icon';
 import { StarIconButton } from '../../common/ui/star-icon-button';
 import { messages } from './messages';
 var clickableItemStyles = xcss({
@@ -110,13 +112,25 @@ export var AgentStarCount = function AgentStarCount(_ref2) {
 var wrapperStyles = xcss({
   marginBottom: 'space.100'
 });
+var tooltipWrapperStyles = xcss({
+  display: 'inline-flex',
+  marginInline: 'space.100',
+  position: 'relative',
+  bottom: 'space.025'
+});
+var headingWrapperStyles = xcss({
+  position: 'relative'
+});
 export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
   var agentName = _ref3.agentName,
     agentDescription = _ref3.agentDescription,
     creatorRender = _ref3.creatorRender,
     starCountRender = _ref3.starCountRender,
     isStarred = _ref3.isStarred,
+    isHidden = _ref3.isHidden,
     onStarToggle = _ref3.onStarToggle;
+  var _useIntl3 = useIntl(),
+    formatMessage = _useIntl3.formatMessage;
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.100",
     xcss: wrapperStyles
@@ -124,9 +138,19 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
     xcss: nameStyles,
     space: "space.100",
     alignBlock: "center"
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: headingWrapperStyles
   }, /*#__PURE__*/React.createElement(Heading, {
+    as: "span",
     size: "xlarge"
-  }, agentName), /*#__PURE__*/React.createElement(StarIconButton, {
+  }, agentName), isHidden && /*#__PURE__*/React.createElement(Box, {
+    xcss: tooltipWrapperStyles
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: formatMessage(messages.hiddenTooltip),
+    position: "top"
+  }, /*#__PURE__*/React.createElement(HiddenIcon, {
+    label: formatMessage(messages.hiddenIcon)
+  })))), /*#__PURE__*/React.createElement(StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {

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

@@ -9,5 +9,20 @@ export var messages = defineMessages({
     id: 'ai-mate.agent-profile-info.starred-count',
     defaultMessage: '{count} starred',
     description: 'Message to show how many times this agent has been starred by users'
+  },
+  hiddenIcon: {
+    id: 'ai-mate.agent-profile-info.hidden-icon',
+    defaultMessage: 'Hidden',
+    description: 'Icon to show that this agent is hidden'
+  },
+  hiddenTooltip: {
+    id: 'ai-mate.agent-profile-info.hidden-tooltip',
+    defaultMessage: "Agent won't show in search results",
+    description: 'Tooltip to explain what strikethough eye icon means'
+  },
+  starAgentTooltip: {
+    id: 'ai-mate.agent-profile-info.star-agent-tooltip',
+    defaultMessage: 'Star Agent',
+    description: 'Tooltip to explain what star icon does'
   }
 });

package/dist/types/ui/agent-profile-info/index.d.ts

@@ -17,11 +17,12 @@ export declare const AgentStarCount: ({ starCount, isLoading, }: {
     starCount: number | null | undefined;
     isLoading: boolean;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
     isStarred: boolean;
+    isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

package/dist/types/ui/agent-profile-info/messages.d.ts

@@ -9,4 +9,19 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hiddenIcon: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    hiddenTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    starAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/ui/agent-profile-info/index.d.ts

@@ -17,11 +17,12 @@ export declare const AgentStarCount: ({ starCount, isLoading, }: {
     starCount: number | null | undefined;
     isLoading: boolean;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, onStarToggle, }: {
+export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCountRender, isStarred, isHidden, onStarToggle, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
     starCountRender: React.ReactNode;
     isStarred: boolean;
+    isHidden: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

package/dist/types-ts4.5/ui/agent-profile-info/messages.d.ts

@@ -9,4 +9,19 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hiddenIcon: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    hiddenTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    starAgentTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "0.4.1",
+	"version": "0.4.2",
 	"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",
@@ -44,6 +44,7 @@
 		"@atlaskit/primitives": "^12.0.0",
 		"@atlaskit/skeleton": "^0.5.0",
 		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/tooltip": "^18.7.0",
 		"@babel/runtime": "^7.0.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},