npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.28.1 → 3.29.0 - Mend

@drodil/backstage-plugin-qeta-react 3.28.1 → 3.29.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 (111) 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, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { 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 {\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 { 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] 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};\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};\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?: 'created' \| 'title';\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}\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: '1em',\n paddingTop: '2em',\n marginTop: '1em',\n border: `1px solid ${theme.palette.divider}`,\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 } = 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\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 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 return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={4}\n alignItems=\"stretch\"\n justifyContent=\"space-evenly\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\">\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type !== 'article' && (\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 \|\| answerFilters) && type !== 'article' && (\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) && (\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>\n <FormControl>\n <FormLabel id=\"qeta-filter-order-by\">\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 {radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('score', t('filterPanel.orderBy.score'))}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type !== 'article' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item>\n <FormControl>\n <FormLabel id=\"qeta-filter-order\">\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 <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n <Grid item>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '230px' }}\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 {filters.entities && filters.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({ key: 'entitiesRelation', value: 'and' });\n } else {\n onChange({ key: 'entitiesRelation', value: 'or' });\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>\n <Grid container alignItems=\"center\">\n <Grid item>\n <TagInput\n style={{ width: '230px' }}\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 </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, useRef } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { 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 { 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] 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};\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};\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?: 'created' \| 'title';\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}\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: '1em',\n paddingTop: '2em',\n marginTop: '1em',\n border: `1px solid ${theme.palette.divider}`,\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 } = 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 (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 return (\n <Box className={styles.root}>\n <Grid\n container\n spacing={4}\n alignItems=\"stretch\"\n justifyContent=\"space-evenly\"\n >\n {(postFilters \|\| answerFilters) && (\n <Grid item>\n <FormGroup>\n <FormLabel id=\"qeta-filter-quick\">\n {t('filterPanel.quickFilters.label')}\n </FormLabel>\n {postFilters && type !== 'article' && (\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 \|\| answerFilters) && type !== 'article' && (\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) && (\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>\n <FormControl>\n <FormLabel id=\"qeta-filter-order-by\">\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 {radioSelect('created', t('filterPanel.orderBy.created'))}\n {(postFilters \|\| collectionFilters) &&\n radioSelect('title', t('filterPanel.orderBy.title'))}\n {postFilters &&\n radioSelect('views', t('filterPanel.orderBy.views'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('score', t('filterPanel.orderBy.score'))}\n {postFilters &&\n radioSelect('trend', t('filterPanel.orderBy.trend'))}\n {postFilters &&\n type !== 'article' &&\n radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n {(postFilters \|\| answerFilters) &&\n radioSelect('updated', t('filterPanel.orderBy.updated'))}\n </RadioGroup>\n </FormControl>\n </Grid>\n <Grid item>\n <FormControl>\n <FormLabel id=\"qeta-filter-order\">\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 <Box marginY=\"24px\">\n <Divider />\n </Box>\n <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n <Grid item>\n <DateRangeFilter\n value={filters.dateRange}\n onChange={val => onChange({ key: 'dateRange', value: val })}\n />\n </Grid>\n {showEntityFilter && (\n <Grid item>\n <Grid container alignItems=\"center\">\n <Grid item>\n <EntitiesInput\n disabled={starredEntities \|\| ownedEntities}\n style={{ width: '230px' }}\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 {filters.entities && filters.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({ key: 'entitiesRelation', value: 'and' });\n } else {\n onChange({ key: 'entitiesRelation', value: 'or' });\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>\n <Grid container alignItems=\"center\">\n <Grid item>\n <TagInput\n style={{ width: '230px' }}\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 </Box>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js CHANGED Viewed

