npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.10.0 → 3.10.1 - Mend

@drodil/backstage-plugin-qeta-react 3.10.0 → 3.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/dist/components/QuestionCard/QuestionCard.esm.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 import Button from '@mui/material/Button';
 import React__default, { useEffect } from 'react';
@@ -21,12 +20,12 @@ import { useNavigate } from 'react-router-dom';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
+import { VoteButtonContainer } from '../Styled/VoteButtonContainer.esm.js';
+import { CardActionContainer } from '../Styled/CardActionContainer.esm.js';
 const QuestionCard = (props) => {
   const { question } = props;
-  const styles = useStyles();
   const navigate = useNavigate();
   const editQuestionRoute = useRouteRef(editQuestionRouteRef);
   const [deleteModalOpen, setDeleteModalOpen] = React__default.useState(false);
@@ -49,68 +48,61 @@ const QuestionCard = (props) => {
       }
     }
   }, [highlightedAnswer]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Card,
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Card, { variant: "outlined", sx: { marginBottom: 1, position: "relative" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+    Grid,
     {
-      variant: "outlined",
-      className: `qetaQuestionCard ${styles.questionCard}`
+      container: true,
+      spacing: 2,
+      justifyContent: "flex-start",
+      style: { flexWrap: "nowrap" }
     },
-    /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: questionEntity }))),
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, marginLeft: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, sx: { minHeight: "5rem", paddingTop: 1 } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content }))), /* @__PURE__ */ React__default.createElement(
       Grid,
       {
         container: true,
-        spacing: 2,
-        justifyContent: "flex-start",
-        style: { flexWrap: "nowrap" }
+        item: true,
+        spacing: 1,
+        justifyContent: "space-between",
+        alignItems: "flex-end",
+        sx: { marginTop: 3 }
       },
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: questionEntity }))),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true, className: styles.questionCardContent, marginLeft: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content }))), /* @__PURE__ */ React__default.createElement(
-        Grid,
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { alignSelf: "flex-end" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: questionEntity }), (question.canEdit || question.canDelete) && /* @__PURE__ */ React__default.createElement(CardActionContainer, null, question.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+        Button,
         {
-          container: true,
-          item: true,
-          spacing: 1,
-          justifyContent: "space-between",
-          alignItems: "flex-end",
-          className: styles.questionCardMetadata
+          variant: "outlined",
+          size: "small",
+          color: "secondary",
+          onClick: handleDeleteModalOpen,
+          startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
+          sx: { marginRight: 1 }
         },
-        /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { alignSelf: "flex-end" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: questionEntity }), (question.canEdit || question.canDelete) && /* @__PURE__ */ React__default.createElement(Box, { className: styles.questionCardActions }, question.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            color: "secondary",
-            onClick: handleDeleteModalOpen,
-            className: `${styles.marginRight} qetaQuestionCardDeleteBtn`,
-            startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-          },
-          t("deleteModal.deleteButton")
-        ), /* @__PURE__ */ React__default.createElement(
-          DeleteModal,
-          {
-            open: deleteModalOpen,
-            onClose: handleDeleteModalClose,
-            entity: questionEntity
-          }
-        )), question.canEdit && /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null),
-            onClick: () => navigate(
-              editQuestionRoute({
-                id: question.id.toString(10)
-              })
-            ),
-            className: "qetaQuestionCardEditBtn"
-          },
-          t("questionPage.editButton")
-        ))),
-        /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React__default.createElement(AuthorBox, { entity: questionEntity }))
-      ))
+        t("deleteModal.deleteButton")
+      ), /* @__PURE__ */ React__default.createElement(
+        DeleteModal,
+        {
+          open: deleteModalOpen,
+          onClose: handleDeleteModalClose,
+          entity: questionEntity
+        }
+      )), question.canEdit && /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          variant: "outlined",
+          size: "small",
+          startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null),
+          onClick: () => navigate(
+            editQuestionRoute({
+              id: question.id.toString(10)
+            })
+          ),
+          className: "qetaQuestionCardEditBtn"
+        },
+        t("questionPage.editButton")
+      ))),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(AuthorBox, { entity: questionEntity }))
     ))
