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

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

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

Files changed (161) hide show

package/dist/components/Tooltips/EntityTooltip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityTooltip.esm.js","sources":["../../../src/components/Tooltips/EntityTooltip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: EntityResponse; timestamp: number }> =\n new Map();\nconst requestCache: Map<\n string,\n Promise<EntityResponse \| undefined>\n> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst EntityTooltipContent = ({\n entity,\n interactive,\n}: {\n entity: Entity \| string;\n interactive: boolean;\n}) => {\n const entityRef =\n typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n const qetaApi = useApi(qetaApiRef);\n const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entitiesFollow = useEntityFollow();\n const [resp, setResp] = useState<undefined \| EntityResponse>();\n\n useEffect(() => {\n const cached = cache.get(entityRef);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(entityRef)) {\n requestCache.get(entityRef)?.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getEntity(entityRef).then(res => {\n if (res) {\n cache.set(entityRef, { data: res, timestamp: Date.now() });\n }\n return res \|\| undefined;\n });\n\n requestCache.set(entityRef, promise);\n promise.then(res => {\n if (res) setResp(res);\n requestCache.delete(entityRef);\n });\n }, [qetaApi, entityRef]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={150} height={24} />\n <Skeleton variant=\"text\" width={100} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={60}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n {Icon ? (\n <Box marginRight={1} display=\"flex\" alignItems=\"center\">\n <Icon fontSize=\"small\" />\n </Box>\n ) : null}\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {primaryTitle}\n </Typography>\n </Box>\n <Typography variant=\"subtitle2\" color=\"textSecondary\">\n {secondaryTitle}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.questionsCount} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.articlesCount} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {interactive && !entitiesFollow.loading && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n entitiesFollow.isFollowingEntity(entityRef)\n ? 'secondary'\n : 'primary'\n }\n fullWidth\n onClick={() => {\n if (entitiesFollow.isFollowingEntity(entityRef)) {\n entitiesFollow.unfollowEntity(entityRef);\n } else {\n entitiesFollow.followEntity(entityRef);\n }\n }}\n startIcon={\n entitiesFollow.isFollowingEntity(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {entitiesFollow.isFollowingEntity(entityRef)\n ? t('entityButton.unfollow')\n : t('entityButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const EntityTooltip = (\n props: {\n entity: Entity \| string;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n entity,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<EntityTooltipContent entity={entity} interactive={interactive} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"EntityTooltip.esm.js","sources":["../../../src/components/Tooltips/EntityTooltip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: EntityResponse; timestamp: number }> =\n new Map();\nconst requestCache: Map<\n string,\n Promise<EntityResponse \| undefined>\n> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst EntityTooltipContent = ({\n entity,\n interactive,\n}: {\n entity: Entity \| string;\n interactive: boolean;\n}) => {\n const entityRef =\n typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n const qetaApi = useApi(qetaApiRef);\n const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entitiesFollow = useEntityFollow();\n const [resp, setResp] = useState<undefined \| EntityResponse>();\n\n useEffect(() => {\n const cached = cache.get(entityRef);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(entityRef)) {\n requestCache.get(entityRef)?.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getEntity(entityRef).then(res => {\n if (res) {\n cache.set(entityRef, { data: res, timestamp: Date.now() });\n }\n return res \|\| undefined;\n });\n\n requestCache.set(entityRef, promise);\n promise.then(res => {\n if (res) setResp(res);\n requestCache.delete(entityRef);\n });\n }, [qetaApi, entityRef]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={150} height={24} />\n <Skeleton variant=\"text\" width={100} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={60}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n {Icon ? (\n <Box marginRight={1} display=\"flex\" alignItems=\"center\">\n <Icon fontSize=\"small\" />\n </Box>\n ) : null}\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {primaryTitle}\n </Typography>\n </Box>\n <Typography variant=\"subtitle2\" color=\"textSecondary\">\n {secondaryTitle}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.questionsCount} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.articlesCount} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {interactive && !entitiesFollow.loading && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n entitiesFollow.isFollowingEntity(entityRef)\n ? 'secondary'\n : 'primary'\n }\n fullWidth\n onClick={() => {\n if (entitiesFollow.isFollowingEntity(entityRef)) {\n entitiesFollow.unfollowEntity(entityRef);\n } else {\n entitiesFollow.followEntity(entityRef);\n }\n }}\n startIcon={\n entitiesFollow.isFollowingEntity(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {entitiesFollow.isFollowingEntity(entityRef)\n ? t('entityButton.unfollow')\n : t('entityButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const EntityTooltip = (\n props: {\n entity: Entity \| string;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n entity,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<EntityTooltipContent entity={entity} interactive={interactive} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Tooltips/PostTooltip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostTooltip.esm.js","sources":["../../../src/components/Tooltips/PostTooltip.tsx"],"sourcesContent":["import {\n Avatar,\n Box,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport {\n Post,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useUserInfo } from '../../hooks';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';\nimport VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: Post; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<Post \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst PostTooltipContent = ({\n post: propsPost,\n id,\n}: {\n post?: Post;\n id?: string \| number;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const qetaApi = useApi(qetaApiRef);\n const [post, setPost] = useState<Post \| undefined>(propsPost);\n\n useEffect(() => {\n if (propsPost) {\n setPost(propsPost);\n return;\n }\n\n if (id) {\n const cached = cache.get(id.toString());\n if (cached && Date.now() - cached.timestamp < TTL) {\n setPost(cached.data);\n return;\n }\n\n const strId = id.toString();\n if (requestCache.has(strId)) {\n requestCache.get(strId)!.then(res => {\n if (res) setPost(res);\n });\n return;\n }\n\n const promise = qetaApi.getPost(id).then(res => {\n if (res) {\n cache.set(strId, { data: res, timestamp: Date.now() });\n return res;\n }\n return undefined;\n });\n\n requestCache.set(strId, promise);\n promise.then(res => {\n if (res) setPost(res);\n requestCache.delete(strId);\n });\n }\n }, [propsPost, id, qetaApi]);\n\n const { name, initials, user } = useUserInfo(\n post?.author ?? '',\n post?.anonymous ?? false,\n );\n\n if (!post) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={200} height={24} />\n <Skeleton\n variant=\"circle\"\n width={20}\n height={20}\n style={{ display: 'inline-block', marginRight: 8 }}\n />\n <Skeleton\n variant=\"text\"\n width={100}\n height={20}\n style={{ display: 'inline-block' }}\n />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={80}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Typography\n variant=\"subtitle1\"\n style={{\n fontWeight: 600,\n marginBottom: '0.5em',\n }}\n >\n {post.title}\n </Typography>\n </Grid>\n\n <Grid item xs={12}>\n <Box\n style={{\n display: 'flex',\n alignItems: 'center',\n marginBottom: '0.5em',\n }}\n >\n <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n style={{ width: '20px', height: '20px' }}\n >\n {initials}\n </Avatar>\n </Box>\n <Typography variant=\"body2\" style={{ marginRight: '0.5em' }}>\n {name}\n </Typography>\n <Typography\n variant=\"caption\"\n color=\"textSecondary\"\n style={{ marginTop: '0.2em' }}\n >\n <RelativeTimeWithTooltip value={post.created} />\n </Typography>\n </Box>\n </Grid>\n\n {post.tags && post.tags.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {post.tags.map(tag => `#${tag}`).join(' ')}\n </Typography>\n </Grid>\n )}\n\n {post.content && (\n <Grid item xs={12}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {truncate(removeMarkdownFormatting(post.content), 150)}\n </Typography>\n </Grid>\n )}\n\n <Grid item xs={12}>\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexWrap=\"wrap\"\n style={{ gap: '0.5em' }}\n >\n <Box display=\"flex\" alignItems=\"center\">\n <ThumbUpOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.score} {t('common.votes', {})}\n </Typography>\n </Box>\n\n <Box display=\"flex\" alignItems=\"center\">\n <VisibilityOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.views} {t('common.views', {})}\n </Typography>\n </Box>\n\n {post.type === 'question' && (\n <Box display=\"flex\" alignItems=\"center\">\n <QuestionAnswerOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.answersCount} {t('common.answers', {})}\n </Typography>\n </Box>\n )}\n\n <Box display=\"flex\" alignItems=\"center\">\n <ChatBubbleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.commentsCount} {t('common.comments', {})}\n </Typography>\n </Box>\n\n {post.correctAnswer && (\n <Box display=\"flex\" alignItems=\"center\" color=\"success.main\">\n <CheckCircleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('questionPage.correctAnswer', {})}\n </Typography>\n </Box>\n )}\n </Box>\n </Grid>\n </Grid>\n );\n};\n\nexport const PostTooltip = (\n props: {\n post?: Post;\n id?: string \| number;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n post: propsPost,\n id,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<PostTooltipContent post={propsPost} id={id} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,KAAA,uBAA4D,GAAI,EAAA;AACtE,MAAM,YAAA,uBAA2D,GAAI,EAAA;AACrE,MAAM,GAAA,GAAM,IAAI,EAAK,GAAA,GAAA;AAErB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,IAAM,EAAA,SAAA;AAAA,EACN;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA2B,SAAS,CAAA;AAE5D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,OAAA,CAAQ,SAAS,CAAA;AACjB,MAAA;AAAA;AAGF,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,MAAM,MAAS,GAAA,KAAA,CAAM,GAAI,CAAA,EAAA,CAAG,UAAU,CAAA;AACtC,MAAA,IAAI,UAAU,IAAK,CAAA,GAAA,EAAQ,GAAA,MAAA,CAAO,YAAY,GAAK,EAAA;AACjD,QAAA,OAAA,CAAQ,OAAO,IAAI,CAAA;AACnB,QAAA;AAAA;AAGF,MAAM,MAAA,KAAA,GAAQ,GAAG,QAAS,EAAA;AAC1B,MAAI,IAAA,YAAA,CAAa,GAAI,CAAA,KAAK,CAAG,EAAA;AAC3B,QAAA,YAAA,CAAa,GAAI,CAAA,KAAK,CAAG,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACnC,UAAI,IAAA,GAAA,UAAa,GAAG,CAAA;AAAA,SACrB,CAAA;AACD,QAAA;AAAA;AAGF,MAAA,MAAM,UAAU,OAAQ,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,KAAK,CAAO,GAAA,KAAA;AAC9C,QAAA,IAAI,GAAK,EAAA;AACP,UAAM,KAAA,CAAA,GAAA,CAAI,OAAO,EAAE,IAAA,EAAM,KAAK,SAAW,EAAA,IAAA,CAAK,GAAI,EAAA,EAAG,CAAA;AACrD,UAAO,OAAA,GAAA;AAAA;AAET,QAAO,OAAA,KAAA,CAAA;AAAA,OACR,CAAA;AAED,MAAa,YAAA,CAAA,GAAA,CAAI,OAAO,OAAO,CAAA;AAC/B,MAAA,OAAA,CAAQ,KAAK,CAAO,GAAA,KAAA;AAClB,QAAI,IAAA,GAAA,UAAa,GAAG,CAAA;AACpB,QAAA,YAAA,CAAa,OAAO,KAAK,CAAA;AAAA,OAC1B,CAAA;AAAA;AACH,GACC,EAAA,CAAC,SAAW,EAAA,EAAA,EAAI,OAAO,CAAC,CAAA;AAE3B,EAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,IAAA,EAAS,GAAA,WAAA;AAAA,IAC/B,MAAM,MAAU,IAAA,EAAA;AAAA,IAChB,MAAM,SAAa,IAAA;AAAA,GACrB;AAEA,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA,2BACG,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,KAAO,EAAA,EAAE,SAAS,OAAS,EAAA,QAAA,EAAU,GAAI,EAAA,EAAG,SAAS,CACnE,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,MAAA,EAAO,KAAO,EAAA,GAAA,EAAK,QAAQ,EAAI,EAAA,CAAA;AAAA,sBACjD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,QAAA;AAAA,UACR,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,KAAO,EAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,aAAa,CAAE;AAAA;AAAA,OACnD;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,KAAO,EAAA,GAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,KAAA,EAAO,EAAE,OAAA,EAAS,cAAe;AAAA;AAAA,OACnC;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,KAAO,EAAA,GAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,KAAA,EAAO,EAAE,SAAA,EAAW,CAAE;AAAA;AAAA;AACxB,KAAA,EACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,QAAU,EAAA,GAAA,EAAO,EAAA,OAAA,EAAS,CACnE,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,KAAO,EAAA;AAAA,UACL,UAAY,EAAA,GAAA;AAAA,UACZ,YAAc,EAAA;AAAA,SAChB;AAAA,QAEC,QAAK,EAAA,IAAA,CAAA;AAAA;AAAA,KAEV,EAAA,CAAA;AAAA,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,YAAc,EAAA;AAAA,SAChB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAI,KAAO,EAAA,EAAE,SAAS,cAAgB,EAAA,WAAA,EAAa,SAClD,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,cAC1B,GAAK,EAAA,IAAA;AAAA,cACL,OAAQ,EAAA,SAAA;AAAA,cACR,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,cAEtC,QAAA,EAAA;AAAA;AAAA,WAEL,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,OAAO,EAAE,WAAA,EAAa,OAAQ,EAAA,EACvD,QACH,EAAA,IAAA,EAAA,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,SAAA;AAAA,cACR,KAAM,EAAA,eAAA;AAAA,cACN,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,cAE5B,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,IAAA,CAAK,OAAS,EAAA;AAAA;AAAA;AAChD;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IAEC,IAAK,CAAA,IAAA,IAAQ,IAAK,CAAA,IAAA,CAAK,MAAS,GAAA,CAAA,oBAC9B,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAM,EAAA,eAAA,EACjC,QAAK,EAAA,IAAA,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,KAAO,CAAI,CAAA,EAAA,GAAG,CAAE,CAAA,CAAA,CAAE,IAAK,CAAA,GAAG,GAC3C,CACF,EAAA,CAAA;AAAA,IAGD,IAAA,CAAK,2BACH,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,KAAA,EAAM,iBAC/B,QAAS,EAAA,QAAA,CAAA,wBAAA,CAAyB,KAAK,OAAO,CAAA,EAAG,GAAG,CAAA,EACvD,CACF,EAAA,CAAA;AAAA,oBAGD,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,UAAW,EAAA,QAAA;AAAA,QACX,QAAS,EAAA,MAAA;AAAA,QACT,KAAA,EAAO,EAAE,GAAA,EAAK,OAAQ,EAAA;AAAA,QAEtB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,UAAA,EAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,KAAO,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,QAAS;AAAA;AAAA,aACvD;AAAA,4BACA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,KAAA;AAAA,cAAM,GAAA;AAAA,cAAE,CAAA,CAAE,cAAgB,EAAA,EAAE;AAAA,aACpC,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BAEC,IAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,KAAO,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,QAAS;AAAA;AAAA,aACvD;AAAA,4BACA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,KAAA;AAAA,cAAM,GAAA;AAAA,cAAE,CAAA,CAAE,cAAgB,EAAA,EAAE;AAAA,aACpC,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,UAEC,IAAA,CAAK,SAAS,UACb,oBAAA,IAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,sBAAA;AAAA,cAAA;AAAA,gBACC,KAAO,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,QAAS;AAAA;AAAA,aACvD;AAAA,4BACA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,YAAA;AAAA,cAAa,GAAA;AAAA,cAAE,CAAA,CAAE,gBAAkB,EAAA,EAAE;AAAA,aAC7C,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,0BAGD,IAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAC7B,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,iBAAA;AAAA,cAAA;AAAA,gBACC,KAAO,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,QAAS;AAAA;AAAA,aACvD;AAAA,4BACA,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,cAAK,IAAA,CAAA,aAAA;AAAA,cAAc,GAAA;AAAA,cAAE,CAAA,CAAE,iBAAmB,EAAA,EAAE;AAAA,aAC/C,EAAA;AAAA,WACF,EAAA,CAAA;AAAA,UAEC,IAAA,CAAK,iCACH,IAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,UAAA,EAAW,QAAS,EAAA,KAAA,EAAM,cAC5C,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,KAAO,EAAA,EAAE,QAAU,EAAA,UAAA,EAAY,aAAa,QAAS;AAAA;AAAA,aACvD;AAAA,4BACA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EACjB,YAAE,4BAA8B,EAAA,EAAE,CACrC,EAAA;AAAA,WACF,EAAA;AAAA;AAAA;AAAA,KAGN,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,WAAA,GAAc,CACzB,KAKG,KAAA;AACH,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,SAAA;AAAA,IACN,EAAA;AAAA,IACA,WAAc,GAAA,IAAA;AAAA,IACd,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAO,kBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,IAAA,EAAM,WAAW,EAAQ,EAAA,CAAA;AAAA,MACpD,WAAA;AAAA,MACA,KAAK,EAAA,IAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA,YAAA;AAAA,QACf,GAAG,KAAM,CAAA;AAAA,OACX;AAAA,MACA,SAAA;AAAA,MACC,GAAG,YAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}
1	+ {"version":3,"file":"PostTooltip.esm.js","sources":["../../../src/components/Tooltips/PostTooltip.tsx"],"sourcesContent":["import {\n Avatar,\n Box,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport {\n Post,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useUserInfo } from '../../hooks';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';\nimport VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: Post; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<Post \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst PostTooltipContent = ({\n post: propsPost,\n id,\n}: {\n post?: Post;\n id?: string \| number;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const qetaApi = useApi(qetaApiRef);\n const [post, setPost] = useState<Post \| undefined>(propsPost);\n\n useEffect(() => {\n if (propsPost) {\n setPost(propsPost);\n return;\n }\n\n if (id) {\n const cached = cache.get(id.toString());\n if (cached && Date.now() - cached.timestamp < TTL) {\n setPost(cached.data);\n return;\n }\n\n const strId = id.toString();\n if (requestCache.has(strId)) {\n requestCache.get(strId)!.then(res => {\n if (res) setPost(res);\n });\n return;\n }\n\n const promise = qetaApi.getPost(id).then(res => {\n if (res) {\n cache.set(strId, { data: res, timestamp: Date.now() });\n return res;\n }\n return undefined;\n });\n\n requestCache.set(strId, promise);\n promise.then(res => {\n if (res) setPost(res);\n requestCache.delete(strId);\n });\n }\n }, [propsPost, id, qetaApi]);\n\n const { name, initials, user } = useUserInfo(\n post?.author ?? '',\n post?.anonymous ?? false,\n );\n\n if (!post) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={200} height={24} />\n <Skeleton\n variant=\"circle\"\n width={20}\n height={20}\n style={{ display: 'inline-block', marginRight: 8 }}\n />\n <Skeleton\n variant=\"text\"\n width={100}\n height={20}\n style={{ display: 'inline-block' }}\n />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={80}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Typography\n variant=\"subtitle1\"\n style={{\n fontWeight: 600,\n marginBottom: '0.5em',\n }}\n >\n {post.title}\n </Typography>\n </Grid>\n\n <Grid item xs={12}>\n <Box\n style={{\n display: 'flex',\n alignItems: 'center',\n marginBottom: '0.5em',\n }}\n >\n <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n style={{ width: '20px', height: '20px' }}\n >\n {initials}\n </Avatar>\n </Box>\n <Typography variant=\"body2\" style={{ marginRight: '0.5em' }}>\n {name}\n </Typography>\n <Typography\n variant=\"caption\"\n color=\"textSecondary\"\n style={{ marginTop: '0.2em' }}\n >\n <RelativeTimeWithTooltip value={post.created} />\n </Typography>\n </Box>\n </Grid>\n\n {post.tags && post.tags.length > 0 && (\n <Grid item xs={12}>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {post.tags.map(tag => `#${tag}`).join(' ')}\n </Typography>\n </Grid>\n )}\n\n {post.content && (\n <Grid item xs={12}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {truncate(removeMarkdownFormatting(post.content), 150)}\n </Typography>\n </Grid>\n )}\n\n <Grid item xs={12}>\n <Box\n display=\"flex\"\n alignItems=\"center\"\n flexWrap=\"wrap\"\n style={{ gap: '0.5em' }}\n >\n <Box display=\"flex\" alignItems=\"center\">\n <ThumbUpOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.score} {t('common.votes', {})}\n </Typography>\n </Box>\n\n <Box display=\"flex\" alignItems=\"center\">\n <VisibilityOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.views} {t('common.views', {})}\n </Typography>\n </Box>\n\n {post.type === 'question' && (\n <Box display=\"flex\" alignItems=\"center\">\n <QuestionAnswerOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.answersCount} {t('common.answers', {})}\n </Typography>\n </Box>\n )}\n\n <Box display=\"flex\" alignItems=\"center\">\n <ChatBubbleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {post.commentsCount} {t('common.comments', {})}\n </Typography>\n </Box>\n\n {post.correctAnswer && (\n <Box display=\"flex\" alignItems=\"center\" color=\"success.main\">\n <CheckCircleOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('questionPage.correctAnswer', {})}\n </Typography>\n </Box>\n )}\n </Box>\n </Grid>\n </Grid>\n );\n};\n\nexport const PostTooltip = (\n props: {\n post?: Post;\n id?: string \| number;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n post: propsPost,\n id,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<PostTooltipContent post={propsPost} id={id} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Tooltips/TagTooltip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagTooltip.esm.js","sources":["../../../src/components/Tooltips/TagTooltip.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: TagResponse; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<TagResponse \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000; // 5 minutes\n\nconst TagTooltipContent = ({\n tag,\n interactive,\n}: {\n tag: string;\n interactive: boolean;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const tags = useTagsFollow();\n const [resp, setResp] = useState<undefined \| TagResponse>();\n\n useEffect(() => {\n const cached = cache.get(tag);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(tag)) {\n requestCache.get(tag)!.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getTag(tag).then(res => {\n if (res) {\n cache.set(tag, { data: res, timestamp: Date.now() });\n } else {\n const notFound: TagResponse = {\n id: 0,\n tag,\n postsCount: 0,\n questionsCount: 0,\n articlesCount: 0,\n linksCount: 0,\n followerCount: 0,\n description: t('tagChip.nonExistingTag'),\n };\n cache.set(tag, { data: notFound, timestamp: Date.now() });\n return notFound;\n }\n return res;\n });\n\n requestCache.set(tag, promise);\n promise.then(res => {\n setResp(res);\n requestCache.delete(tag);\n });\n }, [qetaApi, tag, t]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={100} height={24} />\n <Skeleton variant=\"text\" width={200} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={100}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <LoyaltyOutlined fontSize=\"small\" style={{ marginRight: '5px' }} />\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {tag}\n </Typography>\n </Box>\n </Grid>\n {resp.id > 0 && (\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.questionsCount} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.articlesCount} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n )}\n {resp.description && (\n <Grid item xs={12}>\n <MarkdownRenderer content={resp.description} />\n </Grid>\n )}\n {interactive && !tags.loading && resp.id !== 0 && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n fullWidth\n onClick={() => {\n if (tags.isFollowingTag(tag)) {\n tags.unfollowTag(tag);\n } else {\n tags.followTag(tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n }\n >\n {tags.isFollowingTag(tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const TagTooltip = (\n props: { tag: string; interactive?: boolean } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n tag,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<TagTooltipContent tag={tag} interactive={interactive} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TagTooltip.esm.js","sources":["../../../src/components/Tooltips/TagTooltip.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: TagResponse; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<TagResponse \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000; // 5 minutes\n\nconst TagTooltipContent = ({\n tag,\n interactive,\n}: {\n tag: string;\n interactive: boolean;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const tags = useTagsFollow();\n const [resp, setResp] = useState<undefined \| TagResponse>();\n\n useEffect(() => {\n const cached = cache.get(tag);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(tag)) {\n requestCache.get(tag)!.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getTag(tag).then(res => {\n if (res) {\n cache.set(tag, { data: res, timestamp: Date.now() });\n } else {\n const notFound: TagResponse = {\n id: 0,\n tag,\n postsCount: 0,\n questionsCount: 0,\n articlesCount: 0,\n linksCount: 0,\n followerCount: 0,\n description: t('tagChip.nonExistingTag'),\n };\n cache.set(tag, { data: notFound, timestamp: Date.now() });\n return notFound;\n }\n return res;\n });\n\n requestCache.set(tag, promise);\n promise.then(res => {\n setResp(res);\n requestCache.delete(tag);\n });\n }, [qetaApi, tag, t]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={100} height={24} />\n <Skeleton variant=\"text\" width={200} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={100}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <LoyaltyOutlined fontSize=\"small\" style={{ marginRight: '5px' }} />\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {tag}\n </Typography>\n </Box>\n </Grid>\n {resp.id > 0 && (\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.questionsCount} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.articlesCount} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n )}\n {resp.description && (\n <Grid item xs={12}>\n <MarkdownRenderer content={resp.description} />\n </Grid>\n )}\n {interactive && !tags.loading && resp.id !== 0 && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n fullWidth\n onClick={() => {\n if (tags.isFollowingTag(tag)) {\n tags.unfollowTag(tag);\n } else {\n tags.followTag(tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n }\n >\n {tags.isFollowingTag(tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const TagTooltip = (\n props: { tag: string; interactive?: boolean } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n tag,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<TagTooltipContent tag={tag} interactive={interactive} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Tooltips/UserTooltip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserTooltip.esm.js","sources":["../../../src/components/Tooltips/UserTooltip.tsx"],"sourcesContent":["import { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport {\n Avatar,\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport Stars from '@material-ui/icons/Stars';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useEffect, useState } from 'react';\nimport { UserStat } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: UserStat; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<UserStat \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst UserTooltipContent = ({\n entityRef,\n anonymous,\n interactive,\n}: {\n entityRef: string;\n anonymous?: boolean;\n interactive: boolean;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const qetaApi = useApi(qetaApiRef);\n\n const { name, initials, user, secondaryTitle } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n const [stats, setStats] = useState<UserStat \| undefined>();\n\n useEffect(() => {\n const cached = cache.get(entityRef);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setStats(cached.data);\n return;\n }\n\n if (requestCache.has(entityRef)) {\n requestCache.get(entityRef)!.then(res => {\n if (res) setStats(res);\n });\n return;\n }\n\n const promise = qetaApi.getUserStats(entityRef).then(res => {\n if (res && res.summary) {\n cache.set(entityRef, { data: res.summary, timestamp: Date.now() });\n return res.summary;\n }\n return undefined;\n });\n\n requestCache.set(entityRef, promise);\n promise.then(res => {\n if (res) setStats(res);\n requestCache.delete(entityRef);\n });\n }, [qetaApi, entityRef]);\n\n const { value: currentUser } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n const users = useUserFollow();\n\n if (!stats) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n <Skeleton variant=\"circle\" width={40} height={40} />\n </Box>\n <Box style={{ overflow: 'hidden', flex: 1 }}>\n <Skeleton variant=\"text\" width={100} height={24} />\n <Skeleton variant=\"text\" width={150} height={20} />\n </Box>\n </Box>\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n style={{ width: '48px', height: '48px' }}\n >\n {initials}\n </Avatar>\n </Box>\n <Box style={{ overflow: 'hidden' }}>\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {name}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {secondaryTitle}\n </Typography>\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '0.5em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalQuestions} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <QuestionAnswerOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalAnswers} {t('common.answers', {})}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalArticles} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <Stars\n style={{\n fontSize: '0.875rem',\n marginRight: '0.25em',\n color: '#ffc107',\n }}\n />\n <Typography variant=\"caption\">\n {stats.reputation} {t('impactCard.reputation')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <Visibility\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalViews} {t('common.views')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <CheckCircleOutline\n style={{\n fontSize: '0.875rem',\n marginRight: '0.25em',\n color: '#4caf50',\n }}\n />\n <Typography variant=\"caption\">\n {stats.correctAnswers} {t('impactCard.correctAnswers')}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {interactive &&\n !users.loading &&\n currentUser?.userEntityRef !== entityRef && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n fullWidth\n onClick={() => {\n if (users.isFollowingUser(entityRef)) {\n users.unfollowUser(entityRef);\n } else {\n users.followUser(entityRef);\n }\n }}\n startIcon={\n users.isFollowingUser(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {users.isFollowingUser(entityRef)\n ? t('userButton.unfollow')\n : t('userButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const UserTooltip = (\n props: {\n entityRef: string;\n anonymous?: boolean;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n entityRef,\n anonymous,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={\n <UserTooltipContent\n entityRef={entityRef}\n anonymous={anonymous}\n interactive={interactive}\n />\n }\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"UserTooltip.esm.js","sources":["../../../src/components/Tooltips/UserTooltip.tsx"],"sourcesContent":["import { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport {\n Avatar,\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport Stars from '@material-ui/icons/Stars';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useEffect, useState } from 'react';\nimport { UserStat } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: UserStat; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<UserStat \| undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst UserTooltipContent = ({\n entityRef,\n anonymous,\n interactive,\n}: {\n entityRef: string;\n anonymous?: boolean;\n interactive: boolean;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const qetaApi = useApi(qetaApiRef);\n\n const { name, initials, user, secondaryTitle } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n const [stats, setStats] = useState<UserStat \| undefined>();\n\n useEffect(() => {\n const cached = cache.get(entityRef);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setStats(cached.data);\n return;\n }\n\n if (requestCache.has(entityRef)) {\n requestCache.get(entityRef)!.then(res => {\n if (res) setStats(res);\n });\n return;\n }\n\n const promise = qetaApi.getUserStats(entityRef).then(res => {\n if (res && res.summary) {\n cache.set(entityRef, { data: res.summary, timestamp: Date.now() });\n return res.summary;\n }\n return undefined;\n });\n\n requestCache.set(entityRef, promise);\n promise.then(res => {\n if (res) setStats(res);\n requestCache.delete(entityRef);\n });\n }, [qetaApi, entityRef]);\n\n const { value: currentUser } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n const users = useUserFollow();\n\n if (!stats) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n <Skeleton variant=\"circle\" width={40} height={40} />\n </Box>\n <Box style={{ overflow: 'hidden', flex: 1 }}>\n <Skeleton variant=\"text\" width={100} height={24} />\n <Skeleton variant=\"text\" width={150} height={20} />\n </Box>\n </Box>\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n <Avatar\n src={user?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n style={{ width: '48px', height: '48px' }}\n >\n {initials}\n </Avatar>\n </Box>\n <Box style={{ overflow: 'hidden' }}>\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {name}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {secondaryTitle}\n </Typography>\n </Box>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '0.5em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalQuestions} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <QuestionAnswerOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalAnswers} {t('common.answers', {})}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalArticles} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <Stars\n style={{\n fontSize: '0.875rem',\n marginRight: '0.25em',\n color: '#ffc107',\n }}\n />\n <Typography variant=\"caption\">\n {stats.reputation} {t('impactCard.reputation')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <Visibility\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {stats.totalViews} {t('common.views')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <CheckCircleOutline\n style={{\n fontSize: '0.875rem',\n marginRight: '0.25em',\n color: '#4caf50',\n }}\n />\n <Typography variant=\"caption\">\n {stats.correctAnswers} {t('impactCard.correctAnswers')}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {interactive &&\n !users.loading &&\n currentUser?.userEntityRef !== entityRef && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n fullWidth\n onClick={() => {\n if (users.isFollowingUser(entityRef)) {\n users.unfollowUser(entityRef);\n } else {\n users.followUser(entityRef);\n }\n }}\n startIcon={\n users.isFollowingUser(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {users.isFollowingUser(entityRef)\n ? t('userButton.unfollow')\n : t('userButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const UserTooltip = (\n props: {\n entityRef: string;\n anonymous?: boolean;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n entityRef,\n anonymous,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={\n <UserTooltipContent\n entityRef={entityRef}\n anonymous={anonymous}\n interactive={interactive}\n />\n }\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/TopRankingUsersCard/TopRankingUsersCard.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport {\n CardTab,\n Progress,\n TabbedCard,\n WarningPanel,\n} from '@backstage/core-components';\nimport {\n Avatar,\n Box,\n List,\n ListItem,\n ListItemAvatar,\n ListItemText,\n makeStyles,\n Paper,\n Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { TrophyIcon } from './TrophyIcon';\nimport { UserLink } from '../Links';\nimport { useQetaApi } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => {\n return {\n root: {\n '& .MuiTabbedCard-root': {\n borderRadius: '12px',\n boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',\n },\n '& .MuiCardHeader-root': {\n padding: theme.spacing(2, 3),\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n '& .MuiTabs-root': {\n backgroundColor: theme.palette.background.paper,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n trophyIcon: {\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n borderRadius: '50%',\n boxSizing: 'border-box',\n padding: '0.5rem',\n height: 48,\n width: 48,\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n transition: 'transform 0.2s ease-in-out',\n '&:hover': {\n transform: 'scale(1.05)',\n },\n },\n votesText: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: '16px',\n backgroundColor: theme.palette.background.paper,\n padding: theme.spacing(0.5, 2),\n borderRadius: '20px',\n boxShadow: '0 2px 4px rgba(0, 0, 0, 0.05)',\n },\n rankingCard: {\n padding: theme.spacing(2),\n },\n rankingCardDescription: {\n color: theme.palette.text.secondary,\n marginBottom: theme.spacing(2),\n },\n rankingCardList: {\n '& .MuiListItem-root': {\n marginBottom: theme.spacing(1),\n borderRadius: '8px',\n transition: 'background-color 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n },\n rankingRow: {\n display: 'flex',\n alignItems: 'center',\n padding: theme.spacing(1.5, 2),\n },\n userInfo: {\n display: 'flex',\n alignItems: 'center',\n flex: 1,\n },\n position: {\n fontWeight: 800,\n marginRight: theme.spacing(2),\n color: theme.palette.text.secondary,\n minWidth: '30px',\n textAlign: 'right',\n },\n topPosition: {\n color: theme.palette.primary.main,\n fontSize: '1.1rem',\n },\n divider: {\n margin: theme.spacing(2, 0),\n opacity: 0.5,\n border: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n };\n});\n\ntype RankingIcon = {\n iconsByRanking: Map<number, ReactNode>;\n userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n [\n 1,\n <TrophyIcon\n style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n />,\n ],\n [\n 2,\n <TrophyIcon\n style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n />,\n ],\n [\n 3,\n <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n ],\n]);\n\nconst DefaultUserIcon = (\n <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n if (n % 10 === 1 && n % 100 !== 11) {\n return `${n}st`;\n } else if (n % 10 === 2 && n % 100 !== 12) {\n return `${n}nd`;\n } else if (n % 10 === 3 && n % 100 !== 13) {\n return `${n}rd`;\n }\n\n return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n userRef?: string;\n total: number;\n position: number;\n rankingIcon?: RankingIcon;\n unit: string;\n}) => {\n const classes = useStyles();\n const userRef = props.userRef;\n\n const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n const userIcon = props.rankingIcon?.userRankingIcon\n ? props.rankingIcon?.userRankingIcon\n : DefaultUserIcon;\n\n const topRankingIcon = props.rankingIcon\n ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n : DefaultRankingIcons.get(Number(props?.position)) \|\| DefaultUserIcon;\n\n const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n return (\n <ListItem className={classes.rankingRow}>\n <ListItemAvatar>\n <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n </ListItemAvatar>\n\n <ListItemText\n disableTypography\n className={classes.userInfo}\n primary={\n <Box display=\"flex\" alignItems=\"center\">\n <Typography\n className={`${classes.position} ${\n props.position <= 3 ? classes.topPosition : ''\n }`}\n variant=\"subtitle1\"\n >\n {ordinalPosition}\n </Typography>\n <UserLink entityRef={userRef ?? ''} />\n </Box>\n }\n />\n\n <div className={classes.votesText}>\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {props?.total} {props.unit}\n </Typography>\n </div>\n </ListItem>\n );\n};\n\nexport const RankingCard = (props: {\n limit?: number;\n description: string;\n statistic?: StatisticResponse;\n unit: string;\n}) => {\n const classes = useStyles();\n const rankingStats = props.limit\n ? props.statistic?.ranking.slice(0, props.limit)\n : props.statistic?.ranking;\n\n return (\n <Paper elevation={0} className={classes.rankingCard}>\n <Typography className={classes.rankingCardDescription}>\n {props.description}\n </Typography>\n <List className={classes.rankingCardList}>\n {rankingStats?.map(authorStats => (\n <RankingRow\n total={authorStats.total \|\| 0}\n position={authorStats.position \|\| 0}\n userRef={authorStats.author}\n unit={props.unit}\n key={authorStats.author}\n />\n ))}\n {!rankingStats?.some(\n authorStats =>\n authorStats.author === props.statistic?.loggedUser?.author,\n ) && (\n <>\n <hr className={classes.divider} />\n <RankingRow\n total={props.statistic?.loggedUser?.total \|\| 0}\n position={props.statistic?.loggedUser?.position \|\| 0}\n userRef={props.statistic?.loggedUser?.author}\n unit={props.unit}\n />\n </>\n )}\n </List>\n </Paper>\n );\n};\n\nexport const TopRankingUsers = (props: {\n title?: string;\n hideTitle?: boolean;\n limit?: number;\n}) => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n value: topStatistics,\n loading,\n error,\n } = useQetaApi(api =>\n api.getTopStatisticsHomepage({\n options: { limit: 50 },\n }),\n );\n\n const tabData = [\n {\n title: t('statistics.mostQuestions.title'),\n description: t('statistics.mostQuestions.description'),\n unit: 'questions',\n },\n {\n title: t('statistics.mostAnswers.title'),\n description: t('statistics.mostAnswers.description'),\n unit: 'answers',\n },\n {\n title: t('statistics.topVotedQuestions.title'),\n description: t('statistics.topVotedQuestions.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedAnswers.title'),\n description: t('statistics.topVotedAnswers.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedCorrectAnswers.title'),\n description: t('statistics.topVotedCorrectAnswers.description'),\n unit: 'votes',\n },\n ];\n\n if ((error \|\| topStatistics === undefined) && !loading) {\n return (\n <WarningPanel severity=\"error\" title={t('statistics.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n let content: ReactElement[];\n\n if (loading) {\n content = [\n <CardTab>\n <Box display=\"flex\" justifyContent=\"center\" p={3}>\n <Progress />\n </Box>\n </CardTab>,\n ];\n } else if (topStatistics && topStatistics.length > 0) {\n content = topStatistics?.map((stats, index) => {\n return (\n <CardTab label={tabData[index].title} key={tabData[index].title}>\n <RankingCard\n description={tabData[index].description}\n limit={props.limit}\n statistic={stats}\n unit={tabData[index].unit}\n />\n </CardTab>\n );\n });\n } else {\n content = [\n <CardTab>\n <Box display=\"flex\" justifyContent=\"center\" p={3}>\n {t('statistics.notAvailable')}\n </Box>\n </CardTab>,\n ];\n }\n\n return (\n <div className={classes.root}>\n <TabbedCard title={props.title \|\| t('statistics.ranking')}>\n {content}\n </TabbedCard>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/TopRankingUsersCard/TopRankingUsersCard.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport {\n CardTab,\n Progress,\n TabbedCard,\n WarningPanel,\n} from '@backstage/core-components';\nimport {\n Avatar,\n Box,\n List,\n ListItem,\n ListItemAvatar,\n ListItemText,\n makeStyles,\n Paper,\n Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { TrophyIcon } from './TrophyIcon';\nimport { UserLink } from '../Links';\nimport { useQetaApi } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => {\n return {\n root: {\n '& .MuiTabbedCard-root': {\n borderRadius: '12px',\n boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',\n },\n '& .MuiCardHeader-root': {\n padding: theme.spacing(2, 3),\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n '& .MuiTabs-root': {\n backgroundColor: theme.palette.background.paper,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n },\n trophyIcon: {\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n borderRadius: '50%',\n boxSizing: 'border-box',\n padding: '0.5rem',\n height: 48,\n width: 48,\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',\n transition: 'transform 0.2s ease-in-out',\n '&:hover': {\n transform: 'scale(1.05)',\n },\n },\n votesText: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: '16px',\n backgroundColor: theme.palette.background.paper,\n padding: theme.spacing(0.5, 2),\n borderRadius: '20px',\n boxShadow: '0 2px 4px rgba(0, 0, 0, 0.05)',\n },\n rankingCard: {\n padding: theme.spacing(2),\n },\n rankingCardDescription: {\n color: theme.palette.text.secondary,\n marginBottom: theme.spacing(2),\n },\n rankingCardList: {\n '& .MuiListItem-root': {\n marginBottom: theme.spacing(1),\n borderRadius: '8px',\n transition: 'background-color 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n },\n rankingRow: {\n display: 'flex',\n alignItems: 'center',\n padding: theme.spacing(1.5, 2),\n },\n userInfo: {\n display: 'flex',\n alignItems: 'center',\n flex: 1,\n },\n position: {\n fontWeight: 800,\n marginRight: theme.spacing(2),\n color: theme.palette.text.secondary,\n minWidth: '30px',\n textAlign: 'right',\n },\n topPosition: {\n color: theme.palette.primary.main,\n fontSize: '1.1rem',\n },\n divider: {\n margin: theme.spacing(2, 0),\n opacity: 0.5,\n border: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n };\n});\n\ntype RankingIcon = {\n iconsByRanking: Map<number, ReactNode>;\n userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n [\n 1,\n <TrophyIcon\n style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n />,\n ],\n [\n 2,\n <TrophyIcon\n style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n />,\n ],\n [\n 3,\n <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n ],\n]);\n\nconst DefaultUserIcon = (\n <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n if (n % 10 === 1 && n % 100 !== 11) {\n return `${n}st`;\n } else if (n % 10 === 2 && n % 100 !== 12) {\n return `${n}nd`;\n } else if (n % 10 === 3 && n % 100 !== 13) {\n return `${n}rd`;\n }\n\n return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n userRef?: string;\n total: number;\n position: number;\n rankingIcon?: RankingIcon;\n unit: string;\n}) => {\n const classes = useStyles();\n const userRef = props.userRef;\n\n const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n const userIcon = props.rankingIcon?.userRankingIcon\n ? props.rankingIcon?.userRankingIcon\n : DefaultUserIcon;\n\n const topRankingIcon = props.rankingIcon\n ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n : DefaultRankingIcons.get(Number(props?.position)) \|\| DefaultUserIcon;\n\n const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n return (\n <ListItem className={classes.rankingRow}>\n <ListItemAvatar>\n <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n </ListItemAvatar>\n\n <ListItemText\n disableTypography\n className={classes.userInfo}\n primary={\n <Box display=\"flex\" alignItems=\"center\">\n <Typography\n className={`${classes.position} ${\n props.position <= 3 ? classes.topPosition : ''\n }`}\n variant=\"subtitle1\"\n >\n {ordinalPosition}\n </Typography>\n <UserLink entityRef={userRef ?? ''} />\n </Box>\n }\n />\n\n <div className={classes.votesText}>\n <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n {props?.total} {props.unit}\n </Typography>\n </div>\n </ListItem>\n );\n};\n\nexport const RankingCard = (props: {\n limit?: number;\n description: string;\n statistic?: StatisticResponse;\n unit: string;\n}) => {\n const classes = useStyles();\n const rankingStats = props.limit\n ? props.statistic?.ranking.slice(0, props.limit)\n : props.statistic?.ranking;\n\n return (\n <Paper elevation={0} className={classes.rankingCard}>\n <Typography className={classes.rankingCardDescription}>\n {props.description}\n </Typography>\n <List className={classes.rankingCardList}>\n {rankingStats?.map(authorStats => (\n <RankingRow\n total={authorStats.total \|\| 0}\n position={authorStats.position \|\| 0}\n userRef={authorStats.author}\n unit={props.unit}\n key={authorStats.author}\n />\n ))}\n {!rankingStats?.some(\n authorStats =>\n authorStats.author === props.statistic?.loggedUser?.author,\n ) && (\n <>\n <hr className={classes.divider} />\n <RankingRow\n total={props.statistic?.loggedUser?.total \|\| 0}\n position={props.statistic?.loggedUser?.position \|\| 0}\n userRef={props.statistic?.loggedUser?.author}\n unit={props.unit}\n />\n </>\n )}\n </List>\n </Paper>\n );\n};\n\nexport const TopRankingUsers = (props: {\n title?: string;\n hideTitle?: boolean;\n limit?: number;\n}) => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n value: topStatistics,\n loading,\n error,\n } = useQetaApi(api =>\n api.getTopStatisticsHomepage({\n options: { limit: 50 },\n }),\n );\n\n const tabData = [\n {\n title: t('statistics.mostQuestions.title'),\n description: t('statistics.mostQuestions.description'),\n unit: 'questions',\n },\n {\n title: t('statistics.mostAnswers.title'),\n description: t('statistics.mostAnswers.description'),\n unit: 'answers',\n },\n {\n title: t('statistics.topVotedQuestions.title'),\n description: t('statistics.topVotedQuestions.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedAnswers.title'),\n description: t('statistics.topVotedAnswers.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedCorrectAnswers.title'),\n description: t('statistics.topVotedCorrectAnswers.description'),\n unit: 'votes',\n },\n ];\n\n if ((error \|\| topStatistics === undefined) && !loading) {\n return (\n <WarningPanel severity=\"error\" title={t('statistics.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n let content: ReactElement[];\n\n if (loading) {\n content = [\n <CardTab>\n <Box display=\"flex\" justifyContent=\"center\" p={3}>\n <Progress />\n </Box>\n </CardTab>,\n ];\n } else if (topStatistics && topStatistics.length > 0) {\n content = topStatistics?.map((stats, index) => {\n return (\n <CardTab label={tabData[index].title} key={tabData[index].title}>\n <RankingCard\n description={tabData[index].description}\n limit={props.limit}\n statistic={stats}\n unit={tabData[index].unit}\n />\n </CardTab>\n );\n });\n } else {\n content = [\n <CardTab>\n <Box display=\"flex\" justifyContent=\"center\" p={3}>\n {t('statistics.notAvailable')}\n </Box>\n </CardTab>,\n ];\n }\n\n return (\n <div className={classes.root}>\n <TabbedCard title={props.title \|\| t('statistics.ranking')}>\n {content}\n </TabbedCard>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TrophyIcon.esm.js","sources":["../../../src/components/TopRankingUsersCard/TrophyIcon.tsx"],"sourcesContent":["import { SvgIcon, SvgIconProps } from '@material-ui/core';\n\nexport const TrophyIcon = (props: SvgIconProps) => (\n <SvgIcon {...props} viewBox=\"0 0 24 24\">\n <path\n id=\"secondary\"\n d=\"M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z\"\n />\n <path\n id=\"primary\"\n d=\"M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z\"\n />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;~~AAEa~~,~~MAAA~~,UAAA,GAAa,CAAC,~~KACzB~~,~~qBAAA~~,IAAA,CAAC,WAAS,GAAG,KAAA,EAAO,SAAQ,~~WAC1B~~,~~EAAA~~,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,~~EAAA,~~WAAA;AAAA,MACH,~~CAAE~~,~~EAAA~~;AAAA;AAAA,GACJ;AAAA,kBACA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,~~EAAA,~~SAAA;AAAA,MACH,~~CAAE~~,~~EAAA~~;AAAA;AAAA;AACJ,~~CACF~~,~~EAAA~~;;;;"}
1	+ {"version":3,"file":"TrophyIcon.esm.js","sources":["../../../src/components/TopRankingUsersCard/TrophyIcon.tsx"],"sourcesContent":["import { SvgIcon, SvgIconProps } from '@material-ui/core';\n\nexport const TrophyIcon = (props: SvgIconProps) => (\n <SvgIcon {...props} viewBox=\"0 0 24 24\">\n <path\n id=\"secondary\"\n d=\"M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z\"\n />\n <path\n id=\"primary\"\n d=\"M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z\"\n />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAEO,MAAM,UAAA,GAAa,CAAC,KAAA,qBACzB,IAAA,CAAC,WAAS,GAAG,KAAA,EAAO,SAAQ,WAAA,EAC1B,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,WAAA;AAAA,MACH,CAAA,EAAE;AAAA;AAAA,GACJ;AAAA,kBACA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,SAAA;AAAA,MACH,CAAA,EAAE;AAAA;AAAA;AACJ,CAAA,EACF;;;;"}

package/dist/components/UsersContainer/UserListItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n Avatar,\n Box,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n content: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n marginLeft: theme.spacing(2),\n },\n title: {\n fontWeight: 600,\n },\n statsWrapper: {\n display: 'flex',\n gap: theme.spacing(3),\n marginLeft: theme.spacing(2),\n alignItems: 'center',\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n },\n statItem: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n },\n actions: {\n marginLeft: theme.spacing(2),\n },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n const { user } = props;\n const classes = useStyles();\n const listItemClasses = useListItemStyles();\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n name,\n initials,\n user: userEntity,\n secondaryTitle,\n } = useEntityAuthor(user);\n const {\n value: currentUser,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const href = `${userRoute()}/${user.userRef}`;\n\n return (\n <Link to={href} className={listItemClasses.root}>\n <Avatar\n src={userEntity?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={classes.content}>\n <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n <Typography className={classes.title} noWrap>\n {name}\n </Typography>\n </Tooltip>\n </Box>\n\n <Box className={classes.statsWrapper}>\n <Tooltip title={t('impactCard.reputation')} arrow>\n <div className={classes.statItem}>\n <EmojiEvents fontSize=\"small\" />\n <Typography variant=\"body2\">{user.reputation}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.questions')} arrow>\n <div className={classes.statItem}>\n <QuestionAnswerIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.answers')} arrow>\n <div className={classes.statItem}>\n <CheckCircleIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.articles')} arrow>\n <div className={classes.statItem}>\n <DescriptionIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalArticles}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.links')} arrow>\n <div className={classes.statItem}>\n <LinkIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalLinks}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.votes')} arrow>\n <div className={classes.statItem}>\n <ThumbUpIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalVotes}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.views')} arrow>\n <div className={classes.statItem}>\n <Visibility fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalViews}</Typography>\n </div>\n </Tooltip>\n </Box>\n\n {!loadingUser &&\n !userError &&\n currentUser?.userEntityRef !== user.userRef ? (\n <Box\n className={classes.actions}\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <UserFollowButton userRef={user.userRef} />\n </Box>\n ) : null}\n </Link>\n );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}
1	+ {"version":3,"file":"UserListItem.esm.js","sources":["../../../src/components/UsersContainer/UserListItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n Avatar,\n Box,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n content: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n marginLeft: theme.spacing(2),\n },\n title: {\n fontWeight: 600,\n },\n statsWrapper: {\n display: 'flex',\n gap: theme.spacing(3),\n marginLeft: theme.spacing(2),\n alignItems: 'center',\n [theme.breakpoints.down('sm')]: {\n display: 'none',\n },\n },\n statItem: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n },\n actions: {\n marginLeft: theme.spacing(2),\n },\n}));\n\nexport const UserListItem = (props: { user: UserResponse }) => {\n const { user } = props;\n const classes = useStyles();\n const listItemClasses = useListItemStyles();\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const {\n name,\n initials,\n user: userEntity,\n secondaryTitle,\n } = useEntityAuthor(user);\n const {\n value: currentUser,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const href = `${userRoute()}/${user.userRef}`;\n\n return (\n <Link to={href} className={listItemClasses.root}>\n <Avatar\n src={userEntity?.spec?.profile?.picture}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={classes.content}>\n <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n <Typography className={classes.title} noWrap>\n {name}\n </Typography>\n </Tooltip>\n </Box>\n\n <Box className={classes.statsWrapper}>\n <Tooltip title={t('impactCard.reputation')} arrow>\n <div className={classes.statItem}>\n <EmojiEvents fontSize=\"small\" />\n <Typography variant=\"body2\">{user.reputation}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.questions')} arrow>\n <div className={classes.statItem}>\n <QuestionAnswerIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalQuestions}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.answers')} arrow>\n <div className={classes.statItem}>\n <CheckCircleIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalAnswers}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.articles')} arrow>\n <div className={classes.statItem}>\n <DescriptionIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalArticles}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.links')} arrow>\n <div className={classes.statItem}>\n <LinkIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalLinks}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.votes')} arrow>\n <div className={classes.statItem}>\n <ThumbUpIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalVotes}</Typography>\n </div>\n </Tooltip>\n <Tooltip title={t('common.views')} arrow>\n <div className={classes.statItem}>\n <Visibility fontSize=\"small\" />\n <Typography variant=\"body2\">{user.totalViews}</Typography>\n </div>\n </Tooltip>\n </Box>\n\n {!loadingUser &&\n !userError &&\n currentUser?.userEntityRef !== user.userRef ? (\n <Box\n className={classes.actions}\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <UserFollowButton userRef={user.userRef} />\n </Box>\n ) : null}\n </Link>\n );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UsersContainer.esm.js","sources":["../../../src/components/UsersContainer/UsersContainer.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { UserListItem } from './UserListItem';\nimport { UsersGridItem } from './UsersGridItem';\nimport { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n CommonFilterPanelProps,\n UserFilters,\n} from '../FilterPanel/FilterPanel';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const UsersContainer = (props: {\n filterPanelProps?: CommonFilterPanelProps;\n defaultView?: ViewType;\n}) => {\n const { filterPanelProps, defaultView } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <QetaEntityContainer<UserResponse, UserFilters>\n prefix=\"users\"\n defaultPageSize={24}\n defaultView={defaultView}\n initialFilters={{\n order: 'desc',\n orderBy: 'totalPosts',\n searchQuery: '',\n }}\n fetch={(api, limit, offset, filters) => {\n return api\n .getUsers({\n limit,\n offset,\n searchQuery: filters.searchQuery,\n order: filters.order,\n orderBy: filters.orderBy,\n })\n .then(res => ({ items: res.users, total: res.total }));\n }}\n filterPanelProps={{\n ...filterPanelProps,\n mode: 'users',\n }}\n renderListItem={user => <UserListItem user={user} />}\n renderGridItem={user => <UsersGridItem user={user} />}\n title={total => t('usersPage.users', { count: total })}\n searchPlaceholder={t('usersPage.search.label')}\n emptyMessage={t('usersPage.users', { count: 0 })}\n getKey={user => user.userRef}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;~~AAYa~~,~~MAAA~~,cAAA,GAAiB,CAAC,KAGzB~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~gBAAkB~~,~~EAAA~~,WAAA,~~EAAgB~~,~~GAAA~~,KAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,~~MAAO~~,~~EAAA~~,OAAA;AAAA,MACP,~~eAAiB~~,~~EAAA~~,EAAA;AAAA,MACjB,WAAA;AAAA,MACA,~~cAAgB~~,~~EAAA~~;AAAA,QACd,~~KAAO~~,~~EAAA~~,MAAA;AAAA,QACP,~~OAAS~~,~~EAAA~~,YAAA;AAAA,QACT,~~WAAa~~,~~EAAA~~;AAAA,OACf;AAAA,MACA,~~KAAO~~,~~EAAA~~,CAAC,~~GAAK~~,~~EAAA~~,KAAA,EAAO,QAAQ,~~OAAY~~,~~KAAA~~;AACtC,QAAA,OAAO,IACJ,~~QAAS~~,~~CAAA~~;AAAA,UACR,KAAA;AAAA,UACA,MAAA;AAAA,UACA,aAAa,~~OAAQ~~,~~CAAA~~,WAAA;AAAA,UACrB,OAAO,~~OAAQ~~,~~CAAA~~,KAAA;AAAA,UACf,SAAS,~~OAAQ~~,~~CAAA~~;AAAA,SAClB,CACA,~~CAAA,~~IAAA,CAAK,~~CAAQ~~,GAAA,~~MAAA~~,EAAE,~~KAAO~~,~~EAAA~~,GAAA,CAAI,~~KAAO~~,~~EAAA~~,KAAA,EAAO,~~GAAI~~,~~CAAA~~,KAAA,~~EAAQ~~,~~CAAA~~,CAAA;AAAA,~~OACzD~~;AAAA,MACA,~~gBAAkB~~,~~EAAA~~;AAAA,QAChB,GAAG,gBAAA;AAAA,QACH,~~IAAM~~,~~EAAA~~;AAAA,OACR;AAAA,MACA,~~cAAgB~~,~~EAAA~~,CAAA,IAAA,~~qBAAS~~,GAAA,~~CAAA~~,YAAA,EAAA,EAAa,~~IAAY~~,~~EAAA~~,CAAA;AAAA,MAClD,~~cAAgB~~,~~EAAA~~,CAAA,IAAA,~~qBAAS~~,GAAA,~~CAAA~~,aAAA,EAAA,EAAc,~~IAAY~~,~~EAAA~~,CAAA;AAAA,MACnD,OAAO,~~CAAS~~,KAAA,~~KAAA~~,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,MACrD,iBAAA,EAAmB,EAAE,wBAAwB,CAAA;AAAA,MAC7C,cAAc,CAAE,~~CAAA,~~iBAAA,EAAmB,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,MAC/C,MAAA,EAAQ,UAAQ,~~IAAK~~,~~CAAA~~;AAAA;AAAA,GACvB;AAEJ;;;;"}
1	+ {"version":3,"file":"UsersContainer.esm.js","sources":["../../../src/components/UsersContainer/UsersContainer.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { UserListItem } from './UserListItem';\nimport { UsersGridItem } from './UsersGridItem';\nimport { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n CommonFilterPanelProps,\n UserFilters,\n} from '../FilterPanel/FilterPanel';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const UsersContainer = (props: {\n filterPanelProps?: CommonFilterPanelProps;\n defaultView?: ViewType;\n}) => {\n const { filterPanelProps, defaultView } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <QetaEntityContainer<UserResponse, UserFilters>\n prefix=\"users\"\n defaultPageSize={24}\n defaultView={defaultView}\n initialFilters={{\n order: 'desc',\n orderBy: 'totalPosts',\n searchQuery: '',\n }}\n fetch={(api, limit, offset, filters) => {\n return api\n .getUsers({\n limit,\n offset,\n searchQuery: filters.searchQuery,\n order: filters.order,\n orderBy: filters.orderBy,\n })\n .then(res => ({ items: res.users, total: res.total }));\n }}\n filterPanelProps={{\n ...filterPanelProps,\n mode: 'users',\n }}\n renderListItem={user => <UserListItem user={user} />}\n renderGridItem={user => <UsersGridItem user={user} />}\n title={total => t('usersPage.users', { count: total })}\n searchPlaceholder={t('usersPage.search.label')}\n emptyMessage={t('usersPage.users', { count: 0 })}\n getKey={user => user.userRef}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,cAAA,GAAiB,CAAC,KAAA,KAGzB;AACJ,EAAA,MAAM,EAAE,gBAAA,EAAkB,WAAA,EAAY,GAAI,KAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAO,OAAA;AAAA,MACP,eAAA,EAAiB,EAAA;AAAA,MACjB,WAAA;AAAA,MACA,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,YAAA;AAAA,QACT,WAAA,EAAa;AAAA,OACf;AAAA,MACA,KAAA,EAAO,CAAC,GAAA,EAAK,KAAA,EAAO,QAAQ,OAAA,KAAY;AACtC,QAAA,OAAO,IACJ,QAAA,CAAS;AAAA,UACR,KAAA;AAAA,UACA,MAAA;AAAA,UACA,aAAa,OAAA,CAAQ,WAAA;AAAA,UACrB,OAAO,OAAA,CAAQ,KAAA;AAAA,UACf,SAAS,OAAA,CAAQ;AAAA,SAClB,CAAA,CACA,IAAA,CAAK,CAAA,GAAA,MAAQ,EAAE,KAAA,EAAO,GAAA,CAAI,KAAA,EAAO,KAAA,EAAO,GAAA,CAAI,KAAA,EAAM,CAAE,CAAA;AAAA,MACzD,CAAA;AAAA,MACA,gBAAA,EAAkB;AAAA,QAChB,GAAG,gBAAA;AAAA,QACH,IAAA,EAAM;AAAA,OACR;AAAA,MACA,cAAA,EAAgB,CAAA,IAAA,qBAAQ,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAY,CAAA;AAAA,MAClD,cAAA,EAAgB,CAAA,IAAA,qBAAQ,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAY,CAAA;AAAA,MACnD,OAAO,CAAA,KAAA,KAAS,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,MACrD,iBAAA,EAAmB,EAAE,wBAAwB,CAAA;AAAA,MAC7C,cAAc,CAAA,CAAE,iBAAA,EAAmB,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,MAC/C,MAAA,EAAQ,UAAQ,IAAA,CAAK;AAAA;AAAA,GACvB;AAEJ;;;;"}

package/dist/components/UsersContainer/UsersGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersContainer/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n Avatar,\n Box,\n Card,\n CardContent,\n Grid,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport { parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n statsGrid: {\n marginTop: 'auto',\n },\n statItem: {\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n },\n flexColumn: {\n display: 'flex',\n flexDirection: 'column',\n },\n}));\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n const { user } = props;\n const classes = useGridItemStyles();\n const localClasses = useStyles();\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entityRef = stringifyEntityRef(\n parseEntityRef(user.userRef, { defaultKind: 'user' }),\n );\n const { primaryTitle, Icon } = useEntityPresentation(entityRef);\n const {\n name,\n initials,\n user: userEntity,\n secondaryTitle,\n } = useEntityAuthor(user);\n const {\n value: currentUser,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const href = `${userRoute()}/${user.userRef}`;\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={primaryTitle}>\n <Box className={classes.cardHeader} display=\"flex\" alignItems=\"center\">\n {Icon && (\n <Avatar\n src={userEntity?.spec?.profile?.picture}\n className=\"avatar\"\n alt={name}\n variant=\"rounded\"\n style={{ marginRight: 16 }}\n >\n {initials}\n </Avatar>\n )}\n <Box flex={1} minWidth={0}>\n <Tooltip title={secondaryTitle ?? ''} arrow>\n <Typography variant=\"h6\" noWrap>\n {primaryTitle}\n </Typography>\n </Tooltip>\n </Box>\n {!loadingUser &&\n !userError &&\n currentUser?.userEntityRef !== user.userRef ? (\n <Box\n flexShrink={0}\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <UserFollowButton userRef={user.userRef} />\n </Box>\n ) : null}\n </Box>\n <CardContent\n className={`${classes.cardContent} ${localClasses.flexColumn}`}\n >\n <Grid container spacing={1} className={localClasses.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <EmojiEvents fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.reputation}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('impactCard.reputation')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalQuestions}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.questions')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalArticles}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.articles')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalLinks}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.links')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <CheckCircleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalAnswers}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.answers')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <ThumbUpIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalVotes}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.votes')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <Visibility fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalViews}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.views')}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}
1	+ {"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersContainer/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n Avatar,\n Box,\n Card,\n CardContent,\n Grid,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { UserFollowButton } from '../Buttons/UserFollowButton';\nimport Visibility from '@material-ui/icons/Visibility';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { ClickableLink } from '../Utility/ClickableLink';\nimport { parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles(theme => ({\n statsGrid: {\n marginTop: 'auto',\n },\n statItem: {\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n },\n flexColumn: {\n display: 'flex',\n flexDirection: 'column',\n },\n}));\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n const { user } = props;\n const classes = useGridItemStyles();\n const localClasses = useStyles();\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entityRef = stringifyEntityRef(\n parseEntityRef(user.userRef, { defaultKind: 'user' }),\n );\n const { primaryTitle, Icon } = useEntityPresentation(entityRef);\n const {\n name,\n initials,\n user: userEntity,\n secondaryTitle,\n } = useEntityAuthor(user);\n const {\n value: currentUser,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const href = `${userRoute()}/${user.userRef}`;\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={primaryTitle}>\n <Box className={classes.cardHeader} display=\"flex\" alignItems=\"center\">\n {Icon && (\n <Avatar\n src={userEntity?.spec?.profile?.picture}\n className=\"avatar\"\n alt={name}\n variant=\"rounded\"\n style={{ marginRight: 16 }}\n >\n {initials}\n </Avatar>\n )}\n <Box flex={1} minWidth={0}>\n <Tooltip title={secondaryTitle ?? ''} arrow>\n <Typography variant=\"h6\" noWrap>\n {primaryTitle}\n </Typography>\n </Tooltip>\n </Box>\n {!loadingUser &&\n !userError &&\n currentUser?.userEntityRef !== user.userRef ? (\n <Box\n flexShrink={0}\n onClick={e => {\n e.preventDefault();\n e.stopPropagation();\n }}\n >\n <UserFollowButton userRef={user.userRef} />\n </Box>\n ) : null}\n </Box>\n <CardContent\n className={`${classes.cardContent} ${localClasses.flexColumn}`}\n >\n <Grid container spacing={1} className={localClasses.statsGrid}>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <EmojiEvents fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.reputation}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('impactCard.reputation')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalQuestions}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.questions')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalArticles}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.articles')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={3}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <LinkIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalLinks}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.links')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <CheckCircleIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalAnswers}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.answers')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <ThumbUpIcon fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalVotes}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.votes')}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={4}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n className={localClasses.statItem}\n >\n <Visibility fontSize=\"small\" color=\"disabled\" />\n <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n {user.totalViews}\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\">\n {t('common.views')}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":["CheckCircleIcon","ThumbUpIcon"],"mappings":"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"}

package/dist/components/Utility/ClickableLink.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClickableLink.esm.js","sources":["../../../src/components/Utility/ClickableLink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nexport interface ClickableLinkProps {\n href: string;\n children: ReactNode;\n ariaLabel?: string;\n}\n\nexport const ClickableLink = (props: ClickableLinkProps) => {\n const { href, children, ariaLabel } = props;\n const navigate = useNavigate();\n\n return (\n <a\n href={href}\n onClick={(e: React.MouseEvent) => {\n e.preventDefault();\n navigate(href);\n }}\n aria-label={ariaLabel}\n style={{\n textDecoration: 'none',\n color: 'inherit',\n display: 'block',\n cursor: 'pointer',\n }}\n >\n {children}\n </a>\n );\n};\n"],"names":[],"mappings":";;;~~AASa~~,~~MAAA~~,aAAA,GAAgB,CAAC,KAA8B~~,KAAA~~;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,~~QAAU~~,~~EAAA~~,SAAA,~~EAAc~~,~~GAAA~~,KAAA;AACtC,EAAA,MAAM,WAAW,~~WAAY~~,~~EAAA~~;AAE7B,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,CAAC,~~CAAwB~~,~~KAAA~~;AAChC,QAAA,CAAA,CAAE,~~cAAe~~,~~EAAA~~;AACjB,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,~~OACf~~;AAAA,MACA,~~YAAY~~,~~EAAA~~,SAAA;AAAA,MACZ,~~KAAO~~,~~EAAA~~;AAAA,QACL,~~cAAgB~~,~~EAAA~~,MAAA;AAAA,QAChB,~~KAAO~~,~~EAAA~~,SAAA;AAAA,QACP,~~OAAS~~,~~EAAA~~,OAAA;AAAA,QACT,~~MAAQ~~,~~EAAA~~;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}
1	+ {"version":3,"file":"ClickableLink.esm.js","sources":["../../../src/components/Utility/ClickableLink.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nexport interface ClickableLinkProps {\n href: string;\n children: ReactNode;\n ariaLabel?: string;\n}\n\nexport const ClickableLink = (props: ClickableLinkProps) => {\n const { href, children, ariaLabel } = props;\n const navigate = useNavigate();\n\n return (\n <a\n href={href}\n onClick={(e: React.MouseEvent) => {\n e.preventDefault();\n navigate(href);\n }}\n aria-label={ariaLabel}\n style={{\n textDecoration: 'none',\n color: 'inherit',\n display: 'block',\n cursor: 'pointer',\n }}\n >\n {children}\n </a>\n );\n};\n"],"names":[],"mappings":";;;AASO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AACtC,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,MACf,CAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,KAAA,EAAO;AAAA,QACL,cAAA,EAAgB,MAAA;AAAA,QAChB,KAAA,EAAO,SAAA;AAAA,QACP,OAAA,EAAS,OAAA;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/Utility/DeletedBanner.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DeletedBanner.esm.js","sources":["../../../src/components/Utility/DeletedBanner.tsx"],"sourcesContent":["import { makeStyles, Paper, Typography } from '@material-ui/core';\nimport DraftsIcon from '@material-ui/icons/Drafts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(\n theme => ({\n draftBanner: {\n backgroundColor: theme.palette.error.light,\n color: theme.palette.error.contrastText,\n padding: '8px 16px',\n marginBottom: '16px',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n },\n }),\n { name: 'QetaDraftBanner' },\n);\n\nexport const DeletedBanner = () => {\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <Paper className={styles.draftBanner} elevation={0}>\n <DraftsIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{t('questionPage.deletedStatus')}</Typography>\n </Paper>\n );\n};\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,~~SAAY~~,~~GAAA~~,UAAA;AAAA,EAChB,~~CAAU~~,KAAA,~~MAAA~~;AAAA,IACR,~~WAAa~~,~~EAAA~~;AAAA,MACX,eAAA,EAAiB,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~KAAM~~,~~CAAA~~,KAAA;AAAA,MACrC,KAAA,EAAO,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~KAAM~~,~~CAAA~~,YAAA;AAAA,MAC3B,~~OAAS~~,~~EAAA~~,UAAA;AAAA,MACT,~~YAAc~~,~~EAAA~~,MAAA;AAAA,MACd,~~OAAS~~,~~EAAA~~,MAAA;AAAA,MACT,~~UAAY~~,~~EAAA~~,QAAA;AAAA,MACZ,~~GAAK~~,~~EAAA~~;AAAA;AACP,GACF,CAAA;AAAA,EACA,EAAE,MAAM,~~iBAAkB~~;~~AAC5B~~,CAAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,SAAS,~~SAAU~~,~~EAAA~~;AACzB,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,4BACG,~~KAAM~~,EAAA,~~EAAA~~,SAAA,EAAW,~~MAAO~~,~~CAAA~~,WAAA,EAAa,WAAW,~~CAC~~/C,~~EAAA,~~QAAA,EAAA;AAAA,~~oBAAC~~,GAAA,~~CAAA~~,UAAA,EAAA,EAAW,UAAS,~~OAAQ~~,~~EAAA~~,CAAA;AAAA,wBAC5B,~~UAAW~~,EAAA,~~EAAA~~,OAAA,EAAQ,~~OAAS~~,~~EAAA~~,QAAA,EAAA,CAAA,CAAE,4BAA4B,~~CAAE~~,~~EAAA~~;AAAA,~~GAC~~/D,~~EAAA,~~CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"DeletedBanner.esm.js","sources":["../../../src/components/Utility/DeletedBanner.tsx"],"sourcesContent":["import { makeStyles, Paper, Typography } from '@material-ui/core';\nimport DraftsIcon from '@material-ui/icons/Drafts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(\n theme => ({\n draftBanner: {\n backgroundColor: theme.palette.error.light,\n color: theme.palette.error.contrastText,\n padding: '8px 16px',\n marginBottom: '16px',\n display: 'flex',\n alignItems: 'center',\n gap: '8px',\n },\n }),\n { name: 'QetaDraftBanner' },\n);\n\nexport const DeletedBanner = () => {\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <Paper className={styles.draftBanner} elevation={0}>\n <DraftsIcon fontSize=\"small\" />\n <Typography variant=\"body2\">{t('questionPage.deletedStatus')}</Typography>\n </Paper>\n );\n};\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAA,KAAA,MAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAA;AAAA,MACrC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,YAAA;AAAA,MAC3B,OAAA,EAAS,UAAA;AAAA,MACT,YAAA,EAAc,MAAA;AAAA,MACd,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK;AAAA;AACP,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAA;AACV,CAAA;AAEO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,4BACG,KAAA,EAAA,EAAM,SAAA,EAAW,MAAA,CAAO,WAAA,EAAa,WAAW,CAAA,EAC/C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,UAAS,OAAA,EAAQ,CAAA;AAAA,wBAC5B,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,QAAA,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAAE;AAAA,GAAA,EAC/D,CAAA;AAEJ;;;;"}