@@ -12,7 +12,7 @@ const FollowedCollectionsList = () => {
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, children: collections.collections.map((collection) => /* @__PURE__ */ jsx(CollectionChip, { collection }, collection.id)) }) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, disableGutters: true, children: collections.collections.map((collection) => /* @__PURE__ */ jsx(CollectionChip, { collection }, collection.id)) }) }) });
 };
 export { FollowedCollectionsList };

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')}>\n <ListItem style={{ display: 'block' }} dense>\n {collections.collections.map(collection => (\n <CollectionChip key={collection.id} collection={collection} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAOO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACjD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,~~OAAS~~,EAAA,~~OAAA~~,~~EAAW~~,EAAA,~~KAAA~~,~~EAAK~~,~~IACzC~~,EAAA,~~QAAA~~,EAAA,WAAA,~~CAAY~~,~~WAAY~~,~~CAAA~~,~~GAAA~~,~~CAAI,~~CAC3B,UAAA,qBAAA,GAAA,CAAC,cAAmC,EAAA,EAAA,UAAA,EAAA,EAAf,UAAW,CAAA,EAA4B,CAC7D,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedCollectionsList = () => {\n const collections = useCollectionsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (collections.collections.length === 0 \|\| collections.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedCollections')}>\n <ListItem style={{ display: 'block' }} dense disableGutters>\n {collections.collections.map(collection => (\n <CollectionChip key={collection.id} collection={collection} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAOO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACjD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EACxD,QAAY,EAAA,WAAA,CAAA,WAAA,CAAY,IAAI,CAC3B,UAAA,qBAAA,GAAA,CAAC,cAAmC,EAAA,EAAA,UAAA,EAAA,EAAf,UAAW,CAAA,EAA4B,CAC7D,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js CHANGED Viewed

@@ -23,7 +23,7 @@ const FollowedEntitiesList = () => {
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedEntities"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, children: entities.entities.map((entity) => /* @__PURE__ */ jsx(EntityChip, { entity }, entity)) }) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedEntities"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, disableGutters: true, children: entities.entities.map((entity) => /* @__PURE__ */ jsx(EntityChip, { entity }, entity)) }) }) });
 };
 export { FollowedEntitiesList };

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedEntitiesList = () => {\n const entities = useEntityFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (entities.entities.length === 0 \|\| entities.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedEntities')}>\n <ListItem style={{ display: 'block' }} dense>\n {entities.entities.map(entity => (\n <EntityChip key={entity} entity={entity} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAC9C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,~~OAAS~~,EAAA,~~OAAA~~,~~EAAW~~,EAAA,~~KAAA~~,~~EAAK~~,~~IACzC~~,EAAA,~~QAAA~~,EAAA,QAAA,CAAS,~~QAAS~~,CAAA,~~GAAA~~,~~CAAI,CACrB,~~MAAA,~~qBAAA~~,GAAA,~~CAAC~~,~~UAAwB~~,EAAA,~~EAAA~~,~~MAAA~~,EAAA,~~EAAR~~,MAAwB,CAC1C,~~CACH~~,~~EAAA~~,~~CAAA~~,~~EACF,~~CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedEntitiesList = () => {\n const entities = useEntityFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (entities.entities.length === 0 \|\| entities.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedEntities')}>\n <ListItem style={{ display: 'block' }} dense disableGutters>\n {entities.entities.map(entity => (\n <EntityChip key={entity} entity={entity} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAC9C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EACxD,QAAS,EAAA,QAAA,CAAA,QAAA,CAAS,GAAI,CAAA,CAAA,MAAA,qBACpB,GAAA,CAAA,UAAA,EAAA,EAAwB,MAAR,EAAA,EAAA,MAAwB,CAC1C,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedTagsList.esm.js CHANGED Viewed

@@ -23,7 +23,7 @@ const FollowedTagsList = () => {
   if (tags.tags.length === 0 || tags.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedTags"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, children: tags.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)) }) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedTags"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, disableGutters: true, children: tags.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)) }) }) });
 };
 export { FollowedTagsList };

