npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.49.1 → 3.50.0 - Mend

@drodil/backstage-plugin-qeta-react 3.49.1 → 3.50.0

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 (28) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport SwapVertIcon from '@material-ui/icons/SwapVert';\nimport TuneIcon from '@material-ui/icons/Tune';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order?: 'asc' \| 'desc';\n orderBy?: string;\n searchQuery?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n entity?: string;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n dateRange?: string;\n status?: PostStatus;\n};\n\nexport type PostFilters = Filters & {\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n noAnswers?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n noVotes?: 'true' \| 'false';\n collectionId?: number;\n type?: PostType;\n entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?:\n \| 'created'\n \| 'title'\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount';\n};\n\nexport type TagFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'tag';\n};\n\nexport type EntityFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'entityRef';\n};\n\nexport type UserFilters = Filters & {\n orderBy?:\n \| 'totalPosts'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalViews'\n \| 'totalVotes'\n \| 'followerCount'\n \| 'userRef';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value?: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n mode?: 'posts' \| 'collections' \| 'tags' \| 'entities' \| 'users';\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1.5em',\n marginTop: '0',\n marginBottom: '2em',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.background.paper,\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n textTransform: 'uppercase',\n fontSize: '0.75rem',\n fontWeight: 'bold',\n marginBottom: '0.75em',\n color: theme.palette.text.secondary,\n '& > svg': {\n marginRight: '0.25em',\n fontSize: '1.1rem',\n },\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n mode = 'posts',\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value?: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n const showBottomSection =\n mode !== 'tags' && mode !== 'entities' && mode !== 'users';\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={3}\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item xs={12} md={4}>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\" className={styles.label}>\n <FilterListIcon />\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noAnswers\"\n onChange={handleChange}\n checked={filters.noAnswers === 'true'}\n />\n }\n label={t('filterPanel.noAnswers.label')}\n />\n )}\n {postFilters && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noCorrectAnswer\"\n checked={filters.noCorrectAnswer === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noCorrectAnswers.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type !== 'link' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noVotes\"\n checked={filters.noVotes === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noVotes.label')}\n />\n )}\n {starredEntitiesApi.starredEntities.size > 0 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"starredEntities\"\n onChange={e => handleStarredEntities(e.target.checked)}\n checked={starredEntities}\n />\n }\n label={t('filterPanel.starredEntities.label')}\n />\n )}\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"ownedEntities\"\n onChange={e => handleOwnedEntities(e.target.checked)}\n checked={ownedEntities}\n />\n }\n label={t('filterPanel.ownedEntities.label')}\n />\n </FormGroup>\n </Grid>\n )}\n <Grid item xs={12} md={5}>\n <FormControl component=\"fieldset\" style={{ width: '100%' }}>\n <FormLabel id=\"qeta-filter-order-by\" className={styles.label}>\n <SortIcon />\n {t('filterPanel.orderBy.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order-by\"\n name=\"orderBy\"\n value={filters.orderBy}\n onChange={handleChange}\n style={{\n display: 'grid',\n gridTemplateColumns: '1fr 1fr',\n gap: '0 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {mode !== 'users' &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n mode !== 'users' &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n\n {mode === 'tags' &&\n radioSelect('tag', t('filterPanel.orderBy.tag'))}\n {mode === 'entities' &&\n radioSelect('entityRef', t('filterPanel.orderBy.entityRef'))}\n {mode === 'users' &&\n radioSelect('userRef', t('filterPanel.orderBy.user'))}\n\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('postsCount', t('filterPanel.orderBy.posts'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect(\n 'questionsCount',\n t('filterPanel.orderBy.questions'),\n )}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('articlesCount', t('filterPanel.orderBy.articles'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('linksCount', t('filterPanel.orderBy.links'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'users' \|\|\n mode === 'collections') &&\n radioSelect(\n 'followerCount',\n t('filterPanel.orderBy.followers'),\n )}\n\n {mode === 'users' &&\n radioSelect('totalPosts', t('filterPanel.orderBy.posts'))}\n {mode === 'users' &&\n radioSelect(\n 'totalQuestions',\n t('filterPanel.orderBy.questions'),\n )}\n {mode === 'users' &&\n radioSelect('totalAnswers', t('filterPanel.orderBy.answers'))}\n {mode === 'users' &&\n radioSelect('totalArticles', t('filterPanel.orderBy.articles'))}\n {mode === 'users' &&\n radioSelect('totalLinks', t('filterPanel.orderBy.links'))}\n {mode === 'users' &&\n radioSelect('totalViews', t('filterPanel.orderBy.views'))}\n {mode === 'users' &&\n radioSelect('totalVotes', t('filterPanel.orderBy.votes'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item xs={12} md={3}>\n <FormControl component=\"fieldset\">\n <FormLabel id=\"qeta-filter-order\" className={styles.label}>\n <SwapVertIcon />\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n {showBottomSection && (\n <>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Box marginBottom=\"1em\">\n <FormLabel className={styles.label}>\n <TuneIcon />\n {t('filterPanel.filters.label')}\n </FormLabel>\n </Box>\n <Grid\n container\n spacing={2}\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n <Grid item xs={12} md={4}>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '100%' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {entities && entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({\n key: 'entitiesRelation',\n value: 'and',\n });\n } else {\n onChange({\n key: 'entitiesRelation',\n value: 'or',\n });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <TagInput\n style={{ width: '100%' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </>\n )}\n </Box>\n );\n};\n"],"names":["FilterListIcon"],"mappings":"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"}
1	+ {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n catalogApiRef,\n useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n Box,\n Checkbox,\n Divider,\n FormControl,\n FormControlLabel,\n FormGroup,\n FormLabel,\n Grid,\n IconButton,\n makeStyles,\n Radio,\n RadioGroup,\n Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport FilterListIcon from '@material-ui/icons/FilterList';\nimport SortIcon from '@material-ui/icons/Sort';\nimport SwapVertIcon from '@material-ui/icons/SwapVert';\nimport TuneIcon from '@material-ui/icons/Tune';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n return (\n <FormControlLabel\n value={value}\n control={<Radio size=\"small\" />}\n label={label}\n />\n );\n};\n\nexport const filterKeys = [\n 'orderBy',\n 'order',\n 'noAnswers',\n 'noCorrectAnswer',\n 'noVotes',\n 'dateRange',\n 'tags',\n 'tagsRelation',\n 'entities',\n 'entitiesRelation',\n 'status',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n order?: 'asc' \| 'desc';\n orderBy?: string;\n searchQuery?: string;\n entities?: string[];\n entitiesRelation?: 'and' \| 'or';\n entity?: string;\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n dateRange?: string;\n status?: PostStatus;\n};\n\nexport type PostFilters = Filters & {\n orderBy?:\n \| 'rank'\n \| 'created'\n \| 'title'\n \| 'views'\n \| 'score'\n \| 'trend'\n \| 'answersCount'\n \| 'updated';\n noAnswers?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n noVotes?: 'true' \| 'false';\n collectionId?: number;\n type?: PostType;\n entities?: string[];\n tags?: string[];\n tagsRelation?: 'and' \| 'or';\n entitiesRelation?: 'and' \| 'or';\n status?: PostStatus;\n};\n\nexport type AnswerFilters = Filters & {\n orderBy?: 'created' \| 'score' \| 'updated';\n noVotes?: 'true' \| 'false';\n noCorrectAnswer?: 'true' \| 'false';\n};\n\nexport type CollectionFilters = Filters & {\n orderBy?:\n \| 'created'\n \| 'title'\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount';\n};\n\nexport type TagFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'tag';\n};\n\nexport type EntityFilters = Filters & {\n orderBy?:\n \| 'postsCount'\n \| 'questionsCount'\n \| 'articlesCount'\n \| 'linksCount'\n \| 'followerCount'\n \| 'entityRef';\n};\n\nexport type UserFilters = Filters & {\n orderBy?:\n \| 'totalPosts'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalViews'\n \| 'totalVotes'\n \| 'followerCount'\n \| 'reputation'\n \| 'userRef';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n return (\n (filters as AnswerFilters).noVotes !== undefined &&\n (filters as PostFilters).noAnswers === undefined\n );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n key: keyof T;\n value?: string \| string[];\n};\n\nexport interface CommonFilterPanelProps {\n showEntityFilter?: boolean;\n showTagFilter?: boolean;\n answerFilters?: boolean;\n type?: PostType;\n mode?: 'posts' \| 'collections' \| 'tags' \| 'entities' \| 'users';\n}\n\nexport interface FilterPanelProps<T extends Filters>\n extends CommonFilterPanelProps {\n onChange: (changes: Change<T> \| Change<T>[]) => void;\n filters: T;\n}\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '1.5em',\n marginTop: '0',\n marginBottom: '2em',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: theme.palette.background.paper,\n },\n label: {\n display: 'flex',\n alignItems: 'center',\n textTransform: 'uppercase',\n fontSize: '0.75rem',\n fontWeight: 'bold',\n marginBottom: '0.75em',\n color: theme.palette.text.secondary,\n '& > svg': {\n marginRight: '0.25em',\n fontSize: '1.1rem',\n },\n },\n }),\n { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n const {\n onChange,\n filters,\n showEntityFilter = true,\n showTagFilter = true,\n type,\n mode = 'posts',\n } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const [entities, setEntities] = useState<Entity[] \| undefined>(undefined);\n const [starredEntities, setStarredEntities] = useState(false);\n const [ownedEntities, setOwnedEntities] = useState(false);\n const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n const starredEntitiesApi = useStarredEntities();\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const styles = useStyles();\n const [searchParams, setSearchParams] = useSearchParams();\n const initializedRef = useRef(false);\n\n // Initialize filters from URL parameters only once\n useEffect(() => {\n if (initializedRef.current) {\n return;\n }\n initializedRef.current = true;\n\n const changes: Change<T>[] = [];\n searchParams.forEach((value, key) => {\n if (!value) {\n return;\n }\n if (filterKeys.includes(key as FilterKey)) {\n if (key === 'tags' \|\| key === 'entities') {\n changes.push({ key: key as keyof T, value: value.split(',') });\n } else {\n changes.push({ key: key as keyof T, value });\n }\n }\n });\n if (changes.length > 0) {\n onChange(changes);\n }\n }, [searchParams, onChange]);\n\n // Handle owned entities\n useEffect(() => {\n identityApi.getBackstageIdentity().then(identity => {\n catalogApi\n .getEntities({\n filter: {\n 'spec.owner': identity.ownershipEntityRefs,\n },\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n const entityRefs = data.items.map(e => stringifyEntityRef(e));\n setOwnedEntityRefs(entityRefs);\n });\n });\n }, [catalogApi, identityApi]);\n\n const handleChange = (event: {\n target: {\n value?: string \| string[];\n type?: string;\n name: string;\n checked?: boolean;\n };\n }) => {\n let value = event.target.value;\n if (event.target.type === 'checkbox') {\n value = event.target.checked ? 'true' : 'false';\n }\n\n // Update URL parameters\n setSearchParams(prev => {\n const newParams = new URLSearchParams(prev);\n if (\n !value \|\|\n value === 'false' \|\|\n (Array.isArray(value) && value.length === 0)\n ) {\n newParams.delete(event.target.name);\n } else if (Array.isArray(value)) {\n newParams.set(event.target.name, value.join(','));\n } else {\n newParams.set(event.target.name, value);\n }\n return newParams;\n });\n\n onChange({ key: event.target.name as keyof T, value });\n };\n\n const handleStarredEntities = useCallback(\n (checked: boolean) => {\n setStarredEntities(checked);\n setEntities([]);\n if (checked) {\n onChange({\n key: 'entities',\n value: [...starredEntitiesApi.starredEntities],\n });\n } else {\n onChange({ key: 'entities', value: [] });\n }\n },\n [onChange, starredEntitiesApi.starredEntities],\n );\n\n const handleOwnedEntities = useCallback(\n (checked: boolean) => {\n setOwnedEntities(checked);\n setEntities([]);\n if (checked) {\n onChange([\n { key: 'entities', value: ownedEntityRefs },\n { key: 'entitiesRelation', value: 'or' },\n ]);\n } else {\n onChange([\n { key: 'entities', value: [] },\n { key: 'entitiesRelation', value: 'and' },\n ]);\n }\n },\n [onChange, ownedEntityRefs],\n );\n\n useEffect(() => {\n if (filters.entities) {\n catalogApi\n .getEntitiesByRefs({\n entityRefs: filters.entities,\n fields: ['kind', 'metadata.name', 'metadata.namespace'],\n })\n .then(data => {\n setEntities(compact(data.items));\n });\n }\n }, [catalogApi, filters.entities]);\n\n const postFilters = isPostFilters(filters);\n const answerFilters = isAnswerFilters(filters);\n const collectionFilters = isCollectionFilters(filters);\n\n const showBottomSection =\n mode !== 'tags' && mode !== 'entities' && mode !== 'users';\n\n return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={3}\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item xs={12} md={4}>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\" className={styles.label}>\n <FilterListIcon />\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noAnswers\"\n onChange={handleChange}\n checked={filters.noAnswers === 'true'}\n />\n }\n label={t('filterPanel.noAnswers.label')}\n />\n )}\n {postFilters && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"status\"\n onChange={e => {\n const newStatus = e.target.checked\n ? 'draft'\n : undefined;\n handleChange({\n target: { name: 'status', value: newStatus },\n });\n }}\n checked={filters.status === 'draft'}\n />\n }\n label={t('filterPanel.drafts.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type === 'question' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noCorrectAnswer\"\n checked={filters.noCorrectAnswer === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noCorrectAnswers.label')}\n />\n )}\n {(postFilters \|\| answerFilters) && type !== 'link' && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"noVotes\"\n checked={filters.noVotes === 'true'}\n onChange={handleChange}\n />\n }\n label={t('filterPanel.noVotes.label')}\n />\n )}\n {starredEntitiesApi.starredEntities.size > 0 && (\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"starredEntities\"\n onChange={e => handleStarredEntities(e.target.checked)}\n checked={starredEntities}\n />\n }\n label={t('filterPanel.starredEntities.label')}\n />\n )}\n <FormControlLabel\n control={\n <Checkbox\n size=\"small\"\n name=\"ownedEntities\"\n onChange={e => handleOwnedEntities(e.target.checked)}\n checked={ownedEntities}\n />\n }\n label={t('filterPanel.ownedEntities.label')}\n />\n </FormGroup>\n </Grid>\n )}\n <Grid item xs={12} md={5}>\n <FormControl component=\"fieldset\" style={{ width: '100%' }}>\n <FormLabel id=\"qeta-filter-order-by\" className={styles.label}>\n <SortIcon />\n {t('filterPanel.orderBy.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order-by\"\n name=\"orderBy\"\n value={filters.orderBy}\n onChange={handleChange}\n style={{\n display: 'grid',\n gridTemplateColumns: '1fr 1fr',\n gap: '0 1em',\n }}\n >\n {postFilters &&\n filters.collectionId !== undefined &&\n radioSelect('rank', t('filterPanel.orderBy.rank'))}\n {mode !== 'users' &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n mode !== 'tags' &&\n mode !== 'entities' &&\n mode !== 'users' &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n type !== 'link' &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect(\n 'score',\n type !== 'link'\n ? t('filterPanel.orderBy.score')\n : t('filterPanel.orderBy.clicks'),\n )}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type === 'question' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n\n {mode === 'tags' &&\n radioSelect('tag', t('filterPanel.orderBy.tag'))}\n {mode === 'entities' &&\n radioSelect('entityRef', t('filterPanel.orderBy.entityRef'))}\n {mode === 'users' &&\n radioSelect('userRef', t('filterPanel.orderBy.user'))}\n\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('postsCount', t('filterPanel.orderBy.posts'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect(\n 'questionsCount',\n t('filterPanel.orderBy.questions'),\n )}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('articlesCount', t('filterPanel.orderBy.articles'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'collections') &&\n radioSelect('linksCount', t('filterPanel.orderBy.links'))}\n {(mode === 'tags' \|\|\n mode === 'entities' \|\|\n mode === 'users' \|\|\n mode === 'collections') &&\n radioSelect(\n 'followerCount',\n t('filterPanel.orderBy.followers'),\n )}\n\n {mode === 'users' &&\n radioSelect('totalPosts', t('filterPanel.orderBy.posts'))}\n {mode === 'users' &&\n radioSelect(\n 'totalQuestions',\n t('filterPanel.orderBy.questions'),\n )}\n {mode === 'users' &&\n radioSelect('totalAnswers', t('filterPanel.orderBy.answers'))}\n {mode === 'users' &&\n radioSelect('totalArticles', t('filterPanel.orderBy.articles'))}\n {mode === 'users' &&\n radioSelect('totalLinks', t('filterPanel.orderBy.links'))}\n {mode === 'users' &&\n radioSelect('totalViews', t('filterPanel.orderBy.views'))}\n {mode === 'users' &&\n radioSelect('totalVotes', t('filterPanel.orderBy.votes'))}\n {mode === 'users' &&\n radioSelect('reputation', t('filterPanel.orderBy.reputation'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item xs={12} md={3}>\n <FormControl component=\"fieldset\">\n <FormLabel id=\"qeta-filter-order\" className={styles.label}>\n <SwapVertIcon />\n {t('filterPanel.order.label')}\n </FormLabel>\n <RadioGroup\n aria-labelledby=\"qeta-filter-order\"\n name=\"order\"\n value={filters.order}\n onChange={handleChange}\n >\n {radioSelect('desc', t('filterPanel.order.desc'))}\n {radioSelect('asc', t('filterPanel.order.asc'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n </Grid>\n {showBottomSection && (\n <>\n <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Box marginBottom=\"1em\">\n <FormLabel className={styles.label}>\n <TuneIcon />\n {t('filterPanel.filters.label')}\n </FormLabel>\n </Box>\n <Grid\n container\n spacing={2}\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n <Grid item xs={12} md={4}>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '100%' }}\n onChange={(newEntities?: Entity[]) => {\n const entityRefs = (newEntities ?? []).map(e =>\n stringifyEntityRef(e),\n );\n handleChange({\n target: { name: 'entities', value: entityRefs },\n });\n setEntities(newEntities);\n }}\n value={entities}\n useOnlyUsedEntities\n hideHelpText\n />\n </Grid>\n {entities && entities?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.entitiesRelation === 'or'\n ? t('filterPanel.toggleEntityRelation.and')\n : t('filterPanel.toggleEntityRelation.or')\n }\n >\n <IconButton\n disabled={starredEntities \|\| ownedEntities}\n onClick={() => {\n if (filters.entitiesRelation === 'or') {\n onChange({\n key: 'entitiesRelation',\n value: 'and',\n });\n } else {\n onChange({\n key: 'entitiesRelation',\n value: 'or',\n });\n }\n }}\n >\n {filters.entitiesRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n {showTagFilter && (\n <Grid item xs={12} md={4}>\n <Grid container alignItems=\"center\">\n <Grid item xs>\n <TagInput\n style={{ width: '100%' }}\n onChange={(newTags: string[]) =>\n onChange({ key: 'tags', value: newTags })\n }\n value={filters.tags}\n hideHelpText\n allowCreate={false}\n />\n </Grid>\n {filters.tags && filters.tags?.length > 1 && (\n <Grid item>\n <Tooltip\n title={\n filters.tagsRelation === 'or'\n ? t('filterPanel.toggleTagRelation.and')\n : t('filterPanel.toggleTagRelation.or')\n }\n >\n <IconButton\n onClick={() => {\n if (filters.tagsRelation === 'or') {\n onChange({ key: 'tagsRelation', value: 'and' });\n } else {\n onChange({ key: 'tagsRelation', value: 'or' });\n }\n }}\n >\n {filters.tagsRelation === 'or' ? (\n <AdjustIcon />\n ) : (\n <FiberManualRecordIcon />\n )}\n </IconButton>\n </Tooltip>\n </Grid>\n )}\n </Grid>\n </Grid>\n )}\n </Grid>\n </>\n )}\n </Box>\n );\n};\n"],"names":["FilterListIcon"],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js CHANGED Viewed

@@ -13,15 +13,17 @@ import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { Box, Card, CardContent, Divider, Grid, Typography, Tooltip } from '@material-ui/core';
+import { useTheme, Box, Card, CardContent, Divider, Grid, Typography, Tooltip } from '@material-ui/core';
 import { Skeleton, Alert } from '@material-ui/lab';
 import ThumbUp from '@material-ui/icons/ThumbUp';
 import HelpOutline from '@material-ui/icons/HelpOutline';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
 import PeopleIcon from '@material-ui/icons/People';
+import EmojiEvents from '@material-ui/icons/EmojiEvents';
 const ImpactCard = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
+  const theme = useTheme();
   const { value: user, loading: userLoading } = useIdentityApi(
     (api) => api.getBackstageIdentity(),
     []
@@ -115,6 +117,28 @@ const ImpactCard = () => {
       /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", paragraph: true, children: t("impactCard.contributions", {
         lastWeek: impact.lastWeekImpact.toString(10)
       }) }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", mt: 2, mb: 2, children: [
+        /* @__PURE__ */ jsx(
+          EmojiEvents,
+          {
+            style: { color: theme.palette.secondary.main, marginRight: "8px" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "subtitle1",
+            component: "span",
+            style: { fontWeight: "bold" },
+            children: [
+              t("impactCard.reputation"),
+              ":",
+              " ",
+              /* @__PURE__ */ jsx(Box, { component: "span", style: { fontSize: "1.1em" }, children: stats.summary.reputation || 0 })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", color: "textSecondary", children: [
         /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: item.icon }) }),

package/dist/components/HomePageCards/ImpactCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const statItems = [\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={1}>\n {statItems.map((item, index) => (\n <Grid item xs={6} key={index}>\n <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n <Tooltip title={item.label}>\n <Box display=\"flex\" alignItems=\"center\">\n {item.icon}\n </Box>\n </Tooltip>\n <Box ml={1}>\n <Typography variant=\"subtitle2\" component=\"span\">\n {item.value} {item.label.toLowerCase()}\n </Typography>\n </Box>\n </Box>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People"],"mappings":"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"}
1	+ {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const statItems = [\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n <EmojiEvents\n style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n />\n <Typography\n variant=\"subtitle1\"\n component=\"span\"\n style={{ fontWeight: 'bold' }}\n >\n {t('impactCard.reputation')}:{' '}\n <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n {stats.summary.reputation \|\| 0}\n </Box>\n </Typography>\n </Box>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={1}>\n {statItems.map((item, index) => (\n <Grid item xs={6} key={index}>\n <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n <Tooltip title={item.label}>\n <Box display=\"flex\" alignItems=\"center\">\n {item.icon}\n </Box>\n </Tooltip>\n <Box ml={1}>\n <Typography variant=\"subtitle2\" component=\"span\">\n {item.value} {item.label.toLowerCase()}\n </Typography>\n </Box>\n </Box>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People"],"mappings":"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"}

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

@@ -65,6 +65,15 @@ const useStyles = makeStyles(
   { name: "QetaStatsChart" }
 );
 const getDefaultStats = (isDark, t) => [
+  {
+    dataKey: "reputation",
+    name: t("stats.reputation"),
+    color: isDark ? "#fcd34d" : "#d97706",
+    // amber-300 / amber-600
+    enabled: false,
+    globalStat: false,
+    userStat: true
+  },
   {
     dataKey: "totalViews",
     name: t("stats.totalViews"),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value !== undefined ? value : '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}
1	+ {"version":3,"file":"StatsChart.esm.js","sources":["../../../src/components/StatsChart/StatsChart.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { Stat } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Bar,\n BarChart,\n CartesianGrid,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n ButtonGroup,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Typography,\n Tooltip as MuiTooltip,\n CircularProgress,\n Box,\n} from '@material-ui/core';\nimport { useTheme } from '@material-ui/core/styles';\nimport ShowChartIcon from '@material-ui/icons/ShowChart';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { isGlobalStat, isUserStat } from './util';\n\nexport type QetaStatsChartClassKey =\n \| 'tooltipLabel'\n \| 'tooltipWrapper'\n \| 'xAxis'\n \| 'lineChart'\n \| 'barChart';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n tooltipLabel: {\n color: theme.palette.text.primary,\n },\n tooltipWrapper: {\n backgroundColor: `${theme.palette.background.default} !important`,\n border: 'none !important',\n padding: theme.spacing(1),\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n xAxis: {\n color: `${theme.palette.text.primary} !important`,\n },\n lineChart: {},\n barChart: {},\n chartContainer: {\n position: 'relative',\n width: '100%',\n height: 500,\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n zIndex: 1,\n },\n chartTypeButton: {\n '&.Mui-selected': {\n backgroundColor: theme.palette.action.selected,\n },\n },\n errorMessage: {\n color: theme.palette.error.main,\n textAlign: 'center',\n padding: theme.spacing(2),\n },\n legend: {\n '& .recharts-legend-item-text': {\n fontFamily: theme.typography.fontFamily,\n fontSize: theme.typography.body2.fontSize,\n color: theme.palette.text.primary,\n },\n },\n }),\n { name: 'QetaStatsChart' },\n);\n\ntype StatType = {\n dataKey:\n \| 'totalViews'\n \| 'totalQuestions'\n \| 'totalAnswers'\n \| 'totalComments'\n \| 'totalVotes'\n \| 'totalUsers'\n \| 'totalTags'\n \| 'totalArticles'\n \| 'totalLinks'\n \| 'totalFollowers'\n \| 'reputation';\n name: string;\n color: string;\n enabled: boolean;\n globalStat: boolean;\n userStat: boolean;\n};\n\nconst getDefaultStats = (isDark: boolean, t: any): StatType[] => [\n {\n dataKey: 'reputation',\n name: t('stats.reputation'),\n color: isDark ? '#fcd34d' : '#d97706', // amber-300 / amber-600\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalViews',\n name: t('stats.totalViews'),\n color: isDark ? '#a3bffa' : '#1e40af', // blue-400 / blue-900\n enabled: false,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalQuestions',\n name: t('stats.totalQuestions'),\n color: isDark ? '#6ee7b7' : '#047857', // green-300 / green-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalAnswers',\n name: t('stats.totalAnswers'),\n color: isDark ? '#fbbf24' : '#b45309', // yellow-400 / yellow-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalComments',\n name: t('stats.totalComments'),\n color: isDark ? '#2dd4bf' : '#0e7490', // teal-400 / cyan-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalVotes',\n name: t('stats.totalVotes'),\n color: isDark ? '#f87171' : '#991b1b', // red-400 / red-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalUsers',\n name: t('stats.totalUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalTags',\n name: t('stats.totalTags'),\n color: isDark ? '#34d399' : '#065f46', // emerald-400 / emerald-900\n enabled: true,\n globalStat: true,\n userStat: false,\n },\n {\n dataKey: 'totalArticles',\n name: t('stats.totalArticles'),\n color: isDark ? '#60a5fa' : '#1d4ed8', // blue-400 / blue-800\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n {\n dataKey: 'totalFollowers',\n name: t('stats.totalFollowers'),\n color: isDark ? '#f472b6' : '#be185d', // pink-400 / pink-800\n enabled: true,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'totalLinks',\n name: t('stats.totalLinks'),\n color: isDark ? '#26c6da' : '#00838f', // teal-400 / teal-900\n enabled: true,\n globalStat: true,\n userStat: true,\n },\n];\n\nconst useChartState = (data: Stat[]) => {\n const styles = useStyles();\n const isDark = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const globalStats = data && data.length > 0 ? isGlobalStat(data[0]) : false;\n const isUserStats = data && data.length > 0 ? isUserStat(data[0]) : false;\n const [stats, setStats] = useState<StatType[]>(\n getDefaultStats(isDark, t).filter(stat => {\n if (globalStats && !stat.globalStat) {\n return false;\n }\n return !(isUserStats && !stat.userStat);\n }),\n );\n\n const toggleStat = useCallback(\n (name: string) => {\n setStats(prev =>\n prev.map(stat =>\n stat.name === name ? { ...stat, enabled: !stat.enabled } : stat,\n ),\n );\n },\n [setStats],\n );\n const isDisabled = useCallback(\n (name: string) => {\n return stats.find(stat => stat.name === name)?.enabled === false;\n },\n [stats],\n );\n\n return { styles, isDark, toggleStat, stats, isDisabled };\n};\n\n// Custom tick renderer for angled date labels\nconst XAxisTick = (props: any) => {\n const { x, y, payload, fill, fontFamily } = props;\n return (\n <g transform={`translate(${x},${y})`}>\n <text\n x={-6}\n y={-12}\n dy={16}\n textAnchor=\"end\"\n fill={fill}\n transform=\"rotate(-90)\"\n fontSize=\"12\"\n style={{ fontFamily }}\n >\n {new Date(payload.value).toDateString()}\n </text>\n </g>\n );\n};\n\nconst StatsBarChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <BarChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.barChart}\n aria-label={t('stats.barChart')}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n content={({ active, payload, label }) => {\n if (active && payload && payload.length) {\n return (\n <div role=\"tooltip\" aria-label={t('stats.tooltip')}>\n <p>{new Date(label).toLocaleDateString()}</p>\n {payload.map((entry: any) => (\n <p key={entry.name} style={{ color: entry.color }}>\n {entry.name}: {entry.value}\n </p>\n ))}\n </div>\n );\n }\n return null;\n }}\n />\n {props.stats.map(stat => (\n <Bar\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n fill={stat.color}\n aria-label={stat.name}\n />\n ))}\n <CartesianGrid stroke={props.isDark ? '#4f4f4f' : '#e0e0e0'} />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-90}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n aria-label={t('stats.valueAxis')}\n />\n </BarChart>\n </ResponsiveContainer>\n );\n};\n\nconst StatsLineChart = (props: {\n data: any[];\n stats: StatType[];\n isDark: boolean;\n styles: ReturnType<typeof useStyles>;\n}) => {\n const localStyles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n\n return (\n <ResponsiveContainer height={500} width=\"100%\">\n <LineChart\n data={props.data}\n width={1000}\n height={400}\n margin={{ bottom: 80, right: 30 }}\n className={localStyles.lineChart}\n >\n <Tooltip\n labelClassName={props.styles.tooltipLabel}\n wrapperClassName={props.styles.tooltipWrapper}\n cursor={{ fill: props.isDark ? '#4f4f4f' : '#f5f5f5' }}\n />\n {props.stats.map(stat => (\n <Line\n key={stat.dataKey}\n dataKey={stat.enabled ? stat.dataKey : 'hidden'}\n name={stat.name}\n stroke={stat.color}\n />\n ))}\n <CartesianGrid stroke=\"#ccc\" />\n <XAxis\n dataKey=\"date\"\n tickFormatter={(tick: string) => new Date(tick).toDateString()}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={\n <XAxisTick\n fill={props.isDark ? 'white' : 'black'}\n fontFamily={theme.typography.fontFamily}\n />\n }\n angle={-45}\n dy={10}\n aria-label={t('stats.dateAxis')}\n />\n <YAxis\n allowDecimals={false}\n axisLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tickLine={{ stroke: props.isDark ? 'white' : 'black' }}\n tick={{ fill: props.isDark ? 'white' : 'black' }}\n />\n </LineChart>\n </ResponsiveContainer>\n );\n};\n\nexport const StatsChart = (props: {\n data: Stat[];\n summary?: Record<string, number>;\n loading?: boolean;\n error?: string;\n}) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const [chart, setChart] = useState<'line' \| 'bar'>('line');\n const classes = useStyles();\n const { stats, isDark, toggleStat } = useChartState(props.data);\n\n if (props.error) {\n return (\n <Typography variant=\"subtitle1\" className={classes.errorMessage}>\n {props.error}\n </Typography>\n );\n }\n\n if (!props.data \|\| props.data.length === 0) {\n return <Typography variant=\"subtitle1\">{t('stats.noStats')}</Typography>;\n }\n\n const data = props.data\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map(d => ({ ...d, hidden: 0 }));\n\n return (\n <Box>\n <Box\n display=\"flex\"\n flexWrap=\"wrap\"\n justifyContent=\"center\"\n mb={4}\n mt={2}\n style={{ gap: 16 }}\n >\n {stats.map(stat => {\n const value = props.summary ? props.summary[stat.dataKey] : undefined;\n const isActive = stat.enabled;\n const defaultBorder = isDark\n ? 'rgba(255,255,255,0.12)'\n : 'rgba(0,0,0,0.12)';\n const borderColor = isActive ? stat.color : defaultBorder;\n const activeBg = isDark\n ? 'rgba(255,255,255,0.05)'\n : 'rgba(0,0,0,0.05)';\n const backgroundColor = isActive ? activeBg : 'transparent';\n\n return (\n <Box\n key={stat.dataKey}\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n p={2}\n border={1}\n borderColor={borderColor}\n borderRadius={8}\n minWidth={140}\n style={{\n cursor: 'pointer',\n opacity: isActive ? 1 : 0.5,\n backgroundColor: backgroundColor,\n transition: 'all 0.2s',\n }}\n onClick={() => toggleStat(stat.name)}\n >\n <Typography\n variant=\"h4\"\n style={{ color: stat.color, fontWeight: 'bold' }}\n >\n {value !== undefined ? value : '-'}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {stat.name}\n </Typography>\n </Box>\n );\n })}\n </Box>\n <Box className={classes.chartContainer}>\n {props.loading && (\n <div className={classes.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n {chart === 'line' ? (\n <StatsLineChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n ) : (\n <StatsBarChart\n data={data}\n stats={stats}\n isDark={isDark}\n styles={classes}\n />\n )}\n <ButtonGroup\n aria-label={t('stats.chartType')}\n style={{ float: 'right' }}\n role=\"radiogroup\"\n >\n <MuiTooltip title={t('stats.lineChart')}>\n <IconButton\n aria-label={t('stats.lineChart')}\n onClick={() => setChart('line')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'line'}\n role=\"radio\"\n >\n <ShowChartIcon />\n </IconButton>\n </MuiTooltip>\n <MuiTooltip title={t('stats.barChart')}>\n <IconButton\n aria-label={t('stats.barChart')}\n onClick={() => setChart('bar')}\n className={classes.chartTypeButton}\n aria-checked={chart === 'bar'}\n role=\"radio\"\n >\n <BarChartIcon />\n </IconButton>\n </MuiTooltip>\n </ButtonGroup>\n </Box>\n </Box>\n );\n};\n"],"names":["Tooltip","MuiTooltip"],"mappings":"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"}

package/dist/components/UsersGrid/UsersGridItem.esm.js CHANGED Viewed

@@ -18,10 +18,12 @@ import ThumbUp from '@material-ui/icons/ThumbUp';
 import CheckCircle from '@material-ui/icons/CheckCircle';
 import DescriptionIcon from '@material-ui/icons/Description';
 import LinkIcon from '@material-ui/icons/Link';
+import EmojiEvents from '@material-ui/icons/EmojiEvents';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import useGridItemStyles from '../GridItemStyles/useGridItemStyles.esm.js';
 import { ClickableLink } from '../Utility/ClickableLink.esm.js';
+import { stringifyEntityRef, parseEntityRef } from '@backstage/catalog-model';
 const useStyles = makeStyles((theme) => ({
   statsGrid: {
@@ -45,7 +47,10 @@ const UsersGridItem = (props) => {
   const localClasses = useStyles();
   const userRoute = useRouteRef(userRouteRef);
   const { t } = useTranslationRef(qetaTranslationRef);
-  const { primaryTitle, Icon } = useEntityPresentation(user.userRef);
+  const entityRef = stringifyEntityRef(
+    parseEntityRef(user.userRef, { defaultKind: "user" })
+  );
+  const { primaryTitle, Icon } = useEntityPresentation(entityRef);
   const {
     name,
     initials,
@@ -97,7 +102,21 @@ const UsersGridItem = (props) => {
       {
         className: `${classes.cardContent} ${localClasses.flexColumn}`,
         children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, className: localClasses.statsGrid, children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
+            Box,
+            {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              className: localClasses.statItem,
+              children: [
+                /* @__PURE__ */ jsx(EmojiEvents, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.reputation }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("impactCard.reputation") })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
             Box,
             {
               display: "flex",
@@ -111,7 +130,7 @@ const UsersGridItem = (props) => {
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
             Box,
             {
               display: "flex",
@@ -119,13 +138,13 @@ const UsersGridItem = (props) => {
               alignItems: "center",
               className: localClasses.statItem,
               children: [
-                /* @__PURE__ */ jsx(CheckCircle, { fontSize: "small", color: "disabled" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalAnswers }),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.answers") })
+                /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalArticles }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.articles") })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsxs(
             Box,
             {
               display: "flex",
@@ -133,9 +152,9 @@ const UsersGridItem = (props) => {
               alignItems: "center",
               className: localClasses.statItem,
               children: [
-                /* @__PURE__ */ jsx(ThumbUp, { fontSize: "small", color: "disabled" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalVotes }),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.votes") })
+                /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalLinks }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.links") })
               ]
             }
           ) }),
@@ -147,9 +166,9 @@ const UsersGridItem = (props) => {
               alignItems: "center",
               className: localClasses.statItem,
               children: [
-                /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small", color: "disabled" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalArticles }),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.articles") })
+                /* @__PURE__ */ jsx(CheckCircle, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalAnswers }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.answers") })
               ]
             }
           ) }),
@@ -161,9 +180,9 @@ const UsersGridItem = (props) => {
               alignItems: "center",
               className: localClasses.statItem,
               children: [
-                /* @__PURE__ */ jsx(Visibility, { fontSize: "small", color: "disabled" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalViews }),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.views") })
+                /* @__PURE__ */ jsx(ThumbUp, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalVotes }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.votes") })
               ]
             }
           ) }),
@@ -175,9 +194,9 @@ const UsersGridItem = (props) => {
               alignItems: "center",
               className: localClasses.statItem,
               children: [
-                /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", color: "disabled" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalLinks }),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.links") })
+                /* @__PURE__ */ jsx(Visibility, { fontSize: "small", color: "disabled" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: 600 }, children: user.totalViews }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("common.views") })
               ]
             }
           ) })