npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.49.1 → 3.51.0 - Mend

@drodil/backstage-plugin-qeta-react 3.49.1 → 3.51.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n AnswerResponse,\n Comment,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n box: {\n padding: theme.spacing(1.5),\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n content: {\n display: 'inline',\n '&>*:last-child:not(ul,ol,blockquote)': {\n display: 'inline',\n },\n lineHeight: 1.5,\n },\n metadata: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(0.5),\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n '& a': {\n color: theme.palette.text.secondary,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n '&:hover': {\n color: theme.palette.primary.main,\n textDecoration: 'underline',\n },\n },\n '& .actionBtn': {\n marginLeft: theme.spacing(1),\n fontSize: '0.75rem',\n opacity: 0.7,\n '&:hover': {\n opacity: 1,\n },\n },\n },\n }),\n { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n comment: Comment;\n onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { comment, onCommentAction, post, answer } = props;\n const qetaApi = useApi(qetaApiRef);\n const [posting, setPosting] = useState(false);\n const styles = useStyles();\n const [editing, setEditing] = useState(false);\n const alertApi = useApi(alertApiRef);\n\n const deleteComment = (id: number) => {\n if (answer) {\n qetaApi\n .deleteAnswerComment(post.id, answer.id, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(a => {\n if (a) {\n onCommentAction(post, a);\n }\n });\n return;\n }\n qetaApi\n .deletePostComment(post.id, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(q => {\n if (q) {\n onCommentAction(q);\n }\n });\n };\n\n const saveComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi\n .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(a => {\n if (a) {\n onCommentAction(post, a);\n }\n })\n .finally(() => {\n setEditing(false);\n setPosting(false);\n });\n return;\n }\n qetaApi\n .updatePostComment(post.id, comment.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(q => {\n if (q) {\n onCommentAction(q);\n }\n })\n .finally(() => {\n setEditing(false);\n setPosting(false);\n });\n };\n\n return (\n <Box className={styles.box}>\n {editing ? (\n <>\n <CommentForm\n submit={saveComment}\n saveButtonTitle={t('commentList.save')}\n defaultValues={{ content: comment.content }}\n disabled={posting}\n onDiscard={() => setEditing(false)}\n />\n </>\n ) : (\n <>\n <MarkdownRenderer\n content={comment.content}\n className={styles.content}\n />\n <Typography variant=\"caption\" className={styles.metadata}>\n <AuthorLink entity={comment} />\n {comment.expert && <ExpertIcon />}\n {' • '}\n <RelativeTimeWithTooltip value={comment.created} />\n {comment.canEdit && (\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"actionBtn qetaCommentEditBtn\"\n onClick={() => setEditing(true)}\n >\n {t('commentList.editLink')}\n </Link>\n )}\n {comment.canDelete && (\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"actionBtn qetaCommentDeleteBtn\"\n onClick={() => deleteComment(comment.id)}\n >\n {t('commentList.deleteLink')}\n </Link>\n )}\n </Typography>\n </>\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n AnswerResponse,\n Comment,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n box: {\n padding: theme.spacing(1.5),\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n content: {\n display: 'inline',\n '&>*:last-child:not(ul,ol,blockquote)': {\n display: 'inline',\n },\n lineHeight: 1.5,\n },\n metadata: {\n color: theme.palette.text.secondary,\n marginTop: theme.spacing(0.5),\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n '& a': {\n color: theme.palette.text.secondary,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n '&:hover': {\n color: theme.palette.primary.main,\n textDecoration: 'underline',\n },\n },\n '& .actionBtn': {\n marginLeft: theme.spacing(1),\n fontSize: '0.75rem',\n opacity: 0.7,\n '&:hover': {\n opacity: 1,\n },\n },\n },\n }),\n { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n comment: Comment;\n onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { comment, onCommentAction, post, answer } = props;\n const qetaApi = useApi(qetaApiRef);\n const [posting, setPosting] = useState(false);\n const styles = useStyles();\n const [editing, setEditing] = useState(false);\n const alertApi = useApi(alertApiRef);\n\n const deleteComment = (id: number) => {\n if (answer) {\n qetaApi\n .deleteAnswerComment(post.id, answer.id, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(a => {\n if (a) {\n onCommentAction(post, a);\n }\n });\n return;\n }\n qetaApi\n .deletePostComment(post.id, id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(q => {\n if (q) {\n onCommentAction(q);\n }\n });\n };\n\n const saveComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi\n .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(a => {\n if (a) {\n onCommentAction(post, a);\n }\n })\n .finally(() => {\n setEditing(false);\n setPosting(false);\n });\n return;\n }\n qetaApi\n .updatePostComment(post.id, comment.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(q => {\n if (q) {\n onCommentAction(q);\n }\n })\n .finally(() => {\n setEditing(false);\n setPosting(false);\n });\n };\n\n return (\n <Box className={styles.box}>\n {editing ? (\n <>\n <CommentForm\n submit={saveComment}\n saveButtonTitle={t('commentList.save')}\n defaultValues={{ content: comment.content }}\n disabled={posting}\n onDiscard={() => setEditing(false)}\n />\n </>\n ) : (\n <>\n <MarkdownRenderer\n content={comment.content}\n className={styles.content}\n />\n <Typography variant=\"caption\" className={styles.metadata}>\n <AuthorLink entity={comment} />\n {comment.expert && <ExpertIcon />}\n {' • '}\n <RelativeTimeWithTooltip value={comment.created} />\n {comment.canEdit && post.status !== 'obsolete' && (\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"actionBtn qetaCommentEditBtn\"\n onClick={() => setEditing(true)}\n >\n {t('commentList.editLink')}\n </Link>\n )}\n {comment.canDelete && post.status !== 'obsolete' && (\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"actionBtn qetaCommentDeleteBtn\"\n onClick={() => deleteComment(comment.id)}\n >\n {t('commentList.deleteLink')}\n </Link>\n )}\n </Typography>\n </>\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -106,9 +106,10 @@ const CommentSection = (props) => {
     }
   };
   useConfirmNavigationIfEdited(edited);
-  if (post.status !== "active") {
+  if (post.status !== "active" && post.status !== "obsolete") {
     return null;
   }
+  const isObsolete = post.status === "obsolete";
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -138,7 +139,7 @@ const CommentSection = (props) => {
             onCommentAction
           }
         ) }),
-        /* @__PURE__ */ jsxs(
+        !isObsolete && /* @__PURE__ */ jsxs(
           OptionalRequirePermission,
           {
             permission: qetaCreateCommentPermission,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n \| 'root'\n \| 'addCommentButton'\n \| 'commentSection'\n \| 'commentForm'\n \| 'prominentButton';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n commentSection: {\n position: 'relative',\n marginLeft: theme.spacing(3.5),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n left: theme.spacing(1),\n height: 'calc(100% - 46px)',\n width: '1px',\n backgroundColor: theme.palette.divider,\n opacity: 0.4,\n transition: 'all 0.2s ease-in-out',\n zIndex: 1,\n },\n },\n addCommentButton: {\n textTransform: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n color: theme.palette.text.secondary,\n marginTop: '3px',\n '&:hover': {\n backgroundColor: 'transparent',\n color: theme.palette.primary.main,\n },\n },\n commentForm: {\n marginLeft: theme.spacing(2.5),\n marginTop: theme.spacing(1),\n },\n prominentButton: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(2),\n marginLeft: theme.spacing(1),\n padding: theme.spacing(1, 2.5),\n textTransform: 'none',\n fontSize: '1rem',\n },\n }),\n { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n className?: string;\n showProminentButton?: boolean;\n}) => {\n const { answer, post, onCommentAction, showProminentButton = false } = props;\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const [posting, setPosting] = useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [edited, setEdited] = useState(false);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n\n // Determine the entity to get comments from\n const entity = answer ?? post;\n const commentsCount = entity.comments?.length \|\| 0;\n const [commentsVisible, setCommentsVisible] = useState(true);\n const alertApi = useApi(alertApiRef);\n\n const postComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi\n .commentAnswer(post.id, answer.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(a => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'answer');\n setEdited(false);\n if (a) {\n onCommentAction(post, a);\n }\n })\n .finally(() => setPosting(false));\n } else {\n qetaApi\n .commentPost(post.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(q => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'question');\n setEdited(false);\n if (q) {\n onCommentAction(q);\n }\n })\n .finally(() => setPosting(false));\n }\n };\n\n useConfirmNavigationIfEdited(edited);\n\n if (post.status !== 'active') {\n return null;\n }\n\n return (\n <Box\n className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n >\n {commentsCount > 0 && (\n <Box display=\"flex\" alignItems=\"center\" pl={1}>\n <Button\n size=\"small\"\n variant=\"text\"\n onClick={() => setCommentsVisible(v => !v)}\n style={{\n textTransform: 'none',\n padding: '0.5rem 0.8rem',\n border: 'none',\n backgroundColor: 'transparent',\n }}\n endIcon={\n commentsVisible ? (\n <ExpandMoreIcon fontSize=\"small\" />\n ) : (\n <ExpandLessIcon fontSize=\"small\" />\n )\n }\n >\n {`${commentsCount} ${t('common.comments')}`}\n </Button>\n </Box>\n )}\n {commentsVisible && (\n <Box pl={1}>\n <CommentList\n post={post}\n answer={answer}\n onCommentAction={onCommentAction}\n />\n </Box>\n )}\n <OptionalRequirePermission\n permission={qetaCreateCommentPermission}\n errorPage={<></>}\n >\n {!formVisible && showProminentButton && (\n <Grid container justifyContent=\"flex-start\">\n <Grid item>\n <Button\n variant=\"contained\"\n color=\"primary\"\n size=\"large\"\n startIcon={<AddCommentIcon />}\n onClick={() => setFormVisible(true)}\n className={styles.prominentButton}\n >\n {t('commentSection.leaveComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {!formVisible && !showProminentButton && (\n <Grid container justifyContent=\"flex-end\">\n <Grid item>\n <Button\n size=\"small\"\n startIcon={<AddCommentIcon fontSize=\"small\" />}\n onClick={() => setFormVisible(true)}\n className={styles.addCommentButton}\n >\n {t('commentSection.addComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {formVisible && (\n <Box className={styles.commentForm}>\n <CommentForm\n submit={postComment}\n saveButtonTitle={t('commentSection.post')}\n disabled={posting}\n onDiscard={() => setFormVisible(false)}\n />\n </Box>\n )}\n </OptionalRequirePermission>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n \| 'root'\n \| 'addCommentButton'\n \| 'commentSection'\n \| 'commentForm'\n \| 'prominentButton';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n commentSection: {\n position: 'relative',\n marginLeft: theme.spacing(3.5),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n left: theme.spacing(1),\n height: 'calc(100% - 46px)',\n width: '1px',\n backgroundColor: theme.palette.divider,\n opacity: 0.4,\n transition: 'all 0.2s ease-in-out',\n zIndex: 1,\n },\n },\n addCommentButton: {\n textTransform: 'none',\n backgroundColor: 'transparent',\n border: 'none',\n color: theme.palette.text.secondary,\n marginTop: '3px',\n '&:hover': {\n backgroundColor: 'transparent',\n color: theme.palette.primary.main,\n },\n },\n commentForm: {\n marginLeft: theme.spacing(2.5),\n marginTop: theme.spacing(1),\n },\n prominentButton: {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(2),\n marginLeft: theme.spacing(1),\n padding: theme.spacing(1, 2.5),\n textTransform: 'none',\n fontSize: '1rem',\n },\n }),\n { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n post: PostResponse;\n answer?: AnswerResponse;\n className?: string;\n showProminentButton?: boolean;\n}) => {\n const { answer, post, onCommentAction, showProminentButton = false } = props;\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const [posting, setPosting] = useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [edited, setEdited] = useState(false);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n\n // Determine the entity to get comments from\n const entity = answer ?? post;\n const commentsCount = entity.comments?.length \|\| 0;\n const [commentsVisible, setCommentsVisible] = useState(true);\n const alertApi = useApi(alertApiRef);\n\n const postComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi\n .commentAnswer(post.id, answer.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(a => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'answer');\n setEdited(false);\n if (a) {\n onCommentAction(post, a);\n }\n })\n .finally(() => setPosting(false));\n } else {\n qetaApi\n .commentPost(post.id, data.content)\n .catch(e =>\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n }),\n )\n .then(q => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'question');\n setEdited(false);\n if (q) {\n onCommentAction(q);\n }\n })\n .finally(() => setPosting(false));\n }\n };\n\n useConfirmNavigationIfEdited(edited);\n\n if (post.status !== 'active' && post.status !== 'obsolete') {\n return null;\n }\n\n const isObsolete = post.status === 'obsolete';\n\n return (\n <Box\n className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n >\n {commentsCount > 0 && (\n <Box display=\"flex\" alignItems=\"center\" pl={1}>\n <Button\n size=\"small\"\n variant=\"text\"\n onClick={() => setCommentsVisible(v => !v)}\n style={{\n textTransform: 'none',\n padding: '0.5rem 0.8rem',\n border: 'none',\n backgroundColor: 'transparent',\n }}\n endIcon={\n commentsVisible ? (\n <ExpandMoreIcon fontSize=\"small\" />\n ) : (\n <ExpandLessIcon fontSize=\"small\" />\n )\n }\n >\n {`${commentsCount} ${t('common.comments')}`}\n </Button>\n </Box>\n )}\n {commentsVisible && (\n <Box pl={1}>\n <CommentList\n post={post}\n answer={answer}\n onCommentAction={onCommentAction}\n />\n </Box>\n )}\n {!isObsolete && (\n <OptionalRequirePermission\n permission={qetaCreateCommentPermission}\n errorPage={<></>}\n >\n {!formVisible && showProminentButton && (\n <Grid container justifyContent=\"flex-start\">\n <Grid item>\n <Button\n variant=\"contained\"\n color=\"primary\"\n size=\"large\"\n startIcon={<AddCommentIcon />}\n onClick={() => setFormVisible(true)}\n className={styles.prominentButton}\n >\n {t('commentSection.leaveComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {!formVisible && !showProminentButton && (\n <Grid container justifyContent=\"flex-end\">\n <Grid item>\n <Button\n size=\"small\"\n startIcon={<AddCommentIcon fontSize=\"small\" />}\n onClick={() => setFormVisible(true)}\n className={styles.addCommentButton}\n >\n {t('commentSection.addComment')}\n </Button>\n </Grid>\n </Grid>\n )}\n {formVisible && (\n <Box className={styles.commentForm}>\n <CommentForm\n submit={postComment}\n saveButtonTitle={t('commentSection.post')}\n disabled={posting}\n onDiscard={() => setFormVisible(false)}\n />\n </Box>\n )}\n </OptionalRequirePermission>\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -358,7 +358,8 @@ const FilterPanel = (props) => {
                   mode === "users" && radioSelect("totalArticles", t("filterPanel.orderBy.articles")),
                   mode === "users" && radioSelect("totalLinks", t("filterPanel.orderBy.links")),
                   mode === "users" && radioSelect("totalViews", t("filterPanel.orderBy.views")),
-                  mode === "users" && radioSelect("totalVotes", t("filterPanel.orderBy.votes"))
+                  mode === "users" && radioSelect("totalVotes", t("filterPanel.orderBy.votes")),
+                  mode === "users" && radioSelect("reputation", t("filterPanel.orderBy.reputation"))
                 ]
               }
             )

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport SwapVertIcon from '@material-ui/icons/SwapVert';\nimport TuneIcon from '@material-ui/icons/Tune';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order?: 'asc' \| 'desc';\n orderBy?: string;\n searchQuery?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n entity?: string;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n dateRange?: string;\n status?: PostStatus;\n};\n\nexport type PostFilters = Filters & {\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n noAnswers?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n noVotes?: 'true' \| 'false';\n collectionId?: number;\n type?: PostType;\n entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?:\n \| 'created'\n \| 'title'\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount';\n};\n\nexport type TagFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'tag';\n};\n\nexport type EntityFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'entityRef';\n};\n\nexport type UserFilters = Filters & {\n orderBy?:\n \| 'totalPosts'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalViews'\n \| 'totalVotes'\n \| 'followerCount'\n \| 'userRef';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value?: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n mode?: 'posts' \| 'collections' \| 'tags' \| 'entities' \| 'users';\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1.5em',\n marginTop: '0',\n marginBottom: '2em',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.background.paper,\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n textTransform: 'uppercase',\n fontSize: '0.75rem',\n fontWeight: 'bold',\n marginBottom: '0.75em',\n color: theme.palette.text.secondary,\n '& > svg': {\n marginRight: '0.25em',\n fontSize: '1.1rem',\n },\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n mode = 'posts',\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value?: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n const showBottomSection =\n mode !== 'tags' && mode !== 'entities' && mode !== 'users';\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={3}\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item xs={12} md={4}>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\" className={styles.label}>\n <FilterListIcon />\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noAnswers\"\n onChange={handleChange}\n checked={filters.noAnswers === 'true'}\n />\n }\n label={t('filterPanel.noAnswers.label')}\n />\n )}\n {postFilters && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noCorrectAnswer\"\n checked={filters.noCorrectAnswer === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noCorrectAnswers.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type !== 'link' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noVotes\"\n checked={filters.noVotes === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noVotes.label')}\n />\n )}\n {starredEntitiesApi.starredEntities.size > 0 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"starredEntities\"\n onChange={e => handleStarredEntities(e.target.checked)}\n checked={starredEntities}\n />\n }\n label={t('filterPanel.starredEntities.label')}\n />\n )}\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"ownedEntities\"\n onChange={e => handleOwnedEntities(e.target.checked)}\n checked={ownedEntities}\n />\n }\n label={t('filterPanel.ownedEntities.label')}\n />\n </FormGroup>\n </Grid>\n )}\n <Grid item xs={12} md={5}>\n <FormControl component=\"fieldset\" style={{ width: '100%' }}>\n <FormLabel id=\"qeta-filter-order-by\" className={styles.label}>\n <SortIcon />\n {t('filterPanel.orderBy.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order-by\"\n name=\"orderBy\"\n value={filters.orderBy}\n onChange={handleChange}\n style={{\n display: 'grid',\n gridTemplateColumns: '1fr 1fr',\n gap: '0 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {mode !== 'users' &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n mode !== 'users' &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n\n {mode === 'tags' &&\n radioSelect('tag', t('filterPanel.orderBy.tag'))}\n {mode === 'entities' &&\n radioSelect('entityRef', t('filterPanel.orderBy.entityRef'))}\n {mode === 'users' &&\n radioSelect('userRef', t('filterPanel.orderBy.user'))}\n\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('postsCount', t('filterPanel.orderBy.posts'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect(\n 'questionsCount',\n t('filterPanel.orderBy.questions'),\n )}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('articlesCount', t('filterPanel.orderBy.articles'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('linksCount', t('filterPanel.orderBy.links'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'users' \|\|\n mode === 'collections') &&\n radioSelect(\n 'followerCount',\n t('filterPanel.orderBy.followers'),\n )}\n\n {mode === 'users' &&\n radioSelect('totalPosts', t('filterPanel.orderBy.posts'))}\n {mode === 'users' &&\n radioSelect(\n 'totalQuestions',\n t('filterPanel.orderBy.questions'),\n )}\n {mode === 'users' &&\n radioSelect('totalAnswers', t('filterPanel.orderBy.answers'))}\n {mode === 'users' &&\n radioSelect('totalArticles', t('filterPanel.orderBy.articles'))}\n {mode === 'users' &&\n radioSelect('totalLinks', t('filterPanel.orderBy.links'))}\n {mode === 'users' &&\n radioSelect('totalViews', t('filterPanel.orderBy.views'))}\n {mode === 'users' &&\n radioSelect('totalVotes', t('filterPanel.orderBy.votes'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item xs={12} md={3}>\n <FormControl component=\"fieldset\">\n <FormLabel id=\"qeta-filter-order\" className={styles.label}>\n <SwapVertIcon />\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n {showBottomSection && (\n <>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Box marginBottom=\"1em\">\n <FormLabel className={styles.label}>\n <TuneIcon />\n {t('filterPanel.filters.label')}\n </FormLabel>\n </Box>\n <Grid\n container\n spacing={2}\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n <Grid item xs={12} md={4}>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '100%' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {entities && entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({\n key: 'entitiesRelation',\n value: 'and',\n });\n } else {\n onChange({\n key: 'entitiesRelation',\n value: 'or',\n });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <TagInput\n style={{ width: '100%' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </>\n )}\n </Box>\n );\n};\n"],"names":["FilterListIcon"],"mappings":"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"}
1	+ {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport SwapVertIcon from '@material-ui/icons/SwapVert';\nimport TuneIcon from '@material-ui/icons/Tune';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order?: 'asc' \| 'desc';\n orderBy?: string;\n searchQuery?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n entity?: string;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n dateRange?: string;\n status?: PostStatus;\n};\n\nexport type PostFilters = Filters & {\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n noAnswers?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n noVotes?: 'true' \| 'false';\n collectionId?: number;\n type?: PostType;\n entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?:\n \| 'created'\n \| 'title'\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount';\n};\n\nexport type TagFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'tag';\n};\n\nexport type EntityFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'entityRef';\n};\n\nexport type UserFilters = Filters & {\n orderBy?:\n \| 'totalPosts'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalViews'\n \| 'totalVotes'\n \| 'followerCount'\n \| 'reputation'\n \| 'userRef';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value?: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n mode?: 'posts' \| 'collections' \| 'tags' \| 'entities' \| 'users';\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1.5em',\n marginTop: '0',\n marginBottom: '2em',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.background.paper,\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n textTransform: 'uppercase',\n fontSize: '0.75rem',\n fontWeight: 'bold',\n marginBottom: '0.75em',\n color: theme.palette.text.secondary,\n '& > svg': {\n marginRight: '0.25em',\n fontSize: '1.1rem',\n },\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n mode = 'posts',\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value?: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n const showBottomSection =\n mode !== 'tags' && mode !== 'entities' && mode !== 'users';\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={3}\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item xs={12} md={4}>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\" className={styles.label}>\n <FilterListIcon />\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noAnswers\"\n onChange={handleChange}\n checked={filters.noAnswers === 'true'}\n />\n }\n label={t('filterPanel.noAnswers.label')}\n />\n )}\n {postFilters && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noCorrectAnswer\"\n checked={filters.noCorrectAnswer === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noCorrectAnswers.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type !== 'link' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noVotes\"\n checked={filters.noVotes === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noVotes.label')}\n />\n )}\n {starredEntitiesApi.starredEntities.size > 0 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"starredEntities\"\n onChange={e => handleStarredEntities(e.target.checked)}\n checked={starredEntities}\n />\n }\n label={t('filterPanel.starredEntities.label')}\n />\n )}\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"ownedEntities\"\n onChange={e => handleOwnedEntities(e.target.checked)}\n checked={ownedEntities}\n />\n }\n label={t('filterPanel.ownedEntities.label')}\n />\n </FormGroup>\n </Grid>\n )}\n <Grid item xs={12} md={5}>\n <FormControl component=\"fieldset\" style={{ width: '100%' }}>\n <FormLabel id=\"qeta-filter-order-by\" className={styles.label}>\n <SortIcon />\n {t('filterPanel.orderBy.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order-by\"\n name=\"orderBy\"\n value={filters.orderBy}\n onChange={handleChange}\n style={{\n display: 'grid',\n gridTemplateColumns: '1fr 1fr',\n gap: '0 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {mode !== 'users' &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n mode !== 'users' &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n\n {mode === 'tags' &&\n radioSelect('tag', t('filterPanel.orderBy.tag'))}\n {mode === 'entities' &&\n radioSelect('entityRef', t('filterPanel.orderBy.entityRef'))}\n {mode === 'users' &&\n radioSelect('userRef', t('filterPanel.orderBy.user'))}\n\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('postsCount', t('filterPanel.orderBy.posts'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect(\n 'questionsCount',\n t('filterPanel.orderBy.questions'),\n )}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('articlesCount', t('filterPanel.orderBy.articles'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('linksCount', t('filterPanel.orderBy.links'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'users' \|\|\n mode === 'collections') &&\n radioSelect(\n 'followerCount',\n t('filterPanel.orderBy.followers'),\n )}\n\n {mode === 'users' &&\n radioSelect('totalPosts', t('filterPanel.orderBy.posts'))}\n {mode === 'users' &&\n radioSelect(\n 'totalQuestions',\n t('filterPanel.orderBy.questions'),\n )}\n {mode === 'users' &&\n radioSelect('totalAnswers', t('filterPanel.orderBy.answers'))}\n {mode === 'users' &&\n radioSelect('totalArticles', t('filterPanel.orderBy.articles'))}\n {mode === 'users' &&\n radioSelect('totalLinks', t('filterPanel.orderBy.links'))}\n {mode === 'users' &&\n radioSelect('totalViews', t('filterPanel.orderBy.views'))}\n {mode === 'users' &&\n radioSelect('totalVotes', t('filterPanel.orderBy.votes'))}\n {mode === 'users' &&\n radioSelect('reputation', t('filterPanel.orderBy.reputation'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item xs={12} md={3}>\n <FormControl component=\"fieldset\">\n <FormLabel id=\"qeta-filter-order\" className={styles.label}>\n <SwapVertIcon />\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n {showBottomSection && (\n <>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Box marginBottom=\"1em\">\n <FormLabel className={styles.label}>\n <TuneIcon />\n {t('filterPanel.filters.label')}\n </FormLabel>\n </Box>\n <Grid\n container\n spacing={2}\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n <Grid item xs={12} md={4}>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '100%' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {entities && entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({\n key: 'entitiesRelation',\n value: 'and',\n });\n } else {\n onChange({\n key: 'entitiesRelation',\n value: 'or',\n });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <TagInput\n style={{ width: '100%' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </>\n )}\n </Box>\n );\n};\n"],"names":["FilterListIcon"],"mappings":"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"}

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

