@drodil/backstage-plugin-qeta-react 3.48.1 → 3.49.0

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

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Link } from '@backstage/core-components';
 import { useState, useEffect } from 'react';
 import DOMPurify from 'dompurify';
 import { selectByPostType, truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
@@ -15,10 +14,16 @@ import numeral from 'numeral';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
 import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
 import LinkIcon from '@material-ui/icons/Link';
+import StarIcon from '@material-ui/icons/Star';
+import Visibility from '@material-ui/icons/Visibility';
+import CheckCircle from '@material-ui/icons/CheckCircle';
+import ThumbUp from '@material-ui/icons/ThumbUp';
+import TouchApp from '@material-ui/icons/TouchApp';
 import { StatusChip } from '../Utility/StatusChip.esm.js';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 import { FaviconItem } from '../FaviconItem/FaviconItem.esm.js';
 import { getPostDisplayDate } from '../../utils/utils.esm.js';
+import { useNavigate } from 'react-router-dom';
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -26,113 +31,103 @@ const useStyles = makeStyles((theme) => ({
     flexDirection: "row",
     alignItems: "flex-start",
     height: "100%",
-    padding: theme.spacing(0.5, 2, 2, 2),
-    minHeight: 64,
+    padding: theme.spacing(2.5, 2, 2, 2),
+    minHeight: 80,
     transition: "all 0.2s ease-in-out",
+    borderRadius: theme.shape.borderRadius,
     "&:hover": {
+      backgroundColor: theme.palette.action.hover,
       "& $title": {
-        color: theme.palette.primary.main,
-        "& a": {
-          textDecoration: "underline"
-        }
+        color: theme.palette.primary.main
       }
-    }
+    },
+    cursor: "pointer"
   },
   metaCol: {
-    minWidth: 105,
-    maxWidth: 105,
+    minWidth: 64,
+    maxWidth: 64,
     display: "flex",
     flexDirection: "column",
-    alignItems: "flex-end",
+    alignItems: "center",
     justifyContent: "center",
-    marginRight: 16,
-    marginTop: "-2px",
-    gap: 2
+    marginRight: theme.spacing(1.5),
+    gap: theme.spacing(0.75)
   },
-  metaBox: {
-    textAlign: "right",
-    borderRadius: 6,
-    padding: "5px",
-    color: theme.palette.text.primary,
-    lineHeight: "16px",
-    fontSize: "14px",
-    userSelect: "none"
+  metaItem: {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: theme.spacing(0.5),
+    color: theme.palette.text.secondary,
+    width: "100%",
+    fontSize: "15px"
   },
-  answersBox: {
-    color: theme.palette.text.primary,
-    border: `1px solid ${theme.palette.warning.main}`
+  metaItemActive: {
+    color: theme.palette.success.main,
+    fontWeight: 500
   },
-  answersBoxAnswered: {
-    border: `1px solid ${theme.palette.success.dark}`
+  metaItemWarning: {
+    color: theme.palette.warning.main,
+    fontWeight: 500
+  },
+  metaIcon: {
+    fontSize: 16
   },
   title: {
     fontWeight: 700,
+    fontSize: "1.1rem",
     color: theme.palette.text.primary,
-    marginBottom: 2,
-    marginTop: 0,
+    marginBottom: theme.spacing(0.5),
     textOverflow: "ellipsis",
     overflow: "hidden",
     whiteSpace: "nowrap",
     lineHeight: 1.2,
-    "& a": {
-      color: "inherit",
-      textDecoration: "none"
-    }
+    textDecoration: "none"
   },
   content: {
-    color: theme.palette.text.secondary,
-    margin: "2px 0 4px 0",
+    color: theme.palette.text.primary,
+    opacity: 0.9,
+    margin: "4px 0 8px 0",
     display: "-webkit-box",
     WebkitLineClamp: 2,
     WebkitBoxOrient: "vertical",
     overflow: "hidden",
     textOverflow: "ellipsis",
-    minHeight: "24px",
-    flexGrow: 1
+    fontSize: "0.95rem",
+    minHeight: "20px"
   },
-  authorRow: {
+  tagsRow: {
     display: "flex",
+    flexDirection: "row",
     alignItems: "center",
-    gap: 6,
-    marginTop: 2,
-    marginBottom: 2,
-    justifyContent: "flex-end"
+    justifyContent: "space-between",
+    width: "100%",
+    marginTop: "auto"
   },
   tags: {
     display: "flex",
     flexWrap: "wrap",
-    overflow: "hidden",
-    flex: "1 1 0",
-    minWidth: 0
-  },
-  tagsRow: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    marginTop: 8,
-    gap: 8
+    gap: 4
   },
   authorBoxContainer: {
-    flex: "0 0 220px",
-    width: 220,
-    minWidth: 220,
-    maxWidth: 220,
+    marginLeft: "auto",
     display: "flex",
-    justifyContent: "flex-end"
+    alignItems: "center"
   },
   contentContainer: {
     flex: 1,
     minWidth: 0,
     display: "flex",
-    justifyContent: "stretch",
     flexDirection: "column",
-    height: "100%"
+    justifyContent: "space-between"
   },
   titleContainer: {
     display: "flex",
     alignItems: "center",
     gap: theme.spacing(1),
-    justifyContent: "space-between"
+    justifyContent: "space-between",
+    marginBottom: theme.spacing(0.5)
   },
   titleWrapper: {
     display: "flex",
@@ -142,9 +137,23 @@ const useStyles = makeStyles((theme) => ({
     minWidth: 0
   },
   typeLabel: {
-    marginLeft: theme.spacing(1),
-    padding: "0.5rem 0.5rem",
-    flexShrink: 0
+    height: 24,
+    marginBottom: 0,
+    marginRight: 0,
+    padding: theme.spacing(0, 0.5, 0, 1)
+  },
+  openLinkButton: {
+    padding: 0,
+    height: 24,
+    width: 24
+  },
+  starContainer: {
+    height: 24,
+    width: 24,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 0
   }
 }));
 function formatShortNumber(num) {
@@ -161,6 +170,7 @@ const PostListItem = (props) => {
   const [score, setScore] = useState(post.score);
   const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
+  const navigate = useNavigate();
   const { lastSignal } = useSignal(`qeta:post_${post.id}`);
   useEffect(() => {
     if (lastSignal?.type === "post_stats") {
@@ -180,90 +190,77 @@ const PostListItem = (props) => {
     linkRoute
   );
   const href = entity ? `${route({ id: post.id.toString(10) })}?entity=${entity}` : route({ id: post.id.toString(10) });
-  return /* @__PURE__ */ jsxs(Box, { className: styles.root, children: [
+  const handleClick = (e) => {
+    if (e.target.closest("a") || e.target.closest("button")) {
+      return;
+    }
+    navigate(href);
+  };
+  const answerClassName = correctAnswer ? styles.metaItemActive : answersCount === 0 ? styles.metaItemWarning : "";
+  return /* @__PURE__ */ jsxs(Box, { className: styles.root, onClick: handleClick, children: [
     /* @__PURE__ */ jsxs(Box, { className: styles.metaCol, "aria-label": t("common.postStats"), children: [
-      /* @__PURE__ */ jsx(Tooltip, { title: score >= 1e3 ? score : "", arrow: true, children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          className: styles.metaBox,
-          "aria-label": t(
-            post.type !== "link" ? "common.votesCount" : "common.clicksCount",
-            { count: score }
-          ),
-          children: [
-            formatShortNumber(score),
-            " ",
-            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,
+      /* @__PURE__ */ jsx(
+        Tooltip,
         {
-          className: correctAnswer ? `${styles.metaBox} ${styles.answersBoxAnswered}` : `${styles.metaBox} ${styles.answersBox}`,
-          "aria-label": t("common.answersCount", { count: answersCount }),
-          children: [
-            formatShortNumber(answersCount),
-            " ",
-            t("common.answers")
-          ]
+          title: post.type === "link" ? t("common.clicksCount", { count: score }) : t("common.votesCount", { count: score }),
+          arrow: true,
+          children: /* @__PURE__ */ jsxs(Box, { className: styles.metaItem, children: [
+            post.type === "link" ? /* @__PURE__ */ jsx(TouchApp, { className: styles.metaIcon }) : /* @__PURE__ */ jsx(ThumbUp, { className: styles.metaIcon }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", style: { fontSize: "inherit" }, children: formatShortNumber(score) })
+          ] })
         }
-      ) }),
-      post.type !== "link" && /* @__PURE__ */ jsx(Tooltip, { title: views >= 1e3 ? views : "", arrow: true, children: /* @__PURE__ */ jsxs(
-        Box,
+      ),
+      post.type === "question" && /* @__PURE__ */ jsx(
+        Tooltip,
         {
-          className: styles.metaBox,
-          "aria-label": t("common.viewsCount", { count: views }),
-          children: [
-            formatShortNumber(views),
-            " ",
-            t("common.views")
-          ]
+          title: t("common.answersCount", { count: answersCount }),
+          arrow: true,
+          children: /* @__PURE__ */ jsxs(Box, { className: `${styles.metaItem} ${answerClassName}`, children: [
+            correctAnswer ? /* @__PURE__ */ jsx(CheckCircle, { className: styles.metaIcon }) : /* @__PURE__ */ jsx(QuestionAnswerIcon, { className: styles.metaIcon }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", style: { fontSize: "inherit" }, children: formatShortNumber(answersCount) })
+          ] })
         }
-      ) })
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { title: t("common.viewsCount", { count: views }), arrow: true, children: /* @__PURE__ */ jsxs(Box, { className: styles.metaItem, children: [
+        /* @__PURE__ */ jsx(Visibility, { className: styles.metaIcon }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", style: { fontSize: "inherit" }, children: formatShortNumber(views) })
+      ] }) })
     ] }),
     /* @__PURE__ */ jsxs(Box, { className: styles.contentContainer, children: [
       /* @__PURE__ */ jsxs(Box, { className: styles.titleContainer, children: [
-        /* @__PURE__ */ jsx(Box, { className: styles.titleWrapper, children: /* @__PURE__ */ jsxs(Typography, { component: "div", className: styles.title, children: [
+        /* @__PURE__ */ jsxs(Box, { className: styles.titleWrapper, children: [
           post.type === "link" && /* @__PURE__ */ jsx(FaviconItem, { entity: post }),
-          /* @__PURE__ */ jsx(
-            Link,
+          /* @__PURE__ */ jsx(Typography, { component: "div", className: styles.title, children: post.title })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", style: { gap: "8px" }, children: [
+          post.favorite && /* @__PURE__ */ jsx(Tooltip, { title: t("common.favorite"), children: /* @__PURE__ */ jsx(Box, { className: styles.starContainer, children: /* @__PURE__ */ jsx(StarIcon, { style: { color: "#FFB400", fontSize: 20 } }) }) }),
+          /* @__PURE__ */ jsx(StatusChip, { status: post.status }),
+          showTypeLabel && post.type && /* @__PURE__ */ jsx(
+            Chip,
             {
-              to: href,
-              className: "qetaPostListItemQuestionBtn",
-              "aria-label": post.title,
-              tabIndex: 0,
-              style: { color: "inherit", textDecoration: "none" },
-              children: post.title
+              size: "small",
+              variant: "outlined",
+              icon: selectByPostType(
+                post.type,
+                /* @__PURE__ */ jsx(QuestionAnswerIcon, { style: { fontSize: 16 } }),
+                /* @__PURE__ */ jsx(CollectionsBookmarkIcon, { style: { fontSize: 16 } }),
+                /* @__PURE__ */ jsx(LinkIcon, { style: { fontSize: 16 } })
+              ),
+              label: capitalizeFirstLetter(t(`common.${post.type}`)),
+              className: styles.typeLabel
             }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(StatusChip, { status: post.status }),
-        showTypeLabel && post.type && /* @__PURE__ */ jsx(
-          Chip,
-          {
-            size: "small",
-            icon: selectByPostType(
-              post.type,
-              /* @__PURE__ */ jsx(QuestionAnswerIcon, {}),
-              /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {}),
-              /* @__PURE__ */ jsx(LinkIcon, {})
-            ),
-            label: capitalizeFirstLetter(t(`common.${post.type}`)),
-            className: styles.typeLabel
-          }
-        ),
-        post.type === "link" && /* @__PURE__ */ jsx(OpenLinkButton, { entity: post })
+          ),
+          post.type === "link" && /* @__PURE__ */ jsx(OpenLinkButton, { entity: post, className: styles.openLinkButton })
+        ] })
       ] }),
       /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "div", className: styles.content, children: /* @__PURE__ */ jsx(
-        Link,
+        "span",
         {
-          to: href,
-          style: { color: "inherit", textDecoration: "none" },
-          "aria-label": t("common.readMore"),
-          children: DOMPurify.sanitize(
-            truncate(removeMarkdownFormatting(post.content), 200)
-          )
+          dangerouslySetInnerHTML: {
+            __html: DOMPurify.sanitize(
+              truncate(removeMarkdownFormatting(post.content), 200)
+            )
+          }
         }
       ) }),
       /* @__PURE__ */ jsxs(Box, { className: styles.tagsRow, children: [

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

@@ -1 +1 @@
-{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    height: '100%',\n    padding: theme.spacing(0.5, 2, 2, 2),\n    minHeight: 64,\n    transition: 'all 0.2s ease-in-out',\n    '&:hover': {\n      '& $title': {\n        color: theme.palette.primary.main,\n        '& a': {\n          textDecoration: 'underline',\n        },\n      },\n    },\n  },\n  metaCol: {\n    minWidth: 105,\n    maxWidth: 105,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginRight: 16,\n    marginTop: '-2px',\n    gap: 2,\n  },\n  metaBox: {\n    textAlign: 'right',\n    borderRadius: 6,\n    padding: '5px',\n    color: theme.palette.text.primary,\n    lineHeight: '16px',\n    fontSize: '14px',\n    userSelect: 'none',\n  },\n  answersBox: {\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.warning.main}`,\n  },\n  answersBoxAnswered: {\n    border: `1px solid ${theme.palette.success.dark}`,\n  },\n  title: {\n    fontWeight: 700,\n    color: theme.palette.text.primary,\n    marginBottom: 2,\n    marginTop: 0,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    '& a': {\n      color: 'inherit',\n      textDecoration: 'none',\n    },\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    margin: '2px 0 4px 0',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minHeight: '24px',\n    flexGrow: 1,\n  },\n  authorRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 6,\n    marginTop: 2,\n    marginBottom: 2,\n    justifyContent: 'flex-end',\n  },\n  tags: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n    flex: '1 1 0',\n    minWidth: 0,\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginTop: 8,\n    gap: 8,\n  },\n  authorBoxContainer: {\n    flex: '0 0 220px',\n    width: 220,\n    minWidth: 220,\n    maxWidth: 220,\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    justifyContent: 'stretch',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    marginLeft: theme.spacing(1),\n    padding: '0.5rem 0.5rem',\n    flexShrink: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n  return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, showTypeLabel } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Box className={styles.root}>\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip title={score >= 1000 ? score : ''} arrow>\n          <Box\n            className={styles.metaBox}\n            aria-label={t(\n              post.type !== 'link' ? 'common.votesCount' : 'common.clicksCount',\n              { count: score },\n            )}\n          >\n            {formatShortNumber(score)}{' '}\n            {post.type !== 'link' ? t('common.votes') : t('common.clicks')}\n          </Box>\n        </Tooltip>\n        {post.type === 'question' && (\n          <Tooltip title={answersCount >= 1000 ? answersCount : ''} arrow>\n            <Box\n              className={\n                correctAnswer\n                  ? `${styles.metaBox} ${styles.answersBoxAnswered}`\n                  : `${styles.metaBox} ${styles.answersBox}`\n              }\n              aria-label={t('common.answersCount', { count: answersCount })}\n            >\n              {formatShortNumber(answersCount)} {t('common.answers')}\n            </Box>\n          </Tooltip>\n        )}\n        {post.type !== 'link' && (\n          <Tooltip title={views >= 1000 ? views : ''} arrow>\n            <Box\n              className={styles.metaBox}\n              aria-label={t('common.viewsCount', { count: views })}\n            >\n              {formatShortNumber(views)} {t('common.views')}\n            </Box>\n          </Tooltip>\n        )}\n      </Box>\n      <Box className={styles.contentContainer}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            <Typography component=\"div\" className={styles.title}>\n              {post.type === 'link' && <FaviconItem entity={post} />}\n              <Link\n                to={href}\n                className=\"qetaPostListItemQuestionBtn\"\n                aria-label={post.title}\n                tabIndex={0}\n                style={{ color: 'inherit', textDecoration: 'none' }}\n              >\n                {post.title}\n              </Link>\n            </Typography>\n          </Box>\n          <StatusChip status={post.status} />\n          {showTypeLabel && post.type && (\n            <Chip\n              size=\"small\"\n              icon={selectByPostType(\n                post.type,\n                <QuestionAnswer />,\n                <CollectionsBookmarkIcon />,\n                <LinkIcon />,\n              )}\n              label={capitalizeFirstLetter(t(`common.${post.type}`))}\n              className={styles.typeLabel}\n            />\n          )}\n          {post.type === 'link' && <OpenLinkButton entity={post} />}\n        </Box>\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <Link\n            to={href}\n            style={{ color: 'inherit', textDecoration: 'none' }}\n            aria-label={t('common.readMore')}\n          >\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 200),\n            )}\n          </Link>\n        </Typography>\n        <Box className={styles.tagsRow}>\n          <Box className={styles.tags}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box className={styles.authorBoxContainer}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n              compact\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer"],"mappings":"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"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { useNavigate } from 'react-router-dom';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    height: '100%',\n    padding: theme.spacing(2.5, 2, 2, 2),\n    minHeight: 80,\n    transition: 'all 0.2s ease-in-out',\n    borderRadius: theme.shape.borderRadius,\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n      '& $title': {\n        color: theme.palette.primary.main,\n      },\n    },\n    cursor: 'pointer',\n  },\n  metaCol: {\n    minWidth: 64,\n    maxWidth: 64,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: theme.spacing(1.5),\n    gap: theme.spacing(0.75),\n  },\n  metaItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n    width: '100%',\n    fontSize: '15px',\n  },\n  metaItemActive: {\n    color: theme.palette.success.main,\n    fontWeight: 500,\n  },\n  metaItemWarning: {\n    color: theme.palette.warning.main,\n    fontWeight: 500,\n  },\n  metaIcon: {\n    fontSize: 16,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '1.1rem',\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    textDecoration: 'none',\n  },\n  content: {\n    color: theme.palette.text.primary,\n    opacity: 0.9,\n    margin: '4px 0 8px 0',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    fontSize: '0.95rem',\n    minHeight: '20px',\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n    marginTop: 'auto',\n  },\n  tags: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  authorBoxContainer: {\n    marginLeft: 'auto',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(0.5),\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    height: 24,\n    marginBottom: 0,\n    marginRight: 0,\n    padding: theme.spacing(0, 0.5, 0, 1),\n  },\n  openLinkButton: {\n    padding: 0,\n    height: 24,\n    width: 24,\n  },\n  starContainer: {\n    height: 24,\n    width: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n  return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, showTypeLabel } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const navigate = useNavigate();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  const handleClick = (e: React.MouseEvent) => {\n    // Prevent navigation if clicking on interactive elements\n    if (\n      (e.target as HTMLElement).closest('a') ||\n      (e.target as HTMLElement).closest('button')\n    ) {\n      return;\n    }\n    navigate(href);\n  };\n\n  /* eslint-disable no-nested-ternary */\n  const answerClassName = correctAnswer\n    ? styles.metaItemActive\n    : answersCount === 0\n    ? styles.metaItemWarning\n    : '';\n  /* eslint-enable no-nested-ternary */\n\n  return (\n    <Box className={styles.root} onClick={handleClick}>\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip\n          title={\n            post.type === 'link'\n              ? t('common.clicksCount', { count: score })\n              : t('common.votesCount', { count: score })\n          }\n          arrow\n        >\n          <Box className={styles.metaItem}>\n            {post.type === 'link' ? (\n              <TouchApp className={styles.metaIcon} />\n            ) : (\n              <ThumbUp className={styles.metaIcon} />\n            )}\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(score)}\n            </Typography>\n          </Box>\n        </Tooltip>\n\n        {post.type === 'question' && (\n          <Tooltip\n            title={t('common.answersCount', { count: answersCount })}\n            arrow\n          >\n            <Box className={`${styles.metaItem} ${answerClassName}`}>\n              {correctAnswer ? (\n                <CheckCircle className={styles.metaIcon} />\n              ) : (\n                <QuestionAnswer className={styles.metaIcon} />\n              )}\n              <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n                {formatShortNumber(answersCount)}\n              </Typography>\n            </Box>\n          </Tooltip>\n        )}\n\n        <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n          <Box className={styles.metaItem}>\n            <Visibility className={styles.metaIcon} />\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(views)}\n            </Typography>\n          </Box>\n        </Tooltip>\n      </Box>\n\n      <Box className={styles.contentContainer}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            {post.type === 'link' && <FaviconItem entity={post} />}\n            <Typography component=\"div\" className={styles.title}>\n              {post.title}\n            </Typography>\n          </Box>\n\n          <Box display=\"flex\" alignItems=\"center\" style={{ gap: '8px' }}>\n            {post.favorite && (\n              <Tooltip title={t('common.favorite')}>\n                <Box className={styles.starContainer}>\n                  <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n                </Box>\n              </Tooltip>\n            )}\n            <StatusChip status={post.status} />\n            {showTypeLabel && post.type && (\n              <Chip\n                size=\"small\"\n                variant=\"outlined\"\n                icon={selectByPostType(\n                  post.type,\n                  <QuestionAnswer style={{ fontSize: 16 }} />,\n                  <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n                  <LinkIcon style={{ fontSize: 16 }} />,\n                )}\n                label={capitalizeFirstLetter(t(`common.${post.type}`))}\n                className={styles.typeLabel}\n              />\n            )}\n            {post.type === 'link' && (\n              <OpenLinkButton entity={post} className={styles.openLinkButton} />\n            )}\n          </Box>\n        </Box>\n\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <span\n            dangerouslySetInnerHTML={{\n              __html: DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 200),\n              ),\n            }}\n          />\n        </Typography>\n\n        <Box className={styles.tagsRow}>\n          <Box className={styles.tags}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box className={styles.authorBoxContainer}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n              compact\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer"],"mappings":"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"}

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

@@ -15,10 +15,10 @@ import '../../api.esm.js';
 import '@backstage/core-plugin-api';
 import '@material-ui/icons/PlaylistAdd';
 import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/core-components';
 import '../../routes.esm.js';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
+import '@backstage/core-components';
 import 'react';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';

package/dist/components/PostsGrid/PostsGrid.esm.js

@@ -13,10 +13,10 @@ import '../../api.esm.js';
 import '@backstage/core-plugin-api';
 import '@material-ui/icons/PlaylistAdd';
 import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/core-components';
 import '../../routes.esm.js';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
+import '@backstage/core-components';
 import 'react';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';
@@ -142,7 +142,7 @@ const PostsGrid = (props) => {
       ) })
     ] }),
     response && /* @__PURE__ */ jsx(Box, { mt: 2, mb: 2, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid, { item: true, children: (response?.total ?? 0) > 0 && /* @__PURE__ */ jsx(
         Typography,
         {
           variant: "h6",

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

@@ -1 +1 @@
-{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  CreateLinkButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport FilterList from '@material-ui/icons/FilterList';\nimport {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport { SearchBar } from '../SearchBar/SearchBar.tsx';\n\nexport type PostGridProps = PaginatedPostsProps & {\n  allowRanking?: boolean;\n  filterPanelProps?: CommonFilterPanelProps;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n};\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    allowRanking,\n    view,\n    onViewChange,\n  } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5em' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n            loading={loading}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showLinkButton && (\n          <Grid item>\n            <CreateLinkButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      {response && (\n        <Box mt={2} mb={2}>\n          <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n            <Grid item>\n              <Typography\n                variant=\"h6\"\n                className=\"qetaPostsContainerQuestionCount\"\n                style={{ fontWeight: 500, paddingBottom: 2 }}\n              >\n                {t('common.posts', { count: response?.total ?? 0, itemType })}\n              </Typography>\n            </Grid>\n            <Grid item>\n              <Grid container spacing={1} alignItems=\"center\">\n                {view && onViewChange && (\n                  <Grid item>\n                    <ViewToggle view={view} onChange={onViewChange} />\n                  </Grid>\n                )}\n                {(showFilters ?? true) && (\n                  <Grid item>\n                    <Button\n                      onClick={() => setShowFilterPanel(!showFilterPanel)}\n                      className=\"qetaPostsContainerFilterPanelBtn\"\n                      startIcon={<FilterList />}\n                    >\n                      {t('filterPanel.filterButton')}\n                    </Button>\n                  </Grid>\n                )}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Box>\n      )}\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n            {...props.filterPanelProps}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  AskQuestionButton,\n  CreateLinkButton,\n  EntityFollowButton,\n  TagFollowButton,\n  WriteArticleButton,\n} from '../Buttons';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport FilterList from '@material-ui/icons/FilterList';\nimport {\n  CommonFilterPanelProps,\n  FilterPanel,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n  PaginatedPostsProps,\n  usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport { SearchBar } from '../SearchBar/SearchBar.tsx';\n\nexport type PostGridProps = PaginatedPostsProps & {\n  allowRanking?: boolean;\n  filterPanelProps?: CommonFilterPanelProps;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n};\n\nexport const PostsGrid = (props: PostGridProps) => {\n  const {\n    type,\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    allowRanking,\n    view,\n    onViewChange,\n  } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    onSearchQueryChange,\n    filters,\n    response,\n    loading,\n    error,\n    setShowFilterPanel,\n    showFilterPanel,\n    onFilterChange,\n    onPageSizeChange,\n    postsPerPage,\n    page,\n    pageCount,\n    onPageChange,\n    retry,\n  } = usePaginatedPosts(props);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', { itemType });\n  }\n\n  return (\n    <Box className=\"qetaPostsGrid\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaPostsGridTitle\"\n          style={{ marginBottom: '1.5em' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('postsContainer.search.label', {\n              itemType: itemType.toLowerCase(),\n            })}\n            loading={loading}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showWriteButton && (\n          <Grid item>\n            <WriteArticleButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n        {showLinkButton && (\n          <Grid item>\n            <CreateLinkButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      {response && (\n        <Box mt={2} mb={2}>\n          <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n            <Grid item>\n              {(response?.total ?? 0) > 0 && (\n                <Typography\n                  variant=\"h6\"\n                  className=\"qetaPostsContainerQuestionCount\"\n                  style={{ fontWeight: 500, paddingBottom: 2 }}\n                >\n                  {t('common.posts', { count: response?.total ?? 0, itemType })}\n                </Typography>\n              )}\n            </Grid>\n            <Grid item>\n              <Grid container spacing={1} alignItems=\"center\">\n                {view && onViewChange && (\n                  <Grid item>\n                    <ViewToggle view={view} onChange={onViewChange} />\n                  </Grid>\n                )}\n                {(showFilters ?? true) && (\n                  <Grid item>\n                    <Button\n                      onClick={() => setShowFilterPanel(!showFilterPanel)}\n                      className=\"qetaPostsContainerFilterPanelBtn\"\n                      startIcon={<FilterList />}\n                    >\n                      {t('filterPanel.filterButton')}\n                    </Button>\n                  </Grid>\n                )}\n              </Grid>\n            </Grid>\n          </Grid>\n        </Box>\n      )}\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel<PostFilters>\n            onChange={onFilterChange}\n            filters={filters}\n            type={type}\n            {...props.filterPanelProps}\n          />\n        </Collapse>\n      )}\n      <PostsGridContent\n        loading={loading}\n        error={error}\n        response={response}\n        entity={entity}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        onPageSizeChange={onPageSizeChange}\n        pageSize={postsPerPage}\n        entityPage={entity !== undefined}\n        tags={tags}\n        type={type}\n        page={page}\n        pageCount={pageCount}\n        onPageChange={onPageChange}\n        onRankUpdate={() => retry()}\n        collectionId={props.collectionId}\n        allowRanking={allowRanking}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridContent.esm.js

@@ -73,9 +73,8 @@ const PostsGridContent = (props) => {
         direction: "row",
         alignItems: "stretch",
         justifyContent: "space-between",
-        style: { marginTop: "1rem" },
         children: response.posts.map((p) => {
-          return /* @__PURE__ */ jsx(Grid, { item: true, lg: 12, xl: 6, children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, lg: 12, xl: 6, children: /* @__PURE__ */ jsx(
             PostsGridItem,
             {
               post: p,

package/dist/components/PostsGrid/PostsGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { ChangeEvent, useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport { Box, Grid } from '@material-ui/core';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (_event: ChangeEvent<unknown>, value: number) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          justifyContent=\"space-between\"\n          style={{ marginTop: '1rem' }}\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item lg={12} xl={6} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAWa,MAAA,gBAAA,GAAmB,CAAC,KAiB3B,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,kBAAqB,GAAA,IAAA;AAAA,IACrB,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA;AAElD,EAAM,MAAA,gBAAA,GAAmB,CAAC,MAAA,EAA8B,KAAkB,KAAA;AACxE,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA;AAAA;AAEjC,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,GACpB;AAEA,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAA2C,KAAA;AACvE,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA;AAAA;AAEjC,IAAA,gBAAA,CAAiB,OAAO,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAiB,EAAE,CAAC,CAAA;AAAA,GACpE;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAA,MAAM,WAAY,IAAQ,IAAA,MAAA;AAE1B,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU,CAAA;AAAA,QAE9C,QAAO,EAAA,KAAA,EAAA;AAAA;AAAA,KACV;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAS,CAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAClD,IACE,uBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,cAAgB,EAAA,kBAAA;AAAA,QAChB,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,OAAA,EACR,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,EAAI,EAAA,CAAA,EAAK,EAAA,SAAA,EAAU,eAC5B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,SAAU,EAAA,KAAA;AAAA,QACV,UAAW,EAAA,SAAA;AAAA,QACX,cAAe,EAAA,eAAA;AAAA,QACf,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA;AAAA,QAE1B,QAAA,EAAA,QAAA,CAAS,KAAM,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACvB,UAAA,2BACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,IAAM,EAAA,CAAA;AAAA,cACN,IAAA;AAAA,cACA,MAAA;AAAA,cACA,cAAc,KAAM,CAAA,YAAA;AAAA,cACpB,cAAc,KAAM,CAAA,YAAA;AAAA,cACpB,cAAc,KAAM,CAAA;AAAA;AAAA,WACtB,EAAA,EAR6B,EAAE,EASjC,CAAA;AAAA,SAEH;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,gBAAA;AAAA,QACA,oBAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA;AAAA,QACA,OAAS,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU;AAAA;AAAA;AACnD,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { ChangeEvent, useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport { Box, Grid } from '@material-ui/core';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\n\nexport const PostsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: PostsResponse;\n  entity?: string;\n  tags?: string[];\n  showNoQuestionsBtn?: boolean;\n  onPageSizeChange: (size: number) => void;\n  pageSize: number;\n  entityPage?: boolean;\n  type?: PostType;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    entity,\n    showNoQuestionsBtn = true,\n    onPageSizeChange,\n    pageSize,\n    entityPage,\n    tags,\n    type,\n    onPageChange,\n    page,\n    pageCount,\n  } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const gridRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePageChange = (_event: ChangeEvent<unknown>, value: number) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (event: ChangeEvent<{ value: unknown }>) => {\n    if (gridRef.current) {\n      gridRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  const itemType = (type ?? 'post') as any;\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel\n        severity=\"error\"\n        title={t('postsList.errorLoading', { itemType })}\n      >\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response.posts || response.posts.length === 0) {\n    return (\n      <NoPostsCard\n        showNoPostsBtn={showNoQuestionsBtn}\n        entity={entity}\n        entityPage={entityPage}\n        tags={tags}\n        type={type}\n      />\n    );\n  }\n\n  return (\n    <div ref={gridRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n        <Grid\n          container\n          direction=\"row\"\n          alignItems=\"stretch\"\n          justifyContent=\"space-between\"\n        >\n          {response.posts.map(p => {\n            return (\n              <Grid item xs={12} lg={12} xl={6} key={p.id}>\n                <PostsGridItem\n                  post={p}\n                  type={type}\n                  entity={entity}\n                  allowRanking={props.allowRanking}\n                  onRankUpdate={props.onRankUpdate}\n                  collectionId={props.collectionId}\n                />\n              </Grid>\n            );\n          })}\n        </Grid>\n        <QetaPagination\n          pageSize={pageSize}\n          handlePageChange={handlePageChange}\n          handlePageSizeChange={handlePageSizeChange}\n          page={page}\n          pageCount={pageCount}\n          tooltip={t('postsList.postsPerPage', { itemType })}\n        />\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}