@drodil/backstage-plugin-qeta-react 3.52.6 → 3.53.1

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

@@ -0,0 +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":"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"}

package/dist/components/PostsTable/PostsTable.esm.js

@@ -5,16 +5,21 @@ import { PostsTableRow } from './PostsTableRow.esm.js';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { Grid, Typography, ButtonGroup, Button, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, TablePagination } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
 import RefreshIcon from '@material-ui/icons/Refresh';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"PostsTable.esm.js","sources":["../../../src/components/PostsTable/PostsTable.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport { PostsTableRow } from './PostsTableRow';\nimport { useQetaApi } from '../../hooks';\nimport {\n  Button,\n  ButtonGroup,\n  Grid,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@material-ui/core';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\n\ntype QuickFilterType = 'latest' | 'favorites' | 'most_viewed';\n\nexport const PostsTable = (props: {\n  hideTitle?: boolean;\n  rowsPerPage?: number;\n  quickFilter?: QuickFilterType;\n  postType?: PostType;\n}) => {\n  const [page, setPage] = useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = useState(\n    props.rowsPerPage ?? 10,\n  );\n  const [quickFilter, setQuickFilter] = useState(props.quickFilter ?? 'latest');\n  const [refresh, setRefresh] = useState(0);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [filters, setFilters] = useState({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    favorite: false,\n  });\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPosts({\n        type: props.postType,\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        includeExperts: false,\n        ...(filters as any),\n      }),\n    [page, filters, questionsPerPage, refresh],\n  );\n\n  const handleQuickFilterChange = (filter: QuickFilterType) => {\n    setQuickFilter(filter);\n    if (filter === 'latest') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: false,\n      });\n    } else if (filter === 'favorites') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: true,\n      });\n    } else if (filter === 'most_viewed') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'views',\n        favorite: false,\n      });\n    }\n  };\n\n  const handleChangePage = (_: unknown, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {\n    setQuestionsPerPage(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('postsTable.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ marginBottom: '1em' }}\n        className=\"qetaPostsTableGrid\"\n      >\n        <Grid item>\n          {props.hideTitle === true ? null : (\n            <Typography variant=\"h5\">{t('pluginName')}</Typography>\n          )}\n        </Grid>\n        <Grid item>\n          <ButtonGroup>\n            <Button\n              color={quickFilter === 'latest' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('latest')}\n            >\n              {t('postsTable.latest')}\n            </Button>\n            <Button\n              color={quickFilter === 'favorites' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('favorites')}\n            >\n              {t('postsTable.favorites')}\n            </Button>\n            <Button\n              color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('most_viewed')}\n            >\n              {t('postsTable.mostViewed')}\n            </Button>\n          </ButtonGroup>\n          <LinkButton\n            to=\"#\"\n            variant=\"text\"\n            onClick={() => setRefresh(refresh + 1)}\n          >\n            <RefreshIcon />\n          </LinkButton>\n        </Grid>\n      </Grid>\n      <TableContainer>\n        <Table className=\"qetaQuestionsTable\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{t('postsTable.cells.title')}</TableCell>\n              <TableCell>{t('postsTable.cells.author')}</TableCell>\n              {props.postType === undefined && (\n                <TableCell>{t('postsTable.cells.type')}</TableCell>\n              )}\n              <TableCell>{t('postsTable.cells.asked')}</TableCell>\n              <TableCell>{t('postsTable.cells.updated')}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading ? (\n              <TableRow>\n                <TableCell>\n                  <Progress />\n                </TableCell>\n              </TableRow>\n            ) : null}\n            {response.posts.map(q => (\n              <PostsTableRow\n                key={q.id}\n                post={q}\n                showIcon={props.postType === undefined}\n              />\n            ))}\n          </TableBody>\n        </Table>\n        <TablePagination\n          rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n          component=\"div\"\n          count={response.total}\n          rowsPerPage={questionsPerPage}\n          page={page - 1}\n          onPageChange={handleChangePage}\n          onRowsPerPageChange={handleChangeRowsPerPage}\n        />\n      </TableContainer>\n    </>\n  );\n};\n\n/**\n * @deprecated Use `PostsTable` instead\n */\nexport const QuestionsTable = PostsTable;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsTable.esm.js","sources":["../../../src/components/PostsTable/PostsTable.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport { PostsTableRow } from './PostsTableRow';\nimport { useQetaApi } from '../../hooks';\nimport {\n  Button,\n  ButtonGroup,\n  Grid,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@material-ui/core';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\n\ntype QuickFilterType = 'latest' | 'favorites' | 'most_viewed';\n\nexport const PostsTable = (props: {\n  hideTitle?: boolean;\n  rowsPerPage?: number;\n  quickFilter?: QuickFilterType;\n  postType?: PostType;\n}) => {\n  const [page, setPage] = useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = useState(\n    props.rowsPerPage ?? 10,\n  );\n  const [quickFilter, setQuickFilter] = useState(props.quickFilter ?? 'latest');\n  const [refresh, setRefresh] = useState(0);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [filters, setFilters] = useState({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    favorite: false,\n  });\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPosts({\n        type: props.postType,\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        includeExperts: false,\n        ...(filters as any),\n      }),\n    [page, filters, questionsPerPage, refresh],\n  );\n\n  const handleQuickFilterChange = (filter: QuickFilterType) => {\n    setQuickFilter(filter);\n    if (filter === 'latest') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: false,\n      });\n    } else if (filter === 'favorites') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: true,\n      });\n    } else if (filter === 'most_viewed') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'views',\n        favorite: false,\n      });\n    }\n  };\n\n  const handleChangePage = (_: unknown, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleChangeRowsPerPage = (event: ChangeEvent<HTMLInputElement>) => {\n    setQuestionsPerPage(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('postsTable.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ marginBottom: '1em' }}\n        className=\"qetaPostsTableGrid\"\n      >\n        <Grid item>\n          {props.hideTitle === true ? null : (\n            <Typography variant=\"h5\">{t('pluginName')}</Typography>\n          )}\n        </Grid>\n        <Grid item>\n          <ButtonGroup>\n            <Button\n              color={quickFilter === 'latest' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('latest')}\n            >\n              {t('postsTable.latest')}\n            </Button>\n            <Button\n              color={quickFilter === 'favorites' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('favorites')}\n            >\n              {t('postsTable.favorites')}\n            </Button>\n            <Button\n              color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('most_viewed')}\n            >\n              {t('postsTable.mostViewed')}\n            </Button>\n          </ButtonGroup>\n          <LinkButton\n            to=\"#\"\n            variant=\"text\"\n            onClick={() => setRefresh(refresh + 1)}\n          >\n            <RefreshIcon />\n          </LinkButton>\n        </Grid>\n      </Grid>\n      <TableContainer>\n        <Table className=\"qetaQuestionsTable\">\n          <TableHead>\n            <TableRow>\n              <TableCell>{t('postsTable.cells.title')}</TableCell>\n              <TableCell>{t('postsTable.cells.author')}</TableCell>\n              {props.postType === undefined && (\n                <TableCell>{t('postsTable.cells.type')}</TableCell>\n              )}\n              <TableCell>{t('postsTable.cells.asked')}</TableCell>\n              <TableCell>{t('postsTable.cells.updated')}</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading ? (\n              <TableRow>\n                <TableCell>\n                  <Progress />\n                </TableCell>\n              </TableRow>\n            ) : null}\n            {response.posts.map(q => (\n              <PostsTableRow\n                key={q.id}\n                post={q}\n                showIcon={props.postType === undefined}\n              />\n            ))}\n          </TableBody>\n        </Table>\n        <TablePagination\n          rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n          component=\"div\"\n          count={response.total}\n          rowsPerPage={questionsPerPage}\n          page={page - 1}\n          onPageChange={handleChangePage}\n          onRowsPerPageChange={handleChangeRowsPerPage}\n        />\n      </TableContainer>\n    </>\n  );\n};\n\n/**\n * @deprecated Use `PostsTable` instead\n */\nexport const QuestionsTable = PostsTable;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,178 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Box, Button, Collapse, Grid, Card, Divider, Typography } from '@material-ui/core';
+import { WarningPanel } from '@backstage/core-components';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import FilterListIcon from '@material-ui/icons/FilterList';
+import { useInfiniteScroll } from 'infinite-scroll-hook';
+import { useQetaEntities } from '../../hooks/useQetaEntities.esm.js';
+import { QetaGridHeader } from '../Utility/QetaGridHeader.esm.js';
+import { FilterPanel } from '../FilterPanel/FilterPanel.esm.js';
+import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
+import 'react-router-dom';
+import '../Utility/DeletedBanner.esm.js';
+import '../Utility/DraftBanner.esm.js';
+import '../Utility/ObsoleteBanner.esm.js';
+import '../Utility/StatusChip.esm.js';
+import { QetaPagination } from '../Utility/QetaPagination.esm.js';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { ViewToggle } from '../ViewToggle/ViewToggle.esm.js';
+import { useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
+import { useUserSettings } from '../../hooks/useUserSettings.esm.js';
+
+function QetaEntityContainer({
+  title,
+  searchPlaceholder,
+  renderGridItem,
+  renderListItem,
+  filterPanelProps,
+  emptyState,
+  headerButtons,
+  getKey,
+  gridItemProps,
+  defaultView = "grid",
+  ...hookProps
+}) {
+  const { settings, getSetting, setSetting, isLoaded } = useUserSettings();
+  const [view, setView] = useState(defaultView);
+  useEffect(() => {
+    if (isLoaded) {
+      const savedView = settings.viewType[hookProps.prefix];
+      if (savedView) {
+        setView(savedView);
+      }
+    }
+  }, [isLoaded, settings.viewType, hookProps.prefix]);
+  const onSetView = (v) => {
+    setView(v);
+    const currentViewTypes = getSetting("viewType");
+    setSetting("viewType", {
+      ...currentViewTypes,
+      [hookProps.prefix]: v
+    });
+  };
+  const {
+    items,
+    loading,
+    error,
+    hasMore,
+    total,
+    showFilterPanel,
+    setShowFilterPanel,
+    onSearchQueryChange,
+    onFilterChange,
+    filters,
+    page,
+    loadNextPage,
+    onPageChange,
+    onPageSizeChange,
+    pageSize,
+    retry
+  } = useQetaEntities({
+    ...hookProps,
+    getKey,
+    usePagination: settings.usePagination,
+    defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize
+  });
+  const topRef = useRef(null);
+  useEffect(() => {
+    if (settings.usePagination) {
+      topRef.current?.scrollIntoView({ behavior: "auto" });
+    }
+  }, [page, settings.usePagination]);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { containerRef: sentryRef } = useInfiniteScroll({
+    shouldStop: settings.usePagination || !hasMore || !!error || loading,
+    onLoadMore: async () => {
+      if (loadNextPage) {
+        loadNextPage();
+      }
+    },
+    offset: "800px"
+  });
+  const resolvedTitle = typeof title === "function" ? title(total) : title;
+  return /* @__PURE__ */ jsx("div", { ref: topRef, children: /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      QetaGridHeader,
+      {
+        title: resolvedTitle,
+        searchBarLabel: searchPlaceholder ?? t("common.search"),
+        loading,
+        onSearch: onSearchQueryChange,
+        buttons: /* @__PURE__ */ jsxs(Fragment, { children: [
+          typeof headerButtons === "function" ? headerButtons({ retry }) : headerButtons,
+          filterPanelProps && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => setShowFilterPanel(!showFilterPanel),
+              startIcon: /* @__PURE__ */ jsx(FilterListIcon, {}),
+              children: t("filterPanel.filterButton")
+            }
+          )
+        ] }),
+        rightElement: renderListItem && renderGridItem && /* @__PURE__ */ jsx(ViewToggle, { view, onChange: onSetView })
+      }
+    ),
+    filterPanelProps && /* @__PURE__ */ jsx(Collapse, { in: showFilterPanel, children: /* @__PURE__ */ jsx(
+      FilterPanel,
+      {
+        onChange: onFilterChange,
+        filters,
+        mode: filterPanelProps.mode ?? "posts",
+        ...filterPanelProps
+      }
+    ) }),
+    loading && (items.length === 0 || settings.usePagination) && /* @__PURE__ */ jsx(LoadingGrid, {}),
+    error && /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("common.error"), children: error?.message }),
+    !loading && !error && items.length === 0 && emptyState,
+    items.length > 0 && (!loading || !settings.usePagination) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      view === "grid" && renderGridItem && /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "row", alignItems: "stretch", children: items.map((item, index) => /* @__PURE__ */ jsx(
+        Grid,
+        {
+          item: true,
+          xs: 12,
+          md: 6,
+          xl: 4,
+          ...gridItemProps,
+          children: renderGridItem(item, { retry })
+        },
+        getKey ? getKey(item) : index
+      )) }),
+      view === "list" && renderListItem && /* @__PURE__ */ jsx(Card, { children: items.map((item, index) => /* @__PURE__ */ jsxs(
+        Fragment$1,
+        {
+          children: [
+            renderListItem(item, { retry }),
+            index < items.length - 1 && /* @__PURE__ */ jsx(Divider, {})
+          ]
+        },
+        getKey ? getKey(item) : item.id || index
+      )) }),
+      !renderGridItem && !renderListItem && /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No renderer provided for current view." }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: !settings.usePagination ? sentryRef : void 0,
+          style: {
+            width: "100%",
+            marginTop: "10px",
+            textAlign: "center"
+          },
+          children: loading && /* @__PURE__ */ jsx(LoadingGrid, {})
+        }
+      )
+    ] }),
+    settings.usePagination && total > pageSize && /* @__PURE__ */ jsx(
+      QetaPagination,
+      {
+        pageSize,
+        handlePageSizeChange: (e) => onPageSizeChange(e.target.value),
+        handlePageChange: (_e, p) => onPageChange(p),
+        page,
+        pageCount: Math.ceil(total / pageSize)
+      }
+    )
+  ] }) });
+}
+
+export { QetaEntityContainer };
+//# sourceMappingURL=QetaEntityContainer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QetaEntityContainer.esm.js","sources":["../../../src/components/QetaEntityContainer/QetaEntityContainer.tsx"],"sourcesContent":["import {\n  Box,\n  Collapse,\n  Button,\n  Grid,\n  GridProps,\n  Typography,\n  Card,\n  Divider,\n} from '@material-ui/core';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nimport {\n  useQetaEntities,\n  QetaEntitiesProps,\n} from '../../hooks/useQetaEntities';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport {\n  FilterPanel,\n  CommonFilterPanelProps,\n  Filters,\n} from '../FilterPanel/FilterPanel';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { QetaPagination } from '../Utility';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport {\n  QetaIdEntity,\n  UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Fragment, useState, useEffect, useRef } from 'react';\nimport { useUserSettings } from '../../hooks/useUserSettings';\n\nexport type QetaEntityContainerProps<T, F extends Filters> = QetaEntitiesProps<\n  T,\n  F\n> & {\n  title:\n    | string\n    | React.ReactNode\n    | ((total: number) => string | React.ReactNode);\n  searchPlaceholder?: string;\n  renderGridItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n  renderListItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n  filterPanelProps?: CommonFilterPanelProps;\n  emptyState?: React.ReactNode;\n  emptyMessage?: string;\n  headerButtons?:\n    | React.ReactNode\n    | ((utils: { retry: () => void }) => React.ReactNode);\n  getKey?: (item: T) => string | number;\n  gridItemProps?: GridProps;\n  defaultView?: ViewType;\n};\n\nexport function QetaEntityContainer<\n  T extends QetaIdEntity | UserResponse,\n  F extends Filters,\n>({\n  title,\n  searchPlaceholder,\n  renderGridItem,\n  renderListItem,\n  filterPanelProps,\n  emptyState,\n  headerButtons,\n  getKey,\n  gridItemProps,\n  defaultView = 'grid',\n  ...hookProps\n}: QetaEntityContainerProps<T, F>) {\n  const { settings, getSetting, setSetting, isLoaded } = useUserSettings();\n  const [view, setView] = useState<ViewType>(defaultView);\n\n  useEffect(() => {\n    if (isLoaded) {\n      const savedView = settings.viewType[hookProps.prefix];\n      if (savedView) {\n        setView(savedView);\n      }\n    }\n  }, [isLoaded, settings.viewType, hookProps.prefix]);\n\n  const onSetView = (v: ViewType) => {\n    setView(v);\n    const currentViewTypes = getSetting('viewType');\n    setSetting('viewType', {\n      ...currentViewTypes,\n      [hookProps.prefix]: v,\n    });\n  };\n\n  const {\n    items,\n    loading,\n    error,\n    hasMore,\n    total,\n    showFilterPanel,\n    setShowFilterPanel,\n    onSearchQueryChange,\n    onFilterChange,\n    filters,\n    page,\n    loadNextPage,\n    onPageChange,\n    onPageSizeChange,\n    pageSize,\n    retry,\n  } = useQetaEntities<T, F>({\n    ...hookProps,\n    getKey,\n    usePagination: settings.usePagination,\n    defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize,\n  });\n\n  const topRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (settings.usePagination) {\n      topRef.current?.scrollIntoView({ behavior: 'auto' });\n    }\n  }, [page, settings.usePagination]);\n\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const { containerRef: sentryRef } = useInfiniteScroll({\n    shouldStop: settings.usePagination || !hasMore || !!error || loading,\n    onLoadMore: async () => {\n      if (loadNextPage) {\n        loadNextPage();\n      }\n    },\n    offset: '800px',\n  });\n\n  const resolvedTitle = typeof title === 'function' ? title(total) : title;\n\n  return (\n    <div ref={topRef}>\n      <Box>\n        <QetaGridHeader\n          title={resolvedTitle}\n          searchBarLabel={searchPlaceholder ?? t('common.search')}\n          loading={loading}\n          onSearch={onSearchQueryChange}\n          buttons={\n            <>\n              {typeof headerButtons === 'function'\n                ? headerButtons({ retry })\n                : headerButtons}\n              {filterPanelProps && (\n                <Button\n                  onClick={() => setShowFilterPanel(!showFilterPanel)}\n                  startIcon={<FilterList />}\n                >\n                  {t('filterPanel.filterButton')}\n                </Button>\n              )}\n            </>\n          }\n          rightElement={\n            renderListItem &&\n            renderGridItem && <ViewToggle view={view} onChange={onSetView} />\n          }\n        />\n\n        {filterPanelProps && (\n          <Collapse in={showFilterPanel}>\n            <FilterPanel<F>\n              onChange={onFilterChange}\n              filters={filters}\n              mode={filterPanelProps.mode ?? 'posts'}\n              {...filterPanelProps}\n            />\n          </Collapse>\n        )}\n\n        {loading && (items.length === 0 || settings.usePagination) && (\n          <LoadingGrid />\n        )}\n\n        {error && (\n          <WarningPanel severity=\"error\" title={t('common.error')}>\n            {error?.message}\n          </WarningPanel>\n        )}\n\n        {!loading && !error && items.length === 0 && emptyState}\n\n        {items.length > 0 && (!loading || !settings.usePagination) && (\n          <>\n            {view === 'grid' && renderGridItem && (\n              <Grid container spacing={3} direction=\"row\" alignItems=\"stretch\">\n                {items.map((item, index) => (\n                  <Grid\n                    item\n                    xs={12}\n                    md={6}\n                    xl={4}\n                    key={getKey ? getKey(item) : index}\n                    {...gridItemProps}\n                  >\n                    {renderGridItem(item, { retry })}\n                  </Grid>\n                ))}\n              </Grid>\n            )}\n            {view === 'list' && renderListItem && (\n              <Card>\n                {items.map((item, index) => (\n                  <Fragment\n                    key={getKey ? getKey(item) : (item as any).id || index}\n                  >\n                    {renderListItem(item, { retry })}\n                    {index < items.length - 1 && <Divider />}\n                  </Fragment>\n                ))}\n              </Card>\n            )}\n\n            {!renderGridItem && !renderListItem && (\n              <Typography variant=\"body1\">\n                No renderer provided for current view.\n              </Typography>\n            )}\n\n            <div\n              ref={!settings.usePagination ? (sentryRef as any) : undefined}\n              style={{\n                width: '100%',\n                marginTop: '10px',\n                textAlign: 'center',\n              }}\n            >\n              {loading && <LoadingGrid />}\n            </div>\n          </>\n        )}\n\n        {settings.usePagination && total > pageSize && (\n          <QetaPagination\n            pageSize={pageSize}\n            handlePageSizeChange={e =>\n              onPageSizeChange(e.target.value as number)\n            }\n            handlePageChange={(_e, p) => onPageChange(p)}\n            page={page}\n            pageCount={Math.ceil(total / pageSize)}\n          />\n        )}\n      </Box>\n    </div>\n  );\n}\n"],"names":["FilterList","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0DO,SAAS,mBAGd,CAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAc,GAAA,MAAA;AAAA,EACd,GAAG;AACL,CAAmC,EAAA;AACjC,EAAA,MAAM,EAAE,QAAU,EAAA,UAAA,EAAY,UAAY,EAAA,QAAA,KAAa,eAAgB,EAAA;AACvE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,WAAW,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,MAAM,SAAY,GAAA,QAAA,CAAS,QAAS,CAAA,SAAA,CAAU,MAAM,CAAA;AACpD,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,OAAA,CAAQ,SAAS,CAAA;AAAA;AACnB;AACF,KACC,CAAC,QAAA,EAAU,SAAS,QAAU,EAAA,SAAA,CAAU,MAAM,CAAC,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,CAAC,CAAgB,KAAA;AACjC,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAM,MAAA,gBAAA,GAAmB,WAAW,UAAU,CAAA;AAC9C,IAAA,UAAA,CAAW,UAAY,EAAA;AAAA,MACrB,GAAG,gBAAA;AAAA,MACH,CAAC,SAAU,CAAA,MAAM,GAAG;AAAA,KACrB,CAAA;AAAA,GACH;AAEA,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,eAAsB,CAAA;AAAA,IACxB,GAAG,SAAA;AAAA,IACH,MAAA;AAAA,IACA,eAAe,QAAS,CAAA,aAAA;AAAA,IACxB,eAAiB,EAAA,QAAA,CAAS,aAAgB,GAAA,EAAA,GAAK,SAAU,CAAA;AAAA,GAC1D,CAAA;AAED,EAAM,MAAA,MAAA,GAAS,OAAuB,IAAI,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,aAAe,EAAA;AAC1B,MAAA,MAAA,CAAO,OAAS,EAAA,cAAA,CAAe,EAAE,QAAA,EAAU,QAAQ,CAAA;AAAA;AACrD,GACC,EAAA,CAAC,IAAM,EAAA,QAAA,CAAS,aAAa,CAAC,CAAA;AAEjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAI,iBAAkB,CAAA;AAAA,IACpD,YAAY,QAAS,CAAA,aAAA,IAAiB,CAAC,OAAW,IAAA,CAAC,CAAC,KAAS,IAAA,OAAA;AAAA,IAC7D,YAAY,YAAY;AACtB,MAAA,IAAI,YAAc,EAAA;AAChB,QAAa,YAAA,EAAA;AAAA;AACf,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,gBAAgB,OAAO,KAAA,KAAU,UAAa,GAAA,KAAA,CAAM,KAAK,CAAI,GAAA,KAAA;AAEnE,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,MAAA,EACR,+BAAC,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,aAAA;AAAA,QACP,cAAA,EAAgB,iBAAqB,IAAA,CAAA,CAAE,eAAe,CAAA;AAAA,QACtD,OAAA;AAAA,QACA,QAAU,EAAA,mBAAA;AAAA,QACV,yBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,OAAO,kBAAkB,UACtB,GAAA,aAAA,CAAc,EAAE,KAAA,EAAO,CACvB,GAAA,aAAA;AAAA,UACH,gBACC,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,MAAM,kBAAmB,CAAA,CAAC,eAAe,CAAA;AAAA,cAClD,SAAA,sBAAYA,cAAW,EAAA,EAAA,CAAA;AAAA,cAEtB,YAAE,0BAA0B;AAAA;AAAA;AAC/B,SAEJ,EAAA,CAAA;AAAA,QAEF,cACE,cACA,IAAA,cAAA,wBAAmB,UAAW,EAAA,EAAA,IAAA,EAAY,UAAU,SAAW,EAAA;AAAA;AAAA,KAEnE;AAAA,IAEC,gBACC,oBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,EAAA,EAAI,eACZ,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,cAAA;AAAA,QACV,OAAA;AAAA,QACA,IAAA,EAAM,iBAAiB,IAAQ,IAAA,OAAA;AAAA,QAC9B,GAAG;AAAA;AAAA,KAER,EAAA,CAAA;AAAA,IAGD,YAAY,KAAM,CAAA,MAAA,KAAW,KAAK,QAAS,CAAA,aAAA,CAAA,wBACzC,WAAY,EAAA,EAAA,CAAA;AAAA,IAGd,KAAA,oBACE,GAAA,CAAA,YAAA,EAAA,EAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,cAAc,CACnD,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA,IAGD,CAAC,OAAW,IAAA,CAAC,KAAS,IAAA,KAAA,CAAM,WAAW,CAAK,IAAA,UAAA;AAAA,IAE5C,KAAA,CAAM,SAAS,CAAM,KAAA,CAAC,WAAW,CAAC,QAAA,CAAS,kCAEvC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,KAAS,UAAU,cAClB,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,KAAA,EAAM,YAAW,SACpD,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,MAAM,KAChB,qBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,EAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UAEH,GAAG,aAAA;AAAA,UAEH,QAAe,EAAA,cAAA,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO;AAAA,SAAA;AAAA,QAH1B,MAAA,GAAS,MAAO,CAAA,IAAI,CAAI,GAAA;AAAA,OAKhC,CACH,EAAA,CAAA;AAAA,MAED,IAAA,KAAS,UAAU,cAClB,oBAAA,GAAA,CAAC,QACE,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KAChB,qBAAA,IAAA;AAAA,QAACC,UAAAA;AAAA,QAAA;AAAA,UAGE,QAAA,EAAA;AAAA,YAAe,cAAA,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,CAAA;AAAA,YAC9B,KAAQ,GAAA,KAAA,CAAM,MAAS,GAAA,CAAA,wBAAM,OAAQ,EAAA,EAAA;AAAA;AAAA,SAAA;AAAA,QAHjC,MAAS,GAAA,MAAA,CAAO,IAAI,CAAA,GAAK,KAAa,EAAM,IAAA;AAAA,OAKpD,CACH,EAAA,CAAA;AAAA,MAGD,CAAC,kBAAkB,CAAC,cAAA,wBAClB,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,QAE5B,EAAA,wCAAA,EAAA,CAAA;AAAA,sBAGF,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,CAAC,QAAS,CAAA,aAAA,GAAiB,SAAoB,GAAA,KAAA,CAAA;AAAA,UACpD,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,MAAA;AAAA,YACP,SAAW,EAAA,MAAA;AAAA,YACX,SAAW,EAAA;AAAA,WACb;AAAA,UAEC,QAAA,EAAA,OAAA,wBAAY,WAAY,EAAA,EAAA;AAAA;AAAA;AAC3B,KACF,EAAA,CAAA;AAAA,IAGD,QAAA,CAAS,aAAiB,IAAA,KAAA,GAAQ,QACjC,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,oBAAsB,EAAA,CAAA,CAAA,KACpB,gBAAiB,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,QAE3C,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,aAAa,CAAC,CAAA;AAAA,QAC3C,IAAA;AAAA,QACA,SAAW,EAAA,IAAA,CAAK,IAAK,CAAA,KAAA,GAAQ,QAAQ;AAAA;AAAA;AACvC,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionCard/QuestionCard.esm.js