-  ), /* @__PURE__ */ React__default.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(
     CommentSection,
     {
       post: questionEntity,

package/dist/components/QuestionCard/QuestionCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport ~~Box from '@mui/material/Box';\nimport~~ Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { ~~useStyles,~~ useTranslation } from '../../hooks';\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const ~~styles = useStyles();\n const~~ navigate = useNavigate();\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: PostResponse, _?: 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\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item 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 ~~className~~={~~styles.questionCardContent~~} ~~marginLeft~~={1}>\n <Grid item>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer content={questionEntity.content} />\n </Typography>\n </Grid>\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 style={{ alignSelf: 'flex-end' }}>\n <TagsAndEntities entity={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 onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\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 post={questionEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;~~AA0Ba~~,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAA,MAAM,~~SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,~~WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,iBAAA,GAAoB,YAAY,oBAAoB,CAAA,CAAA;AAC1D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,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,EAAiB,CAAuB,KAAA;AAC/D,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,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,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,iDAEjD,~~WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,~~MAAC~~,IAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,SAAS,EAAA,IAAA;AAAA,~~QACT~~,OAAS,EAAA,CAAA;AAAA,~~QACT~~,cAAe,EAAA,YAAA;AAAA,~~QACf~~,KAAA,EAAO,EAAE,QAAA,EAAU,QAAS,EAAA;AAAA,~~OAAA~~;AAAA,~~sBAE5BA~~,cAAA,CAAA,aAAA,CAAC,~~IAAK~~,~~EAAA~~,EAAA,IAAA,~~EAAI~~,~~IAAC~~,~~EAAA,cAAA,EAAe,~~QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,~~KAAI~~,EAAA,~~EAAA~~,~~SAAA~~,~~EAAW,MAAO,CAAA,gBAAA,EAAA,kBACpBA,~~cAAA,CAAA,aAAA,~~CAAA~~,~~WAAA~~,EAAA,~~EAAY~~,~~QAAQ~~,~~cAAgB~~,~~EAAA~~,~~CAAA~~,~~kBACpCA~~,cAAA,CAAA,aAAA,~~CAAA~~,~~cAAA~~,EAAA,~~EAAe,MAAQ,~~EAAA,~~cAAA~~,~~EAAgB~~,~~CACxC~~,~~kBAAAA~~,~~cAAA,~~CAAA,~~aAAA,CAAC,~~UAAW,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CACtC,CACF,CAAA;AAAA,~~sBACAA~~,cAAA,CAAA,aAAA,~~CAAC~~,~~IAAK~~,EAAA,EAAA,IAAA,~~EAAI~~,~~IAAC~~,EAAA,~~SAAA~~,~~EAAW~~,~~MAAO~~,~~CAAA~~,~~mBAAA~~,~~EAAqB~~,~~UAAY,~~EAAA,~~CAAA~~,~~EAAA,kBAC3DA,~~cAAA,CAAA,aAAA,~~CAAA~~,~~IAAA~~,EAAA,~~EAAK~~,~~IAAI~~,EAAA,~~IAAA~~,EAAA~~,+CACP~~,~~UAAW~~,EAAA,EAAA,~~OAAA~~,~~EAAQ~~,OAAQ,EAAA,YAAA,EAAY,IACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,~~gBAAiB~~,~~EAAA~~,EAAA,~~OAAA~~,~~EAAS~~,~~cAAe~~,~~CAAA~~,~~OAAA,EAAS,~~CACrD,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,~~QAAC~~,IAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,SAAS,EAAA,IAAA;AAAA,~~UACT~~,IAAI,EAAA,IAAA;AAAA,~~UACJ~~,OAAS,EAAA,CAAA;AAAA,~~UACT~~,cAAe,EAAA,eAAA;AAAA,~~UACf~~,UAAW,EAAA,UAAA;AAAA,~~UACX~~,~~WAAW~~,~~MAAO~~,~~CAAA~~,~~oBAAA~~;AAAA,~~SAAA~~;AAAA,~~wBAElBA~~,cAAA,CAAA,aAAA,CAAC,~~IAAK~~,~~EAAA~~,EAAA,IAAA,~~EAAI~~,~~IAAC~~,~~EAAA~~,~~KAAA~~,~~EAAO~~,~~EAAE~~,~~SAAW,~~EAAA,~~UAAA,EAC7B,~~EAAA,~~kBAAAA~~,cAAA,CAAA,aAAA,~~CAAC~~,~~eAAgB~~,EAAA,~~EAAA~~,~~MAAA~~,~~EAAQ~~,~~gBAAgB~~,~~CACvC~~,EAAA,~~CAAA~~,~~QAAA~~,~~CAAS,~~OAAW,IAAA,QAAA,CAAS,~~SAC7B~~,~~qBAAAA,~~cAAA,CAAA,aAAA,~~CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,MAAO,~~CAAA,mBAAA,EAAA,~~EACpB~~,QAAS,CAAA,SAAA,oBAENA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,~~UAAC~~,MAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,OAAQ,EAAA,UAAA;AAAA,~~YACR~~,IAAK,EAAA,OAAA;AAAA,~~YACL~~,KAAM,EAAA,WAAA;AAAA,~~YACN~~,OAAS,EAAA,qBAAA;AAAA,~~YACT~~,SAAA,~~EAAW~~,~~CAAG,~~EAAA,~~MAAA~~,~~CAAO~~,~~WAAW~~,~~CAAA~~,~~0BAAA~~,~~CAAA;AAAA~~,~~YAChC~~,~~SAAA,+CAAY~~,~~UAAW~~,EAAA~~,IAAA,CAAA~~;AAAA,~~WAAA~~;AAAA,~~UAEtB~~,EAAE,0BAA0B,CAAA;AAAA,~~SAE~~/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,~~UAAC~~,WAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,IAAM,EAAA,eAAA;AAAA,~~YACN~~,OAAS,EAAA,sBAAA;AAAA,~~YACT~~,MAAQ,EAAA,cAAA;AAAA,~~WAAA~~;AAAA,~~SAEZ~~,CAED,EAAA,QAAA,CAAS,OACR,oBAAAA,cAAA,CAAA,aAAA;AAAA,~~UAAC~~,MAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,OAAQ,EAAA,UAAA;AAAA,~~YACR~~,IAAK,EAAA,OAAA;AAAA,~~YACL~~,SAAA,+CAAY,QAAS,EAAA,IAAA,CAAA;AAAA,~~YACrB~~,SAAS,MACP,QAAA;AAAA,~~cACE~~,iBAAkB,CAAA;AAAA,~~gBAChB~~,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,~~eAC5B~~,CAAA;AAAA,~~aACH~~;AAAA,~~YAEF~~,SAAU,EAAA,yBAAA;AAAA,~~WAAA~~;AAAA,~~UAET~~,EAAE,yBAAyB,CAAA;AAAA,~~SAGlC~~,CAEJ,CAAA;AAAA,~~wBACCA~~,cAAA,CAAA,aAAA,~~CAAA~~,~~IAAA~~,EAAA,~~EAAK,IAAI,~~EAAA,IAAA,~~EAAC,~~EAAI,EAAA,~~CAAA,EAAG,SAAW,~~EAAA,~~MAAA~~,~~CAAO~~,~~SAClC,EAAA,kBAAAA,~~cAAA,CAAA,aAAA,~~CAAC~~,~~SAAU~~,EAAA,EAAA,~~MAAA~~,~~EAAQ~~,~~gBAAgB,~~CACrC,CAAA;AAAA,~~OAEJ~~,CAAA;AAAA,~~KAEJ~~,~~CAAA;AAAA~~,~~GAEF~~,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,eAAiB,EAAA,eAAA;AAAA,MACjB,aAAe,EAAA,eAAA;AAAA,KAAA;AAAA,GAEnB,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { CardActionContainer } from '../Styled/CardActionContainer';\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const navigate = useNavigate();\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: PostResponse, _?: 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 variant=\"outlined\" sx={{ marginBottom: 1, position: 'relative' }}>\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item justifyContent=\"center\">\n <VoteButtonContainer>\n <VoteButtons entity={questionEntity} />\n <FavoriteButton entity={questionEntity} />\n <LinkButton entity={questionEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid item marginLeft={1} sx={{ flexGrow: 1 }}>\n <Grid item sx={{ minHeight: '5rem', paddingTop: 1 }}>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer content={questionEntity.content} />\n </Typography>\n </Grid>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n sx={{ marginTop: 3 }}\n >\n <Grid item style={{ alignSelf: 'flex-end' }}>\n <TagsAndEntities entity={questionEntity} />\n {(question.canEdit \|\| question.canDelete) && (\n <CardActionContainer>\n {question.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n sx={{ marginRight: 1 }}\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 onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\n }\n className=\"qetaQuestionCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n </CardActionContainer>\n )}\n </Grid>\n <Grid item xs={3}>\n <AuthorBox entity={questionEntity} />\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n post={questionEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/QuestionsTable/QuestionsTable.esm.js CHANGED Viewed

@@ -17,7 +17,6 @@ import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 const QuestionsTable = (props) => {

package/dist/components/QuestionsTable/QuestionsTable.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport TableContainer from '@mui/material/TableContainer';\nimport Table from '@mui/material/Table';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\nimport TableBody from '@mui/material/TableBody';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\ntype QuickFilterType = 'latest' \| 'favorites' \| 'most_viewed';\n\nexport const QuestionsTable = (props: {\n hideTitle?: boolean;\n rowsPerPage?: number;\n quickFilter?: QuickFilterType;\n}) => {\n const [page, setPage] = React.useState(1);\n const [questionsPerPage, setQuestionsPerPage] = React.useState(\n props.rowsPerPage ?? 10,\n );\n const [quickFilter, setQuickFilter] = React.useState(\n props.quickFilter ?? 'latest',\n );\n const [refresh, setRefresh] = React.useState(0);\n const { t } = useTranslation();\n const [filters, setFilters] = React.useState({\n order: 'desc',\n orderBy: 'created',\n noAnswers: 'false',\n noCorrectAnswer: 'false',\n noVotes: 'false',\n searchQuery: '',\n favorite: false,\n });\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPosts({\n type: 'question',\n limit: questionsPerPage,\n offset: (page - 1) * questionsPerPage,\n includeEntities: true,\n ...(filters as any),\n }),\n [page, filters, questionsPerPage, refresh],\n );\n\n const handleQuickFilterChange = (filter: QuickFilterType) => {\n setQuickFilter(filter);\n if (filter === 'latest') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'created',\n favorite: false,\n });\n } else if (filter === 'favorites') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'created',\n favorite: true,\n });\n } else if (filter === 'most_viewed') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'views',\n favorite: false,\n });\n }\n };\n\n const handleChangePage = (_: unknown, newPage: number) => {\n setPage(newPage + 1);\n };\n\n const handleChangeRowsPerPage = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n setQuestionsPerPage(parseInt(event.target.value, 10));\n setPage(1);\n };\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionsTable.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n return (\n <>\n <Grid\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n style={{ marginBottom: '1em' }}\n className=\"qetaQuestionsTableGrid\"\n >\n <Grid item>\n {props.hideTitle === true ? null : (\n <Typography variant=\"h5\">{t('pluginName')}</Typography>\n )}\n </Grid>\n <Grid item>\n <ButtonGroup>\n <Button\n color={quickFilter === 'latest' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('latest')}\n >\n {t('questionsTable.latest')}\n </Button>\n <Button\n color={quickFilter === 'favorites' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('favorites')}\n >\n {t('questionsTable.favorites')}\n </Button>\n <Button\n color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('most_viewed')}\n >\n {t('questionsTable.mostViewed')}\n </Button>\n </ButtonGroup>\n <LinkButton\n to=\"#\"\n variant=\"text\"\n onClick={() => setRefresh(refresh + 1)}\n >\n <RefreshIcon />\n </LinkButton>\n </Grid>\n </Grid>\n <TableContainer>\n <Table className=\"qetaQuestionsTable\">\n <TableHead>\n <TableRow>\n <TableCell>{t('questionsTable.cells.title')}</TableCell>\n <TableCell>{t('questionsTable.cells.author')}</TableCell>\n <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? <Progress /> : null}\n {response.posts.map(q => (\n <QuestionTableRow question={q} />\n ))}\n </TableBody>\n </Table>\n <TablePagination\n rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n component=\"div\"\n count={response.total}\n rowsPerPage={questionsPerPage}\n page={page - 1}\n onPageChange={handleChangePage}\n onRowsPerPageChange={handleChangeRowsPerPage}\n />\n </TableContainer>\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBa,MAAA,cAAA,GAAiB,CAAC,KAIzB,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IACpD,MAAM,WAAe,IAAA,EAAA;AAAA,GACvB,CAAA;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAC1C,MAAM,WAAe,IAAA,QAAA;AAAA,GACvB,CAAA;AACA,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAC9C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAM,QAAS,CAAA;AAAA,IAC3C,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,SAAA;AAAA,IACT,SAAW,EAAA,OAAA;AAAA,IACX,eAAiB,EAAA,OAAA;AAAA,IACjB,OAAS,EAAA,OAAA;AAAA,IACT,WAAa,EAAA,EAAA;AAAA,IACb,QAAU,EAAA,KAAA;AAAA,GACX,CAAA,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAA,GAAA,KACE,IAAI,QAAS,CAAA;AAAA,MACX,IAAM,EAAA,UAAA;AAAA,MACN,KAAO,EAAA,gBAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,gBAAA;AAAA,MACrB,eAAiB,EAAA,IAAA;AAAA,MACjB,GAAI,OAAA;AAAA,KACL,CAAA;AAAA,IACH,CAAC,IAAA,EAAM,OAAS,EAAA,gBAAA,EAAkB,OAAO,CAAA;AAAA,GAC3C,CAAA;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAAC,MAA4B,KAAA;AAC3D,IAAA,cAAA,CAAe,MAAM,CAAA,CAAA;AACrB,IAAA,IAAI,WAAW,QAAU,EAAA;AACvB,MAAW,UAAA,CAAA;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,SAAA;AAAA,QACT,QAAU,EAAA,KAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACH,MAAA,IAAW,WAAW,WAAa,EAAA;AACjC,MAAW,UAAA,CAAA;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,SAAA;AAAA,QACT,QAAU,EAAA,IAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACH,MAAA,IAAW,WAAW,aAAe,EAAA;AACnC,MAAW,UAAA,CAAA;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,OAAA;AAAA,QACT,QAAU,EAAA,KAAA;AAAA,OACX,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,CAAA,EAAY,OAAoB,KAAA;AACxD,IAAA,OAAA,CAAQ,UAAU,CAAC,CAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAM,MAAA,uBAAA,GAA0B,CAC9B,KACG,KAAA;AACH,IAAA,mBAAA,CAAoB,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,EAAE,CAAC,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,CAAC,CAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,6BAA6B,CAClE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,eAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,MAC7B,SAAU,EAAA,wBAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,EACP,MAAM,SAAc,KAAA,IAAA,GAAO,IAC1B,mBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAA,EAAM,CAAE,CAAA,YAAY,CAAE,CAE9C,CAAA;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,+CACP,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAgB,KAAA,QAAA,GAAW,SAAY,GAAA,KAAA,CAAA;AAAA,QAC9C,OAAA,EAAS,MAAM,uBAAA,CAAwB,QAAQ,CAAA;AAAA,OAAA;AAAA,MAE9C,EAAE,uBAAuB,CAAA;AAAA,KAE5B,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAgB,KAAA,WAAA,GAAc,SAAY,GAAA,KAAA,CAAA;AAAA,QACjD,OAAA,EAAS,MAAM,uBAAA,CAAwB,WAAW,CAAA;AAAA,OAAA;AAAA,MAEjD,EAAE,0BAA0B,CAAA;AAAA,KAE/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAgB,KAAA,aAAA,GAAgB,SAAY,GAAA,KAAA,CAAA;AAAA,QACnD,OAAA,EAAS,MAAM,uBAAA,CAAwB,aAAa,CAAA;AAAA,OAAA;AAAA,MAEnD,EAAE,2BAA2B,CAAA;AAAA,KAElC,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,GAAA;AAAA,QACH,OAAQ,EAAA,MAAA;AAAA,QACR,OAAS,EAAA,MAAM,UAAW,CAAA,OAAA,GAAU,CAAC,CAAA;AAAA,OAAA;AAAA,mDAEpC,WAAY,EAAA,IAAA,CAAA;AAAA,KAEjB,CAAA;AAAA,GACF,kBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,WAAU,oBACf,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAW,CAAE,CAAA,4BAA4B,CAAE,CAAA,kBAC3CA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EAAW,CAAE,CAAA,6BAA6B,CAAE,CAAA,kBAC5CA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,EAAW,CAAE,CAAA,4BAA4B,CAAE,CAC5C,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAW,EAAA,IAAA,EAAA,CAAA,CAAE,8BAA8B,CAAE,CAChD,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SACE,EAAA,IAAA,EAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,IAAK,IACzB,EAAA,QAAA,CAAS,KAAM,CAAA,GAAA,CAAI,CAClB,CAAA,qBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAU,CAAG,EAAA,CAChC,CACH,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,oBAAoB,CAAC,CAAA,EAAG,IAAI,EAAI,EAAA,EAAA,EAAI,IAAI,EAAE,CAAA;AAAA,MAC1C,SAAU,EAAA,KAAA;AAAA,MACV,OAAO,QAAS,CAAA,KAAA;AAAA,MAChB,WAAa,EAAA,gBAAA;AAAA,MACb,MAAM,IAAO,GAAA,CAAA;AAAA,MACb,YAAc,EAAA,gBAAA;AAAA,MACd,mBAAqB,EAAA,uBAAA;AAAA,KAAA;AAAA,GAEzB,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport TableContainer from '@mui/material/TableContainer';\nimport Table from '@mui/material/Table';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\nimport TableBody from '@mui/material/TableBody';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\ntype QuickFilterType = 'latest' \| 'favorites' \| 'most_viewed';\n\nexport const QuestionsTable = (props: {\n hideTitle?: boolean;\n rowsPerPage?: number;\n quickFilter?: QuickFilterType;\n}) => {\n const [page, setPage] = React.useState(1);\n const [questionsPerPage, setQuestionsPerPage] = React.useState(\n props.rowsPerPage ?? 10,\n );\n const [quickFilter, setQuickFilter] = React.useState(\n props.quickFilter ?? 'latest',\n );\n const [refresh, setRefresh] = React.useState(0);\n const { t } = useTranslation();\n const [filters, setFilters] = React.useState({\n order: 'desc',\n orderBy: 'created',\n noAnswers: 'false',\n noCorrectAnswer: 'false',\n noVotes: 'false',\n searchQuery: '',\n favorite: false,\n });\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPosts({\n type: 'question',\n limit: questionsPerPage,\n offset: (page - 1) * questionsPerPage,\n includeEntities: true,\n ...(filters as any),\n }),\n [page, filters, questionsPerPage, refresh],\n );\n\n const handleQuickFilterChange = (filter: QuickFilterType) => {\n setQuickFilter(filter);\n if (filter === 'latest') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'created',\n favorite: false,\n });\n } else if (filter === 'favorites') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'created',\n favorite: true,\n });\n } else if (filter === 'most_viewed') {\n setFilters({\n ...filters,\n order: 'desc',\n orderBy: 'views',\n favorite: false,\n });\n }\n };\n\n const handleChangePage = (_: unknown, newPage: number) => {\n setPage(newPage + 1);\n };\n\n const handleChangeRowsPerPage = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n setQuestionsPerPage(parseInt(event.target.value, 10));\n setPage(1);\n };\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionsTable.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n return (\n <>\n <Grid\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n style={{ marginBottom: '1em' }}\n className=\"qetaQuestionsTableGrid\"\n >\n <Grid item>\n {props.hideTitle === true ? null : (\n <Typography variant=\"h5\">{t('pluginName')}</Typography>\n )}\n </Grid>\n <Grid item>\n <ButtonGroup>\n <Button\n color={quickFilter === 'latest' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('latest')}\n >\n {t('questionsTable.latest')}\n </Button>\n <Button\n color={quickFilter === 'favorites' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('favorites')}\n >\n {t('questionsTable.favorites')}\n </Button>\n <Button\n color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('most_viewed')}\n >\n {t('questionsTable.mostViewed')}\n </Button>\n </ButtonGroup>\n <LinkButton\n to=\"#\"\n variant=\"text\"\n onClick={() => setRefresh(refresh + 1)}\n >\n <RefreshIcon />\n </LinkButton>\n </Grid>\n </Grid>\n <TableContainer>\n <Table className=\"qetaQuestionsTable\">\n <TableHead>\n <TableRow>\n <TableCell>{t('questionsTable.cells.title')}</TableCell>\n <TableCell>{t('questionsTable.cells.author')}</TableCell>\n <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? <Progress /> : null}\n {response.posts.map(q => (\n <QuestionTableRow question={q} />\n ))}\n </TableBody>\n </Table>\n <TablePagination\n rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n component=\"div\"\n count={response.total}\n rowsPerPage={questionsPerPage}\n page={page - 1}\n onPageChange={handleChangePage}\n onRowsPerPageChange={handleChangeRowsPerPage}\n />\n </TableContainer>\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/SelectTemplateList/SelectTemplateList.esm.js CHANGED Viewed

@@ -11,7 +11,6 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 const SelectTemplateList = (props) => {

package/dist/components/SelectTemplateList/SelectTemplateList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Button from '@mui/material/Button';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslation } from '../../hooks';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslation();\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAea,MAAA,kBAAA,GAAqB,CAAC,KAG7B,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,gBAAA,EAAqB,GAAA,KAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAI,IAAA,SAAA,CAAU,UAAU,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAAG,EAAA,CAAA,kBACjDA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EACnB,EAAA,EAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,CAAC,QAAA,EAAU,KAClC,qBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,KACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAS,QAAS,CAAA,KAAA;AAAA,MAClB,WAAW,QAAS,CAAA,WAAA;AAAA,KAAA;AAAA,GACtB,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,KAAA;AAAA,IAEvC,EAAE,iCAAiC,CAAA;AAAA,GAExC,CACF,CACD,CAAA,+CACA,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,MAC/C,SAAA,EAAW,EAAE,+CAA+C,CAAA;AAAA,KAAA;AAAA,GAC9D,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,KAAA;AAAA,IAEnC,EAAE,iCAAiC,CAAA;AAAA,GAExC,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Button from '@mui/material/Button';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslation } from '../../hooks';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslation();\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAea,MAAA,kBAAA,GAAqB,CAAC,KAG7B,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,gBAAA,EAAqB,GAAA,KAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAI,IAAA,SAAA,CAAU,UAAU,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAAG,EAAA,CAAA,kBACjDA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EACnB,EAAA,EAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,CAAC,QAAA,EAAU,KAClC,qBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,KACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAS,QAAS,CAAA,KAAA;AAAA,MAClB,WAAW,QAAS,CAAA,WAAA;AAAA,KAAA;AAAA,GACtB,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,KAAA;AAAA,IAEvC,EAAE,iCAAiC,CAAA;AAAA,GAExC,CACF,CACD,CAAA,+CACA,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,MAC/C,SAAA,EAAW,EAAE,+CAA+C,CAAA;AAAA,KAAA;AAAA,GAC9D,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,KAAA;AAAA,IAEnC,EAAE,iCAAiC,CAAA;AAAA,GAExC,CACF,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/StatsChart/StatsChart.esm.js CHANGED Viewed

