npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.56.1 → 3.58.0 - Mend

@drodil/backstage-plugin-qeta-react 3.56.1 → 3.58.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 (81) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport {\n Post,\n PostsQuery,\n PostType,\n removeMarkdownFormatting,\n selectByPostType,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useUserInfo } from '../../hooks';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Link } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n Avatar,\n Box,\n Grid,\n ListItem,\n ListItemText,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n articleRouteRef,\n linkRouteRef,\n questionRouteRef,\n} from '../../routes.ts';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';\nimport VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';\nimport ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n textDecoration: 'none',\n color: 'inherit',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n emptyItem: {\n padding: '0 0 0 0.6rem',\n },\n voteBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n fontWeight: 600,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n background: theme.palette.background.paper,\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.divider}`,\n },\n voteBoxPositive: {\n background: theme.palette.success.main,\n color: theme.palette.getContrastText(theme.palette.success.main),\n },\n voteBoxNegative: {\n background: theme.palette.error.main,\n color: theme.palette.getContrastText(theme.palette.error.main),\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n}));\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nconst PostTooltip = (props: { post: Post }) => {\n const { post } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const { name, initials, user } = useUserInfo(\n post.author,\n post.anonymous ?? false,\n );\n\n return (\n <Grid container style={{ padding: '0.5em' }} spacing={1}>\n <Grid item xs={12}>\n <Typography\n variant=\"subtitle1\"\n style={{\n fontWeight: 600,\n marginBottom: '0.5em',\n }}\n >\n {post.title}\n </Typography>\n </Grid>\n\n <Grid item xs={12}>\n <Box\n style={{\n display: 'flex',\n alignItems: 'center',\n marginBottom: '0.5em',\n }}\n >\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n style={{ width: '20px', height: '20px', marginRight: '0.5em' }}\n >\n {initials}\n </Avatar>\n <Typography variant=\"body2\" style={{ marginRight: '0.5em' }}>\n {name}\n </Typography>\n <Typography\n variant=\"caption\"\n color=\"textSecondary\"\n style={{ marginTop: '0.5em' }}\n >\n <RelativeTimeWithTooltip value={post.created} />\n </Typography>\n </Box>\n </Grid>\n\n {post.tags && post.tags.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {post.tags.map(tag => `#${tag}`).join(' ')}\n </Typography>\n </Grid>\n )}\n\n {post.content && (\n <Grid item xs={12}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {truncate(removeMarkdownFormatting(post.content), 150)}\n </Typography>\n </Grid>\n )}\n\n <Grid item xs={12}>\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexWrap=\"wrap\"\n style={{ gap: '1em' }}\n >\n <Box display=\"flex\" alignItems=\"center\">\n <ThumbUpOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.score} {t('common.votes', {})}\n </Typography>\n </Box>\n\n <Box display=\"flex\" alignItems=\"center\">\n <VisibilityOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.views} {t('common.views', {})}\n </Typography>\n </Box>\n\n {post.type === 'question' && (\n <Box display=\"flex\" alignItems=\"center\">\n <QuestionAnswerOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.answersCount} {t('common.answers', {})}\n </Typography>\n </Box>\n )}\n\n <Box display=\"flex\" alignItems=\"center\">\n <ChatBubbleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.commentsCount} {t('common.comments', {})}\n </Typography>\n </Box>\n\n {post.correctAnswer && (\n <Box display=\"flex\" alignItems=\"center\" color=\"success.main\">\n <CheckCircleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('questionPage.correctAnswer', {})}\n </Typography>\n </Box>\n )}\n </Box>\n </Grid>\n </Grid>\n );\n};\n\nexport const PostHighlightListContent = (props: {\n loading?: boolean;\n error?: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n posts: Post[];\n title: string;\n icon?: ReactNode;\n noPostsLabel?: string;\n disableLoading?: boolean;\n}) => {\n const { loading, error, posts, title, icon, noPostsLabel, disableLoading } =\n props;\n const classes = useStyles();\n const tooltipClasses = useTooltipStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n return (\n <RightListContainer>\n <RightList title={title} icon={icon}>\n {loading &&\n !disableLoading &&\n Array.from({ length: 5 }).map((_, i) => (\n <ListItem className={classes.listItem} dense key={`skeleton-${i}`}>\n <Box className={classes.voteBox}>\n <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />\n </Box>\n <Skeleton variant=\"text\" width=\"80%\" />\n </ListItem>\n ))}\n {error && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={t('highlights.loadError')}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error && !loading && posts.length === 0 && noPostsLabel && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={noPostsLabel}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error &&\n posts.map(q => {\n const route = selectByPostType(\n q.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const href = route({ id: q.id.toString(10) });\n const vote = formatShortNumber(q.score);\n let voteBoxClass = classes.voteBox;\n if (q.correctAnswer) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n } else if (q.score < 0) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n }\n return (\n <Fragment key={q.id}>\n <Tooltip\n arrow\n title={<PostTooltip post={q} />}\n enterDelay={400}\n classes={{\n tooltip: tooltipClasses.tooltip,\n arrow: tooltipClasses.tooltipArrow,\n }}\n >\n <ListItem\n dense\n button\n className={classes.listItem}\n component={Link}\n to={href}\n aria-label={q.title}\n >\n <Box className={voteBoxClass}>{vote}</Box>\n <ListItemText\n primary={q.title}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n </Tooltip>\n </Fragment>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\nexport const PostHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: ReactNode;\n options?: PostsQuery;\n postType?: PostType;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPostsList(props.type, {\n limit: 5,\n type: props.postType,\n includeTags: false,\n includeAttachments: false,\n includeComments: false,\n includeAnswers: false,\n includeVotes: false,\n includeEntities: false,\n includeExperts: false,\n ...props.options,\n }),\n [],\n );\n\n const posts = response?.posts ?? [];\n\n return (\n <PostHighlightListContent\n posts={posts}\n loading={loading}\n error={error}\n title={props.title}\n icon={props.icon}\n noPostsLabel={props.noQuestionsLabel}\n />\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport {\n Post,\n PostsQuery,\n PostType,\n selectByPostType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { Box, ListItem, ListItemText, makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\nimport { PostTooltip } from '../Tooltips';\nimport HistoryIcon from '@material-ui/icons/History';\nimport WhatshotIcon from '@material-ui/icons/Whatshot';\nimport BookmarkIcon from '@material-ui/icons/Bookmark';\nimport PersonIcon from '@material-ui/icons/Person';\nimport HelpOutlineIcon from '@material-ui/icons/HelpOutline';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\n\nconst typeIconMap: Record<string, React.ReactNode> = {\n recent: <HistoryIcon fontSize=\"small\" />,\n hot: <WhatshotIcon fontSize=\"small\" />,\n followed: <BookmarkIcon fontSize=\"small\" />,\n own: <PersonIcon fontSize=\"small\" />,\n unanswered: <HelpOutlineIcon fontSize=\"small\" />,\n incorrect: <ErrorOutlineIcon fontSize=\"small\" />,\n};\n\nconst useStyles = makeStyles(theme => ({\n listItem: {\n display: 'flex',\n alignItems: 'center',\n padding: '0 4px',\n minHeight: 28,\n cursor: 'pointer',\n transition: 'background 0.2s',\n textDecoration: 'none',\n color: 'inherit',\n '&:hover': {\n background: theme.palette.action.hover,\n },\n },\n emptyItem: {\n padding: '0 0 0 0.6rem',\n },\n voteBox: {\n minWidth: 28,\n maxWidth: 28,\n height: 24,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 4,\n fontWeight: 600,\n marginRight: theme.spacing(1),\n marginLeft: theme.spacing(0.5),\n background: theme.palette.background.paper,\n color: theme.palette.text.primary,\n border: `1px solid ${theme.palette.divider}`,\n },\n voteBoxPositive: {\n background: theme.palette.success.main,\n color: theme.palette.getContrastText(theme.palette.success.main),\n },\n voteBoxNegative: {\n background: theme.palette.error.main,\n color: theme.palette.getContrastText(theme.palette.error.main),\n },\n listItemText: {\n color: theme.palette.text.primary,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flex: 1,\n },\n}));\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostHighlightListContent = (props: {\n loading?: boolean;\n error?: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n posts: Post[];\n title: string;\n icon?: ReactNode;\n noPostsLabel?: string;\n disableLoading?: boolean;\n containerClassName?: string;\n titleClassName?: string;\n hideIfEmpty?: boolean;\n}) => {\n const {\n loading,\n error,\n posts,\n title,\n icon,\n noPostsLabel,\n disableLoading,\n containerClassName,\n titleClassName,\n hideIfEmpty,\n } = props;\n const classes = useStyles();\n\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n // Hide the component if empty and hideIfEmpty is true\n if (hideIfEmpty && !loading && !error && posts.length === 0) {\n return null;\n }\n\n return (\n <RightListContainer className={containerClassName}>\n <RightList title={title} icon={icon} titleClassName={titleClassName}>\n {loading &&\n !disableLoading &&\n Array.from({ length: 5 }).map((_, i) => (\n <ListItem className={classes.listItem} dense key={`skeleton-${i}`}>\n <Box className={classes.voteBox}>\n <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />\n </Box>\n <Skeleton variant=\"text\" width=\"80%\" />\n </ListItem>\n ))}\n {error && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={t('highlights.loadError')}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error && !loading && posts.length === 0 && noPostsLabel && (\n <ListItem className={classes.emptyItem} dense>\n <ListItemText\n primary={noPostsLabel}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n )}\n {!error &&\n posts.map(q => {\n const route = selectByPostType(\n q.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const href = route({ id: q.id.toString(10) });\n const vote = formatShortNumber(q.score);\n let voteBoxClass = classes.voteBox;\n if (q.correctAnswer) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n } else if (q.score < 0) {\n voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n }\n return (\n <Fragment key={q.id}>\n <PostTooltip\n post={q}\n arrow\n enterDelay={400}\n enterNextDelay={400}\n placement=\"left\"\n interactive={false}\n >\n <ListItem\n dense\n button\n className={classes.listItem}\n component={Link}\n to={href}\n aria-label={q.title}\n >\n <Box className={voteBoxClass}>{vote}</Box>\n <ListItemText\n primary={q.title}\n classes={{ primary: classes.listItemText }}\n />\n </ListItem>\n </PostTooltip>\n </Fragment>\n );\n })}\n </RightList>\n </RightListContainer>\n );\n};\nexport const PostHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: ReactNode;\n options?: PostsQuery;\n postType?: PostType;\n hideIfEmpty?: boolean;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api =>\n api.getPostsList(props.type, {\n limit: 5,\n type: props.postType,\n includeTags: false,\n includeAttachments: false,\n includeComments: false,\n includeAnswers: false,\n includeVotes: false,\n includeEntities: false,\n includeExperts: false,\n ...props.options,\n }),\n [],\n );\n\n const posts = response?.posts ?? [];\n\n return (\n <PostHighlightListContent\n posts={posts}\n loading={loading}\n error={error}\n title={props.title}\n icon={props.icon ?? typeIconMap[props.type]}\n noPostsLabel={props.noQuestionsLabel}\n hideIfEmpty={props.hideIfEmpty}\n />\n );\n};\n"],"names":["WhatshotIcon","HelpOutlineIcon"],"mappings":"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"}

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