@@ -23,6 +23,8 @@ import { editQuestionRouteRef } from '../../routes.esm.js';
 import { useNavigate } from 'react-router-dom';
 import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
 import 'react-use';
+import '@backstage/plugin-signals-react';
+import '../../hooks/useListItemStyles.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
@@ -31,6 +33,8 @@ import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 
 const useStyles = makeStyles(
@@ -89,98 +93,106 @@ const QuestionCard = (props) => {
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Card, { variant: "outlined", className: styles.root, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
-      Grid,
+    /* @__PURE__ */ jsx(
+      Card,
       {
-        container: true,
-        spacing: 2,
-        justifyContent: "flex-start",
-        style: { flexWrap: "nowrap" },
-        children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
-            /* @__PURE__ */ jsx(VoteButtons, { entity: questionEntity }),
-            /* @__PURE__ */ jsx(FavoriteButton, { entity: questionEntity }),
-            /* @__PURE__ */ jsx(LinkButton, { entity: questionEntity })
-          ] }) }),
-          /* @__PURE__ */ jsxs(
-            Grid,
-            {
-              item: true,
-              className: styles.contentContainer,
-              style: { flexGrow: "1" },
-              children: [
-                /* @__PURE__ */ jsx(Grid, { item: true, className: styles.markdownContainer, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: questionEntity.content }) }),
-                /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    display: "flex",
-                    alignItems: "flex-start",
-                    justifyContent: "space-between",
-                    className: styles.metadata,
-                    style: { width: "100%" },
-                    children: [
-                      /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
-                        /* @__PURE__ */ jsx(TagsAndEntities, { entity: questionEntity }),
-                        /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
-                          question.canEdit && question.status !== "obsolete" && /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              variant: "outlined",
-                              size: "small",
-                              startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
-                              onClick: () => navigate(
-                                editQuestionRoute({
-                                  id: question.id.toString(10)
-                                })
+        variant: "outlined",
+        className: styles.root,
+        "data-testid": "question-card",
+        children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            container: true,
+            spacing: 2,
+            justifyContent: "flex-start",
+            style: { flexWrap: "nowrap" },
+            children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
+                /* @__PURE__ */ jsx(VoteButtons, { entity: questionEntity }),
+                /* @__PURE__ */ jsx(FavoriteButton, { entity: questionEntity }),
+                /* @__PURE__ */ jsx(LinkButton, { entity: questionEntity })
+              ] }) }),
+              /* @__PURE__ */ jsxs(
+                Grid,
+                {
+                  item: true,
+                  className: styles.contentContainer,
+                  style: { flexGrow: "1" },
+                  children: [
+                    /* @__PURE__ */ jsx(Grid, { item: true, className: styles.markdownContainer, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: questionEntity.content }) }),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        display: "flex",
+                        alignItems: "flex-start",
+                        justifyContent: "space-between",
+                        className: styles.metadata,
+                        style: { width: "100%" },
+                        children: [
+                          /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
+                            /* @__PURE__ */ jsx(TagsAndEntities, { entity: questionEntity }),
+                            /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
+                              question.canEdit && question.status !== "obsolete" && /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "outlined",
+                                  size: "small",
+                                  startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                                  onClick: () => navigate(
+                                    editQuestionRoute({
+                                      id: question.id.toString(10)
+                                    })
+                                  ),
+                                  className: "qetaQuestionCardEditBtn",
+                                  children: t("questionPage.editButton")
+                                }
                               ),
