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

package/dist/components/TagsContainer/EditTagModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsContainer/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useEffect, 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';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { compact } from 'lodash';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, open, onClose, isModerator } = props;\n  const [description, setDescription] = useState(tag.description);\n  const [experts, setExperts] = useState<Entity[]>([]);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [error, setError] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  useEffect(() => {\n    if (!isModerator || !tag.experts || tag.experts.length === 0) {\n      return;\n    }\n    catalogApi\n      .getEntitiesByRefs({ entityRefs: tag.experts })\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        }),\n      )\n      .then(resp => {\n        if (resp) {\n          setExperts(compact(resp.items));\n        }\n      });\n  }, [alertApi, catalogApi, isModerator, tag.experts]);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(\n        tag.id,\n        description,\n        isModerator ? experts.map(stringifyEntityRef) : undefined,\n      )\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\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('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n          style={{ marginBottom: '1em' }}\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.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\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsContainer/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useEffect, 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';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { compact } from 'lodash';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, open, onClose, isModerator } = props;\n  const [description, setDescription] = useState(tag.description);\n  const [experts, setExperts] = useState<Entity[]>([]);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [error, setError] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  useEffect(() => {\n    if (!isModerator || !tag.experts || tag.experts.length === 0) {\n      return;\n    }\n    catalogApi\n      .getEntitiesByRefs({ entityRefs: tag.experts })\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        }),\n      )\n      .then(resp => {\n        if (resp) {\n          setExperts(compact(resp.items));\n        }\n      });\n  }, [alertApi, catalogApi, isModerator, tag.experts]);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(\n        tag.id,\n        description,\n        isModerator ? experts.map(stringifyEntityRef) : undefined,\n      )\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\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('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n          style={{ marginBottom: '1em' }}\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.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\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsContainer/TagGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsContainer/TagGridItem.tsx"],"sourcesContent":["import {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  Grid,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles.ts';\nimport { ClickableLink } from '../Utility/ClickableLink';\n\nconst useStyles = makeStyles(theme => ({\n  statsGrid: {\n    marginTop: 'auto',\n  },\n  statItem: {\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    width: '100%',\n    height: '100%',\n    justifyContent: 'center',\n  },\n  flexColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}));\n\nexport const TagGridItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useGridItemStyles();\n  const localClasses = useStyles();\n  const tooltipStyles = useTooltipStyles();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleMenuClose = (\n    _event: {},\n    _reason: 'backdropClick' | 'escapeKeyDown',\n  ) => {\n    setAnchorEl(null);\n  };\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setEditModalOpen(true);\n  };\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setDeleteModalOpen(true);\n  };\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  const href = tagRoute({ tag: tag.tag });\n\n  return (\n    <>\n      <Card className={classes.card}>\n        <ClickableLink href={href} ariaLabel={tag.tag}>\n          <Box\n            className={classes.cardHeader}\n            display=\"flex\"\n            alignItems=\"center\"\n          >\n            <Avatar\n              variant=\"rounded\"\n              className=\"avatar\"\n              style={{ marginRight: 16 }}\n            >\n              <LocalOfferIcon />\n            </Avatar>\n            <Box flex={1} minWidth={0}>\n              <Tooltip title={tag.tag} arrow>\n                <Typography variant=\"h6\" noWrap>\n                  {tag.tag}\n                </Typography>\n              </Tooltip>\n            </Box>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              flexShrink={0}\n              onClick={e => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n            >\n              <TagFollowButton tag={tag.tag} />\n              {tag.canEdit || tag.canDelete ? (\n                <>\n                  <IconButton aria-label=\"settings\" onClick={handleMenuClick}>\n                    <MoreVertIcon />\n                  </IconButton>\n                  <Menu\n                    id=\"tag-menu\"\n                    anchorEl={anchorEl}\n                    keepMounted\n                    open={Boolean(anchorEl)}\n                    onClose={handleMenuClose}\n                    getContentAnchorEl={null}\n                    anchorOrigin={{\n                      vertical: 'bottom',\n                      horizontal: 'right',\n                    }}\n                    transformOrigin={{\n                      vertical: 'top',\n                      horizontal: 'right',\n                    }}\n                  >\n                    {tag.canEdit && (\n                      <MenuItem\n                        onClick={e => {\n                          e.stopPropagation();\n                          handleEditModalOpen(e);\n                        }}\n                      >\n                        <ListItemIcon style={{ minWidth: '32px' }}>\n                          <EditIcon fontSize=\"small\" />\n                        </ListItemIcon>\n                        <ListItemText primary={t('tagButton.edit')} />\n                      </MenuItem>\n                    )}\n                    {tag.canDelete && (\n                      <MenuItem\n                        onClick={e => {\n                          e.stopPropagation();\n                          handleDeleteModalOpen(e);\n                        }}\n                      >\n                        <ListItemIcon style={{ minWidth: '32px' }}>\n                          <DeleteIcon fontSize=\"small\" />\n                        </ListItemIcon>\n                        <ListItemText primary={t('tagButton.delete')} />\n                      </MenuItem>\n                    )}\n                  </Menu>\n                </>\n              ) : null}\n            </Box>\n          </Box>\n          <CardContent\n            className={`${classes.cardContent} ${localClasses.flexColumn}`}\n          >\n            {tag.description && (\n              <Box mb={2}>\n                <Tooltip\n                  title={tag.description}\n                  arrow\n                  classes={{\n                    tooltip: tooltipStyles.tooltip,\n                    arrow: tooltipStyles.tooltipArrow,\n                  }}\n                >\n                  <Typography className={classes.description} variant=\"body2\">\n                    {DOMPurify.sanitize(\n                      truncate(removeMarkdownFormatting(tag.description), 80),\n                    )}\n                  </Typography>\n                </Tooltip>\n              </Box>\n            )}\n\n            <Grid container spacing={1} className={localClasses.statsGrid}>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.questionsCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.questions')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.articlesCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.articles')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <LinkIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.linksCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.links')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.followerCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.followersPlain')}\n                  </Typography>\n                </Box>\n              </Grid>\n            </Grid>\n          </CardContent>\n        </ClickableLink>\n      </Card>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n      <DeleteModal\n        open={deleteModalOpen}\n        onClose={handleDeleteModalClose}\n        entity={tag}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsContainer/TagGridItem.tsx"],"sourcesContent":["import {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n  Avatar,\n  Box,\n  Card,\n  CardContent,\n  Grid,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles.ts';\nimport { ClickableLink } from '../Utility/ClickableLink';\n\nconst useStyles = makeStyles(theme => ({\n  statsGrid: {\n    marginTop: 'auto',\n  },\n  statItem: {\n    padding: theme.spacing(1),\n    borderRadius: theme.shape.borderRadius,\n    width: '100%',\n    height: '100%',\n    justifyContent: 'center',\n  },\n  flexColumn: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}));\n\nexport const TagGridItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useGridItemStyles();\n  const localClasses = useStyles();\n  const tooltipStyles = useTooltipStyles();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleMenuClose = (\n    _event: {},\n    _reason: 'backdropClick' | 'escapeKeyDown',\n  ) => {\n    setAnchorEl(null);\n  };\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setEditModalOpen(true);\n  };\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setDeleteModalOpen(true);\n  };\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  const href = tagRoute({ tag: tag.tag });\n\n  return (\n    <>\n      <Card className={classes.card}>\n        <ClickableLink href={href} ariaLabel={tag.tag}>\n          <Box\n            className={classes.cardHeader}\n            display=\"flex\"\n            alignItems=\"center\"\n          >\n            <Avatar\n              variant=\"rounded\"\n              className=\"avatar\"\n              style={{ marginRight: 16 }}\n            >\n              <LocalOfferIcon />\n            </Avatar>\n            <Box flex={1} minWidth={0}>\n              <Tooltip title={tag.tag} arrow>\n                <Typography variant=\"h6\" noWrap>\n                  {tag.tag}\n                </Typography>\n              </Tooltip>\n            </Box>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              flexShrink={0}\n              onClick={e => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n            >\n              <TagFollowButton tag={tag.tag} />\n              {tag.canEdit || tag.canDelete ? (\n                <>\n                  <IconButton aria-label=\"settings\" onClick={handleMenuClick}>\n                    <MoreVertIcon />\n                  </IconButton>\n                  <Menu\n                    id=\"tag-menu\"\n                    anchorEl={anchorEl}\n                    keepMounted\n                    open={Boolean(anchorEl)}\n                    onClose={handleMenuClose}\n                    getContentAnchorEl={null}\n                    anchorOrigin={{\n                      vertical: 'bottom',\n                      horizontal: 'right',\n                    }}\n                    transformOrigin={{\n                      vertical: 'top',\n                      horizontal: 'right',\n                    }}\n                  >\n                    {tag.canEdit && (\n                      <MenuItem\n                        onClick={e => {\n                          e.stopPropagation();\n                          handleEditModalOpen(e);\n                        }}\n                      >\n                        <ListItemIcon style={{ minWidth: '32px' }}>\n                          <EditIcon fontSize=\"small\" />\n                        </ListItemIcon>\n                        <ListItemText primary={t('tagButton.edit')} />\n                      </MenuItem>\n                    )}\n                    {tag.canDelete && (\n                      <MenuItem\n                        onClick={e => {\n                          e.stopPropagation();\n                          handleDeleteModalOpen(e);\n                        }}\n                      >\n                        <ListItemIcon style={{ minWidth: '32px' }}>\n                          <DeleteIcon fontSize=\"small\" />\n                        </ListItemIcon>\n                        <ListItemText primary={t('tagButton.delete')} />\n                      </MenuItem>\n                    )}\n                  </Menu>\n                </>\n              ) : null}\n            </Box>\n          </Box>\n          <CardContent\n            className={`${classes.cardContent} ${localClasses.flexColumn}`}\n          >\n            {tag.description && (\n              <Box mb={2}>\n                <Tooltip\n                  title={tag.description}\n                  arrow\n                  classes={{\n                    tooltip: tooltipStyles.tooltip,\n                    arrow: tooltipStyles.tooltipArrow,\n                  }}\n                >\n                  <Typography className={classes.description} variant=\"body2\">\n                    {DOMPurify.sanitize(\n                      truncate(removeMarkdownFormatting(tag.description), 80),\n                    )}\n                  </Typography>\n                </Tooltip>\n              </Box>\n            )}\n\n            <Grid container spacing={1} className={localClasses.statsGrid}>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <QuestionAnswerIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.questionsCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.questions')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <DescriptionIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.articlesCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.articles')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <LinkIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.linksCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.links')}\n                  </Typography>\n                </Box>\n              </Grid>\n              <Grid item xs={3}>\n                <Box\n                  display=\"flex\"\n                  flexDirection=\"column\"\n                  alignItems=\"center\"\n                  className={localClasses.statItem}\n                >\n                  <PeopleIcon fontSize=\"small\" color=\"disabled\" />\n                  <Typography variant=\"body2\" style={{ fontWeight: 600 }}>\n                    {tag.followerCount}\n                  </Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    {t('common.followersPlain')}\n                  </Typography>\n                </Box>\n              </Grid>\n            </Grid>\n          </CardContent>\n        </ClickableLink>\n      </Card>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n      <DeleteModal\n        open={deleteModalOpen}\n        onClose={handleDeleteModalClose}\n        entity={tag}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsContainer/TagListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagListItem.esm.js","sources":["../../../src/components/TagsContainer/TagListItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n  Box,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    marginRight: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  content: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  tagName: {\n    fontWeight: 600,\n    fontSize: '1rem',\n  },\n  description: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.875rem',\n    marginTop: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing(2),\n    gap: theme.spacing(1),\n  },\n}));\n\nexport const TagListItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleMenuClose = (\n    _event: {},\n    _reason: 'backdropClick' | 'escapeKeyDown',\n  ) => {\n    setAnchorEl(null);\n  };\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setEditModalOpen(true);\n  };\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setDeleteModalOpen(true);\n  };\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  const href = tagRoute({ tag: tag.tag });\n\n  return (\n    <>\n      <Link to={href} className={listItemClasses.root}>\n        <LocalOfferIcon className={classes.icon} />\n        <Box className={classes.content}>\n          <Box className={classes.header}>\n            <Typography className={classes.tagName}>{tag.tag}</Typography>\n          </Box>\n          {tag.description && (\n            <Typography className={classes.description}>\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(tag.description), 100),\n              )}\n            </Typography>\n          )}\n        </Box>\n\n        <Box className={classes.statsWrapper}>\n          <Tooltip title={t('common.questions')} arrow>\n            <div className={classes.statItem}>\n              <QuestionAnswerIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.questionsCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.articles')} arrow>\n            <div className={classes.statItem}>\n              <DescriptionIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.articlesCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.links')} arrow>\n            <div className={classes.statItem}>\n              <LinkIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.linksCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.followersPlain')} arrow>\n            <div className={classes.statItem}>\n              <PeopleIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.followerCount}</Typography>\n            </div>\n          </Tooltip>\n        </Box>\n\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <TagFollowButton tag={tag.tag} />\n          {tag.canEdit || tag.canDelete ? (\n            <>\n              <IconButton\n                aria-label=\"settings\"\n                onClick={handleMenuClick}\n                size=\"small\"\n              >\n                <MoreVertIcon />\n              </IconButton>\n              <Menu\n                id=\"tag-menu\"\n                anchorEl={anchorEl}\n                keepMounted\n                open={Boolean(anchorEl)}\n                onClose={handleMenuClose}\n                getContentAnchorEl={null}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'right',\n                }}\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right',\n                }}\n              >\n                {tag.canEdit && (\n                  <MenuItem\n                    onClick={e => {\n                      e.stopPropagation();\n                      handleEditModalOpen(e);\n                    }}\n                  >\n                    <ListItemIcon style={{ minWidth: '32px' }}>\n                      <EditIcon fontSize=\"small\" />\n                    </ListItemIcon>\n                    <ListItemText primary={t('tagButton.edit')} />\n                  </MenuItem>\n                )}\n                {tag.canDelete && (\n                  <MenuItem\n                    onClick={e => {\n                      e.stopPropagation();\n                      handleDeleteModalOpen(e);\n                    }}\n                  >\n                    <ListItemIcon style={{ minWidth: '32px' }}>\n                      <DeleteIcon fontSize=\"small\" />\n                    </ListItemIcon>\n                    <ListItemText primary={t('tagButton.delete')} />\n                  </MenuItem>\n                )}\n              </Menu>\n            </>\n          ) : null}\n        </Box>\n      </Link>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n      <DeleteModal\n        open={deleteModalOpen}\n        onClose={handleDeleteModalClose}\n        entity={tag}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagListItem.esm.js","sources":["../../../src/components/TagsContainer/TagListItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport {\n  Box,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    marginRight: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  content: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  tagName: {\n    fontWeight: 600,\n    fontSize: '1rem',\n  },\n  description: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.875rem',\n    marginTop: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing(2),\n    gap: theme.spacing(1),\n  },\n}));\n\nexport const TagListItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const handleMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n  const handleMenuClose = (\n    _event: {},\n    _reason: 'backdropClick' | 'escapeKeyDown',\n  ) => {\n    setAnchorEl(null);\n  };\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setEditModalOpen(true);\n  };\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = (event: React.MouseEvent<HTMLElement>) => {\n    handleMenuClose(event as any, 'backdropClick');\n    setDeleteModalOpen(true);\n  };\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  const href = tagRoute({ tag: tag.tag });\n\n  return (\n    <>\n      <Link to={href} className={listItemClasses.root}>\n        <LocalOfferIcon className={classes.icon} />\n        <Box className={classes.content}>\n          <Box className={classes.header}>\n            <Typography className={classes.tagName}>{tag.tag}</Typography>\n          </Box>\n          {tag.description && (\n            <Typography className={classes.description}>\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(tag.description), 100),\n              )}\n            </Typography>\n          )}\n        </Box>\n\n        <Box className={classes.statsWrapper}>\n          <Tooltip title={t('common.questions')} arrow>\n            <div className={classes.statItem}>\n              <QuestionAnswerIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.questionsCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.articles')} arrow>\n            <div className={classes.statItem}>\n              <DescriptionIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.articlesCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.links')} arrow>\n            <div className={classes.statItem}>\n              <LinkIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.linksCount}</Typography>\n            </div>\n          </Tooltip>\n          <Tooltip title={t('common.followersPlain')} arrow>\n            <div className={classes.statItem}>\n              <PeopleIcon fontSize=\"small\" />\n              <Typography variant=\"body2\">{tag.followerCount}</Typography>\n            </div>\n          </Tooltip>\n        </Box>\n\n        <Box\n          className={classes.actions}\n          onClick={e => {\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <TagFollowButton tag={tag.tag} />\n          {tag.canEdit || tag.canDelete ? (\n            <>\n              <IconButton\n                aria-label=\"settings\"\n                onClick={handleMenuClick}\n                size=\"small\"\n              >\n                <MoreVertIcon />\n              </IconButton>\n              <Menu\n                id=\"tag-menu\"\n                anchorEl={anchorEl}\n                keepMounted\n                open={Boolean(anchorEl)}\n                onClose={handleMenuClose}\n                getContentAnchorEl={null}\n                anchorOrigin={{\n                  vertical: 'bottom',\n                  horizontal: 'right',\n                }}\n                transformOrigin={{\n                  vertical: 'top',\n                  horizontal: 'right',\n                }}\n              >\n                {tag.canEdit && (\n                  <MenuItem\n                    onClick={e => {\n                      e.stopPropagation();\n                      handleEditModalOpen(e);\n                    }}\n                  >\n                    <ListItemIcon style={{ minWidth: '32px' }}>\n                      <EditIcon fontSize=\"small\" />\n                    </ListItemIcon>\n                    <ListItemText primary={t('tagButton.edit')} />\n                  </MenuItem>\n                )}\n                {tag.canDelete && (\n                  <MenuItem\n                    onClick={e => {\n                      e.stopPropagation();\n                      handleDeleteModalOpen(e);\n                    }}\n                  >\n                    <ListItemIcon style={{ minWidth: '32px' }}>\n                      <DeleteIcon fontSize=\"small\" />\n                    </ListItemIcon>\n                    <ListItemText primary={t('tagButton.delete')} />\n                  </MenuItem>\n                )}\n              </Menu>\n            </>\n          ) : null}\n        </Box>\n      </Link>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n      <DeleteModal\n        open={deleteModalOpen}\n        onClose={handleDeleteModalClose}\n        entity={tag}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,GAC5B;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAA;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GACtB;AAAA,EACA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY,GAAA;AAAA,IACZ,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,QAAA,EAAU,UAAA;AAAA,IACV,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC5B,QAAA,EAAU,QAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACd;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,UAAA,EAAY,QAAA;AAAA,IACZ,CAAC,KAAA,CAAM,WAAA,CAAY,IAAA,CAAK,IAAI,CAAC,GAAG;AAAA,MAC9B,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,GAC5B;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA;AAExB,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,KAAA,KAItB;AACJ,EAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAW,WAAA,EAAY,GAAI,KAAA;AACxC,EAAA,MAAM,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,kBAAkB,iBAAA,EAAkB;AAE1C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA+C;AACtE,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,EACjC,CAAA;AACA,EAAA,MAAM,eAAA,GAAkB,CACtB,MAAA,EACA,OAAA,KACG;AACH,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAyC;AACpE,IAAA,eAAA,CAA6C,CAAA;AAC7C,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,EACvB,CAAA;AACA,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA;AAEA,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAyC;AACtE,IAAA,eAAA,CAA6C,CAAA;AAC7C,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB,CAAA;AACA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA;AAEA,EAAA,MAAM,OAAO,QAAA,CAAS,EAAE,GAAA,EAAK,GAAA,CAAI,KAAK,CAAA;AAEtC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,IAAA,EAAM,SAAA,EAAW,gBAAgB,IAAA,EACzC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,CAAA;AAAA,sBACzC,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,MAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,OAAA,CAAQ,OAAA,EAAU,QAAA,EAAA,GAAA,CAAI,GAAA,EAAI,CAAA,EACnD,CAAA;AAAA,QACC,IAAI,WAAA,oBACH,GAAA,CAAC,cAAW,SAAA,EAAW,OAAA,CAAQ,aAC5B,QAAA,EAAA,SAAA,CAAU,QAAA;AAAA,UACT,QAAA,CAAS,wBAAA,CAAyB,GAAA,CAAI,WAAW,GAAG,GAAG;AAAA,SACzD,EACF;AAAA,OAAA,EAEJ,CAAA;AAAA,sBAEA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,YAAA,EACtB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,kBAAkB,CAAA,EAAG,KAAA,EAAK,IAAA,EAC1C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,UAAS,OAAA,EAAQ,CAAA;AAAA,0BACrC,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,cAAI,cAAA,EAAe;AAAA,SAAA,EAClD,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,iBAAiB,CAAA,EAAG,KAAA,EAAK,IAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,UAAS,OAAA,EAAQ,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,cAAI,aAAA,EAAc;AAAA,SAAA,EACjD,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,cAAc,CAAA,EAAG,KAAA,EAAK,IAAA,EACtC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,UAAS,OAAA,EAAQ,CAAA;AAAA,0BAC3B,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,cAAI,UAAA,EAAW;AAAA,SAAA,EAC9C,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,uBAAuB,CAAA,EAAG,KAAA,EAAK,IAAA,EAC/C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,QAAA,EACtB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,UAAS,OAAA,EAAQ,CAAA;AAAA,0BAC7B,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,cAAI,aAAA,EAAc;AAAA,SAAA,EACjD,CAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAA,CAAQ,OAAA;AAAA,UACnB,SAAS,CAAA,CAAA,KAAK;AACZ,YAAA,CAAA,CAAE,cAAA,EAAe;AACjB,YAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,UACpB,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,GAAA,EAAK,GAAA,CAAI,GAAA,EAAK,CAAA;AAAA,YAC9B,GAAA,CAAI,OAAA,IAAW,GAAA,CAAI,SAAA,mBAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,YAAA,EAAW,UAAA;AAAA,kBACX,OAAA,EAAS,eAAA;AAAA,kBACT,IAAA,EAAK,OAAA;AAAA,kBAEL,8BAAC,YAAA,EAAA,EAAa;AAAA;AAAA,eAChB;AAAA,8BACA,IAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,EAAA,EAAG,UAAA;AAAA,kBACH,QAAA;AAAA,kBACA,WAAA,EAAW,IAAA;AAAA,kBACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,kBACtB,OAAA,EAAS,eAAA;AAAA,kBACT,kBAAA,EAAoB,IAAA;AAAA,kBACpB,YAAA,EAAc;AAAA,oBACZ,QAAA,EAAU,QAAA;AAAA,oBACV,UAAA,EAAY;AAAA,mBACd;AAAA,kBACA,eAAA,EAAiB;AAAA,oBACf,QAAA,EAAU,KAAA;AAAA,oBACV,UAAA,EAAY;AAAA,mBACd;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAI,OAAA,oBACH,IAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,SAAS,CAAA,CAAA,KAAK;AACZ,0BAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,0BAAA,mBAAA,CAAqB,CAAA;AAAA,wBACvB,CAAA;AAAA,wBAEA,QAAA,EAAA;AAAA,0CAAA,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,IAC/B,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA,EAC7B,CAAA;AAAA,0CACA,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,CAAA,CAAE,gBAAgB,CAAA,EAAG;AAAA;AAAA;AAAA,qBAC9C;AAAA,oBAED,IAAI,SAAA,oBACH,IAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,SAAS,CAAA,CAAA,KAAK;AACZ,0BAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,0BAAA,qBAAA,CAAuB,CAAA;AAAA,wBACzB,CAAA;AAAA,wBAEA,QAAA,EAAA;AAAA,0CAAA,GAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,IAC/B,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,QAAA,EAAS,OAAA,EAAQ,CAAA,EAC/B,CAAA;AAAA,0CACA,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,CAAA,CAAE,kBAAkB,CAAA,EAAG;AAAA;AAAA;AAAA;AAChD;AAAA;AAAA;AAEJ,aAAA,EACF,CAAA,GACE;AAAA;AAAA;AAAA;AACN,KAAA,EACF,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,aAAA;AAAA,QACN,OAAA,EAAS,oBAAA;AAAA,QACT;AAAA;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,eAAA;AAAA,QACN,OAAA,EAAS,sBAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AAAA;AACV,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/TagsContainer/TagsContainer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagsContainer/TagsContainer.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Button } from '@material-ui/core';\nimport Add from '@material-ui/icons/Add';\nimport { useIsModerator } from '../../hooks/useIsModerator';\nimport { CommonFilterPanelProps, TagFilters } from '../FilterPanel/FilterPanel';\nimport { TagGridItem } from './TagGridItem';\nimport { TagListItem } from './TagListItem';\nimport {\n  qetaCreateTagPermission,\n  TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CreateTagModal } from './CreateTagModal';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const TagsContainer = (props: {\n  filterPanelProps?: CommonFilterPanelProps;\n  defaultView?: ViewType;\n}) => {\n  const { filterPanelProps, defaultView } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { isModerator } = useIsModerator();\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const handleCreateModalOpen = () => setCreateModalOpen(true);\n\n  const handleCreateModalCloseWithRetry = (retry: () => void) => {\n    setCreateModalOpen(false);\n    retry();\n  };\n\n  return (\n    <QetaEntityContainer<TagResponse, TagFilters>\n      prefix=\"tags\"\n      defaultPageSize={24}\n      defaultView={defaultView}\n      initialFilters={{\n        order: 'desc',\n        orderBy: 'postsCount',\n        searchQuery: '',\n      }}\n      fetch={(api, limit, offset, filters) => {\n        return api\n          .getTags({\n            limit,\n            offset,\n            searchQuery: filters.searchQuery,\n            order: filters.order,\n            orderBy: filters.orderBy,\n            checkAccess: true,\n          })\n          .then(res => ({ items: res.tags, total: res.total }));\n      }}\n      filterPanelProps={{\n        ...filterPanelProps,\n        mode: 'tags',\n      }}\n      renderListItem={(tag, { retry }) => (\n        <TagListItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n      )}\n      renderGridItem={(tag, { retry }) => (\n        <TagGridItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n      )}\n      title={total => t('tagPage.tags', { count: total })}\n      searchPlaceholder={t('tagPage.search.label')}\n      emptyMessage={t('tagPage.tags', { count: 0 })}\n      getKey={tag => tag.tag}\n      headerButtons={({ retry }) => (\n        <>\n          <OptionalRequirePermission\n            permission={qetaCreateTagPermission}\n            errorPage={<></>}\n          >\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              startIcon={<Add />}\n              size=\"small\"\n              onClick={handleCreateModalOpen}\n            >\n              {t('tagPage.createTag')}\n            </Button>\n            <CreateTagModal\n              open={createModalOpen}\n              onClose={() => handleCreateModalCloseWithRetry(retry)}\n              isModerator={isModerator}\n            />\n          </OptionalRequirePermission>\n        </>\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagsContainer/TagsContainer.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Button } from '@material-ui/core';\nimport Add from '@material-ui/icons/Add';\nimport { useIsModerator } from '../../hooks/useIsModerator';\nimport { CommonFilterPanelProps, TagFilters } from '../FilterPanel/FilterPanel';\nimport { TagGridItem } from './TagGridItem';\nimport { TagListItem } from './TagListItem';\nimport {\n  qetaCreateTagPermission,\n  TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CreateTagModal } from './CreateTagModal';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const TagsContainer = (props: {\n  filterPanelProps?: CommonFilterPanelProps;\n  defaultView?: ViewType;\n}) => {\n  const { filterPanelProps, defaultView } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { isModerator } = useIsModerator();\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const handleCreateModalOpen = () => setCreateModalOpen(true);\n\n  const handleCreateModalCloseWithRetry = (retry: () => void) => {\n    setCreateModalOpen(false);\n    retry();\n  };\n\n  return (\n    <QetaEntityContainer<TagResponse, TagFilters>\n      prefix=\"tags\"\n      defaultPageSize={24}\n      defaultView={defaultView}\n      initialFilters={{\n        order: 'desc',\n        orderBy: 'postsCount',\n        searchQuery: '',\n      }}\n      fetch={(api, limit, offset, filters) => {\n        return api\n          .getTags({\n            limit,\n            offset,\n            searchQuery: filters.searchQuery,\n            order: filters.order,\n            orderBy: filters.orderBy,\n            checkAccess: true,\n          })\n          .then(res => ({ items: res.tags, total: res.total }));\n      }}\n      filterPanelProps={{\n        ...filterPanelProps,\n        mode: 'tags',\n      }}\n      renderListItem={(tag, { retry }) => (\n        <TagListItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n      )}\n      renderGridItem={(tag, { retry }) => (\n        <TagGridItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n      )}\n      title={total => t('tagPage.tags', { count: total })}\n      searchPlaceholder={t('tagPage.search.label')}\n      emptyMessage={t('tagPage.tags', { count: 0 })}\n      getKey={tag => tag.tag}\n      headerButtons={({ retry }) => (\n        <>\n          <OptionalRequirePermission\n            permission={qetaCreateTagPermission}\n            errorPage={<></>}\n          >\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              startIcon={<Add />}\n              size=\"small\"\n              onClick={handleCreateModalOpen}\n            >\n              {t('tagPage.createTag')}\n            </Button>\n            <CreateTagModal\n              open={createModalOpen}\n              onClose={() => handleCreateModalCloseWithRetry(retry)}\n              isModerator={isModerator}\n            />\n          </OptionalRequirePermission>\n        </>\n      )}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateList/TemplateForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateForm.esm.js","sources":["../../../src/components/TemplateList/TemplateForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator } from '../../hooks';\nimport { QetaApi, TemplateRequest } from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { Controller, useForm } from 'react-hook-form';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { TagInput } from '../PostForm/TagInput';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TemplateFormValues } from '../PostForm/types';\nimport { Button, TextField } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst formToRequest = (form: TemplateFormValues): TemplateRequest => {\n  return {\n    ...form,\n    entities: form.entities?.map(stringifyEntityRef),\n  };\n};\n\nconst getDefaultValues = (): TemplateFormValues => {\n  return {\n    title: '',\n    description: '',\n    tags: [],\n    entities: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  catalogApi: CatalogApi,\n  id?: string,\n): Promise<TemplateFormValues> => {\n  if (!id) {\n    return getDefaultValues();\n  }\n\n  const template = await api.getTemplate(id);\n  const entities =\n    template.entities && template.entities.length > 0\n      ? await catalogApi.getEntitiesByRefs({\n          entityRefs: template.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n      : [];\n  return {\n    title: template.title,\n    description: template.description,\n    questionTitle: template.questionTitle,\n    questionContent: template.questionContent,\n    tags: template.tags ?? [],\n    entities: 'items' in entities ? compact(entities.items) : [],\n  };\n};\n\nexport const TemplateForm = (props: { id?: number; onPost: () => void }) => {\n  const { id, onPost } = props;\n  const [posting, setPosting] = useState(false);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [error, setError] = useState(false);\n  const [values, setValues] = useState(getDefaultValues());\n  const { isModerator } = useIsModerator();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    register,\n    handleSubmit,\n    control,\n    getValues: getFormValues,\n    setValue,\n    reset,\n    formState: { errors },\n  } = useForm<TemplateFormValues>({\n    values,\n    defaultValues: getDefaultValues(),\n  });\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, catalogApi, id.toString(10))\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(data => {\n          if (data) {\n            setValues(data);\n          }\n        });\n    }\n  }, [qetaApi, catalogApi, id, alertApi]);\n\n  const postTemplate = (data: TemplateFormValues) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateTemplate(id, formToRequest(data))\n        .then(_q => {\n          reset();\n          onPost();\n        })\n        .catch(e => {\n          setError(true);\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        })\n        .finally(() => setPosting(false));\n      return;\n    }\n    qetaApi\n      .createTemplate(formToRequest(data))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        reset();\n        onPost();\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      })\n      .finally(() => setPosting(false));\n  };\n\n  if (!isModerator) {\n    return null;\n  }\n\n  return (\n    <form onSubmit={handleSubmit(postTemplate)}>\n      {error && (\n        <Alert severity=\"error\">{t('templateList.errorPosting')}</Alert>\n      )}\n      <TextField\n        label={t('templateList.titleInput.label')}\n        className=\"qetaTemplateFormTitle\"\n        required\n        fullWidth\n        error={'title' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText={t('templateList.titleInput.helperText')}\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        {\n          // @ts-ignore\n          ...register('title', { required: true, maxLength: 255 })\n        }\n      />\n\n      <TextField\n        label={t('templateList.descriptionInput.label')}\n        className=\"qetaTemplateFormDescription\"\n        required\n        fullWidth\n        error={'description' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText={t('templateList.descriptionInput.helperText')}\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        {\n          // @ts-ignore\n          ...register('description', { required: true, maxLength: 255 })\n        }\n      />\n\n      <TextField\n        label={t('templateList.questionTitleInput.label')}\n        className=\"qetaTemplateFormQuestionTitle\"\n        fullWidth\n        error={'questionTitle' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        helperText={t('templateList.questionTitleInput.helperText')}\n        {\n          // @ts-ignore\n          ...register('questionTitle', { maxLength: 255 })\n        }\n      />\n\n      <Controller\n        control={control}\n        rules={{}}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value ?? ''}\n            disableAttachments\n            onChange={onChange}\n            height={400}\n            error={'questionContent' in errors}\n            placeholder={t('templateList.questionContentInput.placeholder')}\n            onTagsChange={tags => {\n              const existing = getFormValues('tags') ?? [];\n              const newTags = [...new Set([...existing, ...tags])];\n              setValue('tags', newTags, { shouldValidate: true });\n            }}\n          />\n        )}\n        name=\"questionContent\"\n      />\n      <Controller\n        control={control}\n        render={({\n          field: { onChange, value },\n          fieldState: { error: tagError },\n        }) => <TagInput value={value} onChange={onChange} error={tagError} />}\n        name=\"tags\"\n      />\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <EntitiesInput value={value} onChange={onChange} />\n        )}\n        name=\"entities\"\n      />\n      <Button\n        color=\"primary\"\n        type=\"submit\"\n        variant=\"contained\"\n        disabled={posting}\n      >\n        {id\n          ? t('templateList.submit.existingTemplate')\n          : t('templateList.submit.newTemplate')}\n      </Button>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemplateForm.esm.js","sources":["../../../src/components/TemplateList/TemplateForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator } from '../../hooks';\nimport { QetaApi, TemplateRequest } from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { Controller, useForm } from 'react-hook-form';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { TagInput } from '../PostForm/TagInput';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TemplateFormValues } from '../PostForm/types';\nimport { Button, TextField } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst formToRequest = (form: TemplateFormValues): TemplateRequest => {\n  return {\n    ...form,\n    entities: form.entities?.map(stringifyEntityRef),\n  };\n};\n\nconst getDefaultValues = (): TemplateFormValues => {\n  return {\n    title: '',\n    description: '',\n    tags: [],\n    entities: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  catalogApi: CatalogApi,\n  id?: string,\n): Promise<TemplateFormValues> => {\n  if (!id) {\n    return getDefaultValues();\n  }\n\n  const template = await api.getTemplate(id);\n  const entities =\n    template.entities && template.entities.length > 0\n      ? await catalogApi.getEntitiesByRefs({\n          entityRefs: template.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n      : [];\n  return {\n    title: template.title,\n    description: template.description,\n    questionTitle: template.questionTitle,\n    questionContent: template.questionContent,\n    tags: template.tags ?? [],\n    entities: 'items' in entities ? compact(entities.items) : [],\n  };\n};\n\nexport const TemplateForm = (props: { id?: number; onPost: () => void }) => {\n  const { id, onPost } = props;\n  const [posting, setPosting] = useState(false);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [error, setError] = useState(false);\n  const [values, setValues] = useState(getDefaultValues());\n  const { isModerator } = useIsModerator();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    register,\n    handleSubmit,\n    control,\n    getValues: getFormValues,\n    setValue,\n    reset,\n    formState: { errors },\n  } = useForm<TemplateFormValues>({\n    values,\n    defaultValues: getDefaultValues(),\n  });\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, catalogApi, id.toString(10))\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(data => {\n          if (data) {\n            setValues(data);\n          }\n        });\n    }\n  }, [qetaApi, catalogApi, id, alertApi]);\n\n  const postTemplate = (data: TemplateFormValues) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateTemplate(id, formToRequest(data))\n        .then(_q => {\n          reset();\n          onPost();\n        })\n        .catch(e => {\n          setError(true);\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        })\n        .finally(() => setPosting(false));\n      return;\n    }\n    qetaApi\n      .createTemplate(formToRequest(data))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        reset();\n        onPost();\n      })\n      .catch(e => {\n        setError(true);\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n      })\n      .finally(() => setPosting(false));\n  };\n\n  if (!isModerator) {\n    return null;\n  }\n\n  return (\n    <form onSubmit={handleSubmit(postTemplate)}>\n      {error && (\n        <Alert severity=\"error\">{t('templateList.errorPosting')}</Alert>\n      )}\n      <TextField\n        label={t('templateList.titleInput.label')}\n        className=\"qetaTemplateFormTitle\"\n        required\n        fullWidth\n        error={'title' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText={t('templateList.titleInput.helperText')}\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        {\n          // @ts-ignore\n          ...register('title', { required: true, maxLength: 255 })\n        }\n      />\n\n      <TextField\n        label={t('templateList.descriptionInput.label')}\n        className=\"qetaTemplateFormDescription\"\n        required\n        fullWidth\n        error={'description' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        helperText={t('templateList.descriptionInput.helperText')}\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        {\n          // @ts-ignore\n          ...register('description', { required: true, maxLength: 255 })\n        }\n      />\n\n      <TextField\n        label={t('templateList.questionTitleInput.label')}\n        className=\"qetaTemplateFormQuestionTitle\"\n        fullWidth\n        error={'questionTitle' in errors}\n        margin=\"normal\"\n        variant=\"outlined\"\n        FormHelperTextProps={{\n          style: { marginLeft: '0.2em' },\n        }}\n        helperText={t('templateList.questionTitleInput.helperText')}\n        {\n          // @ts-ignore\n          ...register('questionTitle', { maxLength: 255 })\n        }\n      />\n\n      <Controller\n        control={control}\n        rules={{}}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value ?? ''}\n            disableAttachments\n            onChange={onChange}\n            height={400}\n            error={'questionContent' in errors}\n            placeholder={t('templateList.questionContentInput.placeholder')}\n            onTagsChange={tags => {\n              const existing = getFormValues('tags') ?? [];\n              const newTags = [...new Set([...existing, ...tags])];\n              setValue('tags', newTags, { shouldValidate: true });\n            }}\n          />\n        )}\n        name=\"questionContent\"\n      />\n      <Controller\n        control={control}\n        render={({\n          field: { onChange, value },\n          fieldState: { error: tagError },\n        }) => <TagInput value={value} onChange={onChange} error={tagError} />}\n        name=\"tags\"\n      />\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <EntitiesInput value={value} onChange={onChange} />\n        )}\n        name=\"entities\"\n      />\n      <Button\n        color=\"primary\"\n        type=\"submit\"\n        variant=\"contained\"\n        disabled={posting}\n      >\n        {id\n          ? t('templateList.submit.existingTemplate')\n          : t('templateList.submit.newTemplate')}\n      </Button>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TemplateList/TemplateList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateList.esm.js","sources":["../../../src/components/TemplateList/TemplateList.tsx"],"sourcesContent":["import { useIsModerator, useQetaApi } from '../../hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { qetaApiRef } from '../../api';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { TemplateForm } from './TemplateForm';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const TemplateList = () => {\n  const { isModerator } = useIsModerator();\n\n  const [mode, setMode] = useState<'list' | 'create' | 'edit'>('list');\n  const [id, setId] = useState<number | undefined>(undefined);\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { hash } = useLocation();\n  const { value, loading, error, retry } = useQetaApi(api =>\n    api.getTemplates(),\n  );\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  useEffect(() => {\n    const [, hashMode] = (hash ?? '').split(':');\n    if (hashMode === 'new') {\n      setMode('create');\n    } else {\n      const hashId = parseInt(hashMode, 10);\n      if (!isNaN(hashId)) {\n        setId(hashId);\n        setMode('edit');\n      } else {\n        setMode('list');\n      }\n    }\n  }, [hash]);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const onDelete = (templateId: number) => {\n    qetaApi.deleteTemplate(templateId).then(() => retry());\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error || value === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('templateList.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (mode === 'create' || mode === 'edit') {\n    return (\n      <TemplateForm\n        onPost={() => {\n          retry();\n          navigate('#template:list');\n        }}\n        id={id}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={() => {\n          navigate('#template:new');\n        }}\n      >\n        Create New Template\n      </Button>\n      <Box\n        sx={{ width: '100%', bgcolor: 'background.paper', marginTop: '1em' }}\n      >\n        <List style={{ width: '100%' }}>\n          {value.total === 0 && (\n            <ListItem>\n              <ListItemText\n                primary={t('templateList.noTemplates')}\n                secondary={t('templateList.noTemplatesDescription')}\n              />\n            </ListItem>\n          )}\n          {value.templates.map((template, index) => (\n            <ListItem key={index}>\n              <ListItemText\n                primary={template.title}\n                secondary={template.description}\n              />\n              <ListItemSecondaryAction>\n                <IconButton\n                  onClick={() => {\n                    navigate(`#template:${template.id}`);\n                  }}\n                >\n                  <EditIcon />\n                </IconButton>\n                <IconButton onClick={() => onDelete(template.id)}>\n                  <DeleteIcon />\n                </IconButton>\n              </ListItemSecondaryAction>\n            </ListItem>\n          ))}\n        </List>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TemplateList.esm.js","sources":["../../../src/components/TemplateList/TemplateList.tsx"],"sourcesContent":["import { useIsModerator, useQetaApi } from '../../hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { qetaApiRef } from '../../api';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { TemplateForm } from './TemplateForm';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const TemplateList = () => {\n  const { isModerator } = useIsModerator();\n\n  const [mode, setMode] = useState<'list' | 'create' | 'edit'>('list');\n  const [id, setId] = useState<number | undefined>(undefined);\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { hash } = useLocation();\n  const { value, loading, error, retry } = useQetaApi(api =>\n    api.getTemplates(),\n  );\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  useEffect(() => {\n    const [, hashMode] = (hash ?? '').split(':');\n    if (hashMode === 'new') {\n      setMode('create');\n    } else {\n      const hashId = parseInt(hashMode, 10);\n      if (!isNaN(hashId)) {\n        setId(hashId);\n        setMode('edit');\n      } else {\n        setMode('list');\n      }\n    }\n  }, [hash]);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const onDelete = (templateId: number) => {\n    qetaApi.deleteTemplate(templateId).then(() => retry());\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error || value === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('templateList.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (mode === 'create' || mode === 'edit') {\n    return (\n      <TemplateForm\n        onPost={() => {\n          retry();\n          navigate('#template:list');\n        }}\n        id={id}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={() => {\n          navigate('#template:new');\n        }}\n      >\n        Create New Template\n      </Button>\n      <Box\n        sx={{ width: '100%', bgcolor: 'background.paper', marginTop: '1em' }}\n      >\n        <List style={{ width: '100%' }}>\n          {value.total === 0 && (\n            <ListItem>\n              <ListItemText\n                primary={t('templateList.noTemplates')}\n                secondary={t('templateList.noTemplatesDescription')}\n              />\n            </ListItem>\n          )}\n          {value.templates.map((template, index) => (\n            <ListItem key={index}>\n              <ListItemText\n                primary={template.title}\n                secondary={template.description}\n              />\n              <ListItemSecondaryAction>\n                <IconButton\n                  onClick={() => {\n                    navigate(`#template:${template.id}`);\n                  }}\n                >\n                  <EditIcon />\n                </IconButton>\n                <IconButton onClick={() => onDelete(template.id)}>\n                  <DeleteIcon />\n                </IconButton>\n              </ListItemSecondaryAction>\n            </ListItem>\n          ))}\n        </List>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Timeline/Timeline.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.esm.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport { TimelineItemCard } from './TimelineItem';\nimport { Progress, ErrorPanel } from '@backstage/core-components';\nimport { Box, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nexport interface TimelineProps {\n  loadMore?: boolean;\n  limit?: number;\n}\n\nexport const Timeline = (props: TimelineProps) => {\n  const { loadMore = true, limit = 30 } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [items, setItems] = useState<TimelineItem[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [offset, setOffset] = useState(0);\n  const [hasMore, setHasMore] = useState(true);\n\n  const fetchTimeline = useCallback(\n    async (reset = false) => {\n      try {\n        setLoading(true);\n        const currentOffset = reset ? 0 : offset;\n        const response = await qetaApi.getTimeline({\n          limit,\n          offset: currentOffset,\n        });\n\n        if (reset) {\n          setItems(response.items);\n        } else {\n          setItems(prev => [...prev, ...response.items]);\n        }\n\n        setHasMore(loadMore && response.items.length === limit);\n        setOffset(currentOffset + limit);\n      } catch (e) {\n        setError(e as Error);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [qetaApi, offset, limit, loadMore],\n  );\n\n  useEffect(() => {\n    fetchTimeline(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const { containerRef: sentryRef } = useInfiniteScroll({\n    shouldStop: !hasMore || !!error || loading,\n    onLoadMore: async () => {\n      await fetchTimeline(false);\n    },\n    offset: '800px',\n  });\n\n  if (loading && items.length === 0) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <Typography variant=\"h5\" gutterBottom>\n        {t('timeline.title')}\n      </Typography>\n      {items.map((item, index) => (\n        <TimelineItemCard\n          key={`${item.type}-${item.id}-${index}`}\n          item={item}\n        />\n      ))}\n      {(loading || hasMore) && (\n        <div\n          ref={sentryRef}\n          style={{ height: '20px', margin: '10px 0', textAlign: 'center' }}\n        >\n          {loading && (\n            <Typography variant=\"body2\">{t('timeline.loading')}</Typography>\n          )}\n        </div>\n      )}\n      {!hasMore && items.length > 0 && (\n        <p style={{ textAlign: 'center' }}>\n          <b>{t('timeline.noMoreItems')}</b>\n        </p>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Timeline.esm.js","sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport { TimelineItemCard } from './TimelineItem';\nimport { Progress, ErrorPanel } from '@backstage/core-components';\nimport { Box, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nexport interface TimelineProps {\n  loadMore?: boolean;\n  limit?: number;\n}\n\nexport const Timeline = (props: TimelineProps) => {\n  const { loadMore = true, limit = 30 } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [items, setItems] = useState<TimelineItem[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [offset, setOffset] = useState(0);\n  const [hasMore, setHasMore] = useState(true);\n\n  const fetchTimeline = useCallback(\n    async (reset = false) => {\n      try {\n        setLoading(true);\n        const currentOffset = reset ? 0 : offset;\n        const response = await qetaApi.getTimeline({\n          limit,\n          offset: currentOffset,\n        });\n\n        if (reset) {\n          setItems(response.items);\n        } else {\n          setItems(prev => [...prev, ...response.items]);\n        }\n\n        setHasMore(loadMore && response.items.length === limit);\n        setOffset(currentOffset + limit);\n      } catch (e) {\n        setError(e as Error);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [qetaApi, offset, limit, loadMore],\n  );\n\n  useEffect(() => {\n    fetchTimeline(true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const { containerRef: sentryRef } = useInfiniteScroll({\n    shouldStop: !hasMore || !!error || loading,\n    onLoadMore: async () => {\n      await fetchTimeline(false);\n    },\n    offset: '800px',\n  });\n\n  if (loading && items.length === 0) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <Typography variant=\"h5\" gutterBottom>\n        {t('timeline.title')}\n      </Typography>\n      {items.map((item, index) => (\n        <TimelineItemCard\n          key={`${item.type}-${item.id}-${index}`}\n          item={item}\n        />\n      ))}\n      {(loading || hasMore) && (\n        <div\n          ref={sentryRef}\n          style={{ height: '20px', margin: '10px 0', textAlign: 'center' }}\n        >\n          {loading && (\n            <Typography variant=\"body2\">{t('timeline.loading')}</Typography>\n          )}\n        </div>\n      )}\n      {!hasMore && items.length > 0 && (\n        <p style={{ textAlign: 'center' }}>\n          <b>{t('timeline.noMoreItems')}</b>\n        </p>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Timeline/TimelineItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.esm.js","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  Avatar,\n  makeStyles,\n} from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  questionRouteRef,\n  articleRouteRef,\n  linkRouteRef,\n  collectionRouteRef,\n} from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { UserLink } from '../Links';\nimport { PostTooltip, CollectionTooltip } from '../Tooltips';\n\nimport { useUserInfo } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '100%',\n    padding: theme.spacing(1, 1.5),\n    marginBottom: 0,\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'background-color 0.15s ease-in-out',\n    position: 'relative',\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n    },\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n  overlayLink: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: 0,\n  },\n  contentWrapper: {\n    pointerEvents: 'none',\n  },\n  contentClickable: {\n    position: 'relative',\n    zIndex: 1,\n    pointerEvents: 'auto',\n  },\n  inline: {\n    display: 'inline',\n  },\n  avatar: {\n    minWidth: '36px',\n  },\n  text: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  },\n  link: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '450px',\n    display: 'inline-block',\n    verticalAlign: 'bottom',\n  },\n  action: {\n    opacity: 0.8,\n  },\n  time: {\n    opacity: 0.6,\n    fontSize: '0.8em',\n    marginLeft: 'auto',\n  },\n}));\n\nexport const TimelineItemCard = ({ item }: { item: TimelineItem }) => {\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const { user } = useUserInfo(item.author);\n\n  let title = item.title;\n  let link: string = '';\n  let action: string = '';\n\n  if (item.type === 'post') {\n    const postType = item.postType || 'question';\n    const isUpdated = item.action === 'updated';\n    if (postType === 'article') {\n      link = articleRoute({ id: item.id.toString() });\n      action = isUpdated\n        ? t('timeline.updatedArticle')\n        : t('timeline.postedArticle');\n    } else if (postType === 'link') {\n      link = linkRoute({ id: item.id.toString() });\n      action = isUpdated ? t('timeline.updatedLink') : t('timeline.postedLink');\n    } else {\n      link = questionRoute({ id: item.id.toString() });\n      action = isUpdated\n        ? t('timeline.updatedQuestion')\n        : t('timeline.postedQuestion');\n    }\n  } else if (item.type === 'answer') {\n    link = `${questionRoute({ id: item.postId.toString() })}#answer_${item.id}`;\n    title = item.postTitle;\n    action = t('timeline.answered');\n  } else if (item.type === 'comment') {\n    title = item.postTitle;\n    const postType = item.postType || 'question';\n    if (postType === 'article') {\n      link = articleRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnArticle');\n    } else if (postType === 'link') {\n      link = linkRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnLink');\n    } else {\n      link = questionRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnQuestion');\n    }\n  } else if (item.type === 'collection') {\n    link = collectionRoute({ id: item.id.toString() });\n    action = t('timeline.createdCollection');\n  }\n\n  return (\n    <ListItem alignItems=\"center\" className={classes.root} dense>\n      <RouterLink\n        to={link}\n        className={classes.overlayLink}\n        aria-label={title}\n      />\n      <ListItemAvatar className={`${classes.avatar} ${classes.contentWrapper}`}>\n        <Avatar\n          alt={item.author}\n          src={item.headerImage || user?.spec?.profile?.picture}\n          style={{ width: '26px', height: '26px', fontSize: '14px' }}\n        />\n      </ListItemAvatar>\n      <ListItemText\n        className={classes.contentWrapper}\n        primary={\n          <div className={classes.text}>\n            <span className={classes.contentClickable}>\n              <UserLink entityRef={item.author} />\n            </span>\n            <span className={classes.action}>{action}</span>\n            {item.type === 'collection' ? (\n              <CollectionTooltip\n                collectionId={item.id}\n                enterDelay={400}\n                enterNextDelay={400}\n                interactive={false}\n              >\n                <RouterLink\n                  to={link}\n                  className={`${classes.link} ${classes.contentClickable}`}\n                  style={{ color: 'inherit', textDecoration: 'none' }}\n                  id={item.id.toString()}\n                >\n                  {title}\n                </RouterLink>\n              </CollectionTooltip>\n            ) : (\n              <PostTooltip\n                id={(item.type === 'post' ? item.id : item.postId).toString()}\n                enterDelay={400}\n                enterNextDelay={400}\n                interactive={false}\n              >\n                <RouterLink\n                  to={link}\n                  className={`${classes.link} ${classes.contentClickable}`}\n                  style={{ color: 'inherit', textDecoration: 'none' }}\n                >\n                  {title}\n                </RouterLink>\n              </PostTooltip>\n            )}\n            <span className={classes.time}>\n              <RelativeTimeWithTooltip value={item.date} />\n            </span>\n          </div>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":["RouterLink"],"mappings":"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"}
+{"version":3,"file":"TimelineItem.esm.js","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  Avatar,\n  makeStyles,\n} from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  questionRouteRef,\n  articleRouteRef,\n  linkRouteRef,\n  collectionRouteRef,\n} from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { UserLink } from '../Links';\nimport { PostTooltip, CollectionTooltip } from '../Tooltips';\n\nimport { useUserInfo } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '100%',\n    padding: theme.spacing(1, 1.5),\n    marginBottom: 0,\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'background-color 0.15s ease-in-out',\n    position: 'relative',\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n    },\n    '&:last-child': {\n      borderBottom: 'none',\n    },\n  },\n  overlayLink: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: 0,\n  },\n  contentWrapper: {\n    pointerEvents: 'none',\n  },\n  contentClickable: {\n    position: 'relative',\n    zIndex: 1,\n    pointerEvents: 'auto',\n  },\n  inline: {\n    display: 'inline',\n  },\n  avatar: {\n    minWidth: '36px',\n  },\n  text: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  },\n  link: {\n    fontWeight: 'bold',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '450px',\n    display: 'inline-block',\n    verticalAlign: 'bottom',\n  },\n  action: {\n    opacity: 0.8,\n  },\n  time: {\n    opacity: 0.6,\n    fontSize: '0.8em',\n    marginLeft: 'auto',\n  },\n}));\n\nexport const TimelineItemCard = ({ item }: { item: TimelineItem }) => {\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const { user } = useUserInfo(item.author);\n\n  let title = item.title;\n  let link: string = '';\n  let action: string = '';\n\n  if (item.type === 'post') {\n    const postType = item.postType || 'question';\n    const isUpdated = item.action === 'updated';\n    if (postType === 'article') {\n      link = articleRoute({ id: item.id.toString() });\n      action = isUpdated\n        ? t('timeline.updatedArticle')\n        : t('timeline.postedArticle');\n    } else if (postType === 'link') {\n      link = linkRoute({ id: item.id.toString() });\n      action = isUpdated ? t('timeline.updatedLink') : t('timeline.postedLink');\n    } else {\n      link = questionRoute({ id: item.id.toString() });\n      action = isUpdated\n        ? t('timeline.updatedQuestion')\n        : t('timeline.postedQuestion');\n    }\n  } else if (item.type === 'answer') {\n    link = `${questionRoute({ id: item.postId.toString() })}#answer_${item.id}`;\n    title = item.postTitle;\n    action = t('timeline.answered');\n  } else if (item.type === 'comment') {\n    title = item.postTitle;\n    const postType = item.postType || 'question';\n    if (postType === 'article') {\n      link = articleRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnArticle');\n    } else if (postType === 'link') {\n      link = linkRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnLink');\n    } else {\n      link = questionRoute({ id: item.postId.toString() });\n      action = t('timeline.commentedOnQuestion');\n    }\n  } else if (item.type === 'collection') {\n    link = collectionRoute({ id: item.id.toString() });\n    action = t('timeline.createdCollection');\n  }\n\n  return (\n    <ListItem alignItems=\"center\" className={classes.root} dense>\n      <RouterLink\n        to={link}\n        className={classes.overlayLink}\n        aria-label={title}\n      />\n      <ListItemAvatar className={`${classes.avatar} ${classes.contentWrapper}`}>\n        <Avatar\n          alt={item.author}\n          src={item.headerImage || user?.spec?.profile?.picture}\n          style={{ width: '26px', height: '26px', fontSize: '14px' }}\n        />\n      </ListItemAvatar>\n      <ListItemText\n        className={classes.contentWrapper}\n        primary={\n          <div className={classes.text}>\n            <span className={classes.contentClickable}>\n              <UserLink entityRef={item.author} />\n            </span>\n            <span className={classes.action}>{action}</span>\n            {item.type === 'collection' ? (\n              <CollectionTooltip\n                collectionId={item.id}\n                enterDelay={400}\n                enterNextDelay={400}\n                interactive={false}\n              >\n                <RouterLink\n                  to={link}\n                  className={`${classes.link} ${classes.contentClickable}`}\n                  style={{ color: 'inherit', textDecoration: 'none' }}\n                  id={item.id.toString()}\n                >\n                  {title}\n                </RouterLink>\n              </CollectionTooltip>\n            ) : (\n              <PostTooltip\n                id={(item.type === 'post' ? item.id : item.postId).toString()}\n                enterDelay={400}\n                enterNextDelay={400}\n                interactive={false}\n              >\n                <RouterLink\n                  to={link}\n                  className={`${classes.link} ${classes.contentClickable}`}\n                  style={{ color: 'inherit', textDecoration: 'none' }}\n                >\n                  {title}\n                </RouterLink>\n              </PostTooltip>\n            )}\n            <span className={classes.time}>\n              <RelativeTimeWithTooltip value={item.date} />\n            </span>\n          </div>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":["RouterLink"],"mappings":"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"}

package/dist/components/Tooltips/CollectionTooltip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTooltip.esm.js","sources":["../../../src/components/Tooltips/CollectionTooltip.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport {\n  Collection,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport {\n  Box,\n  Button,\n  Grid,\n  Tooltip,\n  TooltipProps,\n  Typography,\n} from '@material-ui/core';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<number, { data: Collection; timestamp: number }> = new Map();\nconst requestCache: Map<number, Promise<Collection | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst CollectionTooltipContent = ({\n  collectionId,\n  interactive,\n}: {\n  collectionId: number;\n  interactive: boolean;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const collections = useCollectionsFollow();\n  const [resp, setResp] = useState<undefined | Collection>();\n\n  useEffect(() => {\n    const cached = cache.get(collectionId);\n    if (cached && Date.now() - cached.timestamp < TTL) {\n      setResp(cached.data);\n      return;\n    }\n\n    if (requestCache.has(collectionId)) {\n      requestCache.get(collectionId)!.then(res => {\n        if (res) setResp(res);\n      });\n      return;\n    }\n\n    const promise = qetaApi.getCollection(collectionId).then(res => {\n      if (res) {\n        cache.set(collectionId, { data: res, timestamp: Date.now() });\n        return res;\n      }\n      return undefined;\n    });\n\n    requestCache.set(collectionId, promise);\n    promise.then(res => {\n      if (res) setResp(res);\n      requestCache.delete(collectionId);\n    });\n  }, [qetaApi, collectionId]);\n\n  if (!resp) {\n    return (\n      <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n        <Grid item xs={12}>\n          <Skeleton variant=\"text\" width={150} height={24} />\n          <Skeleton variant=\"text\" width={100} height={20} />\n          <Skeleton\n            variant=\"rect\"\n            width={280}\n            height={60}\n            style={{ marginTop: 8 }}\n          />\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LibraryBooksOutlined style={{ marginRight: '0.5em' }} />\n          <Typography variant=\"subtitle1\" style={{ fontWeight: 600 }}>\n            {resp.title}\n          </Typography>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n          <Box display=\"flex\" alignItems=\"center\">\n            <LibraryBooksOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: resp.postsCount ?? resp.posts?.length ?? 0,\n                itemType: 'post',\n              })}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <PeopleAltOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {t('common.followers', { count: resp.followers })}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            {truncate(removeMarkdownFormatting(resp.description), 150)}\n          </Typography>\n        </Grid>\n      )}\n      {interactive && !collections.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n            }\n            fullWidth\n            onClick={() => {\n              if (collections.isFollowingCollection(resp)) {\n                collections.unfollowCollection(resp);\n              } else {\n                collections.followCollection(resp);\n              }\n            }}\n            startIcon={\n              collections.isFollowingCollection(resp) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {collections.isFollowingCollection(resp)\n              ? t('collectionButton.unfollow')\n              : t('collectionButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const CollectionTooltip = (\n  props: {\n    collectionId: number;\n    interactive?: boolean;\n  } & Omit<TooltipProps, 'title'>,\n) => {\n  const {\n    collectionId,\n    interactive = true,\n    children,\n    className,\n    ...tooltipProps\n  } = props;\n  const classes = useTooltipStyles();\n\n  return (\n    <Tooltip\n      title={\n        <CollectionTooltipContent\n          collectionId={collectionId}\n          interactive={interactive}\n        />\n      }\n      interactive={interactive}\n      arrow\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n        ...props.classes,\n      }}\n      className={className}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionTooltip.esm.js","sources":["../../../src/components/Tooltips/CollectionTooltip.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport {\n  Collection,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport {\n  Box,\n  Button,\n  Grid,\n  Tooltip,\n  TooltipProps,\n  Typography,\n} from '@material-ui/core';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<number, { data: Collection; timestamp: number }> = new Map();\nconst requestCache: Map<number, Promise<Collection | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst CollectionTooltipContent = ({\n  collectionId,\n  interactive,\n}: {\n  collectionId: number;\n  interactive: boolean;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const collections = useCollectionsFollow();\n  const [resp, setResp] = useState<undefined | Collection>();\n\n  useEffect(() => {\n    const cached = cache.get(collectionId);\n    if (cached && Date.now() - cached.timestamp < TTL) {\n      setResp(cached.data);\n      return;\n    }\n\n    if (requestCache.has(collectionId)) {\n      requestCache.get(collectionId)!.then(res => {\n        if (res) setResp(res);\n      });\n      return;\n    }\n\n    const promise = qetaApi.getCollection(collectionId).then(res => {\n      if (res) {\n        cache.set(collectionId, { data: res, timestamp: Date.now() });\n        return res;\n      }\n      return undefined;\n    });\n\n    requestCache.set(collectionId, promise);\n    promise.then(res => {\n      if (res) setResp(res);\n      requestCache.delete(collectionId);\n    });\n  }, [qetaApi, collectionId]);\n\n  if (!resp) {\n    return (\n      <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n        <Grid item xs={12}>\n          <Skeleton variant=\"text\" width={150} height={24} />\n          <Skeleton variant=\"text\" width={100} height={20} />\n          <Skeleton\n            variant=\"rect\"\n            width={280}\n            height={60}\n            style={{ marginTop: 8 }}\n          />\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LibraryBooksOutlined style={{ marginRight: '0.5em' }} />\n          <Typography variant=\"subtitle1\" style={{ fontWeight: 600 }}>\n            {resp.title}\n          </Typography>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n          <Box display=\"flex\" alignItems=\"center\">\n            <LibraryBooksOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: resp.postsCount ?? resp.posts?.length ?? 0,\n                itemType: 'post',\n              })}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <PeopleAltOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {t('common.followers', { count: resp.followers })}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            {truncate(removeMarkdownFormatting(resp.description), 150)}\n          </Typography>\n        </Grid>\n      )}\n      {interactive && !collections.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n            }\n            fullWidth\n            onClick={() => {\n              if (collections.isFollowingCollection(resp)) {\n                collections.unfollowCollection(resp);\n              } else {\n                collections.followCollection(resp);\n              }\n            }}\n            startIcon={\n              collections.isFollowingCollection(resp) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {collections.isFollowingCollection(resp)\n              ? t('collectionButton.unfollow')\n              : t('collectionButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const CollectionTooltip = (\n  props: {\n    collectionId: number;\n    interactive?: boolean;\n  } & Omit<TooltipProps, 'title'>,\n) => {\n  const {\n    collectionId,\n    interactive = true,\n    children,\n    className,\n    ...tooltipProps\n  } = props;\n  const classes = useTooltipStyles();\n\n  return (\n    <Tooltip\n      title={\n        <CollectionTooltipContent\n          collectionId={collectionId}\n          interactive={interactive}\n        />\n      }\n      interactive={interactive}\n      arrow\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n        ...props.classes,\n      }}\n      className={className}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}