@drodil/backstage-plugin-qeta 3.57.0 → 3.58.0

package/dist/components/UserPage/UserPage.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useParams, useSearchParams } from 'react-router-dom';
-import { useUserInfo, qetaTranslationRef, useIdentityApi, UserFollowButton, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsContainer, CollectionsContainer, AnswersContainer } from '@drodil/backstage-plugin-qeta-react';
+import { useUserInfo, qetaTranslationRef, useIdentityApi, useQetaApi, RelativeTimeWithTooltip, ContentHeader, UserFollowButton, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsContainer, CollectionsContainer, AnswersContainer } from '@drodil/backstage-plugin-qeta-react';
 import { UserStatsContent } from './UserStatsContent.esm.js';
 import { TabContext, TabList, TabPanel } from '@material-ui/lab';
 import { makeStyles, Box, Avatar, Typography, Tab } from '@material-ui/core';
@@ -51,6 +51,10 @@ const UserPage = () => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
+  const { value: userStats, loading: loadingUserStats } = useQetaApi(
+    (api) => api.getUserStats(identity),
+    [identity]
+  );
   const handleChange = (_event, newValue) => {
     setSearchParams({});
     setTab(newValue);
@@ -81,33 +85,36 @@ const UserPage = () => {
           }
         ),
         /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", justifyContent: "center", children: [
