npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.12.2 → 3.12.4 - Mend

@drodil/backstage-plugin-qeta-react 3.12.2 → 3.12.4

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 (27) hide show

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

@@ -19,7 +19,9 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
 import { styled } from '@mui/system';
-const ArticleButtonContainer = styled("div")(({ theme }) => ({
+const ArticleButtonContainer = styled("div", {
+  name: "QetaArticleButtonContainer"
+})(({ theme }) => ({
   width: "100%",
   paddingTop: "0.5rem",
   paddingBottom: "0.5rem",

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 React from 'react';\nimport ArrowUpward from '@mui/icons-material/ArrowUpward';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport ArrowDownward from '@mui/icons-material/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 '@mui/icons-material/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst ArticleButtonContainer = styled('div')(({ theme }) => ({\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\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\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 <ArticleButtonContainer>\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\n sx={{ marginLeft: '0.5rem', userSelect: 'none' }}\n display=\"inline\"\n >\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton size=\"small\" onClick={handleDeleteModalOpen}>\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 href={editArticleRoute({\n id: post.id.toString(10),\n })}\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </ArticleButtonContainer>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,~~yBAAyB~~,~~MAAO~~,~~CAAA~~,~~KAAK~~,~~EAAE~~,CAAC,EAAE,~~OAAa~~,MAAA;AAAA,~~EAC3D~~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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 React from 'react';\nimport ArrowUpward from '@mui/icons-material/ArrowUpward';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport ArrowDownward from '@mui/icons-material/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 '@mui/icons-material/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst ArticleButtonContainer = styled('div', {\n name: 'QetaArticleButtonContainer',\n})(({ theme }) => ({\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\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\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 <ArticleButtonContainer>\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\n sx={{ marginLeft: '0.5rem', userSelect: 'none' }}\n display=\"inline\"\n >\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton size=\"small\" onClick={handleDeleteModalOpen}>\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 href={editArticleRoute({\n id: post.id.toString(10),\n })}\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </ArticleButtonContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -16,16 +16,18 @@ import 'react-use/lib/useAsync';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 import { styled } from '@mui/system';
-const HeaderImage = styled("img")(({ theme }) => ({
-  marginBottom: theme.spacing(2),
-  marginTop: theme.spacing(2),
-  height: "250px",
-  objectFit: "cover",
-  width: "100%",
-  borderColor: theme.palette.background.paper,
-  borderStyle: "solid",
-  borderWidth: "1px"
-}));
+const HeaderImage = styled("img", { name: "QetaArticleHeaderImage" })(
+  ({ theme }) => ({
+    marginBottom: theme.spacing(2),
+    marginTop: theme.spacing(2),
+    height: "250px",
+    objectFit: "cover",
+    width: "100%",
+    borderColor: theme.palette.background.paper,
+    borderStyle: "solid",
+    borderWidth: "1px"
+  })
+);
 const ArticleContent = (props) => {
   const { post, views } = props;
   const { t } = useTranslation();

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 Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { styled } from '@mui/system';\n\nconst HeaderImage = styled('img')(({ theme }) => ({\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n borderColor: theme.palette.background.paper,\n borderStyle: 'solid',\n borderWidth: '1px',\n}));\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\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} marginTop={2}>\n <ArticleButtons post={postEntity} />\n </Grid>\n <Grid item xs={12}>\n {postEntity.headerImage && (\n <HeaderImage src={post.headerImage} alt={post.title} />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n sx={{\n fontSize: '113% !important',\n paddingTop: postEntity.headerImage ? 2 : 4,\n paddingBottom: 4,\n }}\n />\n </Grid>\n <Grid\n item\n xs={12}\n sx={{\n borderColor: 'background.paper',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1px',\n paddingBottom: 4,\n marginBottom: 2,\n }}\n >\n <TagsAndEntities entity={postEntity} />\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n post={postEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n sx={{\n marginBottom: 2,\n paddingBottom: 2,\n marginLeft: '0',\n }}\n />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,MAAO,CAAA,~~KAAK~~,EAAE,CAAC,EAAE,~~OAAa~~,MAAA;AAAA,~~EAChD~~,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,~~EAC7B~~,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,~~EAC1B~~,MAAQ,EAAA,OAAA;AAAA,~~EACR~~,SAAW,EAAA,OAAA;AAAA,~~EACX~~,KAAO,EAAA,MAAA;AAAA,~~EACP~~,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,~~EACtC~~,WAAa,EAAA,OAAA;AAAA,~~EACb~~,WAAa,EAAA,KAAA;~~AACf~~,~~CAAE~~,CAAA,CAAA,CAAA;~~AAEW~~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"}
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 Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { styled } from '@mui/system';\n\nconst HeaderImage = styled('img', { name: 'QetaArticleHeaderImage' })(\n ({ theme }) => ({\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n borderColor: theme.palette.background.paper,\n borderStyle: 'solid',\n borderWidth: '1px',\n }),\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\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} marginTop={2}>\n <ArticleButtons post={postEntity} />\n </Grid>\n <Grid item xs={12}>\n {postEntity.headerImage && (\n <HeaderImage src={post.headerImage} alt={post.title} />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n sx={{\n fontSize: '113% !important',\n paddingTop: postEntity.headerImage ? 2 : 4,\n paddingBottom: 4,\n }}\n />\n </Grid>\n <Grid\n item\n xs={12}\n sx={{\n borderColor: 'background.paper',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1px',\n paddingBottom: 4,\n marginBottom: 2,\n }}\n >\n <TagsAndEntities entity={postEntity} />\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n post={postEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n sx={{\n marginBottom: 2,\n paddingBottom: 2,\n marginLeft: '0',\n }}\n />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
 import { styled } from '@mui/system';
-const CommentBox = styled("div")({
+const CommentBox = styled("div", { name: "QetaCommentBox" })({
   padding: "0.5rem"
 });
 const CommentList = (props) => {

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 Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\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';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst CommentBox = styled('div')({\n padding: '0.5rem',\n});\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 if (!entity.comments \|\| entity.comments.length === 0) {\n return null;\n }\n\n return (\n <Box>\n {entity.comments?.map(c => {\n return (\n <div key={c.id}>\n <CommentBox>\n <MarkdownRenderer\n content={c.content}\n sx={{\n display: 'inline',\n '& *:last-child': {\n display: 'inline',\n },\n }}\n />\n <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n {' – '}\n <AuthorLink entity={c} />{' '}\n <RelativeTimeWithTooltip value={c.created} />\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 </Typography>\n </CommentBox>\n </div>\n );\n })}\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,~~UAAA~~,~~GAAa,~~MAAO,CAAA,~~KAAK~~,CAAE,CAAA;AAAA,~~EAC/B~~,OAAS,EAAA,QAAA;AACX,CAAC,CAAA,CAAA;AAEY,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,IAAI,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACpD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACE,MAAO,CAAA,QAAA,EAAU,IAAI,CAAK,CAAA,KAAA;AACzB,IAAA,oDACG,KAAI,EAAA,EAAA,GAAA,EAAK,CAAE,CAAA,EAAA,EAAA,+CACT,UACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,QAAA;AAAA,UACT,gBAAkB,EAAA;AAAA,YAChB,OAAS,EAAA,QAAA;AAAA,WACX;AAAA,SACF;AAAA,OAAA;AAAA,KACF,kBACCA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,WAAU,qBACrC,EAAA,EAAA,UAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,CAAA,EAAG,GAAG,GAC1B,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,OAAA,EAAS,CACzC,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAAA,cAAA,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,CACF,CACF,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 Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\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';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst CommentBox = styled('div', { name: 'QetaCommentBox' })({\n padding: '0.5rem',\n});\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 if (!entity.comments \|\| entity.comments.length === 0) {\n return null;\n }\n\n return (\n <Box>\n {entity.comments?.map(c => {\n return (\n <div key={c.id}>\n <CommentBox>\n <MarkdownRenderer\n content={c.content}\n sx={{\n display: 'inline',\n '& *:last-child': {\n display: 'inline',\n },\n }}\n />\n <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n {' – '}\n <AuthorLink entity={c} />{' '}\n <RelativeTimeWithTooltip value={c.created} />\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 </Typography>\n </CommentBox>\n </div>\n );\n })}\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,aAAa,MAAO,CAAA,KAAA,EAAO,EAAE,IAAM,EAAA,gBAAA,EAAkB,CAAE,CAAA;AAAA,EAC3D,OAAS,EAAA,QAAA;AACX,CAAC,CAAA,CAAA;AAEY,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,IAAI,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACpD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACE,MAAO,CAAA,QAAA,EAAU,IAAI,CAAK,CAAA,KAAA;AACzB,IAAA,oDACG,KAAI,EAAA,EAAA,GAAA,EAAK,CAAE,CAAA,EAAA,EAAA,+CACT,UACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,QAAA;AAAA,UACT,gBAAkB,EAAA;AAAA,YAChB,OAAS,EAAA,QAAA;AAAA,WACX;AAAA,SACF;AAAA,OAAA;AAAA,KACF,kBACCA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,WAAU,qBACrC,EAAA,EAAA,UAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,CAAA,EAAG,GAAG,GAC1B,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,OAAA,EAAS,CACzC,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAAA,cAAA,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,CACF,CACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -11,14 +11,16 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
 import { styled } from '@mui/system';
-const HeaderImage = styled("img")(({ theme }) => ({
-  marginBottom: "1rem",
-  marginTop: "1rem",
-  height: "250px",
-  objectFit: "cover",
-  width: "100%",
-  border: `1px solid ${theme.palette.background.paper}`
-}));
+const HeaderImage = styled("img", { name: "QetaHeaderImageInputImage" })(
+  ({ theme }) => ({
+    marginBottom: "1rem",
+    marginTop: "1rem",
+    height: "250px",
+    objectFit: "cover",
+    width: "100%",
+    border: `1px solid ${theme.palette.background.paper}`
+  })
+);
 const HeaderImageInput = (props) => {
   const { url, onChange, onImageUpload, postId, collectionId } = props;
   const configApi = useApi(configApiRef);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst HeaderImage = styled('img')(({ theme }) => ({\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslation();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <HeaderImage src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,cAAc,MAAO,CAAA,~~KAAK~~,EAAE,CAAC,EAAE,~~OAAa~~,MAAA;AAAA,~~EAChD~~,YAAc,EAAA,MAAA;AAAA,~~EACd~~,SAAW,EAAA,MAAA;AAAA,~~EACX~~,MAAQ,EAAA,OAAA;AAAA,~~EACR~~,SAAW,EAAA,OAAA;AAAA,~~EACX~~,KAAO,EAAA,MAAA;AAAA,~~EACP~~,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;~~AACrD~~,~~CAAE~~,CAAA,CAAA,CAAA;~~AAEW~~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"}
1	+ {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst HeaderImage = styled('img', { name: 'QetaHeaderImageInputImage' })(\n ({ theme }) => ({\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n }),\n);\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslation();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <HeaderImage src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,cAAc,MAAO,CAAA,KAAA,EAAO,EAAE,IAAA,EAAM,6BAA6B,CAAA;AAAA,EACrE,CAAC,EAAE,KAAA,EAAa,MAAA;AAAA,IACd,YAAc,EAAA,MAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,MAAQ,EAAA,OAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,GACrD,CAAA;AACF,CAAA,CAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,KAM3B,KAAA;AACJ,EAAA,MAAM,EAAE,GAAK,EAAA,QAAA,EAAU,aAAe,EAAA,MAAA,EAAQ,cAAiB,GAAA,KAAA,CAAA;AAC/D,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA,CAAA;AACrC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,gBACJ,GAAA,SAAA,CAAU,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA,CAAA;AAE3D,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,UAAW,EAAA,QAAA,EAAA,kBACxBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,gBAAA,GAAmB,KAAK,EACrC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAO,GAAO,IAAA,EAAA;AAAA,MACd,SAAS,EAAA,IAAA;AAAA,MACT,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,WAAY,EAAA,UAAA;AAAA,MACZ,MAAO,EAAA,QAAA;AAAA,MACP,OAAQ,EAAA,UAAA;AAAA,MACR,QAAU,EAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MACtC,UAAA,EAAY,EAAE,sBAAsB,CAAA;AAAA,KAAA;AAAA,GAExC,GACC,CAAC,gBAAA,iDACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,SAAA;AAAA,MACP,KAAA,EAAO,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,MACzB,EAAG,EAAA,aAAA;AAAA,MACH,IAAK,EAAA,MAAA;AAAA,MACL,QAAA,EAAU,OAAM,KAAS,KAAA;AACvB,QAAI,IAAA,CAAC,MAAM,MAAO,CAAA,KAAA,IAAS,MAAM,MAAO,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAC1D,UAAA,OAAA;AAAA,SACF;AACA,QAAA,MAAM,SAAS,MAAM,KAAA,CAAM,OAAO,KAAM,CAAA,CAAC,EAAE,WAAY,EAAA,CAAA;AAEvD,QAAM,MAAA,GAAA,GAAM,MAAM,WAAY,CAAA;AAAA,UAC5B,OAAA;AAAA,UACA,QAAA;AAAA,UACA,aAAA;AAAA,UACA,MAAA;AAAA,UACA,YAAA;AAAA,SACD,CAAA,CAAE,MAAM,CAAA,CAAE,IAAK,EAAA,CAAA;AAChB,QAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,QAAU,EAAA;AACjC,UAAA,QAAA,CAAS,IAAI,KAAK,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KAAA;AAAA,qBAEDA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAM,SAAQ,aACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,OAAQ,EAAA,WAAA,EAAY,KAAM,EAAA,SAAA,EAAU,WAAU,MACnD,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,CACF,CACF,CAED,EAAA,GAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,mBAAmB,CAAE,CAAA,+CACvD,WAAY,EAAA,EAAA,GAAA,EAAK,KAAK,GAAI,EAAA,QAAA,EAAS,CACtC,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -35,7 +35,7 @@ import '@mui/material/Button';
 import '@mui/material/Tooltip';
 import { styled } from '@mui/system';
-const LeftMenuItem = styled(ListItemIcon)({
+const LeftMenuItem = styled(ListItemIcon, { name: "QetaLeftMenuIcon" })({
   minWidth: "26px !important"
 });
 const LeftMenu = (props) => {
@@ -60,22 +60,20 @@ const LeftMenu = (props) => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  const StyledMenuItem = styled(MenuItem)(
-    ({ theme, ...p }) => {
-      return p.active ? {
-        width: "100%",
-        color: theme.palette.primary.contrastText,
-        backgroundColor: theme.palette.primary.light,
-        borderRadius: 1,
-        "&:hover": {
-          backgroundColor: theme.palette.primary.dark
-        },
-        "& svg": {
-          color: theme.palette.primary.contrastText
-        }
-      } : { width: "100%", backgroundColor: "initial", borderRadius: 1 };
-    }
-  );
+  const StyledMenuItem = styled(MenuItem, { name: "QetaLeftMenuItem" })(({ theme, ...p }) => {
+    return p.active ? {
+      width: "100%",
+      color: theme.palette.primary.contrastText,
+      backgroundColor: theme.palette.primary.light,
+      borderRadius: 1,
+      "&:hover": {
+        backgroundColor: theme.palette.primary.dark
+      },
+      "& svg": {
+        color: theme.palette.primary.contrastText
+      }
+    } : { width: "100%", backgroundColor: "initial", borderRadius: 1 };
+  });
   const CustomMenuItem = ({
     route,
     children

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport type { MenuItemProps } from '@mui/material/MenuItem';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItem from '@mui/material/ListItem';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport MenuList from '@mui/material/MenuList';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport AccountBox from '@mui/icons-material/AccountBox';\nimport LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';\nimport StarIcon from '@mui/icons-material/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@mui/icons-material/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport PlaylistPlay from '@mui/icons-material/PlaylistPlay';\nimport SettingsIcon from '@mui/icons-material/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst LeftMenuItem = styled(ListItemIcon)({\n minWidth: '26px !important',\n});\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: React.KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (\n event: MouseEvent \| TouchEvent \| React.MouseEvent<EventTarget>,\n ) => 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 moderatorRoute = useRouteRef(moderatorRouteRef);\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const app = useApp();\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const StyledMenuItem = styled(MenuItem)<MenuItemProps & { active: boolean }>(\n ({ theme, ...p }) => {\n return p.active\n ? {\n width: '100%',\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: 1,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n }\n : { width: '100%', backgroundColor: 'initial', borderRadius: 1 };\n },\n );\n\n const CustomMenuItem = ({\n route,\n children,\n }: {\n route: string;\n children: ReactNode[];\n }) => {\n return (\n <StyledMenuItem\n onClick={e => {\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n active={route === location.pathname}\n >\n {children}\n </StyledMenuItem>\n );\n };\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n return (\n <MenuList\n id=\"left-menu\"\n sx={{\n top: '0',\n maxWidth: '165px',\n paddingTop: '2rem',\n ...(props.inPopup\n ? { marginRight: 0, padding: '0.5rem' }\n : {\n marginRight: 4,\n float: 'right',\n position: 'sticky',\n }),\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 <LeftMenuItem>\n <Home fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.home')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n </ListItem>\n <CustomMenuItem route={questionsRoute()}>\n <LeftMenuItem>\n <HelpOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.questions')}\n </CustomMenuItem>\n <CustomMenuItem route={articlesRoute()}>\n <LeftMenuItem>\n <CollectionsBookmarkIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.articles')}\n </CustomMenuItem>\n <CustomMenuItem route={favoritesRoute()}>\n <LeftMenuItem>\n <StarIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.favoriteQuestions')}\n </CustomMenuItem>\n <CustomMenuItem route={entitiesRoute()}>\n <LeftMenuItem>\n <EntityIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()}>\n <LeftMenuItem>\n <LoyaltyOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.tags')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n </ListItem>\n <CustomMenuItem route={collectionsRoute()}>\n <LeftMenuItem>\n <PlaylistPlay fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.collections')}\n </CustomMenuItem>\n <CustomMenuItem route={usersRoute()}>\n <LeftMenuItem>\n <GroupIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.users')}\n </CustomMenuItem>\n {user && !loadingUser && !userError && (\n <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n <LeftMenuItem>\n <AccountBox fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.profile')}\n </CustomMenuItem>\n )}\n <CustomMenuItem route={statisticsRoute()}>\n <LeftMenuItem>\n <TrophyIcon />\n </LeftMenuItem>\n {t('leftMenu.statistics')}\n </CustomMenuItem>\n {isModerator && (\n <>\n <ListItem>\n <Typography variant=\"subtitle2\">\n {t('leftMenu.manage')}\n </Typography>\n </ListItem>\n <CustomMenuItem route={moderatorRoute()}>\n <LeftMenuItem>\n <SettingsIcon />\n </LeftMenuItem>\n {t('leftMenu.moderate')}\n </CustomMenuItem>\n </>\n )}\n </Box>\n </MenuList>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,YAAA,GAAe,MAAO,CAAA,YAAY,CAAE,CAAA;AAAA,EACxC,QAAU,EAAA,iBAAA;AACZ,CAAC,CAAA,CAAA;AAEY,MAAA,QAAA,GAAW,CAAC,KAOnB,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,cAAA,GAAiB,YAAY,yBAAyB,CAAA,CAAA;AAC5D,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA,CAAA;AACtD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,cAAA,GAAiB,YAAY,iBAAiB,CAAA,CAAA;AACpD,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,gBAAA,GAAmB,YAAY,mBAAmB,CAAA,CAAA;AACxD,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,YAAY,iBAAiB,CAAA,CAAA;AACpD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA,CAAA;AACvC,EAAA,MAAM,MAAM,MAAO,EAAA,CAAA;AACnB,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAM,MAAA,cAAA,GAAiB,OAAO,QAAQ,CAAA;AAAA,IACpC,CAAC,EAAE,KAAO,EAAA,GAAG,GAAQ,KAAA;AACnB,MAAA,OAAO,EAAE,MACL,GAAA;AAAA,QACE,KAAO,EAAA,MAAA;AAAA,QACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,YAAA;AAAA,QAC7B,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,KAAA;AAAA,QACvC,YAAc,EAAA,CAAA;AAAA,QACd,SAAW,EAAA;AAAA,UACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,SACzC;AAAA,QACA,OAAS,EAAA;AAAA,UACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,YAAA;AAAA,SAC/B;AAAA,UAEF,EAAE,KAAA,EAAO,QAAQ,eAAiB,EAAA,SAAA,EAAW,cAAc,CAAE,EAAA,CAAA;AAAA,KACnE;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,iBAAiB,CAAC;AAAA,IACtB,KAAA;AAAA,IACA,QAAA;AAAA,GAII,KAAA;AACJ,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAK,CAAA,KAAA;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AACd,UAAA,IAAI,MAAM,OAAS,EAAA;AACjB,YAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAA;AAAA,WACjB;AAAA,SACF;AAAA,QACA,MAAA,EAAQ,UAAU,QAAS,CAAA,QAAA;AAAA,OAAA;AAAA,MAE1B,QAAA;AAAA,KACH,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,MAAM,UAAa,GAAA,GAAA,CAAI,aAAc,CAAA,aAAa,CAAK,IAAA,OAAA,CAAA;AAEvD,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,WAAA;AAAA,MACH,EAAI,EAAA;AAAA,QACF,GAAK,EAAA,GAAA;AAAA,QACL,QAAU,EAAA,OAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,GAAI,MAAM,OACN,GAAA,EAAE,aAAa,CAAG,EAAA,OAAA,EAAS,UAC3B,GAAA;AAAA,UACE,WAAa,EAAA,CAAA;AAAA,UACb,KAAO,EAAA,OAAA;AAAA,UACP,QAAU,EAAA,QAAA;AAAA,SACZ;AAAA,OACN;AAAA,MACA,WAAW,KAAM,CAAA,SAAA;AAAA,MACjB,eAAe,KAAM,CAAA,aAAA;AAAA,KAAA;AAAA,oBAErBA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OACE,EAAA,KAAA,CAAM,OACF,GAAA,EACA,GAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,OAAA;AAAA,sBAGvDA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,SAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAS,OAAQ,EAAA,CACzB,CACC,EAAA,CAAA,CAAE,eAAe,CACpB,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,gCACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CACzD,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,cAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,UAAS,OAAQ,EAAA,CACjC,CACC,EAAA,CAAA,CAAE,oBAAoB,CACzB,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,aAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,UAAS,OAAQ,EAAA,CAC5C,CACC,EAAA,CAAA,CAAE,mBAAmB,CACxB,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,cAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,UAAS,OAAQ,EAAA,CAC7B,CACC,EAAA,CAAA,CAAE,4BAA4B,CACjC,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,aAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,UAAS,OAAQ,EAAA,CAC/B,CACC,EAAA,CAAA,CAAE,mBAAmB,CACxB,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,SAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,UAAS,OAAQ,EAAA,CACpC,CACC,EAAA,CAAA,CAAE,eAAe,CACpB,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,gCACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,oBAAoB,CAAE,CAC3D,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,gBAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,UAAS,OAAQ,EAAA,CACjC,CACC,EAAA,CAAA,CAAE,sBAAsB,CAC3B,CAAA;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,UAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,OAAQ,EAAA,CAC9B,CACC,EAAA,CAAA,CAAE,gBAAgB,CACrB,CAAA;AAAA,MACC,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SAAA,iDACvB,cAAe,EAAA,EAAA,KAAA,EAAO,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,KAAK,aAAa,CAAA,CAAA,EAAA,kBACxDA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,QAAS,EAAA,OAAA,EAAQ,CAC/B,CAAA,EACC,CAAE,CAAA,kBAAkB,CACvB,CAAA;AAAA,sBAEDA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,eAAA,EACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,IAAA,CACd,CACC,EAAA,CAAA,CAAE,qBAAqB,CAC1B,CAAA;AAAA,MACC,WAAA,oBAEGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WACjB,EAAA,EAAA,CAAA,CAAE,iBAAiB,CACtB,CACF,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,cAAA,EACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,IAAA,CAChB,CACC,EAAA,CAAA,CAAE,mBAAmB,CACxB,CACF,CAAA;AAAA,KAEJ;AAAA,GACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport type { MenuItemProps } from '@mui/material/MenuItem';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItem from '@mui/material/ListItem';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport MenuList from '@mui/material/MenuList';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport AccountBox from '@mui/icons-material/AccountBox';\nimport LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';\nimport StarIcon from '@mui/icons-material/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@mui/icons-material/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport PlaylistPlay from '@mui/icons-material/PlaylistPlay';\nimport SettingsIcon from '@mui/icons-material/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst LeftMenuItem = styled(ListItemIcon, { name: 'QetaLeftMenuIcon' })({\n minWidth: '26px !important',\n});\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: React.KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (\n event: MouseEvent \| TouchEvent \| React.MouseEvent<EventTarget>,\n ) => 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 moderatorRoute = useRouteRef(moderatorRouteRef);\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const app = useApp();\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const StyledMenuItem = styled(MenuItem, { name: 'QetaLeftMenuItem' })<\n MenuItemProps & { active: boolean }\n >(({ theme, ...p }) => {\n return p.active\n ? {\n width: '100%',\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: 1,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n }\n : { width: '100%', backgroundColor: 'initial', borderRadius: 1 };\n });\n\n const CustomMenuItem = ({\n route,\n children,\n }: {\n route: string;\n children: ReactNode[];\n }) => {\n return (\n <StyledMenuItem\n onClick={e => {\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n active={route === location.pathname}\n >\n {children}\n </StyledMenuItem>\n );\n };\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n return (\n <MenuList\n id=\"left-menu\"\n sx={{\n top: '0',\n maxWidth: '165px',\n paddingTop: '2rem',\n ...(props.inPopup\n ? { marginRight: 0, padding: '0.5rem' }\n : {\n marginRight: 4,\n float: 'right',\n position: 'sticky',\n }),\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 <LeftMenuItem>\n <Home fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.home')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n </ListItem>\n <CustomMenuItem route={questionsRoute()}>\n <LeftMenuItem>\n <HelpOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.questions')}\n </CustomMenuItem>\n <CustomMenuItem route={articlesRoute()}>\n <LeftMenuItem>\n <CollectionsBookmarkIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.articles')}\n </CustomMenuItem>\n <CustomMenuItem route={favoritesRoute()}>\n <LeftMenuItem>\n <StarIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.favoriteQuestions')}\n </CustomMenuItem>\n <CustomMenuItem route={entitiesRoute()}>\n <LeftMenuItem>\n <EntityIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()}>\n <LeftMenuItem>\n <LoyaltyOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.tags')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n </ListItem>\n <CustomMenuItem route={collectionsRoute()}>\n <LeftMenuItem>\n <PlaylistPlay fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.collections')}\n </CustomMenuItem>\n <CustomMenuItem route={usersRoute()}>\n <LeftMenuItem>\n <GroupIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.users')}\n </CustomMenuItem>\n {user && !loadingUser && !userError && (\n <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n <LeftMenuItem>\n <AccountBox fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.profile')}\n </CustomMenuItem>\n )}\n <CustomMenuItem route={statisticsRoute()}>\n <LeftMenuItem>\n <TrophyIcon />\n </LeftMenuItem>\n {t('leftMenu.statistics')}\n </CustomMenuItem>\n {isModerator && (\n <>\n <ListItem>\n <Typography variant=\"subtitle2\">\n {t('leftMenu.manage')}\n </Typography>\n </ListItem>\n <CustomMenuItem route={moderatorRoute()}>\n <LeftMenuItem>\n <SettingsIcon />\n </LeftMenuItem>\n {t('leftMenu.moderate')}\n </CustomMenuItem>\n </>\n )}\n </Box>\n </MenuList>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -11,7 +11,9 @@ import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { styled } from '@mui/material/styles';
-const MarkdownEditorContainer = styled("div")(({ theme }) => ({
+const MarkdownEditorContainer = styled("div", {
+  name: "QetaMarkdownEditorContainer"
+})(({ theme }) => ({
   ".react-mde": {
     backgroundColor: "initial",
     color: theme.palette.text.primary,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console /\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { styled } from '@mui/material/styles';\n\nconst MarkdownEditorContainer = styled('div')(({ theme }) => ({\n '.react-mde': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.action.disabled}`,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n borderColor: theme.palette.action.active,\n },\n '&:focus-within': {\n borderColor: theme.palette.primary.main,\n },\n '& .mde-header': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n borderBottom: `1px solid ${theme.palette.action.selected}`,\n '& .mde-tabs button, .mde-header-item > button': {\n color: `${theme.palette.text.primary} !important`,\n },\n },\n '& .mde-preview-content': {\n padding: '10px',\n },\n '& .mde-text, .mde-preview': {\n fontSize: theme.typography.body1.fontSize,\n fontFamily: theme.typography.body1.fontFamily,\n lineHeight: theme.typography.body1.lineHeight,\n },\n '& .mde-text': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n outline: 'none',\n },\n '& .image-tip': {\n color: `${theme.palette.text.primary} !important`,\n backgroundColor: 'initial !important',\n },\n '& .mde-suggestions': {\n position: 'absolute',\n minWidth: '180px',\n margin: '20px 0 0',\n listStyle: 'none',\n padding: '0',\n cursor: 'pointer',\n background: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n '& li': {\n width: '100%',\n padding: '0.5rem',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n },\n '& .error': {\n borderColor: theme.palette.error.main,\n },\n },\n}));\n\nexport type MarkdownEditorProps = {\n config?: Config;\n value: string;\n onChange: (value: string) => void;\n height: number;\n error?: boolean;\n placeholder?: string;\n onImageUpload?: (imageId: number) => void;\n disableToolbar?: boolean;\n disableAttachments?: boolean;\n disablePreview?: boolean;\n postId?: number;\n answerId?: number;\n collectionId?: number;\n autoFocus?: boolean;\n required?: boolean;\n};\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n const {\n config,\n value,\n onChange,\n height,\n placeholder,\n disableAttachments,\n disableToolbar,\n disablePreview,\n error,\n postId,\n answerId,\n collectionId,\n autoFocus,\n required = true,\n } = props;\n const [selectedTab, setSelectedTab] = React.useState<'write' \| 'preview'>(\n 'write',\n );\n const errorApi = useApi(errorApiRef);\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n\n const loadSuggestions = async (text: string) => {\n if (!text) {\n return [{ preview: 'No suggestions', value: '' }];\n }\n const users = await catalogApi.queryEntities({\n filter: { kind: 'User' },\n limit: 5,\n fullTextFilter: {\n term: text,\n fields: [\n 'metadata.name',\n 'metadata.title',\n 'spec.profile.displayName',\n 'spec.profile.email',\n ],\n },\n });\n\n if (users.items.length === 0) {\n return [{ preview: 'No suggestions', value: '' }];\n }\n\n return users.items.map(entity => {\n const user = entity as UserEntity;\n const preview =\n user.metadata.title ??\n user.spec?.profile?.displayName ??\n user.metadata.name;\n return {\n preview,\n value: `@${stringifyEntityRef(user)}`,\n };\n });\n };\n\n const isUploadDisabled =\n config?.getOptionalBoolean('qeta.storage.disabled') \|\|\n disableAttachments \|\|\n false;\n\n return (\n <MarkdownEditorContainer>\n <ReactMde\n disablePreview={disablePreview}\n classes={{\n reactMde: error ? 'error' : undefined,\n toolbar: disableToolbar ? 'invisible' : undefined,\n }}\n value={value}\n onChange={onChange}\n selectedTab={selectedTab}\n onTabChange={setSelectedTab}\n minEditorHeight={height}\n minPreviewHeight={height - 10}\n childProps={{\n textArea: {\n required,\n placeholder,\n autoFocus,\n },\n }}\n suggestionTriggerCharacters={['@']}\n loadSuggestions={loadSuggestions}\n suggestionsAutoplace\n generateMarkdownPreview={content =>\n Promise.resolve(\n <MarkdownRenderer\n content={content}\n sx={{\n '& ': {\n wordBreak: 'break-word',\n },\n '&.inline': {\n display: 'inline-block',\n },\n '& > :first-child': {\n marginTop: '0px !important',\n },\n '& > :last-child': {\n marginBottom: '0px !important',\n },\n }}\n />,\n )\n }\n paste={\n isUploadDisabled\n ? undefined\n : {\n saveImage: imageUpload({\n qetaApi,\n errorApi,\n onImageUpload: props.onImageUpload,\n postId,\n answerId,\n collectionId,\n }),\n }\n }\n />\n </MarkdownEditorContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console /\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { styled } from '@mui/material/styles';\n\nconst MarkdownEditorContainer = styled('div', {\n name: 'QetaMarkdownEditorContainer',\n})(({ theme }) => ({\n '.react-mde': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.action.disabled}`,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n borderColor: theme.palette.action.active,\n },\n '&:focus-within': {\n borderColor: theme.palette.primary.main,\n },\n '& .mde-header': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n borderBottom: `1px solid ${theme.palette.action.selected}`,\n '& .mde-tabs button, .mde-header-item > button': {\n color: `${theme.palette.text.primary} !important`,\n },\n },\n '& .mde-preview-content': {\n padding: '10px',\n },\n '& .mde-text, .mde-preview': {\n fontSize: theme.typography.body1.fontSize,\n fontFamily: theme.typography.body1.fontFamily,\n lineHeight: theme.typography.body1.lineHeight,\n },\n '& .mde-text': {\n backgroundColor: 'initial',\n color: theme.palette.text.primary,\n outline: 'none',\n },\n '& .image-tip': {\n color: `${theme.palette.text.primary} !important`,\n backgroundColor: 'initial !important',\n },\n '& .mde-suggestions': {\n position: 'absolute',\n minWidth: '180px',\n margin: '20px 0 0',\n listStyle: 'none',\n padding: '0',\n cursor: 'pointer',\n background: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n '& li': {\n width: '100%',\n padding: '0.5rem',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n },\n '& .error': {\n borderColor: theme.palette.error.main,\n },\n },\n}));\n\nexport type MarkdownEditorProps = {\n config?: Config;\n value: string;\n onChange: (value: string) => void;\n height: number;\n error?: boolean;\n placeholder?: string;\n onImageUpload?: (imageId: number) => void;\n disableToolbar?: boolean;\n disableAttachments?: boolean;\n disablePreview?: boolean;\n postId?: number;\n answerId?: number;\n collectionId?: number;\n autoFocus?: boolean;\n required?: boolean;\n};\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n const {\n config,\n value,\n onChange,\n height,\n placeholder,\n disableAttachments,\n disableToolbar,\n disablePreview,\n error,\n postId,\n answerId,\n collectionId,\n autoFocus,\n required = true,\n } = props;\n const [selectedTab, setSelectedTab] = React.useState<'write' \| 'preview'>(\n 'write',\n );\n const errorApi = useApi(errorApiRef);\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n\n const loadSuggestions = async (text: string) => {\n if (!text) {\n return [{ preview: 'No suggestions', value: '' }];\n }\n const users = await catalogApi.queryEntities({\n filter: { kind: 'User' },\n limit: 5,\n fullTextFilter: {\n term: text,\n fields: [\n 'metadata.name',\n 'metadata.title',\n 'spec.profile.displayName',\n 'spec.profile.email',\n ],\n },\n });\n\n if (users.items.length === 0) {\n return [{ preview: 'No suggestions', value: '' }];\n }\n\n return users.items.map(entity => {\n const user = entity as UserEntity;\n const preview =\n user.metadata.title ??\n user.spec?.profile?.displayName ??\n user.metadata.name;\n return {\n preview,\n value: `@${stringifyEntityRef(user)}`,\n };\n });\n };\n\n const isUploadDisabled =\n config?.getOptionalBoolean('qeta.storage.disabled') \|\|\n disableAttachments \|\|\n false;\n\n return (\n <MarkdownEditorContainer>\n <ReactMde\n disablePreview={disablePreview}\n classes={{\n reactMde: error ? 'error' : undefined,\n toolbar: disableToolbar ? 'invisible' : undefined,\n }}\n value={value}\n onChange={onChange}\n selectedTab={selectedTab}\n onTabChange={setSelectedTab}\n minEditorHeight={height}\n minPreviewHeight={height - 10}\n childProps={{\n textArea: {\n required,\n placeholder,\n autoFocus,\n },\n }}\n suggestionTriggerCharacters={['@']}\n loadSuggestions={loadSuggestions}\n suggestionsAutoplace\n generateMarkdownPreview={content =>\n Promise.resolve(\n <MarkdownRenderer\n content={content}\n sx={{\n '& ': {\n wordBreak: 'break-word',\n },\n '&.inline': {\n display: 'inline-block',\n },\n '& > :first-child': {\n marginTop: '0px !important',\n },\n '& > :last-child': {\n marginBottom: '0px !important',\n },\n }}\n />,\n )\n }\n paste={\n isUploadDisabled\n ? undefined\n : {\n saveImage: imageUpload({\n qetaApi,\n errorApi,\n onImageUpload: props.onImageUpload,\n postId,\n answerId,\n collectionId,\n }),\n }\n }\n />\n </MarkdownEditorContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -9,7 +9,9 @@ import { useIsDarkTheme } from '../../hooks/useIsDarkTheme.esm.js';
 import { styled, unstable_styleFunctionSx } from '@mui/system';
 import { useTheme } from '@mui/material/styles';
-const StyledReactMarkdown = styled(ReactMarkdown)(
+const StyledReactMarkdown = styled(ReactMarkdown, {
+  name: "QetaReactMarkdown"
+})(
   unstable_styleFunctionSx
 );
 const styles = (theme) => ({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n a11yDark,\n a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { findUserMentions } from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport {\n styled,\n StyleFunction,\n SxProps,\n unstable_styleFunctionSx,\n} from '@mui/system';\nimport { Theme, useTheme } from '@mui/material/styles';\n\ninterface StyledReactMarkdownProps {\n sx?: SxProps;\n}\n\nconst StyledReactMarkdown = styled(ReactMarkdown)<StyledReactMarkdownProps>(\n unstable_styleFunctionSx as StyleFunction<StyledReactMarkdownProps>,\n);\n\nconst styles = (theme: any) => ({\n '& table': {\n borderCollapse: 'collapse',\n border: `1px solid ${theme.palette.border}`,\n },\n '& p': {\n ...theme.typography?.body1,\n },\n '& th, & td': {\n border: `1px solid ${theme.palette.border}`,\n padding: theme.spacing(1),\n },\n '& h1': {\n ...theme.typography?.h1,\n marginBottom: 2,\n },\n '& h2': {\n ...theme.typography?.h2,\n marginBottom: 2,\n },\n '& h3': {\n ...theme.typography?.h3,\n marginBottom: 2,\n },\n '& h4': {\n ...theme.typography?.h4,\n marginBottom: 2,\n },\n '& h5': {\n ...theme.typography?.h5,\n marginBottom: 2,\n },\n '& h6': {\n ...theme.typography?.h6,\n marginBottom: 2,\n },\n '& blockquote': {\n backgroundColor: theme.palette.background.paper,\n border: `.1rem solid ${theme.palette.divider}`,\n padding: theme.spacing(2),\n },\n '& ol, ul': {\n marginLeft: '1rem',\n marginTop: '1rem',\n marginBottom: '1rem',\n },\n '& li': {\n marginTop: '0.5rem',\n },\n '& td': {\n wordBreak: 'break-word',\n overflow: 'hidden',\n verticalAlign: 'middle',\n lineHeight: '1',\n margin: 0,\n padding: theme.spacing(3, 2, 3, 2.5),\n borderBottom: 0,\n },\n '& th': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr:nth-child(odd)': {\n backgroundColor: theme.palette.background.default,\n },\n '& em': {\n fontStyle: 'italic !important',\n },\n '& ol': {\n listStyle: 'decimal',\n },\n '& ul': {\n listStyle: 'disc',\n },\n '& a': {\n color: theme.palette.link,\n },\n '& code': {\n fontFamily: 'Courier New,Courier,monospace',\n fontStyle: 'normal',\n },\n '& img': {\n maxWidth: '100%',\n },\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n marginBottom: 0,\n },\n});\n\nconst flatten = (text: string, child: any): string => {\n if (!child) return text;\n\n return typeof child === 'string'\n ? text + child\n : React.Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nconst headingRenderer = (\n props: PropsWithChildren<{ node: { tagName: string } }>,\n) => {\n const { node, children } = props;\n const childrenArray = React.Children.toArray(children);\n const text = childrenArray.reduce(flatten, '');\n const slug = text.toLocaleLowerCase('en-US').replace(/\\W/g, '-');\n return React.createElement(`${node.tagName}`, { id: slug }, children);\n};\n\nexport const MarkdownRenderer = (props: {\n content: string;\n sx?: SxProps<Theme>;\n}) => {\n const { content } = props;\n const darkTheme = useIsDarkTheme();\n const theme = useTheme();\n const allStyles: SxProps = {\n ...styles(theme),\n ...(props.sx ?? {}),\n } as SxProps;\n\n return (\n <StyledReactMarkdown\n remarkPlugins={[gfm]}\n sx={allStyles}\n components={{\n h1: (p: any) => headingRenderer(p),\n h2: (p: any) => headingRenderer(p),\n h3: (p: any) => headingRenderer(p),\n h4: (p: any) => headingRenderer(p),\n h5: (p: any) => headingRenderer(p),\n h6: (p: any) => headingRenderer(p),\n p: (p: any) => {\n const { children } = p;\n const arr = React.Children.toArray(children);\n const formatted = arr.map((child: any) => {\n if (typeof child !== 'string') {\n return child;\n }\n const mentions = findUserMentions(child);\n if (mentions.length === 0) {\n return child;\n }\n\n return child.split(' ').map((word: string) => {\n const mention = mentions.find(m => word.includes(m));\n if (mention) {\n return (\n <>\n <EntityRefLink entityRef={mention.slice(1)} hideIcon />{' '}\n </>\n );\n }\n return <>{word} </>;\n });\n });\n\n return <p>{formatted}</p>;\n },\n code(p: any) {\n const { children, className, node, ...rest } = p;\n const match = /language-(\\w+)/.exec(className \|\| '');\n return match ? (\n <SyntaxHighlighter\n {...rest}\n PreTag=\"div\"\n language={match[1]}\n style={darkTheme ? a11yDark : a11yLight}\n showLineNumbers\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n ) : (\n <code {...rest} className={className}>\n {children}\n </code>\n );\n },\n }}\n >\n {content}\n </StyledReactMarkdown>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n a11yDark,\n a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { findUserMentions } from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport {\n styled,\n StyleFunction,\n SxProps,\n unstable_styleFunctionSx,\n} from '@mui/system';\nimport { Theme, useTheme } from '@mui/material/styles';\n\ninterface StyledReactMarkdownProps {\n sx?: SxProps;\n}\n\nconst StyledReactMarkdown = styled(ReactMarkdown, {\n name: 'QetaReactMarkdown',\n})<StyledReactMarkdownProps>(\n unstable_styleFunctionSx as StyleFunction<StyledReactMarkdownProps>,\n);\n\nconst styles = (theme: any) => ({\n '& table': {\n borderCollapse: 'collapse',\n border: `1px solid ${theme.palette.border}`,\n },\n '& p': {\n ...theme.typography?.body1,\n },\n '& th, & td': {\n border: `1px solid ${theme.palette.border}`,\n padding: theme.spacing(1),\n },\n '& h1': {\n ...theme.typography?.h1,\n marginBottom: 2,\n },\n '& h2': {\n ...theme.typography?.h2,\n marginBottom: 2,\n },\n '& h3': {\n ...theme.typography?.h3,\n marginBottom: 2,\n },\n '& h4': {\n ...theme.typography?.h4,\n marginBottom: 2,\n },\n '& h5': {\n ...theme.typography?.h5,\n marginBottom: 2,\n },\n '& h6': {\n ...theme.typography?.h6,\n marginBottom: 2,\n },\n '& blockquote': {\n backgroundColor: theme.palette.background.paper,\n border: `.1rem solid ${theme.palette.divider}`,\n padding: theme.spacing(2),\n },\n '& ol, ul': {\n marginLeft: '1rem',\n marginTop: '1rem',\n marginBottom: '1rem',\n },\n '& li': {\n marginTop: '0.5rem',\n },\n '& td': {\n wordBreak: 'break-word',\n overflow: 'hidden',\n verticalAlign: 'middle',\n lineHeight: '1',\n margin: 0,\n padding: theme.spacing(3, 2, 3, 2.5),\n borderBottom: 0,\n },\n '& th': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr:nth-child(odd)': {\n backgroundColor: theme.palette.background.default,\n },\n '& em': {\n fontStyle: 'italic !important',\n },\n '& ol': {\n listStyle: 'decimal',\n },\n '& ul': {\n listStyle: 'disc',\n },\n '& a': {\n color: theme.palette.link,\n },\n '& code': {\n fontFamily: 'Courier New,Courier,monospace',\n fontStyle: 'normal',\n },\n '& img': {\n maxWidth: '100%',\n },\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n marginBottom: 0,\n },\n});\n\nconst flatten = (text: string, child: any): string => {\n if (!child) return text;\n\n return typeof child === 'string'\n ? text + child\n : React.Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nconst headingRenderer = (\n props: PropsWithChildren<{ node: { tagName: string } }>,\n) => {\n const { node, children } = props;\n const childrenArray = React.Children.toArray(children);\n const text = childrenArray.reduce(flatten, '');\n const slug = text.toLocaleLowerCase('en-US').replace(/\\W/g, '-');\n return React.createElement(`${node.tagName}`, { id: slug }, children);\n};\n\nexport const MarkdownRenderer = (props: {\n content: string;\n sx?: SxProps<Theme>;\n}) => {\n const { content } = props;\n const darkTheme = useIsDarkTheme();\n const theme = useTheme();\n const allStyles: SxProps = {\n ...styles(theme),\n ...(props.sx ?? {}),\n } as SxProps;\n\n return (\n <StyledReactMarkdown\n remarkPlugins={[gfm]}\n sx={allStyles}\n components={{\n h1: (p: any) => headingRenderer(p),\n h2: (p: any) => headingRenderer(p),\n h3: (p: any) => headingRenderer(p),\n h4: (p: any) => headingRenderer(p),\n h5: (p: any) => headingRenderer(p),\n h6: (p: any) => headingRenderer(p),\n p: (p: any) => {\n const { children } = p;\n const arr = React.Children.toArray(children);\n const formatted = arr.map((child: any) => {\n if (typeof child !== 'string') {\n return child;\n }\n const mentions = findUserMentions(child);\n if (mentions.length === 0) {\n return child;\n }\n\n return child.split(' ').map((word: string) => {\n const mention = mentions.find(m => word.includes(m));\n if (mention) {\n return (\n <>\n <EntityRefLink entityRef={mention.slice(1)} hideIcon />{' '}\n </>\n );\n }\n return <>{word} </>;\n });\n });\n\n return <p>{formatted}</p>;\n },\n code(p: any) {\n const { children, className, node, ...rest } = p;\n const match = /language-(\\w+)/.exec(className \|\| '');\n return match ? (\n <SyntaxHighlighter\n {...rest}\n PreTag=\"div\"\n language={match[1]}\n style={darkTheme ? a11yDark : a11yLight}\n showLineNumbers\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n ) : (\n <code {...rest} className={className}>\n {children}\n </code>\n );\n },\n }}\n >\n {content}\n </StyledReactMarkdown>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsContainer/PostList.esm.js CHANGED Viewed

@@ -70,7 +70,17 @@ const PostList = (props) => {
   }
   const pageCount = response.total < props.pageSize ? 1 : Math.ceil(response.total / props.pageSize);
   return /* @__PURE__ */ React__default.createElement("div", { ref: listRef }, /* @__PURE__ */ React__default.createElement(Box, { sx: { mt: 2 }, className: "qetaPostList" }, /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2, style: { paddingTop: "1rem" } }, response.posts.map((post, i) => {
-    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: post.id }, /* @__PURE__ */ React__default.createElement(PostListItem, { post, entity, type }), i !== response.total - 1 && /* @__PURE__ */ React__default.createElement(Divider, null));
+    return /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        item: true,
+        xs: 12,
+        key: post.id,
+        style: { marginTop: "0.5rem" }
+      },
+      /* @__PURE__ */ React__default.createElement(PostListItem, { post, entity, type }),
+      i !== response.total - 1 && /* @__PURE__ */ React__default.createElement(Divider, null)
+    );
   }))), response.total > 0 && /* @__PURE__ */ React__default.createElement(
     QetaPagination,
     {

package/dist/components/PostsContainer/PostList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostList.esm.js","sources":["../../../src/components/PostsContainer/PostList.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport Card from '@mui/material/Card';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport React, { useRef } from 'react';\nimport { PostListItem } from './PostListItem';\nimport { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { NoPostsCard } from './NoPostsCard';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostList = (props: {\n loading: boolean;\n error: any;\n response?: PostsResponse;\n onPageChange: (page: number) => void;\n onPageSizeChange: (size: number) => void;\n page: number;\n pageSize: number;\n pageCount: number;\n entity?: string;\n tags?: string[];\n showNoQuestionsBtn?: boolean;\n entityPage?: boolean;\n type?: PostType;\n}) => {\n const {\n loading,\n error,\n response,\n onPageChange,\n entity,\n page,\n onPageSizeChange,\n showNoQuestionsBtn = true,\n entityPage,\n tags,\n type,\n } = props;\n const listRef = useRef<HTMLDivElement \| null>(null);\n const { t } = useTranslation();\n\n const handlePageChange = (\n _event: React.ChangeEvent<unknown>,\n value: number,\n ) => {\n if (listRef.current) {\n listRef.current.scrollIntoView();\n }\n onPageChange(value);\n };\n\n const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n if (listRef.current) {\n listRef.current.scrollIntoView();\n }\n onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n };\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n const itemType = (type ?? 'post') as any;\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.posts \|\| response.posts.length === 0) {\n return (\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type={type}\n />\n );\n }\n\n const pageCount =\n response.total < props.pageSize\n ? 1\n : Math.ceil(response.total / props.pageSize);\n\n return (\n <div ref={listRef}>\n <Box sx={{ mt: 2 }} className=\"qetaPostList\">\n <Card>\n <Grid container spacing={2} style={{ paddingTop: '1rem' }}>\n {response.posts.map((post, i) => {\n return (\n <Grid item xs={12} key={post.id}>\n <PostListItem post={post} entity={entity} type={type} />\n {i !== response.total - 1 && <Divider />}\n </Grid>\n );\n })}\n </Grid>\n </Card>\n {response.total > 0 && (\n <QetaPagination\n pageSize={props.pageSize}\n handlePageChange={handlePageChange}\n handlePageSizeChange={handlePageSizeChange}\n page={page}\n pageCount={pageCount}\n tooltip={t('postsList.postsPerPage', { itemType })}\n />\n )}\n </Box>\n </div>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAca,MAAA,QAAA,GAAW,CAAC,KAcnB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAqB,GAAA,IAAA;AAAA,IACrB,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,GACE,GAAA,KAAA,CAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA,CAAA;AAClD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,gBAAA,GAAmB,CACvB,MAAA,EACA,KACG,KAAA;AACH,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA,CAAA;AAAA,KACjC;AACA,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACjE,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA,CAAA;AAAA,KACjC;AACA,IAAA,gBAAA,CAAiB,OAAO,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAiB,EAAE,CAAC,CAAA,CAAA;AAAA,GACpE,CAAA;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDAAQ,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,MAAM,WAAY,IAAQ,IAAA,MAAA,CAAA;AAE1B,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU,CAAA;AAAA,OAAA;AAAA,MAE9C,KAAO,EAAA,OAAA;AAAA,KACV,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,CAAC,QAAS,CAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAClD,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,cAAgB,EAAA,kBAAA;AAAA,QAChB,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,SAAA,GACJ,QAAS,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAA,GACnB,CACA,GAAA,IAAA,CAAK,IAAK,CAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAE/C,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,OAAA,EAAA,kBACPA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,EAAI,EAAA,CAAA,EAAK,EAAA,SAAA,EAAU,kCAC3BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,OAAO,EAAE,UAAA,EAAY,MAAO,EAAA,EAAA,EACrD,QAAS,CAAA,KAAA,CAAM,GAAI,CAAA,CAAC,MAAM,CAAM,KAAA;AAC/B,IACE,uBAAAA,cAAA,CAAA,aAAA,~~CAAC~~,~~QAAK~~,IAAI,EAAA,IAAA,~~EAAC~~,~~IAAI,~~EAAI,EAAA,~~GAAA~~,~~EAAK~~,KAAK,~~EAC3B~~,EAAA,~~kBAAAA~~,cAAA,CAAA,aAAA,~~CAAC~~,~~gBAAa~~,IAAY,EAAA,MAAA,EAAgB,~~MAAY~~,~~CACrD,~~EAAA,CAAA,~~KAAM~~,~~SAAS~~,~~KAAQ~~,~~GAAA~~,~~CAAA~~,~~oBAAMA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~OAAA,~~EAAA,~~IAAQ~~,~~CACxC,~~CAAA,CAAA;AAAA,GAEH,CACH,CACF,CACC,EAAA,QAAA,CAAS,QAAQ,CAChB,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,gBAAA;AAAA,MACA,oBAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAS,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU,CAAA;AAAA,KAAA;AAAA,GAGvD,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostList.esm.js","sources":["../../../src/components/PostsContainer/PostList.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport Card from '@mui/material/Card';\nimport Divider from '@mui/material/Divider';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport React, { useRef } from 'react';\nimport { PostListItem } from './PostListItem';\nimport { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { NoPostsCard } from './NoPostsCard';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostList = (props: {\n loading: boolean;\n error: any;\n response?: PostsResponse;\n onPageChange: (page: number) => void;\n onPageSizeChange: (size: number) => void;\n page: number;\n pageSize: number;\n pageCount: number;\n entity?: string;\n tags?: string[];\n showNoQuestionsBtn?: boolean;\n entityPage?: boolean;\n type?: PostType;\n}) => {\n const {\n loading,\n error,\n response,\n onPageChange,\n entity,\n page,\n onPageSizeChange,\n showNoQuestionsBtn = true,\n entityPage,\n tags,\n type,\n } = props;\n const listRef = useRef<HTMLDivElement \| null>(null);\n const { t } = useTranslation();\n\n const handlePageChange = (\n _event: React.ChangeEvent<unknown>,\n value: number,\n ) => {\n if (listRef.current) {\n listRef.current.scrollIntoView();\n }\n onPageChange(value);\n };\n\n const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n if (listRef.current) {\n listRef.current.scrollIntoView();\n }\n onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n };\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n const itemType = (type ?? 'post') as any;\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.posts \|\| response.posts.length === 0) {\n return (\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type={type}\n />\n );\n }\n\n const pageCount =\n response.total < props.pageSize\n ? 1\n : Math.ceil(response.total / props.pageSize);\n\n return (\n <div ref={listRef}>\n <Box sx={{ mt: 2 }} className=\"qetaPostList\">\n <Card>\n <Grid container spacing={2} style={{ paddingTop: '1rem' }}>\n {response.posts.map((post, i) => {\n return (\n <Grid\n item\n xs={12}\n key={post.id}\n style={{ marginTop: '0.5rem' }}\n >\n <PostListItem post={post} entity={entity} type={type} />\n {i !== response.total - 1 && <Divider />}\n </Grid>\n );\n })}\n </Grid>\n </Card>\n {response.total > 0 && (\n <QetaPagination\n pageSize={props.pageSize}\n handlePageChange={handlePageChange}\n handlePageSizeChange={handlePageSizeChange}\n page={page}\n pageCount={pageCount}\n tooltip={t('postsList.postsPerPage', { itemType })}\n />\n )}\n </Box>\n </div>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsContainer/PostListItem.esm.js CHANGED Viewed

@@ -51,96 +51,99 @@ const PostListItem = (props) => {
       container: true,
       spacing: 2,
       justifyContent: "flex-start",
-      sx: { padding: "0.7rem", paddingBottom: "1.0rem" }
+      style: { padding: "0.7rem", paddingBottom: "1.0rem" }
     },
     /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center", style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: post }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: post }))),
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, sx: { display: "inline-block", width: "calc(100% - 80px)" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Grid,
       {
         item: true,
-        xs: 12,
-        style: {
-          paddingTop: "0.4rem",
-          paddingBottom: "0.4rem",
-          paddingLeft: "0.8rem"
-        }
+        style: { display: "inline-block", width: "calc(100% - 80px)" }
       },
-      type === void 0 && /* @__PURE__ */ React__default.createElement(
-        Chip,
+      /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(
+        Grid,
         {
-          color: "secondary",
-          size: "small",
-          label: `${capitalize(post.type)}`,
-          sx: { userSelect: "none", marginBottom: 0 },
-          icon: post.type === "question" ? /* @__PURE__ */ React__default.createElement(HelpOutlined, null) : /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, null)
-        }
-      ),
-      post.type === "question" && /* @__PURE__ */ React__default.createElement(
-        Chip,
-        {
-          variant: "outlined",
-          size: "small",
-          sx: (theme) => ({
-            userSelect: "none",
-            // eslint-disable-next-line no-nested-ternary
-            borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0,
-            marginBottom: 0
-          }),
-          label: t("common.answers", {
-            count: answersCount
-          })
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        Chip,
+          item: true,
+          xs: 12,
+          style: { paddingTop: 0, paddingBottom: "6px", marginLeft: "-2px" }
+        },
+        type === void 0 && /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            color: "secondary",
+            size: "small",
+            label: `${capitalize(post.type)}`,
+            sx: { userSelect: "none", marginBottom: 0 },
+            icon: post.type === "question" ? /* @__PURE__ */ React__default.createElement(HelpOutlined, null) : /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, null)
+          }
+        ),
+        post.type === "question" && /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            variant: "outlined",
+            size: "small",
+            sx: (theme) => ({
+              userSelect: "none",
+              // eslint-disable-next-line no-nested-ternary
+              borderColor: correctAnswer ? theme.palette.success.main : answersCount === 0 ? theme.palette.warning.main : void 0,
+              marginBottom: 0
+            }),
+            label: t("common.answers", {
+              count: answersCount
+            })
+          }
+        ),
+        /* @__PURE__ */ React__default.createElement(
+          Chip,
+          {
+            variant: "outlined",
+            size: "small",
+            sx: { userSelect: "none", border: "none", marginBottom: 0 },
+            label: t("common.viewsShort", {
+              count: views
+            })
+          }
+        )
+      ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, post.title)), /* @__PURE__ */ React__default.createElement(
+        Typography,
         {
-          variant: "outlined",
-          size: "small",
-          sx: { userSelect: "none", border: "none", marginBottom: 0 },
-          label: t("common.viewsShort", {
-            count: views
-          })
-        }
-      )
-    ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingTop: "0px" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, post.title)), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        variant: "caption",
-        noWrap: true,
-        component: "div",
-        className: "qetaPostListItemContent",
-        style: { marginBottom: "5px" }
-      },
-      DOMPurify.sanitize(
-        truncate(removeMarkdownFormatting(post.content), 150)
-      )
-    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        variant: "caption",
-        display: "inline",
-        style: { display: "inline", float: "right" }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Avatar,
+          variant: "caption",
+          noWrap: true,
+          component: "div",
+          className: "qetaPostListItemContent",
+          style: { marginBottom: "5px" }
+        },
+        DOMPurify.sanitize(
+          truncate(removeMarkdownFormatting(post.content), 150)
+        )
+      )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(
+        Typography,
         {
-          src: user?.spec?.profile?.picture,
-          alt: name,
-          variant: "rounded",
-          sx: {
-            display: "inline-flex !important",
-            marginRight: "0.25rem",
-            fontSize: "1rem",
-            maxWidth: "1rem",
-            maxHeight: "1rem"
-          }
+          variant: "caption",
+          display: "inline",
+          style: { display: "inline", float: "right" }
         },
-        initials
-      ),
-      /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: post.author }),
-      " ",
-      /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: post.created }))
-    ))))
+        /* @__PURE__ */ React__default.createElement(
+          Avatar,
+          {
+            src: user?.spec?.profile?.picture,
+            alt: name,
+            variant: "rounded",
+            sx: {
+              display: "inline-flex !important",
+              marginRight: "0.25rem",
+              fontSize: "1rem",
+              maxWidth: "1rem",
+              maxHeight: "1rem"
+            }
+          },
+          initials
+        ),
+        /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: post.author }),
+        " ",
+        /* @__PURE__ */ React__default.createElement(Link, { to: href, className: "qetaPostListItemQuestionBtn" }, /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: post.created }))
+      )))
+    )
   );
 };

package/dist/components/PostsContainer/PostListItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const { post, entity, type } = props;\n\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const { t } = useTranslation();\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setCorrectAnswer(lastSignal.correctAnswer);\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\n const href = entity\n ? `${route({\n id: post.id.toString(10),\n })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n return (\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n sx={{ padding: '0.7rem', paddingBottom: '1.0rem' }}\n >\n <Grid item justifyContent=\"center\" style={{ paddingTop: '0px' }}>\n <VoteButtonContainer>\n <VoteButtons entity={post} />\n <FavoriteButton entity={post} />\n </VoteButtonContainer>\n </Grid>\n <Grid item sx={{ display: 'inline-block', width: 'calc(100% - 80px)' }}>\n <Grid container>\n <Grid\n item\n xs={12}\n style={{\n paddingTop: '0.4rem',\n paddingBottom: '0.4rem',\n paddingLeft: '0.8rem',\n }}\n >\n {type === undefined && (\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n sx={{ userSelect: 'none', marginBottom: 0 }}\n icon={\n post.type === 'question' ? (\n <HelpOutlined />\n ) : (\n <CollectionsBookmarkIcon />\n )\n }\n />\n )}\n {post.type === 'question' && (\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={theme => ({\n userSelect: 'none',\n // eslint-disable-next-line no-nested-ternary\n borderColor: correctAnswer\n ? theme.palette.success.main\n : answersCount === 0\n ? theme.palette.warning.main\n : undefined,\n marginBottom: 0,\n })}\n label={t('common.answers', {\n count: answersCount,\n })}\n />\n )}\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\n label={t('common.viewsShort', {\n count: views,\n })}\n />\n </Grid>\n <Grid item xs={12} style={{ paddingTop: '0px' }}>\n <Typography variant=\"h5\" component=\"div\">\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n {post.title}\n </Link>\n </Typography>\n <Typography\n variant=\"caption\"\n noWrap\n component=\"div\"\n className=\"qetaPostListItemContent\"\n style={{ marginBottom: '5px' }}\n >\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 150),\n )}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <TagsAndEntities entity={post} />\n <Typography\n variant=\"caption\"\n display=\"inline\"\n style={{ display: 'inline', float: 'right' }}\n >\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25rem',\n fontSize: '1rem',\n maxWidth: '1rem',\n maxHeight: '1rem',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n </Typography>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAC7C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA,CAAA;AAChD,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA,CAAA;AAErD,EAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,IAAS,KAAA,UAAA,GAAa,aAAgB,GAAA,YAAA,CAAA;AACzD,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA;AAAA,IACP,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GACxB,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA,CAAA;AAEtC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,EAAI,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,eAAe,QAAS,EAAA;AAAA,KAAA;AAAA,oBAEjDA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,gBAAe,QAAS,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EAAA,+CAC3D,mBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAAA,+CAC1B,cAAe,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAChC,CACF,CAAA;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAE,OAAA,EAAS,cAAgB,EAAA,KAAA,EAAO,mBAAoB,EAAA,EAAA,kBAClEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,EAAI,EAAA,EAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,UAAY,EAAA,QAAA;AAAA,UACZ,aAAe,EAAA,QAAA;AAAA,UACf,WAAa,EAAA,QAAA;AAAA,SACf;AAAA,OAAA;AAAA,MAEC,SAAS,KACR,CAAA,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAM,EAAA,WAAA;AAAA,UACN,IAAK,EAAA,OAAA;AAAA,UACL,KAAO,EAAA,CAAA,EAAG,UAAW,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,UAC/B,EAAI,EAAA,EAAE,UAAY,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,UAC1C,IAAA,EACE,KAAK,IAAS,KAAA,UAAA,gDACX,YAAa,EAAA,IAAA,CAAA,gDAEb,uBAAwB,EAAA,IAAA,CAAA;AAAA,SAAA;AAAA,OAG/B;AAAA,MAED,IAAA,CAAK,SAAS,UACb,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,IAAI,CAAU,KAAA,MAAA;AAAA,YACZ,UAAY,EAAA,MAAA;AAAA;AAAA,YAEZ,WAAA,EAAa,aACT,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,YAAA,KAAiB,CACjB,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,KAAA,CAAA;AAAA,YACJ,YAAc,EAAA,CAAA;AAAA,WAChB,CAAA;AAAA,UACA,KAAA,EAAO,EAAE,gBAAkB,EAAA;AAAA,YACzB,KAAO,EAAA,YAAA;AAAA,WACR,CAAA;AAAA,SAAA;AAAA,OACH;AAAA,sBAEFA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,IAAI,EAAE,UAAA,EAAY,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,UAC1D,KAAA,EAAO,EAAE,mBAAqB,EAAA;AAAA,YAC5B,KAAO,EAAA,KAAA;AAAA,WACR,CAAA;AAAA,SAAA;AAAA,OACH;AAAA,KACF,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,KACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACvB,EAAA,EAAA,IAAA,CAAK,KACR,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,MAAM,EAAA,IAAA;AAAA,QACN,SAAU,EAAA,KAAA;AAAA,QACV,SAAU,EAAA,yBAAA;AAAA,QACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,OAAA;AAAA,MAE5B,SAAU,CAAA,QAAA;AAAA,QACT,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG,CAAA;AAAA,OACtD;AAAA,KAEJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,IAAA,EAAM,CAC/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,OAAQ,EAAA,QAAA;AAAA,QACR,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,OAAO,OAAQ,EAAA;AAAA,OAAA;AAAA,sBAE3CA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,UAC1B,GAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,SAAA;AAAA,UACR,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,wBAAA;AAAA,YACT,WAAa,EAAA,SAAA;AAAA,YACb,QAAU,EAAA,MAAA;AAAA,YACV,QAAU,EAAA,MAAA;AAAA,YACV,SAAW,EAAA,MAAA;AAAA,WACb;AAAA,SAAA;AAAA,QAEC,QAAA;AAAA,OACH;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,MAAG,GAAA;AAAA,sBACrCA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,OAAA,EAAS,CAChD,CAAA;AAAA,KAEJ,CACF,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const { post, entity, type } = props;\n\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const { t } = useTranslation();\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setCorrectAnswer(lastSignal.correctAnswer);\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\n const href = entity\n ? `${route({\n id: post.id.toString(10),\n })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n return (\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ padding: '0.7rem', paddingBottom: '1.0rem' }}\n >\n <Grid item justifyContent=\"center\" style={{ paddingTop: '0px' }}>\n <VoteButtonContainer>\n <VoteButtons entity={post} />\n <FavoriteButton entity={post} />\n </VoteButtonContainer>\n </Grid>\n <Grid\n item\n style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n >\n <Grid container>\n <Grid\n item\n xs={12}\n style={{ paddingTop: 0, paddingBottom: '6px', marginLeft: '-2px' }}\n >\n {type === undefined && (\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n sx={{ userSelect: 'none', marginBottom: 0 }}\n icon={\n post.type === 'question' ? (\n <HelpOutlined />\n ) : (\n <CollectionsBookmarkIcon />\n )\n }\n />\n )}\n {post.type === 'question' && (\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={theme => ({\n userSelect: 'none',\n // eslint-disable-next-line no-nested-ternary\n borderColor: correctAnswer\n ? theme.palette.success.main\n : answersCount === 0\n ? theme.palette.warning.main\n : undefined,\n marginBottom: 0,\n })}\n label={t('common.answers', {\n count: answersCount,\n })}\n />\n )}\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\n label={t('common.viewsShort', {\n count: views,\n })}\n />\n </Grid>\n <Grid item xs={12} style={{ paddingTop: '0px' }}>\n <Typography variant=\"h5\" component=\"div\">\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n {post.title}\n </Link>\n </Typography>\n <Typography\n variant=\"caption\"\n noWrap\n component=\"div\"\n className=\"qetaPostListItemContent\"\n style={{ marginBottom: '5px' }}\n >\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 150),\n )}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <TagsAndEntities entity={post} />\n <Typography\n variant=\"caption\"\n display=\"inline\"\n style={{ display: 'inline', float: 'right' }}\n >\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25rem',\n fontSize: '1rem',\n maxWidth: '1rem',\n maxHeight: '1rem',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n </Typography>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAC7C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA,CAAA;AAChD,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA,CAAA;AAErD,EAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,IAAS,KAAA,UAAA,GAAa,aAAgB,GAAA,YAAA,CAAA;AACzD,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA;AAAA,IACP,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,GACxB,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA,CAAA;AAEtC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,eAAe,QAAS,EAAA;AAAA,KAAA;AAAA,oBAEpDA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,gBAAe,QAAS,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EAAA,+CAC3D,mBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAAA,+CAC1B,cAAe,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAChC,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,KAAO,EAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,OAAO,mBAAoB,EAAA;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,EAAA;AAAA,UACJ,OAAO,EAAE,UAAA,EAAY,GAAG,aAAe,EAAA,KAAA,EAAO,YAAY,MAAO,EAAA;AAAA,SAAA;AAAA,QAEhE,SAAS,KACR,CAAA,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,WAAA;AAAA,YACN,IAAK,EAAA,OAAA;AAAA,YACL,KAAO,EAAA,CAAA,EAAG,UAAW,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,YAC/B,EAAI,EAAA,EAAE,UAAY,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,YAC1C,IAAA,EACE,KAAK,IAAS,KAAA,UAAA,gDACX,YAAa,EAAA,IAAA,CAAA,gDAEb,uBAAwB,EAAA,IAAA,CAAA;AAAA,WAAA;AAAA,SAG/B;AAAA,QAED,IAAA,CAAK,SAAS,UACb,oBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,IAAI,CAAU,KAAA,MAAA;AAAA,cACZ,UAAY,EAAA,MAAA;AAAA;AAAA,cAEZ,WAAA,EAAa,aACT,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,YAAA,KAAiB,CACjB,GAAA,KAAA,CAAM,OAAQ,CAAA,OAAA,CAAQ,IACtB,GAAA,KAAA,CAAA;AAAA,cACJ,YAAc,EAAA,CAAA;AAAA,aAChB,CAAA;AAAA,YACA,KAAA,EAAO,EAAE,gBAAkB,EAAA;AAAA,cACzB,KAAO,EAAA,YAAA;AAAA,aACR,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,wBAEFA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,IAAK,EAAA,OAAA;AAAA,YACL,IAAI,EAAE,UAAA,EAAY,QAAQ,MAAQ,EAAA,MAAA,EAAQ,cAAc,CAAE,EAAA;AAAA,YAC1D,KAAA,EAAO,EAAE,mBAAqB,EAAA;AAAA,cAC5B,KAAO,EAAA,KAAA;AAAA,aACR,CAAA;AAAA,WAAA;AAAA,SACH;AAAA,OACF,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,SAAA,EAAU,KACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACvB,EAAA,EAAA,IAAA,CAAK,KACR,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,MAAM,EAAA,IAAA;AAAA,UACN,SAAU,EAAA,KAAA;AAAA,UACV,SAAU,EAAA,yBAAA;AAAA,UACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,SAAA;AAAA,QAE5B,SAAU,CAAA,QAAA;AAAA,UACT,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG,CAAA;AAAA,SACtD;AAAA,OAEJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,IAAA,EAAM,CAC/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,SAAA;AAAA,UACR,OAAQ,EAAA,QAAA;AAAA,UACR,KAAO,EAAA,EAAE,OAAS,EAAA,QAAA,EAAU,OAAO,OAAQ,EAAA;AAAA,SAAA;AAAA,wBAE3CA,cAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,YAC1B,GAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA,SAAA;AAAA,YACR,EAAI,EAAA;AAAA,cACF,OAAS,EAAA,wBAAA;AAAA,cACT,WAAa,EAAA,SAAA;AAAA,cACb,QAAU,EAAA,MAAA;AAAA,cACV,QAAU,EAAA,MAAA;AAAA,cACV,SAAW,EAAA,MAAA;AAAA,aACb;AAAA,WAAA;AAAA,UAEC,QAAA;AAAA,SACH;AAAA,wBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,QAAG,GAAA;AAAA,wBACrCA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,SAAA,EAAU,6BACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,OAAA,EAAS,CAChD,CAAA;AAAA,OAEJ,CACF,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/Styled/CardActionContainer.esm.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { styled } from '@mui/system';
-const CardActionContainer = styled("div")({
+const CardActionContainer = styled("div", {
+  name: "QetaCardActionContainer"
+})({
   marginTop: 2,
   "& a": {
     marginRight: 1

package/dist/components/Styled/CardActionContainer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardActionContainer.esm.js","sources":["../../../src/components/Styled/CardActionContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const CardActionContainer = styled('div')({\n marginTop: 2,\n '& a': {\n marginRight: 1,\n },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,~~MAAO~~,~~CAAA~~,~~KAAK~~,CAAE,CAAA;AAAA,~~EAC/C~~,SAAW,EAAA,CAAA;AAAA,EACX,KAAO,EAAA;AAAA,IACL,WAAa,EAAA,CAAA;AAAA,GACf;AACF,CAAC;;;;"}
1	+ {"version":3,"file":"CardActionContainer.esm.js","sources":["../../../src/components/Styled/CardActionContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const CardActionContainer = styled('div', {\n name: 'QetaCardActionContainer',\n})({\n marginTop: 2,\n '& a': {\n marginRight: 1,\n },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,OAAO,KAAO,EAAA;AAAA,EAC/C,IAAM,EAAA,yBAAA;AACR,CAAC,CAAE,CAAA;AAAA,EACD,SAAW,EAAA,CAAA;AAAA,EACX,KAAO,EAAA;AAAA,IACL,WAAa,EAAA,CAAA;AAAA,GACf;AACF,CAAC;;;;"}

package/dist/components/Styled/ModalContent.esm.js CHANGED Viewed

@@ -1,20 +1,22 @@
 import { styled } from '@mui/system';
-const ModalContent = styled("div")(({ theme }) => ({
-  position: "absolute",
-  top: "20%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: 400,
-  backgroundColor: theme.palette.background.default,
-  border: `1px solid ${theme.palette.action.selected}`,
-  borderRadius: theme.shape.borderRadius,
-  padding: theme.spacing(2),
-  "& button": {
-    marginTop: theme.spacing(2),
-    float: "right"
-  }
-}));
+const ModalContent = styled("div", { name: "QetaModalContent" })(
+  ({ theme }) => ({
+    position: "absolute",
+    top: "20%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: 400,
+    backgroundColor: theme.palette.background.default,
+    border: `1px solid ${theme.palette.action.selected}`,
+    borderRadius: theme.shape.borderRadius,
+    padding: theme.spacing(2),
+    "& button": {
+      marginTop: theme.spacing(2),
+      float: "right"
+    }
+  })
+);
 export { ModalContent };
 //# sourceMappingURL=ModalContent.esm.js.map

package/dist/components/Styled/ModalContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Styled/ModalContent.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const ModalContent = styled('div')(({ theme }) => ({\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 400,\n backgroundColor: theme.palette.background.default,\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n '& button': {\n marginTop: theme.spacing(2),\n float: 'right',\n },\n}));\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,MAAO,CAAA,~~KAAK~~,EAAE,CAAC,EAAE,~~OAAa~~,MAAA;AAAA,~~EACxD~~,QAAU,EAAA,UAAA;AAAA,~~EACV~~,GAAK,EAAA,KAAA;AAAA,~~EACL~~,IAAM,EAAA,KAAA;AAAA,~~EACN~~,SAAW,EAAA,uBAAA;AAAA,~~EACX~~,KAAO,EAAA,GAAA;AAAA,~~EACP~~,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,~~EAC1C~~,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,~~EAClD~~,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,~~EAC1B~~,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,~~EACxB~~,UAAY,EAAA;AAAA,~~IACV~~,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,~~IAC1B~~,KAAO,EAAA,OAAA;AAAA,~~GACT~~;~~AACF~~,~~CAAE~~,CAAA;;;;"}
1	+ {"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Styled/ModalContent.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const ModalContent = styled('div', { name: 'QetaModalContent' })(\n ({ theme }) => ({\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 400,\n backgroundColor: theme.palette.background.default,\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n '& button': {\n marginTop: theme.spacing(2),\n float: 'right',\n },\n }),\n);\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,MAAO,CAAA,KAAA,EAAO,EAAE,IAAA,EAAM,oBAAoB,CAAA;AAAA,EACpE,CAAC,EAAE,KAAA,EAAa,MAAA;AAAA,IACd,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,UAAY,EAAA;AAAA,MACV,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC1B,KAAO,EAAA,OAAA;AAAA,KACT;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/Styled/VoteButtonContainer.esm.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { styled } from '@mui/system';
-const VoteButtonContainer = styled("div")({
+const VoteButtonContainer = styled("div", {
+  name: "QetaVoteButtonContainer"
+})({
   textAlign: "center",
   width: "32px",
   marginLeft: "5px",

package/dist/components/Styled/VoteButtonContainer.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Styled/VoteButtonContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const VoteButtonContainer = styled('div')({\n textAlign: 'center',\n width: '32px',\n marginLeft: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,~~MAAO~~,~~CAAA~~,~~KAAK~~,CAAE,CAAA;AAAA,~~EAC/C~~,SAAW,EAAA,QAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,UAAY,EAAA,KAAA;AAAA,EACZ,OAAS,EAAA,cAAA;AAAA,EACT,aAAe,EAAA,KAAA;AACjB,CAAC;;;;"}
1	+ {"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Styled/VoteButtonContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const VoteButtonContainer = styled('div', {\n name: 'QetaVoteButtonContainer',\n})({\n textAlign: 'center',\n width: '32px',\n marginLeft: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,OAAO,KAAO,EAAA;AAAA,EAC/C,IAAM,EAAA,yBAAA;AACR,CAAC,CAAE,CAAA;AAAA,EACD,SAAW,EAAA,QAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,UAAY,EAAA,KAAA;AAAA,EACZ,OAAS,EAAA,cAAA;AAAA,EACT,aAAe,EAAA,KAAA;AACjB,CAAC;;;;"}

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

@@ -13,7 +13,7 @@ import { isGlobalStat, isUserStat } from '../StatsChart/util.esm.js';
 const SummaryCard = (props) => {
   const { title, value } = props;
-  if (!value) {
+  if (value === void 0) {
     return null;
   }
   return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, title))));

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

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

package/package.json CHANGED Viewed

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.12.2",
+  "version": "3.12.4",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -56,7 +56,7 @@
     "@backstage/plugin-catalog-react": "^1.14.1",
     "@backstage/plugin-permission-react": "^0.4.28",
     "@backstage/plugin-signals-react": "^0.0.7",
-    "@drodil/backstage-plugin-qeta-common": "^3.12.2",
+    "@drodil/backstage-plugin-qeta-common": "^3.12.4",
     "@mui/icons-material": "^5.16.7",
     "@mui/lab": "^5.0.0-alpha.169",
     "@mui/material": "^5.16.7",