@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

package/dist/components/SuggestionsCard/SuggestionsCard.esm.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
-import React__default from 'react';
+import 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -7,6 +8,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import AssistantIcon from '@material-ui/icons/Assistant';
 import HelpOutlined from '@material-ui/icons/HelpOutlined';
 import Check from '@material-ui/icons/Check';
@@ -17,51 +21,54 @@ import { Card, CardHeader, List, ListItem, ListItemIcon } from '@material-ui/cor
 
 const SuggestionListItem = (props) => {
   const navigate = useNavigate();
-  return /* @__PURE__ */ React__default.createElement(ListItem, { button: true, onClick: () => navigate(props.href) }, props.icon && /* @__PURE__ */ React__default.createElement(ListItemIcon, null, props.icon), props.children);
+  return /* @__PURE__ */ jsxs(ListItem, { button: true, onClick: () => navigate(props.href), children: [
+    props.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: props.icon }),
+    props.children
+  ] });
 };
 const NoCorrectAnswerSuggestionItem = (props) => {
   const { suggestion } = props;
   const { t } = useTranslation();
   const questionRoute = useRouteRef(questionRouteRef);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SuggestionListItem,
     {
       href: questionRoute({ id: suggestion.question.id.toString(10) }),
-      icon: /* @__PURE__ */ React__default.createElement(Check, null)
-    },
-    t("suggestionsCard.noCorrectAnswer", {
-      title: suggestion.question.title
-    })
+      icon: /* @__PURE__ */ jsx(Check, {}),
+      children: t("suggestionsCard.noCorrectAnswer", {
+        title: suggestion.question.title
+      })
+    }
   );
 };
 const NewQuestionSuggestionItem = (props) => {
   const { suggestion } = props;
   const { t } = useTranslation();
   const questionRoute = useRouteRef(questionRouteRef);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SuggestionListItem,
     {
       href: questionRoute({ id: suggestion.question.id.toString(10) }),
-      icon: /* @__PURE__ */ React__default.createElement(HelpOutlined, null)
-    },
-    t("suggestionsCard.newQuestion", {
-      title: suggestion.question.title
-    })
+      icon: /* @__PURE__ */ jsx(HelpOutlined, {}),
+      children: t("suggestionsCard.newQuestion", {
+        title: suggestion.question.title
+      })
+    }
   );
 };
 const NewArticleSuggestionItem = (props) => {
   const { suggestion } = props;
   const { t } = useTranslation();
   const articleRoute = useRouteRef(articleRouteRef);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SuggestionListItem,
     {
       href: articleRoute({ id: suggestion.article.id.toString(10) }),
-      icon: /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, null)
-    },
-    t("suggestionsCard.newArticle", {
-      title: suggestion.article.title
-    })
+      icon: /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {}),
+      children: t("suggestionsCard.newArticle", {
+        title: suggestion.article.title
+      })
+    }
   );
 };
 const suggestionTypeMap = {
@@ -76,18 +83,21 @@ const SuggestionsCard = () => {
   if (suggestions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(
-    CardHeader,
-    {
-      style: { paddingBottom: "8px" },
-      title: t("suggestionsCard.title"),
-      avatar: /* @__PURE__ */ React__default.createElement(AssistantIcon, null),
-      titleTypographyProps: { variant: "h5" }
-    }
-  ), /* @__PURE__ */ React__default.createElement(List, null, suggestions.map((suggestion) => {
-    const SuggestionComponent = suggestionTypeMap[suggestion.type];
-    return /* @__PURE__ */ React__default.createElement(SuggestionComponent, { key: suggestion.id, suggestion });
-  })));
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        style: { paddingBottom: "8px" },
+        title: t("suggestionsCard.title"),
+        avatar: /* @__PURE__ */ jsx(AssistantIcon, {}),
+        titleTypographyProps: { variant: "h5" }
+      }
+    ),
+    /* @__PURE__ */ jsx(List, { children: suggestions.map((suggestion) => {
+      const SuggestionComponent = suggestionTypeMap[suggestion.type];
+      return /* @__PURE__ */ jsx(SuggestionComponent, { suggestion }, suggestion.id);
+    }) })
+  ] });
 };
 
 export { SuggestionsCard };

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