-          /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "h4",
-                component: "h2",
-                id: "user-name",
-                style: { fontWeight: 700 },
-                children: name
-              }
-            ),
-            !loadingUser && !userError && currentUser?.userEntityRef !== identity && /* @__PURE__ */ jsx(
-              UserFollowButton,
-              {
-                userRef: identity,
-                style: { marginLeft: "1rem", transform: "scale(1.2)" },
-                "aria-label": t("userPage.followUser", { name })
-              }
-            )
-          ] }),
-          (secondaryTitle || user?.spec?.profile?.email) && /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "textSecondary", children: secondaryTitle || user?.spec?.profile?.email })
+          /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "h4",
+              component: "h2",
+              id: "user-name",
+              style: { fontWeight: 700 },
+              children: name
+            }
+          ) }),
+          (secondaryTitle || user?.spec?.profile?.email) && /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "textSecondary", children: secondaryTitle || user?.spec?.profile?.email }),
+          userStats?.summary?.lastSeen && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+            t("stats.lastSeen"),
+            ":",
+            " ",
+            /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: userStats.summary.lastSeen })
+          ] })
         ] })
       ]
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(ContentHeader, { titleComponent: title, children: [
+      !loadingUser && !userError && currentUser?.userEntityRef !== identity && /* @__PURE__ */ jsx(
+        UserFollowButton,
+        {
+          userRef: identity,
+          "aria-label": t("userPage.followUser", { name })
+        }
+      ),
       /* @__PURE__ */ jsx(AskQuestionButton, {}),
       /* @__PURE__ */ jsx(WriteArticleButton, {}),
       /* @__PURE__ */ jsx(CreateLinkButton, {})
@@ -203,7 +210,14 @@ const UserPage = () => {
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx(TabPanel, { value: "statistics", className: classes.tabPanel, children: /* @__PURE__ */ jsx(UserStatsContent, { userRef: identity ?? "" }) }),
+      /* @__PURE__ */ jsx(TabPanel, { value: "statistics", className: classes.tabPanel, children: /* @__PURE__ */ jsx(
+        UserStatsContent,
+        {
+          userRef: identity ?? "",
+          stats: userStats,
+          loading: loadingUserStats
+        }
+      ) }),
       /* @__PURE__ */ jsx(TabPanel, { value: "questions", className: classes.tabPanel, children: /* @__PURE__ */ jsx(
         PostsContainer,
         {

package/dist/components/UserPage/UserPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport {\n  AnswersContainer,\n  AskQuestionButton,\n  CollectionsContainer,\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n  useIdentityApi,\n  UserFollowButton,\n  useUserInfo,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { UserStatsContent } from './UserStatsContent';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { Avatar, Box, makeStyles, Tab, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport AssessmentIcon from '@material-ui/icons/Assessment';\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport CollectionsIcon from '@material-ui/icons/Collections';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport LinkIcon from '@material-ui/icons/Link';\n\nconst useStyles = makeStyles(theme => ({\n  tabIcon: {\n    marginRight: theme.spacing(1),\n  },\n  tabPanel: {\n    padding: theme.spacing(3, 0),\n  },\n  avatar: {\n    width: theme.spacing(12),\n    height: theme.spacing(12),\n    marginRight: theme.spacing(3),\n    boxShadow: theme.shadows[2],\n  },\n  headerContent: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(3, 0),\n  },\n  tabList: {},\n  tabLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n  },\n}));\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const { name, initials, user, secondaryTitle } = useUserInfo(identity);\n  const [tab, setTab] = useState('statistics');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [_searchParams, setSearchParams] = useSearchParams();\n  const classes = useStyles();\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n    setSearchParams({});\n    setTab(newValue);\n  };\n\n  const TabLabel = ({\n    icon,\n    label,\n  }: {\n    icon: React.ReactNode;\n    label: string;\n  }) => (\n    <div className={classes.tabLabel}>\n      {icon}\n      <span>{label}</span>\n    </div>\n  );\n\n  const title = (\n    <Box\n      className={classes.headerContent}\n      role=\"banner\"\n      aria-label={t('userPage.profileHeader', {})}\n    >\n      <Avatar\n        src={user?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n        className={classes.avatar}\n        aria-label={t('userPage.profilePicture', { name })}\n      >\n        {initials}\n      </Avatar>\n      <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\">\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography\n            variant=\"h4\"\n            component=\"h2\"\n            id=\"user-name\"\n            style={{ fontWeight: 700 }}\n          >\n            {name}\n          </Typography>\n          {!loadingUser &&\n            !userError &&\n            currentUser?.userEntityRef !== identity && (\n              <UserFollowButton\n                userRef={identity}\n                style={{ marginLeft: '1rem', transform: 'scale(1.2)' }}\n                aria-label={t('userPage.followUser', { name })}\n              />\n            )}\n        </Box>\n        {(secondaryTitle || user?.spec?.profile?.email) && (\n          <Typography variant=\"h6\" color=\"textSecondary\">\n            {secondaryTitle || user?.spec?.profile?.email}\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <>\n      <ContentHeader titleComponent={title}>\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <TabContext value={tab}>\n        <Box className={classes.tabList}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('userPage.profileTab', {})}\n            aria-labelledby=\"user-name\"\n            variant=\"scrollable\"\n            scrollButtons=\"auto\"\n          >\n            <Tab\n              value=\"statistics\"\n              label={\n                <TabLabel\n                  icon={<AssessmentIcon className={classes.tabIcon} />}\n                  label={t('userPage.statistics', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"questions\"\n              label={\n                <TabLabel\n                  icon={<HelpOutlineIcon className={classes.tabIcon} />}\n                  label={t('userPage.questions', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"articles\"\n              label={\n                <TabLabel\n                  icon={<CollectionsBookmarkIcon className={classes.tabIcon} />}\n                  label={t('userPage.articles', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"links\"\n              label={\n                <TabLabel\n                  icon={<LinkIcon className={classes.tabIcon} />}\n                  label={t('userPage.links', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"collections\"\n              label={\n                <TabLabel\n                  icon={<CollectionsIcon className={classes.tabIcon} />}\n                  label={t('userPage.collections', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"answers\"\n              label={\n                <TabLabel\n                  icon={<QuestionAnswerIcon className={classes.tabIcon} />}\n                  label={t('userPage.answers', {})}\n                />\n              }\n            />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\" className={classes.tabPanel}>\n          <UserStatsContent userRef={identity ?? ''} />\n        </TabPanel>\n        <TabPanel value=\"questions\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            showNoQuestionsBtn={false}\n            type=\"question\"\n            prefix=\"user-questions\"\n          />\n        </TabPanel>\n        <TabPanel value=\"articles\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            type=\"article\"\n            showNoQuestionsBtn={false}\n            prefix=\"user-articles\"\n          />\n        </TabPanel>\n        <TabPanel value=\"links\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            type=\"link\"\n            showNoQuestionsBtn={false}\n            prefix=\"user-links\"\n          />\n        </TabPanel>\n        <TabPanel value=\"collections\" className={classes.tabPanel}>\n          <CollectionsContainer\n            owner={identity ?? ''}\n            prefix=\"user-collections\"\n          />\n        </TabPanel>\n        <TabPanel value=\"answers\" className={classes.tabPanel}>\n          <AnswersContainer\n            author={identity ?? ''}\n            title={t('userPage.answers', {})}\n            prefix=\"user-answers\"\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":["HelpOutlineIcon"],"mappings":"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"}
+{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport {\n  AnswersContainer,\n  AskQuestionButton,\n  CollectionsContainer,\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n  useIdentityApi,\n  UserFollowButton,\n  useUserInfo,\n  WriteArticleButton,\n  useQetaApi,\n  RelativeTimeWithTooltip,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { UserStatsContent } from './UserStatsContent';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { Avatar, Box, makeStyles, Tab, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport AssessmentIcon from '@material-ui/icons/Assessment';\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport CollectionsIcon from '@material-ui/icons/Collections';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport LinkIcon from '@material-ui/icons/Link';\n\nconst useStyles = makeStyles(theme => ({\n  tabIcon: {\n    marginRight: theme.spacing(1),\n  },\n  tabPanel: {\n    padding: theme.spacing(3, 0),\n  },\n  avatar: {\n    width: theme.spacing(12),\n    height: theme.spacing(12),\n    marginRight: theme.spacing(3),\n    boxShadow: theme.shadows[2],\n  },\n  headerContent: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(3, 0),\n  },\n  tabList: {},\n  tabLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n  },\n}));\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const { name, initials, user, secondaryTitle } = useUserInfo(identity);\n  const [tab, setTab] = useState('statistics');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [_searchParams, setSearchParams] = useSearchParams();\n  const classes = useStyles();\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n  const { value: userStats, loading: loadingUserStats } = useQetaApi(\n    api => api.getUserStats(identity),\n    [identity],\n  );\n\n  const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n    setSearchParams({});\n    setTab(newValue);\n  };\n\n  const TabLabel = ({\n    icon,\n    label,\n  }: {\n    icon: React.ReactNode;\n    label: string;\n  }) => (\n    <div className={classes.tabLabel}>\n      {icon}\n      <span>{label}</span>\n    </div>\n  );\n\n  const title = (\n    <Box\n      className={classes.headerContent}\n      role=\"banner\"\n      aria-label={t('userPage.profileHeader', {})}\n    >\n      <Avatar\n        src={user?.spec?.profile?.picture}\n        alt={name}\n        variant=\"rounded\"\n        className={classes.avatar}\n        aria-label={t('userPage.profilePicture', { name })}\n      >\n        {initials}\n      </Avatar>\n      <Box display=\"flex\" flexDirection=\"column\" justifyContent=\"center\">\n        <Box display=\"flex\" alignItems=\"center\">\n          <Typography\n            variant=\"h4\"\n            component=\"h2\"\n            id=\"user-name\"\n            style={{ fontWeight: 700 }}\n          >\n            {name}\n          </Typography>\n        </Box>\n        {(secondaryTitle || user?.spec?.profile?.email) && (\n          <Typography variant=\"h6\" color=\"textSecondary\">\n            {secondaryTitle || user?.spec?.profile?.email}\n          </Typography>\n        )}\n        {userStats?.summary?.lastSeen && (\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            {t('stats.lastSeen')}:{' '}\n            <RelativeTimeWithTooltip value={userStats.summary.lastSeen} />\n          </Typography>\n        )}\n      </Box>\n    </Box>\n  );\n\n  return (\n    <>\n      <ContentHeader titleComponent={title}>\n        {!loadingUser &&\n          !userError &&\n          currentUser?.userEntityRef !== identity && (\n            <UserFollowButton\n              userRef={identity}\n              aria-label={t('userPage.followUser', { name })}\n            />\n          )}\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <TabContext value={tab}>\n        <Box className={classes.tabList}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('userPage.profileTab', {})}\n            aria-labelledby=\"user-name\"\n            variant=\"scrollable\"\n            scrollButtons=\"auto\"\n          >\n            <Tab\n              value=\"statistics\"\n              label={\n                <TabLabel\n                  icon={<AssessmentIcon className={classes.tabIcon} />}\n                  label={t('userPage.statistics', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"questions\"\n              label={\n                <TabLabel\n                  icon={<HelpOutlineIcon className={classes.tabIcon} />}\n                  label={t('userPage.questions', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"articles\"\n              label={\n                <TabLabel\n                  icon={<CollectionsBookmarkIcon className={classes.tabIcon} />}\n                  label={t('userPage.articles', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"links\"\n              label={\n                <TabLabel\n                  icon={<LinkIcon className={classes.tabIcon} />}\n                  label={t('userPage.links', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"collections\"\n              label={\n                <TabLabel\n                  icon={<CollectionsIcon className={classes.tabIcon} />}\n                  label={t('userPage.collections', {})}\n                />\n              }\n            />\n            <Tab\n              value=\"answers\"\n              label={\n                <TabLabel\n                  icon={<QuestionAnswerIcon className={classes.tabIcon} />}\n                  label={t('userPage.answers', {})}\n                />\n              }\n            />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\" className={classes.tabPanel}>\n          <UserStatsContent\n            userRef={identity ?? ''}\n            stats={userStats}\n            loading={loadingUserStats}\n          />\n        </TabPanel>\n        <TabPanel value=\"questions\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            showNoQuestionsBtn={false}\n            type=\"question\"\n            prefix=\"user-questions\"\n          />\n        </TabPanel>\n        <TabPanel value=\"articles\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            type=\"article\"\n            showNoQuestionsBtn={false}\n            prefix=\"user-articles\"\n          />\n        </TabPanel>\n        <TabPanel value=\"links\" className={classes.tabPanel}>\n          <PostsContainer\n            author={identity ?? ''}\n            type=\"link\"\n            showNoQuestionsBtn={false}\n            prefix=\"user-links\"\n          />\n        </TabPanel>\n        <TabPanel value=\"collections\" className={classes.tabPanel}>\n          <CollectionsContainer\n            owner={identity ?? ''}\n            prefix=\"user-collections\"\n          />\n        </TabPanel>\n        <TabPanel value=\"answers\" className={classes.tabPanel}>\n          <AnswersContainer\n            author={identity ?? ''}\n            title={t('userPage.answers', {})}\n            prefix=\"user-answers\"\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":["HelpOutlineIcon"],"mappings":"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"}

package/dist/components/UserPage/UserStatsContent.esm.js

@@ -7,21 +7,31 @@ const UserStatsContent = (props) => {
     value: response,
     loading,
     error
-  } = useQetaApi((api) => api.getUserStats(props.userRef), []);
+  } = useQetaApi(
+    (api) => {
+      if (props.stats) {
+        return Promise.resolve(props.stats);
+      }
+      return api.getUserStats(props.userRef);
+    },
+    [props.userRef, props.stats]
+  );
+  const stats = props.stats || response;
+  const isLoading = props.loading || loading;
   if (error) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(UserBadges, { entityRef: props.userRef }) }) }) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
-      !loading && response && /* @__PURE__ */ jsx(
+      !isLoading && stats && /* @__PURE__ */ jsx(
         StatsChart,
         {
-          data: response.statistics,
-          summary: response.summary
+          data: stats.statistics,
+          summary: stats.summary
         }
       ),
-      loading && /* @__PURE__ */ jsx(CircularProgress, {})
+      isLoading && !props.stats && /* @__PURE__ */ jsx(CircularProgress, {})
     ] }) }) })
   ] });
 };

