@drodil/backstage-plugin-qeta-react 3.53.3 → 3.55.0

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

@@ -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  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 {\n  Box,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\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';\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}) => {\n  const { loading, error, posts, title, icon, noPostsLabel, disableLoading } =\n    props;\n  const classes = useStyles();\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                <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                  <Tooltip title={q.title} arrow>\n                    <ListItemText\n                      primary={q.title}\n                      classes={{ primary: classes.listItemText }}\n                    />\n                  </Tooltip>\n                </ListItem>\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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"}
+{"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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"}

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

@@ -68,7 +68,8 @@ const useStyles = makeStyles((theme) => ({
     padding: theme.spacing(1.5, 2, 1, 2)
   },
   cardContentFooter: {
-    padding: theme.spacing(1, 2, 1.5, 2)
+    padding: theme.spacing(1, 2, 1.5, 2),
+    flexGrow: "unset"
   },
   title: {
     fontWeight: 600,
@@ -84,7 +85,19 @@ const useStyles = makeStyles((theme) => ({
   },
   footer: {
     paddingTop: theme.spacing(1),
-    marginTop: theme.spacing(0.5)
+    marginTop: theme.spacing(0.5),
+    marginBottom: theme.spacing(0.5),
+    display: "flex",
+    gap: theme.spacing(1),
+    flexDirection: "column",
+    justifyContent: "flex-end"
+  },
+  authorRanking: {
+    display: "flex",
+    gap: theme.spacing(1),
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginLeft: theme.spacing(1)
   },
   statsContainer: {
     display: "flex",
@@ -310,32 +323,32 @@ const PostsGridItem = (props) => {
     /* @__PURE__ */ jsxs(CardContent, { className: classes.cardContentFooter, children: [
       /* @__PURE__ */ jsx(TagsAndEntities, { entity: post }),
       /* @__PURE__ */ jsxs(Box, { className: classes.footer, children: [
-        /* @__PURE__ */ jsxs(Box, { className: classes.statsContainer, children: [
-          /* @__PURE__ */ jsxs(Box, { className: classes.statsGroup, children: [
-            /* @__PURE__ */ jsx(Tooltip, { title: score >= 1e3 ? score : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
-              /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(score) }),
-              /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: post.type !== "link" ? t("common.votes") : t("common.clicks") })
-            ] }) }),
-            post.type === "question" && /* @__PURE__ */ jsx(Tooltip, { title: answersCount >= 1e3 ? answersCount : "", arrow: true, children: /* @__PURE__ */ jsxs(
-              Box,
-              {
-                className: `${classes.statBox} ${correctAnswer ? classes.answersBoxAnswered : classes.answersBox}`,
-                children: [
-                  /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(answersCount) }),
-                  /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.answers") })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Tooltip, { title: views >= 1e3 ? views : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
-              /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(views) }),
-              /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.views") })
-            ] }) }),
-            /* @__PURE__ */ jsx(Tooltip, { title: commentsCount >= 1e3 ? commentsCount : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
-              /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(commentsCount) }),
-              /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.comments").toLowerCase() })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { className: classes.statsGroup, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { className: classes.statsContainer, children: /* @__PURE__ */ jsxs(Box, { className: classes.statsGroup, children: [
+          /* @__PURE__ */ jsx(Tooltip, { title: score >= 1e3 ? score : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
+            /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(score) }),
+            /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: post.type !== "link" ? t("common.votes") : t("common.clicks") })
+          ] }) }),
+          post.type === "question" && /* @__PURE__ */ jsx(Tooltip, { title: answersCount >= 1e3 ? answersCount : "", arrow: true, children: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              className: `${classes.statBox} ${correctAnswer ? classes.answersBoxAnswered : classes.answersBox}`,
+              children: [
+                /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(answersCount) }),
+                /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.answers") })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Tooltip, { title: views >= 1e3 ? views : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
+            /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(views) }),
+            /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.views") })
+          ] }) }),
+          /* @__PURE__ */ jsx(Tooltip, { title: commentsCount >= 1e3 ? commentsCount : "", arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: classes.statBox, children: [
+            /* @__PURE__ */ jsx(Typography, { className: classes.statValue, children: formatShortNumber(commentsCount) }),
+            /* @__PURE__ */ jsx(Typography, { className: classes.statLabel, children: t("common.comments").toLowerCase() })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Box, { className: classes.authorRanking, children: [
+          /* @__PURE__ */ jsx(
             AuthorBox,
             {
               userEntityRef: post.author,
@@ -344,16 +357,16 @@ const PostsGridItem = (props) => {
               anonymous: post.anonymous,
               compact: true
             }
-          ) })
-        ] }),
-        allowRanking && /* @__PURE__ */ jsx(
-          RankingButtons,
-          {
-            postId: post.id,
-            collectionId,
-            onRankUpdate
-          }
-        )
+          ),
+          allowRanking && /* @__PURE__ */ jsx(
+            RankingButtons,
+            {
+              postId: post.id,
+              collectionId,
+              onRankUpdate
+            }
+          )
+        ] })
       ] })
     ] })
   ] });

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  },\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  },\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 className={classes.statsGroup}>\n              <AuthorBox\n                userEntityRef={post.author}\n                time={getPostDisplayDate(post)}\n                label=\"\"\n                anonymous={post.anonymous}\n                compact\n              />\n            </Box>\n          </Box>\n          {allowRanking && (\n            <RankingButtons\n              postId={post.id}\n              collectionId={collectionId}\n              onRankUpdate={onRankUpdate}\n            />\n          )}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA,eAAA;AAAA,IAChB,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,QAAU,EAAA,UAAA;AAAA,IACV,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACtB,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,QAAU,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,WAAa,EAAA;AAAA,IACX,SAAS,KAAM,CAAA,OAAA,CAAQ,GAAK,EAAA,CAAA,EAAG,GAAG,CAAC;AAAA,GACrC;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,KAAK,CAAC;AAAA,GACrC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,YAAc,EAAA,CAAA;AAAA,IACd,MAAQ,EAAA,MAAA;AAAA,IACR,QAAU,EAAA,QAAA;AAAA,IACV,OAAS,EAAA,aAAA;AAAA,IACT,eAAiB,EAAA,CAAA;AAAA,IACjB,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GAC9B;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GACtB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,KAAA,CAAM,OAAQ,CAAA,GAAA,EAAK,CAAC,CAAA;AAAA,IAC7B,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,UAAY,EAAA,aAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,IAC/C,eACE,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SACnB,yBACA,GAAA;AAAA,GACR;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,IAC/C,eACE,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SACnB,yBACA,GAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,UAAA;AAAA,IAChB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC1B,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,GAC/C;AAAA,EACA,aAAe,EAAA;AAAA,IACb,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GAC5B;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,MAAQ,EAAA,GAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,UACE,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,MACnB,GAAA,CAAA,wBAAA,EAA2B,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,GAAG,CAAC,CAAA,KAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,GAAG,CAAC,CAAA,MAAA,CAAA,GACjF,CAA2B,wBAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAQ,KAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,MAAA,CAAA;AAAA,IACvF,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,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,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,IAAM,EAAA,MAAA,EAAQ,YAAc,EAAA,YAAA,EAAc,cAAiB,GAAA,KAAA;AACnE,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,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,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,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,QAAA,CAAS,WAAW,KAAK,CAAA;AACzB,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AACzB,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAAA;AAC3C,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AAEpE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,KAAK,IAAS,KAAA,MAAA,IAAU,CAAC,IAAK,CAAA,WAAA,IAAe,KAAK,GAAK,EAAA;AACzD,MAAQ,OAAA,CAAA,gBAAA,CAAiB,EAAE,GAAK,EAAA,IAAA,CAAK,KAAK,CAAA,CAAE,KAAK,CAAO,GAAA,KAAA;AACtD,QAAA,IAAI,GAAI,CAAA,OAAA,EAAoB,UAAA,CAAA,GAAA,CAAI,OAAO,CAAA;AAAA,OACxC,CAAA;AAAA;AACH,GACF,EAAG,CAAC,IAAK,CAAA,IAAA,EAAM,KAAK,WAAa,EAAA,IAAA,CAAK,GAAK,EAAA,OAAO,CAAC,CAAA;AAEnD,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,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;AAAA,IACP,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,GACxB,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA;AAEtC,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,IAAI,KAAK,WAAa,EAAA;AACpB,MACE,uBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,KAAA;AAAA,UACV,OAAS,EAAA,CAAA,CAAA,KAAM,CAAE,CAAA,aAAA,CAAc,MAAM,OAAU,GAAA,MAAA;AAAA,UAC/C,MAAO,EAAA,KAAA;AAAA,UACP,OAAO,IAAK,CAAA,WAAA;AAAA,UACZ,KAAK,IAAK,CAAA,KAAA;AAAA,UACV,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ;AAAA;AAAA,OAC9B;AAAA;AAGJ,IAAI,IAAA,IAAA,CAAK,SAAS,MAAQ,EAAA;AACxB,MAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,kBACrB,QACC,EAAA,OAAA,mBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,OAAA;AAAA,UACL,KAAK,IAAK,CAAA,KAAA;AAAA,UACV,KAAO,EAAA;AAAA,YACL,MAAQ,EAAA,EAAA;AAAA,YACR,KAAO,EAAA,EAAA;AAAA,YACP,SAAW,EAAA;AAAA,WACb;AAAA,UACA,SAAS,CAAK,CAAA,KAAA;AACZ,YAAE,CAAA,CAAA,aAAA,CAAc,MAAM,OAAU,GAAA,MAAA;AAAA;AAClC;AAAA,OACF,uBAEC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,EAAA,IAAM,CAEvC,EAAA,CAAA;AAAA;AAGJ,IAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,MAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,gBACtB,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,EAAG,EAAA,EAAG,CACpD,EAAA,CAAA;AAAA;AAGJ,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,OAAA,CAAQ,IACvB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,cACrB,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,CAAK,MAAW,KAAA,UAAA,oBACd,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,CAAE,CAAA,iBAAA,EAAmB,EAAE,GACrC,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAA,OAAA,CAAQ,cAAc,CACrD,EAAA,CAAA;AAAA,MAED,IAAK,CAAA,QAAA,oBACH,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,iBAAiB,CAAA,EACjC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,OAAA,CAAQ,UAAU,CACzC,EAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,oBACA,IAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,GAAA;AAAA,QACV,IAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,UAAA,CAAA,CAAE,cAAe,EAAA;AACjB,UAAA,QAAA,CAAS,IAAI,CAAA;AAAA,SACf;AAAA,QACA,cAAY,IAAK,CAAA,KAAA;AAAA,QACjB,QAAU,EAAA,CAAA;AAAA,QACV,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,QAAU,EAAA,CAAA;AAAA,UACV,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,QAAA;AAAA,UACf,UAAY,EAAA,SAAA;AAAA,UACZ,cAAgB,EAAA;AAAA,SAClB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAkB,iBAAA,EAAA;AAAA,0BAClB,IAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,WAC9B,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,MAAA;AAAA,gBACR,UAAW,EAAA,QAAA;AAAA,gBACX,cAAe,EAAA,eAAA;AAAA,gBAEf,QAAA,EAAA;AAAA,kCAAA,IAAA;AAAA,oBAAC,UAAA;AAAA,oBAAA;AAAA,sBACC,YAAY,EAAA,IAAA;AAAA,sBACZ,OAAQ,EAAA,IAAA;AAAA,sBACR,SAAU,EAAA,KAAA;AAAA,sBACV,WAAW,OAAQ,CAAA,KAAA;AAAA,sBAElB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAK,IAAS,KAAA,MAAA,oBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA;AAAA,wBACnD,IAAK,CAAA;AAAA;AAAA;AAAA,mBACR;AAAA,kCACC,IAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,oCAAC,GAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,oBAChC,KAAK,IAAS,KAAA,MAAA,oBAAW,GAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,IAAM,EAAA;AAAA,mBACzD,EAAA;AAAA;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAM,EAAA,eAAA;AAAA,gBACN,YAAY,EAAA,IAAA;AAAA,gBACZ,WAAW,OAAQ,CAAA,OAAA;AAAA,gBAElB,QAAU,EAAA,SAAA,CAAA,QAAA;AAAA,kBACT,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD;AAAA;AACF,WACF,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,oBACC,IAAA,CAAA,WAAA,EAAA,EAAY,SAAW,EAAA,OAAA,CAAQ,iBAC9B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA,EAAgB,QAAQ,IAAM,EAAA,CAAA;AAAA,sBAC9B,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,MACtB,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,cACtB,EAAA,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,UACtB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,KAAS,IAAA,GAAA,GAAO,KAAQ,GAAA,EAAA,EAAI,KAAK,EAAA,IAAA,EAC/C,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,OACtB,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAC5B,EAAA,QAAA,EAAA,iBAAA,CAAkB,KAAK,CAC1B,EAAA,CAAA;AAAA,8BACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,OAAA,CAAQ,SAC5B,EAAA,QAAA,EAAA,IAAA,CAAK,IAAS,KAAA,MAAA,GACX,CAAE,CAAA,cAAc,CAChB,GAAA,CAAA,CAAE,eAAe,CACvB,EAAA;AAAA,aAAA,EACF,CACF,EAAA,CAAA;AAAA,YACC,IAAA,CAAK,IAAS,KAAA,UAAA,oBACZ,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,YAAA,IAAgB,GAAO,GAAA,YAAA,GAAe,EAAI,EAAA,KAAA,EAAK,IAC7D,EAAA,QAAA,kBAAA,IAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,GAAG,OAAQ,CAAA,OAAO,IAC3B,aACI,GAAA,OAAA,CAAQ,kBACR,GAAA,OAAA,CAAQ,UACd,CAAA,CAAA;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAC5B,EAAA,QAAA,EAAA,iBAAA,CAAkB,YAAY,CACjC,EAAA,CAAA;AAAA,sCACC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,SAC5B,EAAA,QAAA,EAAA,CAAA,CAAE,gBAAgB,CACrB,EAAA;AAAA;AAAA;AAAA,aAEJ,EAAA,CAAA;AAAA,4BAED,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,KAAA,IAAS,GAAO,GAAA,KAAA,GAAQ,EAAI,EAAA,KAAA,EAAK,IAC/C,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,OACtB,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAC5B,EAAA,QAAA,EAAA,iBAAA,CAAkB,KAAK,CAC1B,EAAA,CAAA;AAAA,kCACC,UAAW,EAAA,EAAA,SAAA,EAAW,QAAQ,SAC5B,EAAA,QAAA,EAAA,CAAA,CAAE,cAAc,CACnB,EAAA;AAAA,aAAA,EACF,CACF,EAAA,CAAA;AAAA,4BACC,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,aAAA,IAAiB,GAAO,GAAA,aAAA,GAAgB,EAAI,EAAA,KAAA,EAAK,IAC/D,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,OACtB,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,SAC5B,EAAA,QAAA,EAAA,iBAAA,CAAkB,aAAa,CAClC,EAAA,CAAA;AAAA,8BACA,GAAA,CAAC,cAAW,SAAW,EAAA,OAAA,CAAQ,WAC5B,QAAE,EAAA,CAAA,CAAA,iBAAiB,CAAE,CAAA,WAAA,EACxB,EAAA;AAAA,aAAA,EACF,CACF,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,UACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,eAAe,IAAK,CAAA,MAAA;AAAA,cACpB,IAAA,EAAM,mBAAmB,IAAI,CAAA;AAAA,cAC7B,KAAM,EAAA,EAAA;AAAA,cACN,WAAW,IAAK,CAAA,SAAA;AAAA,cAChB,OAAO,EAAA;AAAA;AAAA,WAEX,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,QACC,YACC,oBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,QAAQ,IAAK,CAAA,EAAA;AAAA,YACb,YAAA;AAAA,YACA;AAAA;AAAA;AACF,OAEJ,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"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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"}

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