@@ -1 +1 @@
-{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport React, { ReactNode } from 'react';\nimport {\n  NewArticleSuggestion,\n  NewQuestionSuggestion,\n  NoCorrectAnswerSuggestion,\n  SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Card,\n  CardHeader,\n  List,\n  ListItem,\n  ListItemIcon,\n} from '@material-ui/core';\n\nconst SuggestionListItem = (props: {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n}) => {\n  const navigate = useNavigate();\n  return (\n    <ListItem button onClick={() => navigate(props.href)}>\n      {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n      {props.children}\n    </ListItem>\n  );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n  suggestion: NoCorrectAnswerSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<CheckIcon />}\n    >\n      {t('suggestionsCard.noCorrectAnswer', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n  suggestion: NewQuestionSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<HelpOutlinedIcon />}\n    >\n      {t('suggestionsCard.newQuestion', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewArticleSuggestionItem = (props: {\n  suggestion: NewArticleSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const articleRoute = useRouteRef(articleRouteRef);\n  return (\n    <SuggestionListItem\n      href={articleRoute({ id: suggestion.article.id.toString(10) })}\n      icon={<CollectionsBookmarkIcon />}\n    >\n      {t('suggestionsCard.newArticle', {\n        title: suggestion.article.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n  noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n  newQuestion: NewQuestionSuggestionItem,\n  newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n  const { t } = useTranslation();\n  const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n  const suggestions = response?.suggestions ?? [];\n  if (suggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader\n        style={{ paddingBottom: '8px' }}\n        title={t('suggestionsCard.title')}\n        avatar={<AssistantIcon />}\n        titleTypographyProps={{ variant: 'h5' }}\n      />\n      <List>\n        {suggestions.map(suggestion => {\n          const SuggestionComponent = suggestionTypeMap[suggestion.type];\n          return (\n            <SuggestionComponent key={suggestion.id} suggestion={suggestion} />\n          );\n        })}\n      </List>\n    </Card>\n  );\n};\n"],"names":["React","CheckIcon","HelpOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport { ReactNode } from 'react';\nimport {\n  NewArticleSuggestion,\n  NewQuestionSuggestion,\n  NoCorrectAnswerSuggestion,\n  SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Card,\n  CardHeader,\n  List,\n  ListItem,\n  ListItemIcon,\n} from '@material-ui/core';\n\nconst SuggestionListItem = (props: {\n  children: ReactNode;\n  href: string;\n  icon?: ReactNode;\n}) => {\n  const navigate = useNavigate();\n  return (\n    <ListItem button onClick={() => navigate(props.href)}>\n      {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n      {props.children}\n    </ListItem>\n  );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n  suggestion: NoCorrectAnswerSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<CheckIcon />}\n    >\n      {t('suggestionsCard.noCorrectAnswer', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n  suggestion: NewQuestionSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n  return (\n    <SuggestionListItem\n      href={questionRoute({ id: suggestion.question.id.toString(10) })}\n      icon={<HelpOutlinedIcon />}\n    >\n      {t('suggestionsCard.newQuestion', {\n        title: suggestion.question.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst NewArticleSuggestionItem = (props: {\n  suggestion: NewArticleSuggestion;\n}) => {\n  const { suggestion } = props;\n  const { t } = useTranslation();\n  const articleRoute = useRouteRef(articleRouteRef);\n  return (\n    <SuggestionListItem\n      href={articleRoute({ id: suggestion.article.id.toString(10) })}\n      icon={<CollectionsBookmarkIcon />}\n    >\n      {t('suggestionsCard.newArticle', {\n        title: suggestion.article.title,\n      })}\n    </SuggestionListItem>\n  );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n  noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n  newQuestion: NewQuestionSuggestionItem,\n  newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n  const { t } = useTranslation();\n  const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n  const suggestions = response?.suggestions ?? [];\n  if (suggestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader\n        style={{ paddingBottom: '8px' }}\n        title={t('suggestionsCard.title')}\n        avatar={<AssistantIcon />}\n        titleTypographyProps={{ variant: 'h5' }}\n      />\n      <List>\n        {suggestions.map(suggestion => {\n          const SuggestionComponent = suggestionTypeMap[suggestion.type];\n          return (\n            <SuggestionComponent key={suggestion.id} suggestion={suggestion} />\n          );\n        })}\n      </List>\n    </Card>\n  );\n};\n"],"names":["CheckIcon","HelpOutlinedIcon"],"mappings":"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"}

package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js

@@ -1,13 +1,17 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import numeral from 'numeral';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { isGlobalStat, isUserStat } from '../StatsChart/util.esm.js';
 import { Typography, Grid, Card, CardContent } from '@material-ui/core';
 
@@ -16,69 +20,82 @@ const SummaryCard = (props) => {
   if (value === void 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1em" } }, title))));
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "h5", children: [
+    value >= 1e3 ? numeral(value).format("0.0 a") : value,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", style: { marginLeft: "1em" }, children: title })
+  ] }) }) });
 };
 const SummaryStatsGrid = (props) => {
   const { stats } = props;
   const { t } = useTranslation();
   if (!stats.summary) {
-    return /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("stats.noStats"));
+    return /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: t("stats.noStats") });
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.questions"),
-      value: stats.summary.totalQuestions
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.answers"),
-      value: stats.summary.totalAnswers
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.articles"),
-      value: stats.summary.totalArticles
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.comments"),
-      value: stats.summary.totalComments
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.views"),
-      value: stats.summary.totalViews
-    }
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.votes"),
-      value: stats.summary.totalVotes
-    }
-  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.users"),
-      value: stats.summary.totalUsers
-    }
-  )), isGlobalStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.tags"),
-      value: stats.summary.totalTags
-    }
-  )), isUserStat(stats.summary) && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    SummaryCard,
-    {
-      title: t("stats.followers"),
-      value: stats.summary.totalFollowers
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.questions"),
+        value: stats.summary.totalQuestions
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.answers"),
+        value: stats.summary.totalAnswers
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.articles"),
+        value: stats.summary.totalArticles
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.comments"),
+        value: stats.summary.totalComments
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.views"),
+        value: stats.summary.totalViews
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.votes"),
+        value: stats.summary.totalVotes
+      }
+    ) }),
+    isGlobalStat(stats.summary) && /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.users"),
+        value: stats.summary.totalUsers
+      }
+    ) }),
+    isGlobalStat(stats.summary) && /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.tags"),
+        value: stats.summary.totalTags
+      }
+    ) }),
+    isUserStat(stats.summary) && /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsx(
+      SummaryCard,
+      {
+        title: t("stats.followers"),
+        value: stats.summary.totalFollowers
+      }
+    ) })
+  ] });
 };
 
 export { SummaryStatsGrid };

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