package/dist/components/UserPage/UserStatsContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import {\n  StatsChart,\n  useQetaApi,\n  UserBadges,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Card, CardContent, CircularProgress, Grid } from '@material-ui/core';\n\nexport const UserStatsContent = (props: { userRef: string }) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserStats(props.userRef), []);\n  if (error) {\n    return null;\n  }\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <UserBadges entityRef={props.userRef} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            {!loading && response && (\n              <StatsChart\n                data={response.statistics}\n                summary={response.summary as unknown as Record<string, number>}\n              />\n            )}\n            {loading && <CircularProgress />}\n          </CardContent>\n        </Card>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA;AACzD,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,8BAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,SAAW,EAAA,KAAA,CAAM,OAAS,EAAA,CAAA,EACxC,GACF,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,WAAW,QACX,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAM,QAAS,CAAA,UAAA;AAAA,UACf,SAAS,QAAS,CAAA;AAAA;AAAA,OACpB;AAAA,MAED,OAAA,wBAAY,gBAAiB,EAAA,EAAA;AAAA,KAAA,EAChC,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import {\n  StatsChart,\n  useQetaApi,\n  UserBadges,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Card, CardContent, CircularProgress, Grid } from '@material-ui/core';\n\nexport const UserStatsContent = (props: {\n  userRef: string;\n  stats?: StatisticsResponse<UserStat>;\n  loading?: boolean;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api => {\n      if (props.stats) {\n        return Promise.resolve(props.stats);\n      }\n      return api.getUserStats(props.userRef);\n    },\n    [props.userRef, props.stats],\n  );\n\n  const stats = props.stats || response;\n  const isLoading = props.loading || loading;\n\n  if (error) {\n    return null;\n  }\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <UserBadges entityRef={props.userRef} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            {!isLoading && stats && (\n              <StatsChart\n                data={stats.statistics}\n                summary={stats.summary as unknown as Record<string, number>}\n              />\n            )}\n            {isLoading && !props.stats && <CircularProgress />}\n          </CardContent>\n        </Card>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAWa,MAAA,gBAAA,GAAmB,CAAC,KAI3B,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAO,GAAA,KAAA;AACL,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAO,OAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA;AAEpC,MAAO,OAAA,GAAA,CAAI,YAAa,CAAA,KAAA,CAAM,OAAO,CAAA;AAAA,KACvC;AAAA,IACA,CAAC,KAAA,CAAM,OAAS,EAAA,KAAA,CAAM,KAAK;AAAA,GAC7B;AAEA,EAAM,MAAA,KAAA,GAAQ,MAAM,KAAS,IAAA,QAAA;AAC7B,EAAM,MAAA,SAAA,GAAY,MAAM,OAAW,IAAA,OAAA;AAEnC,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,8BAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,SAAW,EAAA,KAAA,CAAM,OAAS,EAAA,CAAA,EACxC,GACF,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,aAAa,KACb,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAM,KAAM,CAAA,UAAA;AAAA,UACZ,SAAS,KAAM,CAAA;AAAA;AAAA,OACjB;AAAA,MAED,SAAa,IAAA,CAAC,KAAM,CAAA,KAAA,wBAAU,gBAAiB,EAAA,EAAA;AAAA,KAAA,EAClD,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/package.json.esm.js

@@ -6,7 +6,7 @@ var keywords = [
 	"frontend",
 	"backstage.io"
 ];
-var version = "3.57.0";
+var version = "3.58.0";
 var main = "src/index.ts";
 var types = "src/index.ts";
 var prepublishOnly = "yarn tsc && yarn build";

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.57.0",
+  "version": "3.58.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -85,8 +85,8 @@
     "@backstage/plugin-search-react": "^1.10.2",
     "@backstage/plugin-signals-react": "^0.0.18",
     "@backstage/plugin-techdocs-react": "^1.3.7",
-    "@drodil/backstage-plugin-qeta-common": "^3.57.0",
-    "@drodil/backstage-plugin-qeta-react": "^3.57.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.58.0",
+    "@drodil/backstage-plugin-qeta-react": "^3.58.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",