@drodil/backstage-plugin-qeta 2.13.0 → 2.14.0

package/dist/components/CommentSection/CommentList.esm.js

@@ -1,11 +1,12 @@
 import { Box, Typography, Divider } from '@material-ui/core';
 import React from 'react';
-import { MarkdownContent, Link } from '@backstage/core-components';
+import { Link } from '@backstage/core-components';
 import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
 import { useApi } from '@backstage/core-plugin-api';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { AuthorLink } from '../Links/Links.esm.js';
 import { qetaApiRef } from '../../api/QetaClient.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 
 const CommentList = (props) => {
   const { question, answer, onCommentDelete } = props;
@@ -24,9 +25,8 @@ const CommentList = (props) => {
   };
   return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.comments?.map((c) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
+      MarkdownRenderer,
       {
-        dialect: "gfm",
         content: c.content,
         className: `${styles.markdownContent} inline`
       }

package/dist/components/CommentSection/CommentList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link, MarkdownContent } from '@backstage/core-components';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentList = (props: {\n  onCommentDelete: (\n    question: QuestionResponse,\n    answer?: AnswerResponse,\n  ) => void;\n  question: QuestionResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const styles = useStyles();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi\n      .deleteQuestionComment(question.id, id)\n      .then(q => onCommentDelete(q));\n  };\n\n  return (\n    <>\n      {entity.comments?.map(c => {\n        return (\n          <>\n            <Box key={c.id} className=\"qetaCommentBox\">\n              <MarkdownContent\n                dialect=\"gfm\"\n                content={c.content}\n                className={`${styles.markdownContent} inline`}\n              />\n              {' – '}\n              <AuthorLink entity={c} />{' '}\n              <Typography variant=\"caption\" className=\"qetaCommentTime\">\n                <RelativeTimeWithTooltip value={c.created} />\n              </Typography>\n              {(c.own || c.canDelete) && (\n                <>\n                  {' / '}\n                  <Link\n                    underline=\"none\"\n                    to=\"#\"\n                    className=\"qetaCommentDeleteBtn\"\n                    onClick={() => deleteComment(c.id)}\n                  >\n                    {t('commentList.deleteLink')}\n                  </Link>\n                </>\n              )}\n            </Box>\n            <Divider />\n          </>\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,WAAA,GAAc,CAAC,KAOtB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IACG,OAAA,CAAA,qBAAA,CAAsB,SAAS,EAAI,EAAA,EAAE,EACrC,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,QAAU,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,KAAA;AAAA,QACR,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,eAAe,CAAA,OAAA,CAAA;AAAA,OAAA;AAAA,KACtC,EACC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,CAAA,CAAE,OAAS,EAAA,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const CommentList = (props: {\n  onCommentDelete: (\n    question: QuestionResponse,\n    answer?: AnswerResponse,\n  ) => void;\n  question: QuestionResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const styles = useStyles();\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi\n      .deleteQuestionComment(question.id, id)\n      .then(q => onCommentDelete(q));\n  };\n\n  return (\n    <>\n      {entity.comments?.map(c => {\n        return (\n          <>\n            <Box key={c.id} className=\"qetaCommentBox\">\n              <MarkdownRenderer\n                content={c.content}\n                className={`${styles.markdownContent} inline`}\n              />\n              {' – '}\n              <AuthorLink entity={c} />{' '}\n              <Typography variant=\"caption\" className=\"qetaCommentTime\">\n                <RelativeTimeWithTooltip value={c.created} />\n              </Typography>\n              {(c.own || c.canDelete) && (\n                <>\n                  {' / '}\n                  <Link\n                    underline=\"none\"\n                    to=\"#\"\n                    className=\"qetaCommentDeleteBtn\"\n                    onClick={() => deleteComment(c.id)}\n                  >\n                    {t('commentList.deleteLink')}\n                  </Link>\n                </>\n              )}\n            </Box>\n            <Divider />\n          </>\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAOtB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IACG,OAAA,CAAA,qBAAA,CAAsB,SAAS,EAAI,EAAA,EAAE,EACrC,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,QAAU,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,eAAe,CAAA,OAAA,CAAA;AAAA,OAAA;AAAA,KACtC,EACC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,CAAA,CAAE,OAAS,EAAA,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/FavoritePage/FavoritePage.esm.js

@@ -9,7 +9,7 @@ import Whatshot from '@material-ui/icons/Whatshot';
 
 const FavoritePage = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(QuestionsContainer, { favorite: true })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(QuestionsContainer, { favorite: true })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
     QuestionHighlightList,
     {
       type: "hot",

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { useTranslation } from '../../utils/hooks';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <QuestionsContainer favorite />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAAA,sCACzC,iBAAkB,EAAA,IAAA,CACrB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,QAAQ,EAAA,IAAA,EAAC,CAC/B,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE9B,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { useTranslation } from '../../utils/hooks';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <QuestionsContainer favorite />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ favorite: true }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,qBACtB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,EAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,oBAAoB,qBACzC,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,QAAQ,EAAA,IAAA,EAAC,CAC/B,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE5B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,KAAA;AAAA,GAE9B,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePage/HomePage.esm.js

@@ -15,7 +15,7 @@ const HomePage = () => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
     QuestionsCard,
     {
       type: "own",

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport React from 'react';\nimport { useIdentityApi, useTranslation } from '../../utils/hooks';\nimport { QuestionsCard } from '../HomePageCards/QuestionsCard';\nimport { Grid } from '@material-ui/core';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\nimport { ImpactCard } from '../HomePageCards/ImpactCard';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <Grid container>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <QuestionsCard\n                type=\"own\"\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n              />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <QuestionsCard\n              type=\"own\"\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: 'true', random: 'true' }}\n            />\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,sBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,gBAAgB,CACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAkB,CACrB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACZ,EAAA,EAAA,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KAAA;AAAA,GAE1C,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,GAEjD,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,IAAA,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport React from 'react';\nimport { useIdentityApi, useTranslation } from '../../utils/hooks';\nimport { QuestionsCard } from '../HomePageCards/QuestionsCard';\nimport { Grid } from '@material-ui/core';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\nimport { ImpactCard } from '../HomePageCards/ImpactCard';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <Grid container>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <QuestionsCard\n                type=\"own\"\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n              />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <QuestionsCard\n              type=\"own\"\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: 'true', random: 'true' }}\n            />\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAA,sCACrC,iBAAkB,EAAA,IAAA,CACrB,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACZ,EAAA,EAAA,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KAAA;AAAA,GAE1C,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,GAEjD,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,IAAA,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/ImpactCard.esm.js

@@ -1,6 +1,6 @@
 import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
 import React from 'react';
-import { Card, CardContent, Typography } from '@material-ui/core';
+import { Box, Card, CardContent, Typography } from '@material-ui/core';
 import numeral from 'numeral';
 
 const ImpactCard = () => {
@@ -13,7 +13,7 @@ const ImpactCard = () => {
   if (loading || error || !response) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions"))));
+  return /* @__PURE__ */ React.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions")))));
 };
 
 export { ImpactCard };

package/dist/components/HomePageCards/ImpactCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../utils/hooks';\nimport React from 'react';\nimport { Card, CardContent, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardContent>\n        <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n        <Typography variant=\"h5\">\n          {response.impact >= 1000\n            ? numeral(response.impact).format('0.0 a')\n            : response.impact}\n          <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n            {t('impactCard.views')}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\">{t('impactCard.contributions')}</Typography>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,mBAC/C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EACjB,QAAS,CAAA,MAAA,IAAU,MAChB,OAAQ,CAAA,QAAA,CAAS,MAAM,CAAA,CAAE,MAAO,CAAA,OAAO,IACvC,QAAS,CAAA,MAAA,sCACZ,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAU,KAAO,EAAA,EAAE,UAAY,EAAA,MAAA,EAChD,EAAA,EAAA,CAAA,CAAE,kBAAkB,CACvB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAS,CAAE,CAAA,0BAA0B,CAAE,CAC7D,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../utils/hooks';\nimport React from 'react';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslation();\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserImpact(), []);\n\n  if (loading || error || !response) {\n    return null;\n  }\n\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Card>\n        <CardContent>\n          <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n          <Typography variant=\"h5\">\n            {response.impact >= 1000\n              ? numeral(response.impact).format('0.0 a')\n              : response.impact}\n            <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n              {t('impactCard.views')}\n            </Typography>\n          </Typography>\n          <Typography variant=\"body2\">\n            {t('impactCard.contributions')}\n          </Typography>\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,OAAA,EAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,OAAQ,CAAA,QAAA,CAAS,MAAM,CAAA,CAAE,MAAO,CAAA,OAAO,CACvC,GAAA,QAAA,CAAS,MACb,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA0B,CAC/B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -14,6 +14,7 @@ import '@material-ui/icons/HelpOutline';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '../Statistics/StatsChart.esm.js';
+import 'numeral';
 import HelpOutlined from '@material-ui/icons/HelpOutlined';
 import { useNavigate } from 'react-router-dom';
 import Home from '@material-ui/icons/Home';

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  ListItem,\n  ListItemIcon,\n  MenuItem,\n  MenuList,\n  Typography,\n} from '@material-ui/core';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport StarIcon from '@material-ui/icons/Star';\nimport { TrophyIcon } from '../Statistics';\nimport React, { ReactNode } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useIdentityApi, useStyles, useTranslation } from '../../utils/hooks';\nimport {\n  favoriteQuestionsRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\n\nexport const LeftMenu = () => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={() => navigate(route)}\n        className={\n          route === location.pathname\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  return (\n    <MenuList id=\"left-menu\" className={styles.leftMenu}>\n      <CustomMenuItem route={rootRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <Home fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.home')}\n      </CustomMenuItem>\n      <ListItem>\n        <Typography variant=\"subtitle2\">Content</Typography>\n      </ListItem>\n      <CustomMenuItem route={questionsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.questions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={favoritesRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <StarIcon fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.favoriteQuestions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={tagsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <LoyaltyOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.tags')}\n      </CustomMenuItem>\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n          <ListItemIcon className={styles.menuIcon}>\n            <AccountBox fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.profile')}\n        </CustomMenuItem>\n      )}\n      <CustomMenuItem route={statisticsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <TrophyIcon />\n        </ListItemIcon>\n        {t('leftMenu.statistics')}\n      </CustomMenuItem>\n    </MenuList>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,cAAA,GAAiB,YAAY,yBAAyB,CAAA,CAAA;AAC5D,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA,CAAA;AACtD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,cAAA,GAAiB,YAAY,iBAAiB,CAAA,CAAA;AACpD,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,MAAM,iBAAiB,CAAC;AAAA,IACtB,KAAA;AAAA,IACA,QAAA;AAAA,GAII,KAAA;AACJ,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC7B,WACE,KAAU,KAAA,QAAA,CAAS,QACf,GAAA,MAAA,CAAO,mBACP,MAAO,CAAA,mBAAA;AAAA,OAAA;AAAA,MAGZ,QAAA;AAAA,KACH,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,EAAG,EAAA,WAAA,EAAY,WAAW,MAAO,CAAA,QAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,SAAA,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,SAAW,EAAA,MAAA,CAAO,QAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CACzB,GACC,CAAE,CAAA,eAAe,CACpB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAY,EAAA,EAAA,SAAO,CACzC,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,cAAA,sBACpB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,SAAW,EAAA,MAAA,CAAO,QAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,CACjC,CAAA,EACC,CAAE,CAAA,oBAAoB,CACzB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,OAAO,cAAe,EAAA,EAAA,kBACnC,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,WAAW,MAAO,CAAA,QAAA,EAAA,kBAC7B,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,UAAS,OAAQ,EAAA,CAC7B,CACC,EAAA,CAAA,CAAE,4BAA4B,CACjC,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAe,KAAO,EAAA,SAAA,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAA,sCAC7B,eAAgB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CACpC,CACC,EAAA,CAAA,CAAE,eAAe,CACpB,GACC,IAAQ,IAAA,CAAC,WAAe,IAAA,CAAC,6BACvB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,IAAK,CAAA,aAAa,CACzD,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,SAAA,EAAW,OAAO,QAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAC/B,CACC,EAAA,CAAA,CAAE,kBAAkB,CACvB,CAAA,kBAED,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,eAAA,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,SAAW,EAAA,MAAA,CAAO,QAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACd,CAAA,EACC,CAAE,CAAA,qBAAqB,CAC1B,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  ListItem,\n  ListItemIcon,\n  MenuItem,\n  MenuList,\n  Typography,\n} from '@material-ui/core';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport StarIcon from '@material-ui/icons/Star';\nimport { TrophyIcon } from '../Statistics';\nimport React, { ReactNode } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useIdentityApi, useStyles, useTranslation } from '../../utils/hooks';\nimport {\n  favoriteQuestionsRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\n\nexport const LeftMenu = () => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={() => navigate(route)}\n        className={\n          route === location.pathname\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  return (\n    <MenuList id=\"left-menu\" className={styles.leftMenu}>\n      <CustomMenuItem route={rootRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <Home fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.home')}\n      </CustomMenuItem>\n      <ListItem>\n        <Typography variant=\"subtitle2\">Content</Typography>\n      </ListItem>\n      <CustomMenuItem route={questionsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.questions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={favoritesRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <StarIcon fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.favoriteQuestions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={tagsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <LoyaltyOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.tags')}\n      </CustomMenuItem>\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n          <ListItemIcon className={styles.menuIcon}>\n            <AccountBox fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.profile')}\n        </CustomMenuItem>\n      )}\n      <CustomMenuItem route={statisticsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <TrophyIcon />\n        </ListItemIcon>\n        {t('leftMenu.statistics')}\n      </CustomMenuItem>\n    </MenuList>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import ReactMde from 'react-mde';
-import { MarkdownContent } from '@backstage/core-components';
 import 'react-mde/lib/styles/css/react-mde.css';
 import 'react-mde/lib/styles/css/react-mde-editor.css';
 import 'react-mde/lib/styles/css/react-mde-toolbar.css';
@@ -8,6 +7,7 @@ import { useStyles } from '../../utils/hooks.esm.js';
 import FileType from 'file-type';
 import { useApi, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api/QetaClient.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 
 const MarkdownEditor = (props) => {
   const { config, value, onChange, height, error, placeholder } = props;
@@ -60,10 +60,9 @@ const MarkdownEditor = (props) => {
       },
       generateMarkdownPreview: (content) => Promise.resolve(
         /* @__PURE__ */ React.createElement(
-          MarkdownContent,
+          MarkdownRenderer,
           {
             content,
-            dialect: "gfm",
             className: `qetaMarkdownEditorPreview ${styles.markdownContent}`
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport { MarkdownContent } from '@backstage/core-components';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { useStyles } from '../../utils/hooks';\nimport FileType from 'file-type';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\n\nexport const MarkdownEditor = (props: {\n  config: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload: (imageId: number) => void;\n}) => {\n  const { config, value, onChange, height, error, placeholder } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const imageUpload = () => {\n    // eslint-disable-next-line func-names\n    return async function* (data: ArrayBuffer) {\n      const fileType = await FileType.fromBuffer(data);\n\n      const mimeType = fileType ? fileType.mime : 'text/plain';\n      const attachment = await qetaApi.postAttachment(\n        new Blob([data], { type: mimeType }),\n      );\n      if ('errors' in attachment) {\n        errorApi.post({\n          name: 'Upload failed',\n          message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n        });\n        return false;\n      }\n      props.onImageUpload(attachment.id);\n      yield attachment.locationUri;\n      return true;\n    };\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: 'qetaMarkdownEditorToolbar',\n      }}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required: true,\n          placeholder,\n        },\n      }}\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownContent\n            content={content}\n            dialect=\"gfm\"\n            className={`qetaMarkdownEditorPreview ${styles.markdownContent}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload(),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { useStyles } from '../../utils/hooks';\nimport FileType from 'file-type';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const MarkdownEditor = (props: {\n  config: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload: (imageId: number) => void;\n}) => {\n  const { config, value, onChange, height, error, placeholder } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const imageUpload = () => {\n    // eslint-disable-next-line func-names\n    return async function* (data: ArrayBuffer) {\n      const fileType = await FileType.fromBuffer(data);\n\n      const mimeType = fileType ? fileType.mime : 'text/plain';\n      const attachment = await qetaApi.postAttachment(\n        new Blob([data], { type: mimeType }),\n      );\n      if ('errors' in attachment) {\n        errorApi.post({\n          name: 'Upload failed',\n          message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n        });\n        return false;\n      }\n      props.onImageUpload(attachment.id);\n      yield attachment.locationUri;\n      return true;\n    };\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: 'qetaMarkdownEditorToolbar',\n      }}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required: true,\n          placeholder,\n        },\n      }}\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownContent}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload(),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAca,MAAA,cAAA,GAAiB,CAAC,KAQzB,KAAA;AACJ,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAO,UAAU,MAAQ,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA,CAAA;AAChE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC1C,OAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,MAAM,cAAc,MAAM;AAExB,IAAA,OAAO,iBAAiB,IAAmB,EAAA;AACzC,MAAA,MAAM,QAAW,GAAA,MAAM,QAAS,CAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAE/C,MAAM,MAAA,QAAA,GAAW,QAAW,GAAA,QAAA,CAAS,IAAO,GAAA,YAAA,CAAA;AAC5C,MAAM,MAAA,UAAA,GAAa,MAAM,OAAQ,CAAA,cAAA;AAAA,QAC/B,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,IAAA,EAAM,UAAU,CAAA;AAAA,OACrC,CAAA;AACA,MAAA,IAAI,YAAY,UAAY,EAAA;AAC1B,QAAA,QAAA,CAAS,IAAK,CAAA;AAAA,UACZ,IAAM,EAAA,eAAA;AAAA,UACN,OAAA,EAAS,UAAW,CAAA,MAAA,EAAQ,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,OAAO,CAAA,CAAE,IAAK,CAAA,IAAI,CAAK,IAAA,EAAA;AAAA,SAC/D,CAAA,CAAA;AACD,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAM,KAAA,CAAA,aAAA,CAAc,WAAW,EAAE,CAAA,CAAA;AACjC,MAAA,MAAM,UAAW,CAAA,WAAA,CAAA;AACjB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,gBACJ,GAAA,MAAA,EAAQ,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA,CAAA;AAEzD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAA,EAAU,CAA0B,uBAAA,EAAA,MAAA,CAAO,cAAc,CAAA,CAAA;AAAA,QACzD,QAAU,EAAA,KAAA,GACN,CAA2B,wBAAA,EAAA,MAAA,CAAO,mBAAmB,CACrD,CAAA,GAAA,KAAA,CAAA;AAAA,QACJ,OAAS,EAAA,2BAAA;AAAA,QACT,OAAS,EAAA,2BAAA;AAAA,OACX;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAa,EAAA,cAAA;AAAA,MACb,eAAiB,EAAA,MAAA;AAAA,MACjB,kBAAkB,MAAS,GAAA,EAAA;AAAA,MAC3B,UAAY,EAAA;AAAA,QACV,QAAU,EAAA;AAAA,UACR,QAAU,EAAA,IAAA;AAAA,UACV,WAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA,uBAAA,EAAyB,aACvB,OAAQ,CAAA,OAAA;AAAA,wBACN,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,SAAA,EAAW,CAA6B,0BAAA,EAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAAA,WAAA;AAAA,SAChE;AAAA,OACF;AAAA,MAEF,KAAA,EACE,mBACI,KACA,CAAA,GAAA;AAAA,QACE,WAAW,WAAY,EAAA;AAAA,OACzB;AAAA,KAAA;AAAA,GAER,CAAA;AAEJ;;;;"}

package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import SyntaxHighlighter from 'react-syntax-highlighter';
+import ReactMarkdown from 'react-markdown';
+import { a11yDark, a11yLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+import { useIsDarkTheme } from '../../utils/hooks.esm.js';
+
+const MarkdownRenderer = (props) => {
+  const { content, className: mainClassName } = props;
+  const darkTheme = useIsDarkTheme();
+  return /* @__PURE__ */ React.createElement(
+    ReactMarkdown,
+    {
+      className: mainClassName,
+      components: {
+        code(p) {
+          const { children, className, node, ...rest } = p;
+          const match = /language-(\w+)/.exec(className || "");
+          return match ? /* @__PURE__ */ React.createElement(
+            SyntaxHighlighter,
+            {
+              ...rest,
+              PreTag: "div",
+              language: match[1],
+              style: darkTheme ? a11yDark : a11yLight,
+              showLineNumbers: true
+            },
+            String(children).replace(/\n$/, "")
+          ) : /* @__PURE__ */ React.createElement("code", { ...rest, className }, children);
+        }
+      }
+    },
+    content
+  );
+};
+
+export { MarkdownRenderer };
+//# sourceMappingURL=MarkdownRenderer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { useIsDarkTheme } from '../../utils/hooks';\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n}) => {\n  const { content, className: mainClassName } = props;\n  const darkTheme = useIsDarkTheme();\n  return (\n    <ReactMarkdown\n      className={mainClassName}\n      components={{\n        code(p: any) {\n          const { children, className, node, ...rest } = p;\n          const match = /language-(\\w+)/.exec(className || '');\n          return match ? (\n            <SyntaxHighlighter\n              {...rest}\n              PreTag=\"div\"\n              language={match[1]}\n              style={darkTheme ? a11yDark : a11yLight}\n              showLineNumbers\n            >\n              {String(children).replace(/\\n$/, '')}\n            </SyntaxHighlighter>\n          ) : (\n            <code {...rest} className={className}>\n              {children}\n            </code>\n          );\n        },\n      }}\n    >\n      {content}\n    </ReactMarkdown>\n  );\n};\n"],"names":[],"mappings":";;;;;;AASa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,aAAA,EAAkB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,YAAY,cAAe,EAAA,CAAA;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,UAAY,EAAA;AAAA,QACV,KAAK,CAAQ,EAAA;AACX,UAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAM,EAAA,GAAG,MAAS,GAAA,CAAA,CAAA;AAC/C,UAAA,MAAM,KAAQ,GAAA,gBAAA,CAAiB,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AACnD,UAAA,OAAO,KACL,mBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACE,GAAG,IAAA;AAAA,cACJ,MAAO,EAAA,KAAA;AAAA,cACP,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,cACjB,KAAA,EAAO,YAAY,QAAW,GAAA,SAAA;AAAA,cAC9B,eAAe,EAAA,IAAA;AAAA,aAAA;AAAA,YAEd,MAAO,CAAA,QAAQ,CAAE,CAAA,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA,8BAGpC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,aACb,QACH,CAAA,CAAA;AAAA,SAEJ;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,OAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/AnswerCard.esm.js

@@ -1,5 +1,4 @@
 import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
-import { MarkdownContent } from '@backstage/core-components';
 import React from 'react';
 import { VoteButtons } from './VoteButtons.esm.js';
 import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
@@ -10,6 +9,7 @@ import { CommentSection } from '../CommentSection/CommentSection.esm.js';
 import { LinkButton } from './LinkButton.esm.js';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 
 const AnswerCard = (props) => {
   const { answer, question } = props;
@@ -44,11 +44,10 @@ const AnswerCard = (props) => {
         id: answerEntity.id
       }
     ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
+      MarkdownRenderer,
       {
         className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
-        content: answerEntity.content,
-        dialect: "gfm"
+        content: answerEntity.content
       }
     )), /* @__PURE__ */ React.createElement(
       Grid,

package/dist/components/QuestionPage/AnswerCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/QuestionPage/AnswerCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownContent } from '@backstage/core-components';\nimport React from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport { AnswerForm } from './AnswerForm';\nimport { AuthorBox } from './AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from './LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: QuestionResponse;\n}) => {\n  const { answer, question } = props;\n  const styles = useStyles();\n\n  const [editMode, setEditMode] = React.useState(false);\n  const [answerEntity, setAnswerEntity] = React.useState(answer);\n  const { t } = useTranslation();\n\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const highlightedAnswer =\n    window.location.hash.slice(1) === `answer_${answer.id}`;\n\n  const onAnswerEdit = (a: AnswerResponse) => {\n    setEditMode(false);\n    setAnswerEntity(a);\n  };\n\n  const onCommentAction = (_: QuestionResponse, a?: AnswerResponse) => {\n    if (a) {\n      setAnswerEntity(a);\n    }\n  };\n\n  return (\n    <>\n      <Card\n        id={`answer_${answer.id}`}\n        className={`qetaAnswerCard ${styles.questionCard} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <Grid container spacing={0} justifyContent=\"flex-start\">\n            <Grid container item xs={1} justifyContent=\"center\">\n              <div className={styles.questionCardVote}>\n                <VoteButtons entity={answerEntity} question={question} />\n                <LinkButton entity={answerEntity} />\n              </div>\n            </Grid>\n            <Grid item xs={11} className={styles.answerCardContent}>\n              {editMode ? (\n                <AnswerForm\n                  question={question}\n                  onPost={onAnswerEdit}\n                  id={answerEntity.id}\n                />\n              ) : (\n                <>\n                  <Typography variant=\"body1\" gutterBottom>\n                    <MarkdownContent\n                      className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n                      content={answerEntity.content}\n                      dialect=\"gfm\"\n                    />\n                  </Typography>\n                  <Grid\n                    container\n                    item\n                    spacing={1}\n                    justifyContent=\"space-between\"\n                    alignItems=\"flex-end\"\n                    className={styles.questionCardMetadata}\n                  >\n                    <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                      {(answerEntity.own ||\n                        answerEntity.canDelete ||\n                        answerEntity.canEdit) && (\n                        <Box\n                          className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n                        >\n                          {!answerEntity.correct &&\n                            (answerEntity.own || answerEntity.canDelete) && (\n                              <>\n                                <Button\n                                  variant=\"outlined\"\n                                  size=\"small\"\n                                  color=\"secondary\"\n                                  onClick={handleDeleteModalOpen}\n                                  className={`${styles.marginRight} qetaAnswerCardDeleteBtn`}\n                                  startIcon={<DeleteIcon />}\n                                >\n                                  {t('deleteModal.deleteButton')}\n                                </Button>\n                                <DeleteModal\n                                  open={deleteModalOpen}\n                                  onClose={handleDeleteModalClose}\n                                  entity={answerEntity}\n                                  question={question}\n                                />\n                              </>\n                            )}\n                          {(answerEntity.own || answerEntity.canEdit) && (\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              startIcon={<EditIcon />}\n                              onClick={() => setEditMode(true)}\n                              className=\"qetaAnswerCardEditBtn\"\n                            >\n                              {t('questionPage.editButton')}\n                            </Button>\n                          )}\n                        </Box>\n                      )}\n                    </Grid>\n                    <Grid item xs={3} className={styles.noPadding}>\n                      <AuthorBox entity={answerEntity} />\n                    </Grid>\n                  </Grid>\n                </>\n              )}\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={question}\n        answer={answerEntity}\n        onCommentPost={onCommentAction}\n        onCommentDelete={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/QuestionPage/AnswerCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport { AnswerForm } from './AnswerForm';\nimport { AuthorBox } from './AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from './LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: QuestionResponse;\n}) => {\n  const { answer, question } = props;\n  const styles = useStyles();\n\n  const [editMode, setEditMode] = React.useState(false);\n  const [answerEntity, setAnswerEntity] = React.useState(answer);\n  const { t } = useTranslation();\n\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const highlightedAnswer =\n    window.location.hash.slice(1) === `answer_${answer.id}`;\n\n  const onAnswerEdit = (a: AnswerResponse) => {\n    setEditMode(false);\n    setAnswerEntity(a);\n  };\n\n  const onCommentAction = (_: QuestionResponse, a?: AnswerResponse) => {\n    if (a) {\n      setAnswerEntity(a);\n    }\n  };\n\n  return (\n    <>\n      <Card\n        id={`answer_${answer.id}`}\n        className={`qetaAnswerCard ${styles.questionCard} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <Grid container spacing={0} justifyContent=\"flex-start\">\n            <Grid container item xs={1} justifyContent=\"center\">\n              <div className={styles.questionCardVote}>\n                <VoteButtons entity={answerEntity} question={question} />\n                <LinkButton entity={answerEntity} />\n              </div>\n            </Grid>\n            <Grid item xs={11} className={styles.answerCardContent}>\n              {editMode ? (\n                <AnswerForm\n                  question={question}\n                  onPost={onAnswerEdit}\n                  id={answerEntity.id}\n                />\n              ) : (\n                <>\n                  <Typography variant=\"body1\" gutterBottom>\n                    <MarkdownRenderer\n                      className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n                      content={answerEntity.content}\n                    />\n                  </Typography>\n                  <Grid\n                    container\n                    item\n                    spacing={1}\n                    justifyContent=\"space-between\"\n                    alignItems=\"flex-end\"\n                    className={styles.questionCardMetadata}\n                  >\n                    <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                      {(answerEntity.own ||\n                        answerEntity.canDelete ||\n                        answerEntity.canEdit) && (\n                        <Box\n                          className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n                        >\n                          {!answerEntity.correct &&\n                            (answerEntity.own || answerEntity.canDelete) && (\n                              <>\n                                <Button\n                                  variant=\"outlined\"\n                                  size=\"small\"\n                                  color=\"secondary\"\n                                  onClick={handleDeleteModalOpen}\n                                  className={`${styles.marginRight} qetaAnswerCardDeleteBtn`}\n                                  startIcon={<DeleteIcon />}\n                                >\n                                  {t('deleteModal.deleteButton')}\n                                </Button>\n                                <DeleteModal\n                                  open={deleteModalOpen}\n                                  onClose={handleDeleteModalClose}\n                                  entity={answerEntity}\n                                  question={question}\n                                />\n                              </>\n                            )}\n                          {(answerEntity.own || answerEntity.canEdit) && (\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              startIcon={<EditIcon />}\n                              onClick={() => setEditMode(true)}\n                              className=\"qetaAnswerCardEditBtn\"\n                            >\n                              {t('questionPage.editButton')}\n                            </Button>\n                          )}\n                        </Box>\n                      )}\n                    </Grid>\n                    <Grid item xs={3} className={styles.noPadding}>\n                      <AuthorBox entity={answerEntity} />\n                    </Grid>\n                  </Grid>\n                </>\n              )}\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={question}\n        answer={answerEntity}\n        onCommentPost={onCommentAction}\n        onCommentDelete={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionPage/QuestionCard.esm.js

@@ -1,5 +1,4 @@
 import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
-import { MarkdownContent } from '@backstage/core-components';
 import React, { useEffect } from 'react';
 import { VoteButtons } from './VoteButtons.esm.js';
 import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
@@ -13,6 +12,7 @@ import { CommentSection } from '../CommentSection/CommentSection.esm.js';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { editQuestionRouteRef } from '@drodil/backstage-plugin-qeta-react';
 import { LinkButton } from './LinkButton.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 
 const QuestionCard = (props) => {
   const { question } = props;
@@ -45,10 +45,9 @@ const QuestionCard = (props) => {
       className: `qetaQuestionCard ${styles.questionCard}`
     },
     /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React.createElement(LinkButton, { entity: questionEntity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.questionCardContent }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
-      MarkdownContent,
+      MarkdownRenderer,
       {
         content: questionEntity.content,
-        dialect: "gfm",
         className: styles.markdownContent
       }
     )), /* @__PURE__ */ React.createElement(

package/dist/components/QuestionPage/QuestionCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionPage/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownContent } from '@backstage/core-components';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { FavoriteButton } from './FavoriteButton';\nimport { AuthorBox } from './AuthorBox';\nimport { TagsAndEntities } from './TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editQuestionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { LinkButton } from './LinkButton';\n\nexport const QuestionCard = (props: { question: QuestionResponse }) => {\n  const { question } = props;\n  const styles = useStyles();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const [questionEntity, setQuestionEntity] = React.useState(question);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslation();\n  const onCommentAction = (q: QuestionResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  return (\n    <>\n      <Card\n        variant=\"outlined\"\n        className={`qetaQuestionCard ${styles.questionCard}`}\n      >\n        <CardContent>\n          <Grid container spacing={0} justifyContent=\"flex-start\">\n            <Grid container item xs={1} justifyContent=\"center\">\n              <div className={styles.questionCardVote}>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </div>\n            </Grid>\n            <Grid item xs={11} className={styles.questionCardContent}>\n              <Typography variant=\"body1\" gutterBottom>\n                <MarkdownContent\n                  content={questionEntity.content}\n                  dialect=\"gfm\"\n                  className={styles.markdownContent}\n                />\n              </Typography>\n              <Grid\n                container\n                item\n                spacing={1}\n                justifyContent=\"space-between\"\n                alignItems=\"flex-end\"\n                className={styles.questionCardMetadata}\n              >\n                <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                  <TagsAndEntities question={questionEntity} />\n                  {(question.canEdit || question.canDelete) && (\n                    <Box className={styles.questionCardActions}>\n                      {question.canDelete && (\n                        <>\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            color=\"secondary\"\n                            onClick={handleDeleteModalOpen}\n                            className={`${styles.marginRight} qetaQuestionCardDeleteBtn`}\n                            startIcon={<DeleteIcon />}\n                          >\n                            {t('deleteModal.deleteButton')}\n                          </Button>\n                          <DeleteModal\n                            open={deleteModalOpen}\n                            onClose={handleDeleteModalClose}\n                            entity={questionEntity}\n                          />\n                        </>\n                      )}\n                      {question.canEdit && (\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          startIcon={<EditIcon />}\n                          href={editQuestionRoute({\n                            id: question.id.toString(10),\n                          })}\n                          className=\"qetaQuestionCardEditBtn\"\n                        >\n                          {t('questionPage.editButton')}\n                        </Button>\n                      )}\n                    </Box>\n                  )}\n                </Grid>\n                <Grid item xs={3} className={styles.noPadding}>\n                  <AuthorBox entity={questionEntity} />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={questionEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionPage/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { FavoriteButton } from './FavoriteButton';\nimport { AuthorBox } from './AuthorBox';\nimport { TagsAndEntities } from './TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editQuestionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { LinkButton } from './LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const QuestionCard = (props: { question: QuestionResponse }) => {\n  const { question } = props;\n  const styles = useStyles();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const [questionEntity, setQuestionEntity] = React.useState(question);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslation();\n  const onCommentAction = (q: QuestionResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  return (\n    <>\n      <Card\n        variant=\"outlined\"\n        className={`qetaQuestionCard ${styles.questionCard}`}\n      >\n        <CardContent>\n          <Grid container spacing={0} justifyContent=\"flex-start\">\n            <Grid container item xs={1} justifyContent=\"center\">\n              <div className={styles.questionCardVote}>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </div>\n            </Grid>\n            <Grid item xs={11} className={styles.questionCardContent}>\n              <Typography variant=\"body1\" gutterBottom>\n                <MarkdownRenderer\n                  content={questionEntity.content}\n                  className={styles.markdownContent}\n                />\n              </Typography>\n              <Grid\n                container\n                item\n                spacing={1}\n                justifyContent=\"space-between\"\n                alignItems=\"flex-end\"\n                className={styles.questionCardMetadata}\n              >\n                <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                  <TagsAndEntities question={questionEntity} />\n                  {(question.canEdit || question.canDelete) && (\n                    <Box className={styles.questionCardActions}>\n                      {question.canDelete && (\n                        <>\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            color=\"secondary\"\n                            onClick={handleDeleteModalOpen}\n                            className={`${styles.marginRight} qetaQuestionCardDeleteBtn`}\n                            startIcon={<DeleteIcon />}\n                          >\n                            {t('deleteModal.deleteButton')}\n                          </Button>\n                          <DeleteModal\n                            open={deleteModalOpen}\n                            onClose={handleDeleteModalClose}\n                            entity={questionEntity}\n                          />\n                        </>\n                      )}\n                      {question.canEdit && (\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          startIcon={<EditIcon />}\n                          href={editQuestionRoute({\n                            id: question.id.toString(10),\n                          })}\n                          className=\"qetaQuestionCardEditBtn\"\n                        >\n                          {t('questionPage.editButton')}\n                        </Button>\n                      )}\n                    </Box>\n                  )}\n                </Grid>\n                <Grid item xs={3} className={styles.noPadding}>\n                  <AuthorBox entity={questionEntity} />\n                </Grid>\n              </Grid>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        question={questionEntity}\n        onCommentDelete={onCommentAction}\n        onCommentPost={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2Ba,MAAA,YAAA,GAAe,CAAC,KAA0C,KAAA;AACrE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,iBAAA,GAAoB,YAAY,oBAAoB,CAAA,CAAA;AAC1D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,KAAA,CAAM,SAAS,QAAQ,CAAA,CAAA;AACnE,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAC7D,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAqB,CAAuB,KAAA;AACnE,IAAA,iBAAA,CAAkB,CAAC,CAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,oBAAoB,MAAO,CAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,CAAC,CAAK,IAAA,KAAA,CAAA,CAAA;AAC3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAI,IAAA;AACF,QAAA,MAAM,OAAU,GAAA,QAAA,CAAS,aAAc,CAAA,CAAA,CAAA,EAAI,iBAAiB,CAAE,CAAA,CAAA,CAAA;AAC9D,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,OAAA,CAAQ,cAAe,EAAA,CAAA;AAAA,SACzB;AAAA,eACO,CAAG,EAAA;AAAA,OAEZ;AAAA,KACF;AAAA,GACF,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,SAAA,EAAW,CAAoB,iBAAA,EAAA,MAAA,CAAO,YAAY,CAAA,CAAA;AAAA,KAAA;AAAA,oBAElD,KAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,cAAA,EAAe,YACzC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAG,cAAe,EAAA,QAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,gBACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,gBAAgB,CACrC,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CAAA,kBACvC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,cAAA,EAAgB,CACtC,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,mBACnC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,YAAA,EAAY,IACtC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,cAAe,CAAA,OAAA;AAAA,QACxB,WAAW,MAAO,CAAA,eAAA;AAAA,OAAA;AAAA,KAEtB,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,IAAI,EAAA,IAAA;AAAA,QACJ,OAAS,EAAA,CAAA;AAAA,QACT,cAAe,EAAA,eAAA;AAAA,QACf,UAAW,EAAA,UAAA;AAAA,QACX,WAAW,MAAO,CAAA,oBAAA;AAAA,OAAA;AAAA,sBAElB,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,KAAA,EAAO,EAAE,SAAA,EAAW,UAAW,EAAA,EAAA,kBAC9C,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,QAAU,EAAA,cAAA,EAAgB,CACzC,EAAA,CAAA,QAAA,CAAS,OAAW,IAAA,QAAA,CAAS,SAC7B,qBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,mBAAA,EAAA,EACpB,QAAS,CAAA,SAAA,oBAEN,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,KAAM,EAAA,WAAA;AAAA,UACN,OAAS,EAAA,qBAAA;AAAA,UACT,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,WAAW,CAAA,0BAAA,CAAA;AAAA,UAChC,SAAA,sCAAY,UAAW,EAAA,IAAA,CAAA;AAAA,SAAA;AAAA,QAEtB,EAAE,0BAA0B,CAAA;AAAA,OAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,eAAA;AAAA,UACN,OAAS,EAAA,sBAAA;AAAA,UACT,MAAQ,EAAA,cAAA;AAAA,SAAA;AAAA,OAEZ,CAED,EAAA,QAAA,CAAS,OACR,oBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,SAAA,sCAAY,QAAS,EAAA,IAAA,CAAA;AAAA,UACrB,MAAM,iBAAkB,CAAA;AAAA,YACtB,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,WAC5B,CAAA;AAAA,UACD,SAAU,EAAA,yBAAA;AAAA,SAAA;AAAA,QAET,EAAE,yBAAyB,CAAA;AAAA,OAGlC,CAEJ,CAAA;AAAA,sBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAG,SAAW,EAAA,MAAA,CAAO,SAClC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,MAAA,EAAQ,gBAAgB,CACrC,CAAA;AAAA,KAEJ,CACF,CACF,CAAA;AAAA,GAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,cAAA;AAAA,MACV,eAAiB,EAAA,eAAA;AAAA,MACjB,aAAe,EAAA,eAAA;AAAA,KAAA;AAAA,GAEnB,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionsPage/QuestionsPage.esm.js

@@ -22,7 +22,7 @@ const QuestionsPage = () => {
     setEntityRef(searchParams.get("entity") ?? void 0);
     setTags(filterTags(searchParams.get("tags")));
   }, [searchParams, setEntityRef]);
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("questionsPage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(QuestionsContainer, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("questionsPage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(QuestionsContainer, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
     QuestionHighlightList,
     {
       type: "hot",

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport { useTranslation } from '../../utils/hooks';\nimport { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Grid container>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('questionsPage.title')}>\n          <AskQuestionButton entity={entityRef} tags={tags} />\n        </ContentHeader>\n        <QuestionsContainer entity={entityRef} tags={tags} />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACtC,KAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAA+B,KAAS,CAAA,CAAA,CAAA;AACtE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA,CAAA;AAE/B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,wBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,EAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,EAAE,qBAAqB,CAAA,EAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,QAAQ,SAAW,EAAA,IAAA,EAAY,CACpD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,SAAA,EAAW,MAAY,CACrD,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,GAE3C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,GAE3C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,qBAE1C,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport { useTranslation } from '../../utils/hooks';\nimport { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('questionsPage.title')}>\n          <AskQuestionButton entity={entityRef} tags={tags} />\n        </ContentHeader>\n        <QuestionsContainer entity={entityRef} tags={tags} />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: tags, entity: entityRef }}\n        />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACtC,KAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAA+B,KAAS,CAAA,CAAA,CAAA;AACtE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA,CAAA;AAE/B,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,sCACtB,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,sBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,qBAAqB,qBAC1C,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,QAAQ,SAAW,EAAA,IAAA,EAAY,CACpD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,SAAA,EAAW,MAAY,CACrD,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,GAE3C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,GAE3C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,OAAS,EAAA,EAAE,IAAY,EAAA,MAAA,EAAQ,SAAU,EAAA;AAAA,KAAA;AAAA,qBAE1C,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/GlobalStatsContent.esm.js

@@ -0,0 +1,20 @@
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import { StatsChart } from './StatsChart.esm.js';
+import React from 'react';
+import { Grid, Card, CardContent } from '@material-ui/core';
+import { SummaryStatsGrid } from './SummaryStatsGrid.esm.js';
+
+const GlobalStatsContent = () => {
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => api.getGlobalStats(), []);
+  if (loading || error || !response) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(StatsChart, { data: response.statistics })))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SummaryStatsGrid, { stats: response })));
+};
+
+export { GlobalStatsContent };
+//# sourceMappingURL=GlobalStatsContent.esm.js.map

package/dist/components/Statistics/GlobalStatsContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport { StatsChart } from './StatsChart';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\nimport { SummaryStatsGrid } from './SummaryStatsGrid';\n\nexport const GlobalStatsContent = () => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getGlobalStats(), []);\n  if (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <StatsChart data={response.statistics} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <SummaryStatsGrid stats={response} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,qBAAqB,MAAM;AACtC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,cAAe,EAAA,EAAG,EAAE,CAAA,CAAA;AAC9C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/StatisticsPage.esm.js

@@ -2,11 +2,11 @@ import React from 'react';
 import { ContentHeader } from '@backstage/core-components';
 import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
 import { TopRankingUsers } from './TopRankingUsersCard.esm.js';
-import { GlobalStatsCard } from './GlobalStatsCard.esm.js';
+import { GlobalStatsContent } from './GlobalStatsContent.esm.js';
 import { Grid } from '@material-ui/core';
 
 const StatisticsPage = () => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(GlobalStatsCard, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 }))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(GlobalStatsContent, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 }))));
 };
 
 export { StatisticsPage };

package/dist/components/Statistics/StatisticsPage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatisticsPage.esm.js","sources":["../../../src/components/Statistics/StatisticsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { TopRankingUsers } from './TopRankingUsersCard';\nimport { GlobalStatsCard } from './GlobalStatsCard';\nimport { Grid } from '@material-ui/core';\n\nexport const StatisticsPage = () => {\n  return (\n    <>\n      <ContentHeader title=\"Statistics\">\n        <AskQuestionButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <GlobalStatsCard />\n        </Grid>\n        <Grid item xs={12}>\n          <TopRankingUsers limit={10} />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,iBAAiB,MAAM;AAClC,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,gCAClB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,eAAgB,EAAA,IAAA,CACnB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,eAAgB,EAAA,EAAA,KAAA,EAAO,EAAI,EAAA,CAC9B,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatisticsPage.esm.js","sources":["../../../src/components/Statistics/StatisticsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { TopRankingUsers } from './TopRankingUsersCard';\nimport { GlobalStatsContent } from './GlobalStatsContent';\nimport { Grid } from '@material-ui/core';\n\nexport const StatisticsPage = () => {\n  return (\n    <>\n      <ContentHeader title=\"Statistics\">\n        <AskQuestionButton />\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <GlobalStatsContent />\n        </Grid>\n        <Grid item xs={12}>\n          <TopRankingUsers limit={10} />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,iBAAiB,MAAM;AAClC,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,gCAClB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,kBAAmB,EAAA,IAAA,CACtB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,eAAgB,EAAA,EAAA,KAAA,EAAO,EAAI,EAAA,CAC9B,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/StatsChart.esm.js

@@ -27,8 +27,9 @@ const StatsChart = (props) => {
   if (props.data.length === 0) {
     return /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, t("stats.noStats"));
   }
-  const globalStats = isGlobalStat(props.data[0]);
-  return /* @__PURE__ */ React.createElement(ResponsiveContainer, { height: 300, width: "100%" }, /* @__PURE__ */ React.createElement(BarChart, { data: props.data, width: 900, height: 300 }, /* @__PURE__ */ React.createElement(
+  const data = props.data.reverse();
+  const globalStats = isGlobalStat(data[0]);
+  return /* @__PURE__ */ React.createElement(ResponsiveContainer, { height: 300, width: "100%" }, /* @__PURE__ */ React.createElement(BarChart, { data, width: 900, height: 300 }, /* @__PURE__ */ React.createElement(
     Tooltip,
     {
       labelClassName: styles.tooltipLabel,

package/dist/components/Statistics/StatsChart.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/Statistics/StatsChart.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  GlobalStat,\n  Stat,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { createStyles, makeStyles, Theme, Typography } from '@material-ui/core';\nimport { useIsDarkTheme, useTranslation } from '../../utils/hooks';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    tooltipLabel: {\n      color: theme.palette.text.primary,\n    },\n    tooltipWrapper: {\n      backgroundColor: `${theme.palette.background.default} !important`,\n      border: 'none !important',\n    },\n    xAxis: {\n      color: `${theme.palette.text.primary} !important`,\n    },\n  }),\n);\n\nconst isGlobalStat = (stat: Stat): stat is GlobalStat => {\n  return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const StatsChart = (props: { data: GlobalStat[] | UserStat[] }) => {\n  const styles = useStyles();\n  const isDark = useIsDarkTheme();\n  const { t } = useTranslation();\n\n  if (props.data.length === 0) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n  }\n  const globalStats = isGlobalStat(props.data[0]);\n\n  return (\n    <ResponsiveContainer height={300} width=\"100%\">\n      <BarChart data={props.data} width={900} height={300}>\n        <Tooltip\n          labelClassName={styles.tooltipLabel}\n          wrapperClassName={styles.tooltipWrapper}\n          cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n        />\n        <Bar name=\"Total views\" dataKey=\"totalViews\" fill=\"#8884d8\" />\n        <Bar name=\"Total questions\" dataKey=\"totalQuestions\" fill=\"#82ca9d\" />\n        <Bar name=\"Total answers\" dataKey=\"totalAnswers\" fill=\"#ff7300\" />\n        <Bar name=\"Total comments\" dataKey=\"totalComments\" fill=\"#739973\" />\n        {globalStats && (\n          <Bar name=\"Total users\" dataKey=\"totalUsers\" fill=\"#ff0000\" />\n        )}\n        <Bar name=\"Total votes\" dataKey=\"totalVotes\" fill=\"#d88884\" />\n        {globalStats && (\n          <Bar name=\"Total tags\" dataKey=\"totalTags\" fill=\"#ff00ff\" />\n        )}\n        <CartesianGrid stroke=\"#ccc\" />\n        <XAxis\n          dataKey=\"date\"\n          tickFormatter={(tick: string) => new Date(tick).toDateString()}\n          axisLine={{ stroke: isDark ? 'white' : 'black' }}\n          tickLine={{ stroke: isDark ? 'white' : 'black' }}\n          tick={{ fill: isDark ? 'white' : 'black' }}\n        />\n        <YAxis\n          allowDecimals={false}\n          axisLine={{ stroke: isDark ? 'white' : 'black' }}\n          tickLine={{ stroke: isDark ? 'white' : 'black' }}\n          tick={{ fill: isDark ? 'white' : 'black' }}\n        />\n        <Legend verticalAlign=\"top\" height={36} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAAW,CAAC,UAC5B,YAAa,CAAA;AAAA,IACX,YAAc,EAAA;AAAA,MACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,KAC5B;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,eAAiB,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,WAAW,OAAO,CAAA,WAAA,CAAA;AAAA,MACpD,MAAQ,EAAA,iBAAA;AAAA,KACV;AAAA,IACA,KAAO,EAAA;AAAA,MACL,KAAO,EAAA,CAAA,EAAG,KAAM,CAAA,OAAA,CAAQ,KAAK,OAAO,CAAA,WAAA,CAAA;AAAA,KACtC;AAAA,GACD,CAAA;AACH,CAAA,CAAA;AAEA,MAAM,YAAA,GAAe,CAAC,IAAmC,KAAA;AACvD,EAAA,OAAQ,KAAoB,UAAe,KAAA,KAAA,CAAA,CAAA;AAC7C,CAAA,CAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAA+C,KAAA;AACxE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,SAAS,cAAe,EAAA,CAAA;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAI,IAAA,KAAA,CAAM,IAAK,CAAA,MAAA,KAAW,CAAG,EAAA;AAC3B,IAAA,2CAAQ,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,eAAe,CAAE,CAAA,CAAA;AAAA,GAC7D;AACA,EAAA,MAAM,WAAc,GAAA,YAAA,CAAa,KAAM,CAAA,IAAA,CAAK,CAAC,CAAC,CAAA,CAAA;AAE9C,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAoB,MAAQ,EAAA,GAAA,EAAK,OAAM,MACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,IAAA,EAAM,KAAM,CAAA,IAAA,EAAM,KAAO,EAAA,GAAA,EAAK,QAAQ,GAC9C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,gBAAgB,MAAO,CAAA,YAAA;AAAA,MACvB,kBAAkB,MAAO,CAAA,cAAA;AAAA,MACzB,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAA,GAAS,YAAY,SAAU,EAAA;AAAA,KAAA;AAAA,GAEjD,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,eAAc,OAAQ,EAAA,YAAA,EAAa,IAAK,EAAA,SAAA,EAAU,CAC5D,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,mBAAkB,OAAQ,EAAA,gBAAA,EAAiB,IAAK,EAAA,SAAA,EAAU,CACpE,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,iBAAgB,OAAQ,EAAA,cAAA,EAAe,IAAK,EAAA,SAAA,EAAU,mBAC/D,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAK,EAAA,gBAAA,EAAiB,SAAQ,eAAgB,EAAA,IAAA,EAAK,SAAU,EAAA,CAAA,EACjE,WACC,oBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,eAAc,OAAQ,EAAA,YAAA,EAAa,IAAK,EAAA,SAAA,EAAU,CAE9D,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,eAAc,OAAQ,EAAA,YAAA,EAAa,IAAK,EAAA,SAAA,EAAU,CAC3D,EAAA,WAAA,oBACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,MAAK,YAAa,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,WAAU,CAE5D,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,MAAA,EAAO,QAAO,CAC7B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,eAAe,CAAC,IAAA,KAAiB,IAAI,IAAK,CAAA,IAAI,EAAE,YAAa,EAAA;AAAA,MAC7D,QAAU,EAAA,EAAE,MAAQ,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,MAC/C,QAAU,EAAA,EAAE,MAAQ,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,MAC/C,IAAM,EAAA,EAAE,IAAM,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,KAAA;AAAA,GAE3C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,EAAE,MAAQ,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,MAC/C,QAAU,EAAA,EAAE,MAAQ,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,MAC/C,IAAM,EAAA,EAAE,IAAM,EAAA,MAAA,GAAS,UAAU,OAAQ,EAAA;AAAA,KAAA;AAAA,GAC3C,sCACC,MAAO,EAAA,EAAA,aAAA,EAAc,OAAM,MAAQ,EAAA,EAAA,EAAI,CAC1C,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/Statistics/StatsChart.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  GlobalStat,\n  Stat,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { createStyles, makeStyles, Theme, Typography } from '@material-ui/core';\nimport { useIsDarkTheme, useTranslation } from '../../utils/hooks';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    tooltipLabel: {\n      color: theme.palette.text.primary,\n    },\n    tooltipWrapper: {\n      backgroundColor: `${theme.palette.background.default} !important`,\n      border: 'none !important',\n    },\n    xAxis: {\n      color: `${theme.palette.text.primary} !important`,\n    },\n  }),\n);\n\nconst isGlobalStat = (stat: Stat): stat is GlobalStat => {\n  return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const StatsChart = (props: { data: GlobalStat[] | UserStat[] }) => {\n  const styles = useStyles();\n  const isDark = useIsDarkTheme();\n  const { t } = useTranslation();\n\n  if (props.data.length === 0) {\n    return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n  }\n  const data = props.data.reverse();\n  const globalStats = isGlobalStat(data[0]);\n\n  return (\n    <ResponsiveContainer height={300} width=\"100%\">\n      <BarChart data={data} width={900} height={300}>\n        <Tooltip\n          labelClassName={styles.tooltipLabel}\n          wrapperClassName={styles.tooltipWrapper}\n          cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n        />\n        <Bar name=\"Total views\" dataKey=\"totalViews\" fill=\"#8884d8\" />\n        <Bar name=\"Total questions\" dataKey=\"totalQuestions\" fill=\"#82ca9d\" />\n        <Bar name=\"Total answers\" dataKey=\"totalAnswers\" fill=\"#ff7300\" />\n        <Bar name=\"Total comments\" dataKey=\"totalComments\" fill=\"#739973\" />\n        {globalStats && (\n          <Bar name=\"Total users\" dataKey=\"totalUsers\" fill=\"#ff0000\" />\n        )}\n        <Bar name=\"Total votes\" dataKey=\"totalVotes\" fill=\"#d88884\" />\n        {globalStats && (\n          <Bar name=\"Total tags\" dataKey=\"totalTags\" fill=\"#ff00ff\" />\n        )}\n        <CartesianGrid stroke=\"#ccc\" />\n        <XAxis\n          dataKey=\"date\"\n          tickFormatter={(tick: string) => new Date(tick).toDateString()}\n          axisLine={{ stroke: isDark ? 'white' : 'black' }}\n          tickLine={{ stroke: isDark ? 'white' : 'black' }}\n          tick={{ fill: isDark ? 'white' : 'black' }}\n        />\n        <YAxis\n          allowDecimals={false}\n          axisLine={{ stroke: isDark ? 'white' : 'black' }}\n          tickLine={{ stroke: isDark ? 'white' : 'black' }}\n          tick={{ fill: isDark ? 'white' : 'black' }}\n        />\n        <Legend verticalAlign=\"top\" height={36} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+import { Grid, Card, CardContent, Typography } from '@material-ui/core';
+import React from 'react';
+import numeral from 'numeral';
+import { useTranslation } from '../../utils/hooks.esm.js';
+
+const SummaryCard = (props) => {
+  const { title, value } = props;
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, title))));
+};
+const SummaryStatsGrid = (props) => {
+  const { stats } = props;
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+    SummaryCard,
+    {
+      title: t("stats.questions"),
+      value: stats.summary.totalQuestions
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+    SummaryCard,
+    {
+      title: t("stats.answers"),
+      value: stats.summary.totalAnswers
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+    SummaryCard,
+    {
+      title: t("stats.comments"),
+      value: stats.summary.totalComments
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+    SummaryCard,
+    {
+      title: t("stats.views"),
+      value: stats.summary.totalViews
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(
+    SummaryCard,
+    {
+      title: t("stats.votes"),
+      value: stats.summary.totalVotes
+    }
+  )));
+};
+
+export { SummaryStatsGrid };
+//# sourceMappingURL=SummaryStatsGrid.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/Statistics/SummaryStatsGrid.tsx"],"sourcesContent":["import { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport { StatisticsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../utils/hooks';\n\nconst SummaryCard = (props: { title: string; value: number }) => {\n  const { title, value } = props;\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: '1rem' }}>\n            {title}\n          </Typography>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport const SummaryStatsGrid = (props: { stats: StatisticsResponse }) => {\n  const { stats } = props;\n  const { t } = useTranslation();\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.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    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMA,MAAM,WAAA,GAAc,CAAC,KAA4C,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAO,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACzB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,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,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA,EAAA,EACvD,KACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,KAAyC,KAAA;AACxE,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,KAAA,EAAO,MAAM,OAAQ,CAAA,cAAA;AAAA,KAAA;AAAA,GAEzB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,eAAe,CAAA;AAAA,MACxB,KAAA,EAAO,MAAM,OAAQ,CAAA,YAAA;AAAA,KAAA;AAAA,GAEzB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,gBAAgB,CAAA;AAAA,MACzB,KAAA,EAAO,MAAM,OAAQ,CAAA,aAAA;AAAA,KAAA;AAAA,GAEzB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAA,EAAO,MAAM,OAAQ,CAAA,UAAA;AAAA,KAAA;AAAA,GAEzB,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,MACtB,KAAA,EAAO,MAAM,OAAQ,CAAA,UAAA;AAAA,KAAA;AAAA,GAEzB,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/TagPage/TagPage.esm.js

@@ -14,7 +14,7 @@ import { FollowedTagsList } from '../QetaPage/FollowedTagsList.esm.js';
 const TagPage = () => {
   const { tag } = useParams();
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(
     ContentHeader,
     {
       title: tag ? t("tagPage.taggedWithTitle", { tag }) : t("tagPage.defaultTitle")

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

@@ -1 +1 @@
-{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagsContainer } from './TagsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { useTranslation } from '../../utils/hooks';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\n\nexport const TagPage = () => {\n  const { tag } = useParams();\n  const { t } = useTranslation();\n  return (\n    <Grid container>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          title={\n            tag\n              ? t('tagPage.taggedWithTitle', { tag })\n              : t('tagPage.defaultTitle')\n          }\n        >\n          {tag && <TagFollowButton tag={tag} />}\n          <AskQuestionButton tags={tag ? [tag] : undefined} />\n        </ContentHeader>\n        {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedTagsList />\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,GAAI,EAAA,GAAI,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,MACI,CAAE,CAAA,yBAAA,EAA2B,EAAE,GAAI,EAAC,CACpC,GAAA,CAAA,CAAE,sBAAsB,CAAA;AAAA,KAAA;AAAA,IAG7B,GAAA,oBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,GAAU,EAAA,CAAA;AAAA,wCAClC,iBAAkB,EAAA,EAAA,IAAA,EAAM,MAAM,CAAC,GAAG,IAAI,KAAW,CAAA,EAAA,CAAA;AAAA,GACpD,EACC,GAAM,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,IAAA,EAAM,CAAC,GAAO,IAAA,EAAE,CAAG,EAAA,CAAA,mBAAM,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAEjC,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagsContainer } from './TagsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { useTranslation } from '../../utils/hooks';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\n\nexport const TagPage = () => {\n  const { tag } = useParams();\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          title={\n            tag\n              ? t('tagPage.taggedWithTitle', { tag })\n              : t('tagPage.defaultTitle')\n          }\n        >\n          {tag && <TagFollowButton tag={tag} />}\n          <AskQuestionButton tags={tag ? [tag] : undefined} />\n        </ContentHeader>\n        {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedTagsList />\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,GAAI,EAAA,GAAI,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,MACI,CAAE,CAAA,yBAAA,EAA2B,EAAE,GAAI,EAAC,CACpC,GAAA,CAAA,CAAE,sBAAsB,CAAA;AAAA,KAAA;AAAA,IAG7B,GAAA,oBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,GAAU,EAAA,CAAA;AAAA,wCAClC,iBAAkB,EAAA,EAAA,IAAA,EAAM,MAAM,CAAC,GAAG,IAAI,KAAW,CAAA,EAAA,CAAA;AAAA,GACpD,EACC,GAAM,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,IAAA,EAAM,CAAC,GAAO,IAAA,EAAE,CAAG,EAAA,CAAA,mBAAM,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAEjC,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -15,7 +15,7 @@ import 'react-relative-time';
 import 'lodash';
 import '@backstage/catalog-model';
 import { AnswersContainer } from '../AnswersContainer/AnswersContainer.esm.js';
-import { UserStatsCard } from './UserStatsCard.esm.js';
+import { UserStatsContent } from './UserStatsContent.esm.js';
 
 const UserPage = () => {
   const identity = useParams()["*"] ?? "unknown";
@@ -36,7 +36,7 @@ const UserPage = () => {
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.statistics"), value: "statistics" }),
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.questions"), value: "questions" }),
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.answers"), value: "answers" })
-  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "statistics" }, /* @__PURE__ */ React.createElement(UserStatsCard, { userRef: identity ?? "" })), /* @__PURE__ */ React.createElement(TabPanel, { value: "questions" }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "statistics" }, /* @__PURE__ */ React.createElement(UserStatsContent, { userRef: identity ?? "" })), /* @__PURE__ */ React.createElement(TabPanel, { value: "questions" }, /* @__PURE__ */ React.createElement(
     QuestionsContainer,
     {
       author: identity ?? "",

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

@@ -1 +1 @@
-{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Box, Tab } from '@material-ui/core';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { AnswersContainer } from '../AnswersContainer';\nimport { useTranslation } from '../../utils/hooks';\nimport { UserStatsCard } from './UserStatsCard';\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const presentation = useEntityPresentation(identity);\n  const [tab, setTab] = useState('statistics');\n  const { t } = useTranslation();\n  const [_searchParams, setSearchParams] = useSearchParams();\n\n  const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n    setSearchParams({});\n    setTab(newValue);\n  };\n  return (\n    <>\n      <ContentHeader title={`${presentation.primaryTitle}`}>\n        <AskQuestionButton />\n      </ContentHeader>\n      <TabContext value={tab}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('userPage.profileTab')}\n          >\n            <Tab label={t('userPage.statistics')} value=\"statistics\" />\n            <Tab label={t('userPage.questions')} value=\"questions\" />\n            <Tab label={t('userPage.answers')} value=\"answers\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\">\n          <UserStatsCard userRef={identity ?? ''} />\n        </TabPanel>\n        <TabPanel value=\"questions\">\n          <QuestionsContainer\n            author={identity ?? ''}\n            showNoQuestionsBtn={false}\n          />\n        </TabPanel>\n        <TabPanel value=\"answers\">\n          <AnswersContainer\n            author={identity ?? ''}\n            title={t('userPage.answers')}\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,EAAY,CAAA,GAAG,CAAK,IAAA,SAAA,CAAA;AACrC,EAAM,MAAA,YAAA,GAAe,sBAAsB,QAAQ,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,YAAY,CAAA,CAAA;AAC3C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,aAAA,EAAe,eAAe,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEzD,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,eAAA,CAAgB,EAAE,CAAA,CAAA;AAClB,IAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,GACjB,CAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,EAAG,aAAa,YAAY,CAAA,CAAA,EAAA,kBAC/C,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,YAAc,EAAA,CAAA,EAAG,WAAa,EAAA,SAAA,EACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,YAAA;AAAA,MACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,KAAA;AAAA,wCAElC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,qBAAqB,CAAA,EAAG,OAAM,YAAa,EAAA,CAAA;AAAA,wCACxD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,oBAAoB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,wCACtD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,kBAAkB,CAAA,EAAG,OAAM,SAAU,EAAA,CAAA;AAAA,GAEvD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,gCACb,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAS,EAAA,QAAA,IAAY,IAAI,CAC1C,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,WACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,kBAAoB,EAAA,KAAA;AAAA,KAAA;AAAA,GAExB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,KAAA;AAAA,GAE/B,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Box, Tab } from '@material-ui/core';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { AnswersContainer } from '../AnswersContainer';\nimport { useTranslation } from '../../utils/hooks';\nimport { UserStatsContent } from './UserStatsContent';\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const presentation = useEntityPresentation(identity);\n  const [tab, setTab] = useState('statistics');\n  const { t } = useTranslation();\n  const [_searchParams, setSearchParams] = useSearchParams();\n\n  const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n    setSearchParams({});\n    setTab(newValue);\n  };\n  return (\n    <>\n      <ContentHeader title={`${presentation.primaryTitle}`}>\n        <AskQuestionButton />\n      </ContentHeader>\n      <TabContext value={tab}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('userPage.profileTab')}\n          >\n            <Tab label={t('userPage.statistics')} value=\"statistics\" />\n            <Tab label={t('userPage.questions')} value=\"questions\" />\n            <Tab label={t('userPage.answers')} value=\"answers\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\">\n          <UserStatsContent userRef={identity ?? ''} />\n        </TabPanel>\n        <TabPanel value=\"questions\">\n          <QuestionsContainer\n            author={identity ?? ''}\n            showNoQuestionsBtn={false}\n          />\n        </TabPanel>\n        <TabPanel value=\"answers\">\n          <AnswersContainer\n            author={identity ?? ''}\n            title={t('userPage.answers')}\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,EAAY,CAAA,GAAG,CAAK,IAAA,SAAA,CAAA;AACrC,EAAM,MAAA,YAAA,GAAe,sBAAsB,QAAQ,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,YAAY,CAAA,CAAA;AAC3C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,aAAA,EAAe,eAAe,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEzD,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,eAAA,CAAgB,EAAE,CAAA,CAAA;AAClB,IAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,GACjB,CAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,EAAG,aAAa,YAAY,CAAA,CAAA,EAAA,kBAC/C,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,YAAc,EAAA,CAAA,EAAG,WAAa,EAAA,SAAA,EACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,YAAA;AAAA,MACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,KAAA;AAAA,wCAElC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,qBAAqB,CAAA,EAAG,OAAM,YAAa,EAAA,CAAA;AAAA,wCACxD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,oBAAoB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,wCACtD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,kBAAkB,CAAA,EAAG,OAAM,SAAU,EAAA,CAAA;AAAA,GAEvD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,gCACb,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,QAAA,IAAY,IAAI,CAC7C,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,WACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,kBAAoB,EAAA,KAAA;AAAA,KAAA;AAAA,GAExB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,KAAA;AAAA,GAE/B,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,20 @@
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import React from 'react';
+import { Grid, Card, CardContent } from '@material-ui/core';
+import { StatsChart } from '../Statistics/StatsChart.esm.js';
+import { SummaryStatsGrid } from '../Statistics/SummaryStatsGrid.esm.js';
+
+const UserStatsContent = (props) => {
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => api.getUserStats(props.userRef), []);
+  if (loading || error || !response) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(StatsChart, { data: response.statistics })))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SummaryStatsGrid, { stats: response })));
+};
+
+export { UserStatsContent };
+//# sourceMappingURL=UserStatsContent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\nimport { StatsChart } from '../Statistics/StatsChart';\nimport { SummaryStatsGrid } from '../Statistics/SummaryStatsGrid';\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 (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <StatsChart data={response.statistics} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <SummaryStatsGrid stats={response} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA,CAAA;AACzD,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -427,7 +427,12 @@ declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRe
     readonly "userPage.answers": "Answers";
     readonly "userPage.statistics": "Statistics";
     readonly "userPage.profileTab": "Profile";
+    readonly "stats.questions": "Questions";
+    readonly "stats.answers": "Answers";
+    readonly "stats.views": "Views";
     readonly "stats.noStats": "No statistics available. Check back later!";
+    readonly "stats.comments": "Comments";
+    readonly "stats.votes": "Votes";
     readonly "tagButton.tooltip": "By following a tag, you will get notified when ever a new question with that tag is posted";
     readonly "tagButton.follow": "Follow";
     readonly "tagButton.unfollow": "Unfollow";

package/dist/translation.esm.js

@@ -329,7 +329,12 @@ const qetaTranslationRef = createTranslationRef({
       answers: "Answers"
     },
     stats: {
-      noStats: "No statistics available. Check back later!"
+      noStats: "No statistics available. Check back later!",
+      questions: "Questions",
+      answers: "Answers",
+      comments: "Comments",
+      votes: "Votes",
+      views: "Views"
     },
     tagButton: {
       follow: "Follow",

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["import {\n  createTranslationRef,\n  createTranslationResource,\n} from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const qetaTranslationRef = createTranslationRef({\n  id: 'qeta',\n  messages: {\n    pluginName: 'Q&A',\n    answerList: {\n      errorLoading: 'Could not load answers',\n      noAnswers: 'No answers',\n      limitSelect: 'Answers per page',\n    },\n    common: {\n      score: '{{score}} score',\n      anonymousAuthor: 'Anonymous',\n      answers_zero: 'No answers',\n      answers_one: '{{count}} answer',\n      answers_other: '{{count}} answers',\n      views_zero: 'Viewed {{count}} times',\n      views_one: 'Viewed {{count}} time',\n      views_other: 'Viewed {{count}} times',\n      viewsShort_zero: '0 views',\n      viewsShort_one: '{{count}} view',\n      viewsShort_other: '{{count}} views',\n      questions_zero: 'No questions',\n      questions_one: '{{count}} question',\n      questions_other: '{{count}} questions',\n    },\n    answer: {\n      questionTitle: 'Q: {{question}}',\n      answeredTime: 'answered',\n    },\n    answerContainer: {\n      title: {\n        answersBy: 'Answers by',\n        answersAbout: 'Answers about',\n        answersTagged: `Answers tagged with {{tags}}`,\n      },\n      search: {\n        label: 'Search for answers',\n        placeholder: 'Search...',\n      },\n    },\n    anonymousCheckbox: {\n      tooltip:\n        \"By enabling this, other users won't be able to see you as an author\",\n      answerAnonymously: 'Answer anonymously',\n      askAnonymously: 'Ask anonymously',\n    },\n    askForm: {\n      errorPosting: 'Could not post question',\n      titleInput: {\n        label: 'Title',\n        helperText:\n          'Write good title for your question that people can understand',\n      },\n      contentInput: {\n        placeholder: 'Your question',\n      },\n      submit: {\n        existingQuestion: 'Save',\n        newQuestion: 'Post',\n      },\n    },\n    answerForm: {\n      errorPosting: 'Could not post answer',\n      contentInput: {\n        placeholder: 'Your answer',\n      },\n      submit: {\n        existingAnswer: 'Save',\n        newAnswer: 'Post',\n      },\n    },\n    entitiesInput: {\n      label: 'Entities',\n      placeholder: 'Type or select entities',\n      helperText: 'Add up to {{max}} entities this question relates to',\n    },\n    tagsInput: {\n      label: 'Tags',\n      placeholder: 'Type or select tags',\n      helperText: 'Add up to {{max}} tags to categorize your question',\n    },\n    askPage: {\n      title: {\n        existingQuestion: 'Edit question',\n        entityQuestion: 'Ask a question about {{entity}}',\n        newQuestion: 'Ask a question',\n      },\n    },\n    askQuestionButton: {\n      title: 'Ask a question',\n    },\n    backToQuestionsButton: {\n      title: 'Back',\n    },\n    commentList: {\n      deleteLink: 'delete',\n    },\n    commentSection: {\n      input: {\n        placeholder: 'Your comment',\n      },\n      addComment: 'Add comment',\n      post: 'Post',\n    },\n    deleteModal: {\n      title: {\n        question: 'Are you sure you want to delete this question?',\n        answer: 'Are you sure you want to delete this answer?',\n      },\n      errorDeleting: 'Failed to delete',\n      deleteButton: 'Delete',\n      cancelButton: 'Cancel',\n    },\n    favoritePage: {\n      title: 'Your favorite questions',\n    },\n    leftMenu: {\n      home: 'Home',\n      questions: 'Questions',\n      profile: 'Profile',\n      tags: 'Tags',\n      favoriteQuestions: 'Favorites',\n      statistics: 'Statistics',\n    },\n    homePage: {\n      title: 'Home',\n    },\n    impactCard: {\n      title: 'Your impact',\n      views: 'views',\n      contributions: 'Your contributions have made a difference',\n    },\n    rightMenu: {\n      followedEntities: 'Followed entities',\n      followedTags: 'Followed tags',\n    },\n    highlights: {\n      loadError: 'Failed to load questions',\n      own: {\n        title: 'Your latest questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hot: {\n        title: 'Hot questions',\n        noQuestionsLabel: 'No questions',\n      },\n      unanswered: {\n        title: 'Unanswered questions',\n        noQuestionsLabel: 'No unanswered questions',\n      },\n      incorrect: {\n        title: 'Questions without correct answer',\n        noQuestionsLabel: 'No questions without correct answers',\n      },\n    },\n    questionsPage: {\n      title: 'All questions',\n    },\n    userLink: {\n      anonymous: 'Anonymous',\n    },\n    questionPage: {\n      errorLoading: 'Could not load question',\n      editButton: 'Edit',\n      sortAnswers: {\n        label: 'Sort answers',\n        default: 'Default',\n        createdDesc: 'Created (desc)',\n        createdAsc: 'Created (asc)',\n        scoreDesc: 'Score (desc)',\n        scoreAsc: 'Score (asc)',\n        commentsDesc: 'Comments (desc)',\n        commentsAsc: 'Comments (asc)',\n        authorDesc: 'Author (desc)',\n        authorAsc: 'Author (asc)',\n        updatedDesc: 'Updated (desc)',\n        updatedAsc: 'Updated (asc)',\n      },\n    },\n    authorBox: {\n      askedAtTime: 'asked',\n      postedAtTime: 'Posted',\n      updatedAtTime: 'Updated',\n      updatedBy: 'by',\n    },\n    favorite: {\n      remove: 'Remove this question from favorites',\n      add: 'Mark this question as favorite',\n    },\n    link: {\n      question: 'Copy link to this question to clipboard',\n      answer: 'Copy link to this answer to clipboard',\n      aria: 'Copy link to clipboard',\n    },\n    voteButtons: {\n      answer: {\n        markCorrect: 'Mark this answer correct',\n        markIncorrect: 'Mark this answer incorrect',\n        marked: 'This answer has been marked as correct',\n        good: 'This answer is good',\n        bad: 'This answer is not good',\n        own: 'You cannot vote your own answer',\n      },\n      question: {\n        good: 'This question is good',\n        bad: 'This question is not good',\n        own: 'You cannot vote your own question',\n      },\n    },\n    datePicker: {\n      from: 'From date',\n      to: 'To date',\n      invalidRange:\n        \"Date range invalid, 'To date' should be greater than 'From date'\",\n      range: {\n        label: 'Date range',\n        default: 'Select',\n        last7days: 'Last 7 days',\n        last30days: 'Last 30 days',\n        custom: 'Custom',\n      },\n    },\n    filterPanel: {\n      filterButton: 'Filter',\n      noAnswers: {\n        label: 'No answers',\n      },\n      noCorrectAnswers: {\n        label: 'No correct answers',\n      },\n      noVotes: {\n        label: 'No votes',\n      },\n      orderBy: {\n        label: 'Order by',\n        created: 'Created',\n        views: 'Views',\n        score: 'Score',\n        answers: 'Answers',\n        updated: 'Updated',\n      },\n      order: {\n        label: 'Order',\n        asc: 'Ascending',\n        desc: 'Descending',\n      },\n      filters: {\n        label: 'Filters',\n        entity: {\n          label: 'Entity',\n          placeholder: 'Type or select entity',\n        },\n        tag: {\n          label: 'Tag',\n          placeholder: 'Type or select tag',\n        },\n      },\n    },\n    questionList: {\n      errorLoading: 'Could not load questions',\n      questionsPerPage: 'Questions per page',\n    },\n    questionsContainer: {\n      title: {\n        questionsBy: 'Questions by',\n        questionsAbout: 'Questions about',\n        questionsTagged: `Questions tagged with {{tags}}`,\n        favorite: 'Your favorite questions',\n      },\n      search: {\n        label: 'Search for questions',\n        placeholder: 'Search...',\n      },\n      noQuestions: 'No questions found',\n      askOneButton: 'Go ahead and ask one!',\n    },\n    questionsTable: {\n      errorLoading: 'Could not load questions',\n      latest: 'Latest',\n      mostViewed: 'Most viewed',\n      favorites: 'Favorites',\n      cells: {\n        title: 'Title',\n        author: 'Author',\n        asked: 'Asked',\n        updated: 'Last updated',\n      },\n    },\n    statistics: {\n      errorLoading: 'Could not load statistics',\n      notAvailable: 'Statistics are unavailable',\n      ranking: 'Ranking Q&A 🏆',\n      mostQuestions: {\n        title: 'Most questions',\n        description: 'People who have posted most questions',\n      },\n      mostAnswers: {\n        title: 'Most answers',\n        description: 'People who have posted most answers',\n      },\n      topVotedQuestions: {\n        title: 'Top voted questions',\n        description: 'People who have the highest rated questions',\n      },\n      topVotedAnswers: {\n        title: 'Top voted answers',\n        description: 'People who have the highest rated answers',\n      },\n      topVotedCorrectAnswers: {\n        title: 'Top voted correct answers',\n        description: 'People who have the highest rated correct answers',\n      },\n    },\n    tagPage: {\n      errorLoading: 'Could not load tags',\n      taggedWithTitle: 'Questions tagged with {{tag}}',\n      defaultTitle: 'Tags',\n      search: {\n        label: 'Search tag',\n        placeholder: 'Search...',\n      },\n      tags_zero: 'No tags',\n      tags_one: 'Showing {{count}} tag',\n      tags_other: 'Showing {{count}} tags',\n    },\n    userPage: {\n      profileTab: 'Profile',\n      statistics: 'Statistics',\n      questions: 'Questions',\n      answers: 'Answers',\n    },\n    stats: {\n      noStats: 'No statistics available. Check back later!',\n    },\n    tagButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a tag, you will get notified when ever a new question with that tag is posted',\n    },\n    entityButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following an entity, you will get notified when ever a new question for that entity is posted',\n    },\n  },\n});\n\nexport const qetaTranslations = createTranslationResource({\n  ref: qetaTranslationRef,\n  translations: {\n    fi: () => import('./locale/fi'),\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["import {\n  createTranslationRef,\n  createTranslationResource,\n} from '@backstage/core-plugin-api/alpha';\n\n/** @alpha */\nexport const qetaTranslationRef = createTranslationRef({\n  id: 'qeta',\n  messages: {\n    pluginName: 'Q&A',\n    answerList: {\n      errorLoading: 'Could not load answers',\n      noAnswers: 'No answers',\n      limitSelect: 'Answers per page',\n    },\n    common: {\n      score: '{{score}} score',\n      anonymousAuthor: 'Anonymous',\n      answers_zero: 'No answers',\n      answers_one: '{{count}} answer',\n      answers_other: '{{count}} answers',\n      views_zero: 'Viewed {{count}} times',\n      views_one: 'Viewed {{count}} time',\n      views_other: 'Viewed {{count}} times',\n      viewsShort_zero: '0 views',\n      viewsShort_one: '{{count}} view',\n      viewsShort_other: '{{count}} views',\n      questions_zero: 'No questions',\n      questions_one: '{{count}} question',\n      questions_other: '{{count}} questions',\n    },\n    answer: {\n      questionTitle: 'Q: {{question}}',\n      answeredTime: 'answered',\n    },\n    answerContainer: {\n      title: {\n        answersBy: 'Answers by',\n        answersAbout: 'Answers about',\n        answersTagged: `Answers tagged with {{tags}}`,\n      },\n      search: {\n        label: 'Search for answers',\n        placeholder: 'Search...',\n      },\n    },\n    anonymousCheckbox: {\n      tooltip:\n        \"By enabling this, other users won't be able to see you as an author\",\n      answerAnonymously: 'Answer anonymously',\n      askAnonymously: 'Ask anonymously',\n    },\n    askForm: {\n      errorPosting: 'Could not post question',\n      titleInput: {\n        label: 'Title',\n        helperText:\n          'Write good title for your question that people can understand',\n      },\n      contentInput: {\n        placeholder: 'Your question',\n      },\n      submit: {\n        existingQuestion: 'Save',\n        newQuestion: 'Post',\n      },\n    },\n    answerForm: {\n      errorPosting: 'Could not post answer',\n      contentInput: {\n        placeholder: 'Your answer',\n      },\n      submit: {\n        existingAnswer: 'Save',\n        newAnswer: 'Post',\n      },\n    },\n    entitiesInput: {\n      label: 'Entities',\n      placeholder: 'Type or select entities',\n      helperText: 'Add up to {{max}} entities this question relates to',\n    },\n    tagsInput: {\n      label: 'Tags',\n      placeholder: 'Type or select tags',\n      helperText: 'Add up to {{max}} tags to categorize your question',\n    },\n    askPage: {\n      title: {\n        existingQuestion: 'Edit question',\n        entityQuestion: 'Ask a question about {{entity}}',\n        newQuestion: 'Ask a question',\n      },\n    },\n    askQuestionButton: {\n      title: 'Ask a question',\n    },\n    backToQuestionsButton: {\n      title: 'Back',\n    },\n    commentList: {\n      deleteLink: 'delete',\n    },\n    commentSection: {\n      input: {\n        placeholder: 'Your comment',\n      },\n      addComment: 'Add comment',\n      post: 'Post',\n    },\n    deleteModal: {\n      title: {\n        question: 'Are you sure you want to delete this question?',\n        answer: 'Are you sure you want to delete this answer?',\n      },\n      errorDeleting: 'Failed to delete',\n      deleteButton: 'Delete',\n      cancelButton: 'Cancel',\n    },\n    favoritePage: {\n      title: 'Your favorite questions',\n    },\n    leftMenu: {\n      home: 'Home',\n      questions: 'Questions',\n      profile: 'Profile',\n      tags: 'Tags',\n      favoriteQuestions: 'Favorites',\n      statistics: 'Statistics',\n    },\n    homePage: {\n      title: 'Home',\n    },\n    impactCard: {\n      title: 'Your impact',\n      views: 'views',\n      contributions: 'Your contributions have made a difference',\n    },\n    rightMenu: {\n      followedEntities: 'Followed entities',\n      followedTags: 'Followed tags',\n    },\n    highlights: {\n      loadError: 'Failed to load questions',\n      own: {\n        title: 'Your latest questions',\n        noQuestionsLabel: 'No questions',\n      },\n      hot: {\n        title: 'Hot questions',\n        noQuestionsLabel: 'No questions',\n      },\n      unanswered: {\n        title: 'Unanswered questions',\n        noQuestionsLabel: 'No unanswered questions',\n      },\n      incorrect: {\n        title: 'Questions without correct answer',\n        noQuestionsLabel: 'No questions without correct answers',\n      },\n    },\n    questionsPage: {\n      title: 'All questions',\n    },\n    userLink: {\n      anonymous: 'Anonymous',\n    },\n    questionPage: {\n      errorLoading: 'Could not load question',\n      editButton: 'Edit',\n      sortAnswers: {\n        label: 'Sort answers',\n        default: 'Default',\n        createdDesc: 'Created (desc)',\n        createdAsc: 'Created (asc)',\n        scoreDesc: 'Score (desc)',\n        scoreAsc: 'Score (asc)',\n        commentsDesc: 'Comments (desc)',\n        commentsAsc: 'Comments (asc)',\n        authorDesc: 'Author (desc)',\n        authorAsc: 'Author (asc)',\n        updatedDesc: 'Updated (desc)',\n        updatedAsc: 'Updated (asc)',\n      },\n    },\n    authorBox: {\n      askedAtTime: 'asked',\n      postedAtTime: 'Posted',\n      updatedAtTime: 'Updated',\n      updatedBy: 'by',\n    },\n    favorite: {\n      remove: 'Remove this question from favorites',\n      add: 'Mark this question as favorite',\n    },\n    link: {\n      question: 'Copy link to this question to clipboard',\n      answer: 'Copy link to this answer to clipboard',\n      aria: 'Copy link to clipboard',\n    },\n    voteButtons: {\n      answer: {\n        markCorrect: 'Mark this answer correct',\n        markIncorrect: 'Mark this answer incorrect',\n        marked: 'This answer has been marked as correct',\n        good: 'This answer is good',\n        bad: 'This answer is not good',\n        own: 'You cannot vote your own answer',\n      },\n      question: {\n        good: 'This question is good',\n        bad: 'This question is not good',\n        own: 'You cannot vote your own question',\n      },\n    },\n    datePicker: {\n      from: 'From date',\n      to: 'To date',\n      invalidRange:\n        \"Date range invalid, 'To date' should be greater than 'From date'\",\n      range: {\n        label: 'Date range',\n        default: 'Select',\n        last7days: 'Last 7 days',\n        last30days: 'Last 30 days',\n        custom: 'Custom',\n      },\n    },\n    filterPanel: {\n      filterButton: 'Filter',\n      noAnswers: {\n        label: 'No answers',\n      },\n      noCorrectAnswers: {\n        label: 'No correct answers',\n      },\n      noVotes: {\n        label: 'No votes',\n      },\n      orderBy: {\n        label: 'Order by',\n        created: 'Created',\n        views: 'Views',\n        score: 'Score',\n        answers: 'Answers',\n        updated: 'Updated',\n      },\n      order: {\n        label: 'Order',\n        asc: 'Ascending',\n        desc: 'Descending',\n      },\n      filters: {\n        label: 'Filters',\n        entity: {\n          label: 'Entity',\n          placeholder: 'Type or select entity',\n        },\n        tag: {\n          label: 'Tag',\n          placeholder: 'Type or select tag',\n        },\n      },\n    },\n    questionList: {\n      errorLoading: 'Could not load questions',\n      questionsPerPage: 'Questions per page',\n    },\n    questionsContainer: {\n      title: {\n        questionsBy: 'Questions by',\n        questionsAbout: 'Questions about',\n        questionsTagged: `Questions tagged with {{tags}}`,\n        favorite: 'Your favorite questions',\n      },\n      search: {\n        label: 'Search for questions',\n        placeholder: 'Search...',\n      },\n      noQuestions: 'No questions found',\n      askOneButton: 'Go ahead and ask one!',\n    },\n    questionsTable: {\n      errorLoading: 'Could not load questions',\n      latest: 'Latest',\n      mostViewed: 'Most viewed',\n      favorites: 'Favorites',\n      cells: {\n        title: 'Title',\n        author: 'Author',\n        asked: 'Asked',\n        updated: 'Last updated',\n      },\n    },\n    statistics: {\n      errorLoading: 'Could not load statistics',\n      notAvailable: 'Statistics are unavailable',\n      ranking: 'Ranking Q&A 🏆',\n      mostQuestions: {\n        title: 'Most questions',\n        description: 'People who have posted most questions',\n      },\n      mostAnswers: {\n        title: 'Most answers',\n        description: 'People who have posted most answers',\n      },\n      topVotedQuestions: {\n        title: 'Top voted questions',\n        description: 'People who have the highest rated questions',\n      },\n      topVotedAnswers: {\n        title: 'Top voted answers',\n        description: 'People who have the highest rated answers',\n      },\n      topVotedCorrectAnswers: {\n        title: 'Top voted correct answers',\n        description: 'People who have the highest rated correct answers',\n      },\n    },\n    tagPage: {\n      errorLoading: 'Could not load tags',\n      taggedWithTitle: 'Questions tagged with {{tag}}',\n      defaultTitle: 'Tags',\n      search: {\n        label: 'Search tag',\n        placeholder: 'Search...',\n      },\n      tags_zero: 'No tags',\n      tags_one: 'Showing {{count}} tag',\n      tags_other: 'Showing {{count}} tags',\n    },\n    userPage: {\n      profileTab: 'Profile',\n      statistics: 'Statistics',\n      questions: 'Questions',\n      answers: 'Answers',\n    },\n    stats: {\n      noStats: 'No statistics available. Check back later!',\n      questions: 'Questions',\n      answers: 'Answers',\n      comments: 'Comments',\n      votes: 'Votes',\n      views: 'Views',\n    },\n    tagButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following a tag, you will get notified when ever a new question with that tag is posted',\n    },\n    entityButton: {\n      follow: 'Follow',\n      unfollow: 'Unfollow',\n      tooltip:\n        'By following an entity, you will get notified when ever a new question for that entity is posted',\n    },\n  },\n});\n\nexport const qetaTranslations = createTranslationResource({\n  ref: qetaTranslationRef,\n  translations: {\n    fi: () => import('./locale/fi'),\n  },\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "2.13.0",
+  "version": "2.14.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,8 +57,8 @@
     "@backstage/plugin-home-react": "^0.1.18",
     "@backstage/plugin-permission-react": "^0.4.27",
     "@backstage/plugin-signals-react": "^0.0.6",
-    "@drodil/backstage-plugin-qeta-common": "^2.13.0",
-    "@drodil/backstage-plugin-qeta-react": "^2.13.0",
+    "@drodil/backstage-plugin-qeta-common": "^2.14.0",
+    "@drodil/backstage-plugin-qeta-react": "^2.14.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -69,8 +69,10 @@
     "lodash": "^4.17.21",
     "numeral": "^2.0.6",
     "react-hook-form": "^7.46.2",
+    "react-markdown": "^9.0.1",
     "react-mde": "^11.5.0",
     "react-relative-time": "^0.0.9",
+    "react-syntax-highlighter": "^15.6.1",
     "react-use": "^17.4.0",
     "recharts": "^2.13.0"
   },
@@ -94,6 +96,7 @@
     "@types/dompurify": "^3.0.0",
     "@types/lodash": "^4.14.199",
     "@types/numeral": "^2",
+    "@types/react-syntax-highlighter": "^15",
     "cross-fetch": "^3.1.5"
   },
   "files": [

package/dist/components/Statistics/GlobalStatsCard.esm.js

@@ -1,19 +0,0 @@
-import { useQetaApi } from '../../utils/hooks.esm.js';
-import { StatsChart } from './StatsChart.esm.js';
-import React from 'react';
-import { Card, CardContent } from '@material-ui/core';
-
-const GlobalStatsCard = () => {
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi((api) => api.getGlobalStats(), []);
-  if (loading || error || !response) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(StatsChart, { data: response.statistics })));
-};
-
-export { GlobalStatsCard };
-//# sourceMappingURL=GlobalStatsCard.esm.js.map

package/dist/components/Statistics/GlobalStatsCard.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalStatsCard.esm.js","sources":["../../../src/components/Statistics/GlobalStatsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport { StatsChart } from './StatsChart';\nimport React from 'react';\nimport { Card, CardContent } from '@material-ui/core';\n\nexport const GlobalStatsCard = () => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getGlobalStats(), []);\n  if (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Card>\n      <CardContent>\n        <StatsChart data={response.statistics} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,cAAe,EAAA,EAAG,EAAE,CAAA,CAAA;AAC9C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,IAAM,EAAA,QAAA,CAAS,UAAY,EAAA,CACzC,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,19 +0,0 @@
-import { useQetaApi } from '../../utils/hooks.esm.js';
-import React from 'react';
-import { Card, CardContent } from '@material-ui/core';
-import { StatsChart } from '../Statistics/StatsChart.esm.js';
-
-const UserStatsCard = (props) => {
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi((api) => api.getUserStats(props.userRef), []);
-  if (loading || error || !response) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(StatsChart, { data: response.statistics })));
-};
-
-export { UserStatsCard };
-//# sourceMappingURL=UserStatsCard.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserStatsCard.esm.js","sources":["../../../src/components/UserPage/UserStatsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport React from 'react';\nimport { Card, CardContent } from '@material-ui/core';\nimport { StatsChart } from '../Statistics/StatsChart';\n\nexport const UserStatsCard = (props: { userRef: string }) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserStats(props.userRef), []);\n  if (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Card>\n      <CardContent>\n        <StatsChart data={response.statistics} />\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,aAAA,GAAgB,CAAC,KAA+B,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA,CAAA;AACzD,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,IAAM,EAAA,QAAA,CAAS,UAAY,EAAA,CACzC,CACF,CAAA,CAAA;AAEJ;;;;"}