package/dist/components/FollowedLists/FollowedTagsList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedTagsList = () => {\n const tags = useTagsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (tags.tags.length === 0 \|\| tags.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedTags')}>\n <ListItem style={{ display: 'block' }} dense>\n {tags.tags.map(tag => (\n <TagChip key={tag} tag={tag} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC1C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,~~OAAS~~,EAAA,~~OAAA~~,~~EAAW~~,EAAA,~~KAAA~~,~~EAAK~~,~~IACzC~~,EAAA,~~QAAA~~,EAAA,IAAA,CAAK,~~IAAK~~,CAAA,~~GAAA~~,~~CAAI,CACb,~~GAAA,~~qBAAA~~,GAAA,~~CAAC~~,~~OAAkB~~,EAAA,~~EAAA~~,~~GAAA~~,EAAA,~~EAAL~~,GAAe,CAC9B,~~CACH~~,~~EAAA~~,~~CAAA~~,~~EACF,~~CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedTagsList = () => {\n const tags = useTagsFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (tags.tags.length === 0 \|\| tags.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedTags')}>\n <ListItem style={{ display: 'block' }} dense disableGutters>\n {tags.tags.map(tag => (\n <TagChip key={tag} tag={tag} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC1C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EACxD,QAAK,EAAA,IAAA,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,qBACZ,GAAA,CAAA,OAAA,EAAA,EAAkB,GAAL,EAAA,EAAA,GAAe,CAC9B,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedUsersList.esm.js CHANGED Viewed

@@ -23,7 +23,7 @@ const FollowedUsersList = () => {
   if (users.users.length === 0 || users.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedUsers"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, children: users.users.map((user) => /* @__PURE__ */ jsx(UserChip, { entityRef: user }, user)) }) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedUsers"), children: /* @__PURE__ */ jsx(ListItem, { style: { display: "block" }, dense: true, disableGutters: true, children: users.users.map((user) => /* @__PURE__ */ jsx(UserChip, { entityRef: user }, user)) }) }) });
 };
 export { FollowedUsersList };