@@ -3,8 +3,6 @@ import { ResponsiveContainer, BarChart, Tooltip, Bar, CartesianGrid, XAxis, YAxi
 import IconButton from '@mui/material/IconButton';
 import ButtonGroup from '@mui/material/ButtonGroup';
 import Typography from '@mui/material/Typography';
-import createStyles from '@mui/styles/createStyles';
-import makeStyles from '@mui/styles/makeStyles';
 import ShowChartIcon from '@mui/icons-material/ShowChart';
 import BarChartIcon from '@mui/icons-material/BarChart';
 import { useIsDarkTheme } from '../../hooks/useIsDarkTheme.esm.js';
@@ -12,27 +10,20 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { isGlobalStat, isUserStat } from './util.esm.js';
+import { useTheme, css as css$1 } from '@mui/material/styles';
+import { css } from '@emotion/css';
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    tooltipLabel: {
-      color: theme.palette.text.primary
-    },
-    tooltipWrapper: {
-      backgroundColor: `${theme.palette.background.default} !important`,
-      border: "none !important"
-    },
-    xAxis: {
-      color: `${theme.palette.text.primary} !important`
-    },
-    lineChart: {},
-    barChart: {}
+const styles = {
+  tooltipLabel: (theme) => ({
+    color: theme.palette.text.primary
   }),
-  { name: "QetaStatsChart" }
-);
+  tooltipWrapper: (theme) => ({
+    backgroundColor: `${theme.palette.background.default} !important`,
+    border: "none !important"
+  })
+};
 const DEFAULT_STATS = [
   {
     dataKey: "totalViews",
@@ -108,7 +99,6 @@ const DEFAULT_STATS = [
   }
 ];
 const useChartState = (data) => {
-  const styles = useStyles();
   const isDark = useIsDarkTheme();
   const globalStats = isGlobalStat(data[0]);
   const isUserStats = isUserStat(data[0]);
@@ -139,140 +129,112 @@ const useChartState = (data) => {
   return { styles, isDark, toggleStat, stats, isDisabled };
 };
 const StatsBarChart = (props) => {
-  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(
-    props.data
-  );
-  const localStyles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(
-    BarChart,
+  const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);
+  const theme = useTheme();
+  const labelClass = css(css$1(styles.tooltipLabel(theme)));
+  const wrapperClass = css(css$1(styles.tooltipWrapper(theme)));
+  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(BarChart, { data: props.data, width: 900, height: 300 }, /* @__PURE__ */ React__default.createElement(
+    Tooltip,
     {
-      data: props.data,
-      width: 900,
-      height: 300,
-      className: localStyles.barChart
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Tooltip,
-      {
-        labelClassName: styles.tooltipLabel,
-        wrapperClassName: styles.tooltipWrapper,
-        cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
-      }
-    ),
-    stats.map((stat) => /* @__PURE__ */ React__default.createElement(
-      Bar,
-      {
-        key: stat.dataKey,
-        dataKey: stat.enabled ? stat.dataKey : "hidden",
-        name: stat.name,
-        fill: stat.color
-      }
-    )),
-    /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }),
-    /* @__PURE__ */ React__default.createElement(
-      XAxis,
-      {
-        dataKey: "date",
-        tickFormatter: (tick) => new Date(tick).toDateString(),
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      YAxis,
-      {
-        allowDecimals: false,
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Legend,
-      {
-        verticalAlign: "top",
-        height: 36,
-        wrapperStyle: { cursor: "pointer" },
-        formatter: (data) => {
-          return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-        },
-        onClick: (data) => {
-          if (data.value) {
-            toggleStat(data.value);
-          }
+      labelClassName: labelClass,
+      wrapperClassName: wrapperClass,
+      cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
+    }
+  ), stats.map((stat) => /* @__PURE__ */ React__default.createElement(
+    Bar,
+    {
+      key: stat.dataKey,
+      dataKey: stat.enabled ? stat.dataKey : "hidden",
+      name: stat.name,
+      fill: stat.color
+    }
+  )), /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickFormatter: (tick) => new Date(tick).toDateString(),
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    YAxis,
+    {
+      allowDecimals: false,
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Legend,
+    {
+      verticalAlign: "top",
+      height: 36,
+      wrapperStyle: { cursor: "pointer" },
+      formatter: (data) => {
+        return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
+      },
+      onClick: (data) => {
+        if (data.value) {
+          toggleStat(data.value);
         }
       }
-    )
-  ));
+    }
+  )));
 };
 const StatsLineChart = (props) => {
-  const { styles, isDark, stats, toggleStat, isDisabled } = useChartState(
-    props.data
-  );
-  const localStyles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(
-    LineChart,
+  const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);
+  const theme = useTheme();
+  const labelClass = css(css$1(styles.tooltipLabel(theme)));
+  const wrapperClass = css(css$1(styles.tooltipWrapper(theme)));
+  return /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { height: 400, width: "100%" }, /* @__PURE__ */ React__default.createElement(LineChart, { data: props.data, width: 900, height: 300 }, /* @__PURE__ */ React__default.createElement(
+    Tooltip,
     {
-      data: props.data,
-      width: 900,
-      height: 300,
-      className: localStyles.lineChart
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Tooltip,
-      {
-        labelClassName: styles.tooltipLabel,
-        wrapperClassName: styles.tooltipWrapper,
-        cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
-      }
-    ),
-    stats.map((stat) => /* @__PURE__ */ React__default.createElement(
-      Line,
-      {
-        key: stat.dataKey,
-        dataKey: stat.enabled ? stat.dataKey : "hidden",
-        name: stat.name,
-        stroke: stat.color
-      }
-    )),
-    /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }),
-    /* @__PURE__ */ React__default.createElement(
-      XAxis,
-      {
-        dataKey: "date",
-        tickFormatter: (tick) => new Date(tick).toDateString(),
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      YAxis,
-      {
-        allowDecimals: false,
-        axisLine: { stroke: isDark ? "white" : "black" },
-        tickLine: { stroke: isDark ? "white" : "black" },
-        tick: { fill: isDark ? "white" : "black" }
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Legend,
-      {
-        verticalAlign: "top",
-        height: 36,
-        wrapperStyle: { cursor: "pointer" },
-        formatter: (data) => {
-          return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
-        },
-        onClick: (data) => {
-          if (data.value) {
-            toggleStat(data.value);
-          }
+      labelClassName: labelClass,
+      wrapperClassName: wrapperClass,
+      cursor: { fill: isDark ? "#4f4f4f" : "#f5f5f5" }
+    }
+  ), stats.map((stat) => /* @__PURE__ */ React__default.createElement(
+    Line,
+    {
+      key: stat.dataKey,
+      dataKey: stat.enabled ? stat.dataKey : "hidden",
+      name: stat.name,
+      stroke: stat.color
+    }
+  )), /* @__PURE__ */ React__default.createElement(CartesianGrid, { stroke: "#ccc" }), /* @__PURE__ */ React__default.createElement(
+    XAxis,
+    {
+      dataKey: "date",
+      tickFormatter: (tick) => new Date(tick).toDateString(),
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    YAxis,
+    {
+      allowDecimals: false,
+      axisLine: { stroke: isDark ? "white" : "black" },
+      tickLine: { stroke: isDark ? "white" : "black" },
+      tick: { fill: isDark ? "white" : "black" }
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Legend,
+    {
+      verticalAlign: "top",
+      height: 36,
+      wrapperStyle: { cursor: "pointer" },
+      formatter: (data) => {
+        return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;
+      },
+      onClick: (data) => {
+        if (data.value) {
+          toggleStat(data.value);
         }
       }
-    )
-  ));
+    }
+  )));
 };
 const StatsChart = (props) => {
   const { t } = useTranslation();