@@ -13,15 +13,17 @@ import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { Box, Card, CardContent, Divider, Grid, Typography, Tooltip } from '@material-ui/core';
+import { useTheme, Box, Card, CardContent, Divider, Grid, Typography, Tooltip } from '@material-ui/core';
 import { Skeleton, Alert } from '@material-ui/lab';
 import ThumbUp from '@material-ui/icons/ThumbUp';
 import HelpOutline from '@material-ui/icons/HelpOutline';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
 import PeopleIcon from '@material-ui/icons/People';
+import EmojiEvents from '@material-ui/icons/EmojiEvents';
 const ImpactCard = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
+  const theme = useTheme();
   const { value: user, loading: userLoading } = useIdentityApi(
     (api) => api.getBackstageIdentity(),
     []
@@ -115,6 +117,28 @@ const ImpactCard = () => {
       /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", paragraph: true, children: t("impactCard.contributions", {
         lastWeek: impact.lastWeekImpact.toString(10)
       }) }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mt: 2, mb: 2, children: [
+        /* @__PURE__ */ jsx(
+          EmojiEvents,
+          {
+            style: { color: theme.palette.secondary.main, marginRight: "8px" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "subtitle1",
+            component: "span",
+            style: { fontWeight: "bold" },
+            children: [
+              t("impactCard.reputation"),
+              ":",
+              " ",
+              /* @__PURE__ */ jsx(Box, { component: "span", style: { fontSize: "1.1em" }, children: stats.summary.reputation || 0 })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", color: "textSecondary", children: [
         /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: item.icon }) }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const statItems = [\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={1}>\n {statItems.map((item, index) => (\n <Grid item xs={6} key={index}>\n <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n <Tooltip title={item.label}>\n <Box display=\"flex\" alignItems=\"center\">\n {item.icon}\n </Box>\n </Tooltip>\n <Box ml={1}>\n <Typography variant=\"subtitle2\" component=\"span\">\n {item.value} {item.label.toLowerCase()}\n </Typography>\n </Box>\n </Box>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,OAAA,EAAS,aAAgB,GAAA,cAAA;AAAA,IAC5C,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA;AAAA,IAChC;AAAC,GACH;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,YAAA;AAAA,IACT;AAAA,GACE,GAAA,UAAA;AAAA,IAIF,OAAM,GAAO,KAAA;AACX,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,MAAM,CAAC,MAAQ,EAAA,KAAK,CAAI,GAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,QACxC,IAAI,aAAc,EAAA;AAAA,QAClB,GAAA,CAAI,YAAa,CAAA,IAAA,CAAK,aAAa;AAAA,OACpC,CAAA;AACD,MAAO,OAAA,EAAE,QAAQ,KAAM,EAAA;AAAA,KACzB;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,UAAU,WAAe,IAAA,YAAA;AAE/B,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,OAAS,EAAA;AACX,MACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,CACN,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,MAAA,EAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACtB,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,IAAI,MAAM,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAChC,qBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,QAAA,EAAS,KAAO,EAAA,EAAA,EAAI,QAAQ,EAAI,EAAA,CAAA;AAAA,0BACjD,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,OAAM,KAAM,EAAA;AAAA,SAFhB,EAAA,EAAA,CAGvB,CACD,CAAA,EACH,CACF,EAAA;AAAA,OACF,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,2BAAQ,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA;AAGxD,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IAAM,MAAA,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,QAAA;AAE1B,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAA,OAAO,OAAO,GAAO,GAAA,OAAA,CAAQ,GAAG,CAAE,CAAA,MAAA,CAAO,OAAO,CAAI,GAAA,GAAA;AAAA,KACtD;AAEA,IAAM,MAAA,eAAA,GAAkB,YAAa,CAAA,MAAA,CAAO,MAAM,CAAA;AAElD,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAChC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC5C,KAAA,EAAO,EAAE,kBAAkB;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACpC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACA,kBAAe,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACvC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,QAC9C,KAAA,EAAO,EAAE,oBAAoB;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACC,UAAO,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC/B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA;AACjC,KACF;AAEA,IAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,IAAK,EAAA,SAAA,EAAU,MAAK,YAAY,EAAA,IAAA,EACjD,QAAE,EAAA,CAAA,CAAA,kBAAkB,CACvB,EAAA,CAAA;AAAA,2BACC,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAS,IAAI,CAC1C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,YAAA,EAAY,GAAG,eAAe,CAAA,MAAA,CAAA;AAAA,YAC9B,OAAO,EAAE,UAAA,EAAY,QAAQ,YAAc,EAAA,CAAA,EAAG,UAAU,MAAO,EAAA;AAAA,YAE9D,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,SAAU,EAAA,MAAA;AAAA,YACV,KAAO,EAAA,EAAE,UAAY,EAAA,OAAA,EAAS,eAAe,QAAS,EAAA;AAAA,YACtD,KAAM,EAAA,eAAA;AAAA,YAEL,YAAE,kBAAkB;AAAA;AAAA;AACvB,OACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,SAAA,EAAS,IACxD,EAAA,QAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,QAC7B,QAAU,EAAA,MAAA,CAAO,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,OAC5C,CACH,EAAA,CAAA;AAAA,0BAEC,OAAQ,EAAA,EAAA,CAAA;AAAA,sBAER,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EACP,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EACtB,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACpB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,UAAA,EAAW,QAAS,EAAA,KAAA,EAAM,eAC5C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,KAAA,EACnB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,UAAW,EAAA,QAAA,EAC5B,QAAK,EAAA,IAAA,CAAA,IAAA,EACR,CACF,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,OAAI,EAAI,EAAA,CAAA,EACP,+BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,SAAA,EAAU,MACvC,EAAA,QAAA,EAAA;AAAA,UAAK,IAAA,CAAA,KAAA;AAAA,UAAM,GAAA;AAAA,UAAE,IAAA,CAAK,MAAM,WAAY;AAAA,SAAA,EACvC,CACF,EAAA;AAAA,OAAA,EACF,CAZqB,EAAA,EAAA,KAavB,CACD,CAAA,EACH,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,MACnC,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,MAC7B,IAAK,EAAA,QAAA;AAAA,MACL,YAAA,EAAY,EAAE,kBAAkB,CAAA;AAAA,MAEhC,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAW,EAAA,CAAA,EACf,8BAAC,WAAa,EAAA,EAAA,QAAA,EAAA,aAAA,IAAgB,CAChC,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const statItems = [\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n <EmojiEvents\n style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n />\n <Typography\n variant=\"subtitle1\"\n component=\"span\"\n style={{ fontWeight: 'bold' }}\n >\n {t('impactCard.reputation')}:{' '}\n <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n {stats.summary.reputation \|\| 0}\n </Box>\n </Typography>\n </Box>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={1}>\n {statItems.map((item, index) => (\n <Grid item xs={6} key={index}>\n <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n <Tooltip title={item.label}>\n <Box display=\"flex\" alignItems=\"center\">\n {item.icon}\n </Box>\n </Tooltip>\n <Box ml={1}>\n <Typography variant=\"subtitle2\" component=\"span\">\n {item.value} {item.label.toLowerCase()}\n </Typography>\n </Box>\n </Box>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People"],"mappings":"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"}

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

@@ -17,7 +17,8 @@ import EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined';
 import SettingsOutlined from '@material-ui/icons/SettingsOutlined';
 import MenuOpenIcon from '@material-ui/icons/MenuOpen';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef } from '../../routes.esm.js';
+import RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef, reviewRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react';
 import '@backstage/catalog-model';
@@ -27,6 +28,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import { useCanReview } from '../../hooks/useCanReview.esm.js';
 const useStyles = makeStyles(
   (theme) => {
@@ -154,11 +156,13 @@ const LeftMenu = (props) => {
   const entitiesRoute = useRouteRef(entitiesRouteRef);
   const usersRoute = useRouteRef(usersRouteRef);
   const moderatorRoute = useRouteRef(moderatorRouteRef);
+  const reviewRoute = useRouteRef(reviewRouteRef);
   const styles = useStyles(props);
   const { t } = useTranslationRef(qetaTranslationRef);
   const location = useLocation();
   const navigate = useNavigate();
   const { isModerator } = useIsModerator();
+  const { canReview } = useCanReview();
   const app = useApp();
   const { compact = false, onToggle } = props;
   const {
@@ -317,9 +321,10 @@ const LeftMenu = (props) => {
             children: /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(EmojiEventsOutlined, { fontSize: "small" }) })
           }
         ),
-        isModerator && /* @__PURE__ */ jsxs(Fragment, { children: [
+        (isModerator || canReview) && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ jsx(Typography, { className: styles.sectionHeader, children: t("leftMenu.manage") }) }),
           /* @__PURE__ */ jsx(Divider, { className: styles.divider, component: "li" }),
+          /* @__PURE__ */ jsx(CustomMenuItem, { route: reviewRoute(), label: t("leftMenu.review"), children: /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(RateReviewOutlined, { fontSize: "small" }) }) }),
           /* @__PURE__ */ jsx(
             CustomMenuItem,
             {