package/dist/components/FollowedLists/FollowedUsersList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedUsersList = () => {\n const users = useUserFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (users.users.length === 0 \|\| users.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedUsers')}>\n <ListItem style={{ display: 'block' }} dense>\n {users.users.map(user => (\n <UserChip key={user} entityRef={user} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,~~OAAS~~,EAAA,~~OAAA~~,~~EAAW~~,EAAA,~~KAAA~~,~~EAAK~~,~~IACzC~~,EAAA,~~QAAA~~,EAAA,KAAA,~~CAAM~~,~~KAAM~~,~~CAAA~~,~~GAAA~~,~~CAAI,~~CACf,IAAA,qBAAA,GAAA,CAAC,QAAoB,EAAA,EAAA,SAAA,EAAW,IAAjB,EAAA,EAAA,IAAuB,CACvC,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedUsersList = () => {\n const users = useUserFollow();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (users.users.length === 0 \|\| users.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedUsers')}>\n <ListItem style={{ display: 'block' }} dense disableGutters>\n {users.users.map(user => (\n <UserChip key={user} entityRef={user} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EACxD,QAAM,EAAA,KAAA,CAAA,KAAA,CAAM,IAAI,CACf,IAAA,qBAAA,GAAA,CAAC,QAAoB,EAAA,EAAA,SAAA,EAAW,IAAjB,EAAA,EAAA,IAAuB,CACvC,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/GridItemStyles/useGridItemStyles.esm.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { makeStyles } from '@material-ui/core';
+const useGridItemStyles = makeStyles((theme) => ({
+  card: {
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    transition: "transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
+    "&:hover": {
+      transform: "translateY(-4px)",
+      boxShadow: theme.shadows[4]
+    },
+    backgroundColor: theme.palette.background.default
+  },
+  cardHeader: {
+    padding: theme.spacing(2),
+    "& .MuiTypography-h6": {
+      fontSize: "1.25rem",
+      fontWeight: 600
+    },
+    "& .MuiAvatar-root": {
+      width: 40,
+      height: 40
+    }
+  },
+  cardContent: {
+    padding: theme.spacing(2),
+    flexGrow: 1
+  },
+  stats: {
+    color: theme.palette.text.secondary,
+    display: "flex",
+    flexWrap: "wrap",
+    gap: theme.spacing(1),
+    "& > span": {
+      display: "inline-flex",
+      alignItems: "center"
+    }
+  },
+  experts: {
+    marginBottom: theme.spacing(1),
+    "& .MuiTypography-caption": {
+      color: theme.palette.text.secondary
+    }
+  },
+  description: {
+    color: theme.palette.text.primary,
+    lineHeight: 1.5
+  },
+  cardActions: {
+    padding: theme.spacing(2),
+    borderTop: `1px solid ${theme.palette.divider}`
+  },
+  actionButton: {
+    margin: theme.spacing(0, 1),
+    textTransform: "none"
+  },
+  ellipsis: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    maxWidth: 180,
+    display: "block"
+  }
+}));
+export { useGridItemStyles as default };
+//# sourceMappingURL=useGridItemStyles.esm.js.map

package/dist/components/GridItemStyles/useGridItemStyles.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useGridItemStyles.esm.js","sources":["../../../src/components/GridItemStyles/useGridItemStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useGridItemStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',\n '&:hover': {\n transform: 'translateY(-4px)',\n boxShadow: theme.shadows[4],\n },\n backgroundColor: theme.palette.background.default,\n },\n cardHeader: {\n padding: theme.spacing(2),\n '& .MuiTypography-h6': {\n fontSize: '1.25rem',\n fontWeight: 600,\n },\n '& .MuiAvatar-root': {\n width: 40,\n height: 40,\n },\n },\n cardContent: {\n padding: theme.spacing(2),\n flexGrow: 1,\n },\n stats: {\n color: theme.palette.text.secondary,\n display: 'flex',\n flexWrap: 'wrap',\n gap: theme.spacing(1),\n '& > span': {\n display: 'inline-flex',\n alignItems: 'center',\n },\n },\n experts: {\n marginBottom: theme.spacing(1),\n '& .MuiTypography-caption': {\n color: theme.palette.text.secondary,\n },\n },\n description: {\n color: theme.palette.text.primary,\n lineHeight: 1.5,\n },\n cardActions: {\n padding: theme.spacing(2),\n borderTop: `1px solid ${theme.palette.divider}`,\n },\n actionButton: {\n margin: theme.spacing(0, 1),\n textTransform: 'none',\n },\n ellipsis: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: 180,\n display: 'block',\n },\n}));\n\nexport default useGridItemStyles;\n"],"names":[],"mappings":";;AAEM,MAAA,iBAAA,GAAoB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC7C,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,yDAAA;AAAA,IACZ,SAAW,EAAA;AAAA,MACT,SAAW,EAAA,kBAAA;AAAA,MACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,GAC5C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,UAAY,EAAA;AAAA,KACd;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,UAAY,EAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,MACT,UAAY,EAAA;AAAA;AACd,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,0BAA4B,EAAA;AAAA,MAC1B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,GAC/C;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,GAAA;AAAA,IACV,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA;;;;"}

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

@@ -4,16 +4,73 @@ import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
-import { makeStyles, Grid, TextField, Button, Typography } from '@material-ui/core';
+import { makeStyles, Grid, TextField, InputAdornment, IconButton, Paper, Typography, Box, Button, CircularProgress } from '@material-ui/core';
+import CloudUploadIcon from '@material-ui/icons/CloudUpload';
+import CloseIcon from '@material-ui/icons/Close';
+import { useState, useEffect, useCallback } from 'react';
+import { useDropzone } from 'react-dropzone';
 const useStyles = makeStyles((theme) => ({
   headerImage: {
     marginBottom: "1rem",
-    marginTop: "1rem",
     height: "250px",
     objectFit: "cover",
     width: "100%",
-    border: `1px solid ${theme.palette.background.paper}`
+    border: `1px solid ${theme.palette.background.paper}`,
+    borderRadius: theme.shape.borderRadius,
+    boxShadow: theme.shadows[2]
+  },
+  dropzone: {
+    border: `2px dashed ${theme.palette.primary.main}`,
+    borderRadius: theme.shape.borderRadius,
+    padding: theme.spacing(2),
+    textAlign: "center",
+    cursor: "pointer",
+    backgroundColor: theme.palette.background.paper,
+    transition: "all 0.2s ease-in-out",
+    margin: "0 auto",
+    "&:hover": {
+      backgroundColor: theme.palette.action.hover
+    }
+  },
+  dropzoneActive: {
+    borderColor: theme.palette.primary.dark,
+    backgroundColor: theme.palette.action.selected
+  },
+  uploadIcon: {
+    fontSize: 36,
+    color: theme.palette.primary.main,
+    marginBottom: theme.spacing(1)
+  },
+  previewContainer: {
+    position: "relative",
+    marginTop: theme.spacing(1),
+    margin: "0 auto"
+  },
+  loadingOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "rgba(255, 255, 255, 0.7)",
+    borderRadius: theme.shape.borderRadius
+  },
+  previewLabel: {
+    marginBottom: theme.spacing(1),
+    color: theme.palette.text.secondary
+  },
+  imageErrorBox: {
+    padding: theme.spacing(3),
+    textAlign: "center",
+    color: theme.palette.error.main,
+    border: `1px solid ${theme.palette.error.main}`,
+    borderRadius: theme.shape.borderRadius,
+    backgroundColor: "#fff3f3",
+    marginTop: theme.spacing(1)
   }
 }));
 const HeaderImageInput = (props) => {
@@ -23,56 +80,134 @@ const HeaderImageInput = (props) => {
   const errorApi = useApi(errorApiRef);
   const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
+  const [isUploading, setIsUploading] = useState(false);
+  const [imageError, setImageError] = useState(false);
+  const [inputValue, setInputValue] = useState(url ?? "");
+  const [debouncedValue, setDebouncedValue] = useState(url ?? "");
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
-  return /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: isUploadDisabled ? 12 : 10, children: /* @__PURE__ */ jsx(
+  const allowedMimeTypes = configApi.getOptionalStringArray(
+    "qeta.storage.allowedMimeTypes"
+  ) || ["image/png", "image/jpeg", "image/jpg", "image/gif"];
+  const acceptObj = allowedMimeTypes.reduce((acc, type) => {
+    if (!type.includes("image/")) {
+      return acc;
+    }
+    acc[type] = [];
+    return acc;
+  }, {});
+  const handleClearUrl = () => {
+    setInputValue("");
+    setDebouncedValue("");
+    onChange(void 0);
+    setImageError(false);
+  };
+  useEffect(() => {
+    setInputValue(url ?? "");
+  }, [url]);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(inputValue);
+      if (inputValue !== url) {
+        onChange(inputValue);
+      }
+    }, 400);
+    return () => clearTimeout(handler);
+  }, [inputValue, onChange, url]);
+  useEffect(() => {
+    setImageError(false);
+  }, [debouncedValue]);
+  const onDrop = useCallback(
+    async (acceptedFiles) => {
+      if (acceptedFiles.length === 0) return;
+      try {
+        setIsUploading(true);
+        const buffer = await acceptedFiles[0].arrayBuffer();
+        const uri = await imageUpload({
+          qetaApi,
+          errorApi,
+          onImageUpload,
+          postId,
+          collectionId
+        })(buffer).next();
+        if (typeof uri.value === "string") {
+          setInputValue(uri.value);
+        }
+      } catch (error) {
+        errorApi.post(error);
+      } finally {
+        setIsUploading(false);
+      }
+    },
+    [qetaApi, errorApi, onImageUpload, postId, collectionId]
+  );
+  const { getRootProps, getInputProps, isDragActive } = useDropzone({
+    onDrop,
+    accept: acceptObj,
+    maxFiles: 1,
+    disabled: isUploadDisabled
+  });
+  if (Object.keys(acceptObj).length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
       TextField,
       {
-        value: url ?? "",
+        value: inputValue,
         fullWidth: true,
         label: t("fileInput.label"),
         placeholder: "https://",
         margin: "normal",
         variant: "outlined",
-        onChange: (e) => onChange(e.target.value),
+        onChange: (e) => {
+          setInputValue(e.target.value);
+        },
         helperText: t("fileInput.helperText"),
         FormHelperTextProps: {
           style: { marginLeft: "0.2em" }
+        },
+        InputProps: {
+          endAdornment: url && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": "clear image url",
+              onClick: handleClearUrl,
+              edge: "end",
+              children: /* @__PURE__ */ jsx(CloseIcon, {})
+            }
+          ) })
         }
       }
     ) }),
