npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.0.1 → 3.1.1 - Mend

@drodil/backstage-plugin-qeta-react 3.0.1 → 3.1.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 (29) hide show

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

@@ -46,7 +46,7 @@ const AnswerCard = (props) => {
     ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
       MarkdownRenderer,
       {
-        className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
+        className: "qetaAndwerCardAnswerContent",
         content: answerEntity.content
       }
     )), /* @__PURE__ */ React.createElement(

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { useStyles, useTranslation } from '../../utils';\nimport { AnswerForm } from '../AnswerForm';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { DeleteModal } from '../DeleteModal';\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: PostResponse;\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 = (_: PostResponse, 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} post={question} />\n <LinkButton entity={answerEntity} />\n </div>\n </Grid>\n <Grid item xs={11} className={styles.answerCardContent}>\n {editMode ? (\n <AnswerForm\n post={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.marginLeft} 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 post={question}\n answer={answerEntity}\n onCommentPost={onCommentAction}\n onCommentDelete={onCommentAction}\n />\n </>\n );\n};\n"],"names":[],"mappings":"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~~SAAA~~,~~EAAW,CAA+B,4BAAA,~~EAAA,~~MAAA,CAAO,eAAe,CAAA,CAAA~~;AAAA,~~QAChE~~,SAAS,YAAa,CAAA,OAAA;AAAA,OAAA;AAAA,KAE1B,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,0CAEjB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,KAAO,EAAA,EAAE,SAAW,EAAA,UAAA,OAClC,YAAa,CAAA,GAAA,IACb,YAAa,CAAA,SAAA,IACb,aAAa,OACb,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,MAAA,CAAO,mBAAmB,CAAA,CAAA;AAAA,SAAA;AAAA,QAE7D,CAAC,YAAa,CAAA,OAAA,KACZ,aAAa,GAAO,IAAA,YAAA,CAAa,8BAE9B,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,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,UAAU,CAAA,wBAAA,CAAA;AAAA,YAC/B,SAAA,sCAAY,UAAW,EAAA,IAAA,CAAA;AAAA,WAAA;AAAA,UAEtB,EAAE,0BAA0B,CAAA;AAAA,SAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAM,EAAA,eAAA;AAAA,YACN,OAAS,EAAA,sBAAA;AAAA,YACT,MAAQ,EAAA,YAAA;AAAA,YACR,QAAA;AAAA,WAAA;AAAA,SAEJ,CAAA;AAAA,QAEF,CAAA,YAAA,CAAa,GAAO,IAAA,YAAA,CAAa,OACjC,qBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,SAAA,sCAAY,QAAS,EAAA,IAAA,CAAA;AAAA,YACrB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,YAC/B,SAAU,EAAA,uBAAA;AAAA,WAAA;AAAA,UAET,EAAE,yBAAyB,CAAA;AAAA,SAC9B;AAAA,OAIR,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,cAAc,CACnC,CAAA;AAAA,KAEJ,CAEJ,CACF,CACF,CAAA;AAAA,GAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,QAAA;AAAA,MACN,MAAQ,EAAA,YAAA;AAAA,MACR,aAAe,EAAA,eAAA;AAAA,MACf,eAAiB,EAAA,eAAA;AAAA,KAAA;AAAA,GAErB,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { useStyles, useTranslation } from '../../utils';\nimport { AnswerForm } from '../AnswerForm';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { DeleteModal } from '../DeleteModal';\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: PostResponse;\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 = (_: PostResponse, 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} post={question} />\n <LinkButton entity={answerEntity} />\n </div>\n </Grid>\n <Grid item xs={11} className={styles.answerCardContent}>\n {editMode ? (\n <AnswerForm\n post={question}\n onPost={onAnswerEdit}\n id={answerEntity.id}\n />\n ) : (\n <>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer\n className=\"qetaAndwerCardAnswerContent\"\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.marginLeft} 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 post={question}\n answer={answerEntity}\n onCommentPost={onCommentAction}\n onCommentDelete={onCommentAction}\n />\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ArticleContent/ArticleButtons.esm.js CHANGED Viewed

@@ -11,21 +11,24 @@ import DeleteIcon from '@material-ui/icons/Delete';
 import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
 import EditIcon from '@material-ui/icons/Edit';
-const useLocalStyles = makeStyles((theme) => {
-  return {
-    container: {
-      width: "100%",
-      paddingTop: "0.5rem",
-      paddingBottom: "0.5rem",
-      borderTop: `1px solid ${theme.palette.background.paper}`,
-      borderBottom: `1px solid ${theme.palette.background.paper}`
-    },
-    scoreText: {
-      marginLeft: "0.5rem",
-      userSelect: "none"
-    }
-  };
-});
+const useLocalStyles = makeStyles(
+  (theme) => {
+    return {
+      container: {
+        width: "100%",
+        paddingTop: "0.5rem",
+        paddingBottom: "0.5rem",
+        borderTop: `1px solid ${theme.palette.background.paper}`,
+        borderBottom: `1px solid ${theme.palette.background.paper}`
+      },
+      scoreText: {
+        marginLeft: "0.5rem",
+        userSelect: "none"
+      }
+    };
+  },
+  { name: "QetaArticleButtons" }
+);
 const ArticleButtons = (props) => {
   const { post } = props;
   const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } = useVoting(post);

package/dist/components/ArticleContent/ArticleButtons.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation, useVoting } from '../../utils/hooks';\nimport React from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\n\nexport const useLocalStyles = makeStyles(theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n});\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const classes = useStyles();\n const { t } = useTranslation();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const own = props.post.own ?? false;\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\n <Tooltip title={voteUpTooltip}>\n <span>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={own}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} className={classes.marginLeft} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n className={classes.marginLeft}\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n {post.canEdit && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n className={classes.marginLeft}\n href={editArticleRoute({\n id: post.id.toString(10),\n })}\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;~~AAoBa~~,~~MAAA~~,~~cAAA~~,~~GAAiB~~,~~WAAW~~,CAAS,KAAA,KAAA;~~AAChD~~,~~EAAO~~,OAAA;AAAA,~~IACL~~,SAAW,EAAA;AAAA,~~MACT~~,KAAO,EAAA,MAAA;AAAA,~~MACP~~,UAAY,EAAA,QAAA;AAAA,~~MACZ~~,aAAe,EAAA,QAAA;AAAA,~~MACf~~,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,~~MACtD~~,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,~~KAC3D~~;AAAA,~~IACA~~,SAAW,EAAA;AAAA,~~MACT~~,UAAY,EAAA,QAAA;AAAA,~~MACZ~~,UAAY,EAAA,MAAA;AAAA,~~KACd~~;AAAA,~~GACF~~,CAAA;~~AACF~~,~~CAAC~~,EAAA;~~AAEY~~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"}
1	+ {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation, useVoting } from '../../utils/hooks';\nimport React from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\n\nexport type QetaArticleButtonsClassKey = 'container' \| 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n },\n { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const classes = useStyles();\n const { t } = useTranslation();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const own = props.post.own ?? false;\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\n <Tooltip title={voteUpTooltip}>\n <span>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={own}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} className={classes.marginLeft} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n className={classes.marginLeft}\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n {post.canEdit && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n className={classes.marginLeft}\n href={editArticleRoute({\n id: post.id.toString(10),\n })}\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -6,33 +6,38 @@ import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTime
 import { ArticleButtons } from './ArticleButtons.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { CommentSection } from '../CommentSection/CommentSection.esm.js';
+import { WarningPanel } from '@backstage/core-components';
-const useStyles = makeStyles((theme) => {
-  return {
-    content: {
-      fontSize: "1.1rem",
-      lineHeight: "1.5rem",
-      paddingTop: "1rem",
-      paddingBottom: "1rem",
-      marginBottom: "1rem",
-      borderBottom: `1px solid ${theme.palette.background.paper}`,
-      ...theme.overrides?.BackstageMarkdownContent
-    },
-    headerImage: {
-      objectFit: "cover",
-      width: "100%",
-      height: "200px",
-      marginBottom: "1rem",
-      marginTop: "1rem"
-    },
-    commentSection: {
-      borderBottom: `1px solid ${theme.palette.background.paper}`,
-      paddingBottom: "1rem",
-      marginBottom: "1rem",
-      marginLeft: 0
-    }
-  };
-});
+const useStyles = makeStyles(
+  (theme) => {
+    return {
+      content: {
+        fontSize: "1.1rem",
+        lineHeight: "1.5rem",
+        paddingTop: "1rem",
+        paddingBottom: "1rem",
+        marginBottom: "1rem",
+        borderBottom: `1px solid ${theme.palette.background.paper}`
+      },
+      headerImage: {
+        marginBottom: "1rem",
+        marginTop: "1rem",
+        height: "250px",
+        objectFit: "cover",
+        width: "100%",
+        border: `1px solid ${theme.palette.background.paper}`,
+        boxShadow: theme.shadows[1]
+      },
+      commentSection: {
+        borderBottom: `1px solid ${theme.palette.background.paper}`,
+        paddingBottom: "1rem",
+        marginBottom: "1rem",
+        marginLeft: 0
+      }
+    };
+  },
+  { name: "QetaArticle" }
+);
 const ArticleContent = (props) => {
   const { post, views } = props;
   const styles = useStyles();
@@ -43,7 +48,7 @@ const ArticleContent = (props) => {
     setPostEntity(q);
   };
   if (post.type !== "article") {
-    return null;
+    return /* @__PURE__ */ React.createElement(WarningPanel, { title: "Not found", message: "Could not find the article" });
   }
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h2" }, postEntity.title), /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
     Avatar,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { useEntityAuthor, useTranslation } from '../../utils/hooks';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { ~~BackstageOverrides~~ } from '@backstage/core-components';\n\nexport const useStyles = makeStyles(theme => {\n return {\n content: {\n fontSize: '1.1rem',\n lineHeight: '1.5rem',\n paddingTop: '1rem',\n paddingBottom: '1rem',\n marginBottom: '1rem',\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n ~~...(theme.overrides as BackstageOverrides)?.BackstageMarkdownContent,\n~~ },\n headerImage: {\n ~~objectFit~~: '~~cover~~',\n ~~width~~: '~~100%~~',\n height: '~~200px~~',\n ~~marginBottom~~: '~~1rem~~',\n ~~marginTop~~: '~~1rem~~',\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: '1rem',\n marginBottom: '1rem',\n marginLeft: 0,\n },\n };\n});\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = React.useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return ~~null~~;\n }\n\n return (\n <>\n <Typography variant=\"h2\">{postEntity.title}</Typography>\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.views', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={postEntity.created} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n />\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;AAca~~,~~MAAA~~,~~SAAA~~,~~GAAY~~,~~WAAW~~,CAAS,KAAA,KAAA;~~AAC3C~~,~~EAAO~~,OAAA;AAAA,~~IACL~~,OAAS,EAAA;AAAA,~~MACP~~,QAAU,EAAA,QAAA;AAAA,~~MACV~~,UAAY,EAAA,QAAA;AAAA,~~MACZ~~,UAAY,EAAA,MAAA;AAAA,~~MACZ~~,aAAe,EAAA,MAAA;AAAA,~~MACf~~,YAAc,EAAA,MAAA;AAAA,~~MACd~~,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,~~MACzD~~,~~GAAI~~,~~MAAM~~,~~SAAkC~~,EAAA,~~wBAAA~~;AAAA,~~KAC9C~~;AAAA,~~IACA~~,~~WAAa~~,EAAA;AAAA,~~MACX~~,SAAW,EAAA,OAAA;AAAA,~~MACX~~,KAAO,EAAA,MAAA;AAAA,~~MACP~~,MAAQ,EAAA,OAAA~~;AAAA~~,~~MACR~~,~~YAAc~~,~~EAAA~~,~~MAAA~~;AAAA,~~MACd~~,~~SAAW~~,~~EAAA~~,~~MAAA~~;AAAA,~~KACb~~;AAAA,~~IACA~~,cAAgB,EAAA;AAAA,~~MACd~~,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,~~MACzD~~,aAAe,EAAA,MAAA;AAAA,~~MACf~~,YAAc,EAAA,MAAA;AAAA,~~MACd~~,UAAY,EAAA,CAAA;AAAA,~~KACd~~;AAAA,~~GACF~~,CAAA;~~AACF~~,~~CAAC~~,EAAA;~~AAEY~~,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACxB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA,CAAA;AACrD,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AACvD,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,aAAA,CAAc,CAAC,CAAA,CAAA;AAAA,GACjB,CAAA;AAEA,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,~~IAAO~~,~~OAAA~~,~~IAAA~~,CAAA;AAAA,~~GACT~~;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAM,WAAW,KAAM,CAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,UAAA,EAAW,4BACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,MAC1B,SAAU,EAAA,mBAAA;AAAA,MACV,GAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,SAAA;AAAA,KAAA;AAAA,IAEP,QAAA;AAAA,GAEL,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,EAAA,IAAK,CACtC,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAA,EACjB,CAAE,CAAA,cAAA,EAAgB,EAAE,KAAA,EAAO,KAAM,EAAC,CAAE,EAAA,GAAA,EAAE,QACtC,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAG,qBAC7B,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,UAAA,CAAW,OAAS,EAAA,CACtD,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,IAAM,EAAA,UAAA,EAAY,CACpC,CACF,CACC,EAAA,UAAA,CAAW,WACV,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAK,IAAK,CAAA,WAAA;AAAA,MACV,KAAK,IAAK,CAAA,KAAA;AAAA,MACV,WAAW,MAAO,CAAA,WAAA;AAAA,KAAA;AAAA,GAGtB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,SAAS,UAAW,CAAA,OAAA;AAAA,MACpB,WAAW,MAAO,CAAA,OAAA;AAAA,KAAA;AAAA,GACpB,sCACC,UAAW,EAAA,EAAA,OAAA,EAAQ,QAAM,CAAE,CAAA,iBAAiB,CAAE,CAC/C,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,cAAA;AAAA,MAClB,IAAM,EAAA,UAAA;AAAA,MACN,eAAiB,EAAA,eAAA;AAAA,MACjB,aAAe,EAAA,eAAA;AAAA,KAAA;AAAA,qBAEhB,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,eAAA,EAAA,EAAgB,QAAQ,UAAY,EAAA,CACvC,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { useEntityAuthor, useTranslation } from '../../utils/hooks';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\n\nexport type QetaArticleContentClassKey =\n \| 'content'\n \| 'headerImage'\n \| 'commentSection';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n content: {\n fontSize: '1.1rem',\n lineHeight: '1.5rem',\n paddingTop: '1rem',\n paddingBottom: '1rem',\n marginBottom: '1rem',\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n headerImage: {\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n boxShadow: theme.shadows[1],\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: '1rem',\n marginBottom: '1rem',\n marginLeft: 0,\n },\n };\n },\n { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = React.useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n );\n }\n\n return (\n <>\n <Typography variant=\"h2\">{postEntity.title}</Typography>\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.views', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={postEntity.created} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n />\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Buttons/VoteButtons.esm.js CHANGED Viewed

@@ -17,7 +17,8 @@ const useStyles = makeStyles(
       borderWidth: "1px",
       borderColor: "white"
     }
-  })
+  }),
+  { name: "QetaVoteButtons" }
 );
 const VoteButtons = (props) => {
   const {

package/dist/components/Buttons/VoteButtons.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Box,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport React from 'react';\nimport { useVoting } from '../../utils/hooks';\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n qetaCorrectAnswerSelected: {\n color: theme.palette.success.main,\n },\n qetaCorrectAnswer: {\n color: theme.palette.grey[500],\n },\n voteButtonContainer: {\n borderWidth: '1px',\n borderColor: 'white',\n },\n }),\n);\n\nexport const VoteButtons = (props: {\n entity: PostResponse \| AnswerResponse;\n post?: PostResponse;\n}) => {\n const {\n voteUpTooltip,\n ownVote,\n voteUp,\n score,\n voteDownTooltip,\n voteDown,\n correctAnswer,\n correctTooltip,\n toggleCorrectAnswer,\n } = useVoting(props.entity);\n const own = props.entity.own ?? false;\n const classes = useStyles();\n\n return (\n <React.Fragment>\n <Tooltip title={voteUpTooltip}>\n <span className={classes.voteButtonContainer}>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={own}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Typography variant=\"h6\">{score}</Typography>\n <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n {'correct' in props.entity &&\n (props.post?.own \|\| props.post?.canEdit \|\| correctAnswer) && (\n <Box>\n <Tooltip title={correctTooltip}>\n <span>\n <IconButton\n aria-label=\"mark correct\"\n size=\"small\"\n onClick={\n props.post?.own \|\| props.post?.canEdit\n ? toggleCorrectAnswer\n : undefined\n }\n >\n <Check\n className={\n correctAnswer\n ? classes.qetaCorrectAnswerSelected\n : classes.qetaCorrectAnswer\n }\n />\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n )}\n </React.Fragment>\n );\n};\n"],"names":[],"mappings":";;;;;;;~~AAmBA~~,MAAM,SAAY,GAAA,UAAA;AAAA,~~EAAW~~,CAAC,~~UAC5B~~,YAAa,CAAA;AAAA,IACX,yBAA2B,EAAA;AAAA,MACzB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,KAC/B;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAA;AAAA,KAC/B;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,WAAa,EAAA,KAAA;AAAA,MACb,WAAa,EAAA,OAAA;AAAA,KACf;AAAA,GACD,CAAA;~~AACH~~,CAAA,CAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,GACF,GAAI,SAAU,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAO,GAAO,IAAA,KAAA,CAAA;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,QAAN,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,aAAA,EAAA,kBACb,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,mBACvB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,MACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,oBAAuB,GAAA,YAAA;AAAA,MAChD,QAAU,EAAA,GAAA;AAAA,MACV,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAA;AAAA,KAAA;AAAA,wCAER,WAAY,EAAA,IAAA,CAAA;AAAA,GAEjB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAA,EAAM,KAAM,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,eAAA,EAAA,sCACb,MACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,WAAA;AAAA,MACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,MACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,MAClD,QAAU,EAAA,GAAA;AAAA,MACV,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,QAAA;AAAA,KAAA;AAAA,wCAER,aAAc,EAAA,IAAA,CAAA;AAAA,GAEnB,CACF,CACC,EAAA,SAAA,IAAa,MAAM,MACjB,KAAA,KAAA,CAAM,MAAM,GAAO,IAAA,KAAA,CAAM,MAAM,OAAW,IAAA,aAAA,CAAA,wCACxC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,cAAA,EAAA,sCACb,MACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,cAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,SACE,KAAM,CAAA,IAAA,EAAM,OAAO,KAAM,CAAA,IAAA,EAAM,UAC3B,mBACA,GAAA,KAAA,CAAA;AAAA,KAAA;AAAA,oBAGN,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SACE,EAAA,aAAA,GACI,OAAQ,CAAA,yBAAA,GACR,OAAQ,CAAA,iBAAA;AAAA,OAAA;AAAA,KAEhB;AAAA,GAEJ,CACF,CACF,CAEN,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Box,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport React from 'react';\nimport { useVoting } from '../../utils/hooks';\n\nexport type QetaVoteButtonsClassKey =\n \| 'qetaCorrectAnswerSelected'\n \| 'qetaCorrectAnswer'\n \| 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n qetaCorrectAnswerSelected: {\n color: theme.palette.success.main,\n },\n qetaCorrectAnswer: {\n color: theme.palette.grey[500],\n },\n voteButtonContainer: {\n borderWidth: '1px',\n borderColor: 'white',\n },\n }),\n { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n entity: PostResponse \| AnswerResponse;\n post?: PostResponse;\n}) => {\n const {\n voteUpTooltip,\n ownVote,\n voteUp,\n score,\n voteDownTooltip,\n voteDown,\n correctAnswer,\n correctTooltip,\n toggleCorrectAnswer,\n } = useVoting(props.entity);\n const own = props.entity.own ?? false;\n const classes = useStyles();\n\n return (\n <React.Fragment>\n <Tooltip title={voteUpTooltip}>\n <span className={classes.voteButtonContainer}>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={own}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Typography variant=\"h6\">{score}</Typography>\n <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n {'correct' in props.entity &&\n (props.post?.own \|\| props.post?.canEdit \|\| correctAnswer) && (\n <Box>\n <Tooltip title={correctTooltip}>\n <span>\n <IconButton\n aria-label=\"mark correct\"\n size=\"small\"\n onClick={\n props.post?.own \|\| props.post?.canEdit\n ? toggleCorrectAnswer\n : undefined\n }\n >\n <Check\n className={\n correctAnswer\n ? classes.qetaCorrectAnswerSelected\n : classes.qetaCorrectAnswer\n }\n />\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n )}\n </React.Fragment>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { Box, Typography, Divider } from '@material-ui/core';
 import React from 'react';
 import { Link } from '@backstage/core-components';
-import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { 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';
@@ -11,7 +11,6 @@ import { qetaApiRef } from '../../api.esm.js';
 const CommentList = (props) => {
   const { question, answer, onCommentDelete } = props;
   const entity = answer ?? question;
-  const styles = useStyles();
   const qetaApi = useApi(qetaApiRef);
   const { t } = useTranslation();
   const deleteComment = (id) => {
@@ -24,13 +23,7 @@ const CommentList = (props) => {
     qetaApi.deletePostComment(question.id, id).then((q) => onCommentDelete(q));
   };
   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(
-      MarkdownRenderer,
-      {
-        content: c.content,
-        className: `${styles.markdownContent} inline`
-      }
-    ), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: c.content }), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
       Link,
       {
         underline: "none",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\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 { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentList = (props: {\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n question: PostResponse;\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.deletePostComment(question.id, id).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,KAItB,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,IAAQ,OAAA,CAAA,iBAAA,CAAkB,SAAS,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACzE,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;;;;"}
1	+ {"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\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 { useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentList = (props: {\n onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n question: PostResponse;\n answer?: AnswerResponse;\n}) => {\n const { question, answer, onCommentDelete } = props;\n const entity = answer ?? question;\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.deletePostComment(question.id, id).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 content={c.content} />\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,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,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,IAAQ,OAAA,CAAA,iBAAA,CAAkB,SAAS,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACzE,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,GAAK,EAAA,CAAA,CAAE,IAAI,SAAU,EAAA,gBAAA,EAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,SAAS,CAAE,CAAA,OAAA,EAAS,GACrC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,MAAQ,EAAA,CAAA,EAAG,CAAG,EAAA,GAAA,sCACzB,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAU,SAAU,EAAA,iBAAA,EAAA,sCACrC,uBAAwB,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,OAAA,EAAS,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,OAAO,CAAE,CAAA,SAAA,+DAER,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/LeftMenu/LeftMenu.esm.js ADDED Viewed

@@ -0,0 +1,128 @@
+import { makeStyles, SvgIcon, MenuList, Box, ListItemIcon, ListItem, Typography, MenuItem } from '@material-ui/core';
+import AccountBox from '@material-ui/icons/AccountBox';
+import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
+import StarIcon from '@material-ui/icons/Star';
+import React from 'react';
+import { useRouteRef, useApp } from '@backstage/core-plugin-api';
+import HelpOutlined from '@material-ui/icons/HelpOutlined';
+import { useNavigate } from 'react-router-dom';
+import Home from '@material-ui/icons/Home';
+import { useLocation } from 'react-use';
+import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
+import PlaylistPlay from '@material-ui/icons/PlaylistPlay';
+import { GroupIcon } from '@backstage/core-components';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef } from '../../routes.esm.js';
+import { useTranslation, useIdentityApi } from '../../utils/hooks.esm.js';
+import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
+import '../TopRankingUsersCard/styles.esm.js';
+import '@backstage/plugin-catalog-react';
+const useStyles = makeStyles(
+  (theme) => {
+    return {
+      leftMenu: {
+        top: "0",
+        width: "165px"
+      },
+      inPopup: {
+        marginRight: 0,
+        padding: "0.5rem"
+      },
+      outsidePopup: {
+        marginRight: theme.spacing(5),
+        marginLeft: theme.spacing(1),
+        float: "right",
+        position: "sticky"
+      },
+      selectedMenuItem: {
+        color: theme.palette.primary.contrastText,
+        backgroundColor: theme.palette.primary.light,
+        borderRadius: theme.shape.borderRadius,
+        "&:hover": {
+          backgroundColor: theme.palette.primary.dark
+        },
+        "& svg": {
+          color: theme.palette.primary.contrastText
+        }
+      },
+      nonSelectedMenuItem: {
+        backgroundColor: "initial"
+      },
+      menuIcon: {
+        minWidth: "26px"
+      }
+    };
+  },
+  { name: "QetaLeftMenu" }
+);
+const LeftMenu = (props) => {
+  const rootRoute = useRouteRef(qetaRouteRef);
+  const tagsRoute = useRouteRef(tagsRouteRef);
+  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
+  const statisticsRoute = useRouteRef(statisticsRouteRef);
+  const userRoute = useRouteRef(userRouteRef);
+  const questionsRoute = useRouteRef(questionsRouteRef);
+  const articlesRoute = useRouteRef(articlesRouteRef);
+  const collectionsRoute = useRouteRef(collectionsRouteRef);
+  const entitiesRoute = useRouteRef(entitiesRouteRef);
+  const usersRoute = useRouteRef(usersRouteRef);
+  const styles = useStyles();
+  const { t } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const app = useApp();
+  const {
+    value: user,
+    loading: loadingUser,
+    error: userError
+  } = useIdentityApi((api) => api.getBackstageIdentity(), []);
+  const CustomMenuItem = ({
+    route,
+    children
+  }) => {
+    return /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        onClick: (e) => {
+          navigate(route);
+          if (props.onClick) {
+            props.onClick(e);
+          }
+        },
+        className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
+      },
+      children
+    );
+  };
+  const EntityIcon = app.getSystemIcon("kind:system") ?? SvgIcon;
+  return /* @__PURE__ */ React.createElement(
+    MenuList,
+    {
+      id: "left-menu",
+      className: `${styles.leftMenu} ${props.inPopup ? styles.inPopup : styles.outsidePopup}`,
+      onKeyDown: props.onKeyDown,
+      autoFocusItem: props.autoFocusItem
+    },
+    /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
+      },
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
+      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
+      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
+      user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
+      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("leftMenu.statistics"))
+    )
+  );
+};
+export { LeftMenu, useStyles };
+//# sourceMappingURL=LeftMenu.esm.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n Box,\n ListItem,\n ListItemIcon,\n makeStyles,\n MenuItem,\n MenuList,\n SvgIcon,\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 React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\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';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport PlaylistPlay from '@material-ui/icons/PlaylistPlay';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { useIdentityApi, useTranslation } from '../../utils';\nimport { TrophyIcon } from '../TopRankingUsersCard';\n\nexport type QetaLeftMenuClassKey =\n | 'leftMenu'\n | 'inPopup'\n | 'outsidePopup'\n | 'selectedMenuItem'\n | 'nonSelectedMenuItem'\n | 'menuIcon';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '165px',\n },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n marginLeft: theme.spacing(1),\n float: 'right',\n position: 'sticky',\n },\n selectedMenuItem: {\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n },\n nonSelectedMenuItem: {\n backgroundColor: 'initial',\n },\n menuIcon: {\n minWidth: '26px',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: React.KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: React.MouseEvent<EventTarget>) => void;\n inPopup?: boolean;\n}) => {\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 articlesRoute = useRouteRef(articlesRouteRef);\n const collectionsRoute = useRouteRef(collectionsRouteRef);\n const entitiesRoute = useRouteRef(entitiesRouteRef);\n const usersRoute = useRouteRef(usersRouteRef);\n const styles = useStyles();\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const app = useApp();\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={e => {\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n className={\n route === location.pathname\n ? styles.selectedMenuItem\n : styles.nonSelectedMenuItem\n }\n >\n {children}\n </MenuItem>\n );\n };\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n return (\n <MenuList\n id=\"left-menu\"\n className={`${styles.leftMenu} ${\n props.inPopup ? styles.inPopup : styles.outsidePopup\n }`}\n onKeyDown={props.onKeyDown}\n autoFocusItem={props.autoFocusItem}\n >\n <Box\n display={\n props.inPopup\n ? {}\n : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n }\n >\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\">{t('leftMenu.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={articlesRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <CollectionsBookmarkIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.articles')}\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={entitiesRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <LoyaltyOutlined fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.tags')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n </ListItem>\n <CustomMenuItem route={collectionsRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <PlaylistPlay fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.collections')}\n </CustomMenuItem>\n <CustomMenuItem route={usersRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <GroupIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.users')}\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 </Box>\n </MenuList>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LeftMenu/LeftMenuButton.esm.js ADDED Viewed

@@ -0,0 +1,75 @@
+import { Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
+import React from 'react';
+import { LeftMenu } from './LeftMenu.esm.js';
+import MenuIcon from '@material-ui/icons/Menu';
+const LeftMenuButton = () => {
+  const [open, setOpen] = React.useState(false);
+  const anchorRef = React.useRef(null);
+  const handleToggle = () => {
+    setOpen((prevOpen2) => !prevOpen2);
+  };
+  const handleClose = (event) => {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+  };
+  function handleListKeyDown(event) {
+    if (event.key === "Tab") {
+      event.preventDefault();
+      setOpen(false);
+    }
+  }
+  const prevOpen = React.useRef(open);
+  React.useEffect(() => {
+    if (prevOpen.current && !open) {
+      anchorRef.current.focus();
+    }
+    prevOpen.current = open;
+  }, [open]);
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      ref: anchorRef,
+      "aria-controls": open ? "menu-list-grow" : void 0,
+      "aria-haspopup": "true",
+      color: "primary",
+      variant: "contained",
+      onClick: handleToggle,
+      startIcon: /* @__PURE__ */ React.createElement(MenuIcon, null),
+      style: { marginBottom: "0.5rem" }
+    },
+    "Menu"
+  ), /* @__PURE__ */ React.createElement(
+    Popper,
+    {
+      open,
+      anchorEl: anchorRef.current,
+      role: void 0,
+      disablePortal: true,
+      style: { zIndex: 1e3 }
+    },
+    ({ TransitionProps, placement }) => /* @__PURE__ */ React.createElement(
+      Grow,
+      {
+        ...TransitionProps,
+        style: {
+          transformOrigin: placement === "bottom" ? "left top" : "left bottom"
+        }
+      },
+      /* @__PURE__ */ React.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(
+        LeftMenu,
+        {
+          onKeyDown: handleListKeyDown,
+          autoFocusItem: open,
+          onClick: handleClose,
+          inPopup: true
+        }
+      )))
+    )
+  ));
+};
+export { LeftMenuButton };
+//# sourceMappingURL=LeftMenuButton.esm.js.map

