npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.59.2 → 3.59.5 - Mend

@drodil/backstage-plugin-qeta-react 3.59.2 → 3.59.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n CommonFilterPanelProps,\n PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n type?: PostType;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n author?: string;\n showFilters?: boolean;\n showTitle?: boolean;\n title?: string;\n favorite?: boolean;\n showAskButton?: boolean;\n showWriteButton?: boolean;\n showLinkButton?: boolean;\n showNoQuestionsBtn?: boolean;\n collectionId?: number;\n initialPageSize?: number;\n entity?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n filterPanelProps?: CommonFilterPanelProps;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n defaultView?: ViewType;\n view?: ViewType;\n onViewChange?: (view: ViewType) => void;\n status?: string;\n prefix?: string;\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n const {\n type,\n tags,\n tagsRelation,\n author,\n entity,\n entities,\n entitiesRelation,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showLinkButton,\n showNoQuestionsBtn,\n showTypeLabel,\n allowRanking,\n defaultView,\n collectionId,\n initialPageSize,\n orderBy,\n prefix,\n } = props;\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n let shownTitle: React.ReactNode = title;\n let link = undefined;\n let btn = undefined;\n\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', {\n itemType: itemType.toLowerCase(),\n });\n }\n\n const headerElement = (showTitle \|\|\n showAskButton \|\|\n showWriteButton \|\|\n showLinkButton) && (\n <Box mb={3}>\n <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n <Grid item>\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsContainerTitle\"\n style={{ fontWeight: 500, paddingBottom: 2 }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n </Grid>\n <Grid item>\n {showAskButton && (\n <AskQuestionButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n {showWriteButton && (\n <WriteArticleButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n {showLinkButton && (\n <CreateLinkButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n </Grid>\n </Grid>\n </Box>\n );\n\n return (\n <Box className=\"qetaPostsContainer\">\n {headerElement}\n <QetaEntityContainer<PostResponse, PostFilters>\n prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n defaultPageSize={initialPageSize}\n initialFilters={{\n order: 'desc',\n searchQuery: '',\n orderBy: orderBy ?? 'created',\n type: type,\n tags: tags,\n tagsRelation: tagsRelation,\n entity: entity,\n entities: entities,\n entitiesRelation: entitiesRelation,\n author: author,\n noAnswers: 'false',\n noVotes: 'false',\n noCorrectAnswer: 'false',\n status: props.status as any,\n collectionId: collectionId,\n }}\n filterPanelProps={\n (showFilters ?? true)\n ? {\n mode: 'posts',\n type: type as PostType,\n showEntityFilter: entity === undefined,\n ...props.filterPanelProps,\n }\n : undefined\n }\n fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n fetch={(api, limit, offset, filters) => {\n const { entity: _entity, ...otherFilters } = filters;\n return api\n .getPosts({\n limit,\n offset,\n ...(getFiltersWithDateRange(otherFilters) as any),\n type: type,\n tags: tags ?? filters.tags,\n entities: entity\n ? [entity, ...(filters.entities ?? [])]\n : filters.entities,\n entitiesRelation,\n tagsRelation,\n author: author ?? filters.author,\n favorite: favorite,\n collectionId: collectionId,\n })\n .then(res => ({ items: res.posts, total: res.total }));\n }}\n renderGridItem={(post, { retry }) => (\n <PostsGridItem\n post={post}\n entity={entity}\n type={type as PostType}\n allowRanking={allowRanking}\n onRankUpdate={retry}\n collectionId={collectionId}\n />\n )}\n renderListItem={(post, { retry }) => (\n <PostListItem\n post={post}\n entity={entity}\n type={type as PostType}\n showTypeLabel={showTypeLabel}\n allowRanking={allowRanking}\n onRankUpdate={retry}\n collectionId={collectionId}\n />\n )}\n title={total => (\n <Typography\n variant=\"h6\"\n component=\"h2\"\n className=\"qetaPostsContainerQuestionCount\"\n style={{ fontWeight: 500, paddingBottom: 2 }}\n >\n {t('common.posts', { count: total, itemType })}\n </Typography>\n )}\n searchPlaceholder={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n emptyMessage={t('common.posts', { count: 0, itemType })}\n getKey={post => post.id}\n defaultView={defaultView} // Pass the view prop as defaultView\n emptyState={\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n />\n }\n />\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n CommonFilterPanelProps,\n PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n type?: PostType;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n author?: string;\n showFilters?: boolean;\n showTitle?: boolean;\n title?: string;\n favorite?: boolean;\n showAskButton?: boolean;\n showWriteButton?: boolean;\n showLinkButton?: boolean;\n showNoQuestionsBtn?: boolean;\n collectionId?: number;\n initialPageSize?: number;\n entity?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n filterPanelProps?: CommonFilterPanelProps;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n defaultView?: ViewType;\n view?: ViewType;\n onViewChange?: (view: ViewType) => void;\n status?: string;\n prefix?: string;\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n const {\n type,\n tags,\n tagsRelation,\n author,\n entity,\n entities,\n entitiesRelation,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showLinkButton,\n showNoQuestionsBtn,\n showTypeLabel,\n allowRanking,\n defaultView,\n collectionId,\n initialPageSize,\n orderBy,\n prefix,\n } = props;\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n let shownTitle: React.ReactNode = title;\n let link = undefined;\n let btn = undefined;\n\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', {\n itemType: itemType.toLowerCase(),\n });\n }\n\n const headerElement = (showTitle \|\|\n showAskButton \|\|\n showWriteButton \|\|\n showLinkButton) && (\n <Box mb={3}>\n <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n <Grid item>\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsContainerTitle\"\n style={{ fontWeight: 500, paddingBottom: 2 }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n </Grid>\n <Grid item>\n {showAskButton && (\n <AskQuestionButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n {showWriteButton && (\n <WriteArticleButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n {showLinkButton && (\n <CreateLinkButton\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n )}\n </Grid>\n </Grid>\n </Box>\n );\n\n return (\n <Box className=\"qetaPostsContainer\">\n {headerElement}\n <QetaEntityContainer<PostResponse, PostFilters>\n prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n defaultPageSize={initialPageSize}\n initialFilters={{\n order: 'desc',\n searchQuery: '',\n orderBy: orderBy ?? 'created',\n type: type,\n tags: tags,\n tagsRelation: tagsRelation,\n entity: entity,\n entities: entities,\n entitiesRelation: entitiesRelation,\n author: author,\n noAnswers: 'false',\n noVotes: 'false',\n noCorrectAnswer: 'false',\n status: props.status as any,\n collectionId: collectionId,\n }}\n filterPanelProps={\n (showFilters ?? true)\n ? {\n mode: 'posts',\n type: type as PostType,\n showEntityFilter: entity === undefined,\n ...props.filterPanelProps,\n }\n : undefined\n }\n fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n fetch={(api, limit, offset, filters) => {\n const { entity: _entity, ...otherFilters } = filters;\n return api\n .getPosts({\n limit,\n offset,\n ...(getFiltersWithDateRange(otherFilters) as any),\n type: type,\n tags: tags ?? filters.tags,\n entities: entity\n ? [entity, ...(filters.entities ?? [])]\n : filters.entities,\n entitiesRelation,\n tagsRelation,\n author: author ?? filters.author,\n favorite: favorite,\n collectionId: collectionId,\n })\n .then(res => ({ items: res.posts, total: res.total }));\n }}\n renderGridItem={(post, { retry }) => (\n <PostsGridItem\n post={post}\n entity={entity}\n type={type as PostType}\n allowRanking={allowRanking}\n onRankUpdate={retry}\n collectionId={collectionId}\n />\n )}\n renderListItem={(post, { retry }) => (\n <PostListItem\n post={post}\n entity={entity}\n type={type as PostType}\n showTypeLabel={showTypeLabel}\n allowRanking={allowRanking}\n onRankUpdate={retry}\n collectionId={collectionId}\n />\n )}\n title={total => (\n <Typography\n variant=\"h6\"\n component=\"h2\"\n className=\"qetaPostsContainerQuestionCount\"\n style={{ fontWeight: 500, paddingBottom: 2 }}\n >\n {t('common.posts', { count: total, itemType })}\n </Typography>\n )}\n searchPlaceholder={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n emptyMessage={t('common.posts', { count: 0, itemType })}\n getKey={post => post.id}\n defaultView={defaultView} // Pass the view prop as defaultView\n emptyState={\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n />\n }\n />\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

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

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

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

	@@ -1 +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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"}
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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,UAAA,GAAa,CAAC,KAAA,KAKrB;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA;AAAA,IAC9C,MAAM,WAAA,IAAe;AAAA,GACvB;AACA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,IAAI,QAAA,CAAS,KAAA,CAAM,eAAe,QAAQ,CAAA;AAC5E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,CAAC,CAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAS;AAAA,IACrC,KAAA,EAAO,MAAA;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,OAAA;AAAA,IACX,eAAA,EAAiB,OAAA;AAAA,IACjB,OAAA,EAAS,OAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,UAAA;AAAA,IACF,CAAA,GAAA,KACE,IAAI,QAAA,CAAS;AAAA,MACX,MAAM,KAAA,CAAM,QAAA;AAAA,MACZ,KAAA,EAAO,gBAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAA,IAAK,gBAAA;AAAA,MACrB,eAAA,EAAiB,IAAA;AAAA,MACjB,cAAA,EAAgB,KAAA;AAAA,MAChB,GAAI;AAAA,KACL,CAAA;AAAA,IACH,CAAC,IAAA,EAAM,OAAA,EAAS,gBAAA,EAAkB,OAAO;AAAA,GAC3C;AAEA,EAAA,MAAM,uBAAA,GAA0B,CAAC,MAAA,KAA4B;AAC3D,IAAA,cAAA,CAAe,MAAM,CAAA;AACrB,IAAA,IAAI,WAAW,QAAA,EAAU;AACvB,MAAA,UAAA,CAAW;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,SAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,IACH,CAAA,MAAA,IAAW,WAAW,WAAA,EAAa;AACjC,MAAA,UAAA,CAAW;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,SAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,IACH,CAAA,MAAA,IAAW,WAAW,aAAA,EAAe;AACnC,MAAA,UAAA,CAAW;AAAA,QACT,GAAG,OAAA;AAAA,QACH,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,OAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,IACH;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,CAAA,EAAY,OAAA,KAAoB;AACxD,IAAA,OAAA,CAAQ,UAAU,CAAC,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAAyC;AACxE,IAAA,mBAAA,CAAoB,QAAA,CAAS,KAAA,CAAM,MAAA,CAAO,KAAA,EAAO,EAAE,CAAC,CAAA;AACpD,IAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,EACX,CAAA;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BAAQ,WAAA,EAAA,EAAY,CAAA;AAAA,EACtB;AAEA,EAAA,IAAI,KAAA,IAAS,aAAa,MAAA,EAAW;AACnC,IAAA,uBACE,GAAA,CAAC,gBAAa,QAAA,EAAS,OAAA,EAAQ,OAAO,CAAA,CAAE,yBAAyB,CAAA,EAC9D,QAAA,EAAA,KAAA,EAAO,OAAA,EACV,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAS,IAAA;AAAA,QACT,cAAA,EAAe,eAAA;AAAA,QACf,UAAA,EAAW,QAAA;AAAA,QACX,KAAA,EAAO,EAAE,YAAA,EAAc,KAAA,EAAM;AAAA,QAC7B,SAAA,EAAU,oBAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACP,QAAA,EAAA,KAAA,CAAM,cAAc,IAAA,GAAO,IAAA,mBAC1B,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAM,QAAA,EAAA,CAAA,CAAE,YAAY,GAAE,CAAA,EAE9C,CAAA;AAAA,0BACA,IAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EACR,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,WAAA,KAAgB,QAAA,GAAW,SAAA,GAAY,MAAA;AAAA,kBAC9C,OAAA,EAAS,MAAM,uBAAA,CAAwB,QAAQ,CAAA;AAAA,kBAE9C,YAAE,mBAAmB;AAAA;AAAA,eACxB;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,WAAA,KAAgB,WAAA,GAAc,SAAA,GAAY,MAAA;AAAA,kBACjD,OAAA,EAAS,MAAM,uBAAA,CAAwB,WAAW,CAAA;AAAA,kBAEjD,YAAE,sBAAsB;AAAA;AAAA,eAC3B;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,WAAA,KAAgB,aAAA,GAAgB,SAAA,GAAY,MAAA;AAAA,kBACnD,OAAA,EAAS,MAAM,uBAAA,CAAwB,aAAa,CAAA;AAAA,kBAEnD,YAAE,uBAAuB;AAAA;AAAA;AAC5B,aAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAG,GAAA;AAAA,gBACH,OAAA,EAAQ,MAAA;AAAA,gBACR,OAAA,EAAS,MAAM,UAAA,CAAW,OAAA,GAAU,CAAC,CAAA;AAAA,gBAErC,8BAAC,WAAA,EAAA,EAAY;AAAA;AAAA;AACf,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,yBACC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAM,WAAU,oBAAA,EACf,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EACC,+BAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAW,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAE,CAAA;AAAA,0BACxC,GAAA,CAAC,SAAA,EAAA,EAAW,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAE,CAAA;AAAA,UACxC,MAAM,QAAA,KAAa,MAAA,wBACjB,SAAA,EAAA,EAAW,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,0BAEzC,GAAA,CAAC,SAAA,EAAA,EAAW,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAE,CAAA;AAAA,0BACxC,GAAA,CAAC,SAAA,EAAA,EAAW,QAAA,EAAA,CAAA,CAAE,0BAA0B,CAAA,EAAE;AAAA,SAAA,EAC5C,CAAA,EACF,CAAA;AAAA,6BACC,SAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,YACC,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EACC,8BAAC,QAAA,EAAA,EAAS,CAAA,EACZ,GACF,CAAA,GACE,IAAA;AAAA,UACH,QAAA,CAAS,KAAA,CAAM,GAAA,CAAI,CAAA,CAAA,qBAClB,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAM,CAAA;AAAA,cACN,QAAA,EAAU,MAAM,QAAA,KAAa;AAAA,aAAA;AAAA,YAFxB,CAAA,CAAE;AAAA,WAIV;AAAA,SAAA,EACH;AAAA,OAAA,EACF,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,oBAAoB,CAAC,CAAA,EAAG,IAAI,EAAA,EAAI,EAAA,EAAI,IAAI,EAAE,CAAA;AAAA,UAC1C,SAAA,EAAU,KAAA;AAAA,UACV,OAAO,QAAA,CAAS,KAAA;AAAA,UAChB,WAAA,EAAa,gBAAA;AAAA,UACb,MAAM,IAAA,GAAO,CAAA;AAAA,UACb,YAAA,EAAc,gBAAA;AAAA,UACd,mBAAA,EAAqB;AAAA;AAAA;AACvB,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAKO,MAAM,cAAA,GAAiB;;;;"}

package/dist/components/PostsTable/PostsTableRow.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsTableRow.esm.js","sources":["../../../src/components/PostsTable/PostsTableRow.tsx"],"sourcesContent":["import { Post, selectByPostType } from '@drodil/backstage-plugin-qeta-common';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { AuthorLink } from '../Links';\nimport { Chip, TableCell, TableRow } from '@material-ui/core';\nimport { capitalize } from 'lodash';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nexport const PostsTableRow = (props: { post: Post; showIcon?: boolean }) => {\n const { post } = props;\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 return (\n <TableRow key={post.id}>\n <TableCell>\n <Link to={route({ id: post.id.toString(10) })}>{post.title}</Link>\n </TableCell>\n <TableCell>\n <AuthorLink entity={post} />\n </TableCell>\n {props.showIcon && (\n <TableCell>\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n icon={selectByPostType(\n post.type,\n <HelpOutlined />,\n <CollectionsBookmarkIcon />,\n <LinkIcon />,\n )}\n />\n </TableCell>\n )}\n <TableCell>\n <RelativeTimeWithTooltip value={getPostDisplayDate(post)} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip\n value={post.updated ? post.updated : getPostDisplayDate(post)}\n />\n </TableCell>\n </TableRow>\n );\n};\n"],"names":["HelpOutlined"],"mappings":";;;;;;;;;;;;;;~~AAaa~~,~~MAAA~~,aAAA,GAAgB,CAAC,KAA8C~~,KAAA~~;AAC1E,~~EAAM~~,~~MAAA~~,EAAE,~~MAAS~~,~~GAAA~~,KAAA;AACjB,~~EAAM~~,~~MAAA~~,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,~~EAAM~~,~~MAAA~~,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,~~EAAM~~,~~MAAA~~,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAA,MAAM,~~KAAQ~~,~~GAAA~~,gBAAA;AAAA,IACZ,~~IAAK~~,~~CAAA~~,IAAA;AAAA,IACL,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,4BACG,~~QACC~~,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aACC,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,EAAI,~~EAAA,~~KAAA,CAAM,EAAE,EAAI,~~EAAA,~~IAAA,CAAK,~~EAAG~~,~~CAAA~~,QAAA,CAAS,EAAE,~~CAAE~~,~~EAAC~~,~~CAAI~~,~~EAAA~~,QAAA,EAAA,IAAA,CAAK,OAAM,~~CAC7D~~,~~EAAA~~,CAAA;AAAA,wBACC,~~SACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA,CAAC,~~UAAW~~,EAAA,~~EAAA~~,MAAA,EAAQ,MAAM,~~CAC5B~~,~~EAAA~~,CAAA;AAAA,IACC,KAAA,CAAM,~~QACL~~,~~oBAAA~~,GAAA,CAAC,~~SACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,~~KAAM~~,~~EAAA~~,WAAA;AAAA,QACN,~~IAAK~~,~~EAAA~~,OAAA;AAAA,QACL,~~KAAO~~,~~EAAA~~,CAAA,EAAG,~~UAAW~~,~~CAAA~~,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,QAC/B,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,UACJ,~~IAAK~~,~~CAAA~~,IAAA;AAAA,8BACJA,~~gBAAa~~,EAAA,~~EAAA~~,CAAA;AAAA,8BACb,~~uBAAwB~~,EAAA,~~EAAA~~,CAAA;AAAA,8BACxB,~~QAAS~~,EAAA,~~EAAA~~;AAAA;AACZ;AAAA,~~KAEJ~~,~~EAAA~~,CAAA;AAAA,oBAEF,GAAA,CAAC,aACC,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,uBAAA,EAAA,EAAwB,OAAO,~~kBAAmB~~,~~CAAA~~,IAAI,GAAG,~~CAC5D~~,~~EAAA~~,CAAA;AAAA,wBACC,~~SACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,OAAO,~~IAAK~~,~~CAAA~~,OAAA,GAAU,~~IAAK~~,~~CAAA~~,OAAA,GAAU,mBAAmB,IAAI;AAAA;AAAA,~~KAEhE~~,~~EAAA~~;AAAA,GAAA,EAAA,EA7Ba,KAAK,EA8BpB,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostsTableRow.esm.js","sources":["../../../src/components/PostsTable/PostsTableRow.tsx"],"sourcesContent":["import { Post, selectByPostType } from '@drodil/backstage-plugin-qeta-common';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { AuthorLink } from '../Links';\nimport { Chip, TableCell, TableRow } from '@material-ui/core';\nimport { capitalize } from 'lodash';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nexport const PostsTableRow = (props: { post: Post; showIcon?: boolean }) => {\n const { post } = props;\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 return (\n <TableRow key={post.id}>\n <TableCell>\n <Link to={route({ id: post.id.toString(10) })}>{post.title}</Link>\n </TableCell>\n <TableCell>\n <AuthorLink entity={post} />\n </TableCell>\n {props.showIcon && (\n <TableCell>\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n icon={selectByPostType(\n post.type,\n <HelpOutlined />,\n <CollectionsBookmarkIcon />,\n <LinkIcon />,\n )}\n />\n </TableCell>\n )}\n <TableCell>\n <RelativeTimeWithTooltip value={getPostDisplayDate(post)} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip\n value={post.updated ? post.updated : getPostDisplayDate(post)}\n />\n </TableCell>\n </TableRow>\n );\n};\n"],"names":["HelpOutlined"],"mappings":";;;;;;;;;;;;;;AAaO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8C;AAC1E,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AACjB,EAAA,MAAM,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAA,MAAM,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAA,MAAM,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAA,MAAM,KAAA,GAAQ,gBAAA;AAAA,IACZ,IAAA,CAAK,IAAA;AAAA,IACL,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,KAAA,CAAM,EAAE,EAAA,EAAI,IAAA,CAAK,EAAA,CAAG,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA,EAAI,QAAA,EAAA,IAAA,CAAK,OAAM,CAAA,EAC7D,CAAA;AAAA,wBACC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAQ,MAAM,CAAA,EAC5B,CAAA;AAAA,IACC,KAAA,CAAM,QAAA,oBACL,GAAA,CAAC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,WAAA;AAAA,QACN,IAAA,EAAK,OAAA;AAAA,QACL,KAAA,EAAO,CAAA,EAAG,UAAA,CAAW,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAAA,QAC/B,IAAA,EAAM,gBAAA;AAAA,UACJ,IAAA,CAAK,IAAA;AAAA,8BACJA,gBAAA,EAAA,EAAa,CAAA;AAAA,8BACb,uBAAA,EAAA,EAAwB,CAAA;AAAA,8BACxB,QAAA,EAAA,EAAS;AAAA;AACZ;AAAA,KACF,EACF,CAAA;AAAA,oBAEF,GAAA,CAAC,aACC,QAAA,kBAAA,GAAA,CAAC,uBAAA,EAAA,EAAwB,OAAO,kBAAA,CAAmB,IAAI,GAAG,CAAA,EAC5D,CAAA;AAAA,wBACC,SAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,OAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,OAAA,GAAU,mBAAmB,IAAI;AAAA;AAAA,KAC9D,EACF;AAAA,GAAA,EAAA,EA7Ba,KAAK,EA8BpB,CAAA;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { createContext, useContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { useApi, storageApiRef } from '@backstage/core-plugin-api';
 import { merge } from 'lodash';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QetaContext.esm.js","sources":["../../../src/components/QetaContext/QetaContext.tsx"],"sourcesContent":["import {\n createContext,\n Dispatch,\n PropsWithChildren,\n SetStateAction,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { PluggableList } from 'unified';\nimport { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { merge } from 'lodash';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n autoSaveEnabled: boolean;\n anonymousPosting: boolean;\n filterPanelExpanded: Record<string, boolean>;\n viewType: Record<string, ViewType>;\n aiAnswerExpanded: boolean;\n usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n autoSaveEnabled: false,\n anonymousPosting: false,\n filterPanelExpanded: {},\n viewType: {},\n aiAnswerExpanded: false,\n usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport type QetaContextProps = {\n remarkPlugins?: PluggableList;\n rehypePlugins?: PluggableList;\n draftQuestion?: {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n };\n setDraftQuestion?: Dispatch<\n SetStateAction<\n \| {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n }\n \| undefined\n >\n >;\n settings?: UserSettings;\n updateSettings?: (updates: Partial<UserSettings>) => Promise<void>;\n getSetting?: <K extends keyof UserSettings>(key: K) => UserSettings[K];\n setSetting?: <K extends keyof UserSettings>(\n key: K,\n value: UserSettings[K],\n ) => Promise<void>;\n resetSettings?: () => Promise<void>;\n isSettingsLoaded?: boolean;\n};\n\nexport const QetaContext = createContext<QetaContextProps>({\n remarkPlugins: [],\n rehypePlugins: [],\n settings: DEFAULT_SETTINGS,\n updateSettings: async () => {},\n getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n DEFAULT_SETTINGS[key],\n setSetting: async () => {},\n resetSettings: async () => {},\n isSettingsLoaded: false,\n});\n\nexport const QetaProvider = (props: PropsWithChildren<QetaContextProps>) => {\n const storageApi = useApi(storageApiRef);\n const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n const [isSettingsLoaded, setIsSettingsLoaded] = useState(false);\n const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n const isUpdatingRef = useRef(false);\n\n const [draftQuestion, setDraftQuestion] = useState<\n \| {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n }\n \| undefined\n >(undefined);\n\n useEffect(() => {\n settingsRef.current = settings;\n }, [settings]);\n\n useEffect(() => {\n const bucket = storageApi.forBucket(BUCKET_KEY);\n\n isUpdatingRef.current = false;\n\n const snapshot = bucket.snapshot(STORAGE_KEY);\n const stored = snapshot.value as UserSettings \| undefined;\n\n if (stored) {\n const merged = merge({}, DEFAULT_SETTINGS, stored);\n setSettings(merged);\n settingsRef.current = merged;\n } else {\n setSettings(DEFAULT_SETTINGS);\n settingsRef.current = DEFAULT_SETTINGS;\n }\n\n setIsSettingsLoaded(true);\n\n const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n next: newSnapshot => {\n if (isUpdatingRef.current) {\n return;\n }\n\n const value = newSnapshot.value;\n if (value) {\n const merged = merge({}, DEFAULT_SETTINGS, value);\n setSettings(merged);\n settingsRef.current = merged;\n }\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [storageApi]);\n\n function cleanSettingsRecord<T>(obj: Record<string, T>): Record<string, T> {\n const cleaned: Record<string, T> = {};\n Object.entries(obj).forEach(([key, val]) => {\n if (val !== undefined) {\n cleaned[key] = val;\n }\n });\n return cleaned;\n }\n\n const updateSettings = useCallback(\n async (updates: Partial<UserSettings>, replace = false) => {\n const bucket = storageApi.forBucket(BUCKET_KEY);\n\n const snapshot = bucket.snapshot(STORAGE_KEY);\n const storedSettings = snapshot.value as UserSettings \| undefined;\n const currentSettings = storedSettings\n ? merge({}, DEFAULT_SETTINGS, storedSettings)\n : settingsRef.current;\n\n let newSettings: UserSettings;\n\n if (replace) {\n newSettings = { ...updates } as UserSettings;\n } else {\n const processedUpdates: Partial<UserSettings> = {};\n (Object.keys(updates) as Array<keyof UserSettings>).forEach(key => {\n const value = updates[key];\n if (value === undefined) {\n return;\n }\n\n if (key === 'viewType') {\n const current = currentSettings.viewType \|\| {};\n const update = value as Record<string, ViewType>;\n processedUpdates.viewType = cleanSettingsRecord({\n ...current,\n ...update,\n });\n } else if (key === 'filterPanelExpanded') {\n const current = currentSettings.filterPanelExpanded \|\| {};\n const update = value as Record<string, boolean>;\n processedUpdates.filterPanelExpanded = cleanSettingsRecord({\n ...current,\n ...update,\n });\n } else {\n processedUpdates[key] =\n value as (typeof processedUpdates)[typeof key];\n }\n });\n\n newSettings = { ...currentSettings, ...processedUpdates };\n }\n\n settingsRef.current = newSettings;\n setSettings(newSettings);\n\n isUpdatingRef.current = true;\n try {\n await bucket.set(STORAGE_KEY, newSettings);\n } finally {\n await Promise.resolve();\n isUpdatingRef.current = false;\n }\n },\n [storageApi],\n );\n\n const getSetting = useCallback(\n <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];\n },\n [],\n );\n\n const setSetting = useCallback(\n async <K extends keyof UserSettings>(\n key: K,\n value: UserSettings[K],\n ): Promise<void> => {\n await updateSettings({ [key]: value } as Partial<UserSettings>);\n },\n [updateSettings],\n );\n\n const resetSettings = useCallback(async () => {\n await updateSettings(DEFAULT_SETTINGS, true);\n }, [updateSettings]);\n\n const contextValue = useMemo(\n () => ({\n ...props,\n draftQuestion,\n setDraftQuestion,\n settings,\n updateSettings,\n getSetting,\n setSetting,\n resetSettings,\n isSettingsLoaded,\n }),\n [\n props,\n draftQuestion,\n setDraftQuestion,\n settings,\n updateSettings,\n getSetting,\n setSetting,\n resetSettings,\n isSettingsLoaded,\n ],\n );\n\n return (\n <QetaContext.Provider value={contextValue}>\n {props.children}\n </QetaContext.Provider>\n );\n};\n\nexport function useQetaContext(): QetaContextProps {\n const context = useContext(QetaContext);\n\n if (!context) {\n return {\n remarkPlugins: [],\n rehypePlugins: [],\n draftQuestion: undefined,\n setDraftQuestion: undefined,\n settings: DEFAULT_SETTINGS,\n updateSettings: async () => {},\n getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n DEFAULT_SETTINGS[key],\n setSetting: async () => {},\n resetSettings: async () => {},\n isSettingsLoaded: false,\n };\n }\n\n return context;\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"QetaContext.esm.js","sources":["../../../src/components/QetaContext/QetaContext.tsx"],"sourcesContent":["import {\n createContext,\n Dispatch,\n PropsWithChildren,\n SetStateAction,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport type { PluggableList } from 'unified';\nimport { storageApiRef, useApi } from '@backstage/core-plugin-api';\nimport { merge } from 'lodash';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n autoSaveEnabled: boolean;\n anonymousPosting: boolean;\n filterPanelExpanded: Record<string, boolean>;\n viewType: Record<string, ViewType>;\n aiAnswerExpanded: boolean;\n usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n autoSaveEnabled: false,\n anonymousPosting: false,\n filterPanelExpanded: {},\n viewType: {},\n aiAnswerExpanded: false,\n usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport type QetaContextProps = {\n remarkPlugins?: PluggableList;\n rehypePlugins?: PluggableList;\n draftQuestion?: {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n };\n setDraftQuestion?: Dispatch<\n SetStateAction<\n \| {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n }\n \| undefined\n >\n >;\n settings?: UserSettings;\n updateSettings?: (updates: Partial<UserSettings>) => Promise<void>;\n getSetting?: <K extends keyof UserSettings>(key: K) => UserSettings[K];\n setSetting?: <K extends keyof UserSettings>(\n key: K,\n value: UserSettings[K],\n ) => Promise<void>;\n resetSettings?: () => Promise<void>;\n isSettingsLoaded?: boolean;\n};\n\nexport const QetaContext = createContext<QetaContextProps>({\n remarkPlugins: [],\n rehypePlugins: [],\n settings: DEFAULT_SETTINGS,\n updateSettings: async () => {},\n getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n DEFAULT_SETTINGS[key],\n setSetting: async () => {},\n resetSettings: async () => {},\n isSettingsLoaded: false,\n});\n\nexport const QetaProvider = (props: PropsWithChildren<QetaContextProps>) => {\n const storageApi = useApi(storageApiRef);\n const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n const [isSettingsLoaded, setIsSettingsLoaded] = useState(false);\n const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n const isUpdatingRef = useRef(false);\n\n const [draftQuestion, setDraftQuestion] = useState<\n \| {\n title: string;\n content: string;\n tags?: string[];\n entities?: string[];\n }\n \| undefined\n >(undefined);\n\n useEffect(() => {\n settingsRef.current = settings;\n }, [settings]);\n\n useEffect(() => {\n const bucket = storageApi.forBucket(BUCKET_KEY);\n\n isUpdatingRef.current = false;\n\n const snapshot = bucket.snapshot(STORAGE_KEY);\n const stored = snapshot.value as UserSettings \| undefined;\n\n if (stored) {\n const merged = merge({}, DEFAULT_SETTINGS, stored);\n setSettings(merged);\n settingsRef.current = merged;\n } else {\n setSettings(DEFAULT_SETTINGS);\n settingsRef.current = DEFAULT_SETTINGS;\n }\n\n setIsSettingsLoaded(true);\n\n const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n next: newSnapshot => {\n if (isUpdatingRef.current) {\n return;\n }\n\n const value = newSnapshot.value;\n if (value) {\n const merged = merge({}, DEFAULT_SETTINGS, value);\n setSettings(merged);\n settingsRef.current = merged;\n }\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [storageApi]);\n\n function cleanSettingsRecord<T>(obj: Record<string, T>): Record<string, T> {\n const cleaned: Record<string, T> = {};\n Object.entries(obj).forEach(([key, val]) => {\n if (val !== undefined) {\n cleaned[key] = val;\n }\n });\n return cleaned;\n }\n\n const updateSettings = useCallback(\n async (updates: Partial<UserSettings>, replace = false) => {\n const bucket = storageApi.forBucket(BUCKET_KEY);\n\n const snapshot = bucket.snapshot(STORAGE_KEY);\n const storedSettings = snapshot.value as UserSettings \| undefined;\n const currentSettings = storedSettings\n ? merge({}, DEFAULT_SETTINGS, storedSettings)\n : settingsRef.current;\n\n let newSettings: UserSettings;\n\n if (replace) {\n newSettings = { ...updates } as UserSettings;\n } else {\n const processedUpdates: Partial<UserSettings> = {};\n (Object.keys(updates) as Array<keyof UserSettings>).forEach(key => {\n const value = updates[key];\n if (value === undefined) {\n return;\n }\n\n if (key === 'viewType') {\n const current = currentSettings.viewType \|\| {};\n const update = value as Record<string, ViewType>;\n processedUpdates.viewType = cleanSettingsRecord({\n ...current,\n ...update,\n });\n } else if (key === 'filterPanelExpanded') {\n const current = currentSettings.filterPanelExpanded \|\| {};\n const update = value as Record<string, boolean>;\n processedUpdates.filterPanelExpanded = cleanSettingsRecord({\n ...current,\n ...update,\n });\n } else {\n processedUpdates[key] =\n value as (typeof processedUpdates)[typeof key];\n }\n });\n\n newSettings = { ...currentSettings, ...processedUpdates };\n }\n\n settingsRef.current = newSettings;\n setSettings(newSettings);\n\n isUpdatingRef.current = true;\n try {\n await bucket.set(STORAGE_KEY, newSettings);\n } finally {\n await Promise.resolve();\n isUpdatingRef.current = false;\n }\n },\n [storageApi],\n );\n\n const getSetting = useCallback(\n <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n return settingsRef.current[key] ?? DEFAULT_SETTINGS[key];\n },\n [],\n );\n\n const setSetting = useCallback(\n async <K extends keyof UserSettings>(\n key: K,\n value: UserSettings[K],\n ): Promise<void> => {\n await updateSettings({ [key]: value } as Partial<UserSettings>);\n },\n [updateSettings],\n );\n\n const resetSettings = useCallback(async () => {\n await updateSettings(DEFAULT_SETTINGS, true);\n }, [updateSettings]);\n\n const contextValue = useMemo(\n () => ({\n ...props,\n draftQuestion,\n setDraftQuestion,\n settings,\n updateSettings,\n getSetting,\n setSetting,\n resetSettings,\n isSettingsLoaded,\n }),\n [\n props,\n draftQuestion,\n setDraftQuestion,\n settings,\n updateSettings,\n getSetting,\n setSetting,\n resetSettings,\n isSettingsLoaded,\n ],\n );\n\n return (\n <QetaContext.Provider value={contextValue}>\n {props.children}\n </QetaContext.Provider>\n );\n};\n\nexport function useQetaContext(): QetaContextProps {\n const context = useContext(QetaContext);\n\n if (!context) {\n return {\n remarkPlugins: [],\n rehypePlugins: [],\n draftQuestion: undefined,\n setDraftQuestion: undefined,\n settings: DEFAULT_SETTINGS,\n updateSettings: async () => {},\n getSetting: <K extends keyof UserSettings>(key: K): UserSettings[K] =>\n DEFAULT_SETTINGS[key],\n setSetting: async () => {},\n resetSettings: async () => {},\n isSettingsLoaded: false,\n };\n }\n\n return context;\n}\n"],"names":[],"mappings":"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"}

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

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