@@ -25,7 +25,8 @@ import '@material-ui/icons/HelpOutline';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
 import '@backstage/core-components';
-import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/NotificationsActive';
+import '@material-ui/icons/NotificationsNone';
 import '../../api.esm.js';
 import 'react-use';
 import '../../hooks/useListItemStyles.esm.js';

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 { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n selectByPostType,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n height: '100%',\n padding: theme.spacing(2.5, 3.5, 2, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n color: 'inherit',\n '&:first-child': {\n paddingTop: theme.spacing(3),\n },\n position: 'relative',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n cursor: 'pointer',\n },\n overlayLink: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0,\n },\n contentWrapper: {\n pointerEvents: 'none',\n },\n contentClickable: {\n position: 'relative',\n zIndex: 10,\n pointerEvents: 'auto',\n },\n metaCol: {\n minWidth: 64,\n maxWidth: 64,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: theme.spacing(1.5),\n gap: '6px',\n },\n metaItem: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n width: '100%',\n fontSize: '15px',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n fontWeight: 500,\n },\n metaItemWarning: {\n color: theme.palette.warning.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '16px',\n color: theme.palette.text.primary,\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n lineHeight: 1.2,\n textDecoration: 'none',\n },\n content: {\n color: theme.palette.text.primary,\n opacity: 0.9,\n margin: '0px 0 4px 0px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '14px',\n minHeight: '20px',\n },\n tagsRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n marginTop: '10px',\n },\n tags: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: 4,\n },\n authorBoxContainer: {\n marginLeft: 'auto',\n display: 'flex',\n alignItems: 'center',\n },\n contentContainer: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n justifyContent: 'space-between',\n marginBottom: theme.spacing(0.5),\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n flex: 1,\n minWidth: 0,\n },\n typeLabel: {\n height: 24,\n marginBottom: 0,\n marginRight: 0,\n padding: theme.spacing(0, 0.5, 0, 1),\n },\n openLinkButton: {\n padding: 0,\n height: 24,\n width: 24,\n },\n starContainer: {\n height: 24,\n width: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const {\n post,\n entity,\n showTypeLabel,\n allowRanking,\n onRankUpdate,\n collectionId,\n } = props;\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const [score, setScore] = useState(post.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\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 setScore(lastSignal.score);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n const route = selectByPostType(\n post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n\n const href = entity\n ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n /* eslint-disable no-nested-ternary /\n const answerClassName = correctAnswer\n ? styles.metaItemActive\n : answersCount === 0\n ? styles.metaItemWarning\n : '';\n / eslint-enable no-nested-ternary */\n\n return (\n <Box className={styles.root}>\n <RouterLink\n to={href}\n className={styles.overlayLink}\n aria-label={post.title}\n />\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip\n title={\n post.type === 'link'\n ? t('common.clicksCount', { count: score })\n : t('common.votesCount', { count: score })\n }\n arrow\n >\n <Box className={styles.metaItem}>\n {post.type === 'link' ? (\n <TouchApp className={styles.metaIcon} />\n ) : (\n <ThumbUp className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n\n {post.type === 'question' && (\n <Tooltip\n title={t('common.answersCount', { count: answersCount })}\n arrow\n >\n <Box className={`${styles.metaItem} ${answerClassName}`}>\n {correctAnswer ? (\n <CheckCircle className={styles.metaIcon} />\n ) : (\n <QuestionAnswer className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(answersCount)}\n </Typography>\n </Box>\n </Tooltip>\n )}\n\n <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n <Box className={styles.metaItem}>\n <Visibility className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(views)}\n </Typography>\n </Box>\n </Tooltip>\n </Box>\n\n <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n {post.type === 'link' && <FaviconItem entity={post} />}\n <Typography component=\"div\" className={styles.title}>\n {post.title}\n </Typography>\n </Box>\n\n <Box\n display=\"flex\"\n alignItems=\"center\"\n style={{ gap: '8px' }}\n className={styles.contentClickable}\n >\n {post.favorite && (\n <Tooltip title={t('common.favorite')}>\n <Box className={styles.starContainer}>\n <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n </Box>\n </Tooltip>\n )}\n {post.status === 'obsolete' && (\n <Tooltip title={t('common.obsolete')}>\n <Box className={styles.starContainer}>\n <ErrorOutlineIcon\n style={{ color: '#FF9800', fontSize: 20 }}\n />\n </Box>\n </Tooltip>\n )}\n <StatusChip status={post.status} />\n {showTypeLabel && post.type && (\n <Chip\n size=\"small\"\n variant=\"outlined\"\n icon={selectByPostType(\n post.type,\n <QuestionAnswer style={{ fontSize: 16 }} />,\n <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n <LinkIcon style={{ fontSize: 16 }} />,\n )}\n label={capitalizeFirstLetter(t(`common.${post.type}`))}\n className={styles.typeLabel}\n />\n )}\n {post.type === 'link' && (\n <OpenLinkButton entity={post} className={styles.openLinkButton} />\n )}\n </Box>\n </Box>\n\n <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={`${styles.tags} ${styles.contentClickable}`}>\n <TagsAndEntities entity={post} />\n </Box>\n <Box\n className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n >\n {allowRanking && (\n <Box mr={2} mb={1}>\n <RankingButtons\n postId={post.id}\n collectionId={collectionId}\n onRankUpdate={onRankUpdate}\n />\n </Box>\n )}\n <AuthorBox\n userEntityRef={post.author}\n time={getPostDisplayDate(post)}\n label={t('authorBox.postedAtTime')}\n expert={Boolean(post.experts && post.experts.length > 0)}\n anonymous={post.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,YAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,SAAS,KAAM,CAAA,OAAA,CAAQ,GAAK,EAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,IACrC,SAAW,EAAA,EAAA;AAAA,IACX,UAAY,EAAA,sBAAA;AAAA,IACZ,cAAgB,EAAA,MAAA;AAAA,IAChB,KAAO,EAAA,SAAA;AAAA,IACP,eAAiB,EAAA;AAAA,MACf,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC7B;AAAA,IACA,QAAU,EAAA,UAAA;AAAA,IACV,SAAW,EAAA;AAAA,MACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,MACtC,UAAY,EAAA;AAAA,QACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA;AAC/B,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,EAAA;AAAA,IACR,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC9B,GAAK,EAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,OAAS,EAAA,GAAA;AAAA,IACT,MAAQ,EAAA,eAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,IACT,eAAiB,EAAA,CAAA;AAAA,IACjB,eAAiB,EAAA,UAAA;AAAA,IACjB,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA;AAAA,GACP;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA,CAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,cAAgB,EAAA,eAAA;AAAA,IAChB,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,WAAa,EAAA,CAAA;AAAA,IACb,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,GAAA,EAAK,GAAG,CAAC;AAAA,GACrC;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,CAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA,aAAe,EAAA;AAAA,IACb,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAEF,SAAS,kBAAkB,GAAqB,EAAA;AAC9C,EAAO,OAAA,GAAA,IAAO,MAAO,OAAQ,CAAA,GAAG,EAAE,MAAO,CAAA,OAAO,CAAI,GAAA,GAAA,CAAI,QAAS,EAAA;AACnE;AAEA,SAAS,sBAAsB,GAAa,EAAA;AAC1C,EAAA,OAAO,MAAO,CAAA,GAAG,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,WAAY,EAAA,GAAI,MAAO,CAAA,GAAG,CAAE,CAAA,KAAA,CAAM,CAAC,CAAA;AAClE;AAEa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AACzB,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAA,MAAM,KAAQ,GAAA,gBAAA;AAAA,IACZ,IAAK,CAAA,IAAA;AAAA,IACL,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA,EAAE,IAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,CAAE,EAAC,CAAC,CAAW,QAAA,EAAA,MAAM,CACvD,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAGtC,EAAA,MAAM,kBAAkB,aACpB,GAAA,MAAA,CAAO,iBACP,YAAiB,KAAA,CAAA,GACjB,OAAO,eACP,GAAA,EAAA;AAGJ,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAACA,IAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,IAAA;AAAA,QACJ,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,cAAY,IAAK,CAAA;AAAA;AAAA,KACnB;AAAA,oBACA,IAAA,CAAC,OAAI,SAAW,EAAA,MAAA,CAAO,SAAS,YAAY,EAAA,CAAA,CAAE,kBAAkB,CAC9D,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OACE,IAAK,CAAA,IAAA,KAAS,MACV,GAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,KAAM,EAAC,IACxC,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,UAE7C,KAAK,EAAA,IAAA;AAAA,UAEL,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,QACpB,EAAA,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,IAAS,KAAA,MAAA,mBACZ,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA,mBAErC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAEvC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,MAEC,IAAA,CAAK,SAAS,UACb,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,CAAE,CAAA,qBAAA,EAAuB,EAAE,KAAA,EAAO,cAAc,CAAA;AAAA,UACvD,KAAK,EAAA,IAAA;AAAA,UAEL,QAAA,kBAAA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,QAAQ,CAAA,CAAA,EAAI,eAAe,CAClD,CAAA,EAAA,QAAA,EAAA;AAAA,YACC,aAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,oBAExC,GAAA,CAAAC,kBAAA,EAAA,EAAe,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAE9C,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,YAAY,CACjC,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,0BAGD,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAO,EAAA,KAAA,EAAO,CAAA,EAAG,OAAK,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,QACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBAEA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,gBAAgB,CAAA,CAAA,EAAI,MAAO,CAAA,cAAc,CACjE,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YACpB,EAAA,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAS,KAAA,MAAA,oBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA;AAAA,0BACpD,GAAA,CAAC,cAAW,SAAU,EAAA,KAAA,EAAM,WAAW,MAAO,CAAA,KAAA,EAC3C,eAAK,KACR,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBAEA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,MAAA;AAAA,YACR,UAAW,EAAA,QAAA;AAAA,YACX,KAAA,EAAO,EAAE,GAAA,EAAK,KAAM,EAAA;AAAA,YACpB,WAAW,MAAO,CAAA,gBAAA;AAAA,YAEjB,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,QAAA,wBACH,OAAQ,EAAA,EAAA,KAAA,EAAO,EAAE,iBAAiB,CAAA,EACjC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,KAAA,EAAO,WAAW,QAAU,EAAA,EAAA,EAAM,EAAA,CAAA,EACvD,CACF,EAAA,CAAA;AAAA,cAED,IAAK,CAAA,MAAA,KAAW,UACf,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,aACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,gBAAA;AAAA,gBAAA;AAAA,kBACC,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAW,UAAU,EAAG;AAAA;AAAA,iBAE5C,CACF,EAAA,CAAA;AAAA,8BAED,GAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,cAChC,aAAA,IAAiB,KAAK,IACrB,oBAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,IAAK,EAAA,OAAA;AAAA,kBACL,OAAQ,EAAA,UAAA;AAAA,kBACR,IAAM,EAAA,gBAAA;AAAA,oBACJ,IAAK,CAAA,IAAA;AAAA,wCACJA,kBAAe,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,wCACxC,uBAAwB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,wCACjD,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA;AAAA,mBACrC;AAAA,kBACA,OAAO,qBAAsB,CAAA,CAAA,CAAE,UAAU,IAAK,CAAA,IAAI,EAAE,CAAC,CAAA;AAAA,kBACrD,WAAW,MAAO,CAAA;AAAA;AAAA,eACpB;AAAA,cAED,IAAA,CAAK,SAAS,MACb,oBAAA,GAAA,CAAC,kBAAe,MAAQ,EAAA,IAAA,EAAM,SAAW,EAAA,MAAA,CAAO,cAAgB,EAAA;AAAA;AAAA;AAAA;AAEpE,OACF,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,SAAA,EAAW,OAAO,OAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,uBAAyB,EAAA;AAAA,YACvB,QAAQ,SAAU,CAAA,QAAA;AAAA,cAChB,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD;AACF;AAAA,OAEJ,EAAA,CAAA;AAAA,sBAEC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OACrB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,MAAO,CAAA,gBAAgB,CACvD,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAQ,MAAM,CACjC,EAAA,CAAA;AAAA,wBACA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAG,EAAA,MAAA,CAAO,kBAAkB,CAAA,CAAA,EAAI,OAAO,gBAAgB,CAAA,CAAA;AAAA,YAEjE,QAAA,EAAA;AAAA,cAAA,YAAA,oBACE,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,CACd,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,cAAA;AAAA,gBAAA;AAAA,kBACC,QAAQ,IAAK,CAAA,EAAA;AAAA,kBACb,YAAA;AAAA,kBACA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BAEF,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACC,eAAe,IAAK,CAAA,MAAA;AAAA,kBACpB,IAAA,EAAM,mBAAmB,IAAI,CAAA;AAAA,kBAC7B,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,kBACjC,QAAQ,OAAQ,CAAA,IAAA,CAAK,WAAW,IAAK,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA;AAAA,kBACvD,WAAW,IAAK,CAAA,SAAA;AAAA,kBAChB,OAAO,EAAA;AAAA;AAAA;AACT;AAAA;AAAA;AACF,OACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n selectByPostType,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n height: '100%',\n padding: theme.spacing(2.5, 3.5, 2, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n color: 'inherit',\n '&:first-child': {\n paddingTop: theme.spacing(3),\n },\n position: 'relative',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n cursor: 'pointer',\n },\n overlayLink: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0,\n },\n contentWrapper: {\n pointerEvents: 'none',\n },\n contentClickable: {\n position: 'relative',\n zIndex: 10,\n pointerEvents: 'auto',\n },\n metaCol: {\n minWidth: 64,\n maxWidth: 64,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: theme.spacing(1.5),\n gap: '6px',\n },\n metaItem: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n width: '100%',\n fontSize: '15px',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n fontWeight: 500,\n },\n metaItemWarning: {\n color: theme.palette.warning.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '16px',\n color: theme.palette.text.primary,\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n lineHeight: 1.2,\n textDecoration: 'none',\n },\n content: {\n color: theme.palette.text.primary,\n opacity: 0.9,\n margin: '0px 0 4px 0px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '14px',\n minHeight: '20px',\n },\n tagsRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n marginTop: '10px',\n },\n tags: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: 4,\n },\n authorBoxContainer: {\n marginLeft: 'auto',\n display: 'flex',\n alignItems: 'center',\n },\n contentContainer: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n justifyContent: 'space-between',\n marginBottom: theme.spacing(0.5),\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n flex: 1,\n minWidth: 0,\n },\n typeLabel: {\n height: 24,\n marginBottom: 0,\n marginRight: 0,\n padding: theme.spacing(0, 0.5, 0, 1),\n },\n openLinkButton: {\n padding: 0,\n height: 24,\n width: 24,\n },\n starContainer: {\n height: 24,\n width: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const {\n post,\n entity,\n showTypeLabel,\n allowRanking,\n onRankUpdate,\n collectionId,\n } = props;\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const [score, setScore] = useState(post.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\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 setScore(lastSignal.score);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n const route = selectByPostType(\n post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n\n const href = entity\n ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n /* eslint-disable no-nested-ternary /\n const answerClassName = correctAnswer\n ? styles.metaItemActive\n : answersCount === 0\n ? styles.metaItemWarning\n : '';\n / eslint-enable no-nested-ternary */\n\n return (\n <Box className={styles.root}>\n <RouterLink\n to={href}\n className={styles.overlayLink}\n aria-label={post.title}\n />\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip\n title={\n post.type === 'link'\n ? t('common.clicksCount', { count: score })\n : t('common.votesCount', { count: score })\n }\n arrow\n >\n <Box className={styles.metaItem}>\n {post.type === 'link' ? (\n <TouchApp className={styles.metaIcon} />\n ) : (\n <ThumbUp className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n\n {post.type === 'question' && (\n <Tooltip\n title={t('common.answersCount', { count: answersCount })}\n arrow\n >\n <Box className={`${styles.metaItem} ${answerClassName}`}>\n {correctAnswer ? (\n <CheckCircle className={styles.metaIcon} />\n ) : (\n <QuestionAnswer className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(answersCount)}\n </Typography>\n </Box>\n </Tooltip>\n )}\n\n <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n <Box className={styles.metaItem}>\n <Visibility className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(views)}\n </Typography>\n </Box>\n </Tooltip>\n </Box>\n\n <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n {post.type === 'link' && <FaviconItem entity={post} />}\n <Typography component=\"div\" className={styles.title}>\n {post.title}\n </Typography>\n </Box>\n\n <Box\n display=\"flex\"\n alignItems=\"center\"\n style={{ gap: '8px' }}\n className={styles.contentClickable}\n >\n {post.favorite && (\n <Tooltip title={t('common.favorite')}>\n <Box className={styles.starContainer}>\n <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n </Box>\n </Tooltip>\n )}\n {post.status === 'obsolete' && (\n <Tooltip title={t('common.obsolete')}>\n <Box className={styles.starContainer}>\n <ErrorOutlineIcon\n style={{ color: '#FF9800', fontSize: 20 }}\n />\n </Box>\n </Tooltip>\n )}\n <StatusChip status={post.status} />\n {showTypeLabel && post.type && (\n <Chip\n size=\"small\"\n variant=\"outlined\"\n icon={selectByPostType(\n post.type,\n <QuestionAnswer style={{ fontSize: 16 }} />,\n <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n <LinkIcon style={{ fontSize: 16 }} />,\n )}\n label={capitalizeFirstLetter(t(`common.${post.type}`))}\n className={styles.typeLabel}\n />\n )}\n {post.type === 'link' && (\n <OpenLinkButton entity={post} className={styles.openLinkButton} />\n )}\n </Box>\n </Box>\n\n <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={`${styles.tags} ${styles.contentClickable}`}>\n <TagsAndEntities entity={post} />\n </Box>\n <Box\n className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n >\n {allowRanking && (\n <Box mr={2} mb={1}>\n <RankingButtons\n postId={post.id}\n collectionId={collectionId}\n onRankUpdate={onRankUpdate}\n />\n </Box>\n )}\n <AuthorBox\n userEntityRef={post.author}\n time={getPostDisplayDate(post)}\n label={t('authorBox.postedAtTime')}\n expert={Boolean(post.experts && post.experts.length > 0)}\n anonymous={post.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,YAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,SAAS,KAAM,CAAA,OAAA,CAAQ,GAAK,EAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,IACrC,SAAW,EAAA,EAAA;AAAA,IACX,UAAY,EAAA,sBAAA;AAAA,IACZ,cAAgB,EAAA,MAAA;AAAA,IAChB,KAAO,EAAA,SAAA;AAAA,IACP,eAAiB,EAAA;AAAA,MACf,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC7B;AAAA,IACA,QAAU,EAAA,UAAA;AAAA,IACV,SAAW,EAAA;AAAA,MACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,MACtC,UAAY,EAAA;AAAA,QACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA;AAC/B,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,EAAA;AAAA,IACR,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC9B,GAAK,EAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,OAAS,EAAA,GAAA;AAAA,IACT,MAAQ,EAAA,eAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,IACT,eAAiB,EAAA,CAAA;AAAA,IACjB,eAAiB,EAAA,UAAA;AAAA,IACjB,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA;AAAA,GACP;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA,CAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,cAAgB,EAAA,eAAA;AAAA,IAChB,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,WAAa,EAAA,CAAA;AAAA,IACb,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,GAAA,EAAK,GAAG,CAAC;AAAA,GACrC;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,CAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA,aAAe,EAAA;AAAA,IACb,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAEF,SAAS,kBAAkB,GAAqB,EAAA;AAC9C,EAAO,OAAA,GAAA,IAAO,MAAO,OAAQ,CAAA,GAAG,EAAE,MAAO,CAAA,OAAO,CAAI,GAAA,GAAA,CAAI,QAAS,EAAA;AACnE;AAEA,SAAS,sBAAsB,GAAa,EAAA;AAC1C,EAAA,OAAO,MAAO,CAAA,GAAG,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,WAAY,EAAA,GAAI,MAAO,CAAA,GAAG,CAAE,CAAA,KAAA,CAAM,CAAC,CAAA;AAClE;AAEa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AACzB,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAA,MAAM,KAAQ,GAAA,gBAAA;AAAA,IACZ,IAAK,CAAA,IAAA;AAAA,IACL,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA,EAAE,IAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,CAAE,EAAC,CAAC,CAAW,QAAA,EAAA,MAAM,CACvD,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAGtC,EAAA,MAAM,kBAAkB,aACpB,GAAA,MAAA,CAAO,iBACP,YAAiB,KAAA,CAAA,GACjB,OAAO,eACP,GAAA,EAAA;AAGJ,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAACA,IAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,IAAA;AAAA,QACJ,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,cAAY,IAAK,CAAA;AAAA;AAAA,KACnB;AAAA,oBACA,IAAA,CAAC,OAAI,SAAW,EAAA,MAAA,CAAO,SAAS,YAAY,EAAA,CAAA,CAAE,kBAAkB,CAC9D,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OACE,IAAK,CAAA,IAAA,KAAS,MACV,GAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,KAAM,EAAC,IACxC,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,UAE7C,KAAK,EAAA,IAAA;AAAA,UAEL,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,QACpB,EAAA,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,IAAS,KAAA,MAAA,mBACZ,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA,mBAErC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAEvC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,MAEC,IAAA,CAAK,SAAS,UACb,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,CAAE,CAAA,qBAAA,EAAuB,EAAE,KAAA,EAAO,cAAc,CAAA;AAAA,UACvD,KAAK,EAAA,IAAA;AAAA,UAEL,QAAA,kBAAA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,QAAQ,CAAA,CAAA,EAAI,eAAe,CAClD,CAAA,EAAA,QAAA,EAAA;AAAA,YACC,aAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,oBAExC,GAAA,CAAAC,kBAAA,EAAA,EAAe,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAE9C,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,YAAY,CACjC,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,0BAGD,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAO,EAAA,KAAA,EAAO,CAAA,EAAG,OAAK,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,QACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBAEA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,gBAAgB,CAAA,CAAA,EAAI,MAAO,CAAA,cAAc,CACjE,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YACpB,EAAA,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAS,KAAA,MAAA,oBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA;AAAA,0BACpD,GAAA,CAAC,cAAW,SAAU,EAAA,KAAA,EAAM,WAAW,MAAO,CAAA,KAAA,EAC3C,eAAK,KACR,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBAEA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,MAAA;AAAA,YACR,UAAW,EAAA,QAAA;AAAA,YACX,KAAA,EAAO,EAAE,GAAA,EAAK,KAAM,EAAA;AAAA,YACpB,WAAW,MAAO,CAAA,gBAAA;AAAA,YAEjB,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,QAAA,wBACH,OAAQ,EAAA,EAAA,KAAA,EAAO,EAAE,iBAAiB,CAAA,EACjC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,KAAA,EAAO,WAAW,QAAU,EAAA,EAAA,EAAM,EAAA,CAAA,EACvD,CACF,EAAA,CAAA;AAAA,cAED,IAAK,CAAA,MAAA,KAAW,UACf,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,aACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,gBAAA;AAAA,gBAAA;AAAA,kBACC,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAW,UAAU,EAAG;AAAA;AAAA,iBAE5C,CACF,EAAA,CAAA;AAAA,8BAED,GAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,cAChC,aAAA,IAAiB,KAAK,IACrB,oBAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,IAAK,EAAA,OAAA;AAAA,kBACL,OAAQ,EAAA,UAAA;AAAA,kBACR,IAAM,EAAA,gBAAA;AAAA,oBACJ,IAAK,CAAA,IAAA;AAAA,wCACJA,kBAAe,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,wCACxC,uBAAwB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,wCACjD,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA;AAAA,mBACrC;AAAA,kBACA,OAAO,qBAAsB,CAAA,CAAA,CAAE,UAAU,IAAK,CAAA,IAAI,EAAE,CAAC,CAAA;AAAA,kBACrD,WAAW,MAAO,CAAA;AAAA;AAAA,eACpB;AAAA,cAED,IAAA,CAAK,SAAS,MACb,oBAAA,GAAA,CAAC,kBAAe,MAAQ,EAAA,IAAA,EAAM,SAAW,EAAA,MAAA,CAAO,cAAgB,EAAA;AAAA;AAAA;AAAA;AAEpE,OACF,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,SAAA,EAAW,OAAO,OAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,uBAAyB,EAAA;AAAA,YACvB,QAAQ,SAAU,CAAA,QAAA;AAAA,cAChB,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD;AACF;AAAA,OAEJ,EAAA,CAAA;AAAA,sBAEC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OACrB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,MAAO,CAAA,gBAAgB,CACvD,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAQ,MAAM,CACjC,EAAA,CAAA;AAAA,wBACA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAG,EAAA,MAAA,CAAO,kBAAkB,CAAA,CAAA,EAAI,OAAO,gBAAgB,CAAA,CAAA;AAAA,YAEjE,QAAA,EAAA;AAAA,cAAA,YAAA,oBACE,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,CACd,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,cAAA;AAAA,gBAAA;AAAA,kBACC,QAAQ,IAAK,CAAA,EAAA;AAAA,kBACb,YAAA;AAAA,kBACA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BAEF,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACC,eAAe,IAAK,CAAA,MAAA;AAAA,kBACpB,IAAA,EAAM,mBAAmB,IAAI,CAAA;AAAA,kBAC7B,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,kBACjC,QAAQ,OAAQ,CAAA,IAAA,CAAK,WAAW,IAAK,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA;AAAA,kBACvD,WAAW,IAAK,CAAA,SAAA;AAAA,kBAChB,OAAO,EAAA;AAAA;AAAA;AACT;AAAA;AAAA;AACF,OACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -30,8 +30,8 @@ import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
-import '@material-ui/icons/Visibility';
-import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/NotificationsActive';
+import '@material-ui/icons/NotificationsNone';
 import '../Buttons/ButtonContainer.esm.js';
 import '../Buttons/RankingButtons.esm.js';
 import { capitalize } from 'lodash';

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

@@ -24,8 +24,8 @@ import '@material-ui/icons/HelpOutline';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
 import '@backstage/core-components';
-import '@material-ui/icons/Visibility';
-import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/NotificationsActive';
+import '@material-ui/icons/NotificationsNone';
 import '../../api.esm.js';
 import 'react-use';
 import '../../hooks/useListItemStyles.esm.js';

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

@@ -121,10 +121,10 @@ function QetaEntityContainer({
         ...filterPanelProps
       }
     ) }),
