@atlaskit/rovo-agent-components 0.0.2 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/rovo-agent-components
 
+## 0.1.0
+
+### Minor Changes
+
+- [#125357](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125357)
+  [`b94215c8c2301`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b94215c8c2301) -
+  Adding data fetcher and controller for single agent endpoint, added favourites count in view agent
+  modal
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "AgentProfileInfo", {
     return _agentProfileInfo.AgentProfileInfo;
   }
 });
+Object.defineProperty(exports, "AgentStarCount", {
+  enumerable: true,
+  get: function get() {
+    return _agentProfileInfo.AgentStarCount;
+  }
+});
 Object.defineProperty(exports, "StarIconButton", {
   enumerable: true,
   get: function get() {

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AgentProfileInfo = exports.AgentProfileCreator = void 0;
+exports.AgentStarCount = exports.AgentProfileInfo = exports.AgentProfileCreator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
@@ -83,17 +83,42 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     size: "small"
   }), creatorRender) : null;
 };
-var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref2) {
-  var agentName = _ref2.agentName,
-    agentDescription = _ref2.agentDescription,
-    creatorRender = _ref2.creatorRender,
-    starCount = _ref2.starCount,
-    isStarred = _ref2.isStarred,
-    onStarToggle = _ref2.onStarToggle;
+var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref2) {
+  var starCount = _ref2.starCount,
+    isLoading = _ref2.isLoading;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
+  if (starCount === null || starCount === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    xcss: countStyles
+  }, /*#__PURE__*/_react.default.createElement(_star.default, {
+    label: "",
+    size: "small"
+  }), isLoading ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+    testId: "agent-profile-info-star-count-skeleton",
+    isShimmering: true,
+    height: 16,
+    width: 75,
+    borderRadius: 3
+  }) : formatMessage(_messages.messages.starredCount, {
+    count: starCount
+  }));
+};
+var wrapperStyles = (0, _primitives.xcss)({
+  marginBottom: 'space.100'
+});
+var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref3) {
+  var agentName = _ref3.agentName,
+    agentDescription = _ref3.agentDescription,
+    creatorRender = _ref3.creatorRender,
+    starCountRender = _ref3.starCountRender,
+    isStarred = _ref3.isStarred,
+    onStarToggle = _ref3.onStarToggle;
   return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
-    space: "space.100"
+    space: "space.100",
+    xcss: wrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     xcss: nameStyles,
     space: "space.100",
@@ -106,12 +131,5 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
   })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: descriptionStyles,
     as: "p"
-  }, agentDescription), starCount !== 0 && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: countStyles
-  }, /*#__PURE__*/_react.default.createElement(_star.default, {
-    label: "",
-    size: "small"
-  }), formatMessage(_messages.messages.starredCount, {
-    count: starCount
-  })));
+  }, agentDescription), starCountRender);
 };

package/dist/es2019/index.js

@@ -1,2 +1,2 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';

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

@@ -76,19 +76,45 @@ export const AgentProfileCreator = ({
     size: "small"
   }), creatorRender) : null;
 };
+export const AgentStarCount = ({
+  starCount,
+  isLoading
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  if (starCount === null || starCount === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: countStyles
+  }, /*#__PURE__*/React.createElement(StarIcon, {
+    label: "",
+    size: "small"
+  }), isLoading ? /*#__PURE__*/React.createElement(Skeleton, {
+    testId: "agent-profile-info-star-count-skeleton",
+    isShimmering: true,
+    height: 16,
+    width: 75,
+    borderRadius: 3
+  }) : formatMessage(messages.starredCount, {
+    count: starCount
+  }));
+};
+const wrapperStyles = xcss({
+  marginBottom: 'space.100'
+});
 export const AgentProfileInfo = ({
   agentName,
   agentDescription,
   creatorRender,
-  starCount,
+  starCountRender,
   isStarred,
   onStarToggle
 }) => {
-  const {
-    formatMessage
-  } = useIntl();
   return /*#__PURE__*/React.createElement(Stack, {
-    space: "space.100"
+    space: "space.100",
+    xcss: wrapperStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: nameStyles,
     space: "space.100",
@@ -101,12 +127,5 @@ export const AgentProfileInfo = ({
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
     xcss: descriptionStyles,
     as: "p"
-  }, agentDescription), starCount !== 0 && /*#__PURE__*/React.createElement(Box, {
-    xcss: countStyles
-  }, /*#__PURE__*/React.createElement(StarIcon, {
-    label: "",
-    size: "small"
-  }), formatMessage(messages.starredCount, {
-    count: starCount
-  })));
+  }, agentDescription), starCountRender);
 };

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';

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

