@drodil/backstage-plugin-qeta-react 3.56.0 → 3.57.0

package/dist/components/PostsContainer/PostsGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsContainer/PostsGridItem.tsx"],"sourcesContent":["import {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Box,\n  Card,\n  CardActionArea,\n  CardContent,\n  CardMedia,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\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 { StatusChip } from '../Utility/StatusChip';\nimport numeral from 'numeral';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { RankingButtons } from '../Buttons';\n\nexport interface PostsGridItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    position: 'relative',\n  },\n  iconsContainer: {\n    position: 'absolute',\n    top: theme.spacing(1),\n    right: theme.spacing(1),\n    display: 'flex',\n    gap: theme.spacing(0.5),\n    zIndex: 10,\n  },\n  starIcon: {\n    color: '#FFB400',\n  },\n  obsoleteIcon: {\n    color: '#FF9800',\n  },\n  cardContent: {\n    padding: theme.spacing(1.5, 2, 1, 2),\n  },\n  cardContentFooter: {\n    padding: theme.spacing(1, 2, 1.5, 2),\n    flexGrow: 'unset',\n  },\n  title: {\n    fontWeight: 600,\n    marginBottom: theme.spacing(0.5),\n  },\n  content: {\n    marginBottom: 0,\n    height: '80px',\n    overflow: 'hidden',\n    display: '-webkit-box',\n    WebkitLineClamp: 4,\n    WebkitBoxOrient: 'vertical',\n  },\n  footer: {\n    paddingTop: theme.spacing(1),\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexDirection: 'column',\n    justifyContent: 'flex-end',\n  },\n  authorRanking: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginLeft: theme.spacing(1),\n  },\n  statsContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  statsGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  statBox: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: theme.spacing(0.5, 1),\n    borderRadius: theme.shape.borderRadius,\n    background: 'transparent',\n    minWidth: 50,\n    gap: 0,\n    border: '1px solid transparent',\n  },\n  statValue: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    lineHeight: 1.2,\n  },\n  statLabel: {\n    fontWeight: 400,\n    fontSize: '0.8rem',\n    color: theme.palette.text.secondary,\n    lineHeight: 1.2,\n  },\n  answersBox: {\n    color: theme.palette.warning.main,\n    border: `1px solid ${theme.palette.warning.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 152, 0, 0.05)'\n        : 'rgba(255, 152, 0, 0.05)',\n  },\n  answersBoxAnswered: {\n    color: theme.palette.success.main,\n    border: `1px solid ${theme.palette.success.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(76, 175, 80, 0.05)'\n        : 'rgba(76, 175, 80, 0.05)',\n  },\n  avatar: {\n    width: 24,\n    height: 24,\n  },\n  rankingControls: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: theme.spacing(0.5),\n    marginTop: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  rankingButton: {\n    padding: theme.spacing(0.5),\n  },\n  placeholderImage: {\n    height: 140,\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background:\n      theme.palette.type === 'dark'\n        ? `linear-gradient(135deg, ${theme.palette.grey[800]} 0%, ${theme.palette.grey[900]} 100%)`\n        : `linear-gradient(135deg, ${theme.palette.grey[200]} 0%, ${theme.palette.grey[300]} 100%)`,\n    color: theme.palette.text.secondary,\n    opacity: 0.8,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n  const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [commentsCount, setCommentsCount] = useState(post.commentsCount);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setCommentsCount(lastSignal.commentsCount);\n    }\n  }, [lastSignal]);\n\n  const [favicon, setFavicon] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (post.type === 'link' && !post.headerImage && post.url) {\n      qetaApi.fetchURLMetadata({ url: post.url }).then(res => {\n        if (res.favicon) setFavicon(res.favicon);\n      });\n    }\n  }, [post.type, post.headerImage, post.url, qetaApi]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const navigate = useNavigate();\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({\n        id: post.id.toString(10),\n      })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  const renderHeaderMedia = () => {\n    if (post.headerImage) {\n      return (\n        <CardMedia\n          component=\"img\"\n          onError={e => (e.currentTarget.style.display = 'none')}\n          height=\"140\"\n          image={post.headerImage}\n          alt={post.title}\n          style={{ objectFit: 'cover' }}\n        />\n      );\n    }\n    if (post.type === 'link') {\n      return (\n        <Box className={classes.placeholderImage}>\n          {favicon ? (\n            <img\n              src={favicon}\n              alt={post.title}\n              style={{\n                height: 64,\n                width: 64,\n                objectFit: 'contain',\n              }}\n              onError={e => {\n                e.currentTarget.style.display = 'none';\n              }}\n            />\n          ) : (\n            <LinkIcon style={{ fontSize: 60 }} />\n          )}\n        </Box>\n      );\n    }\n    if (post.type === 'article') {\n      return (\n        <Box className={classes.placeholderImage}>\n          <CollectionsBookmarkIcon style={{ fontSize: 60 }} />\n        </Box>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card className={classes.card}>\n      <Box className={classes.iconsContainer}>\n        {post.status === 'obsolete' && (\n          <Tooltip title={t('common.obsolete', {})}>\n            <ErrorOutlineIcon className={classes.obsoleteIcon} />\n          </Tooltip>\n        )}\n        {post.favorite && (\n          <Tooltip title={t('common.favorite')}>\n            <StarIcon className={classes.starIcon} />\n          </Tooltip>\n        )}\n      </Box>\n      <CardActionArea\n        component=\"a\"\n        href={href}\n        onClick={(e: React.MouseEvent) => {\n          e.preventDefault();\n          navigate(href);\n        }}\n        aria-label={post.title}\n        tabIndex={0}\n        style={{\n          outline: 'none',\n          flexGrow: 1,\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'stretch',\n          justifyContent: 'flex-start',\n        }}\n      >\n        {renderHeaderMedia()}\n        <CardContent className={classes.cardContent}>\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <Typography\n              gutterBottom\n              variant=\"h6\"\n              component=\"div\"\n              className={classes.title}\n            >\n              {post.type === 'link' && <FaviconItem entity={post} />}\n              {post.title}\n            </Typography>\n            <Box display=\"flex\" alignItems=\"center\">\n              <StatusChip status={post.status} />\n              {post.type === 'link' && <OpenLinkButton entity={post} />}\n            </Box>\n          </Box>\n          <Typography\n            variant=\"body2\"\n            color=\"textSecondary\"\n            gutterBottom\n            className={classes.content}\n          >\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 400),\n            )}\n          </Typography>\n        </CardContent>\n      </CardActionArea>\n      <CardContent className={classes.cardContentFooter}>\n        <TagsAndEntities entity={post} />\n        <Box className={classes.footer}>\n          <Box className={classes.statsContainer}>\n            <Box className={classes.statsGroup}>\n              <Tooltip title={score >= 1000 ? score : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(score)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {post.type !== 'link'\n                      ? t('common.votes')\n                      : t('common.clicks')}\n                  </Typography>\n                </Box>\n              </Tooltip>\n              {post.type === 'question' && (\n                <Tooltip title={answersCount >= 1000 ? answersCount : ''} arrow>\n                  <Box\n                    className={`${classes.statBox} ${\n                      correctAnswer\n                        ? classes.answersBoxAnswered\n                        : classes.answersBox\n                    }`}\n                  >\n                    <Typography className={classes.statValue}>\n                      {formatShortNumber(answersCount)}\n                    </Typography>\n                    <Typography className={classes.statLabel}>\n                      {t('common.answers')}\n                    </Typography>\n                  </Box>\n                </Tooltip>\n              )}\n              <Tooltip title={views >= 1000 ? views : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(views)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {t('common.views')}\n                  </Typography>\n                </Box>\n              </Tooltip>\n              <Tooltip title={commentsCount >= 1000 ? commentsCount : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(commentsCount)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {t('common.comments').toLowerCase()}\n                  </Typography>\n                </Box>\n              </Tooltip>\n            </Box>\n          </Box>\n          <Box className={classes.authorRanking}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label=\"\"\n              anonymous={post.anonymous}\n              compact\n            />\n            {allowRanking && (\n              <RankingButtons\n                postId={post.id}\n                collectionId={collectionId}\n                onRankUpdate={onRankUpdate}\n              />\n            )}\n          </Box>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsContainer/PostsGridItem.tsx"],"sourcesContent":["import {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n  Box,\n  Card,\n  CardActionArea,\n  CardContent,\n  CardMedia,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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 { StatusChip } from '../Utility/StatusChip';\nimport numeral from 'numeral';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { RankingButtons } from '../Buttons';\nimport { useFavicon } from '../../hooks';\n\nexport interface PostsGridItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    position: 'relative',\n  },\n  iconsContainer: {\n    position: 'absolute',\n    top: theme.spacing(1),\n    right: theme.spacing(1),\n    display: 'flex',\n    gap: theme.spacing(0.5),\n    zIndex: 10,\n  },\n  starIcon: {\n    color: '#FFB400',\n  },\n  obsoleteIcon: {\n    color: '#FF9800',\n  },\n  cardContent: {\n    padding: theme.spacing(1.5, 2, 1, 2),\n  },\n  cardContentFooter: {\n    padding: theme.spacing(1, 2, 1.5, 2),\n    flexGrow: 'unset',\n  },\n  title: {\n    fontWeight: 600,\n    marginBottom: theme.spacing(0.5),\n  },\n  content: {\n    marginBottom: 0,\n    height: '80px',\n    overflow: 'hidden',\n    display: '-webkit-box',\n    WebkitLineClamp: 4,\n    WebkitBoxOrient: 'vertical',\n  },\n  footer: {\n    paddingTop: theme.spacing(1),\n    marginTop: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexDirection: 'column',\n    justifyContent: 'flex-end',\n  },\n  authorRanking: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginLeft: theme.spacing(1),\n  },\n  statsContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  statsGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  statBox: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: theme.spacing(0.5, 1),\n    borderRadius: theme.shape.borderRadius,\n    background: 'transparent',\n    minWidth: 50,\n    gap: 0,\n    border: '1px solid transparent',\n  },\n  statValue: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    lineHeight: 1.2,\n  },\n  statLabel: {\n    fontWeight: 400,\n    fontSize: '0.8rem',\n    color: theme.palette.text.secondary,\n    lineHeight: 1.2,\n  },\n  answersBox: {\n    color: theme.palette.warning.main,\n    border: `1px solid ${theme.palette.warning.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(255, 152, 0, 0.05)'\n        : 'rgba(255, 152, 0, 0.05)',\n  },\n  answersBoxAnswered: {\n    color: theme.palette.success.main,\n    border: `1px solid ${theme.palette.success.main}`,\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? 'rgba(76, 175, 80, 0.05)'\n        : 'rgba(76, 175, 80, 0.05)',\n  },\n  avatar: {\n    width: 24,\n    height: 24,\n  },\n  rankingControls: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: theme.spacing(0.5),\n    marginTop: theme.spacing(1),\n    paddingTop: theme.spacing(1),\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  rankingButton: {\n    padding: theme.spacing(0.5),\n  },\n  placeholderImage: {\n    height: 140,\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background:\n      theme.palette.type === 'dark'\n        ? `linear-gradient(135deg, ${theme.palette.grey[800]} 0%, ${theme.palette.grey[900]} 100%)`\n        : `linear-gradient(135deg, ${theme.palette.grey[200]} 0%, ${theme.palette.grey[300]} 100%)`,\n    color: theme.palette.text.secondary,\n    opacity: 0.8,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n  const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [commentsCount, setCommentsCount] = useState(post.commentsCount);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n\n  const favicon = useFavicon(\n    post.type === 'link' && !post.headerImage ? post.url : undefined,\n  );\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setCommentsCount(lastSignal.commentsCount);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const navigate = useNavigate();\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({\n        id: post.id.toString(10),\n      })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  const renderHeaderMedia = () => {\n    if (post.headerImage) {\n      return (\n        <CardMedia\n          component=\"img\"\n          onError={e => (e.currentTarget.style.display = 'none')}\n          height=\"140\"\n          image={post.headerImage}\n          alt={post.title}\n          style={{ objectFit: 'cover' }}\n        />\n      );\n    }\n    if (post.type === 'link') {\n      return (\n        <Box className={classes.placeholderImage}>\n          {favicon ? (\n            <img\n              src={favicon}\n              alt={post.title}\n              style={{\n                height: 64,\n                width: 64,\n                objectFit: 'contain',\n              }}\n              onError={e => {\n                e.currentTarget.style.display = 'none';\n              }}\n            />\n          ) : (\n            <LinkIcon style={{ fontSize: 60 }} />\n          )}\n        </Box>\n      );\n    }\n    if (post.type === 'article') {\n      return (\n        <Box className={classes.placeholderImage}>\n          <CollectionsBookmarkIcon style={{ fontSize: 60 }} />\n        </Box>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Card className={classes.card}>\n      <Box className={classes.iconsContainer}>\n        {post.status === 'obsolete' && (\n          <Tooltip title={t('common.obsolete', {})}>\n            <ErrorOutlineIcon className={classes.obsoleteIcon} />\n          </Tooltip>\n        )}\n        {post.favorite && (\n          <Tooltip title={t('common.favorite')}>\n            <StarIcon className={classes.starIcon} />\n          </Tooltip>\n        )}\n      </Box>\n      <CardActionArea\n        component=\"a\"\n        href={href}\n        onClick={(e: React.MouseEvent) => {\n          e.preventDefault();\n          navigate(href);\n        }}\n        aria-label={post.title}\n        tabIndex={0}\n        style={{\n          outline: 'none',\n          flexGrow: 1,\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'stretch',\n          justifyContent: 'flex-start',\n        }}\n      >\n        {renderHeaderMedia()}\n        <CardContent className={classes.cardContent}>\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n          >\n            <Typography\n              gutterBottom\n              variant=\"h6\"\n              component=\"div\"\n              className={classes.title}\n            >\n              {post.type === 'link' && <FaviconItem entity={post} />}\n              {post.title}\n            </Typography>\n            <Box display=\"flex\" alignItems=\"center\">\n              <StatusChip status={post.status} />\n              {post.type === 'link' && <OpenLinkButton entity={post} />}\n            </Box>\n          </Box>\n          <Typography\n            variant=\"body2\"\n            color=\"textSecondary\"\n            gutterBottom\n            className={classes.content}\n          >\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 400),\n            )}\n          </Typography>\n        </CardContent>\n      </CardActionArea>\n      <CardContent className={classes.cardContentFooter}>\n        <TagsAndEntities entity={post} />\n        <Box className={classes.footer}>\n          <Box className={classes.statsContainer}>\n            <Box className={classes.statsGroup}>\n              <Tooltip title={score >= 1000 ? score : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(score)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {post.type !== 'link'\n                      ? t('common.votes')\n                      : t('common.clicks')}\n                  </Typography>\n                </Box>\n              </Tooltip>\n              {post.type === 'question' && (\n                <Tooltip title={answersCount >= 1000 ? answersCount : ''} arrow>\n                  <Box\n                    className={`${classes.statBox} ${\n                      correctAnswer\n                        ? classes.answersBoxAnswered\n                        : classes.answersBox\n                    }`}\n                  >\n                    <Typography className={classes.statValue}>\n                      {formatShortNumber(answersCount)}\n                    </Typography>\n                    <Typography className={classes.statLabel}>\n                      {t('common.answers')}\n                    </Typography>\n                  </Box>\n                </Tooltip>\n              )}\n              <Tooltip title={views >= 1000 ? views : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(views)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {t('common.views')}\n                  </Typography>\n                </Box>\n              </Tooltip>\n              <Tooltip title={commentsCount >= 1000 ? commentsCount : ''} arrow>\n                <Box className={classes.statBox}>\n                  <Typography className={classes.statValue}>\n                    {formatShortNumber(commentsCount)}\n                  </Typography>\n                  <Typography className={classes.statLabel}>\n                    {t('common.comments').toLowerCase()}\n                  </Typography>\n                </Box>\n              </Tooltip>\n            </Box>\n          </Box>\n          <Box className={classes.authorRanking}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label=\"\"\n              anonymous={post.anonymous}\n              compact\n            />\n            {allowRanking && (\n              <RankingButtons\n                postId={post.id}\n                collectionId={collectionId}\n                onRankUpdate={onRankUpdate}\n              />\n            )}\n          </Box>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsAndEntities/EntityChip.esm.js

@@ -1,136 +1,69 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { useState, useEffect } from 'react';
-import { useRouteRef, useApi } from '@backstage/core-plugin-api';
+import { useRouteRef } from '@backstage/core-plugin-api';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { entityRouteRef } from '../../routes.esm.js';
-import { qetaApiRef } from '../../api.esm.js';
+import { Link } from 'react-router-dom';
+import { Chip } from '@material-ui/core';
+import 'react';
+import '../../api.esm.js';
+import '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import 'react-use';
 import '@backstage/plugin-signals-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
+import '@backstage/core-plugin-api/alpha';
+import '../../translation.esm.js';
 import '../../hooks/useListItemStyles.esm.js';
-import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import 'dataloader';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
-import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
-import VisibilityOff from '@material-ui/icons/VisibilityOff';
-import Visibility from '@material-ui/icons/Visibility';
-import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/LoyaltyOutlined';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import { EntityTooltip } from '../Tooltips/EntityTooltip.esm.js';
+import '@material-ui/icons/LibraryBooksOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import 'react-relative-time';
+import '@material-ui/icons/ThumbUpOutlined';
+import '@material-ui/icons/VisibilityOutlined';
+import '@material-ui/icons/ChatBubbleOutline';
 
-const cache = /* @__PURE__ */ new Map();
-const EntityTooltip = (props) => {
-  const { entity } = props;
-  const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
-  const qetaApi = useApi(qetaApiRef);
-  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const entitiesFollow = useEntityFollow();
-  const [resp, setResp] = useState();
-  useEffect(() => {
-    if (cache.has(entityRef)) {
-      setResp(cache.get(entityRef));
-      return;
-    }
-    qetaApi.getEntity(entityRef).then((res) => {
-      if (res) {
-        cache.set(entityRef, res);
-        setResp(res);
-      }
-    });
-  }, [qetaApi, entityRef]);
-  if (!resp) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
-        Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : null,
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle1",
-            style: {
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              whiteSpace: "nowrap"
-            },
-            children: primaryTitle
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: secondaryTitle })
-    ] }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-      t("common.posts", { count: resp.postsCount, itemType: "post" }),
-      " \xB7 ",
-      t("common.followers", { count: resp.followerCount })
-    ] }) }),
-    !entitiesFollow.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
-        onClick: () => {
-          if (entitiesFollow.isFollowingEntity(entityRef)) {
-            entitiesFollow.unfollowEntity(entityRef);
-          } else {
-            entitiesFollow.followEntity(entityRef);
-          }
-        },
-        startIcon: entitiesFollow.isFollowingEntity(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
-        children: entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
-      }
-    ) })
-  ] });
-};
 const EntityChip = (props) => {
   const { entity } = props;
   const entityRoute = useRouteRef(entityRouteRef);
   const { primaryTitle, Icon } = useEntityPresentation(entity);
   const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
-  const classes = useTooltipStyles();
   const href = entityRoute({ entityRef });
-  return /* @__PURE__ */ jsx(
-    Tooltip,
+  return /* @__PURE__ */ jsx(EntityTooltip, { entity, arrow: true, enterDelay: 400, interactive: true, children: /* @__PURE__ */ jsx(
+    Chip,
     {
-      title: /* @__PURE__ */ jsx(EntityTooltip, { entity }),
-      arrow: true,
-      enterDelay: 400,
-      interactive: true,
-      classes: {
-        tooltip: classes.tooltip,
-        arrow: classes.tooltipArrow
+      label: primaryTitle,
+      size: "small",
+      style: props.style,
+      icon: Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : void 0,
+      variant: "outlined",
+      className: "qetaEntityChip",
+      component: props.useHref ? "a" : Link,
+      to: props.useHref ? void 0 : href,
+      href: props.useHref ? href : void 0,
+      target: props.useHref ? "_blank" : void 0,
+      onClick: (e) => {
+        e.stopPropagation();
       },
-      children: /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: primaryTitle,
-          size: "small",
-          style: props.style,
-          icon: Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : void 0,
-          variant: "outlined",
-          className: "qetaEntityChip",
-          component: props.useHref ? "a" : Link,
-          to: props.useHref ? void 0 : href,
-          href: props.useHref ? href : void 0,
-          target: props.useHref ? "_blank" : void 0,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          clickable: true
-        }
-      )
+      clickable: true
     }
-  );
+  ) });
 };
 
 export { EntityChip };

