npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.12.4 → 3.12.5 - Mend

@drodil/backstage-plugin-qeta-react 3.12.4 → 3.12.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 (153) 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 Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const { post, entity, type } = props;\n\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const { t } = useTranslation();\n\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 }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\n const href = entity\n ? `${route({\n id: post.id.toString(10),\n })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n return (\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ padding: '0.7rem', paddingBottom: '1.0rem' }}\n >\n <Grid item justifyContent=\"center\" style={{ paddingTop: '0px' }}>\n <VoteButtonContainer>\n <VoteButtons entity={post} />\n <FavoriteButton entity={post} />\n </VoteButtonContainer>\n </Grid>\n <Grid\n item\n style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n >\n <Grid container>\n <Grid\n item\n xs={12}\n style={{ paddingTop: 0, paddingBottom: '6px', marginLeft: '-2px' }}\n >\n {type === undefined && (\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n sx={{ userSelect: 'none', marginBottom: 0 }}\n icon={\n post.type === 'question' ? (\n <HelpOutlined />\n ) : (\n <CollectionsBookmarkIcon />\n )\n }\n />\n )}\n {post.type === 'question' && (\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={theme => ({\n userSelect: 'none',\n // eslint-disable-next-line no-nested-ternary\n borderColor: correctAnswer\n ? theme.palette.success.main\n : answersCount === 0\n ? theme.palette.warning.main\n : undefined,\n marginBottom: 0,\n })}\n label={t('common.answers', {\n count: answersCount,\n })}\n />\n )}\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\n label={t('common.viewsShort', {\n count: views,\n })}\n />\n </Grid>\n <Grid item xs={12} style={{ paddingTop: '0px' }}>\n <Typography variant=\"h5\" component=\"div\">\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n {post.title}\n </Link>\n </Typography>\n <Typography\n variant=\"caption\"\n noWrap\n component=\"div\"\n className=\"qetaPostListItemContent\"\n style={{ marginBottom: '5px' }}\n >\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 150),\n )}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <TagsAndEntities entity={post} />\n <Typography\n variant=\"caption\"\n display=\"inline\"\n style={{ display: 'inline', float: 'right' }}\n >\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25rem',\n fontSize: '1rem',\n maxWidth: '1rem',\n maxHeight: '1rem',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n </Typography>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport Chip from '@mui/material/Chip';\nimport { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { capitalize } from 'lodash';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { UserLink } from '../Links';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const { post, entity, type } = props;\n\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const { t } = useTranslation();\n\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 }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\n const href = entity\n ? `${route({\n id: post.id.toString(10),\n })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n return (\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ padding: '0.7em', paddingBottom: '1.0em' }}\n >\n <Grid item justifyContent=\"center\" style={{ paddingTop: '0px' }}>\n <VoteButtonContainer>\n <VoteButtons entity={post} />\n <FavoriteButton entity={post} />\n </VoteButtonContainer>\n </Grid>\n <Grid\n item\n style={{ display: 'inline-block', width: 'calc(100% - 80px)' }}\n >\n <Grid container>\n <Grid\n item\n xs={12}\n style={{\n paddingTop: '0.5em',\n paddingBottom: '0.4em',\n marginLeft: '-0.2em',\n }}\n >\n {type === undefined && (\n <Chip\n color=\"secondary\"\n size=\"small\"\n label={`${capitalize(post.type)}`}\n sx={{ userSelect: 'none', marginBottom: 0 }}\n icon={\n post.type === 'question' ? (\n <HelpOutlined />\n ) : (\n <CollectionsBookmarkIcon />\n )\n }\n />\n )}\n {post.type === 'question' && (\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={theme => ({\n userSelect: 'none',\n // eslint-disable-next-line no-nested-ternary\n borderColor: correctAnswer\n ? theme.palette.success.main\n : answersCount === 0\n ? theme.palette.warning.main\n : undefined,\n marginBottom: 0,\n })}\n label={t('common.answers', {\n count: answersCount,\n })}\n />\n )}\n <Chip\n variant=\"outlined\"\n size=\"small\"\n sx={{ userSelect: 'none', border: 'none', marginBottom: 0 }}\n label={t('common.viewsShort', {\n count: views,\n })}\n />\n </Grid>\n <Grid item xs={12} style={{ paddingTop: '0px' }}>\n <Typography variant=\"h5\" component=\"div\">\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n {post.title}\n </Link>\n </Typography>\n <Typography\n variant=\"caption\"\n noWrap\n component=\"div\"\n className=\"qetaPostListItemContent\"\n style={{ marginBottom: '5px' }}\n >\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 150),\n )}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <TagsAndEntities entity={post} />\n <Typography\n variant=\"caption\"\n display=\"inline\"\n style={{ display: 'inline', float: 'right' }}\n >\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25em',\n fontSize: '1em',\n maxWidth: '1em',\n maxHeight: '1em',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n </Typography>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -92,7 +92,7 @@ const PostsContainer = (props) => {
     {
       variant: "h5",
       className: "qetaPostsContainerTitle",
-      style: { marginBottom: "1.5rem" }
+      style: { marginBottom: "1.5em" }
     },
     shownTitle,
     " ",

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 Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport const PostsContainer = (\n props: PaginatedPostsProps & { entity?: string },\n) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n } = props;\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageChange,\n onPageSizeChange,\n page,\n postsPerPage,\n pageCount,\n } = usePaginatedPosts(props);\n const { t } = useTranslation();\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', {\n itemType: itemType.toLowerCase(),\n });\n }\n\n return (\n <Box className=\"qetaPostsContainer\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsContainerTitle\"\n style={{ marginBottom: '1.~~5rem~~' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => {\n setShowFilterPanel(!showFilterPanel);\n }}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n />\n </Collapse>\n )}\n <PostList\n loading={loading}\n error={error}\n response={response}\n onPageChange={onPageChange}\n onPageSizeChange={onPageSizeChange}\n entity={entity}\n page={page}\n pageSize={postsPerPage}\n pageCount={pageCount}\n showNoQuestionsBtn={showNoQuestionsBtn}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n />\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBa,MAAA,cAAA,GAAiB,CAC5B,KACG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA~~,kBAAA~~;AAAA,GACE,GAAA,KAAA~~,CAAA~~;AACJ,EAAM,MAAA;AAAA,IACJ,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA~~,SAAA~~;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA~~,CAAA~~;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAE7B,EAAM,MAAA,QAAA,GAAW,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAC,CAAA~~,CAAA~~;AAC7D,EAAA,IAAI,UAAa,GAAA,KAAA~~,CAAA~~;AACjB,EAAA,IAAI,IAAO,GAAA,KAAA,CAAA~~,CAAA~~;AACX,EAAA,IAAI,GAAM,GAAA,KAAA,CAAA~~,CAAA~~;AACV,EAAA,IAAI,MAAQ,EAAA;AACV,IAAA,UAAA,GAAa,CAAE,CAAA,CAAA,uBAAA,CAAA,EAA2B,EAAE,QAAA,EAAU,CAAA~~,CAAA~~;AACtD,IAAA,IAAA,gDAAQ,aAAc,EAAA,EAAA,SAAA,EAAW,QAAQ,QAAQ,EAAA,IAAA,EAAC,aAAY,MAAO,EAAA,CAAA~~,CAAA~~;AAAA,aAC5D,MAAQ,EAAA;AACjB,IAAA,UAAA,GAAa,CAAE,CAAA,CAAA,0BAAA,CAAA,EAA8B,EAAE,QAAA,EAAU,CAAA~~,CAAA~~;AACzD,IAAO,IAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,MAAQ,EAAA,CAAA~~,CAAA~~;AACzC,IAAM,GAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,SAAA,EAAW,MAAQ,EAAA,CAAA~~,CAAA~~;AAAA,aACpC,IAAM,EAAA;AACf,IAAA,UAAA,GAAa,CAAI,CAAA,EAAA,IAAA,CAAK,IAAK,CAAA,KAAK,CAAC,CAAA,CAAA~~,CAAA~~;AACjC,IAAI,IAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACrB,MAAA,GAAA,mBAAOA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,GAAK,EAAA,IAAA,CAAK,CAAC,CAAG,EAAA,CAAA~~,CAAA~~;AAAA~~,KACvC~~;~~AAAA~~,aACS,QAAU,EAAA;AACnB,IAAA,UAAA,GAAa,EAAE,+BAAiC,EAAA;AAAA,MAC9C,QAAA,EAAU,SAAS,WAAY~~,EAAA~~;AAAA,KAChC,CAAA~~,CAAA~~;AAAA~~,GACH~~;~~AAEA~~,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,oBAAA,EAAA,EACZ,SACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA,yBAAA;AAAA,MACV,KAAA,EAAO,EAAE,YAAA,EAAc,~~QAAS,EAAA~~;AAAA,KAAA;AAAA,~~IAE/B~~,UAAA;AAAA,IAAW,GAAA;AAAA,IAAE,IAAA;AAAA,IAAK,GAAA;AAAA,IAAE~~,GAAA~~;AAAA,GAGzB,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,cAAe,EAAA,eAAA,EAAA,kBAC5BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,mBAAA;AAAA,MACV,KAAA,EAAO,EAAE,6BAA+B,EAAA;AAAA,QACtC,QAAA,EAAU,SAAS,WAAY~~,EAAA~~;AAAA,OAChC~~,CAAA~~;AAAA~~,KAAA~~;AAAA,GAEL,CACC,EAAA,aAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,UAAU,OAAQ,CAAA,MAAA;AAAA,MAC1B,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAED,EAAA,eAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,UAAU,OAAQ,CAAA,MAAA;AAAA,MAC1B,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,eAC5B,EAAA,EAAA,QAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA~~,iCAAA~~;AAAA,KAAA;AAAA,IAET,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,UAAU,KAAS,IAAA,CAAA,EAAG,UAAU~~,CAAA~~;AAAA,GAEhE,GAED,QAAa,KAAA,WAAA,IAAe,yBAC1BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAA,kBAAA,CAAmB,CAAC,eAAe,CAAA~~,CAAA~~;AAAA,OACrC;AAAA,MACA,SAAU,EAAA,kCAAA;AAAA,MACV,SAAA,+CAAY,UAAW,EAAA,IAAA~~,CAAA~~;AAAA,KAAA;AAAA,IAEtB,EAAE,0BAA0B~~,CAAA~~;AAAA,GAEjC,CAEJ,CACE,EAAA,CAAA,WAAA,IAAe,yBACdA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,eACZ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,cAAA;AAAA,MACV,OAAA;AAAA,MACA~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,SAAA;AAAA,MACA,kBAAA;AAAA,MACA,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB,IAAA;AAAA,MACA~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React from 'react';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport const PostsContainer = (\n props: PaginatedPostsProps & { entity?: string },\n) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n } = props;\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageChange,\n onPageSizeChange,\n page,\n postsPerPage,\n pageCount,\n } = usePaginatedPosts(props);\n const { t } = useTranslation();\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', {\n itemType: itemType.toLowerCase(),\n });\n }\n\n return (\n <Box className=\"qetaPostsContainer\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsContainerTitle\"\n style={{ marginBottom: '1.5em' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => {\n setShowFilterPanel(!showFilterPanel);\n }}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n />\n </Collapse>\n )}\n <PostList\n loading={loading}\n error={error}\n response={response}\n onPageChange={onPageChange}\n onPageSizeChange={onPageSizeChange}\n entity={entity}\n page={page}\n pageSize={postsPerPage}\n pageCount={pageCount}\n showNoQuestionsBtn={showNoQuestionsBtn}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n />\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -92,7 +92,7 @@ const PostsGrid = (props) => {
     {
       variant: "h5",
       className: "qetaPostsGridTitle",
-      style: { marginBottom: "1.5rem" }
+      style: { marginBottom: "1.5em" }
     },
     shownTitle,
     " ",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n AskQuestionButton,\n EntityFollowButton,\n TagFollowButton,\n WriteArticleButton,\n} from '../Buttons';\nimport Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n allowRanking,\n } = props;\n const { t } = useTranslation();\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageSizeChange,\n postsPerPage,\n page,\n pageCount,\n onPageChange,\n retry,\n } = usePaginatedPosts(props);\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', { itemType });\n }\n\n return (\n <Box className=\"qetaPostsGrid\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsGridTitle\"\n style={{ marginBottom: '1.~~5rem~~' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n />\n </Collapse>\n )}\n <PostsGridContent\n loading={loading}\n error={error}\n response={response}\n entity={entity}\n showNoQuestionsBtn={showNoQuestionsBtn}\n onPageSizeChange={onPageSizeChange}\n pageSize={postsPerPage}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n page={page}\n pageCount={pageCount}\n onPageChange={onPageChange}\n onRankUpdate={() => retry()}\n collectionId={props.collectionId}\n allowRanking={allowRanking}\n />\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0Ba,MAAA,SAAA,GAAY,CAAC,KAAyB,KAAA;AACjD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA~~,YAAA~~;AAAA,GACE,GAAA,KAAA~~,CAAA~~;AACJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAC7B,EAAM,MAAA;AAAA,IACJ,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA~~,KAAA~~;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA~~,CAAA~~;AAE3B,EAAM,MAAA,QAAA,GAAW,WAAW,CAAE,CAAA,CAAA,OAAA,EAAU,QAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAC,CAAA~~,CAAA~~;AAC7D,EAAA,IAAI,UAAa,GAAA,KAAA~~,CAAA~~;AACjB,EAAA,IAAI,IAAO,GAAA,KAAA,CAAA~~,CAAA~~;AACX,EAAA,IAAI,GAAM,GAAA,KAAA,CAAA~~,CAAA~~;AACV,EAAA,IAAI,MAAQ,EAAA;AACV,IAAA,UAAA,GAAa,CAAE,CAAA,CAAA,uBAAA,CAAA,EAA2B,EAAE,QAAA,EAAU,CAAA~~,CAAA~~;AACtD,IAAA,IAAA,gDAAQ,aAAc,EAAA,EAAA,SAAA,EAAW,QAAQ,QAAQ,EAAA,IAAA,EAAC,aAAY,MAAO,EAAA,CAAA~~,CAAA~~;AAAA,aAC5D,MAAQ,EAAA;AACjB,IAAA,UAAA,GAAa,CAAE,CAAA,CAAA,0BAAA,CAAA,EAA8B,EAAE,QAAA,EAAU,CAAA~~,CAAA~~;AACzD,IAAO,IAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,SAAA,EAAW,MAAQ,EAAA,CAAA~~,CAAA~~;AACzC,IAAM,GAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,SAAA,EAAW,MAAQ,EAAA,CAAA~~,CAAA~~;AAAA,aACpC,IAAM,EAAA;AACf,IAAA,UAAA,GAAa,CAAI,CAAA,EAAA,IAAA,CAAK,IAAK,CAAA,KAAK,CAAC,CAAA,CAAA~~,CAAA~~;AACjC,IAAI,IAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACrB,MAAA,GAAA,mBAAOA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,GAAK,EAAA,IAAA,CAAK,CAAC,CAAG,EAAA,CAAA~~,CAAA~~;AAAA~~,KACvC~~;~~AAAA~~,aACS,QAAU,EAAA;AACnB,IAAA,UAAA,GAAa,CAAE,CAAA,+BAAA,EAAiC,EAAE,QAAA,EAAU,CAAA~~,CAAA~~;AAAA~~,GAC9D~~;~~AAEA~~,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,eAAA,EAAA,EACZ,SACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA,oBAAA;AAAA,MACV,KAAA,EAAO,EAAE,YAAA,EAAc,~~QAAS,EAAA~~;AAAA,KAAA;AAAA,~~IAE/B~~,UAAA;AAAA,IAAW,GAAA;AAAA,IAAE,IAAA;AAAA,IAAK,GAAA;AAAA,IAAE~~,GAAA~~;AAAA,GAGzB,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,cAAe,EAAA,eAAA,EAAA,kBAC5BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,mBAAA;AAAA,MACV,KAAA,EAAO,EAAE,6BAA+B,EAAA;AAAA,QACtC,QAAA,EAAU,SAAS,WAAY~~,EAAA~~;AAAA,OAChC~~,CAAA~~;AAAA~~,KAAA~~;AAAA,GAEL,CACC,EAAA,aAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,UAAU,OAAQ,CAAA,MAAA;AAAA,MAC1B,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAED,EAAA,eAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,UAAU,OAAQ,CAAA,MAAA;AAAA,MAC1B,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,eAC5B,EAAA,EAAA,QAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,IAAA;AAAA,MACR,SAAU,EAAA~~,iCAAA~~;AAAA,KAAA;AAAA,IAET,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,UAAU,KAAS,IAAA,CAAA,EAAG,UAAU~~,CAAA~~;AAAA,GAEhE,GAED,QAAa,KAAA,WAAA,IAAe,yBAC1BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,MAAM,kBAAmB,CAAA,CAAC,eAAe,CAAA;AAAA,MAClD,SAAU,EAAA,kCAAA;AAAA,MACV,SAAA,+CAAY,UAAW,EAAA,IAAA~~,CAAA~~;AAAA,KAAA;AAAA,IAEtB,EAAE,0BAA0B~~,CAAA~~;AAAA,GAEjC,CAEJ,CACE,EAAA,CAAA,WAAA,IAAe,yBACdA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,eACZ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,cAAA;AAAA,MACV,OAAA;AAAA,MACA~~,IAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,kBAAA;AAAA,MACA,gBAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,YAAY,MAAW,KAAA,KAAA,CAAA;AAAA,MACvB,IAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA,EAAc,MAAM,KAAM,EAAA;AAAA,MAC1B,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB~~,YAAA~~;AAAA~~,KAAA~~;AAAA,GAEJ,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n AskQuestionButton,\n EntityFollowButton,\n TagFollowButton,\n WriteArticleButton,\n} from '../Buttons';\nimport Collapse from '@mui/material/Collapse';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport FilterList from '@mui/icons-material/FilterList';\nimport { FilterPanel, PostFilters } from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\nexport type PostGridProps = PaginatedPostsProps & { allowRanking?: boolean };\n\nexport const PostsGrid = (props: PostGridProps) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n allowRanking,\n } = props;\n const { t } = useTranslation();\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageSizeChange,\n postsPerPage,\n page,\n pageCount,\n onPageChange,\n retry,\n } = usePaginatedPosts(props);\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', { itemType });\n }\n\n return (\n <Box className=\"qetaPostsGrid\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsGridTitle\"\n style={{ marginBottom: '1.5em' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n />\n </Collapse>\n )}\n <PostsGridContent\n loading={loading}\n error={error}\n response={response}\n entity={entity}\n showNoQuestionsBtn={showNoQuestionsBtn}\n onPageSizeChange={onPageSizeChange}\n pageSize={postsPerPage}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n page={page}\n pageCount={pageCount}\n onPageChange={onPageChange}\n onRankUpdate={() => retry()}\n collectionId={props.collectionId}\n allowRanking={allowRanking}\n />\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -74,7 +74,7 @@ const PostsGridContent = (props) => {
       container: true,
       direction: "row",
       alignItems: "stretch",
-      style: { marginTop: "1rem" }
+      style: { marginTop: "1em" }
     },
     response.posts.map((p) => {
       return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: p.id }, /* @__PURE__ */ React__default.createElement(

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: PostsResponse;\n entity?: string;\n tags?: string[];\n showNoQuestionsBtn?: boolean;\n onPageSizeChange: (size: number) => void;\n pageSize: number;\n entityPage?: boolean;\n type?: PostType;\n onPageChange: (page: number) => void;\n page: number;\n pageCount: number;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}) => {\n const {\n loading,\n error,\n response,\n entity,\n showNoQuestionsBtn = true,\n onPageSizeChange,\n pageSize,\n entityPage,\n tags,\n type,\n onPageChange,\n page,\n pageCount,\n } = props;\n const { t } = useTranslation();\n const gridRef = useRef<HTMLDivElement \| null>(null);\n\n const handlePageChange = (\n _event: React.ChangeEvent<unknown>,\n value: number,\n ) => {\n if (gridRef.current) {\n gridRef.current.scrollIntoView();\n }\n onPageChange(value);\n };\n\n const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n if (gridRef.current) {\n gridRef.current.scrollIntoView();\n }\n onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n };\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n const itemType = (type ?? 'post') as any;\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.posts \|\| response.posts.length === 0) {\n return (\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type={type}\n />\n );\n }\n\n return (\n <div ref={gridRef}>\n <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n <Grid\n container\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '~~1rem~~' }}\n >\n {response.posts.map(p => {\n return (\n <Grid item xs={12} key={p.id}>\n <PostsGridItem\n post={p}\n type={type}\n entity={entity}\n allowRanking={props.allowRanking}\n onRankUpdate={props.onRankUpdate}\n collectionId={props.collectionId}\n />\n </Grid>\n );\n })}\n </Grid>\n <QetaPagination\n pageSize={pageSize}\n handlePageChange={handlePageChange}\n handlePageSizeChange={handlePageSizeChange}\n page={page}\n pageCount={pageCount}\n tooltip={t('postsList.postsPerPage', { itemType })}\n />\n </Box>\n </div>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAYa,MAAA,gBAAA,GAAmB,CAAC,KAiB3B,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,kBAAqB,GAAA,IAAA;AAAA,IACrB,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAA;AAAA,IACA~~,SAAA~~;AAAA,GACE,GAAA,KAAA~~,CAAA~~;AACJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAC7B,EAAM,MAAA,OAAA,GAAU,OAA8B,IAAI,CAAA~~,CAAA~~;AAElD,EAAM,MAAA,gBAAA,GAAmB,CACvB,MAAA,EACA,KACG,KAAA;AACH,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA~~,CAAA~~;AAAA~~,KACjC~~;~~AACA~~,IAAA,YAAA,CAAa,KAAK,CAAA~~,CAAA~~;AAAA,GACpB~~,CAAA~~;AAEA,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACjE,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,OAAA,CAAQ,QAAQ,cAAe,EAAA~~,CAAA~~;AAAA~~,KACjC~~;~~AACA~~,IAAA,gBAAA,CAAiB,OAAO,QAAS,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAiB,EAAE,CAAC,CAAA~~,CAAA~~;AAAA,GACpE~~,CAAA~~;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDAAQ,WAAY,EAAA,IAAA,CAAA~~,CAAA~~;AAAA~~,GACtB~~;~~AAEA~~,EAAA,MAAM,WAAY,IAAQ,IAAA,MAAA~~,CAAA~~;AAE1B,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,KAAO,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU~~,CAAA~~;AAAA,OAAA;AAAA,MAE9C,KAAO,EAAA~~,OAAA~~;AAAA,KACV~~,CAAA~~;AAAA~~,GAEJ~~;~~AAEA~~,EAAA,IAAI,CAAC,QAAS,CAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAClD,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,cAAgB,EAAA,kBAAA;AAAA,QAChB,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA~~,IAAA~~;AAAA~~,OAAA~~;AAAA,KACF~~,CAAA~~;AAAA~~,GAEJ~~;~~AAEA~~,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,OAAA,EAAA,kBACPA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,EAAI,EAAA,CAAA,EAAK,EAAA,SAAA,EAAU,eAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,SAAU,EAAA,KAAA;AAAA,MACV,UAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,EAAE,SAAA,EAAW,~~MAAO,EAAA~~;AAAA,KAAA;AAAA,~~IAE1B~~,QAAA,CAAS,KAAM,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACvB,MACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,GAAA,EAAK,EAAE,EACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,CAAA;AAAA,UACN,IAAA;AAAA,UACA,MAAA;AAAA,UACA,cAAc,KAAM,CAAA,YAAA;AAAA,UACpB,cAAc,KAAM,CAAA,YAAA;AAAA,UACpB,cAAc,KAAM,CAAA~~,YAAA~~;AAAA~~,SAAA~~;AAAA,OAExB,CAAA~~,CAAA~~;AAAA,KAEH~~,CAAA~~;AAAA,GAEH,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,oBAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAS,EAAA,CAAA,CAAE,wBAA0B,EAAA,EAAE,UAAU~~,CAAA~~;AAAA~~,KAAA~~;AAAA,GAErD,CACF,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"PostsGridContent.esm.js","sources":["../../../src/components/PostsGrid/PostsGridContent.tsx"],"sourcesContent":["import { PostsResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport React, { useRef } from 'react';\nimport { WarningPanel } from '@backstage/core-components';\nimport { NoPostsCard } from '../PostsContainer/NoPostsCard';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport { PostsGridItem } from './PostsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { SelectChangeEvent } from '@mui/material/Select';\n\nexport const PostsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: PostsResponse;\n entity?: string;\n tags?: string[];\n showNoQuestionsBtn?: boolean;\n onPageSizeChange: (size: number) => void;\n pageSize: number;\n entityPage?: boolean;\n type?: PostType;\n onPageChange: (page: number) => void;\n page: number;\n pageCount: number;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}) => {\n const {\n loading,\n error,\n response,\n entity,\n showNoQuestionsBtn = true,\n onPageSizeChange,\n pageSize,\n entityPage,\n tags,\n type,\n onPageChange,\n page,\n pageCount,\n } = props;\n const { t } = useTranslation();\n const gridRef = useRef<HTMLDivElement \| null>(null);\n\n const handlePageChange = (\n _event: React.ChangeEvent<unknown>,\n value: number,\n ) => {\n if (gridRef.current) {\n gridRef.current.scrollIntoView();\n }\n onPageChange(value);\n };\n\n const handlePageSizeChange = (event: SelectChangeEvent<number>) => {\n if (gridRef.current) {\n gridRef.current.scrollIntoView();\n }\n onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n };\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n const itemType = (type ?? 'post') as any;\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.posts \|\| response.posts.length === 0) {\n return (\n <NoPostsCard\n showNoPostsBtn={showNoQuestionsBtn}\n entity={entity}\n entityPage={entityPage}\n tags={tags}\n type={type}\n />\n );\n }\n\n return (\n <div ref={gridRef}>\n <Box sx={{ mt: 2 }} className=\"qetaPostsGrid\">\n <Grid\n container\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '1em' }}\n >\n {response.posts.map(p => {\n return (\n <Grid item xs={12} key={p.id}>\n <PostsGridItem\n post={p}\n type={type}\n entity={entity}\n allowRanking={props.allowRanking}\n onRankUpdate={props.onRankUpdate}\n collectionId={props.collectionId}\n />\n </Grid>\n );\n })}\n </Grid>\n <QetaPagination\n pageSize={pageSize}\n handlePageChange={handlePageChange}\n handlePageSizeChange={handlePageSizeChange}\n page={page}\n pageCount={pageCount}\n tooltip={t('postsList.postsPerPage', { itemType })}\n />\n </Box>\n </div>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/PostsGrid/PostsGridItem.esm.js CHANGED Viewed

@@ -66,9 +66,9 @@ const PostsGridItem = (props) => {
       image: post.headerImage,
       alt: post.title
     }
-  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, post.title), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
+  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5em" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, post.title), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
     truncate(removeMarkdownFormatting(post.content), 400)