package/dist/components/LeftMenu/LeftMenuButton.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n Button,\n ClickAwayListener,\n Grow,\n Paper,\n Popper,\n} from '@material-ui/core';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\n\nexport const LeftMenuButton = () => {\n const [open, setOpen] = React.useState(false);\n const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen);\n };\n\n const handleClose = (event: React.MouseEvent<EventTarget>) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return;\n }\n\n setOpen(false);\n };\n\n function handleListKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault();\n setOpen(false);\n }\n }\n\n // return focus to the button when we transitioned from !open -> open\n const prevOpen = React.useRef(open);\n React.useEffect(() => {\n if (prevOpen.current && !open) {\n anchorRef.current!.focus();\n }\n\n prevOpen.current = open;\n }, [open]);\n\n return (\n <div>\n <Button\n ref={anchorRef}\n aria-controls={open ? 'menu-list-grow' : undefined}\n aria-haspopup=\"true\"\n color=\"primary\"\n variant=\"contained\"\n onClick={handleToggle}\n startIcon={<MenuIcon />}\n style={{ marginBottom: '0.5rem' }}\n >\n Menu\n </Button>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n disablePortal\n style={{ zIndex: 1000 }}\n >\n {({ TransitionProps, placement }) => (\n <Grow\n {...TransitionProps}\n style={{\n transformOrigin:\n placement === 'bottom' ? 'left top' : 'left bottom',\n }}\n >\n <ClickAwayListener onClickAway={handleClose}>\n <Paper>\n <LeftMenu\n onKeyDown={handleListKeyDown}\n autoFocusItem={open}\n onClick={handleClose}\n inPopup\n />\n </Paper>\n </ClickAwayListener>\n </Grow>\n )}\n </Popper>\n </div>\n );\n};\n"],"names":["prevOpen"],"mappings":";;;;;AAWO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,KAAM,CAAA,MAAA,CAA0B,IAAI,CAAA,CAAA;AAEtD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAQ,OAAA,CAAA,CAAAA,SAAY,KAAA,CAACA,SAAQ,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,IACE,UAAU,OACV,IAAA,SAAA,CAAU,QAAQ,QAAS,CAAA,KAAA,CAAM,MAAqB,CACtD,EAAA;AACA,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,SAAS,kBAAkB,KAA4B,EAAA;AACrD,IAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf;AAAA,GACF;AAGA,EAAM,MAAA,QAAA,GAAW,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAClC,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,CAAC,IAAM,EAAA;AAC7B,MAAA,SAAA,CAAU,QAAS,KAAM,EAAA,CAAA;AAAA,KAC3B;AAEA,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAA;AAAA,GACrB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,2CACG,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,SAAA;AAAA,MACL,eAAA,EAAe,OAAO,gBAAmB,GAAA,KAAA,CAAA;AAAA,MACzC,eAAc,EAAA,MAAA;AAAA,MACd,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,OAAS,EAAA,YAAA;AAAA,MACT,SAAA,sCAAY,QAAS,EAAA,IAAA,CAAA;AAAA,MACrB,KAAA,EAAO,EAAE,YAAA,EAAc,QAAS,EAAA;AAAA,KAAA;AAAA,IACjC,MAAA;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,UAAU,SAAU,CAAA,OAAA;AAAA,MACpB,IAAM,EAAA,KAAA,CAAA;AAAA,MACN,aAAa,EAAA,IAAA;AAAA,MACb,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAK,EAAA;AAAA,KAAA;AAAA,IAErB,CAAC,EAAE,eAAiB,EAAA,SAAA,EACnB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,eAAA,EACE,SAAc,KAAA,QAAA,GAAW,UAAa,GAAA,aAAA;AAAA,SAC1C;AAAA,OAAA;AAAA,sBAEC,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,WAAa,EAAA,WAAA,EAAA,sCAC7B,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,iBAAA;AAAA,UACX,aAAe,EAAA,IAAA;AAAA,UACf,OAAS,EAAA,WAAA;AAAA,UACT,OAAO,EAAA,IAAA;AAAA,SAAA;AAAA,OAEX,CACF,CAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}