@drodil/backstage-plugin-qeta-react 3.12.3 → 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.
- package/dist/api.esm.js.map +1 -1
- package/dist/components/AIAnswerCard/AIAnswerCard.esm.js +2 -2
- package/dist/components/AIAnswerCard/AIAnswerCard.esm.js.map +1 -1
- package/dist/components/AnswerCard/AnswerCard.esm.js +1 -1
- package/dist/components/AnswerCard/AnswerCard.esm.js.map +1 -1
- package/dist/components/AnswerForm/AnswerForm.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswerList.esm.js +2 -2
- package/dist/components/AnswersContainer/AnswerList.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswersContainer.esm.js +1 -1
- package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +1 -1
- package/dist/components/ArticleContent/ArticleButtons.esm.js +6 -4
- package/dist/components/ArticleContent/ArticleButtons.esm.js.map +1 -1
- package/dist/components/ArticleContent/ArticleContent.esm.js +12 -10
- package/dist/components/ArticleContent/ArticleContent.esm.js.map +1 -1
- package/dist/components/AuthorBox/AuthorBox.esm.js +3 -3
- package/dist/components/AuthorBox/AuthorBox.esm.js.map +1 -1
- package/dist/components/Buttons/AddToCollectionButton.esm.js.map +1 -1
- package/dist/components/Buttons/AskQuestionButton.esm.js.map +1 -1
- package/dist/components/Buttons/CollectionFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/CreateCollectionButton.esm.js.map +1 -1
- package/dist/components/Buttons/EntityFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/FavoriteButton.esm.js.map +1 -1
- package/dist/components/Buttons/LinkButton.esm.js.map +1 -1
- package/dist/components/Buttons/TagFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/UserFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/VoteButtons.esm.js.map +1 -1
- package/dist/components/Buttons/WriteArticleButton.esm.js.map +1 -1
- package/dist/components/CollectionCard/CollectionCard.esm.js.map +1 -1
- package/dist/components/CollectionForm/CollectionForm.esm.js +1 -1
- package/dist/components/CollectionForm/CollectionForm.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGrid.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js +1 -1
- package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentList.esm.js +2 -2
- package/dist/components/CommentSection/CommentList.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentSection.esm.js.map +1 -1
- package/dist/components/DeleteModal/DeleteModal.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGrid.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js +1 -1
- package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js.map +1 -1
- package/dist/components/FilterPanel/DateRangeFilter.esm.js.map +1 -1
- package/dist/components/FilterPanel/FilterPanel.esm.js +1 -1
- package/dist/components/FilterPanel/FilterPanel.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedTagsList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedUsersList.esm.js.map +1 -1
- package/dist/components/HeaderImageInput/HeaderImageInput.esm.js +10 -8
- package/dist/components/HeaderImageInput/HeaderImageInput.esm.js.map +1 -1
- package/dist/components/HomePageCards/ImpactCard.esm.js +1 -1
- package/dist/components/HomePageCards/ImpactCard.esm.js.map +1 -1
- package/dist/components/HomePageCards/PostsCard.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenu.esm.js +17 -19
- package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenuButton.esm.js +1 -1
- package/dist/components/LeftMenu/LeftMenuButton.esm.js.map +1 -1
- package/dist/components/Links/Links.esm.js.map +1 -1
- package/dist/components/LoadingGrid/LoadingGrid.esm.js.map +1 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js +4 -2
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +1 -1
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +11 -9
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +1 -1
- package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js +1 -1
- package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js.map +1 -1
- package/dist/components/PostForm/EntitiesInput.esm.js.map +1 -1
- package/dist/components/PostForm/PostForm.esm.js.map +1 -1
- package/dist/components/PostForm/TagInput.esm.js.map +1 -1
- package/dist/components/PostHighlightList/PostHighlightList.esm.js.map +1 -1
- package/dist/components/PostsContainer/NoPostsCard.esm.js +1 -1
- package/dist/components/PostsContainer/NoPostsCard.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostList.esm.js +2 -2
- package/dist/components/PostsContainer/PostList.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostListItem.esm.js +87 -80
- package/dist/components/PostsContainer/PostListItem.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostsContainer.esm.js +1 -1
- package/dist/components/PostsContainer/PostsContainer.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGrid.esm.js +1 -1
- package/dist/components/PostsGrid/PostsGrid.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGridContent.esm.js +1 -1
- package/dist/components/PostsGrid/PostsGridContent.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGridItem.esm.js +8 -8
- package/dist/components/PostsGrid/PostsGridItem.esm.js.map +1 -1
- package/dist/components/QetaPagination/QetaPagination.esm.js.map +1 -1
- package/dist/components/QuestionCard/QuestionCard.esm.js +1 -1
- package/dist/components/QuestionCard/QuestionCard.esm.js.map +1 -1
- package/dist/components/QuestionsTable/QuestionTableRow.esm.js.map +1 -1
- package/dist/components/QuestionsTable/QuestionsTable.esm.js.map +1 -1
- package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js.map +1 -1
- package/dist/components/SearchBar/SearchBar.esm.js +1 -1
- package/dist/components/SearchBar/SearchBar.esm.js.map +1 -1
- package/dist/components/SelectTemplateList/SelectTemplateList.esm.js.map +1 -1
- package/dist/components/StatsChart/StatsChart.esm.js.map +1 -1
- package/dist/components/StatsChart/util.esm.js.map +1 -1
- package/dist/components/Styled/CardActionContainer.esm.js +3 -1
- package/dist/components/Styled/CardActionContainer.esm.js.map +1 -1
- package/dist/components/Styled/ModalContent.esm.js +17 -15
- package/dist/components/Styled/ModalContent.esm.js.map +1 -1
- package/dist/components/Styled/RightList.esm.js.map +1 -1
- package/dist/components/Styled/VoteButtonContainer.esm.js +3 -1
- package/dist/components/Styled/VoteButtonContainer.esm.js.map +1 -1
- package/dist/components/SuggestionsCard/SuggestionsCard.esm.js.map +1 -1
- package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js +1 -1
- package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/CollectionChip.esm.js +1 -1
- package/dist/components/TagsAndEntities/CollectionChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/EntityChip.esm.js +1 -1
- package/dist/components/TagsAndEntities/EntityChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/TagChip.esm.js +1 -1
- package/dist/components/TagsAndEntities/TagChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/TagsAndEntities.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/UserChip.esm.js +1 -1
- package/dist/components/TagsAndEntities/UserChip.esm.js.map +1 -1
- package/dist/components/TagsGrid/EditTagModal.esm.js.map +1 -1
- package/dist/components/TagsGrid/NoTagsCard.esm.js +1 -1
- package/dist/components/TagsGrid/NoTagsCard.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagGridItem.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagsGrid.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagsGridContent.esm.js.map +1 -1
- package/dist/components/TemplateList/TemplateForm.esm.js.map +1 -1
- package/dist/components/TemplateList/TemplateList.esm.js +1 -1
- package/dist/components/TemplateList/TemplateList.esm.js.map +1 -1
- package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js +4 -7
- package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js.map +1 -1
- package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js.map +1 -1
- package/dist/components/UsersGrid/NoUsersCard.esm.js +1 -1
- package/dist/components/UsersGrid/NoUsersCard.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGrid.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGridContent.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGridItem.esm.js.map +1 -1
- package/dist/hooks/useAI.esm.js.map +1 -1
- package/dist/hooks/useBasePath.esm.js.map +1 -1
- package/dist/hooks/useBaseUrl.esm.js.map +1 -1
- package/dist/hooks/useCollectionsFollow.esm.js.map +1 -1
- package/dist/hooks/useEntityAuthor.esm.js.map +1 -1
- package/dist/hooks/useEntityFollow.esm.js.map +1 -1
- package/dist/hooks/useEntityQueryParameter.esm.js.map +1 -1
- package/dist/hooks/useIdentityApi.esm.js.map +1 -1
- package/dist/hooks/useIsDarkTheme.esm.js.map +1 -1
- package/dist/hooks/useIsModerator.esm.js.map +1 -1
- package/dist/hooks/usePaginatedPosts.esm.js.map +1 -1
- package/dist/hooks/useQetaApi.esm.js.map +1 -1
- package/dist/hooks/useTagsFollow.esm.js.map +1 -1
- package/dist/hooks/useTranslation.esm.js.map +1 -1
- package/dist/hooks/useUserFollow.esm.js.map +1 -1
- package/dist/hooks/useVoting.esm.js.map +1 -1
- package/dist/routes.esm.js.map +1 -1
- package/dist/translation.esm.js.map +1 -1
- package/dist/utils/utils.esm.js.map +1 -1
- package/package.json +6 -6
|
@@ -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
|
|
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;;;;"}
|
|
@@ -57,7 +57,7 @@ const QuestionCard = (props) => {
|
|
|
57
57
|
style: { flexWrap: "nowrap" }
|
|
58
58
|
},
|
|
59
59
|
/* @__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 }))),
|
|
60
|
-
/* @__PURE__ */ React__default.createElement(Grid, { item: true, marginLeft: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, sx: { minHeight: "
|
|
60
|
+
/* @__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(
|
|
61
61
|
Grid,
|
|
62
62
|
{
|
|
63
63
|
container: true,
|
|
@@ -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: '
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ba,MAAA,YAAA,GAAe,CAAC,KAAsC,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA;AACrB,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,iBAAA,GAAoB,YAAY,oBAAoB,CAAA;AAC1D,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAClE,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAAM,SAAS,QAAQ,CAAA;AACnE,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAC7D,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA,GACrB;AAEA,EAAA,MAAM,oBAAoB,MAAO,CAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,CAAC,CAAK,IAAA,KAAA,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;AAC9D,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,OAAA,CAAQ,cAAe,EAAA;AAAA;AACzB,eACO,CAAG,EAAA;AAAA;AAEZ;AACF,GACF,EAAG,CAAC,iBAAiB,CAAC,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;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,KAAA,EAAO,YAAY,CAAE,EAAA,EAAA,kBAC9CA,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;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;AAAA,SAAA;AAAA,QAEpB,EAAE,0BAA0B;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;AAAA;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;AAAA,aAC5B;AAAA,WACH;AAAA,UAEF,SAAU,EAAA;AAAA,SAAA;AAAA,QAET,EAAE,yBAAyB;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;AAAA,KAEJ;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;AAAA;AAAA,GAEnB,CAAA;AAEJ;;;;"}
|
|
@@ -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
|
|
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;;;;"}
|
|
@@ -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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"}
|
|
@@ -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
|
|
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;;;;"}
|
|
@@ -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: '
|
|
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;;;;"}
|
|
@@ -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
|
|
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;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Legend,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip as ChartTooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport IconButton from '@mui/material/IconButton';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport Typography from '@mui/material/Typography';\nimport ShowChartIcon from '@mui/icons-material/ShowChart';\nimport BarChartIcon from '@mui/icons-material/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from './util';\nimport { useTheme } from '@mui/material/styles';\n\ntype StatType = {\n dataKey:\n | 'totalViews'\n | 'totalQuestions'\n | 'totalAnswers'\n | 'totalComments'\n | 'totalVotes'\n | 'totalUsers'\n | 'totalTags'\n | 'totalArticles'\n | 'totalFollowers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst DEFAULT_STATS: StatType[] = [\n {\n dataKey: 'totalViews',\n name: 'Total views',\n color: '#8884d8',\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: 'Total questions',\n color: '#82ca9d',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: 'Total answers',\n color: '#ff7300',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: 'Total comments',\n color: '#739973',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: 'Total votes',\n color: '#d88884',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: 'Total users',\n color: '#ff0000',\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: 'Total tags',\n color: '#ff00ff',\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: 'Total articles',\n color: '#00ff00',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: 'Total followers',\n color: '#ff0000',\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const isDark = useIsDarkTheme();\n const globalStats = isGlobalStat(data[0]);\n const isUserStats = isUserStat(data[0]);\n const [stats, setStats] = React.useState<StatType[]>(\n DEFAULT_STATS.filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { isDark, toggleStat, stats, isDisabled };\n};\n\nconst StatsBarChart = (props: { data: Stat[] }) => {\n const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n const theme = useTheme();\n return (\n <ResponsiveContainer height={400} width=\"100%\">\n <BarChart data={props.data} width={900} height={300}>\n <ChartTooltip\n labelStyle={{ color: theme.palette.text.primary }}\n contentStyle={{\n backgroundColor: `${theme.palette.background.paper} !important`,\n border: 'none !important',\n }}\n cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={{ cursor: 'pointer' }}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: { data: Stat[] }) => {\n const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n const theme = useTheme();\n return (\n <ResponsiveContainer height={400} width=\"100%\">\n <LineChart data={props.data} width={900} height={300}>\n <ChartTooltip\n labelStyle={{ color: theme.palette.text.primary }}\n contentStyle={{\n backgroundColor: `${theme.palette.background.paper} !important`,\n border: 'none !important',\n }}\n cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={{ cursor: 'pointer' }}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: { data: Stat[] }) => {\n const { t } = useTranslation();\n const [chart, setChart] = React.useState<'line' | 'bar'>('line');\n\n if (!props.data || props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <>\n {chart === 'line' ? (\n <StatsLineChart data={data} />\n ) : (\n <StatsBarChart data={data} />\n )}\n <ButtonGroup aria-label=\"Chart type\" style={{ float: 'right' }}>\n <IconButton\n aria-label=\"Line chart\"\n onClick={() => {\n setChart('line');\n }}\n size=\"large\"\n >\n <ShowChartIcon />\n </IconButton>\n <IconButton\n aria-label=\"Bar chart\"\n onClick={() => {\n setChart('bar');\n }}\n size=\"large\"\n >\n <BarChartIcon />\n </IconButton>\n </ButtonGroup>\n </>\n );\n};\n"],"names":["React","ChartTooltip"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Legend,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip as ChartTooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport IconButton from '@mui/material/IconButton';\nimport ButtonGroup from '@mui/material/ButtonGroup';\nimport Typography from '@mui/material/Typography';\nimport ShowChartIcon from '@mui/icons-material/ShowChart';\nimport BarChartIcon from '@mui/icons-material/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from './util';\nimport { useTheme } from '@mui/material/styles';\n\ntype StatType = {\n dataKey:\n | 'totalViews'\n | 'totalQuestions'\n | 'totalAnswers'\n | 'totalComments'\n | 'totalVotes'\n | 'totalUsers'\n | 'totalTags'\n | 'totalArticles'\n | 'totalFollowers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst DEFAULT_STATS: StatType[] = [\n {\n dataKey: 'totalViews',\n name: 'Total views',\n color: '#8884d8',\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: 'Total questions',\n color: '#82ca9d',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: 'Total answers',\n color: '#ff7300',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: 'Total comments',\n color: '#739973',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: 'Total votes',\n color: '#d88884',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: 'Total users',\n color: '#ff0000',\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: 'Total tags',\n color: '#ff00ff',\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: 'Total articles',\n color: '#00ff00',\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: 'Total followers',\n color: '#ff0000',\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const isDark = useIsDarkTheme();\n const globalStats = isGlobalStat(data[0]);\n const isUserStats = isUserStat(data[0]);\n const [stats, setStats] = React.useState<StatType[]>(\n DEFAULT_STATS.filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { isDark, toggleStat, stats, isDisabled };\n};\n\nconst StatsBarChart = (props: { data: Stat[] }) => {\n const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n const theme = useTheme();\n return (\n <ResponsiveContainer height={400} width=\"100%\">\n <BarChart data={props.data} width={900} height={300}>\n <ChartTooltip\n labelStyle={{ color: theme.palette.text.primary }}\n contentStyle={{\n backgroundColor: `${theme.palette.background.paper} !important`,\n border: 'none !important',\n }}\n cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={{ cursor: 'pointer' }}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: { data: Stat[] }) => {\n const { isDark, stats, toggleStat, isDisabled } = useChartState(props.data);\n const theme = useTheme();\n return (\n <ResponsiveContainer height={400} width=\"100%\">\n <LineChart data={props.data} width={900} height={300}>\n <ChartTooltip\n labelStyle={{ color: theme.palette.text.primary }}\n contentStyle={{\n backgroundColor: `${theme.palette.background.paper} !important`,\n border: 'none !important',\n }}\n cursor={{ fill: isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: isDark ? 'white' : 'black' }}\n tickLine={{ stroke: isDark ? 'white' : 'black' }}\n tick={{ fill: isDark ? 'white' : 'black' }}\n />\n <Legend\n verticalAlign=\"top\"\n height={36}\n wrapperStyle={{ cursor: 'pointer' }}\n formatter={data => {\n return isDisabled(data) ? `[ ] ${data}` : `[x] ${data}`;\n }}\n onClick={data => {\n if (data.value) {\n toggleStat(data.value as string);\n }\n }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: { data: Stat[] }) => {\n const { t } = useTranslation();\n const [chart, setChart] = React.useState<'line' | 'bar'>('line');\n\n if (!props.data || props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <>\n {chart === 'line' ? (\n <StatsLineChart data={data} />\n ) : (\n <StatsBarChart data={data} />\n )}\n <ButtonGroup aria-label=\"Chart type\" style={{ float: 'right' }}>\n <IconButton\n aria-label=\"Line chart\"\n onClick={() => {\n setChart('line');\n }}\n size=\"large\"\n >\n <ShowChartIcon />\n </IconButton>\n <IconButton\n aria-label=\"Bar chart\"\n onClick={() => {\n setChart('bar');\n }}\n size=\"large\"\n >\n <BarChartIcon />\n </IconButton>\n </ButtonGroup>\n </>\n );\n};\n"],"names":["React","ChartTooltip"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.esm.js","sources":["../../../src/components/StatsChart/util.ts"],"sourcesContent":["import {\n GlobalStat,\n Stat,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport const isGlobalStat = (stat: Stat): stat is GlobalStat => {\n return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const isUserStat = (stat: Stat): stat is UserStat => {\n return (stat as UserStat).totalFollowers !== undefined;\n};\n"],"names":[],"mappings":"AAMa,MAAA,YAAA,GAAe,CAAC,IAAmC,KAAA;AAC9D,EAAA,OAAQ,KAAoB,UAAe,KAAA,KAAA,CAAA
|
|
1
|
+
{"version":3,"file":"util.esm.js","sources":["../../../src/components/StatsChart/util.ts"],"sourcesContent":["import {\n GlobalStat,\n Stat,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport const isGlobalStat = (stat: Stat): stat is GlobalStat => {\n return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const isUserStat = (stat: Stat): stat is UserStat => {\n return (stat as UserStat).totalFollowers !== undefined;\n};\n"],"names":[],"mappings":"AAMa,MAAA,YAAA,GAAe,CAAC,IAAmC,KAAA;AAC9D,EAAA,OAAQ,KAAoB,UAAe,KAAA,KAAA,CAAA;AAC7C;AAEa,MAAA,UAAA,GAAa,CAAC,IAAiC,KAAA;AAC1D,EAAA,OAAQ,KAAkB,cAAmB,KAAA,KAAA,CAAA;AAC/C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardActionContainer.esm.js","sources":["../../../src/components/Styled/CardActionContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const CardActionContainer = styled('div')({\n marginTop: 2,\n '& a': {\n marginRight: 1,\n },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,
|
|
1
|
+
{"version":3,"file":"CardActionContainer.esm.js","sources":["../../../src/components/Styled/CardActionContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const CardActionContainer = styled('div', {\n name: 'QetaCardActionContainer',\n})({\n marginTop: 2,\n '& a': {\n marginRight: 1,\n },\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,OAAO,KAAO,EAAA;AAAA,EAC/C,IAAM,EAAA;AACR,CAAC,CAAE,CAAA;AAAA,EACD,SAAW,EAAA,CAAA;AAAA,EACX,KAAO,EAAA;AAAA,IACL,WAAa,EAAA;AAAA;AAEjB,CAAC;;;;"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import { styled } from '@mui/system';
|
|
2
2
|
|
|
3
|
-
const ModalContent = styled("div"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
3
|
+
const ModalContent = styled("div", { name: "QetaModalContent" })(
|
|
4
|
+
({ theme }) => ({
|
|
5
|
+
position: "absolute",
|
|
6
|
+
top: "20%",
|
|
7
|
+
left: "50%",
|
|
8
|
+
transform: "translate(-50%, -50%)",
|
|
9
|
+
width: 400,
|
|
10
|
+
backgroundColor: theme.palette.background.default,
|
|
11
|
+
border: `1px solid ${theme.palette.action.selected}`,
|
|
12
|
+
borderRadius: theme.shape.borderRadius,
|
|
13
|
+
padding: "2em",
|
|
14
|
+
"& button": {
|
|
15
|
+
marginTop: "2em",
|
|
16
|
+
float: "right"
|
|
17
|
+
}
|
|
18
|
+
})
|
|
19
|
+
);
|
|
18
20
|
|
|
19
21
|
export { ModalContent };
|
|
20
22
|
//# sourceMappingURL=ModalContent.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Styled/ModalContent.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const ModalContent = styled('div')(({ theme }) => ({\n
|
|
1
|
+
{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Styled/ModalContent.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const ModalContent = styled('div', { name: 'QetaModalContent' })(\n ({ theme }) => ({\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 400,\n backgroundColor: theme.palette.background.default,\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n padding: '2em',\n '& button': {\n marginTop: '2em',\n float: 'right',\n },\n }),\n);\n"],"names":[],"mappings":";;AAEO,MAAM,eAAe,MAAO,CAAA,KAAA,EAAO,EAAE,IAAA,EAAM,oBAAoB,CAAA;AAAA,EACpE,CAAC,EAAE,KAAA,EAAa,MAAA;AAAA,IACd,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA;AAAA,MACV,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA;AAAA;AACT,GACF;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Styled/RightList.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport React from 'react';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport List from '@mui/material/List';\n\nexport const RightListContainer = (props: { children: React.ReactNode }) => {\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n sx={{\n width: '100%',\n bgcolor: 'background.paper',\n marginBottom: 2,\n borderRadius: 1,\n }}\n >\n {props.children}\n </Box>\n );\n};\n\nexport const RightList = (props: {\n children: React.ReactNode;\n title: string;\n icon?: React.ReactNode;\n}) => {\n return (\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n subheader={\n <ListSubheader\n disableSticky\n component=\"div\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n style={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }}\n >\n {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {props.children}\n </List>\n );\n};\n"],"names":["React"],"mappings":";;;;;AAKa,MAAA,kBAAA,GAAqB,CAAC,KAAyC,KAAA;AAC1E,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,MACnC,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,kBAAA;AAAA,QACT,YAAc,EAAA,CAAA;AAAA,QACd,YAAc,EAAA
|
|
1
|
+
{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Styled/RightList.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport React from 'react';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport List from '@mui/material/List';\n\nexport const RightListContainer = (props: { children: React.ReactNode }) => {\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n sx={{\n width: '100%',\n bgcolor: 'background.paper',\n marginBottom: 2,\n borderRadius: 1,\n }}\n >\n {props.children}\n </Box>\n );\n};\n\nexport const RightList = (props: {\n children: React.ReactNode;\n title: string;\n icon?: React.ReactNode;\n}) => {\n return (\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n subheader={\n <ListSubheader\n disableSticky\n component=\"div\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n style={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }}\n >\n {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {props.children}\n </List>\n );\n};\n"],"names":["React"],"mappings":";;;;;AAKa,MAAA,kBAAA,GAAqB,CAAC,KAAyC,KAAA;AAC1E,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,MACnC,EAAI,EAAA;AAAA,QACF,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,kBAAA;AAAA,QACT,YAAc,EAAA,CAAA;AAAA,QACd,YAAc,EAAA;AAAA;AAChB,KAAA;AAAA,IAEC,KAAM,CAAA;AAAA,GACT;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,YACV,YAAc,EAAA;AAAA;AAChB,SAAA;AAAA,QAEC,KAAM,CAAA,KAAA;AAAA,QACN,KAAM,CAAA;AAAA;AACT,KAAA;AAAA,IAGD,KAAM,CAAA;AAAA,GACT;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Styled/VoteButtonContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const VoteButtonContainer = styled('div')({\n textAlign: 'center',\n width: '32px',\n marginLeft: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,
|
|
1
|
+
{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Styled/VoteButtonContainer.tsx"],"sourcesContent":["import { styled } from '@mui/system';\n\nexport const VoteButtonContainer = styled('div', {\n name: 'QetaVoteButtonContainer',\n})({\n textAlign: 'center',\n width: '32px',\n marginLeft: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n});\n"],"names":[],"mappings":";;AAEa,MAAA,mBAAA,GAAsB,OAAO,KAAO,EAAA;AAAA,EAC/C,IAAM,EAAA;AACR,CAAC,CAAE,CAAA;AAAA,EACD,SAAW,EAAA,QAAA;AAAA,EACX,KAAO,EAAA,MAAA;AAAA,EACP,UAAY,EAAA,KAAA;AAAA,EACZ,OAAS,EAAA,cAAA;AAAA,EACT,aAAe,EAAA;AACjB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport CardHeader from '@mui/material/CardHeader';\nimport Card from '@mui/material/Card';\nimport React, { ReactNode } from 'react';\nimport {\n NewArticleSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport AssistantIcon from '@mui/icons-material/Assistant';\nimport HelpOutlinedIcon from '@mui/icons-material/HelpOutlined';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport ListItemIcon from '@mui/material/ListItemIcon';\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n}) => {\n const navigate = useNavigate();\n return (\n <ListItem disablePadding disableGutters>\n <ListItemButton onClick={() => navigate(props.href)}>\n {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n {props.children}\n </ListItemButton>\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n >\n {t('suggestionsCard.noCorrectAnswer', {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n >\n {t('suggestionsCard.newQuestion', {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const articleRoute = useRouteRef(articleRouteRef);\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n >\n {t('suggestionsCard.newArticle', {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslation();\n const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n if (suggestions.length === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader\n style={{ paddingBottom: '8px' }}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n />\n <List>\n {suggestions.map(suggestion => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return <SuggestionComponent suggestion={suggestion} />;\n })}\n </List>\n </Card>\n );\n};\n"],"names":["React","CheckIcon","HelpOutlinedIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAM,kBAAA,GAAqB,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,WAAW,WAAY,EAAA
|
|
1
|
+
{"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../hooks';\nimport CardHeader from '@mui/material/CardHeader';\nimport Card from '@mui/material/Card';\nimport React, { ReactNode } from 'react';\nimport {\n NewArticleSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport AssistantIcon from '@mui/icons-material/Assistant';\nimport HelpOutlinedIcon from '@mui/icons-material/HelpOutlined';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport { useNavigate } from 'react-router-dom';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport ListItemIcon from '@mui/material/ListItemIcon';\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n}) => {\n const navigate = useNavigate();\n return (\n <ListItem disablePadding disableGutters>\n <ListItemButton onClick={() => navigate(props.href)}>\n {props.icon && <ListItemIcon>{props.icon}</ListItemIcon>}\n {props.children}\n </ListItemButton>\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n >\n {t('suggestionsCard.noCorrectAnswer', {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n >\n {t('suggestionsCard.newQuestion', {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslation();\n const articleRoute = useRouteRef(articleRouteRef);\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n >\n {t('suggestionsCard.newArticle', {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslation();\n const { value: response } = useQetaApi(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n if (suggestions.length === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader\n style={{ paddingBottom: '8px' }}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n />\n <List>\n {suggestions.map(suggestion => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return <SuggestionComponent suggestion={suggestion} />;\n })}\n </List>\n </Card>\n );\n};\n"],"names":["React","CheckIcon","HelpOutlinedIcon"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const SummaryCard = (props) => {
|
|
|
16
16
|
if (value === void 0) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
|
-
return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "
|
|
19
|
+
return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, value >= 1e3 ? numeral(value).format("0.0 a") : value, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1em" } }, title))));
|
|
20
20
|
};
|
|
21
21
|
const SummaryStatsGrid = (props) => {
|
|
22
22
|
const { stats } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport {\n GlobalStat,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\n\nconst SummaryCard = (props: { title: string; value?: number }) => {\n const { title, value } = props;\n if (value === undefined) {\n return null;\n }\n return (\n <Card>\n <CardContent>\n <Typography variant=\"h5\">\n {value >= 1000 ? numeral(value).format('0.0 a') : value}\n <Typography variant=\"caption\" style={{ marginLeft: '
|
|
1
|
+
{"version":3,"file":"SummaryStatsGrid.esm.js","sources":["../../../src/components/SummaryStatsGrid/SummaryStatsGrid.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport {\n GlobalStat,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport numeral from 'numeral';\nimport { useTranslation } from '../../hooks';\nimport { isGlobalStat, isUserStat } from '../StatsChart/util';\n\nconst SummaryCard = (props: { title: string; value?: number }) => {\n const { title, value } = props;\n if (value === undefined) {\n return null;\n }\n return (\n <Card>\n <CardContent>\n <Typography variant=\"h5\">\n {value >= 1000 ? numeral(value).format('0.0 a') : value}\n <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n {title}\n </Typography>\n </Typography>\n </CardContent>\n </Card>\n );\n};\n\nexport const SummaryStatsGrid = (props: {\n stats: StatisticsResponse<UserStat | GlobalStat>;\n}) => {\n const { stats } = props;\n const { t } = useTranslation();\n if (!stats.summary) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n return (\n <Grid container>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.questions')}\n value={stats.summary.totalQuestions}\n />\n </Grid>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.answers')}\n value={stats.summary.totalAnswers}\n />\n </Grid>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.articles')}\n value={stats.summary.totalArticles}\n />\n </Grid>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.comments')}\n value={stats.summary.totalComments}\n />\n </Grid>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.views')}\n value={stats.summary.totalViews}\n />\n </Grid>\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.votes')}\n value={stats.summary.totalVotes}\n />\n </Grid>\n {isGlobalStat(stats.summary) && (\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.users')}\n value={stats.summary!.totalUsers}\n />\n </Grid>\n )}\n {isGlobalStat(stats.summary) && (\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.tags')}\n value={stats.summary!.totalTags}\n />\n </Grid>\n )}\n {isUserStat(stats.summary) && (\n <Grid item xs={4}>\n <SummaryCard\n title={t('stats.followers')}\n value={stats.summary!.totalFollowers}\n />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ const CollectionTooltip = (props) => {
|
|
|
36
36
|
if (!resp) {
|
|
37
37
|
return null;
|
|
38
38
|
}
|
|
39
|
-
return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.
|
|
39
|
+
return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, resp.title)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("common.posts", {
|
|
40
40
|
count: resp.posts?.length ?? 0,
|
|
41
41
|
itemType: "post"
|
|
42
42
|
}), " \xB7 ", t("common.followers", { count: resp.followers }))), resp.description && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: resp.description })), !collections.loading && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionChip.esm.js","sources":["../../../src/components/TagsAndEntities/CollectionChip.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport React, { useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nconst cache: Map<number, Collection> = new Map();\n\nconst CollectionTooltip = (props: { collectionId: number }) => {\n const { collectionId } = props;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n const collections = useCollectionsFollow();\n const [resp, setResp] = React.useState<undefined | Collection>();\n\n useEffect(() => {\n if (cache.has(collectionId)) {\n setResp(cache.get(collectionId));\n return;\n }\n\n qetaApi.getCollection(collectionId).then(res => {\n if (res) {\n cache.set(collectionId, res);\n setResp(res);\n }\n });\n }, [qetaApi, collectionId]);\n\n if (!resp) {\n return null;\n }\n\n return (\n <Grid container style={{ padding: '0.
|
|
1
|
+
{"version":3,"file":"CollectionChip.esm.js","sources":["../../../src/components/TagsAndEntities/CollectionChip.tsx"],"sourcesContent":["import Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport React, { useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nconst cache: Map<number, Collection> = new Map();\n\nconst CollectionTooltip = (props: { collectionId: number }) => {\n const { collectionId } = props;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n const collections = useCollectionsFollow();\n const [resp, setResp] = React.useState<undefined | Collection>();\n\n useEffect(() => {\n if (cache.has(collectionId)) {\n setResp(cache.get(collectionId));\n return;\n }\n\n qetaApi.getCollection(collectionId).then(res => {\n if (res) {\n cache.set(collectionId, res);\n setResp(res);\n }\n });\n }, [qetaApi, collectionId]);\n\n if (!resp) {\n return null;\n }\n\n return (\n <Grid container style={{ padding: '0.5em' }} spacing={1}>\n <Grid item xs={12}>\n <Typography variant=\"h6\">{resp.title}</Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"subtitle2\">\n {t('common.posts', {\n count: resp.posts?.length ?? 0,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', { count: resp.followers })}\n </Typography>\n </Grid>\n {resp.description && (\n <Grid item xs={12}>\n <MarkdownRenderer content={resp.description} />\n </Grid>\n )}\n {!collections.loading && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(resp)) {\n collections.unfollowCollection(resp);\n } else {\n collections.followCollection(resp);\n }\n }}\n >\n {collections.isFollowingCollection(resp)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const CollectionChip = (props: { collection: Collection }) => {\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const { collection } = props;\n return (\n <Tooltip\n arrow\n title={<CollectionTooltip collectionId={collection.id} />}\n enterDelay={400}\n >\n <Chip\n label={collection.title}\n size=\"small\"\n className=\"qetaCollectionChip\"\n component=\"a\"\n onClick={() => {\n navigate(collectionRoute({ id: collection.id.toString(10) }));\n }}\n clickable\n />\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ const EntityTooltip = (props) => {
|
|
|
38
38
|
if (!resp) {
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
41
|
-
return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.
|
|
41
|
+
return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, Icon ? /* @__PURE__ */ React__default.createElement(Icon, { fontSize: "small" }) : null, " ", primaryTitle), /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, secondaryTitle)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("common.posts", { count: resp.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: resp.followerCount }))), !entitiesFollow.loading && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
|
|
42
42
|
Button,
|
|
43
43
|
{
|
|
44
44
|
size: "small",
|