-    loading && (items.length === 0 || settings.usePagination) && /* @__PURE__ */ jsx(LoadingGrid, {}),
+    loading && (items?.length === 0 || settings.usePagination) && /* @__PURE__ */ jsx(LoadingGrid, {}),
     error && /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("common.error"), children: error?.message }),
-    !loading && !error && items.length === 0 && emptyState,
-    items.length > 0 && (!loading || !settings.usePagination) && /* @__PURE__ */ jsxs(Fragment, { children: [
+    !loading && !error && items?.length === 0 && emptyState,
+    items?.length > 0 && (!loading || !settings.usePagination) && /* @__PURE__ */ jsxs(Fragment, { children: [
       view === "grid" && renderGridItem && /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "row", alignItems: "stretch", children: items.map((item, index) => /* @__PURE__ */ jsx(
         Grid,
         {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QetaEntityContainer.esm.js","sources":["../../../src/components/QetaEntityContainer/QetaEntityContainer.tsx"],"sourcesContent":["import {\n Box,\n Collapse,\n Button,\n Grid,\n GridProps,\n Typography,\n Card,\n Divider,\n} from '@material-ui/core';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nimport {\n useQetaEntities,\n QetaEntitiesProps,\n} from '../../hooks/useQetaEntities';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport {\n FilterPanel,\n CommonFilterPanelProps,\n Filters,\n} from '../FilterPanel/FilterPanel';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { QetaPagination } from '../Utility';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport {\n QetaIdEntity,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Fragment, useState, useEffect, useRef } from 'react';\nimport { useUserSettings } from '../../hooks/useUserSettings';\n\nexport type QetaEntityContainerProps<T, F extends Filters> = QetaEntitiesProps<\n T,\n F\n> & {\n title:\n \| string\n \| React.ReactNode\n \| ((total: number) => string \| React.ReactNode);\n searchPlaceholder?: string;\n renderGridItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n renderListItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n filterPanelProps?: CommonFilterPanelProps;\n emptyState?: React.ReactNode;\n emptyMessage?: string;\n headerButtons?:\n \| React.ReactNode\n \| ((utils: { retry: () => void }) => React.ReactNode);\n getKey?: (item: T) => string \| number;\n gridItemProps?: GridProps;\n defaultView?: ViewType;\n};\n\nexport function QetaEntityContainer<\n T extends QetaIdEntity \| UserResponse,\n F extends Filters,\n>({\n title,\n searchPlaceholder,\n renderGridItem,\n renderListItem,\n filterPanelProps,\n emptyState,\n headerButtons,\n getKey,\n gridItemProps,\n defaultView = 'grid',\n ...hookProps\n}: QetaEntityContainerProps<T, F>) {\n const { settings, getSetting, setSetting, isLoaded } = useUserSettings();\n const [view, setView] = useState<ViewType>(defaultView);\n\n useEffect(() => {\n if (isLoaded) {\n const savedView = settings.viewType[hookProps.prefix];\n if (savedView) {\n setView(savedView);\n }\n }\n }, [isLoaded, settings.viewType, hookProps.prefix]);\n\n const onSetView = (v: ViewType) => {\n setView(v);\n const currentViewTypes = getSetting('viewType');\n setSetting('viewType', {\n ...currentViewTypes,\n [hookProps.prefix]: v,\n });\n };\n\n const {\n items,\n loading,\n error,\n hasMore,\n total,\n showFilterPanel,\n setShowFilterPanel,\n onSearchQueryChange,\n onFilterChange,\n filters,\n page,\n loadNextPage,\n onPageChange,\n onPageSizeChange,\n pageSize,\n retry,\n } = useQetaEntities<T, F>({\n ...hookProps,\n getKey,\n usePagination: settings.usePagination,\n defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize,\n });\n\n const topRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (settings.usePagination) {\n topRef.current?.scrollIntoView({ behavior: 'auto' });\n }\n }, [page, settings.usePagination]);\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const { containerRef: sentryRef } = useInfiniteScroll({\n shouldStop: settings.usePagination \|\| !hasMore \|\| !!error \|\| loading,\n onLoadMore: async () => {\n if (loadNextPage) {\n loadNextPage();\n }\n },\n offset: '800px',\n });\n\n const resolvedTitle = typeof title === 'function' ? title(total) : title;\n\n return (\n <div ref={topRef}>\n <Box>\n <QetaGridHeader\n title={resolvedTitle}\n searchBarLabel={searchPlaceholder ?? t('common.search')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n <>\n {typeof headerButtons === 'function'\n ? headerButtons({ retry })\n : headerButtons}\n {filterPanelProps && (\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n )}\n </>\n }\n rightElement={\n renderListItem &&\n renderGridItem && <ViewToggle view={view} onChange={onSetView} />\n }\n />\n\n {filterPanelProps && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<F>\n onChange={onFilterChange}\n filters={filters}\n mode={filterPanelProps.mode ?? 'posts'}\n {...filterPanelProps}\n />\n </Collapse>\n )}\n\n {loading && (items.length === 0 \|\| settings.usePagination) && (\n <LoadingGrid />\n )}\n\n {error && (\n <WarningPanel severity=\"error\" title={t('common.error')}>\n {error?.message}\n </WarningPanel>\n )}\n\n {!loading && !error && items.length === 0 && emptyState}\n\n {items.length > 0 && (!loading \|\| !settings.usePagination) && (\n <>\n {view === 'grid' && renderGridItem && (\n <Grid container spacing={3} direction=\"row\" alignItems=\"stretch\">\n {items.map((item, index) => (\n <Grid\n item\n xs={12}\n md={6}\n xl={4}\n key={getKey ? getKey(item) : index}\n {...gridItemProps}\n >\n {renderGridItem(item, { retry })}\n </Grid>\n ))}\n </Grid>\n )}\n {view === 'list' && renderListItem && (\n <Card>\n {items.map((item, index) => (\n <Fragment\n key={getKey ? getKey(item) : (item as any).id \|\| index}\n >\n {renderListItem(item, { retry })}\n {index < items.length - 1 && <Divider />}\n </Fragment>\n ))}\n </Card>\n )}\n\n {!renderGridItem && !renderListItem && (\n <Typography variant=\"body1\">\n No renderer provided for current view.\n </Typography>\n )}\n\n <div\n ref={!settings.usePagination ? (sentryRef as any) : undefined}\n style={{\n width: '100%',\n marginTop: '10px',\n textAlign: 'center',\n }}\n >\n {loading && <LoadingGrid />}\n </div>\n </>\n )}\n\n {settings.usePagination && total > pageSize && (\n <QetaPagination\n pageSize={pageSize}\n handlePageSizeChange={e =>\n onPageSizeChange(e.target.value as number)\n }\n handlePageChange={(_e, p) => onPageChange(p)}\n page={page}\n pageCount={Math.ceil(total / pageSize)}\n />\n )}\n </Box>\n </div>\n );\n}\n"],"names":["FilterList","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"QetaEntityContainer.esm.js","sources":["../../../src/components/QetaEntityContainer/QetaEntityContainer.tsx"],"sourcesContent":["import {\n Box,\n Collapse,\n Button,\n Grid,\n GridProps,\n Typography,\n Card,\n Divider,\n} from '@material-ui/core';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nimport {\n useQetaEntities,\n QetaEntitiesProps,\n} from '../../hooks/useQetaEntities';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport {\n FilterPanel,\n CommonFilterPanelProps,\n Filters,\n} from '../FilterPanel/FilterPanel';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { QetaPagination } from '../Utility';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport {\n QetaIdEntity,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Fragment, useState, useEffect, useRef } from 'react';\nimport { useUserSettings } from '../../hooks/useUserSettings';\n\nexport type QetaEntityContainerProps<T, F extends Filters> = QetaEntitiesProps<\n T,\n F\n> & {\n title:\n \| string\n \| React.ReactNode\n \| ((total: number) => string \| React.ReactNode);\n searchPlaceholder?: string;\n renderGridItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n renderListItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n filterPanelProps?: CommonFilterPanelProps;\n emptyState?: React.ReactNode;\n emptyMessage?: string;\n headerButtons?:\n \| React.ReactNode\n \| ((utils: { retry: () => void }) => React.ReactNode);\n getKey?: (item: T) => string \| number;\n gridItemProps?: GridProps;\n defaultView?: ViewType;\n};\n\nexport function QetaEntityContainer<\n T extends QetaIdEntity \| UserResponse,\n F extends Filters,\n>({\n title,\n searchPlaceholder,\n renderGridItem,\n renderListItem,\n filterPanelProps,\n emptyState,\n headerButtons,\n getKey,\n gridItemProps,\n defaultView = 'grid',\n ...hookProps\n}: QetaEntityContainerProps<T, F>) {\n const { settings, getSetting, setSetting, isLoaded } = useUserSettings();\n const [view, setView] = useState<ViewType>(defaultView);\n\n useEffect(() => {\n if (isLoaded) {\n const savedView = settings.viewType[hookProps.prefix];\n if (savedView) {\n setView(savedView);\n }\n }\n }, [isLoaded, settings.viewType, hookProps.prefix]);\n\n const onSetView = (v: ViewType) => {\n setView(v);\n const currentViewTypes = getSetting('viewType');\n setSetting('viewType', {\n ...currentViewTypes,\n [hookProps.prefix]: v,\n });\n };\n\n const {\n items,\n loading,\n error,\n hasMore,\n total,\n showFilterPanel,\n setShowFilterPanel,\n onSearchQueryChange,\n onFilterChange,\n filters,\n page,\n loadNextPage,\n onPageChange,\n onPageSizeChange,\n pageSize,\n retry,\n } = useQetaEntities<T, F>({\n ...hookProps,\n getKey,\n usePagination: settings.usePagination,\n defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize,\n });\n\n const topRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (settings.usePagination) {\n topRef.current?.scrollIntoView({ behavior: 'auto' });\n }\n }, [page, settings.usePagination]);\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const { containerRef: sentryRef } = useInfiniteScroll({\n shouldStop: settings.usePagination \|\| !hasMore \|\| !!error \|\| loading,\n onLoadMore: async () => {\n if (loadNextPage) {\n loadNextPage();\n }\n },\n offset: '800px',\n });\n\n const resolvedTitle = typeof title === 'function' ? title(total) : title;\n\n return (\n <div ref={topRef}>\n <Box>\n <QetaGridHeader\n title={resolvedTitle}\n searchBarLabel={searchPlaceholder ?? t('common.search')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n <>\n {typeof headerButtons === 'function'\n ? headerButtons({ retry })\n : headerButtons}\n {filterPanelProps && (\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n )}\n </>\n }\n rightElement={\n renderListItem &&\n renderGridItem && <ViewToggle view={view} onChange={onSetView} />\n }\n />\n\n {filterPanelProps && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<F>\n onChange={onFilterChange}\n filters={filters}\n mode={filterPanelProps.mode ?? 'posts'}\n {...filterPanelProps}\n />\n </Collapse>\n )}\n\n {loading && (items?.length === 0 \|\| settings.usePagination) && (\n <LoadingGrid />\n )}\n\n {error && (\n <WarningPanel severity=\"error\" title={t('common.error')}>\n {error?.message}\n </WarningPanel>\n )}\n\n {!loading && !error && items?.length === 0 && emptyState}\n\n {items?.length > 0 && (!loading \|\| !settings.usePagination) && (\n <>\n {view === 'grid' && renderGridItem && (\n <Grid container spacing={3} direction=\"row\" alignItems=\"stretch\">\n {items.map((item, index) => (\n <Grid\n item\n xs={12}\n md={6}\n xl={4}\n key={getKey ? getKey(item) : index}\n {...gridItemProps}\n >\n {renderGridItem(item, { retry })}\n </Grid>\n ))}\n </Grid>\n )}\n {view === 'list' && renderListItem && (\n <Card>\n {items.map((item, index) => (\n <Fragment\n key={getKey ? getKey(item) : (item as any).id \|\| index}\n >\n {renderListItem(item, { retry })}\n {index < items.length - 1 && <Divider />}\n </Fragment>\n ))}\n </Card>\n )}\n\n {!renderGridItem && !renderListItem && (\n <Typography variant=\"body1\">\n No renderer provided for current view.\n </Typography>\n )}\n\n <div\n ref={!settings.usePagination ? (sentryRef as any) : undefined}\n style={{\n width: '100%',\n marginTop: '10px',\n textAlign: 'center',\n }}\n >\n {loading && <LoadingGrid />}\n </div>\n </>\n )}\n\n {settings.usePagination && total > pageSize && (\n <QetaPagination\n pageSize={pageSize}\n handlePageSizeChange={e =>\n onPageSizeChange(e.target.value as number)\n }\n handlePageChange={(_e, p) => onPageChange(p)}\n page={page}\n pageCount={Math.ceil(total / pageSize)}\n />\n )}\n </Box>\n </div>\n );\n}\n"],"names":["FilterList","Fragment"],"mappings":"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"}

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

@@ -119,6 +119,15 @@ const getDefaultStats = (isDark, t) => [
     globalStat: true,
     userStat: true
   },
+  {
+    dataKey: "activeUsers",
+    name: t("stats.activeUsers"),
+    color: isDark ? "#a78bfa" : "#6d28d9",
+    // purple-400 / purple-800
+    enabled: true,
+    globalStat: true,
+    userStat: false
+  },
   {
     dataKey: "totalUsers",
     name: t("stats.totalUsers"),
@@ -436,7 +445,7 @@ const StatsChart = (props) => {
                   {
                     variant: "h4",
                     style: { color: stat.color, fontWeight: "bold" },
-                    children: value !== void 0 ? value : "-"
+                    children: value instanceof Date ? value.toLocaleDateString() : value ?? "-"
                   }
                 ),
                 /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: stat.name })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers'\n \| 'reputation'\n \| 'answerScore'\n \| 'postScore'\n \| 'correctAnswers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'reputation',\n name: t('stats.reputation'),\n color: isDark ? '#fcd34d' : '#d97706', // amber-300 / amber-600\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'answerScore',\n name: t('stats.answerScore'),\n color: isDark ? '#a855f7' : '#7e22ce', // purple-500 / purple-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'postScore',\n name: t('stats.postScore'),\n color: isDark ? '#22c55e' : '#15803d', // green-500 / green-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'correctAnswers',\n name: t('stats.correctAnswers'),\n color: isDark ? '#eab308' : '#a16207', // yellow-500 / yellow-700\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value !== undefined ? value : '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}
1	+ {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers'\n \| 'reputation'\n \| 'answerScore'\n \| 'postScore'\n \| 'correctAnswers'\n \| 'activeUsers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'reputation',\n name: t('stats.reputation'),\n color: isDark ? '#fcd34d' : '#d97706', // amber-300 / amber-600\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'activeUsers',\n name: t('stats.activeUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'answerScore',\n name: t('stats.answerScore'),\n color: isDark ? '#a855f7' : '#7e22ce', // purple-500 / purple-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'postScore',\n name: t('stats.postScore'),\n color: isDark ? '#22c55e' : '#15803d', // green-500 / green-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'correctAnswers',\n name: t('stats.correctAnswers'),\n color: isDark ? '#eab308' : '#a16207', // yellow-500 / yellow-700\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number \| Date \| string>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value instanceof Date\n ? value.toLocaleDateString()\n : value ?? '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}

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

@@ -57,6 +57,12 @@ const useStyles = makeStyles((theme) => ({
   timestamp: {
     color: theme.palette.text.secondary
   },
+  primaryText: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    display: "block"
+  },
   emptyState: {
     padding: theme.spacing(3),
     textAlign: "center",
@@ -87,7 +93,8 @@ const SuggestionListItem = (props) => {
           {
             primary: props.children,
             secondary: props.timestamp,
-            className: classes.listItemText
+            className: classes.listItemText,
+            classes: { primary: classes.primaryText }
           }
         )
       ]