@@ -1 +1 @@
-{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import {\n  GlobalStat,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nconst SummaryCard = (props: { title: string; value?: number }) => {\n  const { title, value } = props;\n  if (value === undefined) {\n    return null;\n  }\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h5\">\n          {value >= 1000 ? numeral(value).format('0.0 a') : value}\n          <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n            {title}\n          </Typography>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const SummaryStatsGrid = (props: {\n  stats: StatisticsResponse<UserStat | GlobalStat>;\n}) => {\n  const { stats } = props;\n  const { t } = useTranslation();\n  if (!stats.summary) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n  }\n\n  return (\n    <Grid container>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.questions')}\n          value={stats.summary.totalQuestions}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.answers')}\n          value={stats.summary.totalAnswers}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.articles')}\n          value={stats.summary.totalArticles}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.comments')}\n          value={stats.summary.totalComments}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.views')}\n          value={stats.summary.totalViews}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.votes')}\n          value={stats.summary.totalVotes}\n        />\n      </Grid>\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.users')}\n            value={stats.summary!.totalUsers}\n          />\n        </Grid>\n      )}\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.tags')}\n            value={stats.summary!.totalTags}\n          />\n        </Grid>\n      )}\n      {isUserStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.followers')}\n            value={stats.summary!.totalFollowers}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,WAAA,GAAc,CAAC,KAA6C,KAAA;AAChE,EAAM,MAAA,EAAE,KAAO,EAAA,KAAA,EAAU,GAAA,KAAA;AACzB,EAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EACjB,KAAS,IAAA,GAAA,GAAO,OAAQ,CAAA,KAAK,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GAAI,KAClD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EAAA,EACtD,KACH,CACF,CACF,CACF,CAAA;AAEJ,CAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,KAE3B,KAAA;AACJ,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA;AAClB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAI,IAAA,CAAC,MAAM,OAAS,EAAA;AAClB,IAAA,oDAAQ,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,eAAe,CAAE,CAAA;AAAA;AAG7D,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,+CACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,eAAe,CAAA;AAAA,MACxB,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AAAA,GAEzB,CACC,EAAA,YAAA,CAAa,KAAM,CAAA,OAAO,CACzB,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAA,EAAO,MAAM,OAAS,CAAA;AAAA;AAAA,GAE1B,CAED,EAAA,YAAA,CAAa,KAAM,CAAA,OAAO,CACzB,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,YAAY,CAAA;AAAA,MACrB,KAAA,EAAO,MAAM,OAAS,CAAA;AAAA;AAAA,GAE1B,CAED,EAAA,UAAA,CAAW,KAAM,CAAA,OAAO,CACvB,oBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,KAAA,EAAO,MAAM,OAAS,CAAA;AAAA;AAAA,GAE1B,CAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import {\n  GlobalStat,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nconst SummaryCard = (props: { title: string; value?: number }) => {\n  const { title, value } = props;\n  if (value === undefined) {\n    return null;\n  }\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h5\">\n          {value >= 1000 ? numeral(value).format('0.0 a') : value}\n          <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n            {title}\n          </Typography>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const SummaryStatsGrid = (props: {\n  stats: StatisticsResponse<UserStat | GlobalStat>;\n}) => {\n  const { stats } = props;\n  const { t } = useTranslation();\n  if (!stats.summary) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n  }\n\n  return (\n    <Grid container>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.questions')}\n          value={stats.summary.totalQuestions}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.answers')}\n          value={stats.summary.totalAnswers}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.articles')}\n          value={stats.summary.totalArticles}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.comments')}\n          value={stats.summary.totalComments}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.views')}\n          value={stats.summary.totalViews}\n        />\n      </Grid>\n      <Grid item xs={4}>\n        <SummaryCard\n          title={t('stats.votes')}\n          value={stats.summary.totalVotes}\n        />\n      </Grid>\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.users')}\n            value={stats.summary!.totalUsers}\n          />\n        </Grid>\n      )}\n      {isGlobalStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.tags')}\n            value={stats.summary!.totalTags}\n          />\n        </Grid>\n      )}\n      {isUserStat(stats.summary) && (\n        <Grid item xs={4}>\n          <SummaryCard\n            title={t('stats.followers')}\n            value={stats.summary!.totalFollowers}\n          />\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsAndEntities/CollectionChip.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useRouteRef, useApi } from '@backstage/core-plugin-api';
 import { collectionRouteRef } from '../../routes.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
@@ -11,6 +12,9 @@ import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Tooltip, Chip, Grid, Typography, Button } from '@material-ui/core';
 
 const cache = /* @__PURE__ */ new Map();
@@ -19,7 +23,7 @@ const CollectionTooltip = (props) => {
   const qetaApi = useApi(qetaApiRef);
   const { t } = useTranslation();
   const collections = useCollectionsFollow();
-  const [resp, setResp] = React__default.useState();
+  const [resp, setResp] = useState();
   useEffect(() => {
     if (cache.has(collectionId)) {
       setResp(cache.get(collectionId));
@@ -35,50 +39,59 @@ const CollectionTooltip = (props) => {
   if (!resp) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, resp.title)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("common.posts", {
-    count: resp.posts?.length ?? 0,
-    itemType: "post"
-  }), " \xB7 ", t("common.followers", { count: resp.followers }))), resp.description && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: resp.description })), !collections.loading && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: collections.isFollowingCollection(resp) ? "secondary" : "primary",
-      onClick: () => {
-        if (collections.isFollowingCollection(resp)) {
-          collections.unfollowCollection(resp);
-        } else {
-          collections.followCollection(resp);
-        }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: resp.title }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+      t("common.posts", {
+        count: resp.posts?.length ?? 0,
+        itemType: "post"
+      }),
+      " \xB7 ",
+      t("common.followers", { count: resp.followers })
+    ] }) }),
+    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: resp.description }) }),
+    !collections.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: collections.isFollowingCollection(resp) ? "secondary" : "primary",
+        onClick: () => {
+          if (collections.isFollowingCollection(resp)) {
+            collections.unfollowCollection(resp);
+          } else {
+            collections.followCollection(resp);
+          }
+        },
+        children: collections.isFollowingCollection(resp) ? t("collectionButton.unfollow") : t("collectionButton.follow")
       }