-                              className: "qetaQuestionCardEditBtn",
-                              children: t("questionPage.editButton")
-                            }
-                          ),
-                          question.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx(
-                              Button,
-                              {
-                                variant: "outlined",
-                                size: "small",
-                                color: "secondary",
-                                onClick: handleDeleteModalOpen,
-                                startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
-                                children: t("deleteModal.deleteButton")
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              DeleteModal,
-                              {
-                                open: deleteModalOpen,
-                                onClose: handleDeleteModalClose,
-                                entity: questionEntity
-                              }
-                            )
+                              question.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "outlined",
+                                    size: "small",
+                                    color: "secondary",
+                                    onClick: handleDeleteModalOpen,
+                                    startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                                    children: t("deleteModal.deleteButton")
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  DeleteModal,
+                                  {
+                                    open: deleteModalOpen,
+                                    onClose: handleDeleteModalClose,
+                                    entity: questionEntity
+                                  }
+                                )
+                              ] }),
+                              isModerator && questionEntity.status === "deleted" && /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "contained",
+                                  size: "small",
+                                  startIcon: /* @__PURE__ */ jsx(RestoreIcon, {}),
+                                  onClick: () => restoreQuestion(),
+                                  className: "qetaQuestionCardRestoreBtn",
+                                  children: t("questionPage.restoreButton")
+                                }
+                              )
+                            ] })
                           ] }),
-                          isModerator && questionEntity.status === "deleted" && /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              variant: "contained",
-                              size: "small",
-                              startIcon: /* @__PURE__ */ jsx(RestoreIcon, {}),
-                              onClick: () => restoreQuestion(),
-                              className: "qetaQuestionCardRestoreBtn",
-                              children: t("questionPage.restoreButton")
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx(AuthorBoxes, { entity: questionEntity })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ]
+                          /* @__PURE__ */ jsx(AuthorBoxes, { entity: questionEntity })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ) })
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsx(CommentSection, { post: questionEntity, onCommentAction })
   ] });
 };