@@ -76,17 +76,42 @@ export var AgentProfileCreator = function AgentProfileCreator(_ref) {
     size: "small"
   }), creatorRender) : null;
 };
-export var AgentProfileInfo = function AgentProfileInfo(_ref2) {
-  var agentName = _ref2.agentName,
-    agentDescription = _ref2.agentDescription,
-    creatorRender = _ref2.creatorRender,
-    starCount = _ref2.starCount,
-    isStarred = _ref2.isStarred,
-    onStarToggle = _ref2.onStarToggle;
+export var AgentStarCount = function AgentStarCount(_ref2) {
+  var starCount = _ref2.starCount,
+    isLoading = _ref2.isLoading;
   var _useIntl2 = useIntl(),
     formatMessage = _useIntl2.formatMessage;
+  if (starCount === null || starCount === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: countStyles
+  }, /*#__PURE__*/React.createElement(StarIcon, {
+    label: "",
+    size: "small"
+  }), isLoading ? /*#__PURE__*/React.createElement(Skeleton, {
+    testId: "agent-profile-info-star-count-skeleton",
+    isShimmering: true,
+    height: 16,
+    width: 75,
+    borderRadius: 3
+  }) : formatMessage(messages.starredCount, {
+    count: starCount
+  }));
+};
+var wrapperStyles = xcss({
+  marginBottom: 'space.100'
+});
+export var AgentProfileInfo = function AgentProfileInfo(_ref3) {
+  var agentName = _ref3.agentName,
+    agentDescription = _ref3.agentDescription,
+    creatorRender = _ref3.creatorRender,
+    starCountRender = _ref3.starCountRender,
+    isStarred = _ref3.isStarred,
+    onStarToggle = _ref3.onStarToggle;
   return /*#__PURE__*/React.createElement(Stack, {
-    space: "space.100"
+    space: "space.100",
+    xcss: wrapperStyles
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: nameStyles,
     space: "space.100",
@@ -99,12 +124,5 @@ export var AgentProfileInfo = function AgentProfileInfo(_ref2) {
   })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(Box, {
     xcss: descriptionStyles,
     as: "p"
-  }, agentDescription), starCount !== 0 && /*#__PURE__*/React.createElement(Box, {
-    xcss: countStyles
-  }, /*#__PURE__*/React.createElement(StarIcon, {
-    label: "",
-    size: "small"
-  }), formatMessage(messages.starredCount, {
-    count: starCount
-  })));
+  }, agentDescription), starCountRender);
 };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';

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

@@ -7,11 +7,15 @@ export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoad
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCount, isStarred, onStarToggle, }: {
+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, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
-    starCount: number;
+    starCountRender: React.ReactNode;
     isStarred: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

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

@@ -1,2 +1,2 @@
-export { AgentProfileInfo, AgentProfileCreator } from './ui/agent-profile-info';
+export { AgentProfileInfo, AgentProfileCreator, AgentStarCount } from './ui/agent-profile-info';
 export { StarIconButton } from './common/ui/star-icon-button';

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

@@ -7,11 +7,15 @@ export declare const AgentProfileCreator: ({ creator, onCreatorLinkClick, isLoad
     isLoading: boolean;
     onCreatorLinkClick: () => void;
 }) => JSX.Element | null;
-export declare const AgentProfileInfo: ({ agentName, agentDescription, creatorRender, starCount, isStarred, onStarToggle, }: {
+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, }: {
     agentName: string;
     agentDescription?: string | null | undefined;
     creatorRender: React.ReactNode;
-    starCount: number;
+    starCountRender: React.ReactNode;
     isStarred: boolean;
     onStarToggle: () => void;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/rovo-agent-components",
-	"version": "0.0.2",
+	"version": "0.1.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",
@@ -37,7 +37,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/heading": "^2.4.3",
-		"@atlaskit/icon": "^22.7.0",
+		"@atlaskit/icon": "^22.8.0",
 		"@atlaskit/logo": "^14.1.0",
 		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/skeleton": "^0.4.0",