@drodil/backstage-plugin-qeta-react 3.52.6 → 3.53.1

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

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

package/dist/components/SuggestionsCard/SuggestionsCard.esm.js

@@ -3,16 +3,21 @@ import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import { useMemo } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { makeStyles, Card, CardHeader, IconButton, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@material-ui/core';
+import { Link } from 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
 import { Skeleton } from '@material-ui/lab';
 import AssistantIcon from '@material-ui/icons/Assistant';
 import HelpOutlinedIcon from '@material-ui/icons/HelpOutlined';
@@ -21,7 +26,6 @@ import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
 import LinkIcon from '@material-ui/icons/Link';
 import RefreshIcon from '@material-ui/icons/Refresh';
 import RateReview from '@material-ui/icons/RateReview';
-import { Link } from 'react-router-dom';
 import { questionRouteRef, articleRouteRef, linkRouteRef } from '../../routes.esm.js';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { getPostDisplayDate } from '../../utils/utils.esm.js';

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

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

package/dist/components/TagsAndEntities/EntityChip.esm.js

@@ -6,16 +6,20 @@ import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { entityRouteRef } from '../../routes.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
-import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
-import 'dataloader';
+import '@backstage/plugin-signals-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
+import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
+import 'dataloader';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
 import { Link } from 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';

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

@@ -1 +1 @@
-{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {primaryTitle}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const classes = useTooltipStyles();\n  const href = entityRoute({ entityRef });\n\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {primaryTitle}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const classes = useTooltipStyles();\n  const href = entityRoute({ entityRef });\n\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsAndEntities/TagChip.esm.js

@@ -5,18 +5,22 @@ import { tagRouteRef } from '../../routes.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import 'react-use';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
 import { Link } from 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
 import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';

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

@@ -1 +1 @@
-{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n  const { tag } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const [resp, setResp] = useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    if (cache.has(tag)) {\n      setResp(cache.get(tag));\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, res);\n        setResp(res);\n      } else {\n        setResp({\n          id: 0,\n          tag,\n          postsCount: 0,\n          questionsCount: 0,\n          articlesCount: 0,\n          linksCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        });\n      }\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LoyaltyOutlined fontSize=\"small\" />\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {tag}\n          </Typography>\n        </Box>\n        {resp.id > 0 && (\n          <Typography variant=\"subtitle2\">\n            {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n            {' · '}\n            {t('common.followers', { count: resp.followerCount })}\n          </Typography>\n        )}\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && resp.id !== 0 && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (tags.isFollowingTag(tag)) {\n                tags.unfollowTag(tag);\n              } else {\n                tags.followTag(tag);\n              }\n            }}\n            startIcon={\n              tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n            }\n          >\n            {tags.isFollowingTag(tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { tag } = props;\n  const classes = useTooltipStyles();\n  const href = tagRoute({ tag });\n\n  return (\n    <Tooltip\n      arrow\n      title={<TagTooltip tag={tag} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component={props.useHref ? 'a' : Link}\n        style={props.style}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n  const { tag } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const [resp, setResp] = useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    if (cache.has(tag)) {\n      setResp(cache.get(tag));\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, res);\n        setResp(res);\n      } else {\n        setResp({\n          id: 0,\n          tag,\n          postsCount: 0,\n          questionsCount: 0,\n          articlesCount: 0,\n          linksCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        });\n      }\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LoyaltyOutlined fontSize=\"small\" />\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {tag}\n          </Typography>\n        </Box>\n        {resp.id > 0 && (\n          <Typography variant=\"subtitle2\">\n            {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n            {' · '}\n            {t('common.followers', { count: resp.followerCount })}\n          </Typography>\n        )}\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && resp.id !== 0 && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (tags.isFollowingTag(tag)) {\n                tags.unfollowTag(tag);\n              } else {\n                tags.followTag(tag);\n              }\n            }}\n            startIcon={\n              tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n            }\n          >\n            {tags.isFollowingTag(tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { tag } = props;\n  const classes = useTooltipStyles();\n  const href = tagRoute({ tag });\n\n  return (\n    <Tooltip\n      arrow\n      title={<TagTooltip tag={tag} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component={props.useHref ? 'a' : Link}\n        style={props.style}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsAndEntities/UserChip.esm.js

@@ -4,6 +4,10 @@ import '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
 import 'react';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
 import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
@@ -11,12 +15,12 @@ import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { Grid, Box, Avatar, Typography, Button } from '@material-ui/core';
-import '@backstage/plugin-catalog-react';
 import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '@backstage/plugin-catalog-react';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
 
 const UserTooltip = (props) => {
   const { entityRef, anonymous } = props;

package/dist/components/TagsAndEntities/UserChip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserChip.esm.js","sources":["../../../src/components/TagsAndEntities/UserChip.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const UserTooltip = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n}) => {\n  const { entityRef, anonymous } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              style={{ width: '20px', height: '20px' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {name}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      {!users.loading && currentUser?.userEntityRef !== entityRef && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (users.isFollowingUser(entityRef)) {\n                users.unfollowUser(entityRef);\n              } else {\n                users.followUser(entityRef);\n              }\n            }}\n            startIcon={\n              users.isFollowingUser(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {users.isFollowingUser(entityRef)\n              ? t('userButton.unfollow')\n              : t('userButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const UserChip = (props: { entityRef: string }) => {\n  const navigate = useNavigate();\n  const { entityRef } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={userName}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(`${userRoute()}/${entityRef}`);\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBa,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,QAAU,EAAA,IAAA,EAAM,gBAAmB,GAAA,WAAA;AAAA,IAC/C,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AAEA,EAAM,MAAA,EAAE,KAAO,EAAA,WAAA,EAAgB,GAAA,cAAA;AAAA,IAC7B,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA;AAAA,IAChC;AAAC,GACH;AACA,EAAA,MAAM,QAAQ,aAAc,EAAA;AAE5B,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,OAAA,EAAS,CACpD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,UACzC,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,KAAO,EAAA,EAAE,SAAS,cAAgB,EAAA,WAAA,EAAa,SAClD,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,YAC1B,GAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA,SAAA;AAAA,YACR,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,YAEtC,QAAA,EAAA;AAAA;AAAA,SAEL,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,YAAc,EAAA,UAAA;AAAA,cACd,QAAU,EAAA,QAAA;AAAA,cACV,UAAY,EAAA;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH,OACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAa,QAAe,EAAA,cAAA,EAAA;AAAA,KAClD,EAAA,CAAA;AAAA,IACC,CAAC,KAAM,CAAA,OAAA,IAAW,WAAa,EAAA,aAAA,KAAkB,SAChD,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,QACxD,SAAS,MAAM;AACb,UAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,SAAS,CAAG,EAAA;AACpC,YAAA,KAAA,CAAM,aAAa,SAAS,CAAA;AAAA,WACvB,MAAA;AACL,YAAA,KAAA,CAAM,WAAW,SAAS,CAAA;AAAA;AAC5B,SACF;AAAA,QACA,SAAA,EACE,MAAM,eAAgB,CAAA,SAAS,oBAC5B,GAAA,CAAA,aAAA,EAAA,EAAc,CAEf,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,QAIf,QAAA,EAAA,KAAA,CAAM,gBAAgB,SAAS,CAAA,GAC5B,EAAE,qBAAqB,CAAA,GACvB,EAAE,mBAAmB;AAAA;AAAA,KAE7B,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserChip.esm.js","sources":["../../../src/components/TagsAndEntities/UserChip.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const UserTooltip = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n}) => {\n  const { entityRef, anonymous } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              style={{ width: '20px', height: '20px' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {name}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      {!users.loading && currentUser?.userEntityRef !== entityRef && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (users.isFollowingUser(entityRef)) {\n                users.unfollowUser(entityRef);\n              } else {\n                users.followUser(entityRef);\n              }\n            }}\n            startIcon={\n              users.isFollowingUser(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {users.isFollowingUser(entityRef)\n              ? t('userButton.unfollow')\n              : t('userButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const UserChip = (props: { entityRef: string }) => {\n  const navigate = useNavigate();\n  const { entityRef } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={userName}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(`${userRoute()}/${entityRef}`);\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateTagModal.esm.js","sources":["../../../src/components/TagsContainer/CreateTagModal.tsx"],"sourcesContent":["import {\n  Backdrop,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\nimport { isValidTag } from '@drodil/backstage-plugin-qeta-common';\n\nexport const CreateTagModal = (props: {\n  open: boolean;\n  onClose: () => void;\n  isModerator?: boolean;\n}) => {\n  const { open, onClose, isModerator } = props;\n  const [tag, setTag] = useState('');\n  const [description, setDescription] = useState('');\n  const [experts, setExperts] = useState<Entity[]>([]);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n  const [error, setError] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleCreate = () => {\n    if (!isValidTag(tag)) {\n      alertApi.post({\n        message: t('createTagModal.invalidTagAlert'),\n        severity: 'error',\n        display: 'transient',\n      });\n      return;\n    }\n\n    qetaApi\n      .createTag(\n        tag,\n        description,\n        isModerator ? experts.map(stringifyEntityRef) : undefined,\n      )\n      .then(ret => {\n        if (ret) {\n          setTag('');\n          setDescription('');\n          setExperts([]);\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(e => {\n        alertApi.post({\n          message: e.message,\n          severity: 'error',\n          display: 'transient',\n        });\n        setError(true);\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaCreateTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('createTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaCreateTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n          style={{ marginBottom: '1em' }}\n        >\n          {t('createTagModal.title')}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('createTagModal.tagInput')}\n              style={{ width: '100%' }}\n              required\n              value={tag}\n              onChange={e => setTag(e.target.value)}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('createTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description ?? ''}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n          {isModerator && (\n            <Grid item xs={12}>\n              <EntitiesInput\n                value={experts}\n                onChange={setExperts}\n                maximum={null}\n                kind={['User']}\n                hideHelpText\n                label={t('editTagModal.expertsLabel')}\n                placeholder={t('editTagModal.expertsPlaceholder')}\n              />\n            </Grid>\n          )}\n        </Grid>\n        <Button\n          onClick={handleCreate}\n          className=\"qetaCreateTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('createTagModal.createButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaCreateTagModalCancelBtn\">\n          {t('createTagModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +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.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\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/{TagsGrid → TagsContainer}/TagGridItem.esm.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
 import { TagFollowButton } from '../Buttons/TagFollowButton.esm.js';
-import { makeStyles, Grid, Card, Box, Avatar, Tooltip, Typography, IconButton, Menu, MenuItem, ListItemIcon, ListItemText, CardContent } from '@material-ui/core';
+import { makeStyles, Card, Box, Avatar, Tooltip, Typography, IconButton, Menu, MenuItem, ListItemIcon, ListItemText, CardContent, Grid } from '@material-ui/core';
 import { useState } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
@@ -78,7 +78,7 @@ const TagGridItem = (props) => {
     onTagEdit();
   };
   const href = tagRoute({ tag: tag.tag });
-  return /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, sm: 6, md: 6, xl: 4, children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Card, { className: classes.card, children: /* @__PURE__ */ jsxs(ClickableLink, { href, ariaLabel: tag.tag, children: [
       /* @__PURE__ */ jsxs(
         Box,

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

@@ -0,0 +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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"}