-  )))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "0.2rem", paddingTop: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React__default.createElement(
+  )))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: post }), /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "0.2em", paddingTop: "0.5em" } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React__default.createElement(
     Avatar,
     {
       src: user?.spec?.profile?.picture,
@@ -76,10 +76,10 @@ const PostsGridItem = (props) => {
       variant: "rounded",
       sx: {
         display: "inline-flex !important",
-        marginRight: "0.25rem",
-        fontSize: "1rem",
-        maxWidth: "1rem",
-        maxHeight: "1rem"
+        marginRight: "0.25em",
+        fontSize: "1em",
+        maxWidth: "1em",
+        maxHeight: "1em"
       }
     },
     initials
@@ -89,8 +89,8 @@ const PostsGridItem = (props) => {
       direction: "row",
       spacing: 0,
       style: {
-        paddingRight: "0.2rem",
-        paddingTop: "0.5rem",
+        paddingRight: "0.2em",
+        paddingTop: "0.5em",
         float: "right"
       }
     },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsGrid/PostsGridItem.tsx"],"sourcesContent":["import {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardActionArea from '@mui/material/CardActionArea';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport CardMedia from '@mui/material/CardMedia';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { qetaApiRef } from '../../api';\nimport VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';\nimport VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Stack from '@mui/material/Stack';\nimport { UserLink } from '../Links';\n\nexport interface PostsGridItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n const [views, setViews] = useState(post.views);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n const navigate = useNavigate();\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\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 rank = (direction: 'top' \| 'bottom' \| 'up' \| 'down') => {\n if (!collectionId) {\n return;\n }\n qetaApi.rankPostInCollection(collectionId, post.id, direction).then(res => {\n if (res) {\n onRankUpdate?.();\n }\n });\n };\n\n return (\n <Card style={{ height: '100%' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {post.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={post.headerImage}\n alt={post.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5rem' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {post.title}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 400),\n )}\n </Typography>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ paddingTop: '0.5rem' }}>\n <TagsAndEntities entity={post} />\n <Box style={{ paddingLeft: '0.2rem', paddingTop: '0.5rem' }}>\n <Typography variant=\"caption\">\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25rem',\n fontSize: '1rem',\n maxWidth: '1rem',\n maxHeight: '1rem',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n {' · '}\n {t('common.views', { count: views })}\n </Typography>\n </Box>\n {allowRanking && (\n <Stack\n direction=\"row\"\n spacing={0}\n style={{\n paddingRight: '0.2rem',\n paddingTop: '0.5rem',\n float: 'right',\n }}\n >\n <Tooltip title={t('ranking.top')}>\n <IconButton size=\"small\" onClick={() => rank('top')}>\n <VerticalAlignTopIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.up')}>\n <IconButton size=\"small\" onClick={() => rank('up')}>\n <KeyboardArrowUpIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.down')}>\n <IconButton size=\"small\" onClick={() => rank('down')}>\n <KeyboardArrowDownIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.bottom')}>\n <IconButton size=\"small\" onClick={() => rank('bottom')}>\n <VerticalAlignBottomIcon />\n </IconButton>\n </Tooltip>\n </Stack>\n )}\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"PostsGridItem.esm.js","sources":["../../../src/components/PostsGrid/PostsGridItem.tsx"],"sourcesContent":["import {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardActionArea from '@mui/material/CardActionArea';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport CardMedia from '@mui/material/CardMedia';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { qetaApiRef } from '../../api';\nimport VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';\nimport VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Stack from '@mui/material/Stack';\nimport { UserLink } from '../Links';\n\nexport interface PostsGridItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\n}\n\nexport const PostsGridItem = (props: PostsGridItemProps) => {\n const { post, entity, allowRanking, onRankUpdate, collectionId } = props;\n const [views, setViews] = useState(post.views);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setViews(lastSignal.views);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const { name, initials, user } = useEntityAuthor(post);\n const navigate = useNavigate();\n\n const route = post.type === 'question' ? questionRoute : articleRoute;\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 rank = (direction: 'top' \| 'bottom' \| 'up' \| 'down') => {\n if (!collectionId) {\n return;\n }\n qetaApi.rankPostInCollection(collectionId, post.id, direction).then(res => {\n if (res) {\n onRankUpdate?.();\n }\n });\n };\n\n return (\n <Card style={{ height: '100%' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {post.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={post.headerImage}\n alt={post.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5em' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {post.title}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(post.content), 400),\n )}\n </Typography>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ paddingTop: '0.5em' }}>\n <TagsAndEntities entity={post} />\n <Box style={{ paddingLeft: '0.2em', paddingTop: '0.5em' }}>\n <Typography variant=\"caption\">\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n sx={{\n display: 'inline-flex !important',\n marginRight: '0.25em',\n fontSize: '1em',\n maxWidth: '1em',\n maxHeight: '1em',\n }}\n >\n {initials}\n </Avatar>\n <UserLink entityRef={post.author} />{' '}\n <Link to={href} className=\"qetaPostListItemQuestionBtn\">\n <RelativeTimeWithTooltip value={post.created} />\n </Link>\n {' · '}\n {t('common.views', { count: views })}\n </Typography>\n </Box>\n {allowRanking && (\n <Stack\n direction=\"row\"\n spacing={0}\n style={{\n paddingRight: '0.2em',\n paddingTop: '0.5em',\n float: 'right',\n }}\n >\n <Tooltip title={t('ranking.top')}>\n <IconButton size=\"small\" onClick={() => rank('top')}>\n <VerticalAlignTopIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.up')}>\n <IconButton size=\"small\" onClick={() => rank('up')}>\n <KeyboardArrowUpIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.down')}>\n <IconButton size=\"small\" onClick={() => rank('down')}>\n <KeyboardArrowDownIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title={t('ranking.bottom')}>\n <IconButton size=\"small\" onClick={() => rank('bottom')}>\n <VerticalAlignBottomIcon />\n </IconButton>\n </Tooltip>\n </Stack>\n )}\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QetaPagination.esm.js","sources":["../../../src/components/QetaPagination/QetaPagination.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport Grid from '@mui/material/Grid';\nimport FormControl from '@mui/material/FormControl';\nimport Select, { SelectChangeEvent } from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\nimport Pagination from '@mui/material/Pagination';\n\nexport const QetaPagination = (props: {\n pageSize: number;\n handlePageChange: (_event: React.ChangeEvent<unknown>, value: number) => void;\n handlePageSizeChange: (event: SelectChangeEvent<number>) => void;\n page: number;\n tooltip?: string;\n pageCount: number;\n}) => {\n const { handlePageChange, handlePageSizeChange, page, pageCount, tooltip } =\n props;\n const { t } = useTranslation();\n return (\n <Grid\n container\n spacing={0}\n alignItems=\"center\"\n justifyContent=\"center\"\n sx={{ marginTop: 4 }}\n >\n <Tooltip title={tooltip ?? t('pagination.defaultTooltip')} arrow>\n <FormControl variant=\"outlined\">\n <Select\n value={props.pageSize}\n onChange={handlePageSizeChange}\n variant=\"outlined\"\n size=\"small\"\n sx={{ marginRight: 2 }}\n >\n <MenuItem value={5}>5</MenuItem>\n <MenuItem value={10}>10</MenuItem>\n <MenuItem value={25}>25</MenuItem>\n <MenuItem value={50}>50</MenuItem>\n <MenuItem value={100}>100</MenuItem>\n </Select>\n </FormControl>\n </Tooltip>\n <Pagination\n page={page}\n onChange={handlePageChange}\n count={pageCount}\n size=\"large\"\n variant=\"outlined\"\n className=\"qetaPagination\"\n showFirstButton\n showLastButton\n />\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAOzB,KAAA;AACJ,EAAA,MAAM,EAAE,gBAAkB,EAAA,oBAAA,EAAsB,IAAM,EAAA,SAAA,EAAW,SAC/D,GAAA,KAAA~~,CAAA~~;AACF,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAC7B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,EAAA,EAAI,EAAE,SAAA,EAAW,CAAE~~,EAAA~~;AAAA,KAAA;AAAA,oBAElBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,OAAA,IAAW,CAAE,CAAA,2BAA2B,CAAG,EAAA,KAAA,EAAK,IAC9D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAQ,UACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAO,KAAM,CAAA,QAAA;AAAA,QACb,QAAU,EAAA,oBAAA;AAAA,QACV,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,EAAA,EAAI,EAAE,WAAA,EAAa,CAAE~~,EAAA~~;AAAA,OAAA;AAAA,sBAEpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,GAAC,CAAA;AAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,GAAA,EAAA,EAAK,KAAG~~,CAAA~~;AAAA,KAE7B,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,QAAU,EAAA,gBAAA;AAAA,QACV,KAAO,EAAA,SAAA;AAAA,QACP,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,SAAU,EAAA,gBAAA;AAAA,QACV,eAAe,EAAA,IAAA;AAAA,QACf,cAAc,EAAA~~,IAAA~~;AAAA~~,OAAA~~;AAAA~~,KAChB~~;~~AAAA~~,GACF~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"QetaPagination.esm.js","sources":["../../../src/components/QetaPagination/QetaPagination.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport Grid from '@mui/material/Grid';\nimport FormControl from '@mui/material/FormControl';\nimport Select, { SelectChangeEvent } from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\nimport Pagination from '@mui/material/Pagination';\n\nexport const QetaPagination = (props: {\n pageSize: number;\n handlePageChange: (_event: React.ChangeEvent<unknown>, value: number) => void;\n handlePageSizeChange: (event: SelectChangeEvent<number>) => void;\n page: number;\n tooltip?: string;\n pageCount: number;\n}) => {\n const { handlePageChange, handlePageSizeChange, page, pageCount, tooltip } =\n props;\n const { t } = useTranslation();\n return (\n <Grid\n container\n spacing={0}\n alignItems=\"center\"\n justifyContent=\"center\"\n sx={{ marginTop: 4 }}\n >\n <Tooltip title={tooltip ?? t('pagination.defaultTooltip')} arrow>\n <FormControl variant=\"outlined\">\n <Select\n value={props.pageSize}\n onChange={handlePageSizeChange}\n variant=\"outlined\"\n size=\"small\"\n sx={{ marginRight: 2 }}\n >\n <MenuItem value={5}>5</MenuItem>\n <MenuItem value={10}>10</MenuItem>\n <MenuItem value={25}>25</MenuItem>\n <MenuItem value={50}>50</MenuItem>\n <MenuItem value={100}>100</MenuItem>\n </Select>\n </FormControl>\n </Tooltip>\n <Pagination\n page={page}\n onChange={handlePageChange}\n count={pageCount}\n size=\"large\"\n variant=\"outlined\"\n className=\"qetaPagination\"\n showFirstButton\n showLastButton\n />\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAOzB,KAAA;AACJ,EAAA,MAAM,EAAE,gBAAkB,EAAA,oBAAA,EAAsB,IAAM,EAAA,SAAA,EAAW,SAC/D,GAAA,KAAA;AACF,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,EAAA,EAAI,EAAE,SAAA,EAAW,CAAE;AAAA,KAAA;AAAA,oBAElBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,OAAA,IAAW,CAAE,CAAA,2BAA2B,CAAG,EAAA,KAAA,EAAK,IAC9D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAQ,UACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAO,KAAM,CAAA,QAAA;AAAA,QACb,QAAU,EAAA,oBAAA;AAAA,QACV,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,EAAA,EAAI,EAAE,WAAA,EAAa,CAAE;AAAA,OAAA;AAAA,sBAEpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,CAAA,EAAA,EAAG,GAAC,CAAA;AAAA,sBACpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAA,EAAA,EAAI,IAAE,CAAA;AAAA,sBACtBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,GAAA,EAAA,EAAK,KAAG;AAAA,KAE7B,CACF,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,QAAU,EAAA,gBAAA;AAAA,QACV,KAAO,EAAA,SAAA;AAAA,QACP,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,SAAU,EAAA,gBAAA;AAAA,QACV,eAAe,EAAA,IAAA;AAAA,QACf,cAAc,EAAA;AAAA;AAAA;AAChB,GACF;AAEJ;;;;"}

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

@@ -57,7 +57,7 @@ const QuestionCard = (props) => {
       style: { flexWrap: "nowrap" }
     },
     /* @__PURE__ */ React__default.createElement(Grid, { item: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: questionEntity }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: questionEntity }))),
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true, marginLeft: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, sx: { minHeight: "5rem", paddingTop: 1 } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content }))), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true, marginLeft: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, sx: { minHeight: "5em", paddingTop: 1 } }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: questionEntity.content }))), /* @__PURE__ */ React__default.createElement(
       Grid,
       {
         container: true,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { CardActionContainer } from '../Styled/CardActionContainer';\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const navigate = useNavigate();\n const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const [questionEntity, setQuestionEntity] = React.useState(question);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const { t } = useTranslation();\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setQuestionEntity(q);\n };\n\n const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n useEffect(() => {\n if (highlightedAnswer) {\n try {\n const element = document.querySelector(`#${highlightedAnswer}`);\n if (element) {\n element.scrollIntoView();\n }\n } catch (e) {\n // NOOP\n }\n }\n }, [highlightedAnswer]);\n\n return (\n <>\n <Card variant=\"outlined\" sx={{ marginBottom: 1, position: 'relative' }}>\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item justifyContent=\"center\">\n <VoteButtonContainer>\n <VoteButtons entity={questionEntity} />\n <FavoriteButton entity={questionEntity} />\n <LinkButton entity={questionEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid item marginLeft={1} sx={{ flexGrow: 1 }}>\n <Grid item sx={{ minHeight: '~~5rem~~', paddingTop: 1 }}>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer content={questionEntity.content} />\n </Typography>\n </Grid>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n sx={{ marginTop: 3 }}\n >\n <Grid item style={{ alignSelf: 'flex-end' }}>\n <TagsAndEntities entity={questionEntity} />\n {(question.canEdit \|\| question.canDelete) && (\n <CardActionContainer>\n {question.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n sx={{ marginRight: 1 }}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={questionEntity}\n />\n </>\n )}\n {question.canEdit && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\n }\n className=\"qetaQuestionCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n </CardActionContainer>\n )}\n </Grid>\n <Grid item xs={3}>\n <AuthorBox entity={questionEntity} />\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n post={questionEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA~~,CAAA~~;AACrB,EAAA,MAAM,WAAW,WAAY,EAAA~~,CAAA~~;AAC7B,EAAM,MAAA,iBAAA,GAAoB,YAAY,oBAAoB,CAAA~~,CAAA~~;AAC1D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA~~,CAAA~~;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAAM,SAAS,QAAQ,CAAA~~,CAAA~~;AACnE,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA~~,CAAA~~;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA~~,CAAA~~;AAC7D,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAC7B,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,iBAAA,CAAkB,CAAC,CAAA~~,CAAA~~;AAAA,GACrB~~,CAAA~~;AAEA,EAAA,MAAM,oBAAoB,MAAO,CAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,CAAC,CAAK,IAAA,KAAA,CAAA~~,CAAA~~;AAC3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAmB,EAAA;AACrB,MAAI,IAAA;AACF,QAAA,MAAM,OAAU,GAAA,QAAA,CAAS,aAAc,CAAA,CAAA,CAAA,EAAI,iBAAiB,CAAE,CAAA,CAAA~~,CAAA~~;AAC9D,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,OAAA,CAAQ,cAAe,EAAA~~,CAAA~~;AAAA~~,SACzB~~;~~AAAA~~,eACO,CAAG,EAAA;AAAA~~,OAEZ~~;~~AAAA,KACF~~;~~AAAA~~,GACF,EAAG,CAAC,iBAAiB,CAAC,CAAA~~,CAAA~~;AAEtB,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,EAAA,EAAI,EAAE,YAAA,EAAc,CAAG,EAAA,QAAA,EAAU,UAAW,EAAA,EAAA,+CAClE,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,cAAe,EAAA,YAAA;AAAA,MACf,KAAA,EAAO,EAAE,QAAA,EAAU,QAAS~~,EAAA~~;AAAA,KAAA;AAAA,oBAE5BA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,gBAAe,QACxB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,MAAA,EAAQ,gBAAgB,CACrC,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CAAA,+CACvC,UAAW,EAAA,EAAA,MAAA,EAAQ,cAAgB,EAAA,CACtC,CACF,CAAA;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,YAAY,CAAG,EAAA,EAAA,EAAI,EAAE,QAAA,EAAU,GACxC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAE,SAAW,EAAA,~~MAAA~~,~~EAAQ~~,YAAY,CAAE,EAAA,EAAA,~~kBAC/CA~~,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,YAAA,EAAY,IACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,cAAA,CAAe,OAAS,EAAA,CACrD,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,IAAI,EAAA,IAAA;AAAA,QACJ,OAAS,EAAA,CAAA;AAAA,QACT,cAAe,EAAA,eAAA;AAAA,QACf,UAAW,EAAA,UAAA;AAAA,QACX,EAAA,EAAI,EAAE,SAAA,EAAW,CAAE~~,EAAA~~;AAAA,OAAA;AAAA,sBAEnBA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,OAAO,EAAE,SAAA,EAAW,UAAW,EAAA,EAAA,kBACvCA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,QAAQ,cAAgB,EAAA,CAAA,EAAA,CACvC,SAAS,OAAW,IAAA,QAAA,CAAS,8BAC5BA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,IAAA,EACE,QAAS,CAAA,SAAA,oBAENA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,KAAM,EAAA,WAAA;AAAA,UACN,OAAS,EAAA,qBAAA;AAAA,UACT,SAAA,+CAAY,UAAW,EAAA,IAAA,CAAA;AAAA,UACvB,EAAA,EAAI,EAAE,WAAA,EAAa,CAAE~~,EAAA~~;AAAA,SAAA;AAAA,QAEpB,EAAE,0BAA0B~~,CAAA~~;AAAA,OAE/B,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,eAAA;AAAA,UACN,OAAS,EAAA,sBAAA;AAAA,UACT,MAAQ,EAAA~~,cAAA~~;AAAA~~,SAAA~~;AAAA,OAEZ,CAED,EAAA,QAAA,CAAS,OACR,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,UAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,SAAA,+CAAY,QAAS,EAAA,IAAA,CAAA;AAAA,UACrB,SAAS,MACP,QAAA;AAAA,YACE,iBAAkB,CAAA;AAAA,cAChB,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE~~,CAAA~~;AAAA,aAC5B~~,CAAA~~;AAAA,WACH;AAAA,UAEF,SAAU,EAAA~~,yBAAA~~;AAAA,SAAA;AAAA,QAET,EAAE,yBAAyB~~,CAAA~~;AAAA,OAGlC,CAEJ,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,qBACZA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAQ,EAAA,cAAA,EAAgB,CACrC~~,CAAA~~;AAAA,KAEJ~~,CAAA~~;AAAA,GAEJ,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,eAAiB,EAAA,eAAA;AAAA,MACjB,aAAe,EAAA~~,eAAA~~;AAAA~~,KAAA~~;AAAA,GAEnB,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport React, { useEffect } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport EditIcon from '@mui/icons-material/Edit';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Styled/VoteButtonContainer';\nimport { CardActionContainer } from '../Styled/CardActionContainer';\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const navigate = useNavigate();\n const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const [questionEntity, setQuestionEntity] = React.useState(question);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const { t } = useTranslation();\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setQuestionEntity(q);\n };\n\n const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n useEffect(() => {\n if (highlightedAnswer) {\n try {\n const element = document.querySelector(`#${highlightedAnswer}`);\n if (element) {\n element.scrollIntoView();\n }\n } catch (e) {\n // NOOP\n }\n }\n }, [highlightedAnswer]);\n\n return (\n <>\n <Card variant=\"outlined\" sx={{ marginBottom: 1, position: 'relative' }}>\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item justifyContent=\"center\">\n <VoteButtonContainer>\n <VoteButtons entity={questionEntity} />\n <FavoriteButton entity={questionEntity} />\n <LinkButton entity={questionEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid item marginLeft={1} sx={{ flexGrow: 1 }}>\n <Grid item sx={{ minHeight: '5em', paddingTop: 1 }}>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer content={questionEntity.content} />\n </Typography>\n </Grid>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n sx={{ marginTop: 3 }}\n >\n <Grid item style={{ alignSelf: 'flex-end' }}>\n <TagsAndEntities entity={questionEntity} />\n {(question.canEdit \|\| question.canDelete) && (\n <CardActionContainer>\n {question.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n sx={{ marginRight: 1 }}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={questionEntity}\n />\n </>\n )}\n {question.canEdit && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\n }\n className=\"qetaQuestionCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n </CardActionContainer>\n )}\n </Grid>\n <Grid item xs={3}>\n <AuthorBox entity={questionEntity} />\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n post={questionEntity}\n onCommentDelete={onCommentAction}\n onCommentPost={onCommentAction}\n />\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/QuestionsTable/QuestionTableRow.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionTableRow.esm.js","sources":["../../../src/components/QuestionsTable/QuestionTableRow.tsx"],"sourcesContent":["import { Post } from '@drodil/backstage-plugin-qeta-common';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '../../routes';\nimport { AuthorLink } from '../Links/Links';\n\nexport const QuestionTableRow = (props: { question: Post }) => {\n const { question } = props;\n const questionRoute = useRouteRef(questionRouteRef);\n\n return (\n <TableRow key={question.id}>\n <TableCell>\n <Link to={questionRoute({ id: question.id.toString(10) })}>\n {question.title}\n </Link>\n </TableCell>\n <TableCell>\n <AuthorLink entity={question} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip value={question.created} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip\n value={question.updated ? question.updated : question.created}\n />\n </TableCell>\n </TableRow>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAUa,MAAA,gBAAA,GAAmB,CAAC,KAA8B,KAAA;AAC7D,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA~~,CAAA~~;AACrB,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA~~,CAAA~~;AAElD,EAAA,oDACG,QAAS,EAAA,EAAA,GAAA,EAAK,SAAS,EACtB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iCACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,aAAc,CAAA,EAAE,IAAI,QAAS,CAAA,EAAA,CAAG,SAAS,EAAE,CAAA,EAAG,CACrD,EAAA,EAAA,QAAA,CAAS,KACZ,CACF,mBACCA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAU,CAChC,CAAA,+CACC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,2BAAwB,KAAO,EAAA,QAAA,CAAS,SAAS,CACpD,CAAA,+CACC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,QAAA,CAAS,OAAU,GAAA,QAAA,CAAS,UAAU,QAAS,CAAA~~,OAAA~~;AAAA~~,KAAA~~;AAAA,GAE1D,CACF,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"QuestionTableRow.esm.js","sources":["../../../src/components/QuestionsTable/QuestionTableRow.tsx"],"sourcesContent":["import { Post } from '@drodil/backstage-plugin-qeta-common';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '../../routes';\nimport { AuthorLink } from '../Links/Links';\n\nexport const QuestionTableRow = (props: { question: Post }) => {\n const { question } = props;\n const questionRoute = useRouteRef(questionRouteRef);\n\n return (\n <TableRow key={question.id}>\n <TableCell>\n <Link to={questionRoute({ id: question.id.toString(10) })}>\n {question.title}\n </Link>\n </TableCell>\n <TableCell>\n <AuthorLink entity={question} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip value={question.created} />\n </TableCell>\n <TableCell>\n <RelativeTimeWithTooltip\n value={question.updated ? question.updated : question.created}\n />\n </TableCell>\n </TableRow>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAUa,MAAA,gBAAA,GAAmB,CAAC,KAA8B,KAAA;AAC7D,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAElD,EAAA,oDACG,QAAS,EAAA,EAAA,GAAA,EAAK,SAAS,EACtB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iCACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,aAAc,CAAA,EAAE,IAAI,QAAS,CAAA,EAAA,CAAG,SAAS,EAAE,CAAA,EAAG,CACrD,EAAA,EAAA,QAAA,CAAS,KACZ,CACF,mBACCA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAU,CAChC,CAAA,+CACC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,2BAAwB,KAAO,EAAA,QAAA,CAAS,SAAS,CACpD,CAAA,+CACC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,QAAA,CAAS,OAAU,GAAA,QAAA,CAAS,UAAU,QAAS,CAAA;AAAA;AAAA,GAE1D,CACF,CAAA;AAEJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport TableContainer from '@mui/material/TableContainer';\nimport Table from '@mui/material/Table';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\nimport TableBody from '@mui/material/TableBody';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\ntype QuickFilterType = 'latest' \| 'favorites' \| 'most_viewed';\n\nexport const QuestionsTable = (props: {\n hideTitle?: boolean;\n rowsPerPage?: number;\n quickFilter?: QuickFilterType;\n}) => {\n const [page, setPage] = React.useState(1);\n const [questionsPerPage, setQuestionsPerPage] = React.useState(\n props.rowsPerPage ?? 10,\n );\n const [quickFilter, setQuickFilter] = React.useState(\n props.quickFilter ?? 'latest',\n );\n const [refresh, setRefresh] = React.useState(0);\n const { t } = useTranslation();\n const [filters, setFilters] = React.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: 'question',\n limit: questionsPerPage,\n offset: (page - 1) * questionsPerPage,\n includeEntities: true,\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 = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n setQuestionsPerPage(parseInt(event.target.value, 10));\n setPage(1);\n };\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionsTable.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=\"qetaQuestionsTableGrid\"\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('questionsTable.latest')}\n </Button>\n <Button\n color={quickFilter === 'favorites' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('favorites')}\n >\n {t('questionsTable.favorites')}\n </Button>\n <Button\n color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('most_viewed')}\n >\n {t('questionsTable.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('questionsTable.cells.title')}</TableCell>\n <TableCell>{t('questionsTable.cells.author')}</TableCell>\n <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? <Progress /> : null}\n {response.posts.map(q => (\n <QuestionTableRow question={q} />\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"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionsTable/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport TableContainer from '@mui/material/TableContainer';\nimport Table from '@mui/material/Table';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TablePagination from '@mui/material/TablePagination';\nimport TableBody from '@mui/material/TableBody';\nimport { QuestionTableRow } from './QuestionTableRow';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\ntype QuickFilterType = 'latest' \| 'favorites' \| 'most_viewed';\n\nexport const QuestionsTable = (props: {\n hideTitle?: boolean;\n rowsPerPage?: number;\n quickFilter?: QuickFilterType;\n}) => {\n const [page, setPage] = React.useState(1);\n const [questionsPerPage, setQuestionsPerPage] = React.useState(\n props.rowsPerPage ?? 10,\n );\n const [quickFilter, setQuickFilter] = React.useState(\n props.quickFilter ?? 'latest',\n );\n const [refresh, setRefresh] = React.useState(0);\n const { t } = useTranslation();\n const [filters, setFilters] = React.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: 'question',\n limit: questionsPerPage,\n offset: (page - 1) * questionsPerPage,\n includeEntities: true,\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 = (\n event: React.ChangeEvent<HTMLInputElement>,\n ) => {\n setQuestionsPerPage(parseInt(event.target.value, 10));\n setPage(1);\n };\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('questionsTable.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=\"qetaQuestionsTableGrid\"\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('questionsTable.latest')}\n </Button>\n <Button\n color={quickFilter === 'favorites' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('favorites')}\n >\n {t('questionsTable.favorites')}\n </Button>\n <Button\n color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n onClick={() => handleQuickFilterChange('most_viewed')}\n >\n {t('questionsTable.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('questionsTable.cells.title')}</TableCell>\n <TableCell>{t('questionsTable.cells.author')}</TableCell>\n <TableCell>{t('questionsTable.cells.asked')}</TableCell>\n <TableCell>{t('questionsTable.cells.updated')}</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {loading ? <Progress /> : null}\n {response.posts.map(q => (\n <QuestionTableRow question={q} />\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"],"names":["React"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport React, { useEffect } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date \| string }) => {\n const { value } = props;\n let date = value;\n const [updates, setUpdates] = React.useState(1);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setUpdates(updates === 1 ? 0 : 1);\n }, 30000);\n return () => clearInterval(interval);\n }, [updates, setUpdates]);\n\n if (typeof date === 'string' \|\| date instanceof String) {\n date = new Date(date);\n }\n\n return (\n <Tooltip title={date.toLocaleString(navigator.languages)}>\n <div style={{ display: 'inline' }}>\n <RelativeTime value={date} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAAoC,KAAA;AAC1E,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA~~,CAAA~~;AAClB,EAAA,IAAI,IAAO,GAAA,KAAA~~,CAAA~~;AACX,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA~~,CAAA~~;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,QAAA,GAAW,YAAY,MAAM;AACjC,MAAW,UAAA,CAAA,OAAA,KAAY,CAAI,GAAA,CAAA,GAAI,CAAC,CAAA~~,CAAA~~;AAAA,OAC/B,GAAK,CAAA~~,CAAA~~;AACR,IAAO,OAAA,MAAM,cAAc,QAAQ,CAAA~~,CAAA~~;AAAA,GAClC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA~~,CAAA~~;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAY,IAAA,IAAA,YAAgB,MAAQ,EAAA;AACtD,IAAO,IAAA,GAAA,IAAI,KAAK,IAAI,CAAA~~,CAAA~~;AAAA~~,GACtB~~;~~AAEA~~,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,IAAA,CAAK,eAAe,SAAU,CAAA,SAAS,qBACpDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,UACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA,IAAA,EAAM,CAC7B,CACF,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport React, { useEffect } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date \| string }) => {\n const { value } = props;\n let date = value;\n const [updates, setUpdates] = React.useState(1);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setUpdates(updates === 1 ? 0 : 1);\n }, 30000);\n return () => clearInterval(interval);\n }, [updates, setUpdates]);\n\n if (typeof date === 'string' \|\| date instanceof String) {\n date = new Date(date);\n }\n\n return (\n <Tooltip title={date.toLocaleString(navigator.languages)}>\n <div style={{ display: 'inline' }}>\n <RelativeTime value={date} />\n </div>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAAoC,KAAA;AAC1E,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA;AAClB,EAAA,IAAI,IAAO,GAAA,KAAA;AACX,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,QAAA,GAAW,YAAY,MAAM;AACjC,MAAW,UAAA,CAAA,OAAA,KAAY,CAAI,GAAA,CAAA,GAAI,CAAC,CAAA;AAAA,OAC/B,GAAK,CAAA;AACR,IAAO,OAAA,MAAM,cAAc,QAAQ,CAAA;AAAA,GAClC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAY,IAAA,IAAA,YAAgB,MAAQ,EAAA;AACtD,IAAO,IAAA,GAAA,IAAI,KAAK,IAAI,CAAA;AAAA;AAGtB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,IAAA,CAAK,eAAe,SAAU,CAAA,SAAS,qBACpDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,UACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA,IAAA,EAAM,CAC7B,CACF,CAAA;AAEJ;;;;"}

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

@@ -17,7 +17,7 @@ const SearchBar = (props) => {
         display: "flex",
         alignItems: "center",
         width: "100%",
-        marginBottom: "1rem",
+        marginBottom: "1em",
         cursor: "text",
         boxShadow: "none"
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport Paper from '@mui/material/Paper';\nimport InputBase from '@mui/material/InputBase';\nimport IconButton from '@mui/material/IconButton';\nimport SearchIcon from '@mui/icons-material/Search';\nimport CloseIcon from '@mui/icons-material/Close';\n\nexport const SearchBar = (props: {\n label: string;\n onSearch: (query: string) => void;\n}) => {\n const { label, onSearch } = props;\n const [searchQuery, setSearchQuery] = React.useState('');\n return (\n <Paper\n component=\"form\"\n sx={{\n p: '2px 4px',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n marginBottom: '~~1rem~~',\n cursor: 'text',\n boxShadow: 'none',\n }}\n >\n <IconButton type=\"button\" sx={{ p: '10px' }} aria-label=\"search\">\n <SearchIcon color=\"disabled\" />\n </IconButton>\n <InputBase\n sx={{ flex: 1 }}\n placeholder={label}\n value={searchQuery}\n inputProps={{\n 'aria-label': label,\n onChange: (\n event: React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => {\n onSearch(event.target.value);\n setSearchQuery(event.target.value);\n },\n }}\n />\n {searchQuery && (\n <IconButton\n type=\"button\"\n sx={{ p: '10px' }}\n aria-label=\"clear\"\n onClick={() => {\n onSearch('');\n setSearchQuery('');\n }}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Paper>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAOa,MAAA,SAAA,GAAY,CAAC,KAGpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA~~,CAAA~~;AAC5B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA~~,CAAA~~;AACvD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,MAAA;AAAA,MACV,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,SAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,KAAO,EAAA,MAAA;AAAA,QACP,YAAc,EAAA,~~MAAA~~;AAAA,QACd,MAAQ,EAAA,MAAA;AAAA,QACR,SAAW,EAAA~~,MAAA~~;AAAA~~,OACb~~;~~AAAA~~,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,QAAA,EAAS,IAAI,EAAE,CAAA,EAAG,MAAO,EAAA,EAAG,cAAW,QACtD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,YAAW,CAC/B,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,EAAE,IAAA,EAAM,CAAE,EAAA;AAAA,QACd,WAAa,EAAA,KAAA;AAAA,QACb,KAAO,EAAA,WAAA;AAAA,QACP,UAAY,EAAA;AAAA,UACV,YAAc,EAAA,KAAA;AAAA,UACd,QAAA,EAAU,CACR,KACG,KAAA;AACH,YAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA~~,CAAA~~;AAC3B,YAAe,cAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA~~,CAAA~~;AAAA~~,WACnC~~;~~AAAA,SACF~~;~~AAAA,OAAA~~;AAAA,KACF;AAAA,IACC,WACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,EAAA,EAAI,EAAE,CAAA,EAAG,MAAO,EAAA;AAAA,QAChB,YAAW,EAAA,OAAA;AAAA,QACX,SAAS,MAAM;AACb,UAAA,QAAA,CAAS,EAAE,CAAA~~,CAAA~~;AACX,UAAA,cAAA,CAAe,EAAE,CAAA~~,CAAA~~;AAAA~~,SACnB~~;~~AAAA~~,OAAA;AAAA,0CAEC,SAAU,EAAA,IAAA~~,CAAA~~;AAAA~~,KACb~~;~~AAAA~~,GAEJ~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport Paper from '@mui/material/Paper';\nimport InputBase from '@mui/material/InputBase';\nimport IconButton from '@mui/material/IconButton';\nimport SearchIcon from '@mui/icons-material/Search';\nimport CloseIcon from '@mui/icons-material/Close';\n\nexport const SearchBar = (props: {\n label: string;\n onSearch: (query: string) => void;\n}) => {\n const { label, onSearch } = props;\n const [searchQuery, setSearchQuery] = React.useState('');\n return (\n <Paper\n component=\"form\"\n sx={{\n p: '2px 4px',\n display: 'flex',\n alignItems: 'center',\n width: '100%',\n marginBottom: '1em',\n cursor: 'text',\n boxShadow: 'none',\n }}\n >\n <IconButton type=\"button\" sx={{ p: '10px' }} aria-label=\"search\">\n <SearchIcon color=\"disabled\" />\n </IconButton>\n <InputBase\n sx={{ flex: 1 }}\n placeholder={label}\n value={searchQuery}\n inputProps={{\n 'aria-label': label,\n onChange: (\n event: React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => {\n onSearch(event.target.value);\n setSearchQuery(event.target.value);\n },\n }}\n />\n {searchQuery && (\n <IconButton\n type=\"button\"\n sx={{ p: '10px' }}\n aria-label=\"clear\"\n onClick={() => {\n onSearch('');\n setSearchQuery('');\n }}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Paper>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAOa,MAAA,SAAA,GAAY,CAAC,KAGpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA;AAC5B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA;AACvD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,MAAA;AAAA,MACV,EAAI,EAAA;AAAA,QACF,CAAG,EAAA,SAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,KAAO,EAAA,MAAA;AAAA,QACP,YAAc,EAAA,KAAA;AAAA,QACd,MAAQ,EAAA,MAAA;AAAA,QACR,SAAW,EAAA;AAAA;AACb,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,QAAA,EAAS,IAAI,EAAE,CAAA,EAAG,MAAO,EAAA,EAAG,cAAW,QACtD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,YAAW,CAC/B,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,EAAE,IAAA,EAAM,CAAE,EAAA;AAAA,QACd,WAAa,EAAA,KAAA;AAAA,QACb,KAAO,EAAA,WAAA;AAAA,QACP,UAAY,EAAA;AAAA,UACV,YAAc,EAAA,KAAA;AAAA,UACd,QAAA,EAAU,CACR,KACG,KAAA;AACH,YAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAC3B,YAAe,cAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AACnC;AACF;AAAA,KACF;AAAA,IACC,WACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,EAAA,EAAI,EAAE,CAAA,EAAG,MAAO,EAAA;AAAA,QAChB,YAAW,EAAA,OAAA;AAAA,QACX,SAAS,MAAM;AACb,UAAA,QAAA,CAAS,EAAE,CAAA;AACX,UAAA,cAAA,CAAe,EAAE,CAAA;AAAA;AACnB,OAAA;AAAA,0CAEC,SAAU,EAAA,IAAA;AAAA;AACb,GAEJ;AAEJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Button from '@mui/material/Button';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslation } from '../../hooks';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslation();\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAea,MAAA,kBAAA,GAAqB,CAAC,KAG7B,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,gBAAA,EAAqB,GAAA,KAAA~~,CAAA~~;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA~~,CAAA~~;AAC7B,EAAI,IAAA,SAAA,CAAU,UAAU,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA~~,CAAA~~;AAAA~~,GACT~~;~~AAEA~~,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAAG,EAAA,CAAA,kBACjDA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EACnB,EAAA,EAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,CAAC,QAAA,EAAU,KAClC,qBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,KACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAS,QAAS,CAAA,KAAA;AAAA,MAClB,WAAW,QAAS,CAAA~~,WAAA~~;AAAA~~,KAAA~~;AAAA,GACtB,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ~~,CAAA~~;AAAA,KAAA;AAAA,IAEvC,EAAE,iCAAiC~~,CAAA~~;AAAA,GAExC,CACF,CACD,CAAA,+CACA,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,MAC/C,SAAA,EAAW,EAAE,+CAA+C~~,CAAA~~;AAAA~~,KAAA~~;AAAA,GAC9D,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI~~,CAAA~~;AAAA,KAAA;AAAA,IAEnC,EAAE,iCAAiC~~,CAAA~~;AAAA,GAExC,CACF,CACF,CACF,CACF,CAAA~~,CAAA~~;AAEJ;;;;"}
1	+ {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport CardHeader from '@mui/material/CardHeader';\nimport Button from '@mui/material/Button';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTranslation } from '../../hooks';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslation();\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAea,MAAA,kBAAA,GAAqB,CAAC,KAG7B,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,gBAAA,EAAqB,GAAA,KAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAI,IAAA,SAAA,CAAU,UAAU,CAAG,EAAA;AACzB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAAG,EAAA,CAAA,kBACjDA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EACnB,EAAA,EAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,CAAC,QAAA,EAAU,KAClC,qBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,GAAA,EAAK,KACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAS,QAAS,CAAA,KAAA;AAAA,MAClB,WAAW,QAAS,CAAA;AAAA;AAAA,GACtB,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ;AAAA,KAAA;AAAA,IAEvC,EAAE,iCAAiC;AAAA,GAExC,CACF,CACD,CAAA,+CACA,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,MAC/C,SAAA,EAAW,EAAE,+CAA+C;AAAA;AAAA,GAC9D,+CACC,uBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI;AAAA,KAAA;AAAA,IAEnC,EAAE,iCAAiC;AAAA,GAExC,CACF,CACF,CACF,CACF,CAAA;AAEJ;;;;"}