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

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

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

Files changed (161) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\n\nexport type QuestionCardClassKeys =\n \| 'root'\n \| 'contentContainer'\n \| 'markdownContainer'\n \| 'buttons'\n \| 'metadata';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n contentContainer: {\n marginLeft: '0.5em',\n width: 'calc(100% - 70px)',\n },\n markdownContainer: {\n minHeight: '6em',\n paddingBottom: '0.5em',\n },\n buttons: {\n marginTop: '1em',\n '& *:not(:last-child)': {\n marginRight: '0.3em',\n },\n },\n metadata: {\n marginTop: theme.spacing(3),\n },\n }),\n { name: 'QetaQuestionCard' },\n);\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const navigate = useNavigate();\n const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const [questionEntity, setQuestionEntity] = useState(question);\n const qetaApi = useApi(qetaApiRef);\n const { isModerator } = useIsModerator();\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const { t } = useTranslationRef(qetaTranslationRef);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setQuestionEntity(q);\n };\n const styles = useStyles();\n\n const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n useEffect(() => {\n if (highlightedAnswer) {\n try {\n const element = document.querySelector(`#${highlightedAnswer}`);\n if (element) {\n element.scrollIntoView();\n }\n } catch (e) {\n // NOOP\n }\n }\n }, [highlightedAnswer]);\n\n const restoreQuestion = async () => {\n qetaApi.restorePost(question.id).then(q => {\n setQuestionEntity(q);\n });\n };\n\n return (\n <>\n <Card\n variant=\"outlined\"\n className={styles.root}\n data-testid=\"question-card\"\n >\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item>\n <VoteButtonContainer>\n <VoteButtons entity={questionEntity} />\n <FavoriteButton entity={questionEntity} />\n <LinkButton entity={questionEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid\n item\n className={styles.contentContainer}\n style={{ flexGrow: '1' }}\n >\n <Grid item className={styles.markdownContainer}>\n <MarkdownRenderer content={questionEntity.content} />\n </Grid>\n <Box\n display=\"flex\"\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n className={styles.metadata}\n style={{ width: '100%' }}\n >\n <Box flex=\"1 1 0%\" minWidth={0}>\n <TagsAndEntities entity={questionEntity} />\n <Box className={styles.buttons}>\n {question.canEdit && question.status !== 'obsolete' && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\n }\n className=\"qetaQuestionCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n {question.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={questionEntity}\n />\n </>\n )}\n {isModerator && questionEntity.status === 'deleted' && (\n <Button\n variant=\"contained\"\n size=\"small\"\n startIcon={<RestoreIcon />}\n onClick={() => restoreQuestion()}\n className=\"qetaQuestionCardRestoreBtn\"\n >\n {t('questionPage.restoreButton')}\n </Button>\n )}\n </Box>\n </Box>\n <AuthorBoxes entity={questionEntity} />\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection post={questionEntity} onCommentAction={onCommentAction} />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\n\nexport type QuestionCardClassKeys =\n \| 'root'\n \| 'contentContainer'\n \| 'markdownContainer'\n \| 'buttons'\n \| 'metadata';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {},\n contentContainer: {\n marginLeft: '0.5em',\n width: 'calc(100% - 70px)',\n },\n markdownContainer: {\n minHeight: '6em',\n paddingBottom: '0.5em',\n },\n buttons: {\n marginTop: '1em',\n '& *:not(:last-child)': {\n marginRight: '0.3em',\n },\n },\n metadata: {\n marginTop: theme.spacing(3),\n },\n }),\n { name: 'QetaQuestionCard' },\n);\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n const { question } = props;\n const navigate = useNavigate();\n const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const [questionEntity, setQuestionEntity] = useState(question);\n const qetaApi = useApi(qetaApiRef);\n const { isModerator } = useIsModerator();\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const { t } = useTranslationRef(qetaTranslationRef);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setQuestionEntity(q);\n };\n const styles = useStyles();\n\n const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n useEffect(() => {\n if (highlightedAnswer) {\n try {\n const element = document.querySelector(`#${highlightedAnswer}`);\n if (element) {\n element.scrollIntoView();\n }\n } catch (e) {\n // NOOP\n }\n }\n }, [highlightedAnswer]);\n\n const restoreQuestion = async () => {\n qetaApi.restorePost(question.id).then(q => {\n setQuestionEntity(q);\n });\n };\n\n return (\n <>\n <Card\n variant=\"outlined\"\n className={styles.root}\n data-testid=\"question-card\"\n >\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item>\n <VoteButtonContainer>\n <VoteButtons entity={questionEntity} />\n <FavoriteButton entity={questionEntity} />\n <LinkButton entity={questionEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid\n item\n className={styles.contentContainer}\n style={{ flexGrow: '1' }}\n >\n <Grid item className={styles.markdownContainer}>\n <MarkdownRenderer content={questionEntity.content} />\n </Grid>\n <Box\n display=\"flex\"\n alignItems=\"flex-start\"\n justifyContent=\"space-between\"\n className={styles.metadata}\n style={{ width: '100%' }}\n >\n <Box flex=\"1 1 0%\" minWidth={0}>\n <TagsAndEntities entity={questionEntity} />\n <Box className={styles.buttons}>\n {question.canEdit && question.status !== 'obsolete' && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() =>\n navigate(\n editQuestionRoute({\n id: question.id.toString(10),\n }),\n )\n }\n className=\"qetaQuestionCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n {question.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={questionEntity}\n />\n </>\n )}\n {isModerator && questionEntity.status === 'deleted' && (\n <Button\n variant=\"contained\"\n size=\"small\"\n startIcon={<RestoreIcon />}\n onClick={() => restoreQuestion()}\n className=\"qetaQuestionCardRestoreBtn\"\n >\n {t('questionPage.restoreButton')}\n </Button>\n )}\n </Box>\n </Box>\n <AuthorBoxes entity={questionEntity} />\n </Box>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection post={questionEntity} onCommentAction={onCommentAction} />\n </>\n );\n};\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport { Tooltip } from '@material-ui/core';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date \| string }) => {\n const { value } = props;\n let date = value;\n const [updates, setUpdates] = useState(1);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setUpdates(updates === 1 ? 0 : 1);\n }, 30000);\n return () => clearInterval(interval);\n }, [updates, setUpdates]);\n\n if (typeof date === 'string' \|\| date instanceof String) {\n date = new Date(date);\n }\n\n return (\n <Tooltip title={date.toLocaleString(navigator.languages)}>\n <RelativeTime value={date} />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;~~AAKa~~,~~MAAA~~,uBAAA,GAA0B,CAAC,KAAoC~~,KAAA~~;AAC1E,~~EAAM~~,~~MAAA~~,EAAE,~~OAAU~~,~~GAAA~~,KAAA;AAClB,EAAA,IAAI,~~IAAO~~,~~GAAA~~,KAAA;AACX,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,CAAC,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM;AACd,~~IAAM~~,~~MAAA~~,QAAA,GAAW,YAAY,MAAM;AACjC,~~MAAW~~,UAAA,~~CAAA~~,OAAA,KAAY,~~CAAI~~,~~GAAA~~,CAAA,GAAI,CAAC,CAAA;AAAA,~~OAC/B~~,GAAK,CAAA;AACR,~~IAAO~~,~~OAAA~~,MAAM,cAAc,QAAQ,CAAA;AAAA,~~GAClC~~,~~EAAA~~,CAAC,~~OAAS~~,~~EAAA~~,UAAU,CAAC,CAAA;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,~~QAAY~~,~~IAAA~~,IAAA,YAAgB,~~MAAQ~~,~~EAAA~~;AACtD,~~IAAO~~,IAAA,~~GAAA~~,IAAI,KAAK,IAAI,CAAA;AAAA;~~AAGtB~~,EAAA,~~uBACG~~,GAAA,~~CAAA~~,OAAA,EAAA,EAAQ,~~KAAO~~,~~EAAA~~,IAAA,CAAK,~~cAAe~~,~~CAAA~~,SAAA,CAAU,SAAS,CAAA,EACrD,~~QAAC~~,kBAAA,GAAA,~~CAAA~~,YAAA,EAAA,EAAa,~~KAAO~~,~~EAAA~~,IAAA,EAAM,~~CAC7B~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport { Tooltip } from '@material-ui/core';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date \| string }) => {\n const { value } = props;\n let date = value;\n const [updates, setUpdates] = useState(1);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setUpdates(updates === 1 ? 0 : 1);\n }, 30000);\n return () => clearInterval(interval);\n }, [updates, setUpdates]);\n\n if (typeof date === 'string' \|\| date instanceof String) {\n date = new Date(date);\n }\n\n return (\n <Tooltip title={date.toLocaleString(navigator.languages)}>\n <RelativeTime value={date} />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,uBAAA,GAA0B,CAAC,KAAA,KAAoC;AAC1E,EAAA,MAAM,EAAE,OAAM,GAAI,KAAA;AAClB,EAAA,IAAI,IAAA,GAAO,KAAA;AACX,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,CAAC,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,MAAA,UAAA,CAAW,OAAA,KAAY,CAAA,GAAI,CAAA,GAAI,CAAC,CAAA;AAAA,IAClC,GAAG,GAAK,CAAA;AACR,IAAA,OAAO,MAAM,cAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,OAAA,EAAS,UAAU,CAAC,CAAA;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,YAAgB,MAAA,EAAQ;AACtD,IAAA,IAAA,GAAO,IAAI,KAAK,IAAI,CAAA;AAAA,EACtB;AAEA,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,IAAA,CAAK,cAAA,CAAe,SAAA,CAAU,SAAS,CAAA,EACrD,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,IAAA,EAAM,CAAA,EAC7B,CAAA;AAEJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n CircularProgress,\n IconButton,\n InputBase,\n makeStyles,\n Paper,\n Theme,\n Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport debounce from 'lodash/debounce';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport type QetaSearchBarClassKeys =\n \| 'root'\n \| 'input'\n \| 'iconButton'\n \| 'divider'\n \| 'searchIcon'\n \| 'loadingIcon';\n\nconst useStyles = makeStyles(\n (theme: Theme) => ({\n root: {\n padding: '2px 4px',\n display: 'flex',\n alignItems: 'center',\n minWidth: 300,\n boxShadow: 'none',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n borderColor: theme.palette.primary.main,\n },\n '&:focus-within': {\n borderColor: theme.palette.primary.main,\n boxShadow: `0 0 0 2px ${theme.palette.primary.light}`,\n },\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n },\n iconButton: {\n padding: 5,\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n divider: {\n height: 28,\n margin: 4,\n },\n searchIcon: {\n color: theme.palette.text.secondary,\n },\n loadingIcon: {\n color: theme.palette.primary.main,\n },\n }),\n { name: 'QetaSearchBar' },\n);\n\nexport const SearchBar = (props: {\n label: string;\n onSearch: (query: string) => void;\n loading?: boolean;\n minSearchLength?: number;\n debounceTime?: number;\n}) => {\n const {\n label,\n onSearch,\n loading = false,\n minSearchLength = 1,\n debounceTime = 150,\n } = props;\n const [searchQuery, setSearchQuery] = useState('');\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const debouncedSearch = useCallback(\n (query: string) => {\n if (query.length >= minSearchLength \|\| query.length === 0) {\n onSearch(query);\n }\n },\n [onSearch, minSearchLength],\n );\n\n const debouncedSearchCallback = useMemo(\n () => debounce(debouncedSearch, debounceTime),\n [debouncedSearch, debounceTime],\n );\n\n useEffect(() => {\n return () => {\n debouncedSearchCallback.cancel();\n };\n }, [debouncedSearchCallback]);\n\n const handleSearch = (query: string) => {\n setSearchQuery(query);\n debouncedSearchCallback(query);\n };\n\n const handleClear = () => {\n setSearchQuery('');\n onSearch('');\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n handleClear();\n }\n };\n\n return (\n <Paper\n component=\"form\"\n className={classes.root}\n onSubmit={e => e.preventDefault()}\n >\n <Tooltip title={t('common.search')}>\n <IconButton\n type=\"button\"\n aria-label=\"search\"\n className={classes.iconButton}\n >\n {loading ? (\n <CircularProgress size={24} className={classes.loadingIcon} />\n ) : (\n <SearchIcon className={classes.searchIcon} />\n )}\n </IconButton>\n </Tooltip>\n <InputBase\n className={classes.input}\n placeholder={label}\n value={searchQuery}\n name=\"search\"\n onKeyDown={handleKeyDown}\n inputProps={{\n 'aria-label': label,\n onChange: (\n event: ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => handleSearch(event.target.value),\n }}\n />\n {searchQuery && (\n <Tooltip title={t('common.clear')}>\n <IconButton\n type=\"button\"\n aria-label=\"clear\"\n className={classes.iconButton}\n onClick={handleClear}\n >\n <CloseIcon />\n </IconButton>\n </Tooltip>\n )}\n </Paper>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAwBA,MAAM,~~SAAY~~,~~GAAA~~,UAAA;AAAA,EAChB,CAAC,~~KAAkB~~,~~MAAA~~;AAAA,IACjB,~~IAAM~~,~~EAAA~~;AAAA,MACJ,~~OAAS~~,~~EAAA~~,SAAA;AAAA,MACT,~~OAAS~~,~~EAAA~~,MAAA;AAAA,MACT,~~UAAY~~,~~EAAA~~,QAAA;AAAA,MACZ,~~QAAU~~,~~EAAA~~,GAAA;AAAA,MACV,~~SAAW~~,~~EAAA~~,MAAA;AAAA,MACX,~~MAAQ~~,~~EAAA~~,CAAA,UAAA,EAAa,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,MAC1C,YAAA,EAAc,MAAM,~~KAAM~~,~~CAAA~~,YAAA;AAAA,MAC1B,~~UAAY~~,~~EAAA~~,sBAAA;AAAA,MACZ,~~SAAW~~,~~EAAA~~;AAAA,QACT,WAAA,EAAa,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~OAAQ~~,~~CAAA~~;AAAA,OACrC;AAAA,MACA,~~gBAAkB~~,~~EAAA~~;AAAA,QAChB,WAAA,EAAa,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~OAAQ~~,~~CAAA~~,IAAA;AAAA,QACnC,~~SAAW~~,~~EAAA~~,CAAA,UAAA,EAAa,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,QAAQ,KAAK,CAAA;AAAA;AACrD,KACF;AAAA,IACA,~~KAAO~~,~~EAAA~~;AAAA,MACL,UAAA,EAAY,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,~~IAAM~~,~~EAAA~~;AAAA,KACR;AAAA,IACA,~~UAAY~~,~~EAAA~~;AAAA,MACV,~~OAAS~~,~~EAAA~~,CAAA;AAAA,MACT,~~SAAW~~,~~EAAA~~;AAAA,QACT,eAAA,EAAiB,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~MAAO~~,~~CAAA~~;AAAA;AACxC,KACF;AAAA,IACA,~~OAAS~~,~~EAAA~~;AAAA,MACP,~~MAAQ~~,~~EAAA~~,EAAA;AAAA,MACR,~~MAAQ~~,~~EAAA~~;AAAA,KACV;AAAA,IACA,~~UAAY~~,~~EAAA~~;AAAA,MACV,KAAA,EAAO,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~IAAK~~,~~CAAA~~;AAAA,KAC5B;AAAA,IACA,~~WAAa~~,~~EAAA~~;AAAA,MACX,KAAA,EAAO,~~KAAM~~,~~CAAA~~,OAAA,CAAQ,~~OAAQ~~,~~CAAA~~;AAAA;AAC/B,GACF,CAAA;AAAA,EACA,EAAE,MAAM,~~eAAgB~~;~~AAC1B~~,CAAA;~~AAEa~~,~~MAAA~~,SAAA,GAAY,CAAC,KAMpB~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~;AAAA,IACJ,KAAA;AAAA,IACA,QAAA;AAAA,IACA,~~OAAU~~,~~GAAA~~,KAAA;AAAA,IACV,~~eAAkB~~,~~GAAA~~,CAAA;AAAA,IAClB,~~YAAe~~,~~GAAA~~;AAAA,~~GACb~~,~~GAAA~~,KAAA;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,UAAU,~~SAAU~~,~~EAAA~~;AAC1B,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,~~eAAkB~~,~~GAAA~~,WAAA;AAAA,IACtB,CAAC,KAAkB~~,KAAA~~;AACjB,MAAA,IAAI,~~KAAM~~,~~CAAA~~,MAAA,IAAU,~~eAAmB~~,~~IAAA~~,KAAA,CAAM,WAAW,~~CAAG~~,~~EAAA~~;AACzD,QAAA,QAAA,CAAS,KAAK,CAAA;AAAA;~~AAChB~~,~~KACF~~;AAAA,IACA,CAAC,UAAU,eAAe;AAAA,GAC5B;AAEA,EAAA,MAAM,~~uBAA0B~~,~~GAAA~~,OAAA;AAAA,IAC9B,MAAM,~~QAAS~~,~~CAAA~~,eAAA,EAAiB,YAAY,CAAA;AAAA,IAC5C,CAAC,iBAAiB,YAAY;AAAA,GAChC;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,uBAAA,CAAwB,~~MAAO~~,~~EAAA~~;AAAA,~~KACjC~~;AAAA,~~GACF~~,EAAG,CAAC,uBAAuB,CAAC,CAAA;AAE5B,~~EAAM~~,~~MAAA~~,YAAA,GAAe,CAAC,KAAkB~~,KAAA~~;AACtC,IAAA,cAAA,CAAe,KAAK,CAAA;AACpB,IAAA,uBAAA,CAAwB,KAAK,CAAA;AAAA,~~GAC~~/B;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,QAAA,CAAS,EAAE,CAAA;AAAA,~~GACb~~;AAEA,~~EAAM~~,~~MAAA~~,aAAA,GAAgB,CAAC,KAA+B~~,KAAA~~;AACpD,IAAI,~~IAAA,~~KAAA,CAAM,QAAQ,~~QAAU~~,~~EAAA~~;AAC1B,~~MAAY~~,WAAA,~~EAAA~~;AAAA;~~AACd~~,~~GACF~~;AAEA,~~EACE~~,~~uBAAA~~,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,~~SAAU~~,~~EAAA~~,MAAA;AAAA,MACV,WAAW,~~OAAQ~~,~~CAAA~~,IAAA;AAAA,MACnB,QAAA,EAAU,~~CAAK~~,CAAA,~~KAAA~~,CAAA,CAAE,~~cAAe~~,~~EAAA~~;AAAA,MAEhC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,~~OAAQ~~,EAAA,~~EAAA~~,KAAA,EAAO,CAAE,CAAA,~~eAAe,CAC~~/B,~~EAAA,~~QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,~~IAAK~~,~~EAAA~~,QAAA;AAAA,YACL,~~YAAW~~,~~EAAA~~,QAAA;AAAA,YACX,WAAW,~~OAAQ~~,~~CAAA~~,UAAA;AAAA,YAElB,~~QACC~~,EAAA,OAAA,~~mBAAA~~,GAAA,CAAC,~~gBAAiB~~,EAAA,~~EAAA~~,IAAA,EAAM,EAAI,~~EAAA,~~SAAA,EAAW,~~OAAQ~~,~~CAAA~~,WAAA,EAAa,~~CAE5D~~,~~mBAAA~~,GAAA,CAAC,~~UAAW~~,EAAA,~~EAAA~~,SAAA,EAAW,QAAQ,~~UAAY~~,~~EAAA~~;AAAA;AAAA,~~SAGjD~~,~~EAAA~~,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,WAAW,~~OAAQ~~,~~CAAA~~,KAAA;AAAA,YACnB,~~WAAa~~,~~EAAA~~,KAAA;AAAA,YACb,~~KAAO~~,~~EAAA~~,WAAA;AAAA,YACP,~~IAAK~~,~~EAAA~~,QAAA;AAAA,YACL,~~SAAW~~,~~EAAA~~,aAAA;AAAA,YACX,~~UAAY~~,~~EAAA~~;AAAA,cACV,~~YAAc~~,~~EAAA~~,KAAA;AAAA,cACd,UAAU,CACR,KAAA,KACG,~~YAAa~~,~~CAAA~~,KAAA,CAAM,OAAO,KAAK;AAAA;AACtC;AAAA,SACF;AAAA,QACC,+~~BACE~~,GAAA,~~CAAA~~,OAAA,EAAA,EAAQ,~~KAAO~~,~~EAAA~~,CAAA,CAAE,cAAc,~~CAC9B~~,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,~~IAAK~~,~~EAAA~~,QAAA;AAAA,YACL,~~YAAW~~,~~EAAA~~,OAAA;AAAA,YACX,WAAW,~~OAAQ~~,~~CAAA~~,UAAA;AAAA,YACnB,~~OAAS~~,~~EAAA~~,WAAA;AAAA,YAET,8BAAC,~~SAAU~~,EAAA,~~EAAA~~;AAAA;AAAA,~~SAEf~~,~~EAAA~~;AAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n CircularProgress,\n IconButton,\n InputBase,\n makeStyles,\n Paper,\n Theme,\n Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport debounce from 'lodash/debounce';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport type QetaSearchBarClassKeys =\n \| 'root'\n \| 'input'\n \| 'iconButton'\n \| 'divider'\n \| 'searchIcon'\n \| 'loadingIcon';\n\nconst useStyles = makeStyles(\n (theme: Theme) => ({\n root: {\n padding: '2px 4px',\n display: 'flex',\n alignItems: 'center',\n minWidth: 300,\n boxShadow: 'none',\n border: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n borderColor: theme.palette.primary.main,\n },\n '&:focus-within': {\n borderColor: theme.palette.primary.main,\n boxShadow: `0 0 0 2px ${theme.palette.primary.light}`,\n },\n },\n input: {\n marginLeft: theme.spacing(1),\n flex: 1,\n },\n iconButton: {\n padding: 5,\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n divider: {\n height: 28,\n margin: 4,\n },\n searchIcon: {\n color: theme.palette.text.secondary,\n },\n loadingIcon: {\n color: theme.palette.primary.main,\n },\n }),\n { name: 'QetaSearchBar' },\n);\n\nexport const SearchBar = (props: {\n label: string;\n onSearch: (query: string) => void;\n loading?: boolean;\n minSearchLength?: number;\n debounceTime?: number;\n}) => {\n const {\n label,\n onSearch,\n loading = false,\n minSearchLength = 1,\n debounceTime = 150,\n } = props;\n const [searchQuery, setSearchQuery] = useState('');\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const debouncedSearch = useCallback(\n (query: string) => {\n if (query.length >= minSearchLength \|\| query.length === 0) {\n onSearch(query);\n }\n },\n [onSearch, minSearchLength],\n );\n\n const debouncedSearchCallback = useMemo(\n () => debounce(debouncedSearch, debounceTime),\n [debouncedSearch, debounceTime],\n );\n\n useEffect(() => {\n return () => {\n debouncedSearchCallback.cancel();\n };\n }, [debouncedSearchCallback]);\n\n const handleSearch = (query: string) => {\n setSearchQuery(query);\n debouncedSearchCallback(query);\n };\n\n const handleClear = () => {\n setSearchQuery('');\n onSearch('');\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Escape') {\n handleClear();\n }\n };\n\n return (\n <Paper\n component=\"form\"\n className={classes.root}\n onSubmit={e => e.preventDefault()}\n >\n <Tooltip title={t('common.search')}>\n <IconButton\n type=\"button\"\n aria-label=\"search\"\n className={classes.iconButton}\n >\n {loading ? (\n <CircularProgress size={24} className={classes.loadingIcon} />\n ) : (\n <SearchIcon className={classes.searchIcon} />\n )}\n </IconButton>\n </Tooltip>\n <InputBase\n className={classes.input}\n placeholder={label}\n value={searchQuery}\n name=\"search\"\n onKeyDown={handleKeyDown}\n inputProps={{\n 'aria-label': label,\n onChange: (\n event: ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => handleSearch(event.target.value),\n }}\n />\n {searchQuery && (\n <Tooltip title={t('common.clear')}>\n <IconButton\n type=\"button\"\n aria-label=\"clear\"\n className={classes.iconButton}\n onClick={handleClear}\n >\n <CloseIcon />\n </IconButton>\n </Tooltip>\n )}\n </Paper>\n );\n};\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n List,\n ListItem,\n ListItemSecondaryAction,\n ListItemText,\n} from '@material-ui/core';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;~~AAiBa~~,~~MAAA~~,kBAAA,GAAqB,CAAC,KAG7B~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~SAAW~~,~~EAAA~~,gBAAA,~~EAAqB~~,~~GAAA~~,KAAA;AACxC,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,~~EAAI~~,~~IAAA~~,SAAA,CAAU,UAAU,~~CAAG~~,~~EAAA~~;AACzB,~~IAAO~~,~~OAAA~~,IAAA;AAAA;~~AAGT~~,EAAA,4BACG,~~IACC~~,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,~~UAAW~~,EAAA,~~EAAA~~,KAAA,EAAO,CAAE,~~CAAA,~~0BAA0B,~~CAAG~~,~~EAAA~~,CAAA;AAAA,oBAClD,GAAA,CAAC,eACC,~~QAAC~~,kBAAA,IAAA,~~CAAA~~,IAAA,EAAA,EAAK,OAAO,EAAE,KAAA,EAAO,~~QACnB~~,~~EAAA~~,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,UAAU,~~GAAI~~,~~CAAA~~,CAAC,~~QAAU~~,~~EAAA~~,KAAA,0BACjC,~~QACC~~,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAS,~~QAAS~~,~~CAAA~~,KAAA;AAAA,YAClB,WAAW,~~QAAS~~,~~CAAA~~;AAAA;AAAA,SACtB;AAAA,4BACC,~~uBACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,YACR,~~KAAM~~,~~EAAA~~,SAAA;AAAA,YACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,YAEvC,YAAE,iCAAiC;AAAA;AAAA,~~SAExC~~,~~EAAA~~;AAAA,OAAA,EAAA,EAba,KAcf,CACD,CAAA;AAAA,2BACA,~~QACC~~,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,YAC/C,SAAA,EAAW,EAAE,+CAA+C;AAAA;AAAA,SAC9D;AAAA,4BACC,~~uBACC~~,EAAA,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,YACR,~~KAAM~~,~~EAAA~~,SAAA;AAAA,YACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,YAEnC,YAAE,iCAAiC;AAAA;AAAA,~~SAExC~~,~~EAAA~~;AAAA,~~OACF~~,~~EAAA~~;AAAA,KAAA,EACF,~~CACF~~,~~EAAA~~;AAAA,~~GACF~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SelectTemplateList.esm.js","sources":["../../../src/components/SelectTemplateList/SelectTemplateList.tsx"],"sourcesContent":["import {\n Template,\n TemplatesResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n List,\n ListItem,\n ListItemSecondaryAction,\n ListItemText,\n} from '@material-ui/core';\n\nexport const SelectTemplateList = (props: {\n templates: TemplatesResponse;\n onTemplateSelect: (template: Template \| null) => void;\n}) => {\n const { templates, onTemplateSelect } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n if (templates.total === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader title={t('templateSelectList.title')} />\n <CardContent>\n <List style={{ width: '100%' }}>\n {templates.templates.map((template, index) => (\n <ListItem key={index}>\n <ListItemText\n primary={template.title}\n secondary={template.description}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(template)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n ))}\n <ListItem>\n <ListItemText\n primary={t('templateSelectList.genericQuestion')}\n secondary={t('templateSelectList.genericQuestionDescription')}\n />\n <ListItemSecondaryAction>\n <Button\n variant=\"outlined\"\n color=\"primary\"\n onClick={() => onTemplateSelect(null)}\n >\n {t('templateSelectList.selectButton')}\n </Button>\n </ListItemSecondaryAction>\n </ListItem>\n </List>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAG7B;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,gBAAA,EAAiB,GAAI,KAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,IAAI,SAAA,CAAU,UAAU,CAAA,EAAG;AACzB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,CAAA,CAAE,0BAA0B,CAAA,EAAG,CAAA;AAAA,oBAClD,GAAA,CAAC,eACC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,OAAO,EAAE,KAAA,EAAO,QAAO,EAC1B,QAAA,EAAA;AAAA,MAAA,SAAA,CAAU,UAAU,GAAA,CAAI,CAAC,QAAA,EAAU,KAAA,0BACjC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAS,QAAA,CAAS,KAAA;AAAA,YAClB,WAAW,QAAA,CAAS;AAAA;AAAA,SACtB;AAAA,4BACC,uBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,UAAA;AAAA,YACR,KAAA,EAAM,SAAA;AAAA,YACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,QAAQ,CAAA;AAAA,YAEvC,YAAE,iCAAiC;AAAA;AAAA,SACtC,EACF;AAAA,OAAA,EAAA,EAba,KAcf,CACD,CAAA;AAAA,2BACA,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,EAAE,oCAAoC,CAAA;AAAA,YAC/C,SAAA,EAAW,EAAE,+CAA+C;AAAA;AAAA,SAC9D;AAAA,4BACC,uBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,UAAA;AAAA,YACR,KAAA,EAAM,SAAA;AAAA,YACN,OAAA,EAAS,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,YAEnC,YAAE,iCAAiC;AAAA;AAAA,SACtC,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
-import { ResponsiveContainer, BarChart, Tooltip as Tooltip$1, Bar, CartesianGrid, XAxis, YAxis, LineChart, Line } from 'recharts';
+import { ResponsiveContainer, LineChart, Tooltip as Tooltip$1, Line, CartesianGrid, XAxis, YAxis, BarChart, Bar } from 'recharts';
 import { makeStyles, createStyles, Typography, Box, CircularProgress, ButtonGroup, Tooltip, IconButton } from '@material-ui/core';
 import { useTheme } from '@material-ui/core/styles';
 import ShowChartIcon from '@material-ui/icons/ShowChart';

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 \| 'reputation'\n \| 'answerScore'\n \| 'postScore'\n \| 'correctAnswers'\n \| 'activeUsers';\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: 'activeUsers',\n name: t('stats.activeUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\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 dataKey: 'answerScore',\n name: t('stats.answerScore'),\n color: isDark ? '#a855f7' : '#7e22ce', // purple-500 / purple-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'postScore',\n name: t('stats.postScore'),\n color: isDark ? '#22c55e' : '#15803d', // green-500 / green-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'correctAnswers',\n name: t('stats.correctAnswers'),\n color: isDark ? '#eab308' : '#a16207', // yellow-500 / yellow-700\n enabled: true,\n globalStat: false,\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 \| Date \| string>;\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 instanceof Date\n ? value.toLocaleDateString()\n : (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 \| 'answerScore'\n \| 'postScore'\n \| 'correctAnswers'\n \| 'activeUsers';\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: 'activeUsers',\n name: t('stats.activeUsers'),\n color: isDark ? '#a78bfa' : '#6d28d9', // purple-400 / purple-800\n enabled: true,\n globalStat: true,\n userStat: false,\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 dataKey: 'answerScore',\n name: t('stats.answerScore'),\n color: isDark ? '#a855f7' : '#7e22ce', // purple-500 / purple-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'postScore',\n name: t('stats.postScore'),\n color: isDark ? '#22c55e' : '#15803d', // green-500 / green-700\n enabled: false,\n globalStat: false,\n userStat: true,\n },\n {\n dataKey: 'correctAnswers',\n name: t('stats.correctAnswers'),\n color: isDark ? '#eab308' : '#a16207', // yellow-500 / yellow-700\n enabled: true,\n globalStat: false,\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 \| Date \| string>;\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 instanceof Date\n ? value.toLocaleDateString()\n : (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/StatsChart/util.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.esm.js","sources":["../../../src/components/StatsChart/util.ts"],"sourcesContent":["import {\n GlobalStat,\n Stat,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport const isGlobalStat = (stat: Stat): stat is GlobalStat => {\n return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const isUserStat = (stat: Stat): stat is UserStat => {\n return (stat as UserStat).totalFollowers !== undefined;\n};\n"],"names":[],"mappings":"~~AAMa~~,~~MAAA~~,YAAA,GAAe,CAAC,~~IAAmC~~,~~KAAA~~;AAC9D,EAAA,OAAQ,KAAoB,~~UAAe~~,~~KAAA~~,~~KAAA,CAAA~~;AAC7C;~~AAEa~~,~~MAAA~~,UAAA,GAAa,CAAC,~~IAAiC~~,~~KAAA~~;AAC1D,EAAA,OAAQ,KAAkB,~~cAAmB~~,~~KAAA~~,~~KAAA,CAAA~~;AAC/C;;;;"}
1	+ {"version":3,"file":"util.esm.js","sources":["../../../src/components/StatsChart/util.ts"],"sourcesContent":["import {\n GlobalStat,\n Stat,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport const isGlobalStat = (stat: Stat): stat is GlobalStat => {\n return (stat as GlobalStat).totalUsers !== undefined;\n};\n\nexport const isUserStat = (stat: Stat): stat is UserStat => {\n return (stat as UserStat).totalFollowers !== undefined;\n};\n"],"names":[],"mappings":"AAMO,MAAM,YAAA,GAAe,CAAC,IAAA,KAAmC;AAC9D,EAAA,OAAQ,KAAoB,UAAA,KAAe,MAAA;AAC7C;AAEO,MAAM,UAAA,GAAa,CAAC,IAAA,KAAiC;AAC1D,EAAA,OAAQ,KAAkB,cAAA,KAAmB,MAAA;AAC/C;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { ReactNode, useMemo } from 'react';\nimport { Skeleton } from '@material-ui/lab';\nimport {\n DraftPostSuggestion,\n NeedsReviewSuggestion,\n NewArticleSuggestion,\n NewLinkSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n selectByPostType,\n SuggestionsResponse,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport RateReviewIcon from '@material-ui/icons/RateReview';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n Card,\n CardHeader,\n Divider,\n IconButton,\n List,\n ListItem,\n ListItemIcon,\n ListItemText,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n },\n header: {\n paddingBottom: theme.spacing(1),\n },\n listItem: {\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n transition: 'background-color 0.2s ease',\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n listItemText: {\n marginTop: theme.spacing(0.5),\n paddingLeft: theme.spacing(2),\n },\n listItemIcon: {\n minWidth: theme.spacing(5),\n paddingLeft: theme.spacing(1),\n },\n timestamp: {\n color: theme.palette.text.secondary,\n },\n primaryText: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: 'block',\n },\n emptyState: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n },\n loadingContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(3),\n },\n}));\n\nconst getRandomVariant = (key: string) => {\n return `${key}${Math.floor(Math.random() * 5) + 1}`;\n};\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n timestamp?: ReactNode;\n}) => {\n const classes = useStyles();\n return (\n <ListItem\n button\n component={RouterLink}\n to={props.href}\n className={classes.listItem}\n >\n {props.icon && (\n <ListItemIcon className={classes.listItemIcon}>\n {props.icon}\n </ListItemIcon>\n )}\n <ListItemText\n primary={props.children}\n secondary={props.timestamp}\n className={classes.listItemText}\n classes={{ primary: classes.primaryText }}\n />\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.noCorrectAnswer'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newQuestion'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst DraftPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.draftPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newArticle'),\n [],\n );\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n timestamp={\n <RelativeTimeWithTooltip\n value={getPostDisplayDate(suggestion.article)}\n />\n }\n >\n {t(variant as any, {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewLinkSuggestionItem = (props: { suggestion: NewLinkSuggestion }) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newLink'),\n [],\n );\n return (\n <SuggestionListItem\n href={linkRoute({ id: suggestion.link.id.toString(10) })}\n icon={<LinkIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={getPostDisplayDate(suggestion.link)} />\n }\n >\n {t(variant as any, {\n title: suggestion.link.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst RandomPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.randomPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NeedsReviewSuggestionItem = (props: {\n suggestion: NeedsReviewSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.needsReview'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<RateReviewIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n newLink: NewLinkSuggestionItem,\n draftPost: DraftPostSuggestionItem,\n randomPost: RandomPostSuggestionItem,\n needsReview: NeedsReviewSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const {\n value: response,\n loading,\n retry,\n } = useQetaApi<SuggestionsResponse>(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n\n const handleRefresh = () => {\n retry();\n };\n\n const renderContent = () => {\n if (loading) {\n return (\n <List>\n {Array.from(new Array(5)).map((_, index) => (\n <ListItem key={index} className={classes.listItem}>\n <ListItemIcon className={classes.listItemIcon}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n </ListItemIcon>\n <ListItemText\n primary={<Skeleton variant=\"text\" width=\"80%\" />}\n secondary={<Skeleton variant=\"text\" width=\"40%\" />}\n className={classes.listItemText}\n />\n </ListItem>\n ))}\n </List>\n );\n }\n\n if (suggestions.length === 0) {\n return (\n <div className={classes.emptyState}>\n <AssistantIcon style={{ fontSize: 40 }} />\n <Typography variant=\"body1\">\n {t('suggestionsCard.noSuggestions')}\n </Typography>\n </div>\n );\n }\n\n return (\n <List>\n {suggestions.map((suggestion, index) => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return (\n <div key={suggestion.id}>\n <SuggestionComponent suggestion={suggestion} />\n {index < suggestions.length - 1 && <Divider />}\n </div>\n );\n })}\n </List>\n );\n };\n\n return (\n <Card className={classes.card}>\n <CardHeader\n className={classes.header}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n action={\n <IconButton onClick={handleRefresh} disabled={loading}>\n <RefreshIcon />\n </IconButton>\n }\n />\n <Divider />\n {renderContent()}\n </Card>\n );\n};\n"],"names":["RouterLink","RateReviewIcon"],"mappings":"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"}
1	+ {"version":3,"file":"SuggestionsCard.esm.js","sources":["../../../src/components/SuggestionsCard/SuggestionsCard.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { ReactNode, useMemo } from 'react';\nimport { Skeleton } from '@material-ui/lab';\nimport {\n DraftPostSuggestion,\n NeedsReviewSuggestion,\n NewArticleSuggestion,\n NewLinkSuggestion,\n NewQuestionSuggestion,\n NoCorrectAnswerSuggestion,\n selectByPostType,\n SuggestionsResponse,\n SuggestionType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport AssistantIcon from '@material-ui/icons/Assistant';\nimport HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';\nimport CheckIcon from '@material-ui/icons/Check';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport RateReviewIcon from '@material-ui/icons/RateReview';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport {\n Card,\n CardHeader,\n Divider,\n IconButton,\n List,\n ListItem,\n ListItemIcon,\n ListItemText,\n makeStyles,\n Typography,\n} from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n },\n header: {\n paddingBottom: theme.spacing(1),\n },\n listItem: {\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n transition: 'background-color 0.2s ease',\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n listItemText: {\n marginTop: theme.spacing(0.5),\n paddingLeft: theme.spacing(2),\n },\n listItemIcon: {\n minWidth: theme.spacing(5),\n paddingLeft: theme.spacing(1),\n },\n timestamp: {\n color: theme.palette.text.secondary,\n },\n primaryText: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: 'block',\n },\n emptyState: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n },\n loadingContainer: {\n display: 'flex',\n justifyContent: 'center',\n padding: theme.spacing(3),\n },\n}));\n\nconst getRandomVariant = (key: string) => {\n return `${key}${Math.floor(Math.random() * 5) + 1}`;\n};\n\nconst SuggestionListItem = (props: {\n children: ReactNode;\n href: string;\n icon?: ReactNode;\n timestamp?: ReactNode;\n}) => {\n const classes = useStyles();\n return (\n <ListItem\n button\n component={RouterLink}\n to={props.href}\n className={classes.listItem}\n >\n {props.icon && (\n <ListItemIcon className={classes.listItemIcon}>\n {props.icon}\n </ListItemIcon>\n )}\n <ListItemText\n primary={props.children}\n secondary={props.timestamp}\n className={classes.listItemText}\n classes={{ primary: classes.primaryText }}\n />\n </ListItem>\n );\n};\n\nconst NoCorrectAnswerSuggestionItem = (props: {\n suggestion: NoCorrectAnswerSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.noCorrectAnswer'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<CheckIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewQuestionSuggestionItem = (props: {\n suggestion: NewQuestionSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newQuestion'),\n [],\n );\n return (\n <SuggestionListItem\n href={questionRoute({ id: suggestion.question.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={suggestion.question.created} />\n }\n >\n {t(variant as any, {\n title: suggestion.question.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst DraftPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.draftPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewArticleSuggestionItem = (props: {\n suggestion: NewArticleSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newArticle'),\n [],\n );\n return (\n <SuggestionListItem\n href={articleRoute({ id: suggestion.article.id.toString(10) })}\n icon={<CollectionsBookmarkIcon />}\n timestamp={\n <RelativeTimeWithTooltip\n value={getPostDisplayDate(suggestion.article)}\n />\n }\n >\n {t(variant as any, {\n title: suggestion.article.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NewLinkSuggestionItem = (props: { suggestion: NewLinkSuggestion }) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.newLink'),\n [],\n );\n return (\n <SuggestionListItem\n href={linkRoute({ id: suggestion.link.id.toString(10) })}\n icon={<LinkIcon />}\n timestamp={\n <RelativeTimeWithTooltip value={getPostDisplayDate(suggestion.link)} />\n }\n >\n {t(variant as any, {\n title: suggestion.link.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst RandomPostSuggestionItem = (props: {\n suggestion: DraftPostSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.randomPost'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<HelpOutlinedIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst NeedsReviewSuggestionItem = (props: {\n suggestion: NeedsReviewSuggestion;\n}) => {\n const { suggestion } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const route = selectByPostType(\n suggestion.post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n const variant = useMemo(\n () => getRandomVariant('suggestionsCard.needsReview'),\n [],\n );\n return (\n <SuggestionListItem\n href={route({ id: suggestion.post.id.toString(10) })}\n icon={<RateReviewIcon />}\n timestamp={<RelativeTimeWithTooltip value={suggestion.post.created} />}\n >\n {t(variant as any, {\n title: suggestion.post.title,\n })}\n </SuggestionListItem>\n );\n};\n\nconst suggestionTypeMap: Record<SuggestionType, any> = {\n noCorrectAnswer: NoCorrectAnswerSuggestionItem,\n newQuestion: NewQuestionSuggestionItem,\n newArticle: NewArticleSuggestionItem,\n newLink: NewLinkSuggestionItem,\n draftPost: DraftPostSuggestionItem,\n randomPost: RandomPostSuggestionItem,\n needsReview: NeedsReviewSuggestionItem,\n};\n\nexport const SuggestionsCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const {\n value: response,\n loading,\n retry,\n } = useQetaApi<SuggestionsResponse>(api => api.getSuggestions(), []);\n\n const suggestions = response?.suggestions ?? [];\n\n const handleRefresh = () => {\n retry();\n };\n\n const renderContent = () => {\n if (loading) {\n return (\n <List>\n {Array.from(new Array(5)).map((_, index) => (\n <ListItem key={index} className={classes.listItem}>\n <ListItemIcon className={classes.listItemIcon}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n </ListItemIcon>\n <ListItemText\n primary={<Skeleton variant=\"text\" width=\"80%\" />}\n secondary={<Skeleton variant=\"text\" width=\"40%\" />}\n className={classes.listItemText}\n />\n </ListItem>\n ))}\n </List>\n );\n }\n\n if (suggestions.length === 0) {\n return (\n <div className={classes.emptyState}>\n <AssistantIcon style={{ fontSize: 40 }} />\n <Typography variant=\"body1\">\n {t('suggestionsCard.noSuggestions')}\n </Typography>\n </div>\n );\n }\n\n return (\n <List>\n {suggestions.map((suggestion, index) => {\n const SuggestionComponent = suggestionTypeMap[suggestion.type];\n return (\n <div key={suggestion.id}>\n <SuggestionComponent suggestion={suggestion} />\n {index < suggestions.length - 1 && <Divider />}\n </div>\n );\n })}\n </List>\n );\n };\n\n return (\n <Card className={classes.card}>\n <CardHeader\n className={classes.header}\n title={t('suggestionsCard.title')}\n avatar={<AssistantIcon />}\n titleTypographyProps={{ variant: 'h5' }}\n action={\n <IconButton onClick={handleRefresh} disabled={loading}>\n <RefreshIcon />\n </IconButton>\n }\n />\n <Divider />\n {renderContent()}\n </Card>\n );\n};\n"],"names":["RouterLink","RateReviewIcon"],"mappings":"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"}

package/dist/components/TagsAndEntities/EntityChip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip } from '@material-ui/core';\nimport { EntityTooltip } from '../Tooltips';\n\nexport const EntityChip = (props: {\n entity: Entity \| string;\n style?: CSSProperties;\n useHref?: boolean;\n}) => {\n const { entity } = props;\n const entityRoute = useRouteRef(entityRouteRef);\n const { primaryTitle, Icon } = useEntityPresentation(entity);\n const entityRef =\n typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n const href = entityRoute({ entityRef });\n\n return (\n <EntityTooltip entity={entity} arrow enterDelay={400} interactive>\n <Chip\n label={primaryTitle}\n size=\"small\"\n style={props.style}\n icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n variant=\"outlined\"\n className=\"qetaEntityChip\"\n component={props.useHref ? 'a' : Link}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n </EntityTooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AASa~~,~~MAAA~~,UAAA,GAAa,CAAC,KAIrB~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~QAAW~~,~~GAAA~~,KAAA;AACnB,~~EAAM~~,~~MAAA~~,WAAA,GAAc,YAAY,cAAc,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,~~IAAK~~,~~EAAA~~,GAAI,sBAAsB,MAAM,CAAA;AAC3D,EAAA,MAAM,YACJ,OAAO,MAAA,KAAW,~~QAAW~~,~~GAAA~~,MAAA,GAAS,mBAAmB,MAAM,CAAA;AACjE,EAAA,MAAM,~~IAAO~~,~~GAAA~~,WAAA,CAAY,EAAE,SAAA,EAAW,CAAA;AAEtC,~~EACE~~,~~uBAAA~~,GAAA,CAAC,iBAAc,~~MAAgB~~,~~EAAA~~,KAAA,EAAK,MAAC,~~UAAY~~,~~EAAA~~,GAAA,EAAK,aAAW,~~IAC~~/D,~~EAAA,~~QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,~~KAAO~~,~~EAAA~~,YAAA;AAAA,MACP,~~IAAK~~,~~EAAA~~,OAAA;AAAA,MACL,OAAO,~~KAAM~~,~~CAAA~~,KAAA;AAAA,MACb,MAAM,~~IAAO~~,~~mBAAA~~,GAAA,CAAC,~~IAAK~~,EAAA,~~EAAA~~,QAAA,EAAS,SAAQ,~~CAAK~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MACzC,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,MACR,~~SAAU~~,~~EAAA~~,gBAAA;AAAA,MACV,SAAA,EAAW,~~KAAM~~,~~CAAA~~,OAAA,GAAU,GAAM,~~GAAA,~~IAAA;AAAA,MACjC,EAAA,EAAI,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~KAAY~~,~~CAAA~~,~~GAAA,~~IAAA;AAAA,MAChC,IAAA,EAAM,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~IAAO~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MAC7B,MAAA,EAAQ,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~QAAW~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MACnC,OAAA,EAAS,CAAC,~~CAAwB~~,~~KAAA~~;AAChC,QAAA,CAAA,CAAE,~~eAAgB~~,~~EAAA~~;AAAA,~~OACpB~~;AAAA,MACA,~~SAAS~~,~~EAAA~~;AAAA;AAAA,~~GAEb~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip } from '@material-ui/core';\nimport { EntityTooltip } from '../Tooltips';\n\nexport const EntityChip = (props: {\n entity: Entity \| string;\n style?: CSSProperties;\n useHref?: boolean;\n}) => {\n const { entity } = props;\n const entityRoute = useRouteRef(entityRouteRef);\n const { primaryTitle, Icon } = useEntityPresentation(entity);\n const entityRef =\n typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n const href = entityRoute({ entityRef });\n\n return (\n <EntityTooltip entity={entity} arrow enterDelay={400} interactive>\n <Chip\n label={primaryTitle}\n size=\"small\"\n style={props.style}\n icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n variant=\"outlined\"\n className=\"qetaEntityChip\"\n component={props.useHref ? 'a' : Link}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n </EntityTooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAA,GAAa,CAAC,KAAA,KAIrB;AACJ,EAAA,MAAM,EAAE,QAAO,GAAI,KAAA;AACnB,EAAA,MAAM,WAAA,GAAc,YAAY,cAAc,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,IAAA,EAAK,GAAI,sBAAsB,MAAM,CAAA;AAC3D,EAAA,MAAM,YACJ,OAAO,MAAA,KAAW,QAAA,GAAW,MAAA,GAAS,mBAAmB,MAAM,CAAA;AACjE,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,EAAE,SAAA,EAAW,CAAA;AAEtC,EAAA,uBACE,GAAA,CAAC,iBAAc,MAAA,EAAgB,KAAA,EAAK,MAAC,UAAA,EAAY,GAAA,EAAK,aAAW,IAAA,EAC/D,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAK,OAAA;AAAA,MACL,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,MAAM,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAS,SAAQ,CAAA,GAAK,MAAA;AAAA,MACzC,OAAA,EAAQ,UAAA;AAAA,MACR,SAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,KAAA,CAAM,OAAA,GAAU,GAAA,GAAM,IAAA;AAAA,MACjC,EAAA,EAAI,KAAA,CAAM,OAAA,GAAU,MAAA,GAAY,IAAA;AAAA,MAChC,IAAA,EAAM,KAAA,CAAM,OAAA,GAAU,IAAA,GAAO,MAAA;AAAA,MAC7B,MAAA,EAAQ,KAAA,CAAM,OAAA,GAAU,QAAA,GAAW,MAAA;AAAA,MACnC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,QAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,MACpB,CAAA;AAAA,MACA,SAAA,EAAS;AAAA;AAAA,GACX,EACF,CAAA;AAEJ;;;;"}

package/dist/components/TagsAndEntities/TagChip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { TagTooltip } from '../Tooltips';\n\nexport const TagChip = (props: {\n tag: string;\n style?: CSSProperties;\n useHref?: boolean;\n tooltip?: React.ReactElement;\n}) => {\n const tagRoute = useRouteRef(tagRouteRef);\n const { tag, tooltip } = props;\n const classes = useTooltipStyles();\n const href = tagRoute({ tag });\n\n const content = (\n <Chip\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component={props.useHref ? 'a' : Link}\n style={props.style}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n );\n\n if (tooltip) {\n return (\n <Tooltip\n arrow\n title={tooltip}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n {content}\n </Tooltip>\n );\n }\n\n return (\n <TagTooltip tag={tag} interactive enterDelay={400}>\n {content}\n </TagTooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAQa~~,~~MAAA~~,OAAA,GAAU,CAAC,KAKlB~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,~~EAAM~~,~~MAAA~~,EAAE,~~GAAK~~,~~EAAA~~,OAAA,~~EAAY~~,~~GAAA~~,KAAA;AACzB,EAAA,MAAM,UAAU,~~gBAAiB~~,~~EAAA~~;AACjC,EAAA,MAAM,~~IAAO~~,~~GAAA~~,QAAA,CAAS,EAAE,GAAA,EAAK,CAAA;AAE7B,EAAA,MAAM,~~OACJ~~,~~mBAAA~~,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,~~KAAO~~,~~EAAA~~,GAAA;AAAA,MACP,~~IAAK~~,~~EAAA~~,OAAA;AAAA,MACL,~~SAAU~~,~~EAAA~~,aAAA;AAAA,MACV,SAAA,EAAW,~~KAAM~~,~~CAAA~~,OAAA,GAAU,GAAM,~~GAAA,~~IAAA;AAAA,MACjC,OAAO,~~KAAM~~,~~CAAA~~,KAAA;AAAA,MACb,EAAA,EAAI,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~KAAY~~,~~CAAA~~,~~GAAA,~~IAAA;AAAA,MAChC,IAAA,EAAM,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~IAAO~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MAC7B,MAAA,EAAQ,~~KAAM~~,~~CAAA~~,OAAA,GAAU,~~QAAW~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MACnC,OAAA,EAAS,CAAC,~~CAAwB~~,~~KAAA~~;AAChC,QAAA,CAAA,CAAE,~~eAAgB~~,~~EAAA~~;AAAA,~~OACpB~~;AAAA,MACA,~~SAAS~~,~~EAAA~~;AAAA;AAAA,GACX;AAGF,EAAA,IAAI,~~OAAS~~,~~EAAA~~;AACX,~~IACE~~,~~uBAAA~~,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,~~KAAK~~,~~EAAA~~,IAAA;AAAA,QACL,~~KAAO~~,~~EAAA~~,OAAA;AAAA,QACP,~~UAAY~~,~~EAAA~~,GAAA;AAAA,QACZ,~~WAAW~~,~~EAAA~~,IAAA;AAAA,QACX,~~OAAS~~,~~EAAA~~;AAAA,UACP,SAAS,~~OAAQ~~,~~CAAA~~,OAAA;AAAA,UACjB,OAAO,~~OAAQ~~,~~CAAA~~;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA;~~AAIJ~~,EAAA,2BACG,~~UAAW~~,EAAA,~~EAAA~~,GAAA,EAAU,aAAW,~~IAAC~~,~~EAAA~~,UAAA,EAAY,KAC3C,~~QACH~~,EAAA,OAAA,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { TagTooltip } from '../Tooltips';\n\nexport const TagChip = (props: {\n tag: string;\n style?: CSSProperties;\n useHref?: boolean;\n tooltip?: React.ReactElement;\n}) => {\n const tagRoute = useRouteRef(tagRouteRef);\n const { tag, tooltip } = props;\n const classes = useTooltipStyles();\n const href = tagRoute({ tag });\n\n const content = (\n <Chip\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component={props.useHref ? 'a' : Link}\n style={props.style}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n );\n\n if (tooltip) {\n return (\n <Tooltip\n arrow\n title={tooltip}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n {content}\n </Tooltip>\n );\n }\n\n return (\n <TagTooltip tag={tag} interactive enterDelay={400}>\n {content}\n </TagTooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,OAAA,GAAU,CAAC,KAAA,KAKlB;AACJ,EAAA,MAAM,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAQ,GAAI,KAAA;AACzB,EAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,EAAE,GAAA,EAAK,CAAA;AAE7B,EAAA,MAAM,OAAA,mBACJ,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,GAAA;AAAA,MACP,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,KAAA,CAAM,OAAA,GAAU,GAAA,GAAM,IAAA;AAAA,MACjC,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,EAAA,EAAI,KAAA,CAAM,OAAA,GAAU,MAAA,GAAY,IAAA;AAAA,MAChC,IAAA,EAAM,KAAA,CAAM,OAAA,GAAU,IAAA,GAAO,MAAA;AAAA,MAC7B,MAAA,EAAQ,KAAA,CAAM,OAAA,GAAU,QAAA,GAAW,MAAA;AAAA,MACnC,OAAA,EAAS,CAAC,CAAA,KAAwB;AAChC,QAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,MACpB,CAAA;AAAA,MACA,SAAA,EAAS;AAAA;AAAA,GACX;AAGF,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAK,IAAA;AAAA,QACL,KAAA,EAAO,OAAA;AAAA,QACP,UAAA,EAAY,GAAA;AAAA,QACZ,WAAA,EAAW,IAAA;AAAA,QACX,OAAA,EAAS;AAAA,UACP,SAAS,OAAA,CAAQ,OAAA;AAAA,UACjB,OAAO,OAAA,CAAQ;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,2BACG,UAAA,EAAA,EAAW,GAAA,EAAU,aAAW,IAAA,EAAC,UAAA,EAAY,KAC3C,QAAA,EAAA,OAAA,EACH,CAAA;AAEJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\nimport { Chip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport const TagsAndEntities = (props: {\n entity: PostResponse \| CollectionResponse;\n tagsLimit?: number;\n entitiesLimit?: number;\n}) => {\n const { entity, tagsLimit, entitiesLimit } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n let tags = 'postTags' in entity ? entity.postTags : entity.tags;\n let entities =\n 'postEntities' in entity ? entity.postEntities : entity.entities;\n\n if ((!tags \|\| tags.length === 0) && (!entities \|\| entities.length === 0)) {\n return null;\n }\n\n let tagsCount = 0;\n if (tags && tagsLimit && tags.length > tagsLimit) {\n tagsCount = tags.length - tagsLimit;\n tags = tags.slice(0, tagsLimit);\n }\n\n let entitiesCount = 0;\n if (entities && entitiesLimit && entities.length > entitiesLimit) {\n entitiesCount = entities.length - entitiesLimit;\n entities = entities.slice(0, entitiesLimit);\n }\n const moreCount = tagsCount + entitiesCount;\n\n return (\n <>\n {tags && tags.map(tag => <TagChip key={tag} tag={tag} />)}\n {entities &&\n entities.map(component => (\n <EntityChip entity={component} key={component} />\n ))}\n {moreCount > 0 && (\n <Chip\n label={t('common.more', { count: moreCount } as any)}\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;~~AAUa~~,~~MAAA~~,eAAA,GAAkB,CAAC,KAI1B~~,KAAA~~;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,~~SAAW~~,~~EAAA~~,aAAA,~~EAAkB~~,~~GAAA~~,KAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,~~IAAO~~,~~GAAA~~,UAAA,IAAc,~~MAAS~~,~~GAAA~~,MAAA,CAAO,WAAW,~~MAAO~~,~~CAAA~~,IAAA;AAC3D,EAAA,IAAI,~~QACF~~,~~GAAA~~,cAAA,IAAkB,~~MAAS~~,~~GAAA~~,MAAA,CAAO,eAAe,~~MAAO~~,~~CAAA~~,QAAA;AAE1D,~~EAAK~~,IAAA,~~CAAA~~,CAAC,QAAQ,~~IAAK~~,~~CAAA~~,MAAA,KAAW,OAAO,CAAC,QAAA,IAAY,~~QAAS~~,~~CAAA~~,MAAA,KAAW,~~CAAI~~,CAAA,~~EAAA~~;AACxE,~~IAAO~~,~~OAAA~~,IAAA;AAAA;~~AAGT~~,EAAA,IAAI,~~SAAY~~,~~GAAA~~,CAAA;AAChB,EAAA,IAAI,IAAQ,~~IAAA,~~SAAA,IAAa,~~IAAK~~,~~CAAA~~,MAAA,GAAS,~~SAAW~~,~~EAAA~~;AAChD,IAAA,SAAA,GAAY,KAAK,~~MAAS~~,~~GAAA~~,SAAA;AAC1B,~~IAAO~~,IAAA,~~GAAA~~,IAAA,CAAK,~~KAAM~~,~~CAAA~~,CAAA,EAAG,SAAS,CAAA;AAAA;~~AAGhC~~,EAAA,IAAI,~~aAAgB~~,~~GAAA~~,CAAA;AACpB,EAAA,IAAI,~~QAAY~~,~~IAAA~~,aAAA,IAAiB,~~QAAS~~,~~CAAA~~,MAAA,GAAS,~~aAAe~~,~~EAAA~~;AAChE,IAAA,aAAA,GAAgB,SAAS,~~MAAS~~,~~GAAA~~,aAAA;AAClC,~~IAAW~~,QAAA,~~GAAA~~,QAAA,CAAS,~~KAAM~~,~~CAAA~~,CAAA,EAAG,aAAa,CAAA;AAAA;~~AAE5C~~,EAAA,MAAM,YAAY,~~SAAY~~,~~GAAA~~,aAAA;AAE9B,EAAA,~~uBAEK~~,IAAA,CAAA,QAAA,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,KAAK,~~GAAI~~,~~CAAA~~,CAAA,GAAA,yBAAQ,~~OAAkB~~,EAAA,~~EAAA~~,GAAA,EAAA,EAAL,GAAe,CAAE,CAAA;AAAA,IACvD,QAAA,IACC,SAAS,~~GAAI~~,~~CAAA~~,CAAA,SAAA,yBACV,~~UAAW~~,EAAA,~~EAAA~~,MAAA,EAAQ,~~SAAgB~~,EAAA,~~EAAA~~,SAAW,CAChD,CAAA;AAAA,IACF,YAAY,~~CACX~~,~~oBAAA~~,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAO,CAAE,~~CAAA,~~aAAA,EAAe,EAAE,KAAA,EAAO,WAAkB,CAAA;AAAA,QACnD,~~IAAK~~,~~EAAA~~,OAAA;AAAA,QACL,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,QACR,~~KAAM~~,~~EAAA~~;AAAA;AAAA;AACR,~~GAEJ~~,~~EAAA~~,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\nimport { Chip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport const TagsAndEntities = (props: {\n entity: PostResponse \| CollectionResponse;\n tagsLimit?: number;\n entitiesLimit?: number;\n}) => {\n const { entity, tagsLimit, entitiesLimit } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n let tags = 'postTags' in entity ? entity.postTags : entity.tags;\n let entities =\n 'postEntities' in entity ? entity.postEntities : entity.entities;\n\n if ((!tags \|\| tags.length === 0) && (!entities \|\| entities.length === 0)) {\n return null;\n }\n\n let tagsCount = 0;\n if (tags && tagsLimit && tags.length > tagsLimit) {\n tagsCount = tags.length - tagsLimit;\n tags = tags.slice(0, tagsLimit);\n }\n\n let entitiesCount = 0;\n if (entities && entitiesLimit && entities.length > entitiesLimit) {\n entitiesCount = entities.length - entitiesLimit;\n entities = entities.slice(0, entitiesLimit);\n }\n const moreCount = tagsCount + entitiesCount;\n\n return (\n <>\n {tags && tags.map(tag => <TagChip key={tag} tag={tag} />)}\n {entities &&\n entities.map(component => (\n <EntityChip entity={component} key={component} />\n ))}\n {moreCount > 0 && (\n <Chip\n label={t('common.more', { count: moreCount } as any)}\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAI1B;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAW,aAAA,EAAc,GAAI,KAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAA,GAAO,UAAA,IAAc,MAAA,GAAS,MAAA,CAAO,WAAW,MAAA,CAAO,IAAA;AAC3D,EAAA,IAAI,QAAA,GACF,cAAA,IAAkB,MAAA,GAAS,MAAA,CAAO,eAAe,MAAA,CAAO,QAAA;AAE1D,EAAA,IAAA,CAAK,CAAC,QAAQ,IAAA,CAAK,MAAA,KAAW,OAAO,CAAC,QAAA,IAAY,QAAA,CAAS,MAAA,KAAW,CAAA,CAAA,EAAI;AACxE,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,SAAA,GAAY,CAAA;AAChB,EAAA,IAAI,IAAA,IAAQ,SAAA,IAAa,IAAA,CAAK,MAAA,GAAS,SAAA,EAAW;AAChD,IAAA,SAAA,GAAY,KAAK,MAAA,GAAS,SAAA;AAC1B,IAAA,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAAA,EAChC;AAEA,EAAA,IAAI,aAAA,GAAgB,CAAA;AACpB,EAAA,IAAI,QAAA,IAAY,aAAA,IAAiB,QAAA,CAAS,MAAA,GAAS,aAAA,EAAe;AAChE,IAAA,aAAA,GAAgB,SAAS,MAAA,GAAS,aAAA;AAClC,IAAA,QAAA,GAAW,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,aAAa,CAAA;AAAA,EAC5C;AACA,EAAA,MAAM,YAAY,SAAA,GAAY,aAAA;AAE9B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,KAAK,GAAA,CAAI,CAAA,GAAA,yBAAQ,OAAA,EAAA,EAAkB,GAAA,EAAA,EAAL,GAAe,CAAE,CAAA;AAAA,IACvD,QAAA,IACC,SAAS,GAAA,CAAI,CAAA,SAAA,yBACV,UAAA,EAAA,EAAW,MAAA,EAAQ,SAAA,EAAA,EAAgB,SAAW,CAChD,CAAA;AAAA,IACF,YAAY,CAAA,oBACX,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAO,CAAA,CAAE,aAAA,EAAe,EAAE,KAAA,EAAO,WAAkB,CAAA;AAAA,QACnD,IAAA,EAAK,OAAA;AAAA,QACL,OAAA,EAAQ,UAAA;AAAA,QACR,KAAA,EAAM;AAAA;AAAA;AACR,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/TagsContainer/CreateTagModal.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateTagModal.esm.js","sources":["../../../src/components/TagsContainer/CreateTagModal.tsx"],"sourcesContent":["import {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\nimport { isValidTag } from '@drodil/backstage-plugin-qeta-common';\n\nexport const CreateTagModal = (props: {\n open: boolean;\n onClose: () => void;\n isModerator?: boolean;\n}) => {\n const { open, onClose, isModerator } = props;\n const [tag, setTag] = useState('');\n const [description, setDescription] = useState('');\n const [experts, setExperts] = useState<Entity[]>([]);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleCreate = () => {\n if (!isValidTag(tag)) {\n alertApi.post({\n message: t('createTagModal.invalidTagAlert'),\n severity: 'error',\n display: 'transient',\n });\n return;\n }\n\n qetaApi\n .createTag(\n tag,\n description,\n isModerator ? experts.map(stringifyEntityRef) : undefined,\n )\n .then(ret => {\n if (ret) {\n setTag('');\n setDescription('');\n setExperts([]);\n onClose();\n return;\n }\n setError(true);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaCreateTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('createTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaCreateTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('createTagModal.title')}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.tagInput')}\n style={{ width: '100%' }}\n required\n value={tag}\n onChange={e => setTag(e.target.value)}\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n {isModerator && (\n <Grid item xs={12}>\n <EntitiesInput\n value={experts}\n onChange={setExperts}\n maximum={null}\n kind={['User']}\n hideHelpText\n label={t('editTagModal.expertsLabel')}\n placeholder={t('editTagModal.expertsPlaceholder')}\n />\n </Grid>\n )}\n </Grid>\n <Button\n onClick={handleCreate}\n className=\"qetaCreateTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('createTagModal.createButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaCreateTagModalCancelBtn\">\n {t('createTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;~~AAmBa~~,~~MAAA~~,cAAA,GAAiB,CAAC,KAIzB~~,KAAA~~;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,~~OAAS~~,~~EAAA~~,WAAA,~~EAAgB~~,~~GAAA~~,KAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,~~OAAS~~,~~EAAA~~,UAAU,~~CAAI~~,~~GAAA~~,QAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,~~EAAM~~,~~MAAA~~,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,~~EAAM~~,~~MAAA~~,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,~~IAAA,~~CAAC,~~UAAW~~,~~CAAA~~,GAAG,~~CAAG~~,~~EAAA~~;AACpB,MAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~;AAAA,QACZ,OAAA,EAAS,EAAE,gCAAgC,CAAA;AAAA,QAC3C,~~QAAU~~,~~EAAA~~,OAAA;AAAA,QACV,~~OAAS~~,~~EAAA~~;AAAA,OACV,CAAA;AACD,MAAA;AAAA;~~AAGF~~,~~IACG~~,OAAA,~~CAAA~~,SAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,~~WAAc~~,~~GAAA~~,OAAA,CAAQ,~~GAAI~~,~~CAAA~~,kBAAkB,~~CAAI~~,~~GAAA,KAAA~~;AAAA,KAClD,CACC,KAAK,~~CAAO~~,GAAA,~~KAAA~~;AACX,MAAA,IAAI,~~GAAK~~,~~EAAA~~;AACP,QAAA,MAAA,CAAO,EAAE,CAAA;AACT,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAA,UAAA,CAAW,EAAE,CAAA;AACb,~~QAAQ~~,OAAA,~~EAAA~~;AACR,QAAA;AAAA;~~AAEF~~,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,~~KACd~~,~~CACA~~,CAAA,KAAA,CAAM,~~CAAK~~,CAAA,~~KAAA~~;AACV,MAAA,QAAA,CAAS,~~IAAK~~,~~CAAA~~;AAAA,QACZ,SAAS,CAAE,~~CAAA,~~OAAA;AAAA,QACX,~~QAAU~~,~~EAAA~~,OAAA;AAAA,QACV,~~OAAS~~,~~EAAA~~;AAAA,OACV,CAAA;AACD,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,~~KACd~~,CAAA;AAAA,~~GACL~~;AAEA,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,~~SAAU~~,~~EAAA~~,oBAAA;AAAA,MACV,~~iBAAgB~~,~~EAAA~~,mBAAA;AAAA,MAChB,~~kBAAiB~~,~~EAAA~~,yBAAA;AAAA,MACjB,~~oBAAoB~~,~~EAAA~~,IAAA;AAAA,MACpB,~~iBAAmB~~,~~EAAA~~,QAAA;AAAA,MACnB,~~aAAe~~,~~EAAA~~;AAAA,QACb,~~OAAS~~,~~EAAA~~;AAAA,OACX;AAAA,MAEA,+BAAC,~~YACE~~,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,QAAA,KAAA,wBACE,~~KAAM~~,EAAA,~~EAAA~~,QAAA,EAAS,~~OAAS~~,~~EAAA~~,QAAA,EAAA,CAAA,CAAE,6BAA6B,~~CAAE~~,~~EAAA~~,CAAA;AAAA,wBAE5D,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAG,~~EAAA,~~mBAAA;AAAA,YACH,~~SAAU~~,~~EAAA~~,yBAAA;AAAA,YACV,~~OAAQ~~,~~EAAA~~,IAAA;AAAA,YACR,~~SAAU~~,~~EAAA~~,IAAA;AAAA,YACV,KAAA,EAAO,EAAE,YAAA,EAAc,~~KAAM~~,~~EAAA~~;AAAA,YAE5B,YAAE,sBAAsB;AAAA;AAAA,SAC3B;AAAA,wBACA,IAAA,CAAC,~~IAAK~~,EAAA,~~EAAA~~,SAAA,EAAS,~~IACb~~,~~EAAA~~,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,~~IAAK~~,EAAA,~~EAAA~~,IAAA,EAAI,~~IAAC~~,~~EAAA~~,EAAA,EAAI,EACb,~~EAAA,~~QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,cAClC,KAAA,EAAO,EAAE,KAAA,EAAO,~~MAAO~~,~~EAAA~~;AAAA,cACvB,~~QAAQ~~,~~EAAA~~,IAAA;AAAA,cACR,~~KAAO~~,~~EAAA~~,GAAA;AAAA,cACP,~~QAAU~~,~~EAAA~~,CAAA,CAAA,KAAK,~~MAAO~~,~~CAAA~~,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,~~WAExC~~,~~EAAA~~,CAAA;AAAA,~~0BACC~~,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,~~IAAI~~,~~EAAA~~,IAAA,EAAC,IAAI,EACb,~~EAAA,~~QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,~~OAAQ~~,~~EAAA~~,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,cACrC,~~SAAS~~,~~EAAA~~,IAAA;AAAA,cACT,~~OAAS~~,~~EAAA~~,EAAA;AAAA,cACT,KAAA,EAAO,EAAE,KAAA,EAAO,~~MAAO~~,~~EAAA~~;AAAA,cACvB,OAAO,~~WAAe~~,~~IAAA~~,EAAA;AAAA,cACtB,~~QAAU~~,~~EAAA~~,CAAA,CAAA,KAAK,~~cAAe~~,~~CAAA~~,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,~~WAEhD~~,~~EAAA~~,CAAA;AAAA,UACC,+~~BACE~~,GAAA,~~CAAA~~,IAAA,EAAA,EAAK,~~IAAI~~,~~EAAA~~,IAAA,EAAC,IAAI,EACb,~~EAAA,~~QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,~~KAAO~~,~~EAAA~~,OAAA;AAAA,cACP,~~QAAU~~,~~EAAA~~,UAAA;AAAA,cACV,~~OAAS~~,~~EAAA~~,IAAA;AAAA,cACT,IAAA,EAAM,CAAC,MAAM,CAAA;AAAA,cACb,~~YAAY~~,~~EAAA~~,IAAA;AAAA,cACZ,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,cACpC,WAAA,EAAa,EAAE,iCAAiC;AAAA;AAAA,~~WAEpD~~,~~EAAA~~;AAAA,~~SAEJ~~,~~EAAA~~,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,~~OAAS~~,~~EAAA~~,YAAA;AAAA,YACT,~~SAAU~~,~~EAAA~~,2BAAA;AAAA,YACV,~~KAAM~~,~~EAAA~~,WAAA;AAAA,YAEL,YAAE,6BAA6B;AAAA;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,UAAO,~~OAAS~~,~~EAAA~~,OAAA,EAAS,WAAU,~~6BACjC~~,~~EAAA~~,QAAA,EAAA,CAAA,CAAE,6BAA6B,~~CAClC~~,~~EAAA~~;AAAA,~~OACF~~,~~EAAA~~;AAAA;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"CreateTagModal.esm.js","sources":["../../../src/components/TagsContainer/CreateTagModal.tsx"],"sourcesContent":["import {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\nimport { isValidTag } from '@drodil/backstage-plugin-qeta-common';\n\nexport const CreateTagModal = (props: {\n open: boolean;\n onClose: () => void;\n isModerator?: boolean;\n}) => {\n const { open, onClose, isModerator } = props;\n const [tag, setTag] = useState('');\n const [description, setDescription] = useState('');\n const [experts, setExperts] = useState<Entity[]>([]);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleCreate = () => {\n if (!isValidTag(tag)) {\n alertApi.post({\n message: t('createTagModal.invalidTagAlert'),\n severity: 'error',\n display: 'transient',\n });\n return;\n }\n\n qetaApi\n .createTag(\n tag,\n description,\n isModerator ? experts.map(stringifyEntityRef) : undefined,\n )\n .then(ret => {\n if (ret) {\n setTag('');\n setDescription('');\n setExperts([]);\n onClose();\n return;\n }\n setError(true);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n severity: 'error',\n display: 'transient',\n });\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaCreateTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('createTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaCreateTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('createTagModal.title')}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.tagInput')}\n style={{ width: '100%' }}\n required\n value={tag}\n onChange={e => setTag(e.target.value)}\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n {isModerator && (\n <Grid item xs={12}>\n <EntitiesInput\n value={experts}\n onChange={setExperts}\n maximum={null}\n kind={['User']}\n hideHelpText\n label={t('editTagModal.expertsLabel')}\n placeholder={t('editTagModal.expertsPlaceholder')}\n />\n </Grid>\n )}\n </Grid>\n <Button\n onClick={handleCreate}\n className=\"qetaCreateTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('createTagModal.createButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaCreateTagModalCancelBtn\">\n {t('createTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAmBO,MAAM,cAAA,GAAiB,CAAC,KAAA,KAIzB;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,WAAA,EAAY,GAAI,KAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAA,MAAM,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,CAAC,UAAA,CAAW,GAAG,CAAA,EAAG;AACpB,MAAA,QAAA,CAAS,IAAA,CAAK;AAAA,QACZ,OAAA,EAAS,EAAE,gCAAgC,CAAA;AAAA,QAC3C,QAAA,EAAU,OAAA;AAAA,QACV,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CACG,SAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA,GAAc,OAAA,CAAQ,GAAA,CAAI,kBAAkB,CAAA,GAAI;AAAA,KAClD,CACC,KAAK,CAAA,GAAA,KAAO;AACX,MAAA,IAAI,GAAA,EAAK;AACP,QAAA,MAAA,CAAO,EAAE,CAAA;AACT,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAA,UAAA,CAAW,EAAE,CAAA;AACb,QAAA,OAAA,EAAQ;AACR,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,CAAC,CAAA,CACA,KAAA,CAAM,CAAA,CAAA,KAAK;AACV,MAAA,QAAA,CAAS,IAAA,CAAK;AAAA,QACZ,SAAS,CAAA,CAAE,OAAA;AAAA,QACX,QAAA,EAAU,OAAA;AAAA,QACV,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,CAAC,CAAA;AAAA,EACL,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAU,oBAAA;AAAA,MACV,iBAAA,EAAgB,mBAAA;AAAA,MAChB,kBAAA,EAAiB,yBAAA;AAAA,MACjB,oBAAA,EAAoB,IAAA;AAAA,MACpB,iBAAA,EAAmB,QAAA;AAAA,MACnB,aAAA,EAAe;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MAEA,+BAAC,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,KAAA,wBACE,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAS,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAA,EAAE,CAAA;AAAA,wBAE5D,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,mBAAA;AAAA,YACH,SAAA,EAAU,yBAAA;AAAA,YACV,OAAA,EAAQ,IAAA;AAAA,YACR,SAAA,EAAU,IAAA;AAAA,YACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAA,EAAM;AAAA,YAE5B,YAAE,sBAAsB;AAAA;AAAA,SAC3B;AAAA,wBACA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,cAClC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,cACvB,QAAA,EAAQ,IAAA;AAAA,cACR,KAAA,EAAO,GAAA;AAAA,cACP,QAAA,EAAU,CAAA,CAAA,KAAK,MAAA,CAAO,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WACtC,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,cACrC,SAAA,EAAS,IAAA;AAAA,cACT,OAAA,EAAS,EAAA;AAAA,cACT,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,cACvB,OAAO,WAAA,IAAe,EAAA;AAAA,cACtB,QAAA,EAAU,CAAA,CAAA,KAAK,cAAA,CAAe,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAC9C,EACF,CAAA;AAAA,UACC,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,OAAA;AAAA,cACP,QAAA,EAAU,UAAA;AAAA,cACV,OAAA,EAAS,IAAA;AAAA,cACT,IAAA,EAAM,CAAC,MAAM,CAAA;AAAA,cACb,YAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,cACpC,WAAA,EAAa,EAAE,iCAAiC;AAAA;AAAA,WAClD,EACF;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,YAAA;AAAA,YACT,SAAA,EAAU,2BAAA;AAAA,YACV,KAAA,EAAM,WAAA;AAAA,YAEL,YAAE,6BAA6B;AAAA;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,UAAO,OAAA,EAAS,OAAA,EAAS,WAAU,6BAAA,EACjC,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAA,EAClC;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}