package/dist/components/TagsAndEntities/EntityChip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {primaryTitle}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const classes = useTooltipStyles();\n  const href = entityRoute({ entityRef });\n\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip } from '@material-ui/core';\nimport { EntityTooltip } from '../Tooltips';\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const href = entityRoute({ entityRef });\n\n  return (\n    <EntityTooltip entity={entity} arrow enterDelay={400} interactive>\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </EntityTooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAIrB,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,IAAK,EAAA,GAAI,sBAAsB,MAAM,CAAA;AAC3D,EAAA,MAAM,YACJ,OAAO,MAAA,KAAW,QAAW,GAAA,MAAA,GAAS,mBAAmB,MAAM,CAAA;AACjE,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,EAAE,SAAA,EAAW,CAAA;AAEtC,EACE,uBAAA,GAAA,CAAC,iBAAc,MAAgB,EAAA,KAAA,EAAK,MAAC,UAAY,EAAA,GAAA,EAAK,aAAW,IAC/D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,IAAO,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAS,SAAQ,CAAK,GAAA,KAAA,CAAA;AAAA,MACzC,OAAQ,EAAA,UAAA;AAAA,MACR,SAAU,EAAA,gBAAA;AAAA,MACV,SAAA,EAAW,KAAM,CAAA,OAAA,GAAU,GAAM,GAAA,IAAA;AAAA,MACjC,EAAA,EAAI,KAAM,CAAA,OAAA,GAAU,KAAY,CAAA,GAAA,IAAA;AAAA,MAChC,IAAA,EAAM,KAAM,CAAA,OAAA,GAAU,IAAO,GAAA,KAAA,CAAA;AAAA,MAC7B,MAAA,EAAQ,KAAM,CAAA,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,MACnC,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,QAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,OACpB;AAAA,MACA,SAAS,EAAA;AAAA;AAAA,GAEb,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TagsAndEntities/TagChip.esm.js

@@ -1,143 +1,81 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { useRouteRef, useApi } from '@backstage/core-plugin-api';
+import { jsx } from 'react/jsx-runtime';
+import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
-import { qetaApiRef } from '../../api.esm.js';
-import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import { Link } from 'react-router-dom';
+import { Chip, Tooltip } from '@material-ui/core';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import { TagTooltip } from '../Tooltips/TagTooltip.esm.js';
+import '@backstage/catalog-model';
+import 'react';
+import '@backstage/plugin-catalog-react';
+import '../../api.esm.js';
 import 'react-use';
 import '@backstage/plugin-signals-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
+import '@backstage/core-plugin-api/alpha';
+import '../../translation.esm.js';
 import '../../hooks/useListItemStyles.esm.js';
-import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
-import '@backstage/catalog-model';
 import 'dataloader';
-import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
-import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
-import VisibilityOff from '@material-ui/icons/VisibilityOff';
-import Visibility from '@material-ui/icons/Visibility';
-import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
-import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '@material-ui/icons/LibraryBooksOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import 'react-relative-time';
+import '@material-ui/icons/ThumbUpOutlined';
+import '@material-ui/icons/VisibilityOutlined';
+import '@material-ui/icons/ChatBubbleOutline';
 
-const cache = /* @__PURE__ */ new Map();
-const TagTooltip = (props) => {
-  const { tag } = props;
-  const qetaApi = useApi(qetaApiRef);
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const tags = useTagsFollow();
-  const [resp, setResp] = useState();
-  useEffect(() => {
-    if (cache.has(tag)) {
-      setResp(cache.get(tag));
-      return;
-    }
-    qetaApi.getTag(tag).then((res) => {
-      if (res) {
-        cache.set(tag, res);
-        setResp(res);
-      } else {
-        setResp({
-          id: 0,
-          tag,
-          postsCount: 0,
-          questionsCount: 0,
-          articlesCount: 0,
-          linksCount: 0,
-          followerCount: 0,
-          description: t("tagChip.nonExistingTag")
-        });
-      }
-    });
-  }, [qetaApi, tag, t]);
-  if (!resp) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsx(LoyaltyOutlined, { fontSize: "small" }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle1",
-            style: {
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              whiteSpace: "nowrap"
-            },
-            children: tag
-          }
-        )
-      ] }),
-      resp.id > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-        t("common.posts", { count: resp.postsCount, itemType: "post" }),
-        " \xB7 ",
-        t("common.followers", { count: resp.followerCount })
-      ] })
-    ] }),
-    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: resp.description }) }),
-    !tags.loading && resp.id !== 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: tags.isFollowingTag(tag) ? "secondary" : "primary",
-        onClick: () => {
-          if (tags.isFollowingTag(tag)) {
-            tags.unfollowTag(tag);
-          } else {
-            tags.followTag(tag);
-          }
-        },
-        startIcon: tags.isFollowingTag(tag) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
-        children: tags.isFollowingTag(tag) ? t("tagButton.unfollow") : t("tagButton.follow")
-      }
-    ) })
-  ] });
-};
 const TagChip = (props) => {
   const tagRoute = useRouteRef(tagRouteRef);
   const { tag, tooltip } = props;
   const classes = useTooltipStyles();
   const href = tagRoute({ tag });
-  return /* @__PURE__ */ jsx(
-    Tooltip,
+  const content = /* @__PURE__ */ jsx(
+    Chip,
     {
-      arrow: true,
-      title: tooltip ? tooltip : /* @__PURE__ */ jsx(TagTooltip, { tag }),
-      enterDelay: 400,
-      interactive: true,
-      classes: {
-        tooltip: classes.tooltip,
-        arrow: classes.tooltipArrow
+      label: tag,
+      size: "small",
+      className: "qetaTagChip",
+      component: props.useHref ? "a" : Link,
+      style: props.style,
+      to: props.useHref ? void 0 : href,
+      href: props.useHref ? href : void 0,
+      target: props.useHref ? "_blank" : void 0,
+      onClick: (e) => {
+        e.stopPropagation();
       },
-      children: /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: tag,
-          size: "small",
-          className: "qetaTagChip",
-          component: props.useHref ? "a" : Link,
-          style: props.style,
-          to: props.useHref ? void 0 : href,
-          href: props.useHref ? href : void 0,
-          target: props.useHref ? "_blank" : void 0,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          clickable: true
-        }
-      )
+      clickable: true
     }
   );
+  if (tooltip) {
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        arrow: true,
+        title: tooltip,
+        enterDelay: 400,
+        interactive: true,
+        classes: {
+          tooltip: classes.tooltip,
+          arrow: classes.tooltipArrow
+        },
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(TagTooltip, { tag, interactive: true, enterDelay: 400, children: content });
 };
 
 export { TagChip };

package/dist/components/TagsAndEntities/TagChip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n  const { tag } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const [resp, setResp] = useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    if (cache.has(tag)) {\n      setResp(cache.get(tag));\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, res);\n        setResp(res);\n      } else {\n        setResp({\n          id: 0,\n          tag,\n          postsCount: 0,\n          questionsCount: 0,\n          articlesCount: 0,\n          linksCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        });\n      }\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LoyaltyOutlined fontSize=\"small\" />\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {tag}\n          </Typography>\n        </Box>\n        {resp.id > 0 && (\n          <Typography variant=\"subtitle2\">\n            {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n            {' · '}\n            {t('common.followers', { count: resp.followerCount })}\n          </Typography>\n        )}\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && resp.id !== 0 && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (tags.isFollowingTag(tag)) {\n                tags.unfollowTag(tag);\n              } else {\n                tags.followTag(tag);\n              }\n            }}\n            startIcon={\n              tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n            }\n          >\n            {tags.isFollowingTag(tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n  tooltip?: React.ReactElement;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { tag, tooltip } = props;\n  const classes = useTooltipStyles();\n  const href = tagRoute({ tag });\n\n  return (\n    <Tooltip\n      arrow\n      title={tooltip ? tooltip : <TagTooltip tag={tag} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component={props.useHref ? 'a' : Link}\n        style={props.style}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { TagTooltip } from '../Tooltips';\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n  tooltip?: React.ReactElement;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { tag, tooltip } = props;\n  const classes = useTooltipStyles();\n  const href = tagRoute({ tag });\n\n  const content = (\n    <Chip\n      label={tag}\n      size=\"small\"\n      className=\"qetaTagChip\"\n      component={props.useHref ? 'a' : Link}\n      style={props.style}\n      to={props.useHref ? undefined : href}\n      href={props.useHref ? href : undefined}\n      target={props.useHref ? '_blank' : undefined}\n      onClick={(e: React.MouseEvent) => {\n        e.stopPropagation();\n      }}\n      clickable\n    />\n  );\n\n  if (tooltip) {\n    return (\n      <Tooltip\n        arrow\n        title={tooltip}\n        enterDelay={400}\n        interactive\n        classes={{\n          tooltip: classes.tooltip,\n          arrow: classes.tooltipArrow,\n        }}\n      >\n        {content}\n      </Tooltip>\n    );\n  }\n\n  return (\n    <TagTooltip tag={tag} interactive enterDelay={400}>\n      {content}\n    </TagTooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,OAAA,GAAU,CAAC,KAKlB,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,EAAE,GAAK,EAAA,OAAA,EAAY,GAAA,KAAA;AACzB,EAAA,MAAM,UAAU,gBAAiB,EAAA;AACjC,EAAA,MAAM,IAAO,GAAA,QAAA,CAAS,EAAE,GAAA,EAAK,CAAA;AAE7B,EAAA,MAAM,OACJ,mBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,GAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,SAAU,EAAA,aAAA;AAAA,MACV,SAAA,EAAW,KAAM,CAAA,OAAA,GAAU,GAAM,GAAA,IAAA;AAAA,MACjC,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,EAAA,EAAI,KAAM,CAAA,OAAA,GAAU,KAAY,CAAA,GAAA,IAAA;AAAA,MAChC,IAAA,EAAM,KAAM,CAAA,OAAA,GAAU,IAAO,GAAA,KAAA,CAAA;AAAA,MAC7B,MAAA,EAAQ,KAAM,CAAA,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,MACnC,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,QAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,OACpB;AAAA,MACA,SAAS,EAAA;AAAA;AAAA,GACX;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA;AAIJ,EAAA,2BACG,UAAW,EAAA,EAAA,GAAA,EAAU,aAAW,IAAC,EAAA,UAAA,EAAY,KAC3C,QACH,EAAA,OAAA,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TagsContainer/EditTagModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsContainer/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useEffect, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { compact } from 'lodash';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, open, onClose, isModerator } = props;\n  const [description, setDescription] = useState(tag.description);\n  const [experts, setExperts] = useState<Entity[]>([]);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [error, setError] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  useEffect(() => {\n    if (!isModerator || !tag.experts || tag.experts.length === 0) {\n      return;\n    }\n    catalogApi\n      .getEntitiesByRefs({ entityRefs: tag.experts })\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        }),\n      )\n      .then(resp => {\n        if (resp) {\n          setExperts(compact(resp.items));\n        }\n      });\n  }, [alertApi, catalogApi, isModerator, tag.experts]);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(\n        tag.id,\n        description,\n        isModerator ? experts.map(stringifyEntityRef) : undefined,\n      )\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n          style={{ marginBottom: '1em' }}\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description ?? ''}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n          {isModerator && (\n            <Grid item xs={12}>\n              <EntitiesInput\n                value={experts}\n                onChange={setExperts}\n                maximum={null}\n                kind={['User']}\n                hideHelpText\n                label={t('editTagModal.expertsLabel')}\n                placeholder={t('editTagModal.expertsPlaceholder')}\n              />\n            </Grid>\n          )}\n        </Grid>\n\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsContainer/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useEffect, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { compact } from 'lodash';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, open, onClose, isModerator } = props;\n  const [description, setDescription] = useState(tag.description);\n  const [experts, setExperts] = useState<Entity[]>([]);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [error, setError] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  useEffect(() => {\n    if (!isModerator || !tag.experts || tag.experts.length === 0) {\n      return;\n    }\n    catalogApi\n      .getEntitiesByRefs({ entityRefs: tag.experts })\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        }),\n      )\n      .then(resp => {\n        if (resp) {\n          setExperts(compact(resp.items));\n        }\n      });\n  }, [alertApi, catalogApi, isModerator, tag.experts]);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(\n        tag.id,\n        description,\n        isModerator ? experts.map(stringifyEntityRef) : undefined,\n      )\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n          style={{ marginBottom: '1em' }}\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description ?? ''}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n          {isModerator && (\n            <Grid item xs={12}>\n              <EntitiesInput\n                value={experts}\n                onChange={setExperts}\n                maximum={null}\n                kind={['User']}\n                hideHelpText\n                label={t('editTagModal.expertsLabel')}\n                placeholder={t('editTagModal.expertsPlaceholder')}\n              />\n            </Grid>\n          )}\n        </Grid>\n\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}