-    },
-    collections.isFollowingCollection(resp) ? t("collectionButton.unfollow") : t("collectionButton.follow")
-  )));
+    ) })
+  ] });
 };
 const CollectionChip = (props) => {
   const collectionRoute = useRouteRef(collectionRouteRef);
   const navigate = useNavigate();
   const { collection } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
       arrow: true,
-      title: /* @__PURE__ */ React__default.createElement(CollectionTooltip, { collectionId: collection.id }),
-      enterDelay: 400
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Chip,
-      {
-        label: collection.title,
-        size: "small",
-        className: "qetaCollectionChip",
-        component: "a",
-        onClick: () => {
-          navigate(collectionRoute({ id: collection.id.toString(10) }));
-        },
-        clickable: true
-      }
-    )
+      title: /* @__PURE__ */ jsx(CollectionTooltip, { collectionId: collection.id }),
+      enterDelay: 400,
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: collection.title,
+          size: "small",
+          className: "qetaCollectionChip",
+          component: "a",
+          onClick: () => {
+            navigate(collectionRoute({ id: collection.id.toString(10) }));
+          },
+          clickable: true
+        }
+      )
+    }
   );
 };
 

package/dist/components/TagsAndEntities/CollectionChip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionChip.esm.js","sources":["../../../src/components/TagsAndEntities/CollectionChip.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\n\nconst cache: Map<number, Collection> = new Map();\n\nconst CollectionTooltip = (props: { collectionId: number }) => {\n  const { collectionId } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n  const [resp, setResp] = React.useState<undefined | Collection>();\n\n  useEffect(() => {\n    if (cache.has(collectionId)) {\n      setResp(cache.get(collectionId));\n      return;\n    }\n\n    qetaApi.getCollection(collectionId).then(res => {\n      if (res) {\n        cache.set(collectionId, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, collectionId]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{resp.title}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', {\n            count: resp.posts?.length ?? 0,\n            itemType: 'post',\n          })}\n          {' · '}\n          {t('common.followers', { count: resp.followers })}\n        </Typography>\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!collections.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n            }\n            onClick={() => {\n              if (collections.isFollowingCollection(resp)) {\n                collections.unfollowCollection(resp);\n              } else {\n                collections.followCollection(resp);\n              }\n            }}\n          >\n            {collections.isFollowingCollection(resp)\n              ? t('collectionButton.unfollow')\n              : t('collectionButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const CollectionChip = (props: { collection: Collection }) => {\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const { collection } = props;\n  return (\n    <Tooltip\n      arrow\n      title={<CollectionTooltip collectionId={collection.id} />}\n      enterDelay={400}\n    >\n      <Chip\n        label={collection.title}\n        size=\"small\"\n        className=\"qetaCollectionChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(collectionRoute({ id: collection.id.toString(10) }));\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CollectionChip.esm.js","sources":["../../../src/components/TagsAndEntities/CollectionChip.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\n\nconst cache: Map<number, Collection> = new Map();\n\nconst CollectionTooltip = (props: { collectionId: number }) => {\n  const { collectionId } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n  const [resp, setResp] = useState<undefined | Collection>();\n\n  useEffect(() => {\n    if (cache.has(collectionId)) {\n      setResp(cache.get(collectionId));\n      return;\n    }\n\n    qetaApi.getCollection(collectionId).then(res => {\n      if (res) {\n        cache.set(collectionId, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, collectionId]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{resp.title}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', {\n            count: resp.posts?.length ?? 0,\n            itemType: 'post',\n          })}\n          {' · '}\n          {t('common.followers', { count: resp.followers })}\n        </Typography>\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!collections.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n            }\n            onClick={() => {\n              if (collections.isFollowingCollection(resp)) {\n                collections.unfollowCollection(resp);\n              } else {\n                collections.followCollection(resp);\n              }\n            }}\n          >\n            {collections.isFollowingCollection(resp)\n              ? t('collectionButton.unfollow')\n              : t('collectionButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const CollectionChip = (props: { collection: Collection }) => {\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const { collection } = props;\n  return (\n    <Tooltip\n      arrow\n      title={<CollectionTooltip collectionId={collection.id} />}\n      enterDelay={400}\n    >\n      <Chip\n        label={collection.title}\n        size=\"small\"\n        className=\"qetaCollectionChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(collectionRoute({ id: collection.id.toString(10) }));\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}