@@ -104,14 +104,14 @@ const TagTooltip = (props) => {
 };
 const TagChip = (props) => {
   const tagRoute = useRouteRef(tagRouteRef);
-  const { tag } = props;
+  const { tag, tooltip } = props;
   const classes = useTooltipStyles();
   const href = tagRoute({ tag });
   return /* @__PURE__ */ jsx(
     Tooltip,
     {
       arrow: true,
-      title: /* @__PURE__ */ jsx(TagTooltip, { tag }),
+      title: tooltip ? tooltip : /* @__PURE__ */ jsx(TagTooltip, { tag }),
       enterDelay: 400,
       interactive: true,
       classes: {

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}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { tag } = props;\n  const classes = useTooltipStyles();\n  const href = tagRoute({ tag });\n\n  return (\n    <Tooltip\n      arrow\n      title={<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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,KAAA,uBAAsC,GAAI,EAAA;AAEhD,MAAM,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAkC,EAAA;AAE1D,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,CAAM,GAAI,CAAA,GAAG,CAAG,EAAA;AAClB,MAAQ,OAAA,CAAA,KAAA,CAAM,GAAI,CAAA,GAAG,CAAC,CAAA;AACtB,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,MAAO,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC9B,MAAA,IAAI,GAAK,EAAA;AACP,QAAM,KAAA,CAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAClB,QAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,OACN,MAAA;AACL,QAAQ,OAAA,CAAA;AAAA,UACN,EAAI,EAAA,CAAA;AAAA,UACJ,GAAA;AAAA,UACA,UAAY,EAAA,CAAA;AAAA,UACZ,cAAgB,EAAA,CAAA;AAAA,UAChB,aAAe,EAAA,CAAA;AAAA,UACf,UAAY,EAAA,CAAA;AAAA,UACZ,aAAe,EAAA,CAAA;AAAA,UACf,WAAA,EAAa,EAAE,wBAAwB;AAAA,SACxC,CAAA;AAAA;AACH,KACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,GAAA,EAAK,CAAC,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,OAAA,EAAS,CACpD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,UACzC,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,eAAA,EAAA,EAAgB,UAAS,OAAQ,EAAA,CAAA;AAAA,wBAClC,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,YAAc,EAAA,UAAA;AAAA,cACd,QAAU,EAAA,QAAA;AAAA,cACV,UAAY,EAAA;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH,OACF,EAAA,CAAA;AAAA,MACC,KAAK,EAAK,GAAA,CAAA,oBACR,IAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WACjB,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,KAAK,UAAY,EAAA,QAAA,EAAU,QAAQ,CAAA;AAAA,QAC9D,QAAA;AAAA,QACA,EAAE,kBAAoB,EAAA,EAAE,KAAO,EAAA,IAAA,CAAK,eAAe;AAAA,OACtD,EAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,IAAK,CAAA,WAAA,oBACH,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,IAAA,CAAK,aAAa,CAC/C,EAAA,CAAA;AAAA,IAED,CAAC,IAAK,CAAA,OAAA,IAAW,IAAK,CAAA,EAAA,KAAO,CAC5B,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,QAChD,SAAS,MAAM;AACb,UAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,YAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,WACf,MAAA;AACL,YAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB,SACF;AAAA,QACA,SAAA,EACE,KAAK,cAAe,CAAA,GAAG,oBAAK,GAAA,CAAA,aAAA,EAAA,EAAc,CAAK,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,QAG5D,QAAA,EAAA,IAAA,CAAK,eAAe,GAAG,CAAA,GACpB,EAAE,oBAAoB,CAAA,GACtB,EAAE,kBAAkB;AAAA;AAAA,KAE5B,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,OAAA,GAAU,CAAC,KAIlB,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAA,MAAM,UAAU,gBAAiB,EAAA;AACjC,EAAA,MAAM,IAAO,GAAA,QAAA,CAAS,EAAE,GAAA,EAAK,CAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAA,kBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,GAAU,EAAA,CAAA;AAAA,MAC7B,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,aAAA;AAAA,UACV,SAAA,EAAW,KAAM,CAAA,OAAA,GAAU,GAAM,GAAA,IAAA;AAAA,UACjC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,EAAA,EAAI,KAAM,CAAA,OAAA,GAAU,KAAY,CAAA,GAAA,IAAA;AAAA,UAChC,IAAA,EAAM,KAAM,CAAA,OAAA,GAAU,IAAO,GAAA,KAAA,CAAA;AAAA,UAC7B,MAAA,EAAQ,KAAM,CAAA,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,UACnC,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,YAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,WACpB;AAAA,UACA,SAAS,EAAA;AAAA;AAAA;AACX;AAAA,GACF;AAEJ;;;;"}
+{"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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"}

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

@@ -1,15 +1,41 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { EntityChip } from './EntityChip.esm.js';
 import { TagChip } from './TagChip.esm.js';
+import { Chip } from '@material-ui/core';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 
 const TagsAndEntities = (props) => {
-  const { entity } = props;
-  if ((!entity.tags || entity.tags.length === 0) && (!entity.entities || entity.entities.length === 0)) {
+  const { entity, tagsLimit, entitiesLimit } = props;
+  const { t } = useTranslationRef(qetaTranslationRef);
+  let tags = "postTags" in entity ? entity.postTags : entity.tags;
+  let entities = "postEntities" in entity ? entity.postEntities : entity.entities;
+  if ((!tags || tags.length === 0) && (!entities || entities.length === 0)) {
     return null;
   }
+  let tagsCount = 0;
+  if (tags && tagsLimit && tags.length > tagsLimit) {
+    tagsCount = tags.length - tagsLimit;
+    tags = tags.slice(0, tagsLimit);
+  }
+  let entitiesCount = 0;
+  if (entities && entitiesLimit && entities.length > entitiesLimit) {
+    entitiesCount = entities.length - entitiesLimit;
+    entities = entities.slice(0, entitiesLimit);
+  }
+  const moreCount = tagsCount + entitiesCount;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    entity.tags && entity.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)),
-    entity.entities && entity.entities.map((component) => /* @__PURE__ */ jsx(EntityChip, { entity: component }, component))
+    tags && tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)),
+    entities && entities.map((component) => /* @__PURE__ */ jsx(EntityChip, { entity: component }, component)),
+    moreCount > 0 && /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: t("common.more", { count: moreCount }),
+        size: "small",
+        variant: "outlined",
+        color: "primary"
+      }
+    )
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\n\nexport const TagsAndEntities = (props: {\n  entity: PostResponse | CollectionResponse;\n}) => {\n  const { entity } = props;\n\n  if (\n    (!entity.tags || entity.tags.length === 0) &&\n    (!entity.entities || entity.entities.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <>\n      {entity.tags && entity.tags.map(tag => <TagChip key={tag} tag={tag} />)}\n      {entity.entities &&\n        entity.entities.map(component => (\n          <EntityChip entity={component} key={component} />\n        ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAE1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AAEnB,EAAA,IAAA,CACG,CAAC,MAAA,CAAO,IAAQ,IAAA,MAAA,CAAO,IAAK,CAAA,MAAA,KAAW,CACvC,MAAA,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAChD,CAAA,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAO,MAAA,CAAA,IAAA,IAAQ,OAAO,IAAK,CAAA,GAAA,CAAI,yBAAQ,GAAA,CAAA,OAAA,EAAA,EAAkB,GAAL,EAAA,EAAA,GAAe,CAAE,CAAA;AAAA,IACrE,MAAA,CAAO,QACN,IAAA,MAAA,CAAO,QAAS,CAAA,GAAA,CAAI,CAClB,SAAA,qBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAgB,EAAA,EAAA,SAAW,CAChD;AAAA,GACL,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\nimport { Chip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport const TagsAndEntities = (props: {\n  entity: PostResponse | CollectionResponse;\n  tagsLimit?: number;\n  entitiesLimit?: number;\n}) => {\n  const { entity, tagsLimit, entitiesLimit } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  let tags = 'postTags' in entity ? entity.postTags : entity.tags;\n  let entities =\n    'postEntities' in entity ? entity.postEntities : entity.entities;\n\n  if ((!tags || tags.length === 0) && (!entities || entities.length === 0)) {\n    return null;\n  }\n\n  let tagsCount = 0;\n  if (tags && tagsLimit && tags.length > tagsLimit) {\n    tagsCount = tags.length - tagsLimit;\n    tags = tags.slice(0, tagsLimit);\n  }\n\n  let entitiesCount = 0;\n  if (entities && entitiesLimit && entities.length > entitiesLimit) {\n    entitiesCount = entities.length - entitiesLimit;\n    entities = entities.slice(0, entitiesLimit);\n  }\n  const moreCount = tagsCount + entitiesCount;\n\n  return (\n    <>\n      {tags && tags.map(tag => <TagChip key={tag} tag={tag} />)}\n      {entities &&\n        entities.map(component => (\n          <EntityChip entity={component} key={component} />\n        ))}\n      {moreCount > 0 && (\n        <Chip\n          label={t('common.more', { count: moreCount } as any)}\n          size=\"small\"\n          variant=\"outlined\"\n          color=\"primary\"\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAUa,MAAA,eAAA,GAAkB,CAAC,KAI1B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,aAAA,EAAkB,GAAA,KAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAO,GAAA,UAAA,IAAc,MAAS,GAAA,MAAA,CAAO,WAAW,MAAO,CAAA,IAAA;AAC3D,EAAA,IAAI,QACF,GAAA,cAAA,IAAkB,MAAS,GAAA,MAAA,CAAO,eAAe,MAAO,CAAA,QAAA;AAE1D,EAAK,IAAA,CAAA,CAAC,QAAQ,IAAK,CAAA,MAAA,KAAW,OAAO,CAAC,QAAA,IAAY,QAAS,CAAA,MAAA,KAAW,CAAI,CAAA,EAAA;AACxE,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,SAAY,GAAA,CAAA;AAChB,EAAA,IAAI,IAAQ,IAAA,SAAA,IAAa,IAAK,CAAA,MAAA,GAAS,SAAW,EAAA;AAChD,IAAA,SAAA,GAAY,KAAK,MAAS,GAAA,SAAA;AAC1B,IAAO,IAAA,GAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAA;AAAA;AAGhC,EAAA,IAAI,aAAgB,GAAA,CAAA;AACpB,EAAA,IAAI,QAAY,IAAA,aAAA,IAAiB,QAAS,CAAA,MAAA,GAAS,aAAe,EAAA;AAChE,IAAA,aAAA,GAAgB,SAAS,MAAS,GAAA,aAAA;AAClC,IAAW,QAAA,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,EAAG,aAAa,CAAA;AAAA;AAE5C,EAAA,MAAM,YAAY,SAAY,GAAA,aAAA;AAE9B,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,KAAK,GAAI,CAAA,CAAA,GAAA,yBAAQ,OAAkB,EAAA,EAAA,GAAA,EAAA,EAAL,GAAe,CAAE,CAAA;AAAA,IACvD,QAAA,IACC,SAAS,GAAI,CAAA,CAAA,SAAA,yBACV,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAgB,EAAA,EAAA,SAAW,CAChD,CAAA;AAAA,IACF,YAAY,CACX,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAO,CAAE,CAAA,aAAA,EAAe,EAAE,KAAA,EAAO,WAAkB,CAAA;AAAA,QACnD,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAM,EAAA;AAAA;AAAA;AACR,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/hooks/useUserSettings.esm.js

@@ -3,6 +3,7 @@ import { useState, useRef, useEffect, useCallback } from 'react';
 
 const DEFAULT_SETTINGS = {
   autoSaveEnabled: false,
+  anonymousPosting: false,
   filterPanelExpanded: {},
   viewType: {},
   aiAnswerExpanded: false,
@@ -24,8 +25,8 @@ const useUserSettings = () => {
     const snapshot = bucket.snapshot(STORAGE_KEY);
     const stored = snapshot.value;
     if (stored) {
-      setSettings(stored);
-      settingsRef.current = stored;
+      setSettings({ ...DEFAULT_SETTINGS, ...stored });
+      settingsRef.current = { ...DEFAULT_SETTINGS, ...stored };
     }
     setIsLoaded(true);
     const subscription = bucket.observe$(STORAGE_KEY).subscribe({
@@ -35,8 +36,8 @@ const useUserSettings = () => {
         }
         const value = newSnapshot.value;
         if (value) {
-          setSettings(value);
-          settingsRef.current = value;
+          setSettings({ ...DEFAULT_SETTINGS, ...value });
+          settingsRef.current = { ...DEFAULT_SETTINGS, ...value };
         } else {
           setSettings(DEFAULT_SETTINGS);
           settingsRef.current = DEFAULT_SETTINGS;
@@ -70,7 +71,7 @@ const useUserSettings = () => {
   );
   const getSetting = useCallback(
     (key) => {
-      return settingsRef.current[key];
+      return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];
     },
     []
   );
@@ -85,7 +86,7 @@ const useUserSettings = () => {
     await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);
   }, [storageApi]);
   return {
-    settings,
+    settings: settingsRef.current,
     updateSettings,
     getSetting,
     setSetting,

package/dist/hooks/useUserSettings.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUserSettings.esm.js","sources":["../../src/hooks/useUserSettings.ts"],"sourcesContent":["import { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { ViewType } from '../components/ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n  autoSaveEnabled: boolean;\n  filterPanelExpanded: Record<string, boolean>;\n  viewType: Record<string, ViewType>;\n  aiAnswerExpanded: boolean;\n  usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n  autoSaveEnabled: false,\n  filterPanelExpanded: {},\n  viewType: {},\n  aiAnswerExpanded: false,\n  usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport const useUserSettings = () => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n  const isUpdatingRef = useRef(false);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n    const snapshot = bucket.snapshot(STORAGE_KEY);\n    const stored = snapshot.value as UserSettings | undefined;\n\n    if (stored) {\n      setSettings(stored);\n      settingsRef.current = stored;\n    }\n\n    setIsLoaded(true);\n\n    const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n      next: newSnapshot => {\n        if (isUpdatingRef.current) {\n          return;\n        }\n\n        const value = newSnapshot.value as UserSettings | undefined;\n        if (value) {\n          setSettings(value);\n          settingsRef.current = value;\n        } else {\n          setSettings(DEFAULT_SETTINGS);\n          settingsRef.current = DEFAULT_SETTINGS;\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [storageApi]);\n\n  const updateSettings = useCallback(\n    async (updates: Partial<UserSettings>) => {\n      const bucket = storageApi.forBucket(BUCKET_KEY);\n      const currentSettings = settingsRef.current;\n      const newSettings = {\n        ...currentSettings,\n        ...(updates as Partial<UserSettings>),\n      };\n      settingsRef.current = newSettings;\n      setSettings(newSettings);\n\n      isUpdatingRef.current = true;\n      try {\n        await bucket.set(STORAGE_KEY, newSettings);\n      } finally {\n        setTimeout(() => {\n          isUpdatingRef.current = false;\n        }, 100);\n      }\n    },\n    [storageApi],\n  );\n\n  const getSetting = useCallback(\n    <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n      return settingsRef.current[key];\n    },\n    [],\n  );\n\n  const setSetting = useCallback(\n    async <K extends keyof UserSettings>(\n      key: K,\n      value: UserSettings[K],\n    ): Promise<void> => {\n      await updateSettings({ [key]: value } as Partial<UserSettings>);\n    },\n    [updateSettings],\n  );\n\n  const resetSettings = useCallback(async () => {\n    const bucket = storageApi.forBucket('qeta');\n    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);\n  }, [storageApi]);\n\n  return {\n    settings,\n    updateSettings,\n    getSetting,\n    setSetting,\n    resetSettings,\n    isLoaded,\n  };\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,gBAAiC,GAAA;AAAA,EACrC,eAAiB,EAAA,KAAA;AAAA,EACjB,qBAAqB,EAAC;AAAA,EACtB,UAAU,EAAC;AAAA,EACX,gBAAkB,EAAA,KAAA;AAAA,EAClB,aAAe,EAAA;AACjB,CAAA;AAEA,MAAM,UAAa,GAAA,MAAA;AACnB,MAAM,WAAc,GAAA,oBAAA;AAEb,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAuB,gBAAgB,CAAA;AACvE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAM,MAAA,WAAA,GAAc,OAAqB,gBAAgB,CAAA;AACzD,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA;AAElC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,OAAU,GAAA,QAAA;AAAA,GACxB,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,CAAU,UAAU,CAAA;AAC9C,IAAM,MAAA,QAAA,GAAW,MAAO,CAAA,QAAA,CAAS,WAAW,CAAA;AAC5C,IAAA,MAAM,SAAS,QAAS,CAAA,KAAA;AAExB,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,WAAA,CAAY,MAAM,CAAA;AAClB,MAAA,WAAA,CAAY,OAAU,GAAA,MAAA;AAAA;AAGxB,IAAA,WAAA,CAAY,IAAI,CAAA;AAEhB,IAAA,MAAM,YAAe,GAAA,MAAA,CAAO,QAAuB,CAAA,WAAW,EAAE,SAAU,CAAA;AAAA,MACxE,MAAM,CAAe,WAAA,KAAA;AACnB,QAAA,IAAI,cAAc,OAAS,EAAA;AACzB,UAAA;AAAA;AAGF,QAAA,MAAM,QAAQ,WAAY,CAAA,KAAA;AAC1B,QAAA,IAAI,KAAO,EAAA;AACT,UAAA,WAAA,CAAY,KAAK,CAAA;AACjB,UAAA,WAAA,CAAY,OAAU,GAAA,KAAA;AAAA,SACjB,MAAA;AACL,UAAA,WAAA,CAAY,gBAAgB,CAAA;AAC5B,UAAA,WAAA,CAAY,OAAU,GAAA,gBAAA;AAAA;AACxB;AACF,KACD,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,WAAY,EAAA;AAAA,KAC3B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,OAAO,OAAmC,KAAA;AACxC,MAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,CAAU,UAAU,CAAA;AAC9C,MAAA,MAAM,kBAAkB,WAAY,CAAA,OAAA;AACpC,MAAA,MAAM,WAAc,GAAA;AAAA,QAClB,GAAG,eAAA;AAAA,QACH,GAAI;AAAA,OACN;AACA,MAAA,WAAA,CAAY,OAAU,GAAA,WAAA;AACtB,MAAA,WAAA,CAAY,WAAW,CAAA;AAEvB,MAAA,aAAA,CAAc,OAAU,GAAA,IAAA;AACxB,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,EAAa,WAAW,CAAA;AAAA,OACzC,SAAA;AACA,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,aAAA,CAAc,OAAU,GAAA,KAAA;AAAA,WACvB,GAAG,CAAA;AAAA;AACR,KACF;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAA+B,GAA4B,KAAA;AACzD,MAAO,OAAA,WAAA,CAAY,QAAQ,GAAG,CAAA;AAAA,KAChC;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,OACE,KACA,KACkB,KAAA;AAClB,MAAA,MAAM,eAAe,EAAE,CAAC,GAAG,GAAG,OAAgC,CAAA;AAAA,KAChE;AAAA,IACA,CAAC,cAAc;AAAA,GACjB;AAEA,EAAM,MAAA,aAAA,GAAgB,YAAY,YAAY;AAC5C,IAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,CAAU,MAAM,CAAA;AAC1C,IAAM,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,EAAa,gBAAgB,CAAA;AAAA,GAChD,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useUserSettings.esm.js","sources":["../../src/hooks/useUserSettings.ts"],"sourcesContent":["import { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { ViewType } from '../components/ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n  autoSaveEnabled: boolean;\n  anonymousPosting: boolean;\n  filterPanelExpanded: Record<string, boolean>;\n  viewType: Record<string, ViewType>;\n  aiAnswerExpanded: boolean;\n  usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n  autoSaveEnabled: false,\n  anonymousPosting: false,\n  filterPanelExpanded: {},\n  viewType: {},\n  aiAnswerExpanded: false,\n  usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport const useUserSettings = () => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n  const isUpdatingRef = useRef(false);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n    const snapshot = bucket.snapshot(STORAGE_KEY);\n    const stored = snapshot.value as UserSettings | undefined;\n\n    if (stored) {\n      setSettings({ ...DEFAULT_SETTINGS, ...stored });\n      settingsRef.current = { ...DEFAULT_SETTINGS, ...stored };\n    }\n\n    setIsLoaded(true);\n\n    const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n      next: newSnapshot => {\n        if (isUpdatingRef.current) {\n          return;\n        }\n\n        const value = newSnapshot.value;\n        if (value) {\n          setSettings({ ...DEFAULT_SETTINGS, ...value });\n          settingsRef.current = { ...DEFAULT_SETTINGS, ...value };\n        } else {\n          setSettings(DEFAULT_SETTINGS);\n          settingsRef.current = DEFAULT_SETTINGS;\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [storageApi]);\n\n  const updateSettings = useCallback(\n    async (updates: Partial<UserSettings>) => {\n      const bucket = storageApi.forBucket(BUCKET_KEY);\n      const currentSettings = settingsRef.current;\n      const newSettings = {\n        ...currentSettings,\n        ...updates,\n      };\n      settingsRef.current = newSettings;\n      setSettings(newSettings);\n\n      isUpdatingRef.current = true;\n      try {\n        await bucket.set(STORAGE_KEY, newSettings);\n      } finally {\n        setTimeout(() => {\n          isUpdatingRef.current = false;\n        }, 100);\n      }\n    },\n    [storageApi],\n  );\n\n  const getSetting = useCallback(\n    <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n      return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];\n    },\n    [],\n  );\n\n  const setSetting = useCallback(\n    async <K extends keyof UserSettings>(\n      key: K,\n      value: UserSettings[K],\n    ): Promise<void> => {\n      await updateSettings({ [key]: value } as Partial<UserSettings>);\n    },\n    [updateSettings],\n  );\n\n  const resetSettings = useCallback(async () => {\n    const bucket = storageApi.forBucket('qeta');\n    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);\n  }, [storageApi]);\n\n  return {\n    settings: settingsRef.current,\n    updateSettings,\n    getSetting,\n    setSetting,\n    resetSettings,\n    isLoaded,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -756,6 +756,7 @@ declare function useQetaEntities<T, F>(props: QetaEntitiesProps<T, F>): {
 
 type UserSettings = {
     autoSaveEnabled: boolean;
+    anonymousPosting: boolean;
     filterPanelExpanded: Record<string, boolean>;
     viewType: Record<string, ViewType>;
     aiAnswerExpanded: boolean;
@@ -880,6 +881,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.followersLabel_one": "follower";
     readonly "common.followersLabel_other": "followers";
     readonly "common.unsaved_changes": "You have unsaved changes. Are you sure you want to leave?";
+    readonly "common.more": "+{{count}} more";
     readonly "markdownEditor.write": "Write";
     readonly "markdownEditor.preview": "Preview";
     readonly "markdownEditor.uploadingImage": "Uploading image...";
@@ -915,6 +917,11 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "collectionForm.descriptionInput.markdownHelp": "Markdown help";
     readonly "collectionForm.submit.existingCollection": "Save";
     readonly "collectionForm.submit.newCollection": "Create Collection";
+    readonly "collectionForm.automaticRules.title": "Automatic collection rules";
+    readonly "collectionForm.automaticRules.description": "You can optionally define tags, entities and users that will automatically add matching posts to this collection. Posts that match ANY of the defined tags OR entities will be automatically added.";
+    readonly "collectionForm.automaticEntitiesInput.label": "Automatic Entities";
+    readonly "collectionForm.automaticTagsInput.label": "Automatic Tags";
+    readonly "collectionForm.automaticUsersInput.label": "Automatic Users";
     readonly "postForm.errorLoading": "Could not load {{type}}";
     readonly "postForm.uploadHeaderImage": "Upload header image";
     readonly "postForm.errorPosting": "Could not post {{type}}";
@@ -1076,6 +1083,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "settingsPage.autoSave.label": "Enable Auto-save";
     readonly "settingsPage.editorPreferences": "Editor Preferences";
     readonly "settingsPage.displayPreferences": "Display Preferences";
+    readonly "settingsPage.anonymousPosting.description": "Set posts and answers to anonymous by default when creating new content";
+    readonly "settingsPage.anonymousPosting.label": "Post Anonymously by default";
     readonly "settingsPage.aiAnswerExpanded.description": "Show AI-generated answers in expanded state when viewing questions";
     readonly "settingsPage.aiAnswerExpanded.label": "Expand AI Answers by Default";
     readonly "settingsPage.usePagination.description": "Use traditional pagination instead of infinite scrolling to load more items";
@@ -1227,6 +1236,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "questionPage.obsoleteTitle": "Obsolete Content";
     readonly "questionPage.obsoleteStatus": "This post has been marked as obsolete. It may contain outdated information. Commenting and answering are disabled.";
     readonly "questionPage.answerButton": "Answer";
+    readonly "questionPage.correctAnswer": "Has correct answer";
     readonly "questionPage.sortAnswers.default": "Default";
     readonly "questionPage.sortAnswers.label": "Sort answers";
     readonly "questionPage.sortAnswers.menuLabel": "Sort answers menu";
@@ -1240,11 +1250,11 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "questionPage.sortAnswers.authorAsc": "Author (asc)";
     readonly "questionPage.sortAnswers.updatedDesc": "Updated (desc)";
     readonly "questionPage.sortAnswers.updatedAsc": "Updated (asc)";
+    readonly "authorBox.correctAnswer": "Correct answer";
     readonly "authorBox.postedAtTime": "Posted";
     readonly "authorBox.updatedAtTime": "Updated";
     readonly "authorBox.updatedBy": "by";
     readonly "authorBox.answeredAtTime": "Answered";
-    readonly "authorBox.correctAnswer": "Correct answer";
     readonly "code.aria": "Copy code to clipboard";
     readonly "code.copied": "Code copied to clipboard";
     readonly "voteButtons.post.own": "You cannot vote your own {{type}}";