-    !isUploadDisabled && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 2, children: [
-      /* @__PURE__ */ jsx(
-        "input",
+    !isUploadDisabled && !url && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        ...getRootProps(),
+        className: `${styles.dropzone} ${isDragActive ? styles.dropzoneActive : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("input", { ...getInputProps() }),
+          /* @__PURE__ */ jsx(CloudUploadIcon, { className: styles.uploadIcon }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: isDragActive ? t("fileInput.dropHere") : t("fileInput.dragAndDrop") }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: t("fileInput.supportedFormats", {
+            formats: allowedMimeTypes.join(", ")
+          }) }),
+          /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", children: t("fileInput.selectFile") }) })
+        ]
+      }
+    ) }),
+    debouncedValue && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.previewContainer, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: styles.previewLabel, children: t("fileInput.preview") }),
+      imageError ? /* @__PURE__ */ jsx("div", { className: styles.imageErrorBox, children: t("fileInput.imageLoadError") }) : /* @__PURE__ */ jsx(
+        "img",
         {
-          accept: "image/*",
-          style: { display: "none" },
-          id: "headerImage",
-          type: "file",
-          onChange: async (event) => {
-            if (!event.target.files || event.target.files.length === 0) {
-              return;
-            }
-            const buffer = await event.target.files[0].arrayBuffer();
-            const uri = await imageUpload({
-              qetaApi,
-              errorApi,
-              onImageUpload,
-              postId,
-              collectionId
-            })(buffer).next();
-            if (typeof uri.value === "string") {
-              onChange(uri.value);
-            }
-          }
+          className: styles.headerImage,
+          src: debouncedValue,
+          alt: "header",
+          onError: () => setImageError(true)
         }
       ),
-      /* @__PURE__ */ jsx("label", { htmlFor: "headerImage", children: /* @__PURE__ */ jsx(Button, { variant: "contained", color: "primary", component: "span", children: t("fileInput.uploadHeaderImage") }) })
-    ] }),
-    url && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: t("fileInput.preview") }),
-      /* @__PURE__ */ jsx("img", { className: styles.headerImage, src: url, alt: "header" })
-    ] })
+      isUploading && /* @__PURE__ */ jsx("div", { className: styles.loadingOverlay, children: /* @__PURE__ */ jsx(CircularProgress, {}) })
+    ] }) })
   ] });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import { imageUpload } from '../../utils/utils';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n },\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <img className={styles.headerImage} src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import { imageUpload } from '../../utils/utils';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n CircularProgress,\n Paper,\n Box,\n IconButton,\n InputAdornment,\n} from '@material-ui/core';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useState, useCallback, useEffect } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n dropzone: {\n border: `2px dashed ${theme.palette.primary.main}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n textAlign: 'center',\n cursor: 'pointer',\n backgroundColor: theme.palette.background.paper,\n transition: 'all 0.2s ease-in-out',\n margin: '0 auto',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n dropzoneActive: {\n borderColor: theme.palette.primary.dark,\n backgroundColor: theme.palette.action.selected,\n },\n uploadIcon: {\n fontSize: 36,\n color: theme.palette.primary.main,\n marginBottom: theme.spacing(1),\n },\n previewContainer: {\n position: 'relative',\n marginTop: theme.spacing(1),\n margin: '0 auto',\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 borderRadius: theme.shape.borderRadius,\n },\n previewLabel: {\n marginBottom: theme.spacing(1),\n color: theme.palette.text.secondary,\n },\n imageErrorBox: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.error.main,\n border: `1px solid ${theme.palette.error.main}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: '#fff3f3',\n marginTop: theme.spacing(1),\n },\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const [isUploading, setIsUploading] = useState(false);\n const [imageError, setImageError] = useState(false);\n const [inputValue, setInputValue] = useState(url ?? '');\n const [debouncedValue, setDebouncedValue] = useState(url ?? '');\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n const allowedMimeTypes = configApi.getOptionalStringArray(\n 'qeta.storage.allowedMimeTypes',\n ) \|\| ['image/png', 'image/jpeg', 'image/jpg', 'image/gif'];\n\n const acceptObj = allowedMimeTypes.reduce((acc, type) => {\n if (!type.includes('image/')) {\n return acc;\n }\n acc[type] = [];\n return acc;\n }, {} as Record<string, string[]>);\n\n const handleClearUrl = () => {\n setInputValue('');\n setDebouncedValue('');\n onChange(undefined);\n setImageError(false);\n };\n\n useEffect(() => {\n setInputValue(url ?? '');\n }, [url]);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(inputValue);\n if (inputValue !== url) {\n onChange(inputValue);\n }\n }, 400);\n return () => clearTimeout(handler);\n }, [inputValue, onChange, url]);\n\n useEffect(() => {\n setImageError(false);\n }, [debouncedValue]);\n\n const onDrop = useCallback(\n async (acceptedFiles: File[]) => {\n if (acceptedFiles.length === 0) return;\n\n try {\n setIsUploading(true);\n const buffer = await acceptedFiles[0].arrayBuffer();\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n setInputValue(uri.value);\n }\n } catch (error) {\n errorApi.post(error);\n } finally {\n setIsUploading(false);\n }\n },\n [qetaApi, errorApi, onImageUpload, postId, collectionId],\n );\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n accept: acceptObj,\n maxFiles: 1,\n disabled: isUploadDisabled,\n });\n\n if (Object.keys(acceptObj).length === 0) {\n return null;\n }\n\n return (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <TextField\n value={inputValue}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => {\n setInputValue(e.target.value);\n }}\n helperText={t('fileInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n InputProps={{\n endAdornment: url && (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"clear image url\"\n onClick={handleClearUrl}\n edge=\"end\"\n >\n <CloseIcon />\n </IconButton>\n </InputAdornment>\n ),\n }}\n />\n </Grid>\n {!isUploadDisabled && !url && (\n <Grid item xs={12}>\n <Paper\n {...getRootProps()}\n className={`${styles.dropzone} ${\n isDragActive ? styles.dropzoneActive : ''\n }`}\n >\n <input {...getInputProps()} />\n <CloudUploadIcon className={styles.uploadIcon} />\n <Typography variant=\"h6\" gutterBottom>\n {isDragActive\n ? t('fileInput.dropHere')\n : t('fileInput.dragAndDrop')}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {t('fileInput.supportedFormats', {\n formats: allowedMimeTypes.join(', '),\n })}\n </Typography>\n <Box mt={2}>\n <Button variant=\"contained\" color=\"primary\">\n {t('fileInput.selectFile')}\n </Button>\n </Box>\n </Paper>\n </Grid>\n )}\n {debouncedValue && (\n <Grid item xs={12}>\n <div className={styles.previewContainer}>\n <Typography variant=\"subtitle2\" className={styles.previewLabel}>\n {t('fileInput.preview')}\n </Typography>\n {imageError ? (\n <div className={styles.imageErrorBox}>\n {t('fileInput.imageLoadError')}\n </div>\n ) : (\n <img\n className={styles.headerImage}\n src={debouncedValue}\n alt=\"header\"\n onError={() => setImageError(true)}\n />\n )}\n {isUploading && (\n <div className={styles.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n </div>\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}